:root{--ink:#171714;--paper:#eae9e2;--ivory:#f3eadb;--muted:#77786f;--line:#cccfc3;--acid:#d2dbb0;--gutter:clamp(22px,4.4vw,78px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid #9aaf6d;outline-offset:5px}button{color:inherit}.skip{position:absolute;left:20px;top:-200px;z-index:20;background:var(--paper);padding:15px}.skip:focus{top:20px}.sr-only{position:absolute!important;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.site-header{position:absolute;inset:0 0 auto;z-index:3;color:var(--paper);padding:32px var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:600;line-height:.94;letter-spacing:-.9px}.brand-dot{color:var(--acid)}nav{display:flex;gap:38px;font-size:12px}nav a{padding:10px 0}nav a span{font-size:8px;vertical-align:super;opacity:.65;margin-left:3px}nav a:hover{color:var(--acid)}.hero{height:min(100svh,1100px);min-height:740px;position:relative;color:var(--paper);background:#232622;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-media>img,.hero-media>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-media>video{opacity:0;transition:opacity .5s}.hero-media>video.ready{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007,#0001 25%,#0005 60%,#000b)}.hero-inner{padding:170px var(--gutter) 100px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.hero-eyebrow{font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px;margin-bottom:35px}.hero-eyebrow>span:last-child{margin-left:auto}.status-dot{display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:var(--acid);margin-right:4px}h1{font-weight:400;font-size:clamp(82px,13vw,190px);line-height:.86;letter-spacing:-.035em;margin:0 0 40px}h1>span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:12px}h1>span{display:none}.hero-baseline{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-baseline>p{font-size:19px;line-height:1.5;letter-spacing:-.5px;margin:0}.hero-baseline>p>span{font-size:13px;letter-spacing:0;color:#e0dfd4}.round-link{display:flex;align-items:center;gap:18px;background:none;border:0;color:var(--paper);text-align:left;font-size:12px;padding:0}.round-icon{width:58px;height:58px;border:1px solid #ffffff75;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:background .2s,color .2s}.round-link:hover .round-icon{background:var(--paper);color:var(--ink)}.round-link small{display:block;font-size:9px;color:#e0dfd4;margin-top:7px}.hero-bottom{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:60px;border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.hero-bottom>a>span{margin-left:25px;font-size:14px}.hero-controls{display:flex;gap:25px;align-items:center}.hero-controls button{background:none;border:0;border-bottom:1px solid #ffffff50;color:inherit;padding:4px;font-size:9px;letter-spacing:0}.section-pad{padding:85px var(--gutter)}.section-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.3px;margin-bottom:65px;color:#65685f}h2{font-size:clamp(45px,6vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.06em;margin:0}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;color:#7e8174}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:55px}.work-heading>p{font-size:13px;line-height:1.7;max-width:260px;margin:0 0 5px}.filters{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0 30px}.filters>button{background:transparent;border:1px solid transparent;font-size:11px;padding:10px 15px;border-radius:25px}.filters>button:first-child{padding-left:16px}.filters>button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters>button:hover{border-color:var(--ink)}.filters span{font-size:8px;margin-left:8px;opacity:.6}.projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 28px}.project-card{grid-column:span 6;min-width:0}.project-card:first-child{grid-column:span 7}.project-card:nth-child(2){grid-column:span 5}.project-card[hidden]{display:none}.project-card>button{display:block;width:100%;text-align:left;background:none;border:0;padding:0}.project-visual{position:relative;width:100%;aspect-ratio:1.52;background:#d4d5cc;overflow:hidden}.project-card.portrait .project-visual{background:#d9dbd0}.project-card.portrait .project-visual>img{object-fit:contain;background:#191a17;padding:0 12%;}.project-card:nth-child(2) .project-visual{aspect-ratio:1.065}.project-visual>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.project-card>button:hover img{transform:scale(1.035)}.project-play{position:absolute;width:48px;height:48px;right:18px;bottom:18px;background:#eeeee6e8;color:#171714;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s}.project-card>button:hover .project-play{background:var(--acid)}.project-number{position:absolute;top:15px;left:15px;color:white;font-size:9px;letter-spacing:1px;text-shadow:0 1px 5px #000}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:18px}.project-client{font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:0 0 7px;color:#5e6257}.project-meta h3{font-size:clamp(20px,2.1vw,29px);font-weight:400;letter-spacing:-1px;margin:0}.project-category{text-align:right;font-size:9px;color:#63675c;margin-top:2px;white-space:nowrap;line-height:1.8}.project-category span{display:block;color:#5e6257}.about{background:#dedfd5;border-top:1px solid var(--line);padding-bottom:100px}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%}.about-grid h2{font-size:clamp(40px,4.8vw,70px)}.about-copy>p{font-size:20px;line-height:1.5;letter-spacing:-.5px;margin:0;max-width:530px}.about-facts{border-top:1px solid #bdc1b3;margin-top:35px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.about-facts span{font-size:8px;letter-spacing:1px;color:#64695c}.about-facts p{font-size:11px;line-height:1.6;margin-top:10px}.contact{color:var(--paper);background:var(--ink);padding-bottom:75px}.contact .section-meta{color:#b8bbad}.contact-title{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.contact-title h2{font-size:clamp(58px,9.5vw,140px)}.contact-title h2 em{color:#989f8b}.contact-title>span{font-size:clamp(55px,10vw,140px);color:var(--acid);line-height:1}.contact-title:hover h2 em{color:var(--acid)}.contact-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:55px;border-top:1px solid #474b3f;padding-top:25px;font-size:12px}.contact-bottom>p{margin:0 auto 0 0;color:#b1b6a5}.contact-bottom>a{border-bottom:1px solid #7f8772;padding-bottom:7px;font-size:clamp(14px,1.7vw,24px)}.contact-bottom>a>span{margin-left:18px;color:var(--acid)}#copy-email{background:transparent;border:1px solid #5a6151;color:#c5cbb9;padding:9px 12px;font-size:9px;border-radius:25px}#copy-status{width:100%;text-align:right;color:var(--acid);font-size:10px;min-height:12px}footer{display:flex;justify-content:space-between;background:var(--ink);color:#a9af9d;padding:30px var(--gutter);border-top:1px solid #373d30;font-size:8px;letter-spacing:1px;gap:15px}dialog{max-width:1400px;width:94vw;max-height:94svh;border:1px solid #4a4e42;background:#181b16;color:var(--paper);padding:0;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}body.dialog-open{overflow:hidden}.dialog-shell{padding:28px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.dialog-top p{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#b8c0aa;margin:0 0 8px}.dialog-top h2{font-size:clamp(25px,3vw,45px);letter-spacing:-1px}.dialog-close{background:none;border:1px solid #6b725e;color:var(--paper);padding:8px 14px;border-radius:30px;font-size:11px;display:flex;align-items:center;gap:18px}.dialog-close span{font-size:25px}.film-layout{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:30px}.player-stage{background:#080907;min-height:240px;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column}.player-stage video{width:100%;max-height:67svh;display:block;object-fit:contain}.player-stage.portrait video{width:auto;max-width:100%;height:67svh}.film-details{display:flex;flex-direction:column;gap:22px}.detail-label{font-size:8px;letter-spacing:1.3px;color:#adb69e;display:block}.film-details p{font-size:12px;line-height:1.65;margin:9px 0 0;color:#dbdfd3}#film-variants{display:flex;flex-direction:column;gap:8px;margin-top:12px}#film-variants button{display:flex;justify-content:space-between;align-items:center;background:transparent;color:#dce1d2;border:1px solid #47523a;text-align:left;padding:10px;font-size:11px;gap:15px}#film-variants button[aria-pressed=true]{border-color:var(--acid);color:var(--acid)}#film-variants small{font-size:9px;color:#a1ad92}#quality{color:#dce1d2;background:#272d20;border:1px solid #59664b;border-radius:0;padding:10px;font-size:11px;margin-top:-10px}.film-details .player-hint{font-size:10px;color:#a1ad92;margin-top:-10px}#player-error{font-size:12px;line-height:1.7;padding:15px;max-width:430px;color:#f7d7b5}body{animation:appear .5s ease}@keyframes appear{from{opacity:.4}to{opacity:1}}@media(min-width:1600px){.work,.about,.contact{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}}@media(max-width:900px){.hero{min-height:680px;height:90svh}.hero-inner{padding-top:150px}h1{font-size:15vw}.work-heading>p{font-size:11px}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy{max-width:650px}.film-layout{grid-template-columns:minmax(0,1fr) 175px;gap:20px}.film-details{gap:18px}}@media(max-width:600px){.site-header{padding-top:25px}.brand{font-size:17px}nav{gap:20px;font-size:10px}nav a span{display:none}.hero{height:90svh;min-height:630px;max-height:860px}.hero-media img,.hero-media video{object-position:55% 50%}.hero-inner{padding-top:145px;padding-bottom:92px}.hero-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:35px;gap:5px}.hero-eyebrow>span:last-child{font-size:7px}h1{font-size:17.2vw;letter-spacing:-.025em;margin-bottom:30px}.hero-baseline{align-items:flex-start;flex-direction:column;gap:28px}.hero-baseline>p{font-size:16px}.hero-baseline>p>span{font-size:11px}.round-icon{width:40px;height:40px;font-size:20px}.round-link{gap:12px;font-size:11px}.round-link small{font-size:8px;margin-top:4px}.hero-bottom{height:55px;font-size:6px;letter-spacing:1px}.hero-controls{gap:10px}.hero-controls>span{display:none}.hero-controls button{font-size:8px}.section-pad{padding-top:58px;padding-bottom:58px}.section-meta{font-size:7px;letter-spacing:1px;margin-bottom:35px}.section-meta>span:last-child{max-width:150px;text-align:right}h2{font-size:44px}.work-heading{display:block;margin-bottom:30px}.work-heading>p{margin-top:20px;font-size:12px}.filters{gap:1px;padding:16px 0 20px}.filters>button{font-size:9px;padding:8px 10px}.filters>button:first-child{padding-left:10px}.filters span{margin-left:5px;font-size:7px}.projects{display:block}.project-card,.project-card:first-child,.project-card:nth-child(2){margin-bottom:35px}.project-card:last-child{margin-bottom:0}.project-card:nth-child(2) .project-visual,.project-visual{aspect-ratio:1.4}.project-card.portrait .project-visual>img{padding:0 20%}.project-client{font-size:8px}.project-meta h3{font-size:23px}.project-category{font-size:8px}.project-play{width:38px;height:38px;bottom:12px;right:12px;font-size:17px}.about-grid h2{font-size:42px}.about-copy>p{font-size:18px}.about-facts{gap:12px}.about-facts span{font-size:7px}.about-facts p{font-size:10px}.contact-title h2{font-size:14vw}.contact-title>span{font-size:45px}.contact-bottom{display:block;margin-top:35px}.contact-bottom>p{margin-bottom:23px;font-size:11px}.contact-bottom>a{font-size:16px;display:inline-block}.contact-bottom>a>span{margin-left:8px}#copy-email{display:block;margin-top:18px}#copy-status{display:block;text-align:left;margin-top:10px}footer{font-size:6px;letter-spacing:.7px;gap:10px}dialog{width:100vw;max-width:100vw;max-height:100svh;min-height:100svh;margin:0;border:0}.dialog-shell{padding:22px 18px}.dialog-top{margin-bottom:20px;align-items:flex-start}.dialog-top h2{font-size:30px}.dialog-close{padding:3px 10px;font-size:9px;gap:10px}.dialog-close span{font-size:23px}.film-layout{grid-template-columns:1fr;gap:25px}.player-stage{min-height:170px}.player-stage video{max-height:55svh}.player-stage.portrait video{height:55svh}.film-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.film-details>div:first-child{grid-column:span 2}.film-details .detail-label[for=quality]{grid-column:1}#quality{margin:0;grid-column:1}.film-details .player-hint{margin:0;font-size:9px}#film-variants button{font-size:10px;padding:8px}.project-meta{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}.project-visual img,.hero-media video{transition:none}.project-card>button:hover img{transform:none}}