.portfolio-page,.project-page{color:#eae9e1;background:#0c1011;min-height:100svh}.portfolio-header{position:fixed}.portfolio-header .primary-nav a[aria-current]{color:var(--coot-accent-highlight)}.portfolio-content{padding:58px clamp(22px,4vw,64px) 0}.portfolio-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px;display:flex}.portfolio-intro .section-kicker{color:var(--coot-accent)}.portfolio-intro h1{letter-spacing:-.07em;margin:16px 0 0;font-size:clamp(68px,11vw,170px);font-weight:550;line-height:.85}.portfolio-intro h1 span{letter-spacing:-.03em;color:#777c77;margin-left:.5em;font-size:.22em;display:inline-block}.portfolio-intro>p{color:#b6b8b0;margin:0;font-size:14px;line-height:1.8}.portfolio-tools{border-block:1px solid #343936;justify-content:space-between;align-items:flex-end;gap:28px;padding-block:22px;display:flex}.portfolio-filters{flex-wrap:wrap;gap:8px;display:flex}.portfolio-filter[data-slot=button]{color:#b6b8b0;border-radius:0;height:38px;padding-inline:14px;font-size:11px}.portfolio-filter[aria-pressed=true]{color:#111713;background:#e7e7dc}.portfolio-filter small{opacity:.65;font-size:9px}.portfolio-search{min-width:240px}.portfolio-search label{color:#a3a9a1;margin-bottom:8px;font-size:10px;display:block}.portfolio-search input{color:#e7e7dc;border-color:#434942;border-radius:0;height:38px;font-size:12px}.portfolio-results{font:10px var(--font-geist-mono), monospace;color:#929a91;margin:24px 0 18px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px;display:grid}.portfolio-card{min-width:0;display:block}.portfolio-card-visual{aspect-ratio:16/10;background:var(--project-background);position:relative;overflow:hidden}.portfolio-card-visual img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.portfolio-card-arrow{color:#fff;background:#0b111580;border:1px solid #ffffff60;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:14px;right:16px}.portfolio-card-caption{justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;display:flex}.portfolio-card-caption h2{letter-spacing:-.03em;word-break:keep-all;font-size:clamp(16px,1.4vw,22px);font-weight:650;line-height:1.25}.portfolio-card-caption>span{font:8px var(--font-geist-mono), monospace;color:#929a91;flex-shrink:0}.portfolio-card>p{color:#929a91;margin-top:7px;font-size:10px}:is(.portfolio-card:hover h2,.portfolio-card:focus-visible h2){color:var(--project-accent)}.portfolio-card:focus-visible{outline:2px solid var(--project-accent);outline-offset:6px}.portfolio-type-art{height:100%;color:var(--project-accent);letter-spacing:-.05em;border-left:3px solid var(--project-accent);flex-direction:column;justify-content:center;padding:24px;font-size:clamp(26px,3vw,48px);font-weight:750;line-height:.95;display:flex}.portfolio-type-art small{font:8px var(--font-geist-mono), monospace;letter-spacing:.14em;opacity:.6;margin-top:28px}.portfolio-empty{text-align:center;padding:100px 20px}.portfolio-empty h2,.portfolio-empty h1{margin-bottom:16px;font-size:28px}.portfolio-empty p{margin-bottom:28px}.portfolio-footer{border-top:1px solid #343936;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:100px;padding:38px 0;font-size:12px;display:flex}.portfolio-footer a:nth-child(2){color:var(--coot-accent-highlight)}.portfolio-footer small{color:#7d847c;width:100%;font-size:10px}.project-page{--project-gutter:clamp(22px, 4vw, 64px);background:var(--project-background)}.project-page .portfolio-header{background:var(--project-background)}.project-hero{isolation:isolate;padding:110px var(--project-gutter) 36px;grid-template-rows:1fr auto;gap:40px;min-height:min(920px,100svh - 88px);display:grid;position:relative}.project-back{z-index:3;top:30px;left:var(--project-gutter);font:10px var(--font-geist-mono), monospace;letter-spacing:.1em;position:absolute}.project-hero-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.project-hero-art img{object-fit:cover;width:100%;height:100%}.project-hero-art:after{content:"";background:linear-gradient(180deg, #07090b25, #07090b10 25%, #07090ba8 65%, var(--project-background));position:absolute;inset:0}.project-hero-title{align-self:end;min-width:0}.project-hero-title .section-kicker{color:var(--project-accent);margin-bottom:25px}.project-hero h1{letter-spacing:-.065em;flex-direction:column;font-size:clamp(58px,9.8vw,176px);font-weight:550;line-height:.9;display:flex}.project-hero h1 span{overflow-wrap:anywhere;display:block}.project-type-serif .project-hero h1{letter-spacing:-.055em;font-family:Georgia,Noto Serif KR,serif;font-weight:400}.project-hero-caption{border-top:1px solid #ffffff35;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;display:flex}.project-hero-caption p{color:#e4e6df;margin:0;font-size:14px}.project-hero-caption a{font:10px var(--font-geist-mono), monospace;color:var(--project-accent);flex-shrink:0}.project-hero-caption a span{margin-left:24px}.project-layout-split .project-hero{grid-template-columns:.44fr .56fr;min-height:760px}.project-layout-split .project-hero-art{inset:74px var(--project-gutter) 108px 45%}.project-layout-split .project-hero-title{align-self:center}.project-layout-split .project-hero h1{font-size:clamp(44px,5.4vw,100px)}.project-layout-split .project-hero-caption{grid-column:1/-1}.project-layout-split .project-hero-art:after{background:linear-gradient(#0000,#080e1550)}.project-layout-offset .project-hero{min-height:840px}.project-layout-offset .project-hero-title{align-self:start}.project-layout-offset .project-hero-art{inset:190px var(--project-gutter) 100px 26%}.project-layout-offset .project-hero h1{font-size:clamp(58px,8vw,140px)}.project-layout-offset .project-hero h1 span:nth-child(2){color:var(--project-accent);padding-left:9vw}.project-layout-offset .project-hero-art:after{background:linear-gradient(#080e1570,#0000 60%,#080e1550)}.project-layout-poster .project-hero{text-align:center;min-height:880px}.project-layout-poster .project-hero-art{inset:60px 13% 100px}.project-layout-poster .project-hero-title{align-self:center;padding:60px 0}.project-layout-poster .project-hero h1{font-size:clamp(65px,11vw,185px)}.project-layout-poster .project-hero-art:after{background:#05080c73}.project-layout-panoramic .project-hero{grid-template-rows:auto 1fr auto;min-height:780px;padding-top:100px}.project-layout-panoramic .project-hero-title{grid-row:1}.project-layout-panoramic .project-hero h1{flex-flow:wrap;gap:.15em;font-size:clamp(58px,8.8vw,160px)}.project-layout-panoramic .project-hero-art{z-index:0;aspect-ratio:2.7;grid-row:2;min-height:200px;position:relative}.project-layout-panoramic .project-hero-art:after{background:0 0}.project-layout-panoramic .project-hero-caption{grid-row:3}.project-layout-editorial .project-hero{grid-template-columns:1fr 1fr;column-gap:5vw;min-height:780px}.project-layout-editorial .project-hero-title{grid-column:1;align-self:center}.project-layout-editorial .project-hero h1{font-size:clamp(52px,6vw,105px)}.project-layout-editorial .project-hero-art{z-index:0;grid-area:1/2;align-self:stretch;min-height:420px;position:relative}.project-layout-editorial .project-hero-art:after{background:linear-gradient(#0000,#0a101540)}.project-layout-editorial .project-hero-caption{grid-column:1/-1}.project-archive-number{width:100%;height:100%;color:var(--project-accent);opacity:.1;letter-spacing:-.12em;justify-content:center;align-items:center;font-size:clamp(260px,40vw,700px);font-weight:750;display:flex}.project-without-film .project-hero-art{border:1px solid color-mix(in srgb, var(--project-accent), transparent 80%)}.project-without-film .project-hero-art:after{display:none}.project-raven2 .project-hero h1{flex-direction:row;align-items:baseline;gap:.05em;font-size:clamp(80px,17vw,280px)}.project-raven2 .project-hero h1 span:last-child{color:var(--project-accent);font-size:1.2em}.project-game-of-thrones-kingsroad .project-hero h1 span:first-child{letter-spacing:.13em;margin-bottom:.4em;font-size:.37em}.project-game-of-thrones-kingsroad .project-hero h1 span:last-child{font-size:.88em}.project-sol-enchant .project-hero h1 span:last-child{color:var(--project-accent);font-size:.55em;font-style:italic}.project-vampir .project-hero-title{text-align:center;padding-bottom:70px}.project-vampir .project-hero h1{letter-spacing:.015em;font-size:clamp(75px,16vw,270px)}.project-architect .project-hero h1{letter-spacing:.03em;font-size:clamp(40px,8vw,142px)}.project-legend-of-ymir .project-hero h1 span:first-child{letter-spacing:.14em;margin-bottom:.4em;font-size:.38em}.project-legend-of-ymir .project-hero h1 span:last-child{color:var(--project-accent);font-size:1.6em}.project-seven-deadly-sins-origin .project-hero h1 span:last-child{color:var(--project-accent);letter-spacing:.1em;padding-top:.18em;font-size:.62em}.project-zeus .project-hero h1 span:last-child{font-family:var(--font-geist-sans), sans-serif;letter-spacing:.3em;margin-top:1em;font-size:.24em}.project-mir5 .project-hero h1 span:last-child{color:var(--project-accent)}.project-joseon .project-hero h1{font-weight:600;line-height:1.05}.project-joseon .project-hero h1 span:last-child{color:var(--project-accent);padding-left:.5em}.project-evilbane .project-hero h1 span:first-child{letter-spacing:.24em;margin-bottom:.4em;font-size:.28em}.project-evilbane .project-hero h1 span:last-child{padding-left:0}.project-king-arthur .project-hero h1 span:last-child{letter-spacing:.08em;color:var(--project-accent);margin-top:.4em;font-size:.44em}.project-blade-and-soul-revolution .project-hero h1 span:first-child{font-size:.68em}.project-blade-and-soul-revolution .project-hero h1 span:last-child{letter-spacing:.1em;color:var(--project-accent);margin-top:.5em;font-size:.5em}.project-white-day .project-hero-title{text-align:left;padding-left:8vw}.project-white-day .project-hero h1 span:last-child{color:var(--project-accent);margin-left:.8em}.project-unreal-fest-2022 .project-hero h1 span:last-child,.project-unreal-fest-2025 .project-hero h1 span:last-child{color:var(--project-accent)}.project-unreal-fest-2025 .project-hero h1 span:last-child{font-size:1.6em}.project-film-section{padding:92px var(--project-gutter);background:color-mix(in srgb, var(--project-background), #000 18%);scroll-margin-top:calc(var(--site-header-height) + 16px)}.project-film-heading{grid-template-columns:1fr 1fr;gap:18px 30px;margin-bottom:48px;display:grid}.project-film-heading .section-kicker{color:var(--project-accent);grid-column:1/-1}.project-film-heading h2{letter-spacing:-.05em;font-size:clamp(36px,5vw,75px);font-weight:550;line-height:.9}.project-film-heading>p:last-child{color:#b7bdb4;place-self:end;font-size:13px}.project-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;display:grid}.project-film:first-child{grid-column:1/-1}.project-film-caption{grid-template-columns:22px 1fr auto;align-items:baseline;gap:12px;padding-top:14px;display:grid}.project-film-caption>span,.project-film-caption>a{font:9px var(--font-geist-mono), monospace;color:var(--project-accent)}.project-film-caption h3{font-size:clamp(14px,1.4vw,21px);font-weight:600;line-height:1.4}.project-film-error{color:var(--project-accent);margin-top:12px;font-size:12px;display:block}.project-page .video-play-control,.project-page .video-play-icon{color:var(--project-accent)}.project-no-films{color:#a6ada5;border-block:1px solid #ffffff20;padding-block:50px;font-size:14px}.project-no-films a{color:var(--project-accent);margin-top:25px;display:inline-block}.project-next{padding:65px var(--project-gutter);border-top:1px solid #ffffff25;grid-template-columns:1fr auto;gap:30px;transition:color .18s;display:grid}.project-next>span{color:#a3aba0;font:10px var(--font-geist-mono), monospace;grid-column:1/-1}.project-next strong{letter-spacing:-.04em;font-size:clamp(28px,5.5vw,86px);font-weight:550}.project-next i{font-size:clamp(38px,5vw,76px);font-style:normal}:is(.project-next:hover,.project-next:focus-visible){color:var(--next-accent)}.project-footer{padding-inline:var(--project-gutter);margin-top:0}.project-not-found{color:#e7e7dc;background:#101614;min-height:100svh;padding-top:30svh}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-card:hover img{transform:scale(1.035)}}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-layout-split .project-hero,.project-layout-editorial .project-hero{min-height:640px}.project-layout-offset .project-hero,.project-layout-poster .project-hero{min-height:720px}}@media (max-width:620px){.portfolio-header .primary-nav{gap:16px;font-size:8px}.portfolio-header .office-link{font-size:8px}.portfolio-content{padding-top:38px}.portfolio-intro{margin-bottom:28px;display:block}.portfolio-intro>p{margin-top:22px;font-size:12px}.portfolio-tools{flex-direction:column;align-items:stretch;gap:20px}.portfolio-search{min-width:0}.portfolio-filters{gap:2px}.portfolio-grid{grid-template-columns:1fr;gap:34px}.portfolio-type-art{font-size:42px}.portfolio-footer{margin-top:60px;font-size:10px}.project-hero{min-height:640px;padding-top:98px}.project-hero-title .section-kicker{font-size:8px}.project-hero-caption{align-items:flex-start;gap:16px}.project-hero-caption p{max-width:55%;font-size:12px}.project-hero-caption a{font-size:8px}.project-hero-caption a span{margin-left:10px}.project-layout-split .project-hero,.project-layout-editorial .project-hero{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:26px;min-height:750px}.project-layout-split .project-hero-title,.project-layout-editorial .project-hero-title{grid-row:1}.project-layout-split .project-hero-art,.project-layout-editorial .project-hero-art{z-index:0;grid-area:2/1;min-height:270px;max-height:400px;position:relative;inset:auto}.project-layout-split .project-hero-caption,.project-layout-editorial .project-hero-caption{grid-row:3}.project-layout-split .project-hero h1,.project-layout-editorial .project-hero h1{font-size:13vw}.project-layout-poster .project-hero{min-height:720px}.project-layout-poster .project-hero-art{inset:88px 6% 120px}.project-layout-poster .project-hero h1{font-size:19vw}.project-layout-offset .project-hero{min-height:700px}.project-layout-offset .project-hero-art{inset:200px 22px 140px 15%}.project-layout-offset .project-hero h1{font-size:14vw}.project-layout-panoramic .project-hero{min-height:600px}.project-layout-panoramic .project-hero-art{aspect-ratio:1.4}.project-layout-panoramic .project-hero h1{font-size:12vw}.project-architect .project-hero h1{font-size:10vw}.project-game-of-thrones-kingsroad .project-hero h1{font-size:12vw}.project-blade-and-soul-revolution .project-hero h1{font-size:15vw}.project-film-section{padding-block:60px}.project-film-heading{margin-bottom:30px;display:block}.project-film-heading h2{margin-top:18px}.project-film-heading>p:last-child{margin-top:18px;font-size:12px}.project-films{grid-template-columns:1fr}.project-film-caption{grid-template-columns:18px 1fr;gap:8px}.project-film-caption>a{grid-column:2;padding-block:6px}.project-footer{margin-top:0}}