@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#152a35;--paper:#f6f4ec;--peach:#edb59c;--blue:#bcced7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:contain}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(32px,4.7vw,68px);font-weight:600;line-height:1.28;letter-spacing:-.065em;word-break:keep-all}h2 em{font-style:normal;color:#6a8790}p{word-break:keep-all;line-height:1.85}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e19d71;outline-offset:6px}.skip{position:absolute;z-index:100;top:-100px;background:white;padding:16px}.skip:focus{top:8px}.read-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:99;pointer-events:none}.read-progress i{display:block;width:100%;height:100%;background:#efae83;transform:scaleX(0);transform-origin:left}.wrap{width:min(1280px,88%);margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.5;color:#d3e0e7}.eyebrow.dark{color:#64808b}.experience{height:175svh;min-height:1100px}.hero{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;background:#172432;color:#f7f4eb;isolation:isolate}.landscape{position:absolute;inset:-5%;z-index:-4;background:url('media/landscape.webp') center 62%/cover;will-change:transform}.sky-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101f35b3,transparent 80%),linear-gradient(0deg,#0c203e66,transparent 45%);z-index:-3}.sun-glow{position:absolute;width:80vw;height:80vw;right:-30%;top:-40%;border-radius:50%;background:radial-gradient(circle,#ffdcbb80,transparent 65%);opacity:.1;z-index:-2}#snow{position:absolute;inset:0;pointer-events:none}.detail-top{position:absolute;top:34px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em;z-index:5}.detail-top a{font-size:13px;letter-spacing:0;border-bottom:1px solid #ffffff60;padding-bottom:5px}.hero-copy{position:absolute;left:8%;top:25%;z-index:3}.hero-copy h1{font-size:clamp(16px,1.6vw,22px);font-weight:500;letter-spacing:-.03em;margin-top:12px;color:#d1dce1}.hero-tagline{font-size:clamp(42px,5.6vw,82px);line-height:1.18;letter-spacing:-.065em;font-weight:600;margin-top:28px}.hero-links{display:flex;gap:22px;margin-top:36px;font-size:13px}.hero-links a{display:flex;gap:35px;align-items:center;border-bottom:1px solid #ffffff55;padding:12px 0}.hero-links span{font-size:20px}.hero-word{position:absolute;left:49%;top:15%;font-size:clamp(90px,12vw,190px);font-weight:800;line-height:.85;letter-spacing:-.06em;color:#d6e7ef16;white-space:nowrap;pointer-events:none}.penguin-arrival{position:absolute;top:40%;left:65%;width:clamp(250px,26vw,360px);transform:translateX(-50%);z-index:2;will-change:transform}.hero-penguin{width:100%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 15px 25px #03132324)}.penguin-shadow{position:absolute;left:20%;bottom:-2%;width:60%;height:18px;border-radius:50%;background:#0a233850;filter:blur(9px)}.hero-arrival-copy{position:absolute;right:7%;bottom:18%;opacity:0;z-index:3}.hero-arrival-copy span{font-size:10px;letter-spacing:.16em}.hero-arrival-copy p{font-size:clamp(22px,2.5vw,36px);line-height:1.4;margin-top:12px;letter-spacing:-.05em}.hero-floor{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.intro{padding:110px 0 0}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;margin-top:34px}.intro-grid p{font-size:16px}.intro-grid p+p{margin-top:22px}.muted{color:#72818a}.intro-strip{margin-top:90px;padding:30px 0;border-top:1px solid #19374622;border-bottom:1px solid #19374622;display:flex;justify-content:space-between;font-size:clamp(17px,2.4vw,32px);font-weight:500;letter-spacing:-.04em}.film-section{padding:110px 0;background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.section-head .eyebrow{margin-bottom:24px}.section-head>p{font-size:15px;line-height:1.9}.film-shell{position:relative;background:#111e28;overflow:hidden;border-radius:16px;box-shadow:0 25px 60px #152a3517}.film-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#172333}.film-corner{position:absolute;right:22px;top:20px;font-size:9px;line-height:1.4;letter-spacing:.13em;color:white;pointer-events:none;opacity:.65}.film-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#617883;margin-top:22px}.transcript{margin-top:32px;border-top:1px solid #17374322;border-bottom:1px solid #17374322}.transcript summary{padding:22px 0;font-size:14px;cursor:pointer;display:flex;justify-content:space-between}.transcript>div{padding:0 0 28px;max-width:900px;color:#5f727b;line-height:1.95;font-size:15px}.transcript>div p+p{margin-top:14px}.feeling-scroll{height:260svh;min-height:1500px;background:#dbe5e4}.feeling-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#dbe5e4}.feeling-orbit{position:absolute;width:70vw;height:70vw;border:1px solid #5a7c8422;border-radius:50%;right:-9%;top:50%;transform:translateY(-50%);z-index:-1}.feeling-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #5a7c8422;border-radius:50%}.feel-title{position:absolute;left:7%;top:28%;width:40%}.feel-title h2{font-size:clamp(48px,7vw,104px);margin:28px 0 24px}.feel-title p:last-child{font-size:16px}.feeling-cards{position:absolute;left:53%;top:24%;width:36%;height:62%;max-height:460px}.feeling-card{position:absolute;inset:0;background:#f5f3ec;border-radius:16px;padding:24px;box-shadow:0 20px 55px #153b4714;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform}.feeling-card img{width:min(100%,320px);height:auto;aspect-ratio:1}.feeling-card figcaption{font-size:10px;letter-spacing:.14em;margin-top:10px}.first{z-index:3;transform:rotate(-8deg)}.second{z-index:2;transform:rotate(5deg);background:#f4e9d5}.third{z-index:1;transform:rotate(13deg);background:#ecd4c7}.feel-footer{position:absolute;left:7%;right:7%;bottom:35px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#42636e;letter-spacing:.05em}.chapter-dots{display:flex;gap:8px}.chapter-dots i{width:7px;height:7px;background:#78949666;border-radius:50%;transition:width .3s}.chapter-dots i.active{width:30px;border-radius:5px;background:#547582}.collection{padding:110px 0}.emotion-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.emotion{padding:12px 10px 17px;background:#edece3;border:1px solid transparent;border-radius:12px;transition:background .25s,transform .3s,border-color .3s;text-align:left;color:var(--ink)}.emotion:hover{background:#e2e9e5;transform:translateY(-7px);border-color:#76999555}.emotion img{width:100%;height:auto;aspect-ratio:1;transition:transform .3s}.emotion:hover img{transform:rotate(-4deg)}.emotion>span{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:12px}.emotion b{font-size:9px;color:#8a9a9e;font-weight:400}.collection-caption{text-align:right;color:#809097;font-size:11px;margin-top:24px}.about-section{padding:95px 0;background:#e9ece6}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-grid h2{font-size:38px;margin:24px 0}.about-grid>div>p:not(.eyebrow){font-size:15px;color:#657880;line-height:1.95}.about-grid dl{margin:35px 0 0}.about-grid dl div{display:flex;border-top:1px solid #1e3b4122;padding:15px 0;font-size:13px;gap:35px}.about-grid dt{width:80px;color:#7c8f94}.about-grid dd{margin:0}.faq h3{font-size:20px;margin:0 0 30px}.faq details{border-top:1px solid #193b4426}.faq summary{font-size:15px;line-height:1.5;padding:23px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;word-break:keep-all}.faq details p{padding:0 0 22px;color:#62767e;font-size:14px}.ending{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:100px 20px 65px;background:#edddce}.ending-aura{position:absolute;width:600px;height:600px;left:50%;top:20%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#faf8e5,transparent 66%);z-index:-1}.ending-penguin{width:210px;height:210px;margin:36px auto 25px}.ending h2{font-size:clamp(38px,5vw,66px)}.ending-link{border-bottom:1px solid #294f5960;display:inline-flex;gap:42px;align-items:center;padding:17px 0;margin-top:28px;font-size:14px}.back-link{display:block;font-size:12px;margin-top:28px;color:#687d83}.ending .eyebrow{font-size:10px}dialog{border:0;border-radius:20px;padding:40px;background:#f6f4ec;color:var(--ink);max-width:94vw;width:480px;text-align:center;box-shadow:0 30px 120px #0004}dialog::backdrop{background:#0d253cd0;backdrop-filter:blur(8px)}#close-dialog{position:absolute;right:14px;top:12px;border:0;background:none;font-size:30px;color:var(--ink)}dialog h2{font-size:28px;margin:12px}dialog img{width:320px;height:auto;aspect-ratio:1;margin:auto}.dialog-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px}.dialog-controls button{border:1px solid #7b939e55;background:transparent;width:42px;height:42px;border-radius:50%;color:var(--ink)}
@media(min-width:1600px){.hero-copy{left:calc((100vw - 1320px)/2)}}
@media(max-width:760px){.wrap{width:88%}.detail-top{top:24px;font-size:9px}.detail-top>span:nth-child(2){display:none}.experience{height:165svh;min-height:1000px}.hero{min-height:650px}.hero-copy{top:16%;left:7%;right:5%}.hero-tagline{font-size:44px;margin-top:18px}.hero-copy h1{font-size:15px;margin-top:8px}.eyebrow{font-size:10px}.hero-links{margin-top:20px;gap:24px;font-size:12px}.hero-links a{gap:18px}.hero-word{top:49%;left:-3%;font-size:100px}.penguin-arrival{width:245px;left:60%;top:51%}.hero-arrival-copy{right:6%;bottom:17%;max-width:46%}.hero-arrival-copy p{font-size:20px}.hero-arrival-copy span{font-size:8px}.hero-floor{font-size:8px;bottom:25px;letter-spacing:.05em}.hero-floor>span:last-child{max-width:105px;text-align:right;line-height:1.5}.intro{padding-top:76px}.intro-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}.intro-grid h2{font-size:34px}.intro-grid p{font-size:15px}.intro-strip{margin-top:48px;font-size:15px;padding:23px 0;gap:10px}.film-section,.collection{padding:75px 0}.section-head{display:block;margin-bottom:28px}.section-head>p{font-size:14px;margin-top:25px}.section-head .eyebrow{margin-bottom:18px}.film-shell{border-radius:9px;overflow:hidden}.film-corner{font-size:6px;top:12px;right:12px}.film-meta{display:block;font-size:11px}.film-meta span{display:block;margin-bottom:5px}.feeling-scroll{height:240svh;min-height:1450px}.feeling-stage{min-height:650px}.feel-title{left:7%;top:10%;width:88%}.feel-title h2{font-size:53px;margin:20px 0 14px;line-height:1.1}.feel-title p:last-child{font-size:14px;line-height:1.7}.feeling-cards{left:25%;width:57%;height:40%;top:49%;max-height:290px}.feeling-card{padding:15px;border-radius:10px}.feeling-card img{max-height:235px;object-fit:contain}.feeling-card figcaption{font-size:8px}.feeling-orbit{width:110vw;height:110vw;right:-25%;top:68%}.feel-footer{bottom:22px;font-size:9px}.emotion-grid{grid-template-columns:repeat(3,1fr);gap:10px}.emotion{padding:7px 6px 13px}.emotion>span{font-size:11px;gap:5px;margin-top:8px}.emotion b{font-size:8px}.collection-caption{font-size:10px}.about-section{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:55px}.about-grid h2{font-size:32px}.ending{padding-top:70px}.ending-penguin{width:180px;height:180px}.ending h2{font-size:40px}.faq summary{font-size:14px}dialog{padding:35px 20px}dialog img{max-width:280px}.chapter-dots{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.experience,.feeling-scroll{height:auto;min-height:0}.hero,.feeling-stage{position:relative}.hero-arrival-copy{display:none}#snow{display:none}.feeling-scroll{background:#dbe5e4}.emotion:hover{transform:none}.feeling-card{will-change:auto}}
@media(prefers-reduced-motion:reduce){.feeling-stage{height:auto;min-height:0;padding:70px 7%;}.feel-title{position:relative;left:auto;top:auto;width:auto}.feeling-cards{position:relative;left:auto;top:auto;width:100%;height:auto;max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.feeling-card{position:relative;inset:auto;transform:none}.feel-footer{position:relative;left:auto;right:auto;bottom:auto}.feeling-orbit{display:none}}@media(max-width:760px) and (prefers-reduced-motion:reduce){.feeling-cards{grid-template-columns:1fr}.feeling-card img{width:240px}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

@media(max-width:760px){dialog img{max-width:min(280px,100%)}}

/* V2: layered atmosphere, alive even before the first scroll. */
.landscape-drift{position:absolute;inset:-2%;z-index:-4;animation:landscapeBreath 17s ease-in-out infinite alternate;will-change:transform;pointer-events:none}.landscape-drift .landscape{inset:-8%;z-index:auto;background-position:center 62%;transform-origin:64% 70%}.aurora{position:absolute;pointer-events:none;z-index:-2;left:-25%;top:-10%;width:150%;height:74%;opacity:.28;mix-blend-mode:screen;filter:blur(22px);transform-origin:50% 10%;will-change:transform,opacity;animation:auroraFlow 16s ease-in-out infinite alternate;background:radial-gradient(ellipse at 30% 10%,transparent 39%,#8fcaca55 46%,#e0c4b04a 49%,transparent 57%)}.aurora-two{top:-17%;left:-15%;opacity:.14;background:radial-gradient(ellipse at 80% 0%,transparent 37%,#abc2df55 44%,#e8bdb04a 47%,transparent 54%);animation-duration:21s;animation-delay:-9s;transform:rotate(-9deg)}.ice-haze{position:absolute;left:-25%;bottom:4%;width:150%;height:22%;background:radial-gradient(ellipse at 25% 75%,#e8edf35c,transparent 50%),radial-gradient(ellipse at 75% 60%,#e7d5c75c,transparent 42%);filter:blur(19px);z-index:1;pointer-events:none;animation:iceDrift 13s ease-in-out infinite alternate;will-change:transform,opacity}.hero-sweep{position:absolute;inset:-25%;background:linear-gradient(112deg,transparent 28%,#ffe9cf00 38%,#ffe9cf20 49%,#ffe9cf00 60%,transparent 75%);z-index:1;pointer-events:none;animation:sunSweep 18s ease-in-out infinite;mix-blend-mode:screen;will-change:transform,opacity}.sun-glow{background:radial-gradient(circle,#ffddb8a6,transparent 65%)}.hero-penguin{animation:penguinBob 6s ease-in-out infinite}.penguin-shadow{animation:shadowBreath 6s ease-in-out infinite}.hero-arrival-copy{will-change:transform,opacity}.hero.atmosphere-paused .landscape-drift,.hero.atmosphere-paused .aurora,.hero.atmosphere-paused .ice-haze,.hero.atmosphere-paused .hero-sweep,.hero.atmosphere-paused .hero-penguin{animation-play-state:paused}
@keyframes landscapeBreath{from{transform:translate3d(-.6%,.2%,0) scale(1.025)}to{transform:translate3d(.8%,-.6%,0) scale(1.045)}}
@keyframes auroraFlow{0%{transform:translate3d(-3%,-2%,0) rotate(-5deg) scaleY(.94);opacity:.18}50%{opacity:.34}100%{transform:translate3d(4%,3%,0) rotate(6deg) scaleY(1.1);opacity:.24}}
@keyframes iceDrift{from{transform:translate3d(-5%,4%,0);opacity:.42}to{transform:translate3d(5%,-3%,0);opacity:.82}}
@keyframes sunSweep{0%,100%{transform:translate3d(-8%,0,0) rotate(-3deg);opacity:.1}50%{transform:translate3d(10%,0,0) rotate(4deg);opacity:.8}}
@keyframes penguinBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:760px){.aurora{height:65%;filter:blur(16px);opacity:.3}.ice-haze{height:23%;bottom:9%;filter:blur(13px)}.hero-arrival-copy{top:25%;bottom:auto;right:7%;max-width:83%;text-align:right}.hero-arrival-copy p{font-size:clamp(24px,7vw,34px);line-height:1.45}.hero-arrival-copy span{font-size:9px}.hero-word{font-size:110px}.hero-penguin{animation-duration:5.5s}}
@media(prefers-reduced-motion:reduce){.landscape-drift{transform:none;animation:none}.aurora,.ice-haze,.hero-sweep{display:none}.hero-penguin{animation:none}}

@keyframes shadowBreath{0%,100%{transform:scaleX(1);opacity:.8}50%{transform:scaleX(.9);opacity:.6}}
.hero.atmosphere-paused .penguin-shadow{animation-play-state:paused}

/* Grounded hero: foreground contact instead of a floating mid-air sticker. */
.hero-copy{top:34%}
.penguin-arrival{top:auto;bottom:15%;transform-origin:50% 92%}
.penguin-shadow{left:23%;bottom:calc(var(--foot-inset,7%) - 7px);width:54%;height:14px;background:radial-gradient(ellipse,#101c32a6 0%,#17253b55 40%,transparent 72%);filter:blur(4px);animation:none;opacity:.7}
.hero-penguin{transform-origin:50% 92%;filter:drop-shadow(0 3px 5px #03132320)}
.hero-arrival-copy{bottom:24%}
@keyframes penguinBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:760px){.hero-copy{top:18%}.penguin-arrival{top:54%;bottom:auto}.hero-arrival-copy{top:28%;bottom:auto}.penguin-shadow{height:10px;bottom:calc(var(--foot-inset,7%) - 5px);filter:blur(3px)}}
@media(min-width:761px) and (max-height:700px){.hero-copy{top:25%}.penguin-arrival{bottom:11%}}

@media(min-width:761px) and (max-width:1100px){.penguin-arrival{left:77%}.hero-copy{left:7%;width:48%}.hero-tagline{font-size:clamp(34px,4.1vw,45px);max-width:100%}.hero-links{gap:16px}.hero-links a{gap:18px}}

@media(max-width:360px){.hero-tagline{font-size:34px}}

@media(min-width:761px) and (max-width:1100px){.hero-arrival-copy{left:7%;right:auto;max-width:43%}}

@media(min-width:1101px) and (max-width:1400px){.hero-arrival-copy{max-width:25vw}}

:root{--ink:#514631;--paper:#F5EFE2;--peach:#B08C63;--blue:#A18B5F}
.hero-tagline{font-size:clamp(34px,4.5vw,68px);max-width:690px}.hero-arrival-copy{max-width:440px}.hero-arrival-copy p{font-size:clamp(22px,2.2vw,32px)}.intro-grid h2{font-size:clamp(30px,4.3vw,60px)}.ending{background:#e3d7c8}.about-section{background:#e8e3d9}.sample-grid{grid-template-columns:repeat(5,1fr)}@media(max-width:760px){.hero-tagline{font-size:34px;max-width:320px}.hero-copy{top:15%}.hero-arrival-copy{max-width:83%}.hero-arrival-copy p{font-size:25px}.sample-grid{grid-template-columns:repeat(2,1fr)}.intro-grid h2{font-size:30px}}

.eyebrow.dark,.muted,.collection-caption,.film-meta,.about-grid dt{color:#526971}.about-grid>div>p:not(.eyebrow),.faq details p{color:var(--ink);opacity:.9}

/* Grounded hero: foreground contact instead of a floating mid-air sticker. */
.hero-copy{top:34%}
.penguin-arrival{top:auto;bottom:15%;transform-origin:50% 92%}
.penguin-shadow{left:23%;bottom:calc(var(--foot-inset,7%) - 7px);width:54%;height:14px;background:radial-gradient(ellipse,#101c32a6 0%,#17253b55 40%,transparent 72%);filter:blur(4px);animation:none;opacity:.7}
.hero-penguin{transform-origin:50% 92%;filter:drop-shadow(0 3px 5px #03132320)}
.hero-arrival-copy{bottom:24%}
@keyframes penguinBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:760px){.hero-copy{top:18%}.penguin-arrival{top:54%;bottom:auto}.hero-arrival-copy{top:28%;bottom:auto}.penguin-shadow{height:10px;bottom:calc(var(--foot-inset,7%) - 5px);filter:blur(3px)}}
@media(min-width:761px) and (max-height:700px){.hero-copy{top:25%}.penguin-arrival{bottom:11%}}



@media(min-width:761px) and (max-width:1100px){.penguin-arrival{left:77%}.hero-copy{left:7%;width:48%}.hero-tagline{font-size:clamp(34px,4.1vw,45px);max-width:100%}.hero-links{gap:16px}.hero-links a{gap:18px}}

@media(max-width:360px){.hero-tagline{font-size:34px}}

@media(min-width:761px) and (max-width:1100px){.hero-arrival-copy{left:7%;right:auto;max-width:43%}}

@media(min-width:1101px) and (max-width:1400px){.hero-arrival-copy{max-width:25vw}}

.penguin-arrival{--foot-inset:12.78%}

.landscape-drift .landscape{transform-origin:64% 82%}

@media(max-width:760px){.hero-tagline{font-size:clamp(27px,7.3vw,32px)}}