.project-page{margin:0;background:var(--paper,#ffffff);color:var(--ink,#20201e);font-family:var(--font-body,sans-serif)}
.project-page *{box-sizing:border-box}
.project-page a{color:inherit;text-decoration:none}
.project-page button{font:inherit;color:inherit;border:0;border-radius:0;cursor:pointer}
.project-page figure,.project-page h1,.project-page h2,.project-page h3,.project-page p{margin:0}
.project-page img,.project-page video{display:block;max-width:100%}
.project-page img{height:auto}
.project-page [hidden]{display:none!important}
.project-page a:focus-visible,.project-page button:focus-visible,.project-page [tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.project-page button:disabled{cursor:default;opacity:.4}
.case-skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 18px;background:var(--ink);color:var(--paper)!important;transform:translateY(-160%)}
.case-skip:focus{transform:none}
.project-nav{height:86px;padding:0 var(--gutter,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line,#d3d2ce)}
.project-brand{font-family:var(--font-display,sans-serif);font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1}
.project-nav nav{display:flex;gap:36px;font-size:13px;align-items:center}
.project-nav nav a{position:relative;padding:9px 0}
.project-nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease,ease)}
.project-nav nav a:hover::after{transform:scaleX(1)}
.project-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:end;padding:48px var(--gutter,4vw) 36px}
.project-name h1{font-family:var(--font-display,sans-serif);font-size:clamp(42px,5.6vw,84px);font-weight:400;line-height:1.07;letter-spacing:-.035em;text-wrap:balance}
.project-name>p{margin-top:14px;font-size:14px;line-height:1.6;color:var(--muted,#686861)}
.project-scope{justify-self:end;max-width:35ch;padding-bottom:3px}
.scope-label{display:block;font-size:13px;color:var(--muted,#686861);margin-bottom:10px}
.project-scope p{font-size:14px;line-height:1.9}
.project-cover{height:70vh;min-height:460px;max-height:1050px;background:#f3f3f3;overflow:hidden}
.project-cover img{width:auto;height:100%;object-fit:contain;margin-inline:auto}
.project-cover[data-format="portrait"] img{object-fit:contain;width:auto;height:100%;margin-inline:auto}
.project-page[data-project="drwu"] .project-cover{background:#050505}
.project-overview{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;padding:100px var(--gutter,4vw) 82px}
.project-overview h2{font-size:16px;font-weight:400}
.project-overview>div{max-width:660px}
.project-overview #caseIntro{font-size:clamp(18px,1.6vw,24px);line-height:1.85;letter-spacing:-.015em;text-wrap:pretty}
.project-overview .project-role{font-size:14px;line-height:1.9;color:var(--muted,#686861);margin-top:24px;max-width:66ch}
.project-index{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:0 var(--gutter,4vw);padding:22px 0;border-top:1px solid var(--line,#d3d2ce);border-bottom:1px solid var(--line,#d3d2ce);font-size:13px;line-height:1.8}
.project-index a{color:var(--muted,#686861);transition:color .2s}
.project-index a:hover,.project-index a[aria-current="location"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.work-section{padding:64px var(--gutter,4vw) 0;scroll-margin-top:28px}
.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7vw;margin-bottom:24px}
.section-heading h2{font-family:var(--font-display,sans-serif);font-size:clamp(25px,2.5vw,38px);line-height:1.2;font-weight:400;letter-spacing:-.025em;text-wrap:balance}
.section-description{font-size:16px;line-height:1.9;max-width:66ch}
.section-description .section-role{color:var(--muted,#686861);font-size:14px;margin-top:12px}
.work-section--intro-above .section-heading--intro-above{display:block;margin-bottom:24px}
.work-section--intro-above .section-description{max-width:66ch}
.art-grid{columns:2;column-gap:20px}
.art-grid .art-work{display:inline-block;vertical-align:top;width:100%;min-width:0;margin:0 0 20px;break-inside:avoid;page-break-inside:avoid}
.art{display:block;padding:0;width:100%;background:transparent;position:relative;text-align:left}
.art img{width:100%;height:auto}
.art-zoom{position:absolute;right:14px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .24s,transform .3s var(--ease,ease);pointer-events:none}
.art-zoom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.25}
.art:hover .art-zoom,.art:focus-visible .art-zoom{opacity:1;transform:none}
.art-work figcaption{font-size:13px;line-height:1.7;color:var(--muted,#686861);padding-top:8px}
.art-grid.single{columns:1}
.art-grid.single .art-work{display:block;width:min(100%,1000px);margin-inline:auto}
.art-grid.single img{max-height:950px;object-fit:contain}
.art-grid.catalog .art-work:first-child{display:block;column-span:all;width:82%;margin-inline:auto;margin-bottom:24px}
.art-grid.dense{columns:3}
.work-section[data-section="identity"] .art-grid{display:grid;columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.work-section[data-section="identity"] .art-grid .art-work{display:block;width:100%;margin:0;min-width:0}
.art-grid.thumbnails{display:grid;columns:auto;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 12px;align-items:start}
.art-grid.thumbnails .art-work{display:block;grid-column:auto;margin:0;width:100%}
.art-grid.thumbnails .art{aspect-ratio:4/5;background:#f3f3f3}
.art-grid.thumbnails .art img{width:100%;height:100%;object-fit:contain}
.art-grid.thumbnails figcaption{font-size:12px;line-height:1.6;padding-top:8px;overflow-wrap:anywhere}
.art-grid.thumbnails .art-zoom{right:6px;bottom:6px;width:26px;height:26px}
.art-grid.thumbnails .art-zoom svg{width:16px;height:16px}
.work-section[data-section="process"] .art{background:#f4f4f4;padding:4vw}
.download-link{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:30px;border-bottom:1px solid var(--line,#d3d2ce);font-size:14px}
.download-link svg,.next-title svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.25;transition:transform .3s var(--ease,ease)}
.download-link:hover svg,.next-link:hover .next-title svg{transform:translate(3px,-3px)}
.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;padding:42px 5vw;background:#f3f3f3}
.paper-grid.single{grid-template-columns:minmax(0,610px);justify-content:center;padding-top:54px;padding-bottom:38px}
.paper-work{min-width:0}
.paper-scroll{height:min(83vh,1050px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#88877f #d2d1cb;background:#fff}
.paper-scroll img{width:100%;height:auto;max-width:none;margin:0;border:0}
.paper-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:18px;font-size:13px;line-height:1.8}
.paper-title h3{font:inherit}
.paper-title p{margin-top:3px;color:var(--muted,#686861);font-size:13px}
.paper-title button{background:none;padding:0 0 2px;border-bottom:1px solid currentColor;white-space:nowrap}
.paper-title button:hover{opacity:.65}
.page-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:24px;padding:64px var(--gutter,4vw) 0}
.page-pair .work-section{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0;margin:0;padding:0}
.page-pair .section-heading{display:block;margin:0}
.page-pair .section-description{margin-top:16px}
.page-pair .paper-grid,.page-pair .paper-grid.single{grid-template-columns:minmax(0,1fr);gap:0;padding:20px}
.page-pair .paper-scroll{height:min(72vh,780px)}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px;align-items:start}
.film-work{min-width:0}
.film-screen{background:#f2f2f2;position:relative}
.film-work video{width:100%;height:auto;max-height:85vh;object-fit:contain;background:#20201e}
.film-work figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:17px 0 0;font-size:13px;line-height:1.75}
.film-work figcaption h3{font:inherit}
.film-work figcaption p{font-size:13px;color:var(--muted,#686861);margin-top:4px}
.film-work figcaption a{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.film-grid.single{grid-template-columns:minmax(0,520px);justify-content:center;background:#f3f3f3;padding:40px}
.film-grid.loops{gap:6vw;padding:0 6vw;align-items:center}
.film-grid.loops video{height:auto;max-height:none}
.project-next{margin:120px var(--gutter,4vw) 0;padding-top:28px;border-top:1px solid var(--line,#d3d2ce)}
.next-link{display:block}
.next-title{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:30px}
.next-title>div{display:flex;align-items:baseline;gap:44px}
.next-title p{font-size:13px;color:var(--muted,#686861)}
.next-title h2{font-family:var(--font-display,sans-serif);font-weight:400;font-size:clamp(35px,4.8vw,68px);line-height:1.1;letter-spacing:-.03em}
.next-title svg{width:38px;height:38px}
.next-cover{height:52vh;min-height:320px;max-height:760px;overflow:hidden;background:#f2f2f2}
.next-cover img{width:100%;height:100%;object-fit:cover}
.project-footer{display:flex;align-items:center;justify-content:space-between;margin-top:70px;padding:28px var(--gutter,4vw);border-top:1px solid var(--line,#d3d2ce);font-size:13px}
.project-footer>a:first-child{font-family:var(--font-display,sans-serif);font-size:23px;letter-spacing:-.025em}
#imageDialog{padding:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;border:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
#imageDialog::backdrop{background:rgba(32,32,30,.65)}
.reader-bar{position:sticky;top:0;z-index:4;padding:15px 28px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;border-bottom:1px solid var(--line,#d3d2ce)}
.reader-actions{display:flex;align-items:center;gap:20px}
.reader-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:36px;min-height:38px;padding:5px;background:none;white-space:nowrap}
.reader-actions button:hover{background:#ddddd6}
.reader-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.2}
#readerCount{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted,#686861);min-width:42px;text-align:right}
#readerImages{padding:24px 4vw 0;display:grid;place-items:center;min-height:calc(100% - 115px)}
#readerImages img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain}
.reader-caption{padding:15px 28px 20px;text-align:center;color:var(--muted,#686861);font-size:13px;line-height:1.7}
#imageDialog.long-reader #readerImages{display:block;padding:30px 4vw 0}
#imageDialog.long-reader #readerImages img{width:min(900px,100%);height:auto;max-height:none;margin:0 auto}
.image-error{padding:60px 20px;text-align:center;font-size:13px}
.image-error a{text-decoration:underline;text-underline-offset:4px}
.case-error{padding:14vh var(--gutter,4vw);min-height:55vh}
.case-error h2{font-size:clamp(28px,4vw,58px);font-weight:400;margin-bottom:20px}
.case-error p{font-size:14px;line-height:1.8;margin-bottom:30px}
.case-error a,.case-noscript a{border-bottom:1px solid currentColor;padding-bottom:3px}
.case-noscript{padding:30px var(--gutter,4vw);line-height:1.8}
@media(min-width:1800px){.work-section,.project-overview,.page-pair{max-width:1900px;margin-left:auto;margin-right:auto}}
@media(max-width:999px){.art-grid.thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.project-nav{height:70px}.project-nav nav{gap:24px}.project-heading{padding-top:34px;grid-template-columns:1fr 1fr;gap:26px}.project-name h1{font-size:44px}.project-scope{max-width:26ch}.project-scope p{font-size:13px}.project-cover{min-height:380px;height:60vh}.project-overview{padding-top:60px;padding-bottom:55px;grid-template-columns:1fr 1.6fr;gap:30px}.project-overview #caseIntro{font-size:18px}.work-section{padding-top:48px}.section-heading{gap:26px}.art-grid{column-gap:16px}.art-grid .art-work{margin-bottom:16px}.art-grid.dense{columns:2}.art-grid.thumbnails .art-work{margin:0}.paper-grid{padding:24px;gap:24px}.page-pair{gap:20px;padding-top:48px}.page-pair .paper-grid,.page-pair .paper-grid.single{padding:16px}.film-grid.loops{gap:24px;padding:0}.next-title>div{gap:22px}.project-next{margin-top:80px}}
@media(max-width:560px){.project-heading{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.project-scope{max-width:none;justify-self:start}.scope-label{display:none}.project-scope p{font-size:13px}.project-name>p{margin-top:10px}.project-cover{min-height:330px;height:57vh}.project-overview{grid-template-columns:1fr;gap:24px}.project-index{gap:10px 24px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.section-description{font-size:13px}.art-grid{columns:1}.art-grid.dense{columns:2}.art-grid.catalog .art-work:first-child{width:100%;margin-bottom:16px}.art-grid.thumbnails{columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.art-zoom{width:32px;height:32px;opacity:1;transform:none;right:9px;bottom:9px}.art-work figcaption{font-size:13px;padding-top:8px}.paper-grid,.paper-grid.single{grid-template-columns:1fr;padding:20px}.paper-scroll{height:70vh}.page-pair{grid-template-columns:1fr;grid-template-rows:none;row-gap:40px}.page-pair .work-section{display:block;grid-row:auto}.page-pair .section-heading{margin-bottom:20px}.page-pair .paper-scroll{height:70vh}.film-grid,.film-grid.loops,.film-grid.single{grid-template-columns:1fr}.film-grid.single{padding:20px}.film-grid.loops video{height:auto;max-height:75vh}.next-title{padding-bottom:24px}.next-title>div{display:block}.next-title p{margin-bottom:15px}.next-cover{height:45vh;min-height:280px}.project-footer{margin-top:45px}.reader-bar{padding:12px 15px}.reader-actions{gap:7px}#readerTitle{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#readerClose{font-size:0}#readerImages{padding:20px 12px 0}.reader-caption{padding:15px}.project-nav nav{gap:20px;font-size:13px}}
@media(max-width:380px){.art-grid.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.film-grid.loops{align-items:start}.work-section[data-section="identity"] .art-grid{gap:12px}.work-section--intro-above .section-heading--intro-above{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.project-page *,.project-page *::before,.project-page *::after{transition:none!important;animation:none!important}.project-page{scroll-behavior:auto}}