:root{--black:#000;--ink:#161616;--paper:#f9f9f9;--white:#fff;--muted:#8a8a8a;--panel:#1c1c1c;--line:#ffffff24;--heading:"Bebas Neue", "Rama Gothic M", "Oswald", Impact, sans-serif;--mono:"Space Mono", ui-monospace, Consolas, monospace;--page-max:1400px;--page-pad:3vw;font:14px/1.45 var(--mono);color:var(--white);background:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}a{color:inherit}button,input,textarea{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.container{width:100%;max-width:calc(var(--page-max) + var(--page-pad) * 2);padding:0 var(--page-pad);margin:0 auto}.section-title{font-family:var(--heading);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(3.5rem,6.5vw,7rem);font-weight:400;line-height:.9}.button{font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid;padding:1.1em 1.8em;font-size:.95rem;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.button--light{color:var(--white);text-transform:uppercase;font-size:.85rem}.button--light:hover{background:var(--white);color:var(--black)}.button--dark{color:var(--black)}.button--dark:hover:not(:disabled){background:var(--black);color:var(--white)}.button:disabled{opacity:.5;cursor:wait}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(1.5rem)}.reveal.is-visible{opacity:1;transform:none}.header{z-index:2;padding:1rem var(--page-pad);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.header__logo{font-family:var(--heading);letter-spacing:-.01em;text-transform:uppercase;grid-column:2;font-size:1.75rem;line-height:1;text-decoration:none}.header__actions{grid-column:3;justify-self:end;align-items:center;gap:2.5rem;display:flex}.header__link{text-transform:uppercase;font-size:.85rem;text-decoration:none}.header__link:hover{opacity:.7}.header__toggle{z-index:11;cursor:pointer;background:0 0;border:0;grid-column:3;justify-self:end;width:2.25rem;height:2.25rem;padding:0;transition:transform .3s;display:none;position:relative}.header__toggle:before,.header__toggle:after{content:"";background:var(--white);width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.header__toggle:after{transform:translateY(-50%)rotate(90deg)}.header__toggle.is-open{transform:rotate(45deg)}.menu{z-index:10;background:var(--black);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.menu.is-open{opacity:1;visibility:visible}.menu__link{font-family:var(--heading);text-transform:uppercase;font-size:3.5rem;line-height:1;text-decoration:none}.hero{background:linear-gradient(to bottom, var(--black) 0, var(--ink) 120vh);flex-direction:column;display:flex;position:relative}.hero__stage{align-items:center;display:flex}.marquee{width:100%;min-width:0;font-family:var(--heading);text-transform:uppercase;white-space:nowrap;font-size:min(38.5vw,37.5rem,40vh);font-weight:400;line-height:.85;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee__track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee__group{gap:.25em;padding-right:.25em;display:flex}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation-play-state:paused}.reveal{opacity:1;transition:none;transform:none}}.hero__intro{z-index:1;padding:0 var(--page-pad);flex-direction:column;align-items:center;gap:1.75rem;display:flex;position:sticky;top:9.5rem}.hero__tagline{text-align:center;max-width:min(36vw,39rem);font-size:1rem}.cta{border:1px solid var(--white);background:var(--white);color:var(--black);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.9em;padding:1.1em 1.5em 1.1em 1.75em;font-size:.95rem;text-decoration:none;display:inline-flex}.cta__label{height:1.2em;line-height:1.2;display:block;overflow:hidden}.cta__label>span{transition:transform .5s cubic-bezier(.7,0,.2,1);display:block;position:relative}.cta__label>span:after{content:attr(data-text);position:absolute;top:100%;left:0}.cta__arrow{width:1em;height:1em;display:block;overflow:hidden}.cta__arrow svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;width:100%;height:100%;display:block}.cta:focus-visible{outline:2px solid var(--white);outline-offset:5px}@media (hover:hover){.cta:hover .cta__label>span{transform:translateY(-100%)}.cta:hover .cta__arrow svg{animation:.55s cubic-bezier(.7,0,.2,1) arrow-swap}}@keyframes arrow-swap{45%{transform:translate(110%)}46%{transform:translate(-110%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.cta__label>span{transition:none}.cta:hover .cta__arrow svg{animation:none}}.hero__image{width:100%;height:auto;margin-top:clamp(1.5rem,3vw,4rem);position:relative}.services{background:var(--ink);padding:clamp(5rem,9vw,9rem) 0 clamp(5rem,8vw,8rem)}.services__list{border-top:1px solid var(--line);margin-top:clamp(3rem,7vw,7rem)}.service{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding-block:clamp(3rem,6vw,6rem);display:grid}.service--flip .service__art{order:2}.service__art{aspect-ratio:4/3;border:1px solid var(--line);background-color:var(--panel);background-image:radial-gradient(#ffffff14 1px,#0000 1.5px);background-position:50%;background-size:18px 18px;place-items:center;padding:6%;display:grid}.service__number{font-family:var(--heading);color:#0000;-webkit-text-stroke:1px #ffffff73;font-size:clamp(3rem,6vw,6rem);line-height:.8;display:block}.service:hover .service__number{color:var(--white)}.service.reveal{opacity:1;transform:none}.service .service__art,.service__body>*{opacity:0;transition:opacity .8s ease var(--stage,0s), transform .8s ease var(--stage,0s), color .4s ease;transform:translateY(1.25rem)}.service__number{--stage:.5s}.service__title{--stage:.65s}.service__text{--stage:.8s}.service.is-visible .service__art,.service.is-visible .service__body>*{opacity:1;transform:none}.service__title{font-family:var(--heading);text-transform:uppercase;margin:.15em 0 .35em;font-size:clamp(4rem,9vw,9rem);font-weight:400;line-height:.85}.service__text{max-width:32rem;font-size:.95rem;line-height:1.5}.art{fill:none;width:100%;height:auto;stroke:var(--white);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.art .muted{stroke:#5e5e5e}.art .draw{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s cubic-bezier(.6, 0, .2, 1) var(--d,0s)}.is-visible .art .draw{stroke-dashoffset:0}.art .late{opacity:0;transition:opacity .6s 1.8s}.is-visible .art .late{opacity:1}.art__label{fill:var(--white);stroke:none;font-family:var(--mono);font-size:18px}.art__label--sm{letter-spacing:.08em;text-anchor:middle;font-size:9px}.art__screen{fill:var(--panel);stroke:none}.art .flow{stroke-dasharray:3 7}.art [class*=loop-]{transform-box:fill-box;transform-origin:50%}.art .loop-ping,.art .loop-tap,.art .loop-click{vector-effect:non-scaling-stroke}.is-visible .loop-bar{transform-origin:50% 100%;animation:bar-breathe 3.2s ease-in-out calc(2s + var(--l,0s)) infinite}.is-visible .loop-ping{animation:2.4s ease-out 2.2s infinite ping}.is-visible .loop-tap{animation:2.4s ease-out 3.4s infinite both button-pulse}.is-visible .loop-flow{animation:.8s linear 2s infinite flow}.is-visible .loop-skeleton{fill:var(--white);fill-opacity:0;animation:skeleton 2.4s ease-in-out calc(2s + var(--l,0s)) infinite}.is-visible .loop-cursor{fill:var(--white);stroke:var(--panel);stroke-width:1.5px;transform-origin:0 0;animation:3.6s ease-in-out 2s infinite both cursor-click}.is-visible .loop-click{animation:3.6s ease-out 2s infinite both click-ring}.is-visible .loop-play{animation:2.4s ease-in-out 2s infinite play-pulse}.is-visible .loop-progress{stroke-width:3px;transform-origin:0;animation:4s linear 2s infinite progress}.is-visible .loop-twinkle{animation:twinkle 2.8s ease-in-out calc(2s + var(--l,0s)) infinite}@keyframes bar-breathe{50%{transform:scaleY(.8)}}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes button-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.6)}}@keyframes flow{to{stroke-dashoffset:-10px}}@keyframes skeleton{50%{fill-opacity:.14}}@keyframes cursor-click{0%,to{transform:translate(46px,34px)}40%,62%{transform:translate(0)}50%{transform:translate(0)scale(.85)}}@keyframes click-ring{0%,48%{opacity:0;transform:scale(.4)}52%{opacity:.9;transform:scale(.6)}80%,to{opacity:0;transform:scale(2)}}@keyframes play-pulse{50%{transform:scale(1.12)}}@keyframes progress{0%{transform:scaleX(0)}90%,to{transform:scaleX(1)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.art .draw{stroke-dashoffset:0;transition:none}.art .late{opacity:1;transition:none}.art [class*=loop-]{animation:none!important}.art .loop-ping,.art .loop-tap,.art .loop-click{display:none}.service .service__art,.service__body>*{opacity:1;transition:none;transform:none}}.contact{background:var(--paper);color:var(--black);padding:clamp(5rem,8vw,8rem) 0 clamp(8rem,30vw,28rem)}.form{gap:1.75rem;max-width:55rem;margin:3.5rem auto 0;display:grid}.field{border:0;gap:.35rem;min-width:0;margin:0;padding:0;display:grid}.field__label{margin-bottom:.4rem;padding:0;font-size:1rem}.field__required{color:var(--muted);margin-left:.25em;font-size:.65rem}.field input,.field textarea{width:100%;color:var(--black);background:0 0;border:1px solid #333;border-radius:0;padding:.5rem .75rem;font-size:16px}.field textarea{resize:vertical;min-height:7rem}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--black);outline-offset:1px}.form .button{justify-self:start}.form__honeypot{display:none}.form__message{max-width:55rem;margin:3.5rem auto 0;font-size:1rem}.form__error{color:#b00020;font-size:.85rem}.footer{background:var(--black);padding:3rem 0 3.5rem;font-size:1.35rem}@media (width<=800px){:root{--page-pad:5.5vw}.header{padding-top:1.75rem}.header__actions{display:none}.header__toggle{display:block}.hero>.header{order:-2}.hero__intro{order:-1;gap:1.5rem;margin-top:3.5rem;position:static}.hero__tagline{max-width:calc(25rem - var(--page-pad) * 2);font-size:1.05rem}.cta{font-size:.9rem}.hero__stage{min-height:0;padding:3.5rem 0 0}.marquee{font-size:70vw}.marquee__track{animation-duration:25s}.hero__image{object-fit:cover;height:82vw;margin-top:-24vw}.service{grid-template-columns:1fr;gap:1.75rem;padding-block:3rem}.service--flip .service__art{order:0}.service__title{font-size:22vw}.section-title{font-size:15vw}.contact{padding-top:3.5rem}.form{gap:1.6rem;margin-top:1.25rem}.field__label{font-size:1.05rem}.field__required{font-size:.95rem}.field input{padding-block:.6rem}.form .button{padding:1.4em 2.1em;font-size:1.05rem}}@media (width>=801px){.header{padding-block:clamp(.5rem,1.2vw,1.25rem)}.header__actions{gap:2.25rem}.header__link,.header__actions .button{font-size:1rem}.header__actions .button{padding:1.4em 2em}.marquee{margin:.41em 0 .22em}.marquee__group{gap:.2em;padding-right:.5em}.services__list{margin-top:clamp(2.5rem,5vw,5rem)}.service{--art-w:min(46%, 38vh * 4 / 3, 40rem);grid-template-columns:minmax(0, var(--art-w)) minmax(0, 32rem);justify-content:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(2.5rem,7vh,4.5rem)}.service--flip{grid-template-columns:minmax(0, 32rem) minmax(0, var(--art-w))}.service__number{font-size:clamp(2.5rem,min(4.5vw,7vh),4.5rem)}.service__title{margin-bottom:.22em;font-size:clamp(3.5rem,min(7vw,12vh),7.5rem)}.service__text{font-size:1.05rem;line-height:1.6}}@media (width>=801px) and (hover:hover){.service .service__art{transition:opacity .8s,transform .8s,border-color .4s}.service__art .art{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.service:hover .service__art{border-color:#fff6}.service:hover .service__art .art{transform:translateY(-6px)scale(1.03)}}
