:root{--sp-05: 4px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-7: 56px;--sp-8: 64px;--sp-9: 72px;--sp-10: 80px;--sp-12: 96px;--sp-16: 128px;--page-margin: clamp(16px, 4vw, 64px);--grid-gap: var(--sp-3);--max-width: 1680px;--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Helvetica Neue", sans-serif;--text-display-size: clamp(40px, 6.5vw, 88px);--text-display-leading: 1.05;--text-display-tracking: -.03em;--text-h2-size: clamp(24px, 2.5vw, 32px);--text-h2-leading: 1.25;--text-h2-tracking: -.015em;--text-body-size: 16px;--text-body-leading: 1.625;--text-caption-size: 12px;--text-caption-leading: 1.3333;--text-caption-tracking: .06em;--ink: #111114;--paper: #f4f3f0;--muted: #8a8a90;--hairline: rgba(17, 17, 20, .14);--accent: #e84b1c;--ink-inv: #ecebe8;--paper-inv: #0c0c0e;--muted-inv: #76767c;--hairline-inv: rgba(236, 235, 232, .16);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .4s;--dur-slow: .9s}@font-face{font-family:MNKY Albert;src:url(/fonts/MNKYAlbert-Black.otf) format("opentype");font-weight:900;font-display:block}@font-face{font-family:MNKY Albert;src:url(/fonts/MNKYAlbert-Extrabold.otf) format("opentype");font-weight:800;font-display:swap}@font-face{font-family:MNKY Albert;src:url(/fonts/MNKYAlbert-Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:MNKY Albert;src:url(/fonts/MNKYAlbert-Semibold.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:MNKY Albert;src:url(/fonts/MNKYAlbert-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:MNKY Wilson;src:url(/fonts/MNKYWilson-Light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:MNKY Wilson;src:url(/fonts/MNKYWilson-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:MNKY Wilson;src:url(/fonts/MNKYWilson-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:MNKY Wilson;src:url(/fonts/MNKYWilson-Semibold.otf) format("opentype");font-weight:600;font-display:swap}body[data-direction=d]{--font-title: "MNKY Albert", system-ui, sans-serif;--font-body: "MNKY Wilson", Georgia, serif;--ground: #050505;--line: rgba(255, 255, 255, .16);--fs-display: clamp(40px, 5.5vw, 96px);--fs-title: clamp(25px, 2.8vw, 40px);--fs-body: clamp(16px, 1.05vw, 18px);--fs-caption: 13px;--hero-h: 88svh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--ground);color:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block}em{font-style:italic}.muted{color:#ffffff80}:focus-visible{outline:2px solid #fff;outline-offset:3px}.caption{font-family:var(--font-title);font-size:var(--fs-caption);line-height:1.3;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.screen{position:fixed;top:0;left:0;width:100%;height:var(--hero-h);z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:var(--hero-h);z-index:1;pointer-events:none;background:linear-gradient(rgba(0,0,0,.38),transparent 16%),linear-gradient(transparent 74%,#0000004d)}.bar{position:fixed;inset-inline:0;top:0;z-index:30;display:flex;justify-content:flex-end;padding:var(--sp-3) var(--page-margin);mix-blend-mode:difference}.bar__nav{display:flex;gap:var(--sp-3)}.bar__nav a{transition:opacity .3s ease}.bar__nav a:hover{opacity:.55}.moniker{position:fixed;z-index:30;top:var(--sp-3);left:var(--page-margin);font-family:var(--font-title);font-weight:900;font-size:clamp(16px,2.6vw,48px);line-height:.8;letter-spacing:-.03em;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;mix-blend-mode:difference}.hero{position:relative;z-index:2;min-height:var(--hero-h);padding:var(--sp-8) var(--page-margin)}.statement{position:relative;z-index:2;background:var(--ground);border-top:1px solid var(--line);padding:clamp(96px,16vh,200px) var(--page-margin)}.statement__eyebrow{margin-bottom:var(--sp-4);opacity:.85}.statement__lead{max-width:18ch;font-family:var(--font-title);font-weight:900;font-size:var(--fs-display);line-height:.95;letter-spacing:-.035em;text-wrap:balance}.statement__support{margin-top:var(--sp-5);max-width:34ch;font-size:var(--fs-body);line-height:1.5;color:#ffffffb3}.scrollcue{position:absolute;top:calc(var(--hero-h) + var(--sp-5));right:var(--page-margin);z-index:3;display:inline-flex;flex-direction:column;align-items:center;gap:var(--sp-1);opacity:.38;transition:opacity .3s ease}.scrollcue:hover{opacity:1}.scrollcue__chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:bob 1.8s var(--ease-out) infinite}@keyframes bob{0%,to{transform:rotate(45deg) translate(0);opacity:.5}50%{transform:rotate(45deg) translate(2px,2px);opacity:1}}.taphint{position:fixed;z-index:30;left:50%;bottom:var(--sp-6);transform:translate(-50%);opacity:.85;animation:taphint-pulse 1.6s ease-in-out infinite}@keyframes taphint-pulse{50%{opacity:.35}}.work{position:relative;z-index:2;background:var(--ground);padding:clamp(80px,12vh,160px) var(--page-margin);border-top:1px solid var(--line)}.work .sec__label{color:#ffffff8c;margin-bottom:var(--sp-6)}.worklist{list-style:none;max-width:var(--max-width);margin-inline:auto}.workrow{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;padding:clamp(16px,2.4vh,28px) 0;border:0;border-top:1px solid var(--line);background:none;color:#fff;text-align:left;cursor:pointer}.worklist li:last-child .workrow{border-bottom:1px solid var(--line)}.workrow__title{font-family:var(--font-title);font-weight:800;font-size:var(--fs-title);line-height:1;letter-spacing:-.025em;transition:transform .45s var(--ease-out),opacity .3s ease}.workrow__meta{flex:none;font-family:var(--font-title);font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;transition:color .3s ease}.workrow:hover .workrow__title,.workrow:focus-visible .workrow__title{transform:translate(var(--sp-3))}.workrow:hover .workrow__meta,.workrow:focus-visible .workrow__meta{color:#ffffffd9}.worklist:hover .workrow__title{opacity:.4}.worklist .workrow:hover .workrow__title,.worklist .workrow:focus-visible .workrow__title{opacity:1}.preview{position:fixed;z-index:25;top:0;left:0;width:300px;aspect-ratio:16 / 10;pointer-events:none;overflow:hidden;opacity:0;will-change:transform}.preview img{width:100%;height:100%;object-fit:cover}@media(hover:none){.preview{display:none}}.sec{position:relative;z-index:2;background:var(--ground);padding:clamp(80px,12vh,160px) var(--page-margin);border-top:1px solid var(--line)}.sec__inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gap);row-gap:var(--sp-6);max-width:var(--max-width);margin-inline:auto}.sec__label{grid-column:1 / -1;color:#ffffff8c}.studio__body{grid-column:1 / 11;font-size:var(--fs-title);line-height:1.3;font-weight:300;color:#ffffffe6;text-wrap:pretty}.clients{list-style:none;max-width:var(--max-width);margin:var(--sp-10) auto 0;display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);font-family:var(--font-title);font-weight:700;font-size:var(--fs-display);line-height:1.05;letter-spacing:-.03em}.clients li{color:#ffffff6b;transition:color .3s ease}.clients li:hover{color:#fff}.footer{position:relative;z-index:2;background:var(--ground);border-top:1px solid var(--line);padding:clamp(80px,12vh,160px) var(--page-margin) var(--sp-6)}.footer__mail{display:block;font-family:var(--font-title);font-weight:800;font-size:var(--fs-title);line-height:1;letter-spacing:-.025em;transition:opacity .3s ease}.footer__mail:hover{opacity:.6}.footer__support{margin-top:var(--sp-4);font-size:var(--fs-body);line-height:1.4;color:#fff9}.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:clamp(64px,10vh,128px);padding-top:var(--sp-5);border-top:1px solid var(--line)}.footer__col{display:grid;gap:var(--sp-1);align-content:start;font-size:var(--fs-body)}.footer__col a{color:#ffffffd1;transition:color .3s ease}.footer__col a:hover{color:#fff}.footer__h{color:#ffffff73;margin-bottom:var(--sp-1)}.footer__col--end{align-content:space-between;justify-items:end;text-align:right}.footer__copy{margin-top:var(--sp-4)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050505fb;color:#fff;overflow-y:auto;overscroll-behavior:contain}.modal__close{position:fixed;top:var(--sp-3);right:var(--page-margin);z-index:51;padding:6px 13px;background:#0a0a0c;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:var(--fs-caption);text-align:center;text-indent:.1em;transition:background .3s ease,border-color .3s ease}.modal__close:hover{background:#16161b;border-color:#ffffff73}.modal__inner{max-width:1100px;margin-inline:auto;padding:clamp(64px,12vh,128px) var(--page-margin)}.modal__media{width:100%;margin-bottom:var(--sp-4)}.modal__media img{width:100%;height:auto}.modal__video{width:100%;aspect-ratio:16 / 9;border:0;margin-bottom:var(--sp-4)}.modal__meta{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-3);color:#ffffff80}.modal__title{font-family:var(--font-title);font-weight:800;font-size:var(--fs-title);letter-spacing:-.02em;line-height:1.05;margin-bottom:var(--sp-3)}.modal__blurb{max-width:62ch;font-size:var(--fs-body);line-height:1.6;color:#ffffffd1;margin-bottom:var(--sp-6)}.case__lead{width:100%;height:auto;display:block;margin-bottom:var(--sp-5);background:#000}.case__lead--embed{aspect-ratio:16 / 9;border:0}.case__intro{max-width:66ch;margin-bottom:clamp(48px,8vh,96px)}.case__intro p{font-size:var(--fs-body);line-height:1.65;color:#ffffffd1;text-wrap:pretty}.case__intro p+p{margin-top:var(--sp-4)}.case__text{max-width:66ch;margin:clamp(48px,8vh,96px) 0}.case__text p{font-size:var(--fs-body);line-height:1.65;color:#ffffffd1}.case__text p+p{margin-top:var(--sp-4)}.case__media{margin:clamp(48px,8vh,96px) 0}.case__media img,.case__video{width:100%;height:auto;display:block;background:#000}.case__crop{width:100%;overflow:hidden;background:#0a0a0c}.case__crop img{width:100%;height:100%;object-fit:cover;display:block}.case__cap{margin-top:var(--sp-3);max-width:56ch;color:#ffffff80;text-transform:none;letter-spacing:.02em;line-height:1.4}.case__grid{margin:clamp(48px,8vh,96px) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.case__cell{overflow:hidden;aspect-ratio:4 / 5;background:#0a0a0c}.case__cell img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.case__cell:hover img{transform:scale(1.04)}.case__credits{margin-top:clamp(48px,8vh,96px);padding-top:var(--sp-5);border-top:1px solid var(--line);display:grid;gap:var(--sp-2);max-width:48ch}.case__credit{display:flex;justify-content:space-between;gap:var(--sp-4);font-size:var(--fs-body)}.case__credit dt{font-family:var(--font-title);font-size:var(--fs-caption);letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;align-self:center}.case__credit dd{color:#ffffffe6;text-align:right}.case__vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--grid-gap)}.case__vcell{aspect-ratio:1 / 1;background:#0a0a0c;overflow:hidden}.case__vcellvid{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:700px){.case__grid,.case__vgrid{grid-template-columns:repeat(2,1fr)}}.labs__grid{margin-top:clamp(40px,7vh,80px);display:flex;flex-direction:column;gap:var(--grid-gap)}.labs__row{display:flex;gap:var(--grid-gap)}.labs__item{flex-basis:0;min-width:0;overflow:hidden;background:#0a0a0c;line-height:0}.labs__media{width:100%;height:auto;display:block;background:#0a0a0c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.reveal-on .reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}.reveal-on .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-on .reveal{opacity:1;transform:none;transition:none}}@media(max-width:860px){.studio__body{grid-column:1 / -1}}@media(max-width:600px){.workrow__meta{display:none}.footer__cols{grid-template-columns:1fr;gap:var(--sp-5)}.footer__col--end{justify-items:start;text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scrollcue__chevron{animation:none}}
