.header{position:sticky;top:0;z-index:10;background:#f5f3eced;backdrop-filter:blur(16px);padding-top:17px;padding-bottom:17px}.brand-name{display:flex;flex-direction:column;font-size:11px;letter-spacing:1.2px;margin-left:15px;gap:4px}.brand-name small{font-size:7px;font-weight:500;letter-spacing:1px;color:var(--muted)}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.intro{padding-top:52px;padding-bottom:38px}.intro h1{margin-top:35px}.hero-asterisk{animation:asterisk-turn 24s linear infinite}@keyframes asterisk-turn{to{transform:rotate(180deg)}}.hero-film{border-radius:8px}.feature-open video{aspect-ratio:2.15/1}.reel-label{position:absolute;left:26px;top:25px;font-size:10px;letter-spacing:1.5px;padding:9px 12px;background:var(--paper);border-radius:3px}.reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;border:1px solid #fffb;background:#20231f33;backdrop-filter:blur(12px);color:white;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-size:40px;transition:opacity .25s,transform .25s}.feature-open:hover .reel-play,.feature-open:focus-visible .reel-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.reel-footnote{margin:18px var(--pad) 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.work{padding-top:90px}.project-grid{gap:54px 28px}.project-image{border-radius:5px;aspect-ratio:16/10}.project-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s}.project-image .card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.project-card.is-previewing .card-preview{opacity:1}.project-index,.project-arrow{z-index:1}.project-card button:hover .project-arrow{transform:rotate(45deg)}.project-arrow{transition:transform .3s,background .2s}.project-meta h3{font-size:clamp(20px,2vw,30px);letter-spacing:-.8px}.project-sub{font-size:9px;margin-top:11px}.project-card:last-child .project-image{aspect-ratio:2.2/1}.project-card:last-child .project-meta h3{font-size:clamp(25px,3vw,45px)}.about{background:#ebece4;border-top:0}.signature{font-size:clamp(66px,15.6vw,260px);font-weight:600;line-height:1;letter-spacing:-.085em;display:flex;justify-content:space-between;align-items:center;padding:35px var(--pad) 5px;overflow:hidden}.signature span{font-size:.65em;color:var(--orange);letter-spacing:0}.dialog-actions{display:flex;align-items:center;gap:30px}dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;scrollbar-gutter:stable;animation:case-enter .35s cubic-bezier(.2,.7,.2,1)}@keyframes case-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.dialog-toolbar{padding:17px var(--pad);background:#f5f3eced;backdrop-filter:blur(15px)}.dialog-toolbar button{font-size:11px}.case-header{padding:65px var(--pad) 38px;display:grid;grid-template-columns:2fr 1fr;gap:18px 60px;align-items:end}.case-header>.small-label{grid-column:1/-1}.case-header h2{font-size:clamp(50px,6.4vw,106px);line-height:.96;letter-spacing:-.06em;margin:15px 0 0}.case-header>p{font-size:18px;line-height:1.5;margin:0;max-width:340px}.case-details-bar{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;margin:0 var(--pad) 38px;padding-top:23px;border-top:1px solid var(--line)}.case-details-bar h3{font-size:9px;letter-spacing:1.4px;font-weight:500;color:var(--muted);margin:0 0 10px}.case-details-bar p{font-size:12px;line-height:1.7;margin:0}.case-screen{background:#171915;padding:35px var(--pad)}.case-media{width:100%;max-height:82vh;aspect-ratio:16/9;object-fit:contain;display:block}.screen-label{display:flex;justify-content:space-between;color:#b8bcb0;font-size:8px;letter-spacing:1.5px;padding-top:20px}.case-info{padding:65px var(--pad);grid-template-columns:1fr 2fr;gap:80px}.case-info>aside p{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(29px,3.1vw,47px);font-style:italic;color:var(--ink);line-height:1.15}.case-info h3{font-size:9px;letter-spacing:1.4px;font-weight:500}.case-info p{font-size:15px;line-height:1.85;max-width:650px}.case-gallery{padding:0 var(--pad) 65px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-gallery figure{margin:0}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{width:100%;height:auto;display:block;border-radius:3px}.case-gallery figcaption{padding:14px 0;font-size:11px;line-height:1.6;color:var(--muted);display:flex;gap:20px}.case-gallery figcaption span{font-size:9px;flex:none}.case-credits{padding:30px var(--pad) 55px;display:grid;grid-template-columns:1fr 2fr;gap:80px;border-top:1px solid var(--line)}.case-credits h3{font-size:10px;font-weight:500;letter-spacing:1px}.case-credits p{max-width:650px;font-size:12px;line-height:1.8;color:var(--muted)}.dialog-bottom{padding:45px var(--pad) 60px;background:#dce6bf}.dialog-bottom button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;font-size:clamp(32px,5vw,75px);font-weight:500;letter-spacing:-.045em}.dialog-bottom button small{grid-column:1/-1;font-size:10px;letter-spacing:1px;margin-bottom:7px;font-weight:500}.dialog-bottom button span{font-size:1.1em}.reel-case .case-header{grid-template-columns:1fr}.reel-case .case-header p{max-width:600px}.reel-note{padding:25px var(--pad);font-size:13px;line-height:1.8;color:var(--muted)}.reveal{animation:reveal-in .7s cubic-bezier(.2,.7,.2,1) both}@keyframes reveal-in{from{opacity:.4}to{opacity:1}}
@media(min-width:1000px){.project-card:nth-child(2){padding-top:65px}.project-card:nth-child(3){margin-top:-20px}.project-card:nth-child(4){padding-top:45px}.project-card:last-child{padding-top:10px}.project-grid.is-filtered .project-card{padding-top:0;margin-top:0}.project-grid.is-filtered .project-card:last-child{display:block;grid-column:auto}.project-grid.is-filtered .project-card:last-child .project-image{aspect-ratio:16/10}.project-grid.is-filtered .project-card:last-child .project-meta h3{font-size:clamp(20px,2vw,30px)}}
@media(max-width:760px){.brand-name{font-size:9px;letter-spacing:.5px;margin-left:6px}.brand-name small{display:none}.brand{font-size:24px;gap:4px}.brand-dot{font-size:28px}nav{gap:14px;font-size:11px}.header{padding-top:16px;padding-bottom:16px}.intro{padding-top:38px}.hero-film{border-radius:4px}.feature-open video{aspect-ratio:1.35/1}.reel-label{top:15px;left:15px;font-size:8px;padding:7px 9px}.reel-play{display:none}.reel-footnote{font-size:7px;gap:15px;line-height:1.7}.reel-footnote>span:last-child{display:none}.work{padding-top:60px}.project-grid{gap:36px}.project-card:last-child .project-image{aspect-ratio:16/10}.project-card:last-child .project-meta h3{font-size:21px}.signature{padding-top:25px;padding-bottom:10px}.dialog-actions{gap:15px}.dialog-toolbar{padding:15px 20px}.dialog-toolbar>.small-label{font-size:8px;letter-spacing:1px}.dialog-toolbar button{font-size:10px}.dialog-toolbar button span{font-size:22px;margin-left:5px}.case-header{padding:38px 22px 27px;grid-template-columns:1fr;gap:20px}.case-header h2{font-size:clamp(45px,10vw,70px)}.case-header p{font-size:16px;max-width:none}.case-details-bar{margin:0 22px 27px;grid-template-columns:1fr 1fr;gap:22px 18px}.case-details-bar>div:last-child{grid-column:1/-1}.case-screen{padding:20px 0}.case-media{max-height:none}.screen-label{padding:15px 22px 0;font-size:7px}.case-info{padding:38px 22px;grid-template-columns:1fr;gap:10px}.case-info>aside p{font-size:31px;margin-bottom:15px}.case-info p{font-size:14px}.case-gallery{padding:0 22px 35px;grid-template-columns:1fr;gap:20px}.case-gallery figure:first-child{grid-column:auto}.case-gallery figcaption{font-size:10px;gap:12px}.case-credits{padding:25px 22px 30px;grid-template-columns:1fr;gap:5px}.case-credits p{font-size:11px}.dialog-bottom{padding:30px 22px 40px}.dialog-bottom button{font-size:35px}.reel-note{padding:20px 22px}.case-gallery img{border-radius:2px}}

@media(max-width:480px){.dialog-toolbar>#project-counter{display:none}.dialog-actions{width:100%;justify-content:space-between;gap:20px}.dialog-toolbar button{white-space:nowrap}.case-header h2{overflow-wrap:anywhere}}