@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#302522;--muted:#786a61;--paper:#f6f1e8;--red:#b82b38;--line:#8e6b5329}
.side-note{display:none}
html{scroll-behavior:smooth}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:#b82b3829;color:var(--red)}
.navigation{top:0;left:0;right:0;transform:none;height:106px;gap:35px;margin:0 5vw;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#f6f1e8eb;box-shadow:none;font-size:13px}.navigation>a,.navigation>button{background:transparent;color:var(--ink);padding:0;border-radius:0}.navigation>a:hover,.navigation>button:hover{background:transparent}.navigation .mark{display:flex;flex-direction:column;align-items:center;margin-right:auto;min-width:134px;padding:0}.mark img{width:132px;height:40px;object-fit:contain}.mark>span{font-size:8px;letter-spacing:.34em;color:var(--red);margin:0 0 7px 12px}.nav-links{display:flex;gap:32px}.nav-links button{background:transparent;padding:12px 0;color:var(--ink)}.nav-links button:hover{color:var(--red)}.languages{gap:7px;padding:0;font-size:10px;color:#a2968d}.languages button{font-size:11px;padding:9px 0;color:#8a7b70}.languages button[aria-pressed=true]{color:var(--red)}.navigation .nav-action{display:flex;align-items:center;gap:28px;border:1px solid #b82b383f;color:var(--red);background:none;border-radius:3px;padding:12px 17px}.navigation .nav-action:hover{background:#b82b380b}
.journey{padding:0;height:520vh}.stage{height:100svh;top:0;border-radius:0;background:var(--paper);color:var(--ink)}.light-wash{background:radial-gradient(ellipse at 74% 55%,#fffaf1,transparent 46%),radial-gradient(ellipse at 90% 80%,#edd3c64d,transparent 45%);opacity:1}.grain{opacity:.09;mix-blend-mode:multiply}#world{z-index:3}.yarn-caption{position:absolute;z-index:4;left:65%;top:79%;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.025em;color:#8c766a;opacity:var(--intro-opacity)}.tiny-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:var(--red)}
.intro{padding:24vh 6vw 0;transform:translateY(calc(var(--p)*-120px))}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:550;line-height:1.5}.intro>.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 26px;color:var(--red)}.intro h1{font-size:clamp(62px,6.9vw,124px);font-weight:450;letter-spacing:-.067em;line-height:1.02;max-width:none;white-space:nowrap}.intro h1 em{font-family:'Instrument Serif',Georgia,serif;color:var(--red);font-weight:400;font-size:1.13em;letter-spacing:-.035em;line-height:1.1}.intro-bottom{left:6vw;right:6vw;bottom:17vh}.intro-copy{max-width:340px}.intro-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 25px;max-width:330px}.primary{background:var(--red);color:#fff8f0;padding:16px 22px;border-radius:3px;gap:38px;font-size:12px;font-weight:500}.primary:hover{background:#982132}.primary>span{font-size:17px}.side-note{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:23px;color:var(--muted);line-height:1.25;margin-bottom:0}.stage-footer{bottom:32px;left:5vw;right:5vw;border-color:var(--line);color:var(--muted);font-size:9px;letter-spacing:.1em}.wordmark{font-size:9px;letter-spacing:.12em;font-weight:400}.scroll-hint{color:var(--red)}
.collection{z-index:4;color:var(--ink)}.collection-caption{top:17vh;font-size:10px;color:var(--red)}.wide-type{top:46%;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(60px,10.9vw,180px);font-weight:400;letter-spacing:-.035em;color:#b82b384d}.film-card{top:51%;width:min(25vw,350px);height:min(53vh,490px);border-radius:9px;padding:24px;box-shadow:0 26px 65px #64312420;background:#682d2d}.card-top{font-size:10px;letter-spacing:.1em}.card-top .thread-knot{font-size:29px;line-height:1;font-family:Georgia,serif;font-style:italic}.film-card h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em}.has-image h2,.has-film h2{bottom:58px;max-width:calc(100% - 48px);font-size:clamp(28px,3.2vw,46px)}.has-image>p{bottom:28px;max-width:calc(100% - 48px);font-size:11px}.has-image.has-film h2{bottom:80px}.has-image.has-film>p{bottom:51px}.collection-bottom{bottom:12vh;font-size:10px;letter-spacing:.025em;color:#86786e}.watch-label{left:24px;font-size:11px}
.outro{align-items:flex-start;text-align:left;padding:110px 8vw 90px}.outro .eyebrow{color:var(--red)}.outro h2{font-size:clamp(60px,7.8vw,130px);line-height:1;letter-spacing:-.065em;margin:22px 0 26px;color:var(--ink)}.outro h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.03em;color:var(--red);font-size:1.1em}.outro>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:365px;color:var(--muted);margin:0 0 26px}.outro .primary{background:transparent;border:1px solid #b82b3855;color:var(--red);margin:0}.outro .primary:hover{background:#b82b380c}
.ending{scroll-margin-top:106px;padding:110px 8vw 0;gap:60px 12vw;background:#eee6da;border-top:1px solid var(--line);align-items:end}.ending .eyebrow{color:var(--red);margin:0 0 25px}.ending h2{letter-spacing:-.05em;font-size:clamp(40px,4.8vw,75px);line-height:1.05;margin:0}.ending h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:var(--red);font-size:1.14em;letter-spacing:-.025em}.ending>.belief{font-size:15px;line-height:1.85;align-self:end;margin:0;max-width:370px;color:var(--muted)}.process{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7vw;padding:35px 0 55px;position:relative}.process:before{content:'';position:absolute;top:51px;left:16px;right:0;height:1px;background:#b82b3855}.process article{position:relative}.process-number{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid #b82b3855;background:#eee6da;color:var(--red);border-radius:50%;font-size:10px}.process h3{font-family:'Instrument Serif',Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-.02em;margin:24px 0 12px}.process p{font-size:13px;line-height:1.8;color:var(--muted);max-width:265px}.closing{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:45px 0 75px}.closing img{width:190px;height:auto}.closing p{color:var(--muted);font-size:12px}.text-button{font-size:12px;color:var(--red);border-bottom:1px solid #b82b3850;padding:7px 0;margin-left:auto;text-decoration:none}.motion-controls{gap:12px;padding:8px 16px;background:var(--paper);color:var(--muted);border-radius:6px 0 0 0}.motion-controls button{font-size:10px}.progress-track{width:55px;background:#d9cabc}#progress{background:var(--red)}.webgl-fallback{background:var(--paper);border:1px solid var(--line);color:var(--red)}
.film-dialog{border-radius:12px;background:#261d1b}.film-dialog::backdrop{background:#261d1be8}.player-heading h2{font-family:'Instrument Serif',Georgia,serif;font-size:32px;font-weight:400}.player-heading p,.film-credit{color:#cbb4a2}
html[lang=ko] .intro h1{font-size:clamp(48px,5.6vw,100px);line-height:1.25}html[lang=ko] .intro h1 em,html[lang=ko] .outro h2 em,html[lang=ko] .ending h2 em{font-family:'Noto Sans KR',sans-serif;font-style:normal;font-size:1em;letter-spacing:-.065em}html[lang=ko] .outro h2{font-size:clamp(50px,6.6vw,105px);line-height:1.2}html[lang=ko] .wide-type{font-family:'Noto Sans KR',sans-serif;font-size:8vw;letter-spacing:-.07em;font-style:normal}html[lang=ko] .film-card h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(23px,2.5vw,35px);line-height:1.3;letter-spacing:-.06em}html[lang=ko] .process h3{font-family:'Noto Sans KR',sans-serif;font-size:23px;letter-spacing:-.05em}html[lang=ko] .ending h2{font-size:clamp(36px,3.8vw,60px);line-height:1.3}
@media(min-width:1600px){.intro{padding-top:24vh}.intro-copy{max-width:390px}.intro-copy p{font-size:16px;max-width:390px}.intro-bottom{bottom:17vh}.outro>p:not(.eyebrow){font-size:16px;max-width:420px}}
@media(max-height:720px) and (min-width:761px){.navigation{height:82px}.intro{padding-top:24vh}.intro h1{font-size:6vw}.intro>.eyebrow{margin-bottom:16px}.intro-bottom{bottom:14vh}.intro-copy p{font-size:12px;max-width:310px;margin-bottom:16px}.stage-footer{bottom:23px}.outro h2{font-size:6.5vw}.outro>p:not(.eyebrow){font-size:13px}}
@media(max-width:760px){.navigation{height:79px;margin:0 23px;gap:18px;font-size:11px;max-width:none}.navigation .mark{min-width:88px}.mark img{width:94px;height:29px}.mark>span{font-size:6px;margin:1px 0 5px 9px;letter-spacing:.24em}.nav-links{gap:17px}.nav-links button{font-size:11px}.navigation .nav-action{display:none}.languages{gap:5px;padding:0}.languages button{font-size:10px}.journey{padding:0;height:460vh}.stage{top:0;height:100svh;border-radius:0}.intro{padding:18vh 25px 0}.intro>.eyebrow{font-size:8px;letter-spacing:.095em;margin:0 0 17px;gap:7px}.tiny-dot{width:4px;height:4px}.intro h1{font-size:clamp(46px,11.5vw,82px);line-height:1.02}.intro h1 em{font-size:1.1em}.intro-bottom{left:25px;right:25px;bottom:12vh}.intro-copy{max-width:280px}.intro-copy p{font-size:12px;line-height:1.6;max-width:280px;margin-bottom:17px}.primary{font-size:11px;padding:13px 17px;gap:27px}.side-note,.yarn-caption{display:none}.stage-footer{left:25px;right:25px;bottom:25px;padding-top:15px;font-size:8px;gap:10px}.wordmark{font-size:7px;letter-spacing:.025em;max-width:137px;line-height:1.6}.scroll-hint{font-size:7px;letter-spacing:.05em}.film-card{width:57vw;height:min(48vh,430px);border-radius:7px;padding:18px;top:51%}.card-top{font-size:8px}.has-image h2,.has-film h2{font-size:34px;max-width:calc(100% - 36px);bottom:57px}.has-image>p{font-size:10px;max-width:calc(100% - 36px);bottom:27px}.watch-label{left:18px}.collection-caption{top:17vh;font-size:8px;letter-spacing:.12em}.collection-bottom{bottom:13vh;font-size:8px;line-height:1.6}.wide-type{font-size:20vw}.outro{padding:100px 25px 70px;justify-content:center}.outro h2{font-size:15vw;margin:18px 0 24px}.outro>p:not(.eyebrow){font-size:12px;max-width:280px;line-height:1.85}.outro .eyebrow{font-size:8px}.ending{scroll-margin-top:79px;display:block;padding:65px 26px 0}.ending h2{font-size:48px}.ending>.belief{font-size:13px;margin:28px 0 38px;max-width:100%}.process{display:block;padding:0 0 30px}.process:before{top:0;bottom:45px;left:16px;width:1px;height:auto}.process article{padding:0 0 26px 54px}.process-number{position:absolute;left:0;top:0}.process h3{font-size:29px;margin:0 0 10px;line-height:1.25}.process p{font-size:12px;margin:0;max-width:100%}.closing{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:30px 0 60px}.closing img{width:140px}.closing p{font-size:10px;justify-self:end}.closing .text-button{grid-column:1/-1;justify-self:start;margin:0;font-size:11px}html[lang=ko] .intro h1{font-size:9.5vw;line-height:1.3}html[lang=ko] .outro h2{font-size:12vw}html[lang=ko] .film-card h2{font-size:27px}html[lang=ko] .wide-type{font-size:16vw}html[lang=ko] .ending h2{font-size:36px}html[lang=ko] .process h3{font-size:21px}}
@media(max-width:380px){.navigation{margin-inline:18px;gap:13px}.nav-links{gap:11px}.intro{padding-top:17vh}.intro h1{font-size:11vw}.intro-copy p{max-width:245px;font-size:11px}.stage-footer{left:20px;right:20px}.wordmark{max-width:110px}}
@media(max-height:600px) and (orientation:landscape){.navigation{height:66px}.intro{padding:calc(66px + 4vh) 6vw 0}.intro>.eyebrow{font-size:8px;margin-bottom:12px}.intro h1{font-size:clamp(31px,4.5vw,57px)}.intro-bottom{bottom:15vh;left:6vw}.intro-copy,.intro-copy p{max-width:38vw}.intro-copy p{font-size:11px;line-height:1.5;margin-bottom:12px}.primary{font-size:10px;padding:10px 15px}.yarn-caption{display:none}.stage-footer{bottom:15px;padding-top:10px}.outro{padding:80px 6vw 50px}.outro h2{font-size:clamp(35px,4.7vw,61px);margin:12px 0}.outro>p:not(.eyebrow){max-width:40vw;font-size:11px;line-height:1.5;margin-bottom:14px}.outro .eyebrow{font-size:8px;margin:0}.collection-caption{top:19vh;font-size:8px}.film-card{width:24vw;height:56vh;padding:15px}.has-image h2{font-size:26px;bottom:39px;max-width:calc(100% - 30px)}.has-image>p{font-size:8px;bottom:17px;max-width:calc(100% - 30px)}.card-top{font-size:7px}.collection-bottom{bottom:9vh;font-size:8px}.wide-type{font-size:10vw}html[lang=ko] .intro h1{font-size:4.1vw;line-height:1.15}html[lang=ko] .outro h2{font-size:4.6vw}html[lang=ko] .film-card h2{font-size:22px}.ending{scroll-margin-top:66px}}