@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f1e7;--cream:#fffaf0;--ink:#30312d;--muted:#6e6b62;--peach:#f5cdb5;--pink:#f8dfd8;--sage:#dce5ce;--orange:#c26742;--line:#4a443d;--hand:'Gaegu','Comic Sans MS',cursive;--body:'Noto Sans KR',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.skip{position:absolute;left:-999px;top:10px;z-index:100;padding:10px;background:#fff}.skip:focus{left:10px}.site-header{height:88px;padding:0 clamp(22px,4.5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);border-bottom:2px solid var(--ink);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;min-width:230px}.brand-mark{width:46px;height:45px;background:var(--ink);color:#fff3e2;border:2px solid var(--ink);border-radius:15px 12px 15px 10px;display:grid;place-items:center;font:700 25px var(--hand);transform:rotate(-5deg)}.mark-dot{color:#f4a985}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.05em;line-height:1.05}.brand-name small{display:block;margin-top:5px;font-size:8px;letter-spacing:.17em;font-weight:700}.site-header nav{display:flex;gap:clamp(20px,3vw,48px);font-size:13px;font-weight:700}.site-header nav a:hover,.text-link:hover,.back-top:hover{color:var(--orange)}.header-link{padding:10px 18px;border:2px solid var(--ink);border-radius:11px 13px 10px 15px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}.header-link:hover,.btn:hover{transform:translateY(-2px) rotate(0);box-shadow:5px 5px 0 #c37958}.header-link span{margin-left:13px}.hero{min-height:690px;display:grid;grid-template-columns:minmax(350px,42%) minmax(0,58%);position:relative;border-bottom:3px solid var(--ink);background:#f9f1e4}.hero-copy{padding:clamp(65px,8vw,128px) 25px 27px clamp(25px,7.2vw,120px);display:flex;flex-direction:column;position:relative;z-index:2}.eyebrow,.small-label{font-size:11px;letter-spacing:.18em;font-weight:800}.eyebrow{display:flex;gap:10px;align-items:center;white-space:nowrap}.line{width:32px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--hand);font-size:clamp(84px,8.2vw,145px);letter-spacing:-.075em;font-weight:700;line-height:.77;margin:58px 0 30px;transform:rotate(-2deg);white-space:nowrap}.hero h1 em,.chapter h2 em,.song-lead h2 em,.reading em{color:var(--orange);font-style:normal}.hero-kicker{font-size:19px;letter-spacing:-.04em;margin:20px 0 10px}.hero-kicker strong{font-size:24px}.hero-description{font-size:16px;line-height:1.85;color:#5f5b52;letter-spacing:-.04em}.hero-actions{display:flex;align-items:center;gap:28px;margin:27px 0 55px}.btn{display:inline-flex;align-items:center;gap:30px;padding:15px 22px;background:var(--ink);color:#fff9ed;border:2px solid var(--ink);border-radius:13px 10px 15px 11px;font-size:13px;font-weight:800;box-shadow:4px 4px 0 #dfb296;transition:.2s}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-foot{margin-top:auto;display:flex;gap:28px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#807b70}.hero-art{min-width:0;position:relative;border-left:3px solid var(--ink);overflow:hidden;background:#f8dec9}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:37% center}.hero-art-label{position:absolute;bottom:25px;right:28px;background:var(--cream);border:2px solid var(--ink);padding:11px 14px;font:700 15px var(--hand);transform:rotate(2deg);box-shadow:3px 3px 0 var(--ink)}.hero-art-label span{margin-left:28px}.hero-vertical{position:absolute;right:8px;top:85px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;font-weight:800;opacity:.65}.section-pad{padding:105px clamp(25px,7.2vw,120px)}.section-index{display:flex;align-items:center;gap:18px;font:700 12px var(--body);letter-spacing:.18em}.section-index span:first-child{font:700 32px var(--hand);letter-spacing:0;color:var(--orange)}.section-index:after{content:"";height:2px;background:var(--ink);flex:1;opacity:.7}.intro{display:grid;grid-template-columns:100px 1fr minmax(220px,30%);gap:50px;align-items:start;background:#fbf8ef;min-height:600px}.intro .section-index{writing-mode:vertical-rl;display:flex;gap:20px;height:180px}.intro .section-index:after{width:2px;height:auto;flex:1}.intro-main{padding-top:32px}.small-label{color:var(--orange);margin-bottom:22px}.intro h2,.section-head h2,.chapter h2,.song-lead h2{font-family:var(--hand);font-weight:700;line-height:.98;letter-spacing:-.06em}.intro h2{font-size:clamp(54px,6vw,92px);margin-bottom:48px}.intro h2 span{color:var(--orange)}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:700px}.intro-bottom p{font-size:14px;line-height:2;letter-spacing:-.04em;color:#5f5b52}.intro-side{padding-top:0;max-width:300px;justify-self:end;text-align:center}.portrait-frame{position:relative;background:#fff1dd;padding:10px;border:3px solid var(--ink);border-radius:10px 15px 9px 13px;box-shadow:8px 8px 0 #e9c5ac;transform:rotate(3deg)}.portrait-frame img{width:100%;max-height:390px;object-fit:cover;object-position:center 23%;border-radius:3px}.portrait-sticker{position:absolute;top:-23px;right:-20px;background:#f7dcad;border:2px solid var(--ink);padding:8px 15px;border-radius:50%;font:700 26px var(--hand);transform:rotate(10deg)}.intro-side p{font:700 15px var(--hand);letter-spacing:.12em;margin-top:22px}.series{background:#f0e5d5;border-block:3px solid var(--ink)}.section-head,.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{font-size:clamp(53px,5.5vw,82px);margin:0}.orange-dot{color:var(--orange)}.section-head>p,.chapter-heading>p{font-size:14px;line-height:1.9;color:#70685f;margin:0 0 10px}.series-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:45px}.series-card{display:block;background:#fffaf1;border:3px solid var(--ink);border-radius:10px 15px 10px 13px;overflow:hidden;box-shadow:7px 8px 0 #342e2a;transition:transform .2s,box-shadow .2s}.series-card:hover{transform:translate(-3px,-4px) rotate(-.5deg);box-shadow:10px 12px 0 #342e2a}.card-top{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:3px solid var(--ink);font:700 12px var(--hand);letter-spacing:.06em}.card-top span{font-size:22px;line-height:12px}.card-art{height:220px;position:relative;overflow:hidden;border-bottom:3px solid var(--ink)}.human-art{background:var(--sage);background-image:repeating-linear-gradient(120deg,transparent 0 70px,rgba(255,255,255,.18) 71px 73px)}.sketch-orbit{position:absolute;left:45%;top:20px;width:260px;height:260px;border:4px dashed #748875;border-radius:50%;transform:rotate(-20deg)}.sketch-person{position:absolute;left:22%;bottom:-60px;font:700 280px var(--hand);color:#536455;transform:rotate(-10deg);text-shadow:10px 10px 0 #b7cbb3}.sketch-shadow{position:absolute;width:200px;height:50px;border-radius:50%;background:#738a76;opacity:.2;bottom:10px;left:20%}.song-art{background:#f8d6c3}.vinyl{position:absolute;top:-75px;left:30%;width:360px;height:360px;border-radius:50%;background:repeating-radial-gradient(circle at center,#342f2b 0 3px,#4b443e 4px 5px,#312c29 6px 10px);border:5px solid #342f2b;box-shadow:12px 12px 0 #e7af98}.vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:125px;width:125px;background:#f7b78c;border:5px solid #e99c79;border-radius:50%}.vinyl-center:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#342f2b;transform:translate(-50%,-50%)}.song-scribble{position:absolute;left:8%;top:25px;font:700 49px var(--hand);line-height:.7;transform:rotate(-13deg)}.card-content{padding:26px 28px 30px}.pill{display:inline-block;background:#f6e2c9;border:1.5px solid var(--ink);border-radius:50px;padding:6px 12px;font-size:11px;font-weight:800}.card-content h3{font:700 50px var(--hand);letter-spacing:-.05em;margin:17px 0 6px}.card-content p{font-size:13px;color:#6c665d;line-height:1.85;margin-bottom:25px}.card-more{display:flex;justify-content:space-between;border-top:2px dashed #9b9184;padding-top:17px;font-size:12px;font-weight:800}.card-more span{font-size:20px}.chapter{background:#fbf8ef}.chapter-heading{margin-top:75px}.chapter h2,.song-lead h2{font-size:clamp(61px,6vw,92px);margin-bottom:0}.episode-stage{margin-top:65px;border:3px solid var(--ink);border-radius:11px 15px 12px 10px;display:grid;grid-template-columns:210px 1fr 55px;align-items:center;gap:30px;padding:38px 48px;background:#f6e5d9;box-shadow:7px 7px 0 #e5c6b5}.episode-number{font:700 110px var(--hand);letter-spacing:-.1em;line-height:1;color:#bd7053}.episode-number span{font:700 22px var(--hand);letter-spacing:0;color:var(--ink)}.status{font-size:11px;font-weight:800;letter-spacing:.02em}.status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cb855d;margin-right:5px}.episode-stage h3{font:700 40px var(--hand);margin:10px 0 4px}.episode-stage p{font-size:13px;line-height:1.8;color:#6f665e;margin:0}.episode-arrow{font:700 40px var(--hand)}.chapter-bottom{display:flex;justify-content:space-between;border-top:2px solid #a6a094;margin-top:65px;padding-top:16px;font:700 11px var(--body);letter-spacing:.13em}.song-section{background:#dce4d4;border-block:3px solid var(--ink)}.song-layout{display:grid;grid-template-columns:1fr minmax(340px,47%);gap:65px;margin-top:70px;align-items:center}.song-lead h2{margin-bottom:32px}.song-lead>p:last-child{font-size:15px;color:#5b6557;line-height:2;max-width:460px}.song-queue{border:3px solid var(--ink);background:#fffaf0;box-shadow:7px 7px 0 #778a73;transform:rotate(1deg)}.queue-header{display:flex;justify-content:space-between;background:#f1c9b2;border-bottom:3px solid var(--ink);padding:13px 20px;font-size:12px;font-weight:800}.queue-row{display:flex;align-items:center;gap:18px;padding:26px 20px;border-bottom:2px dashed #b0a99a}.queue-row strong{font:700 41px var(--hand);color:var(--orange)}.queue-row div{display:flex;flex-direction:column;gap:7px}.queue-row b{font-size:18px}.queue-row div span{font-size:12px;color:#716d64}.queue-row.subtle{opacity:.65}.queue-icon{margin-left:auto;font:700 26px var(--hand)}.queue-footer{text-align:center;font:700 19px var(--hand);padding:17px}.reading{position:relative;min-height:360px;background:#f7ddca;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:3px solid var(--ink)}.reading-mark{font:700 110px var(--hand);height:65px;color:#c77d5f}.reading p{font:700 clamp(40px,4vw,62px) var(--hand);line-height:1.15;margin:10px 0 20px}.reading-note{font-size:12px;font-weight:700;color:#72675e}footer{background:#30322d;color:#f6eee2;padding:60px clamp(25px,7.2vw,120px) 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:25px}.footer-logo{font:700 55px var(--hand);line-height:.72;letter-spacing:-.05em}.footer-logo span{color:#e7a27f}.footer-main p{font-weight:700;margin-bottom:4px}.footer-main div span{font-size:12px;color:#c6c1b6}.back-top{font-size:12px;font-weight:800;border-bottom:1px solid #f6eee2;padding-bottom:5px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #686a62;margin-top:70px;padding-top:20px;font-size:10px;letter-spacing:.13em}.published-heading{font:700 33px var(--hand);margin:55px 0 20px}.published-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.published-card{text-align:left;background:#fffaf1;border:2px solid var(--ink);border-radius:7px;padding:0;overflow:hidden;box-shadow:4px 4px 0 var(--ink)}.published-card img{aspect-ratio:4/3;width:100%;object-fit:cover}.published-detail{display:flex;flex-direction:column;gap:5px;padding:15px}.published-detail small{color:var(--orange);font-weight:800}.published-detail strong{font:700 25px var(--hand)}.published-detail>span{font-size:12px;color:var(--muted)}.reader{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f8f3eb;color:var(--ink);overflow-y:auto}.reader::backdrop{background:#30312d}.reader-bar{position:sticky;top:0;z-index:2;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff9f0;border-bottom:2px solid var(--ink);gap:15px;font-size:13px;font-weight:800}.reader-bar button,.reader-end button{background:none;border:0;padding:10px;font-weight:800}.reader-panels{max-width:760px;margin:0 auto;background:white}.reader-panels figure{margin:0}.reader-panels img{width:100%;height:auto}.reader-panels figcaption{padding:15px 22px 32px;font:700 24px var(--hand);text-align:center}.reader-end{text-align:center;padding:80px 20px 120px}.reader-end p{font:700 32px var(--hand)}.reader-end button{border:2px solid var(--ink);border-radius:10px}.reading-open{overflow:hidden}a:focus-visible,button:focus-visible{outline:3px solid #c46742;outline-offset:4px}
@media(max-width:1000px){.site-header nav{gap:16px}.brand{min-width:180px}.hero{grid-template-columns:45% 55%;min-height:620px}.hero h1{font-size:clamp(70px,9vw,95px)}.intro{grid-template-columns:55px 1fr 28%;gap:25px}.intro-bottom{grid-template-columns:1fr;gap:2px}.section-pad{padding:80px 5vw}.song-layout{gap:35px}.episode-stage{grid-template-columns:140px 1fr 25px;padding:30px}.episode-number{font-size:82px}}
@media(max-width:700px){.site-header{height:70px;padding:0 18px}.brand{min-width:unset}.brand-mark{height:38px;width:38px;font-size:21px}.brand-name{font-size:15px}.brand-name small{font-size:7px}.site-header nav{display:none}.header-link{padding:8px 11px;font-size:11px}.header-link span{margin-left:3px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:55px 25px 25px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(77px,18vw,115px);margin:39px 0 18px}.hero-kicker{margin-top:20px;font-size:17px}.hero-kicker strong{font-size:21px}.hero-description{font-size:14px}.hero-actions{margin:15px 0 35px;gap:20px}.btn{padding:12px 15px;gap:15px}.hero-foot{display:none}.hero-art{height:350px;border-left:0;border-top:3px solid var(--ink)}.hero-art img{object-position:27% center}.hero-vertical{display:none}.hero-art-label{bottom:15px;right:15px;font-size:12px}.section-pad{padding:68px 24px}.intro{grid-template-columns:1fr;gap:0}.intro .section-index{writing-mode:initial;height:auto}.intro .section-index:after{width:auto;height:2px}.intro-main{padding-top:28px}.intro h2{font-size:clamp(57px,12vw,80px);margin-bottom:25px}.intro-bottom{gap:0}.intro-bottom p{font-size:13px}.intro-side{justify-self:center;max-width:270px;margin-top:28px}.portrait-frame img{max-height:310px}.section-head,.chapter-heading{display:block}.section-head h2{font-size:clamp(54px,12vw,76px)}.section-head>p,.chapter-heading>p{margin-top:20px;font-size:13px}.series-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.card-art{height:180px}.card-content h3{font-size:44px}.chapter-heading{margin-top:50px}.chapter h2,.song-lead h2{font-size:clamp(60px,12vw,80px)}.episode-stage{margin-top:35px;grid-template-columns:1fr;gap:7px;padding:26px}.episode-number{font-size:78px}.episode-stage h3{font-size:35px}.episode-arrow{display:none}.chapter-bottom{margin-top:40px}.song-layout{grid-template-columns:1fr;gap:30px;margin-top:50px}.song-queue{transform:rotate(.5deg)}.reading{min-height:270px}.reading p{font-size:42px}.footer-main{grid-template-columns:1fr auto;gap:25px}.footer-main div{grid-column:1/-1;grid-row:2}.footer-logo{font-size:42px}.footer-bottom{margin-top:48px}.reader-bar{padding:0 12px}.reader-bar span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* The first chapter is a long, quiet vertical read. */
.episode-stage{width:100%;text-align:left;cursor:pointer;color:inherit;transition:transform .2s,box-shadow .2s}
.episode-stage:hover{transform:translate(-2px,-3px);box-shadow:9px 10px 0 #d7b39f}
.stage-title{display:block;font:700 40px var(--hand);margin:10px 0 4px}
.stage-description{display:block;font-size:13px;line-height:1.8;color:#6f665e}
.queue-notebook{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:repeating-linear-gradient(transparent 0 35px,#e7dac8 36px 37px)}
.queue-notebook .notebook-note{font:700 42px var(--hand);color:var(--orange)}
.queue-notebook p{font:700 33px var(--hand);margin:9px 0}
.queue-notebook small{font-size:12px;color:var(--muted)}
.reader-panels{padding:0 0 35px;background:#f8f3eb}
.reader-intro{padding:62px 26px 84px;text-align:center;background:#f9eddc}
.reader-intro .chapter-label{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--orange)}
.reader-intro h2{font:700 clamp(42px,8vw,68px) var(--hand);margin:18px 0}
.reader-intro p{font:700 24px var(--hand);line-height:1.55;max-width:540px;margin:0 auto}
.reader-panels figure{margin:0 0 60px;background:#f8f3eb}
.reader-panels figure img{background:#fff9ef}
.reader-panels figcaption{max-width:610px;margin:0 auto;padding:48px 26px 80px;font:700 clamp(24px,4vw,31px) var(--hand);line-height:1.48;white-space:pre-line;text-align:center}
.reader-note{font-size:12px;line-height:1.8;color:#736e66;text-align:center;max-width:580px;margin:0 auto;padding:30px 25px 80px}
@media(max-width:700px){.stage-title{font-size:35px}.reader-panels figure{margin-bottom:35px}.reader-panels figcaption{padding:37px 22px 65px}.reader-intro{padding:48px 22px 65px}}
.reader-audio{padding:20px 26px 26px;background:#f9eddc;border-top:1px solid #d4c4ae;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.reader-audio span{font:700 17px var(--hand)}
.reader-audio audio{width:min(430px,100%);height:44px}
.reader-panels figure{position:relative}
.reader-dialogue{position:absolute;top:43%;left:54%;max-width:39%;padding:12px 18px;background:#fffaf1;border:2px solid #39332e;border-radius:48% 53% 51% 46%;font:700 clamp(16px,3.2vw,28px) var(--hand);text-align:center;box-shadow:3px 4px 0 rgba(30,26,23,.12);transform:rotate(-4deg)}
.reader-dialogue:after{content:"";position:absolute;left:6%;bottom:-15px;width:19px;height:19px;background:#fffaf1;border-bottom:2px solid #39332e;border-left:2px solid #39332e;transform:rotate(-28deg)}
@media(max-width:700px){.reader-dialogue{padding:8px 10px;top:43%;left:53%;font-size:clamp(15px,4vw,21px)}.reader-dialogue:after{width:11px;height:11px;bottom:-9px}.reader-audio{padding:20px}}
.song-feature{border:3px solid var(--ink);background:#fffaf0;box-shadow:7px 7px 0 #778a73;transform:rotate(1deg);padding:0;width:100%;text-align:left;color:var(--ink);overflow:hidden;transition:transform .2s,box-shadow .2s}
.song-feature:hover{transform:translate(-2px,-3px) rotate(0);box-shadow:10px 10px 0 #778a73}
.song-feature img{width:100%;height:280px;object-fit:cover;object-position:center 19%;border-bottom:3px solid var(--ink)}
.song-feature-copy{padding:22px 25px 24px;display:flex;flex-direction:column;gap:9px}
.song-feature-copy small{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--orange)}
.song-feature-copy strong{font:700 48px var(--hand)}
.song-feature-copy span{font:700 21px var(--hand)}
.song-feature-copy b{font-size:12px;align-self:flex-end;border-bottom:1px solid var(--ink);padding-bottom:4px}
@media(max-width:700px){.song-feature img{height:210px}.song-feature-copy strong{font-size:42px}}

.animation-teaser{margin-top:38px;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fdf7e9;border:2px solid var(--ink);border-radius:11px 14px 10px 15px;box-shadow:5px 5px 0 #a6b49d}
.animation-teaser h3{font:700 37px var(--hand);margin:12px 0 4px}
.animation-teaser p{font-size:13px;line-height:1.8;margin:0 0 8px}
.animation-teaser small{font-size:11px;line-height:1.6;color:#686e61}
.animation-play{white-space:nowrap;border:2px solid var(--ink);border-radius:12px 9px 14px 10px;background:#30312d;color:#fff9e8;padding:15px 22px;font-weight:800;box-shadow:4px 4px 0 #c9a588}
.animation-play span{font-size:11px;margin-right:9px}
.animation-play:hover{transform:translateY(-2px);box-shadow:6px 6px 0 #c9a588}
.animation-dialog{position:fixed;inset:0;width:min(94vw,1080px);max-width:none;max-height:94dvh;margin:auto;padding:0;border:2px solid var(--ink);border-radius:12px;background:#fbf7ec;color:var(--ink);box-shadow:9px 9px 0 #272e2b;overflow:auto}
.animation-dialog::backdrop{background:rgba(23,29,27,.82)}
.animation-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 19px;background:#e3e9d8;border-bottom:2px solid var(--ink)}
.animation-bar strong{font:700 25px var(--hand)}
.animation-bar button{border:0;background:transparent;font-size:13px;font-weight:800;padding:8px}
.animation-body{padding:22px 24px 26px;text-align:center}
.animation-body video{display:block;width:min(100%,980px);height:auto;max-height:65dvh;aspect-ratio:16/9;margin:0 auto;background:#202d33;border:2px solid var(--ink);border-radius:6px;object-fit:contain}
.animation-caption{min-height:72px;white-space:pre-line;font:700 clamp(21px,3vw,27px) var(--hand);line-height:1.35;margin:15px auto 7px;max-width:660px}
.animation-note{font-size:11px;color:#696c63;margin:0 0 13px}
.animation-download{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:3px}
@media(max-width:700px){.animation-teaser{padding:23px;display:block}.animation-teaser h3{font-size:32px}.animation-play{margin-top:19px}.animation-dialog{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.animation-body{padding:10px 12px 25px}.animation-body video{width:100%;height:auto;max-height:69dvh}.animation-caption{font-size:21px;min-height:64px}.animation-note{line-height:1.5;margin-top:16px}}