.obh{--ink:#121519;--ink-2:#191d23;--ink-3:#252b33;--mint:#98dbb8;--chalk:#e7eee9;--signal:#ff5b3a;--fg:#f2f5f3;--fg-2:#f2f5f3a3;--line:#f2f5f324;--ink-2a:#121519b8;--ink-line:#1215192e;--display:"Archivo","Arial Black","Helvetica Neue",Arial,sans-serif;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;--sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--gl:max(clamp(16px,4vw,64px),env(safe-area-inset-left,0px));--gr:max(clamp(16px,4vw,64px),env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--intro:1s}html.obh-lock{overflow:hidden}.obh{background:var(--ink);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:clamp(16px,1.05vw,18px);line-height:1.55;overflow-x:clip}.obh img{max-width:100%;height:auto;display:block}.obh main,.obh footer{overflow-x:clip}.obh a{color:inherit;text-decoration:none}.obh button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}.obh ul,.obh ol{margin:0;padding:0;list-style:none}.obh h1,.obh h2,.obh h3,.obh h4,.obh p{margin:0}.obh :focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:6px}.obh .band-mint :focus-visible,.obh .band-chalk :focus-visible{outline-color:var(--ink)}.obh .wrap{max-width:1480px;padding-left:var(--gl);padding-right:var(--gr);margin-inline:auto}.obh .sec{padding-block:clamp(88px,11vw,170px)}.obh [hidden]{display:none!important}.obh .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.obh .band-mint{background:var(--mint);color:var(--ink)}.obh .band-chalk{background:var(--chalk);color:var(--ink)}.obh .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:.8em;margin-bottom:1.6rem;font-size:12px;display:inline-flex}.obh .tag:before{content:"";background:var(--mint);border-radius:50%;flex:none;width:9px;height:9px}.obh .band-mint .tag,.obh .band-chalk .tag{color:var(--ink-2a)}.obh .band-mint .tag:before{background:var(--ink)}.obh .mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.obh .caps{font-family:var(--display);text-transform:uppercase;letter-spacing:-.012em;font-weight:900;font-stretch:112%;line-height:.9}.obh .h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;margin-bottom:1.8rem;font-size:clamp(2.05rem,4.4vw,4.5rem);font-weight:850;font-stretch:108%;line-height:.95}.obh .h2 em,.obh .caps em,.obh .roof-text em{font-family:var(--serif);text-transform:none;letter-spacing:-.005em;color:var(--mint);font-size:1.14em;font-style:italic;font-weight:400;font-stretch:100%;line-height:.8}.obh .band-mint .h2 em,.obh .band-mint .caps em,.obh .band-mint .roof-text em{color:var(--ink)}.obh .band-chalk .h2 em{color:var(--ink);background:linear-gradient(transparent 60%,var(--mint) 60% 94%,transparent 94%);padding:0 .06em}.obh .lede{max-width:54ch;color:var(--fg-2);font-size:clamp(1.05rem,1.25vw,1.22rem)}.obh .lede+.lede{margin-top:1.1em}.obh .band-mint .lede,.obh .band-chalk .lede{color:var(--ink-2a)}.obh .btn{min-height:54px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background-color .3s,color .3s,box-shadow .3s,transform .55s var(--spring);border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:0 1.8em;font-size:13px;font-weight:500;display:inline-flex;position:relative}.obh .btn-mint{background:var(--mint);color:var(--ink)}.obh .btn-mint:hover{background:var(--fg)}.obh .btn-ghost{box-shadow:inset 0 0 0 1px var(--line);color:var(--fg)}.obh .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--mint);color:var(--mint)}.obh .btn-ink{background:var(--ink);color:var(--mint)}.obh .btn-ink:hover{background:var(--ink-3)}.obh .btn-line{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.obh .btn-line:hover{background:var(--ink);color:var(--mint)}.obh .roll{vertical-align:top;height:1.3em;line-height:1.3em;display:inline-block;overflow:hidden}.obh .roll>span{transition:transform .5s var(--ease);text-shadow:0 1.3em;display:block}.obh .btn:hover .roll>span,.obh .link:hover .roll>span,.obh .nav-talk:hover .roll>span{transform:translateY(-1.3em)}.obh .link{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:background-size .45s var(--ease),color .3s;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:center;padding-bottom:.4em;font-size:13px;display:inline-flex}.obh .link:hover{background-position:100% 100%;background-size:0 1px}.obh .row-links{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.obh .grain{z-index:90;pointer-events:none;opacity:.07;position:fixed;inset:0;overflow:hidden}.obh .grain:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1s steps(6,end) infinite obh-grain;position:absolute;inset:-50%}@keyframes obh-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.obh .progress{z-index:60;background:var(--mint);transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.obh .cursor{z-index:95;pointer-events:none;display:none;position:fixed;top:0;left:0}.obh.obh--cursor .cursor{display:block}.obh .cursor-ball{mix-blend-mode:difference;opacity:0;width:96px;height:96px;transition:transform .45s var(--spring),background-color .25s,opacity .3s;background:#fff;border-radius:50%;place-items:center;margin:-48px 0 0 -48px;display:grid;transform:scale(.14)}.obh .cursor.on .cursor-ball{opacity:1}.obh .cursor.link .cursor-ball{transform:scale(.46)}.obh .cursor.label .cursor-ball{background:var(--mint);mix-blend-mode:normal;transform:scale(1)}.obh .cursor-text{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:0;font-size:12px;font-weight:500;transition:opacity .2s}.obh .cursor.label .cursor-text{opacity:1}.obh.obh--cursor,.obh.obh--cursor *{cursor:none!important}.obh .intro{z-index:100;pointer-events:none;position:fixed;inset:0}.obh .intro:before,.obh .intro:after{content:"";position:absolute;inset:0}.obh .intro:before{background:var(--mint);animation:obh-curtain 1s var(--ease) 1s forwards}.obh .intro:after{background:var(--ink);animation:obh-curtain .95s var(--ease) .8s forwards}.obh .intro img{z-index:1;width:min(340px,58vw);height:auto;animation:obh-introLogo .8s var(--spring) both,obh-introOut .5s var(--ease) .75s forwards;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes obh-introOut{to{opacity:0;transform:translateY(-60px)scale(.9)}}@keyframes obh-introLogo{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes obh-curtain{to{border-radius:0 0 50% 50%/0 0 18% 18%;transform:translateY(-100%)}}.obh .nav{z-index:50;padding-top:env(safe-area-inset-top,0px);transition:transform .55s var(--ease),background-color .4s;position:fixed;top:0;left:0;right:0}.obh .nav.scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#121519bd}.obh .nav.hide{transform:translateY(-105%)}.obh.obh--menu-open .nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;transform:none}.obh .nav-in{align-items:center;gap:2rem;height:78px;display:flex}.obh .nav-logo img{width:auto;height:36px;transition:opacity .3s}.obh.obh--menu-open .nav-logo img{opacity:0}.obh .nav-links{gap:2rem;margin-left:auto;display:flex}.obh .nav-links a{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);font-size:12px;transition:color .25s;position:relative}.obh .nav-links a:hover{color:var(--fg)}.obh .nav-links a:after{content:"";background:var(--mint);width:6px;height:6px;transition:transform .35s var(--spring);border-radius:50%;margin-left:-3px;position:absolute;bottom:-10px;left:50%;transform:scale(0)}.obh .nav-links a:hover:after{transform:scale(1)}.obh .nav-talk{background:var(--mint);height:42px;color:var(--ink);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:transform .55s var(--spring);border-radius:999px;align-items:center;gap:.7em;padding:0 1.2em 0 1.3em;font-size:12px;font-weight:500;display:inline-flex}.obh .nav-talk i{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite obh-pulse}@keyframes obh-pulse{50%{transform:scale(.45)}}.obh .nav-menu{height:42px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:0 1.1em;font-size:12px;display:none}.obh.obh--menu-open .nav-menu{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.obh .menu{z-index:49;background:var(--mint);color:var(--ink);padding:110px var(--gr) 40px var(--gl);clip-path:circle(0% at calc(100% - 52px) 40px);visibility:hidden;transition:clip-path .75s var(--ease),visibility 0s linear .75s;flex-direction:column;justify-content:center;gap:.4rem;display:flex;position:fixed;inset:0}.obh .menu.open{clip-path:circle(150% at calc(100% - 52px) 40px);visibility:visible;transition:clip-path .75s var(--ease),visibility 0s}.obh .menu a{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(2.3rem,11vw,4.2rem);font-weight:900;font-stretch:112%;line-height:1.02}.obh .menu .mono{margin-top:2rem}@media(max-width:940px){.obh .nav-links{display:none}.obh .nav-menu{align-items:center;display:inline-flex}.obh .nav-talk{margin-left:auto}}.obh .hero{min-height:100svh;padding-block:calc(120px + env(safe-area-inset-top,0px)) clamp(40px,5vw,72px);isolation:isolate;background:var(--ink);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.obh .hero-art{z-index:-2;transform:translate3d(var(--hx,0px),var(--hy,0px),0);position:absolute;inset:-5%}.obh .hero-art img{object-fit:cover;object-position:86% 42%;mix-blend-mode:lighten;width:100%;height:100%;animation:obh-trophyIn 1.8s var(--ease) var(--intro) both}@keyframes obh-trophyIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}.obh .hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,72%) var(--my,38%),#98dbb821,transparent 62%),linear-gradient(90deg,var(--ink) 0%,#121519d1 38%,#12151900 72%),linear-gradient(0deg,var(--ink) 0%,#12151900 40%);position:absolute;inset:0}.obh .hero-title{margin-bottom:clamp(30px,4vw,60px);font-size:clamp(2.7rem,6.5vw,6rem)}.obh .ln{margin:-.03em 0 -.05em;padding:.03em 0 .05em;display:block;overflow:hidden}.obh .ln>span{display:inline-block}.obh .hero .ln>span{animation:obh-rise 1.15s var(--ease) both;animation-delay:calc(var(--intro) + .1s + var(--d,0) * .12s)}@keyframes obh-rise{0%{transform:translateY(108%)rotate(3deg)}to{transform:none}}.obh .hero .ln-3{margin-top:clamp(.35em,.7vw,.6em);overflow:visible}.obh .hero-title .best{margin:0 .02em 0 -.02em;font-size:2.15em;line-height:.62;display:inline-block;position:relative}.obh .best svg{width:108%;height:.34em;position:absolute;bottom:-.42em;left:-4%;overflow:visible}.obh .best path{fill:none;stroke:var(--mint);stroke-width:5px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;animation:obh-draw 1s var(--ease) calc(var(--intro) + 1.2s) forwards}@keyframes obh-draw{to{stroke-dashoffset:0}}.obh .dot{background:var(--mint);vertical-align:baseline;transform-origin:50% 100%;width:.3em;height:.3em;animation:obh-bounce 1.25s cubic-bezier(.3,0,.3,1) calc(var(--intro) + .75s) both;border-radius:50%;margin-left:.05em;display:inline-block}@keyframes obh-bounce{0%{opacity:0;transform:translateY(-5em)scale(.85,1.15)}32%{opacity:1;transform:translateY(0)scale(1.35,.65)}48%{transform:translateY(-1.3em)scale(.92,1.08)}64%{transform:translateY(0)scale(1.18,.82)}76%{transform:translateY(-.45em)}88%{transform:translateY(0)scale(1.06,.94)}to{opacity:1;transform:none}}.obh .hero-foot{animation:obh-fadeUp 1s var(--ease) calc(var(--intro) + .85s) both;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem 3rem;display:grid}@keyframes obh-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.obh .hero-foot p{max-width:52ch;color:var(--fg-2);margin-bottom:1.8rem;font-size:clamp(1rem,1.2vw,1.18rem)}.obh .ctas{flex-wrap:wrap;gap:12px;display:flex}.obh .reel-badge{border-radius:50%;flex:none;place-items:center;width:158px;height:158px;display:grid;position:relative}.obh .reel-badge>svg{width:100%;height:100%;animation:16s linear infinite obh-spin;position:absolute;inset:0}.obh .reel-badge text{font-family:var(--mono);letter-spacing:.2em;fill:var(--fg);text-transform:uppercase;font-size:10.4px}.obh .reel-badge .play{background:var(--mint);width:66px;height:66px;color:var(--ink);transition:transform .5s var(--spring);border-radius:50%;place-items:center;display:grid}.obh .reel-badge:hover .play{transform:scale(1.2)}@keyframes obh-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.obh .hero{padding-top:calc(110px + env(safe-area-inset-top,0px))}.obh .hero-title{font-size:clamp(2.4rem,11.4vw,4rem)}.obh .hero-art img{object-position:72% 30%;opacity:.55}.obh .hero-foot{grid-template-columns:1fr}.obh .ctas{padding-right:124px}.obh .reel-badge{width:112px;height:112px;position:absolute;bottom:-4px;right:0}.obh .reel-badge .play{width:48px;height:48px}}.obh .ribbons{background:var(--ink);height:clamp(130px,15vw,220px);position:relative;overflow:hidden}.obh .ribbon{white-space:nowrap;transform:translateY(-50%) rotate(var(--r)) skew(var(--sk,0deg));padding:.75em 0;position:absolute;top:50%;left:-6%;right:-6%}.obh .r1{--r:-3deg;background:var(--mint);color:var(--ink);z-index:2}.obh .r2{--r:2.6deg;background:var(--ink-3);color:var(--fg)}.obh .ribbon .mq-group{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(1.15rem,2.3vw,2.1rem);font-weight:900;font-stretch:112%}.obh .ribbon .mq-group b{vertical-align:.04em;background:currentColor;border-radius:50%;width:.62em;height:.62em;margin-inline:.4em;display:inline-block}.obh .r2 .mq-group{color:#0000;-webkit-text-stroke:1.2px var(--fg)}.obh .r2 .mq-group b{background:var(--mint)}.obh .marquee{overflow:hidden}.obh .mq-track{will-change:transform;width:max-content;display:flex}.obh .mq-group{flex:none;align-items:center;gap:.5em;padding-right:.5em;display:flex}.obh .reel-head{grid-template-columns:minmax(0,1fr);margin-bottom:clamp(36px,5vw,64px);display:grid}.obh .reel-head .h2{max-width:16ch;margin:0}.obh .reel-frame{aspect-ratio:16/9;background:var(--ink-2);width:100%;max-width:100%;clip-path:inset(calc(7% * (1 - var(--p,0))) calc(var(--gr) + 9% * (1 - var(--p,0))) calc(7% * (1 - var(--p,0))) calc(var(--gl) + 9% * (1 - var(--p,0))) round calc(34px * (1 - var(--p,0)) + 4px));position:relative;overflow:hidden}.obh .reel-frame img,.obh .reel-frame iframe{object-fit:cover;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.obh .reel-frame img{filter:saturate(1.1);transform:scale(calc(1.15 - .15 * var(--p,0)))}.obh .reel-hit{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.obh .reel-play{aspect-ratio:1;background:var(--mint);width:clamp(96px,11vw,168px);color:var(--ink);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:transform .55s var(--spring);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:grid;box-shadow:0 20px 60px #00000059}.obh .reel-hit:hover .reel-play{transform:scale(1.12)}.obh.obh--cursor .reel-hit:hover .reel-play{transform:scale(.0001)}.obh .reel-cap{left:calc(var(--gl) + 9% * (1 - var(--p,0)) + 24px);bottom:calc(7% * (1 - var(--p,0)) + 22px);z-index:2;color:var(--fg);pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute}.obh .reel-cap i{background:var(--signal);border-radius:50%;width:9px;height:9px;animation:1.1s steps(2,end) infinite obh-blink}@keyframes obh-blink{50%{opacity:0}}.obh .work{padding-top:clamp(70px,9vw,140px)}.obh .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.4rem;display:flex}.obh .sec-head .tag{margin:0}.obh .work-list{border-top:1px solid var(--line)}.obh .work-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 10rem minmax(0,15rem) 3rem;align-items:center;gap:1.2rem;width:100%;padding:clamp(18px,2.2vw,30px) 0;transition:opacity .4s;display:grid;position:relative}.obh .work-client{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;transition:transform .55s var(--ease),color .3s;font-size:clamp(1.55rem,3.7vw,3.9rem);font-weight:850;font-stretch:108%;line-height:.98}.obh .work-kind,.obh .work-spot{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);font-size:12px}.obh .work-go{width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s,color .3s,transform .5s var(--spring),box-shadow .3s;border-radius:50%;justify-self:end;place-items:center;font-size:13px;display:grid}.obh .work-thumb{display:none}.obh .work-list:hover .work-row:not(:hover){opacity:.32}.obh .work-row:hover .work-client{color:var(--mint);transform:translate(clamp(10px,2vw,28px))}.obh .work-row:hover .work-go{background:var(--mint);color:var(--ink);box-shadow:none;transform:scale(1.12)}.obh .work-foot{margin-top:2rem}.obh .work-preview{z-index:40;pointer-events:none;aspect-ratio:16/9;width:clamp(260px,25vw,400px);position:fixed;top:0;left:0}.obh .work-preview-in{opacity:0;transition:transform .5s var(--ease),opacity .3s;border-radius:14px;margin:-28% 0 0 -50%;position:absolute;inset:0;overflow:hidden;transform:scale(.4);box-shadow:0 30px 80px #00000080}.obh .work-preview.on .work-preview-in{opacity:1;transform:scale(1)}.obh .work-preview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s,transform .7s var(--ease);position:absolute;inset:0;transform:scale(1.15)}.obh .work-preview img.on{opacity:1;transform:none}@media(hover:none),(max-width:820px){.obh .work-row{grid-template-columns:clamp(96px,26vw,160px) minmax(0,1fr) auto;grid-template-areas:"t c g""t m g";gap:.5rem 1rem}.obh .work-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:10px;grid-area:t;width:100%;display:block}.obh .work-client{grid-area:c;align-self:end;font-size:clamp(1.15rem,5vw,2rem)}.obh .work-kind{grid-area:m;align-self:start}.obh .work-spot{display:none}.obh .work-go{grid-area:g;width:40px;height:40px}.obh .work-list:hover .work-row:not(:hover){opacity:1}.obh .work-preview{display:none}}@property --m{syntax:"<percentage>";inherits:false;initial-value:130%}.obh .ky{background:var(--ink);padding-block:clamp(90px,12vw,190px) clamp(70px,9vw,140px);position:relative;overflow:hidden}.obh .ky-map{object-fit:cover;object-position:50% 78%;mix-blend-mode:lighten;opacity:.5;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--m) - 20%),transparent var(--m));mask-image:linear-gradient(90deg,#000 calc(var(--m) - 20%),transparent var(--m));transition:--m 2.6s var(--ease) .2s;position:absolute;inset:0}.obh.obh--js .ky:not(.in) .ky-map{--m:0%}.obh .ky .wrap{position:relative}.obh .ky-h{max-width:12ch;margin:0;font-size:clamp(2.6rem,7.4vw,8rem)}.obh .ky-h .rotator{clip-path:inset(0 -2em);height:1.16em;margin-top:.02em;font-size:1.14em;display:block;position:relative}.obh .ky-h .rotator em{white-space:nowrap;opacity:0;transform-origin:0 100%;transition:transform .85s var(--ease),opacity .45s;font-size:1em;line-height:1.08;position:absolute;top:0;left:0;transform:translateY(105%)rotate(5deg)}.obh .ky-h .rotator em.is-in{opacity:1;transform:none}.obh .ky-h .rotator em.is-out{opacity:0;transform:translateY(-105%)rotate(-5deg)}.obh .ky-mq{margin-top:clamp(40px,6vw,90px);position:relative}.obh .ky-mq .mq-group{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;gap:.3em;padding-right:.3em;font-size:clamp(3.2rem,11vw,12rem);font-weight:900;font-stretch:125%;line-height:1}.obh .ky-mq .o{color:#0000;-webkit-text-stroke:2px var(--fg)}.obh .ky-mq .mq-group b{background:var(--mint);border-radius:50%;flex:none;width:.6em;height:.6em;display:inline-block}.obh .camp-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,110px);display:grid}.obh .merge{aspect-ratio:1;width:100%;max-width:540px;transform:rotate(calc((1 - var(--e,0)) * -24deg));margin-inline:auto;position:relative}.obh .m-ball{aspect-ratio:1;width:47%;box-shadow:inset 0 0 0 1.5px var(--mint);background:rgba(152,219,184,calc(.1 + var(--e,0) * .1));mix-blend-mode:screen;transform:translate(-50%,-50%) translate(calc(var(--dx) * (1 - var(--e,0))),calc(var(--dy) * (1 - var(--e,0))));border-radius:50%;position:absolute;top:50%;left:50%}.obh .m-ball span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint);opacity:calc(1 - var(--e,0) * 1.6);transform:rotate(calc((1 - var(--e,0)) * 24deg));font-size:12px;position:absolute}.obh .m-video{--dx:0%;--dy:-46%}.obh .m-video span{top:22%;left:50%;translate:-50%}.obh .m-web{--dx:-44%;--dy:30%}.obh .m-web span{bottom:28%;left:16%}.obh .m-design{--dx:44%;--dy:30%}.obh .m-design span{bottom:28%;right:14%}.obh .m-one{aspect-ratio:1;background:var(--mint);width:54%;color:var(--ink);text-align:center;transform:translate(-50%,-50%) scale(calc(.25 + var(--k,0) * .75)) rotate(calc((1 - var(--e,0)) * 24deg));opacity:var(--k,0);font-family:var(--display);text-transform:uppercase;border-radius:50%;place-items:center;padding:12%;font-size:clamp(1rem,2.1vw,1.7rem);font-weight:900;font-stretch:112%;line-height:.95;display:grid;position:absolute;top:50%;left:50%}.obh .svc{border-top:1px solid var(--line);margin:clamp(56px,7vw,110px) 0 2.2rem}.obh .svc a{border-bottom:1px solid var(--line);isolation:isolate;transition:color .35s,padding .5s var(--ease);grid-template-columns:4.2rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(18px,2.3vw,30px) 0;display:grid;position:relative;overflow:hidden}.obh .svc a:before{content:"";z-index:-1;background:var(--mint);transform-origin:50% 100%;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.obh .svc a:hover{color:var(--ink);padding-left:clamp(12px,1.6vw,24px);padding-right:clamp(12px,1.6vw,24px)}.obh .svc a:hover:before{transform:scaleY(1)}.obh .svc .num{font-family:var(--mono);letter-spacing:.1em;color:var(--fg-2);font-size:13px;transition:color .3s}.obh .svc a:hover .num{color:var(--ink)}.obh .svc .name{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.35rem,3.5vw,3.4rem);font-weight:850;font-stretch:108%;line-height:1}.obh .svc .arr{transition:transform .5s var(--spring);font-size:clamp(1.3rem,2.4vw,2.3rem);line-height:1}.obh .svc a:hover .arr{transform:rotate(-45deg)}@media(max-width:860px){.obh .camp-grid{grid-template-columns:1fr}.obh .merge{max-width:min(400px,78vw)}}.obh .sites-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.obh .feat{border-top:1px solid var(--ink-line);margin:2.2rem 0 2.4rem}.obh .feat li{border-bottom:1px solid var(--ink-line);font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;align-items:center;gap:1rem;padding:1rem 0;font-size:clamp(1rem,1.35vw,1.25rem);font-weight:800;font-stretch:104%;display:flex}.obh .feat .plus{background:var(--ink);width:30px;height:30px;color:var(--mint);font-family:var(--mono);transition:transform .5s var(--spring),background-color .3s,color .3s;border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.obh .feat li:hover .plus{background:var(--mint);color:var(--ink);transform:rotate(135deg)scale(1.15)}.obh .browser-wrap{perspective:1500px}.obh .browser{background:var(--ink);transform:rotateX(calc(var(--t,1) * 18deg)) rotateY(calc(var(--t,1) * -16deg)) rotate(calc(var(--t,1) * 3deg)) scale(calc(1 - var(--t,1) * .06));transform-style:preserve-3d;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 90px -40px #12151999,0 0 0 1px #1215191f}.obh .b-bar{background:var(--ink-3);align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.obh .b-bar i{background:#f2f5f333;border-radius:50%;width:11px;height:11px}.obh .b-bar i:first-child{background:var(--signal)}.obh .b-url{max-width:280px;height:24px;font-family:var(--mono);color:var(--fg-2);background:#f2f5f312;border-radius:7px;flex:1;align-items:center;gap:6px;margin-left:12px;padding-left:10px;font-size:11px;display:flex}.obh .b-url:before{content:"";background:var(--mint);border-radius:50%;width:7px;height:7px}.obh .b-body{aspect-ratio:16/11;gap:clamp(12px,1.6vw,20px);padding:clamp(16px,2vw,26px);display:grid;position:relative}.obh .b-nav{align-items:center;gap:10px;display:flex}.obh .b-nav b{background:var(--mint);border-radius:50%;width:26px;height:26px}.obh .b-nav span{background:#f2f5f329;border-radius:4px;width:44px;height:7px}.obh .b-nav span:first-of-type{margin-left:auto}.obh .b-hero{align-content:start;gap:10px;display:grid}.obh .b-h1{background:var(--fg);border-radius:6px;width:86%;height:clamp(16px,2.2vw,28px)}.obh .b-h1.short{background:var(--mint);width:58%}.obh .b-p{background:#f2f5f32e;border-radius:4px;width:70%;height:8px;margin-top:6px}.obh .b-p.short{width:52%}.obh .b-cta{background:var(--mint);border-radius:999px;width:clamp(96px,11vw,150px);height:clamp(30px,3vw,40px);margin-top:10px;position:relative}.obh .b-cards{grid-template-columns:repeat(3,1fr);align-self:end;gap:10px;display:grid}.obh .b-cards div{aspect-ratio:4/3;background:var(--ink-3);border-radius:10px}.obh .b-cards div:nth-child(2){background:linear-gradient(135deg,var(--ink-3),#98dbb859)}.obh .b-ptr{z-index:3;width:22px;height:22px;position:absolute;top:0;left:0}.obh .b-ptr svg{filter:drop-shadow(0 4px 8px #0006);width:100%;height:100%}.obh .b-ring{border:2px solid var(--mint);opacity:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.obh.obh--js .browser .b-nav,.obh.obh--js .browser .b-h1,.obh.obh--js .browser .b-p,.obh.obh--js .browser .b-cta,.obh.obh--js .browser .b-cards div{opacity:0;transition:opacity .6s var(--ease),transform .7s var(--spring);transform:translateY(14px)}.obh.obh--js .browser.in .b-nav,.obh.obh--js .browser.in .b-h1,.obh.obh--js .browser.in .b-p,.obh.obh--js .browser.in .b-cta,.obh.obh--js .browser.in .b-cards div{opacity:1;transform:none}.obh .browser.in .b-h1{transition-delay:.15s}.obh .browser.in .b-h1.short{transition-delay:.25s}.obh .browser.in .b-p{transition-delay:.35s}.obh .browser.in .b-p.short{transition-delay:.42s}.obh .browser.in .b-cta{transition-delay:.5s}.obh .browser.in .b-cards div:first-child{transition-delay:.6s}.obh .browser.in .b-cards div:nth-child(2){transition-delay:.7s}.obh .browser.in .b-cards div:nth-child(3){transition-delay:.8s}.obh .browser.in .b-ptr{animation:obh-ptr 4.6s var(--ease) 1.2s infinite both}.obh .browser.in .b-ring{animation:4.6s ease-out 1.2s infinite both obh-ring}.obh .browser.in .b-cta{animation:4.6s 1.2s infinite obh-ctaPop}@keyframes obh-ptr{0%{opacity:0;transform:translate(78cqw,64cqh)}10%{opacity:1}42%{transform:translate(var(--cx),var(--cy))}48%{transform:translate(var(--cx),var(--cy)) scale(.8)}54%{transform:translate(var(--cx),var(--cy)) scale(1)}80%{transform:translate(var(--cx),var(--cy));opacity:1}to{opacity:0;transform:translate(78cqw,64cqh)}}@keyframes obh-ring{0%,46%{opacity:0;transform:translate(var(--rx),var(--ry)) scale(.3)}50%{opacity:1}70%,to{opacity:0;transform:translate(var(--rx),var(--ry)) scale(2.4)}}@keyframes obh-ctaPop{0%,46%,62%,to{transform:none}50%{transform:scale(.92)}55%{transform:scale(1.06)}}.obh .b-body{--cx:15cqw;--cy:47cqh;--rx:17cqw;--ry:49cqh;container-type:size}@media(max-width:860px){.obh .sites-grid{grid-template-columns:1fr}}.obh .vid-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(36px,5vw,70px);padding-bottom:1rem;display:flex}.obh .rec{align-items:center;gap:.7em;display:inline-flex}.obh .rec i{background:var(--signal);border-radius:50%;width:11px;height:11px;animation:1.1s steps(2,end) infinite obh-blink}.obh .tc{font-family:var(--mono);letter-spacing:.08em;color:var(--mint);font-variant-numeric:tabular-nums;font-size:clamp(13px,1.3vw,18px)}.obh .vid-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,90px);display:grid}.obh .vid-grid .h2{margin:0}.obh .pipe{--p:0;margin:clamp(48px,6vw,90px) 0 clamp(36px,4vw,56px);padding-top:26px;position:relative}.obh .pipe ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.obh .pipe-ruler{background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 2%);opacity:.9;height:14px;position:absolute;top:0;left:0;right:0}.obh .pipe li{gap:12px;min-width:0;display:grid;position:relative}.obh .clip{background:repeating-linear-gradient(90deg,#f2f5f312 0 3px,transparent 3px 7px),var(--ink-3);border-radius:10px;height:clamp(58px,7.5vw,104px);display:block;position:relative;overflow:hidden}.obh .clip:after{content:"";background:var(--mint);transform:scaleX(var(--f,0));transform-origin:0;position:absolute;inset:0}.obh .clip b{z-index:1;font-family:var(--mono);letter-spacing:.1em;color:var(--fg-2);font-size:11px;font-weight:400;transition:color .3s;position:absolute;bottom:8px;left:10px}.obh .pipe li.on .clip b{color:var(--ink)}.obh .pipe .step{font-family:var(--display);text-transform:uppercase;color:var(--fg-2);font-size:clamp(.6rem,1.7vw,1.5rem);font-weight:850;font-stretch:108%;line-height:1;transition:color .3s}.obh .pipe li.on .step{color:var(--fg)}.obh .playhead{top:0;bottom:calc(clamp(.6rem,1.7vw,1.5rem) + 12px);left:calc(var(--p) * 100%);background:var(--signal);z-index:2;pointer-events:none;width:2px;margin-left:-1px;position:absolute}.obh .playhead:before{content:"";background:var(--signal);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:14px;height:16px;margin-left:-7px;position:absolute;top:-2px;left:50%}@media(max-width:860px){.obh .vid-grid{grid-template-columns:1fr}}.obh .roof-text{font-family:var(--display);text-transform:uppercase;letter-spacing:-.012em;text-wrap:pretty;max-width:24ch;margin-bottom:clamp(36px,5vw,64px);font-size:clamp(1.85rem,4.7vw,5.2rem);font-weight:850;font-stretch:108%;line-height:1}.obh .roof-text .w{transition:opacity .25s linear}.obh .clients{padding-bottom:clamp(70px,8vw,120px)}.obh .clients .h2{margin-bottom:clamp(40px,5vw,72px)}.obh .logo-rows{gap:clamp(18px,2.4vw,34px);display:grid}.obh .logo-row .mq-group{gap:clamp(36px,5vw,80px);padding-right:clamp(36px,5vw,80px)}.obh .logo-row img{opacity:.62;width:auto;height:clamp(54px,6.2vw,92px);transition:opacity .3s,transform .5s var(--spring)}.obh .logo-row img:hover{opacity:1;transform:scale(1.08)}.obh .awards{background:var(--ink-2)}.obh .award-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:clamp(40px,5vw,72px);display:grid}.obh .award{background:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease),box-shadow .3s;border-radius:22px;flex-direction:column;gap:1.1rem;padding:clamp(20px,2vw,30px);display:flex;position:relative;overflow:hidden}.obh .award:after{content:"";pointer-events:none;background:radial-gradient(380px circle at var(--gx,50%) var(--gy,0%),#98dbb829,transparent 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.obh .award:hover{box-shadow:inset 0 0 0 1px #98dbb880}.obh .award:hover:after{opacity:1}.obh .award-top{color:var(--fg-2);justify-content:space-between;align-items:center;display:flex}.obh .award-logo{place-items:center;height:clamp(96px,9vw,130px);padding:8px;display:grid}.obh .award-logo img{object-fit:contain;width:auto;max-width:82%;max-height:clamp(78px,7.4vw,112px)}.obh .award h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;margin-top:auto;font-size:clamp(1.05rem,1.45vw,1.4rem);font-weight:850;font-stretch:106%;line-height:1.02}.obh .sticker{background:var(--mint);color:var(--ink);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:transform .5s var(--spring);border-radius:999px;align-self:flex-start;align-items:center;gap:.5em;padding:.55em .95em;font-size:12px;font-weight:500;display:inline-flex;transform:rotate(-4deg)}.obh .sticker i{font-style:normal;animation:6s linear infinite obh-spin;display:inline-block}.obh .award:hover .sticker{transform:rotate(3deg)scale(1.1)}@media(max-width:1000px){.obh .award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.obh .award-grid{grid-template-columns:1fr}}.obh .tool-head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:2rem clamp(32px,5vw,90px);margin-bottom:clamp(40px,5vw,72px);display:grid}.obh .tool-head .h2{margin:0}.obh .tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid}.obh .tool{background:var(--ink-2);min-height:clamp(220px,20vw,290px);box-shadow:inset 0 0 0 1px var(--line);isolation:isolate;border-radius:22px;flex-direction:column;gap:.9rem;padding:clamp(22px,2.2vw,32px);transition:color .35s 50ms;display:flex;position:relative;overflow:hidden}.obh .tool:before{content:"";left:var(--x,50%);top:var(--y,100%);background:var(--mint);width:40px;height:40px;transition:transform .65s var(--ease);z-index:-1;border-radius:50%;margin:-20px 0 0 -20px;position:absolute;transform:scale(0)}.obh .tool:hover:before{transform:scale(26)}.obh .tool:hover{color:var(--ink)}.obh .tool-top{color:var(--fg-2);justify-content:space-between;align-items:center;transition:color .35s;display:flex}.obh .tool:hover .tool-top{color:var(--ink)}.obh .tool-top .arr{transition:transform .5s var(--spring);font-size:1.4rem;line-height:1}.obh .tool:hover .arr{transform:rotate(-45deg)}.obh .tool h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin-top:auto;font-size:clamp(1.25rem,1.9vw,1.85rem);font-weight:850;font-stretch:106%;line-height:1}.obh .tool p{color:var(--fg-2);max-width:34ch;transition:color .35s}.obh .tool:hover p{color:var(--ink-2a)}@media(max-width:900px){.obh .tool-head{grid-template-columns:1fr}.obh .tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.obh .tools{grid-template-columns:1fr}.obh .tool{min-height:180px}}.obh .q{font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;max-width:19ch;font-size:clamp(2.1rem,5.4vw,5.6rem);line-height:1.02}.obh .q mark{color:inherit;background:linear-gradient(var(--mint),var(--mint)) 0 88%/0% 38% no-repeat;transition:background-size 1s var(--ease) 1s;padding:0 .04em}.obh .in .q mark,.obh .q.in mark{background-size:100% 38%}.obh.obh--js .q .w{opacity:0;transition:opacity .6s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i) * 28ms);display:inline-block;transform:translateY(.4em)rotate(2deg)}.obh.obh--js .q.in .w{opacity:1;transform:none}.obh .q-by{color:var(--ink-2a);align-items:center;gap:14px;margin-top:2.4rem;display:flex}.obh .q-by b{background:var(--mint);border-radius:50%;flex:none;width:44px;height:44px}.obh .cta{overflow:hidden}.obh .cta-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(32px,5vw,80px);display:grid}.obh .cta-h{margin-bottom:clamp(28px,4vw,52px);font-size:clamp(2.9rem,9.2vw,10.4rem)}.obh .cta-h em{font-size:1.45em;line-height:.7}.obh.obh--js .cta-h .ln>span{transition:transform 1.1s var(--ease);transform:translateY(108%)}.obh.obh--js .cta-h.in .ln>span{transform:none}.obh .cta-h .ln:nth-child(2)>span{transition-delay:.1s}.obh .cta-h .ln:nth-child(3)>span{transition-delay:.2s}.obh .cta p{max-width:50ch;color:var(--ink-2a);margin-bottom:2rem;font-size:clamp(1.05rem,1.3vw,1.25rem)}.obh .cta p strong{color:var(--ink);font-weight:600}.obh .big-ball{aspect-ratio:1;background:var(--ink);width:clamp(170px,18vw,250px);color:var(--mint);text-align:center;transition:transform .6s var(--spring);border-radius:50%;place-items:center;display:grid;position:relative}.obh .big-ball>svg{width:calc(100% - 20px);height:calc(100% - 20px);animation:18s linear infinite obh-spin;position:absolute;inset:10px}.obh .big-ball text{font-family:var(--mono);letter-spacing:.24em;fill:var(--mint);text-transform:uppercase;font-size:9.6px}.obh .big-ball span{transition:transform .5s var(--spring);font-size:clamp(2rem,3vw,2.8rem);line-height:1}.obh .big-ball:hover span{transform:rotate(-45deg)}.obh .cta-contacts{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}@media(max-width:760px){.obh .cta-grid{grid-template-columns:1fr}.obh .big-ball{justify-self:start}}.obh .foot{padding-block:clamp(70px,8vw,120px) calc(28px + env(safe-area-inset-bottom,0px));background:var(--ink)}.obh .foot-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:2.4rem;padding-bottom:clamp(48px,6vw,90px);display:grid}.obh .foot-grid p,.obh .foot-grid a{color:var(--fg-2);display:block}.obh .foot-grid a{overflow-wrap:anywhere;max-width:100%;transition:color .25s}.obh .foot-grid a:hover{color:var(--mint)}.obh .foot h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);margin-bottom:1rem;font-size:12px;font-weight:400}.obh .foot-brand p{max-width:34ch}.obh .foot-logo{width:clamp(150px,14vw,210px);height:auto;margin-bottom:1.4rem}.obh .foot-bottom{border-top:1px solid var(--line);color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;padding-top:1.4rem;display:flex}.obh .foot-bottom nav{flex-wrap:wrap;gap:.6rem 1.6rem;display:flex}.obh .foot-bottom a:hover{color:var(--mint)}@media(max-width:900px){.obh .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.obh .foot-brand{grid-column:1/-1}}@media(max-width:420px){.obh .foot-grid{grid-template-columns:1fr}}.obh .lb{z-index:80;padding:calc(70px + env(safe-area-inset-top,0px)) var(--gr) calc(40px + env(safe-area-inset-bottom,0px)) var(--gl);clip-path:circle(0px at var(--ox,50%) var(--oy,50%));transition:clip-path .7s var(--ease);background:#121519f0;place-items:center;display:grid;position:fixed;inset:0}.obh .lb.open{clip-path:circle(150vmax at var(--ox,50%) var(--oy,50%))}.obh .lb-box{gap:14px;width:min(1200px,100%);display:grid}.obh .lb-frame{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;max-width:100%;position:relative;overflow:hidden}.obh .lb-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.obh .lb-title{color:var(--fg-2)}.obh .lb-close{top:calc(18px + env(safe-area-inset-top,0px));right:var(--gr);background:var(--mint);height:44px;color:var(--ink);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:0 1.2em;font-size:12px;font-weight:500;position:absolute}.obh.obh--js [data-reveal]:not(.browser):not(.ky):not(.q):not(.cta-h){opacity:0;transition:opacity .9s var(--ease),translate 1.1s var(--ease);transition-delay:var(--rd,0s);translate:0 36px}.obh.obh--js [data-reveal].in:not(.browser):not(.ky):not(.q):not(.cta-h){opacity:1;translate:none}.obh .award[data-reveal].in{transition:opacity .9s var(--ease),translate 1.1s var(--ease),transform .5s var(--ease)!important}.obh .magnetic{transition:transform .6s var(--spring)}@media(prefers-reduced-motion:reduce){.obh *,.obh :before,.obh :after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.obh .intro,.obh .grain{display:none}.obh.obh--js [data-reveal]{opacity:1!important;translate:none!important}.obh.obh--js .q .w{opacity:1;transform:none}}.obh.obh--nointro{--intro:0s}