.site-header{z-index:4;height:calc(var(--hh) + env(safe-area-inset-top,0px));padding:calc(var(--space-4) + env(safe-area-inset-top,0px)) var(--gut) 0;backdrop-filter:blur(22px)saturate(170%);background:var(--bg-glass);box-shadow:inset 0 -1px 0 var(--border-glass);position:fixed;top:0;left:0;right:0}#name{line-height:22px;font-size:var(--text-name);font-weight:var(--weight-medium);letter-spacing:var(--ls-name);margin:0}#reel{padding-top:var(--space-8)}.reel-tile{background:var(--bg-control);width:100%;aspect-ratio:var(--ratio-wide);display:block;position:relative;overflow:hidden}.reel-media,.reel-media img,.reel-loop{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.reel-loop{width:calc(100% + 2px);height:calc(100% + 2px);inset:-1px}.reel-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.js .reel-tile{clip-path:inset(100% 0 0);transition:clip-path var(--dur-curtain) var(--ease-in-out)}.js .reel-tile.on{clip-path:inset(0)}.js .reel-media img,.js .reel-loop{transition:transform var(--dur-settle) var(--ease-out-strong);transform:scale(1.08)}.js .reel-tile.on .reel-media img,.js .reel-tile.on .reel-loop{transform:none}.reel-loop{opacity:0}.reel-tile.playing .reel-loop{opacity:1}.reel-label{--sq:36px;--full:108px;width:var(--full);height:var(--sq);font-size:var(--text-small);color:var(--fg-overlay);pointer-events:none;align-items:center;display:flex;position:absolute;bottom:0;left:0}.reel-label:before{content:"";background:var(--bg-overlay);transform:scaleX(calc(var(--sq) / var(--full)));transform-origin:0;transition:transform var(--dur-label) var(--ease-out);position:absolute;inset:0}.reel-dot{width:var(--sq);flex:none;place-items:center;display:grid;position:relative}.reel-dot:before{content:"";border-left:8px solid var(--fg-overlay);border-top:5px solid #0000;border-bottom:5px solid #0000;margin-left:2px}.reel-text{white-space:nowrap;opacity:0;transition:opacity var(--dur-label) var(--ease-out), transform var(--dur-label) var(--ease-out);position:relative;transform:translate(-6px)}.reel-tile:focus-visible .reel-label:before{transform:none}.reel-tile:focus-visible .reel-text{opacity:1;transition-delay:var(--delay-label);transform:none}@media (hover:hover){.reel-tile:hover .reel-label:before{transform:none}.reel-tile:hover .reel-text{opacity:1;transition-delay:var(--delay-label);transform:none}}@media (width<=639px){#reel{padding-top:var(--space-6)}}#awards{padding-top:var(--space-10);gap:var(--space-4) var(--space-8);grid-template-columns:repeat(3,max-content);display:grid}#awards div{font-size:var(--text-small);line-height:1.5}#awards .rv>span{align-items:center;gap:var(--space-3);height:28px;display:flex}.aw-logo{width:auto;height:var(--h);opacity:.9;display:block}#awards i{white-space:nowrap;color:var(--fg-muted);font-style:normal}#awards em{font-variant-numeric:tabular-nums;font-style:normal}.js #intro.in #awards .rv>span{transform:translateY(110%)}.js #intro.in #awards div.in .rv>span{transition-duration:var(--dur-award);transform:none}@media (width<=639px){#awards{justify-content:space-between;gap:var(--space-3) var(--space-4)}#awards .rv>span{gap:var(--space-2)}.aw-logo{height:calc(var(--h) * .65)}}#intro{padding:var(--space-10) var(--gut) var(--space-5);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}#intro>*{grid-column:1/-1}@media (width>=640px){#intro>#reel{grid-column:span 5}}@media (width>=1024px){#intro>#reel{grid-column:span 6}}#intro h2{font-size:var(--text-intro);letter-spacing:var(--ls-hero);line-height:1.12;font-weight:var(--weight-regular);max-width:18em;margin:0}#intro p{margin:var(--space-3) 0 0;font-size:var(--text-intro-sub);color:var(--fg-muted);max-width:var(--measure);line-height:1.5}#clients{padding:var(--space-9) var(--gut) var(--space-8)}.marquee{pointer-events:none;user-select:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.track{width:max-content;animation:marquee var(--dur-marquee) linear infinite;display:flex}.set{align-items:center;gap:var(--space-8);padding-right:var(--space-8);display:flex}.set img{width:auto;height:var(--h);opacity:.32;flex:none;display:block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.track{width:auto;animation:none}.set{gap:var(--space-6) var(--space-7);flex-wrap:wrap;padding:0}.set[aria-hidden]{display:none}.marquee{-webkit-mask-image:none;mask-image:none}}@media (width<=639px){.set{gap:var(--space-6);padding-right:var(--space-6)}.set img{height:calc(var(--h) * .6)}}#fx{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;inset:0}html.mosaic-cover body:after{content:"";z-index:6;background:var(--wash);position:fixed;inset:0}#main{transition:opacity var(--dur-main-return) var(--ease-out), transform var(--dur-main-return) var(--ease-out)}#main.leaving{opacity:0;transition:opacity var(--dur-main-leave) var(--ease-in), transform var(--dur-main-leave) var(--ease-in);transform:translateY(-12px)}
