@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,'Noto Sans KR',sans-serif;background:#12130f;color:#f4f2ea}a{color:inherit;text-decoration:none}.detail-page{--accent:#d2ff46;--ink:#f4f2ea;--base:#12130f;--soft:#171910;background:var(--base);color:var(--ink)}.eye-page{--accent:#526f76;--ink:#242a2b;--base:#eeece7;--soft:#e4e1da}.detail-nav{height:78px;position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1380px)/2));border-bottom:1px solid rgba(255,255,255,.28)}.eye-page .detail-nav{border-color:rgba(36,42,43,.18)}.brand{font-size:21px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--accent)}.back{font:10px 'DM Mono',monospace;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.back b{font-size:15px;font-weight:400}.cover{min-height:min(850px,100svh);height:820px;max-height:980px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#25271e}.cover-image,.cover-shade{position:absolute;inset:0;width:100%;height:100%}.cover-image{object-fit:cover;object-position:center 40%;transform:scale(1.01)}.cover-shade{background:linear-gradient(90deg,rgba(7,8,7,.66),transparent 85%),linear-gradient(0deg,rgba(7,8,7,.78),rgba(7,8,7,.03) 72%)}.eye-page .cover-shade{background:linear-gradient(90deg,rgba(22,30,31,.64),rgba(22,30,31,.06) 100%),linear-gradient(0deg,rgba(22,30,31,.8),rgba(22,30,31,.02) 76%)}.cover-content{position:relative;width:min(1380px,calc(100% - 96px));margin:0 auto;padding:135px 0 55px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}.cover h1{font-size:clamp(62px,10vw,142px);line-height:.91;letter-spacing:-.09em;font-weight:600;margin:0;max-width:1000px}.cover h1 em{font-style:normal;color:var(--accent)}.cover-bottom{display:flex;align-items:end;gap:40px;margin-top:64px}.project-name{font-size:13px;font-weight:600;margin:0 0 6px}.project-sub{margin:0;color:rgba(255,255,255,.72);font-size:11px;letter-spacing:.03em}.play-link{margin-left:auto;display:flex;align-items:center;gap:12px}.play-link span{width:48px;height:48px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:12px;transition:.2s}.play-link:hover span{background:var(--accent);color:#111;border-color:var(--accent)}.play-link small,.cover-count{font:9px 'DM Mono';letter-spacing:.12em}.cover-count{color:rgba(255,255,255,.75)}.cover-count i{font-style:normal;color:var(--accent);padding:0 6px}.story-intro{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:140px 0 150px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.story-label{font:10px 'DM Mono';letter-spacing:.15em;color:var(--accent)}.story-label span{display:block;margin-top:12px;opacity:.55}.story-copy h2,.film-heading h2,.notes-copy h2{font-size:clamp(38px,5.6vw,72px);letter-spacing:-.075em;line-height:1.08;font-weight:500;margin:0 0 26px}.story-copy p,.notes-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:color-mix(in srgb,var(--ink),transparent 30%);max-width:600px;margin:0}.story-tags{display:flex;gap:8px;margin-top:30px}.story-tags span{border:1px solid color-mix(in srgb,var(--ink),transparent 72%);border-radius:40px;padding:9px 13px;font:9px 'DM Mono';letter-spacing:.08em;color:color-mix(in srgb,var(--ink),transparent 22%)}.film-section{background:var(--soft);color:var(--ink);padding:100px max(32px,calc((100vw - 1160px)/2)) 90px}.film-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.film-heading .eyebrow{color:var(--accent)}.film-heading h2{font-size:clamp(34px,5vw,62px);margin:0}.film-heading h2 span{opacity:.45}.player{width:100%;aspect-ratio:16/9;background:#080909;box-shadow:0 20px 55px rgba(0,0,0,.2)}.player iframe{display:block;width:100%;height:100%;border:0}.film-caption{font:10px 'DM Mono';letter-spacing:.04em;opacity:.56;margin:16px 0 0}.project-notes{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:135px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.notes-image{aspect-ratio:4/5;overflow:hidden;background:#222}.notes-image img{width:100%;height:100%;object-fit:cover;display:block}.notes-copy .eyebrow{color:var(--accent)}.notes-copy h2{margin:0 0 25px}.notes-copy dl{margin:38px 0 0;border-top:1px solid color-mix(in srgb,var(--ink),transparent 78%)}.notes-copy dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 82%)}.notes-copy dt{font:9px 'DM Mono';letter-spacing:.13em;color:color-mix(in srgb,var(--ink),transparent 45%)}.notes-copy dd{margin:0;font-size:10px;letter-spacing:.05em}.next-project{padding:55px max(32px,calc((100vw - 1160px)/2)) 90px;background:var(--soft)}.next-project>.eyebrow{color:var(--accent)}.next-project>a{position:relative;display:flex;justify-content:space-between;align-items:end;border-top:1px solid color-mix(in srgb,var(--ink),transparent 78%);padding-top:30px}.next-project>a span{font:9px 'DM Mono';letter-spacing:.15em;opacity:.55}.next-project>a strong{font-size:clamp(32px,6vw,70px);letter-spacing:-.07em;line-height:1.03;font-weight:500;margin-right:auto;margin-left:11%}.next-project>a i{font-size:30px;font-style:normal;color:var(--accent)}.detail-footer{min-height:100px;padding:24px max(28px,calc((100vw - 1380px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px}.detail-footer>a:nth-child(2){font-size:11px}.detail-footer small{font:9px 'DM Mono';opacity:.45}.eye-page .detail-footer{background:#e5e2dc}
@media(max-width:700px){.detail-nav{height:66px;padding:0 20px}.cover{height:88svh;min-height:650px;max-height:800px}.cover-content{width:calc(100% - 40px);padding-bottom:36px}.cover h1{font-size:clamp(54px,15vw,92px)}.cover-bottom{gap:16px;margin-top:48px;flex-wrap:wrap}.project-name{font-size:12px}.project-sub{font-size:10px}.play-link{margin-left:auto}.play-link span{width:42px;height:42px}.cover-count{width:100%;text-align:right}.story-intro{width:calc(100% - 40px);padding:82px 0 90px;grid-template-columns:1fr;gap:34px}.story-copy h2,.notes-copy h2{font-size:clamp(38px,11vw,58px)}.story-copy p,.notes-copy>p:not(.eyebrow){font-size:13px}.film-section{padding:72px 20px}.film-heading{display:block;margin-bottom:23px}.film-heading h2{font-size:38px}.project-notes{width:calc(100% - 40px);padding:80px 0;grid-template-columns:1fr;gap:34px}.notes-image{aspect-ratio:1.12}.notes-copy dl div{grid-template-columns:85px 1fr}.next-project{padding:42px 20px 68px}.next-project>a{align-items:start;gap:12px;flex-wrap:wrap}.next-project>a span{width:100%}.next-project>a strong{margin:0;font-size:42px}.next-project>a i{margin-left:auto}.detail-footer{padding:25px 20px;flex-wrap:wrap}.detail-footer>a:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Restrained editorial type scale */
.brand{font-size:19px}.cover h1{font-size:clamp(56px,9vw,124px)}.story-copy h2,.film-heading h2,.notes-copy h2{font-size:clamp(34px,5vw,64px)}.story-copy p,.notes-copy>p:not(.eyebrow){font-size:13px}.project-name{font-size:12px}.project-sub{font-size:10px}.next-project>a strong{font-size:clamp(30px,5.4vw,62px)}.detail-footer>a:nth-child(2){font-size:10px}
@media(max-width:700px){.cover h1{font-size:clamp(50px,13vw,80px)}.story-copy h2,.notes-copy h2{font-size:clamp(35px,10vw,52px)}.film-heading h2{font-size:35px}.next-project>a strong{font-size:38px}.story-copy p,.notes-copy>p:not(.eyebrow){font-size:12px}}