html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}img{max-width:100%}@font-face{font-family:Narrow;src:url(/fonts/NimbusSansNarrow-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Narrow;src:url(/fonts/NimbusSansNarrow-Bold.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{--paper:#f4f2ec;--white:#fff;--ink:#080808;--chrome:#c9c8c3;--chrome-light:#ecebe6;--chrome-mid:#858580;--chrome-dark:#333331;--accent:#4b0010;--system:Arial,"Helvetica Neue",sans-serif;--display:"Narrow","Arial Narrow",sans-serif;--regular:400;--bold:700;--u:.5rem;--s1:var(--u);--s2:calc(var(--u)*2);--s3:calc(var(--u)*3);--s4:calc(var(--u)*4);--s6:calc(var(--u)*6);--s8:calc(var(--u)*8);--s12:calc(var(--u)*12);--s16:calc(var(--u)*16);--s24:calc(var(--u)*24);--micro:clamp(.68rem,.65rem + .08vw,.78rem);--small:clamp(.78rem,.72rem + .15vw,.94rem);--body:clamp(1rem,.9rem + .3vw,1.3rem);--cover:clamp(4.6rem,2rem + 12vw,17rem);--gutter:clamp(var(--s2),2.4vw,var(--s6));--nav-h:var(--s8);--bar-h:var(--s4);--line:1px;--bevel:2px;--ease-max:cubic-bezier(.76,0,.24,1);--ease-ui:steps(3,end);--ease-soft:cubic-bezier(.2,.75,.2,1);--snap:.12s;--move:.42s;--maximize:.68s;--progress:0;--open-x:0px;--open-y:0px;--open-w:100vw;--open-h:100vh}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--chrome)}body{background:var(--chrome);color:var(--ink);font-family:var(--system);margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}::selection{background:var(--accent);color:var(--white)}:focus-visible{outline:var(--bevel) solid var(--accent);outline-offset:var(--s1)}.new-site{min-height:100svh;overflow:clip}.new-nav{z-index:90;height:var(--nav-h);padding:0 var(--gutter);background:var(--chrome);border-top:var(--line) solid var(--white);border-bottom:var(--bevel) solid var(--chrome-dark);font-size:var(--micro);letter-spacing:.02em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.new-mark{font:var(--bold) var(--body)/1 var(--system)}.new-nav>span{text-align:right;line-height:1.1}.site-nav{gap:var(--s6);display:flex}.site-nav a{padding:var(--s1) var(--s2);border:var(--line) solid transparent}.site-nav a:hover,.site-nav a.active{background:var(--paper);border-top-color:var(--white);border-left-color:var(--white);border-right-color:var(--chrome-dark);border-bottom-color:var(--chrome-dark)}.site-nav a.active:before{content:"■";margin-right:var(--s1);color:var(--accent);font-size:.65em}.menu-toggle{display:none}.window-title{height:var(--bar-h);padding:0 var(--s1) 0 var(--s2);background:var(--ink);color:var(--white);font:var(--bold) var(--micro)/1 var(--system);letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.window-title b{font-weight:var(--regular);letter-spacing:0}.window-status{min-height:var(--bar-h);justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);background:var(--chrome);border-top:var(--line) solid var(--white);font-size:var(--micro);text-transform:uppercase;display:flex}.window-status>*{min-width:0}.window-status a{padding:var(--s1) var(--s2);border-top:var(--line) solid var(--white);border-left:var(--line) solid var(--white);border-right:var(--line) solid var(--chrome-dark);border-bottom:var(--line) solid var(--chrome-dark)}.window-status a:active{border-color:var(--chrome-dark) var(--white) var(--white) var(--chrome-dark)}.new-hero{min-height:100svh;padding:calc(var(--nav-h) + var(--s8)) var(--gutter) var(--s8);background:var(--chrome);place-items:center;display:grid}.hero-window{grid-template-rows:var(--bar-h) 1fr auto;background:var(--chrome);width:min(88vw,96rem);height:min(76svh,58rem);padding:var(--bevel);box-shadow:inset var(--bevel) var(--bevel) 0 var(--white),inset calc(var(--bevel)*-1) calc(var(--bevel)*-1) 0 var(--chrome-dark),var(--s1) var(--s1) 0 color-mix(in srgb,var(--ink) 24%,transparent);display:grid}.hero-field{background:var(--paper);border:var(--line) solid var(--chrome-dark);place-items:center;display:grid;position:relative;overflow:hidden}.hero-field h1{font:var(--bold) clamp(10rem,35vw,36rem)/.7 var(--display);letter-spacing:-.085em;margin:0}.hero-field>span{right:var(--s4);bottom:var(--s4);font-size:var(--micro);text-align:right;line-height:1.2;position:absolute}.master-window{width:calc(100% - var(--s8));margin:0 auto var(--s16);padding:var(--bevel);background:var(--chrome);box-shadow:inset var(--bevel) var(--bevel) 0 var(--white),inset calc(var(--bevel)*-1) calc(var(--bevel)*-1) 0 var(--chrome-dark),var(--s1) var(--s1) 0 color-mix(in srgb,var(--ink) 25%,transparent)}.master-title{top:var(--nav-h);z-index:50;position:sticky}.index-window{margin-top:calc(var(--nav-h) + var(--s8))}.poster-sequence{background:var(--paper);border:var(--line) solid var(--chrome-dark)}.project-poster{grid-template-columns:var(--s8) minmax(0,1fr) minmax(9rem,16rem);gap:var(--s4);min-height:clamp(38rem,88svh,72rem);padding:var(--s16) var(--gutter) var(--s8);background:var(--paper);border-bottom:var(--line) solid var(--ink);cursor:default;isolation:isolate;grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.project-poster:last-child{border-bottom:0}.entry-code{font:var(--regular) var(--small)/1 var(--system);font-variant-numeric:tabular-nums;align-self:start}.project-poster h2{font:var(--bold) var(--cover)/.68 var(--display);letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere;transition:transform var(--move) var(--ease-soft),letter-spacing var(--move) var(--ease-soft);grid-column:2;align-self:center;margin:0}.project-poster h2 span{display:block}.entry-meta{font-size:var(--micro);text-transform:uppercase;grid-column:3;align-self:center;line-height:1.2}.entry-state{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border:var(--line) solid var(--chrome-dark);background:var(--chrome);font-size:var(--micro);text-transform:uppercase;box-shadow:inset var(--line) var(--line) 0 var(--white);grid-column:2/4;display:flex}.entry-state i{font-style:normal}.entry-state b{font-weight:var(--regular);opacity:0;transition:opacity var(--snap) var(--ease-ui)}.project-poster:hover h2{transform:translateY(calc(var(--s2)*-1));letter-spacing:-.075em}.project-poster:hover .entry-state{background:var(--ink);color:var(--white)}.project-poster:hover .entry-state b{opacity:1}.project-poster:hover .entry-state i:after{content:"_";animation:.72s step-end infinite caret}@keyframes caret{50%{opacity:0}}.poster-biometric,.poster-filmii,.poster-purple{background:var(--ink);color:var(--paper)}.poster-biometric h2,.poster-filmii h2,.poster-purple h2{color:inherit}.poster-biometric h2{max-width:7ch;font-weight:var(--regular);letter-spacing:-.04em}.poster-signal h2{grid-column:2/4;font-size:clamp(5.5rem,15vw,20rem);line-height:.58}.poster-signal h2 span:nth-child(2){margin-left:12%}.poster-cruciform h2{text-align:center;white-space:nowrap;grid-column:2/4;transform:rotate(-90deg)scale(.7)}.poster-cruciform:hover h2{transform:rotate(-90deg)scale(.73)}.poster-fashion h2{white-space:nowrap;grid-column:1/4;align-self:end;font-size:clamp(5.5rem,16vw,21rem)}.poster-fashion h2 span{display:inline}.poster-fashion h2 span+span{margin-left:.12em}.poster-filmii h2{max-width:9ch;font-weight:var(--regular);grid-column:2/4}.poster-stage h2{text-align:right;grid-column:1/4;font-size:clamp(7rem,21vw,26rem)}.poster-stage h2 span:nth-child(2),.poster-stage h2 span:nth-child(3){display:inline}.poster-purple h2{grid-column:2/4;font-size:clamp(4.5rem,12vw,15rem)}.poster-purple h2 span:nth-child(2){font-weight:var(--regular);margin-left:12%}.poster-purple h2 span:nth-child(3){margin-left:24%}.poster-forensic h2{grid-column:1/4;font-size:clamp(5rem,15vw,19rem);transform:rotate(-4deg)}.poster-forensic:hover h2{transform:rotate(-2deg) translateY(calc(var(--s2)*-1))}.project-cover{min-height:100svh;padding-top:calc(var(--nav-h) + var(--s12));border-bottom:0}.project-cover .project-titlebar{top:var(--nav-h);position:absolute;left:0;right:0}.project-cover .entry-state{display:none}.case-content{width:calc(100% - var(--s8));margin:var(--s16) auto;padding:var(--bevel);background:var(--chrome);box-shadow:inset var(--bevel) var(--bevel) 0 var(--white),inset calc(var(--bevel)*-1) calc(var(--bevel)*-1) 0 var(--chrome-dark),var(--s1) var(--s1) 0 color-mix(in srgb,var(--ink) 25%,transparent)}.case-titlebar{top:var(--nav-h);z-index:40;position:sticky}.case-field{background:var(--paper);border:var(--line) solid var(--chrome-dark)}.case-film{padding:var(--s8)}.video-shell{aspect-ratio:16/9;background:var(--ink);width:100%;position:relative;overflow:hidden}.video-shell button{width:100%;height:100%;padding:var(--gutter);background:var(--paper);color:var(--ink);text-align:left;cursor:default;border:0;grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:center;display:grid}.video-shell button span{font:var(--bold) clamp(3rem,9vw,10rem)/.75 var(--display);letter-spacing:-.06em}.video-shell button b{font-size:clamp(3rem,9vw,10rem);font-weight:var(--regular)}.video-shell button small{font-size:var(--micro);grid-column:1/-1}.video-shell button:hover{background:var(--ink);color:var(--paper)}.video-shell iframe{background:var(--ink);border:0;width:100%;height:100%}.case-images{padding:var(--s12) var(--gutter)}.case-images figure{width:min(100%,78rem);margin:0 auto var(--s24)}.case-images figure:nth-child(2n){width:min(69%,56rem);margin-right:0}.case-images figure:nth-child(3n){width:min(58%,48rem);margin-left:0}.case-images figure>span{margin-bottom:var(--s1);font-size:var(--micro);display:block}.media-shell{background:linear-gradient(90deg,var(--chrome) 0 48%,var(--chrome-light) 48% 52%,var(--chrome) 52%);background-size:240% 100%;width:100%;min-height:clamp(18rem,50vw,58rem);animation:.9s steps(6,end) infinite loading;display:block;position:relative;overflow:hidden}.media-shell img{opacity:0;width:100%;height:auto;transition:opacity var(--move) var(--ease-soft)}.media-shell.is-loaded{background:0 0;min-height:0;animation:none}.media-shell.is-loaded img{opacity:1}.media-status{left:var(--s2);bottom:var(--s2);font-size:var(--micro);margin:0!important;position:absolute!important}.media-shell.is-loaded .media-status{display:none}.media-shell.has-error{background:var(--chrome);min-height:18rem;animation:none}.media-shell.has-error .media-status{display:block}@keyframes loading{to{background-position:-240% 0}}.case-images figure:nth-child(n+2){content-visibility:auto;contain-intrinsic-size:auto 900px}.case-next{background:var(--chrome);border-top:var(--line) solid var(--white);border-bottom:var(--bevel) solid var(--chrome-dark);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.case-next a,.case-next span{padding:var(--s3) var(--gutter);font-size:var(--micro);text-transform:uppercase}.case-next span{text-align:center}.case-next a:last-child{text-align:right}.case-next a:hover{background:var(--paper)}.new-contact{min-height:82svh;padding:var(--s16) var(--gutter);background:var(--chrome);place-items:center;display:grid}.contact-dialog{width:min(90vw,54rem);padding:var(--bevel);background:var(--chrome);box-shadow:inset var(--bevel) var(--bevel) 0 var(--white),inset calc(var(--bevel)*-1) calc(var(--bevel)*-1) 0 var(--chrome-dark),var(--s2) var(--s2) 0 color-mix(in srgb,var(--ink) 25%,transparent)}.contact-field{min-height:18rem;padding:var(--s8);background:var(--paper);border:var(--line) solid var(--chrome-dark);align-content:center;display:grid}.contact-field>span{font-size:var(--micro)}.contact-field h2{margin:var(--s3) 0 0;font:var(--regular) clamp(2rem,5vw,5.8rem)/.86 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere}.contact-actions{padding:var(--s2);justify-content:flex-end;display:flex}.contact-actions a{min-width:7rem;padding:var(--s1) var(--s4);text-align:center;border-top:var(--bevel) solid var(--white);border-left:var(--bevel) solid var(--white);border-right:var(--bevel) solid var(--chrome-dark);border-bottom:var(--bevel) solid var(--chrome-dark);font-size:var(--micro)}.contact-actions a:active{border-color:var(--chrome-dark) var(--white) var(--white) var(--chrome-dark)}.progress-line{z-index:120;width:calc(var(--progress)*100%);height:var(--bevel);background:var(--accent);pointer-events:none;position:fixed;top:0;left:0}.maximize-layer{z-index:999;left:var(--open-x);top:var(--open-y);width:var(--open-w);height:var(--open-h);grid-template-rows:var(--bar-h) 1fr;padding:var(--bevel);background:var(--chrome);box-shadow:inset var(--bevel) var(--bevel) 0 var(--white),inset calc(var(--bevel)*-1) calc(var(--bevel)*-1) 0 var(--chrome-dark);transition:left var(--maximize) var(--ease-max),top var(--maximize) var(--ease-max),width var(--maximize) var(--ease-max),height var(--maximize) var(--ease-max);display:grid;position:fixed}.maximize-layer.is-expanded{width:100vw;height:100svh;top:0;left:0}.maximize-field{padding:var(--s4);background:var(--paper);border:var(--line) solid var(--chrome-dark);font-size:var(--micro);justify-content:space-between;align-items:flex-end;display:flex}.maximize-field i{font-style:normal}.reveal{opacity:1}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 18%}@keyframes reveal{0%{opacity:.35}to{opacity:1}}}@media (width<=48rem){:root{--nav-h:var(--s6);--bar-h:var(--s3);--cover:clamp(3.9rem,20vw,7rem)}.new-nav{grid-template-columns:1fr auto}.new-nav>span{display:none}.menu-toggle{gap:var(--s1);padding:var(--s1);font-size:var(--micro);background:0 0;border:0;display:flex}.menu-toggle b{font-weight:var(--regular)}.site-nav{inset:var(--nav-h) 0 auto;padding:var(--bevel);background:var(--chrome);border-bottom:var(--bevel) solid var(--chrome-dark);flex-direction:column;gap:0;display:none;position:fixed}.site-nav.is-open{display:flex}.site-nav a{padding:var(--s3);border-bottom:var(--line) solid var(--chrome-dark);font-size:var(--body)}.new-hero{padding:calc(var(--nav-h) + var(--s4)) var(--s2) var(--s4)}.hero-window{width:100%;height:82svh}.hero-field h1{font-size:clamp(9rem,54vw,15rem)}.hero-field>span{right:var(--s2);bottom:var(--s2)}.master-window,.case-content{width:calc(100% - var(--s4));margin-bottom:var(--s8)}.index-window{margin-top:calc(var(--nav-h) + var(--s4))}.project-poster{grid-template-columns:var(--s4) minmax(0,1fr);gap:var(--s2);min-height:78svh;padding:var(--s12) var(--s2) var(--s4);grid-template-rows:1fr auto auto}.project-poster h2,.poster-signal h2,.poster-filmii h2,.poster-purple h2{font-size:var(--cover);grid-column:2;line-height:.69}.entry-meta{grid-column:2;align-self:end}.entry-state{grid-column:1/3}.poster-signal h2 span:nth-child(2),.poster-purple h2 span:nth-child(2),.poster-purple h2 span:nth-child(3){margin-left:0}.poster-cruciform h2{white-space:nowrap;grid-column:2;transform:rotate(-90deg)scale(.62)}.poster-cruciform:hover h2{transform:rotate(-90deg)scale(.64)}.poster-fashion h2,.poster-stage h2,.poster-forensic h2{white-space:normal;grid-column:1/3;font-size:clamp(4.6rem,24vw,8rem)}.poster-fashion h2 span{display:block}.poster-fashion h2 span+span{margin-left:0}.project-cover{min-height:82svh;padding-top:calc(var(--nav-h) + var(--s8))}.case-film{padding:var(--s2)}.case-images{padding:var(--s8) var(--s2)}.case-images figure,.case-images figure:nth-child(2n),.case-images figure:nth-child(3n){width:100%;margin:0 0 var(--s12)}.media-shell{min-height:78vw}.case-next{grid-template-columns:1fr 1fr}.case-next span{display:none}.contact-field{min-height:15rem;padding:var(--s4)}.contact-field h2{font-size:clamp(2.1rem,11vw,4rem)}.maximize-field{padding:var(--s2)}}@media (width<=22rem){.project-poster{grid-template-columns:var(--s3) minmax(0,1fr)}.project-poster h2{font-size:clamp(3.3rem,18vw,5.4rem)}.entry-meta{font-size:.64rem}.new-nav{padding-inline:var(--s2)}.master-window,.case-content{width:calc(100% - var(--s2))}}@media (width>=110rem){.master-window,.case-content{width:min(calc(100% - var(--s16)),112rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none!important}.project-poster h2,.entry-state b,.media-shell img{transition:none}.media-shell{animation:none}.maximize-layer{transition:none}}