:root{
  --black:#090909;--white:#f4f4f1;--paper:#efefeb;--red:#ff3026;--red-dark:#d91f18;--grey:#858580;--line:rgba(244,244,241,.16);--line-dark:rgba(9,9,9,.16);
  --display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--pad:clamp(22px,5.25vw,84px);--header-h:86px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open,body.is-loading{overflow:hidden}
::selection{background:var(--red);color:var(--white)}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img,svg,canvas{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.skip-link{position:fixed;top:12px;left:12px;z-index:10000;background:var(--red);color:white;padding:12px 16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.display{font-family:var(--display);font-size:clamp(3.8rem,9.2vw,9.5rem);font-weight:700;line-height:.86;letter-spacing:-.085em;margin:0;text-transform:uppercase}
.eyebrow,.section-index,.section-aside,.hero__meta,.hero__vertical-note,.visual-tag,.studio__caption,.services__foot,.fieldnote__label,.fieldnote__industries,.fieldnote__bottom,.work__foot,.roadmap__label,.process__foot,.contact__availability,.form-row label,.form-note,.footer__top,.footer__bottom,.back-top,.header__status,.menu-overlay__top,.menu-overlay__bottom,.loader__top,.loader__bottom{font-family:var(--mono);font-size:10px;line-height:1.4;letter-spacing:.07em}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:var(--grey)}.eyebrow__line{width:28px;height:1px;background:var(--red);display:inline-block;flex:0 0 auto}
.section-pad{padding:clamp(86px,12vw,176px) var(--pad)}
.section-top{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--grey)}.section-aside{text-align:right}
.accent-word{color:var(--red)}.outline-text{-webkit-text-stroke:1px var(--white);color:transparent}.outline-text--dark{-webkit-text-stroke:1px var(--black);color:transparent}
.red-period{color:var(--red)}
/* Loading transition */
.loader{position:fixed;inset:0;z-index:10001;background:var(--red);color:var(--black);padding:24px var(--pad);display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 0 0)}.loader__top,.loader__bottom{display:flex;justify-content:space-between;gap:20px}.loader__middle{display:flex;align-items:center;gap:14px}.brand-mark--loader{width:clamp(28px,4.5vw,55px);height:auto}.loader__wordmark{font-family:var(--display);font-size:clamp(2rem,5.5vw,5.5rem);font-weight:700;letter-spacing:-.095em;line-height:.9}.loader__wordmark span{font:500 11px var(--mono);letter-spacing:0;vertical-align:top;margin-left:5px}.loader__bar{position:absolute;bottom:0;left:0;width:100%;height:5px;background:rgba(9,9,9,.18)}.loader__bar span{display:block;height:100%;width:0;background:var(--black)}
.page-grain{position:fixed;inset:-50%;width:200%;height:200%;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}100%{transform:translate(-1%,-1%)}}
/* Brand / navigation */
.site-header{height:var(--header-h);position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid transparent;transition:height .35s var(--ease),background .35s,border-color .35s;color:var(--white)}.site-header.is-scrolled{height:70px;background:rgba(9,9,9,.82);backdrop-filter:blur(16px);border-color:var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1002}.brand-mark{display:block;width:32px;height:32px;flex:0 0 auto;object-fit:contain;background:#0a0a0a;border-radius:2px}.brand__name{font:700 20px/.9 var(--display);letter-spacing:-.085em}.brand__name span{font:400 8px var(--mono);vertical-align:top;letter-spacing:0;margin-left:3px}.header__status{display:flex;align-items:center;gap:9px;color:#a3a39e;margin-left:auto;margin-right:46px}.status-pulse{height:6px;width:6px;display:inline-block;flex:0 0 auto;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px rgba(255,48,38,.12);animation:pulse 2.1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(255,48,38,0)}}
.menu-toggle{position:relative;z-index:1002;border:0;background:transparent;display:flex;align-items:center;gap:14px;padding:12px 0 12px 12px;cursor:pointer;font:500 10px var(--mono);letter-spacing:.08em}.menu-toggle__icon{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;align-content:center;justify-items:center;gap:4px;transition:background .3s,border-color .3s}.menu-toggle__icon i{width:9px;height:1px;background:var(--white);display:block;transition:transform .35s var(--ease),width .35s}.menu-toggle:hover .menu-toggle__icon{background:var(--red);border-color:var(--red)}.menu-toggle[aria-expanded=true] .menu-toggle__icon{background:var(--red);border-color:var(--red)}.menu-toggle[aria-expanded=true] .menu-toggle__icon i:first-child{transform:translateY(2.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__icon i:last-child{transform:translateY(-2.5px) rotate(-45deg)}
.menu-overlay{position:fixed;z-index:1001;inset:0;background:var(--red);color:var(--black);padding:calc(var(--header-h) + 40px) var(--pad) 28px;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;clip-path:inset(0 0 100% 0);transition:visibility .7s}.menu-overlay.is-open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .8s var(--ease),visibility 0s}.menu-overlay__top,.menu-overlay__bottom{display:flex;justify-content:space-between;gap:20px}.menu-overlay__links{display:flex;flex-direction:column;max-width:1000px;width:100%;margin:auto 0;padding:4vh 0}.menu-overlay__links a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(9,9,9,.22);padding:8px 0 12px;overflow:hidden;font:600 clamp(2.9rem,7.7vw,7rem)/.98 var(--display);letter-spacing:-.08em;transition:padding .35s var(--ease),color .3s}.menu-overlay__links a:first-child{border-top:1px solid rgba(9,9,9,.22)}.menu-overlay__links a:hover{padding-left:18px;color:var(--white)}.menu-overlay__links em{font:400 11px var(--mono);letter-spacing:0;font-style:normal}.menu-overlay__links span{display:block;transform:translateY(120%);transition:transform .7s var(--ease)}.menu-overlay.is-open .menu-overlay__links span{transform:translateY(0)}.menu-overlay__links a:nth-child(2) span{transition-delay:.06s}.menu-overlay__links a:nth-child(3) span{transition-delay:.12s}.menu-overlay__links a:nth-child(4) span{transition-delay:.18s}.menu-overlay__links a:nth-child(5) span{transition-delay:.24s}
/* Hero */
.hero{min-height:max(790px,100svh);min-height:max(790px,100vh);position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--header-h) + 68px) var(--pad) 46px;display:flex;flex-direction:column;justify-content:space-between}.hero__grid,.fieldnote__grid{position:absolute;inset:0;z-index:-2;opacity:.23;background-image:linear-gradient(rgba(244,244,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(244,244,241,.06) 1px,transparent 1px);background-size:clamp(60px,8vw,120px) clamp(60px,8vw,120px);mask-image:linear-gradient(180deg,black 0%,transparent 83%)}.hero__meta{display:flex;justify-content:space-between;gap:24px;color:#7e7e79;position:relative;z-index:2}.hero__meta b{color:var(--red);font-weight:500}.hero__content{position:relative;z-index:3;margin:auto 0;width:min(100%,1100px);padding-top:3.5vh}.hero__eyebrow{margin-bottom:clamp(26px,4vw,52px)}.hero__title{position:relative;font-size:clamp(5.2rem,13.6vw,13.6rem);line-height:.77;letter-spacing:-.105em;max-width:1100px}.hero__title>span{display:block;overflow:hidden;padding-bottom:.07em}.hero__title>span:nth-child(2){padding-left:clamp(0px,7.2vw,105px)}.hero__last{white-space:nowrap}.hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(32px,5.2vw,72px);max-width:950px}.hero__statement{font-size:clamp(14px,1.35vw,18px);line-height:1.55;max-width:335px;margin:0;color:#b6b6b0}.round-link{display:flex;align-items:center;gap:12px;font:500 9px/1.5 var(--mono);letter-spacing:.06em}.round-link__arrow{height:51px;width:51px;border:1px solid rgba(244,244,241,.35);border-radius:50%;display:grid;place-items:center;font:24px var(--body);transition:background .3s,border-color .3s,color .3s,transform .4s var(--ease)}.round-link:hover .round-link__arrow{background:var(--red);border-color:var(--red);transform:rotate(45deg)}.hero__visual{position:absolute;top:12%;right:-1%;width:min(58vw,820px);height:78%;z-index:1;pointer-events:none;opacity:.95}.hero__visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 48%,transparent 20%,var(--black) 74%);opacity:.2}.hero__visual canvas{width:100%;height:100%;position:absolute;inset:0;z-index:2}.orb-fallback{position:absolute;width:54%;aspect-ratio:1;left:24%;top:21%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ff8b82 0, var(--red) 20%,#7f100d 52%,#160706 72%);box-shadow:inset -35px -25px 70px #050505,0 0 100px rgba(255,48,38,.16);filter:saturate(.9)}.orbit{position:absolute;border:1px solid rgba(255,48,38,.55);border-radius:50%;z-index:1;left:17%;top:18%;width:65%;height:65%;transform:rotate(-28deg) scaleY(.34)}.orbit--two{border-color:rgba(244,244,241,.22);transform:rotate(58deg) scaleY(.45) scaleX(1.2);width:80%;left:9%;top:9%}.visual-tag{position:absolute;z-index:4;display:flex;gap:15px;color:var(--red);font-size:9px}.visual-tag span{color:#989893}.visual-tag--top{top:11%;left:13%}.visual-tag--bottom{bottom:13%;right:10%;color:#b3b3ae}.visual-cross{position:absolute;z-index:4;color:var(--red);font-size:19px;font-family:var(--mono);font-weight:300}.visual-cross--one{top:35%;right:16%}.visual-cross--two{bottom:23%;left:9%}.hero__vertical-note{position:absolute;right:var(--pad);top:48%;writing-mode:vertical-rl;display:flex;align-items:center;gap:13px;color:#777771;font-size:9px}.hero__vertical-note span{height:47px;width:1px;background:var(--red)}
/* Moving ticker */
.ticker{background:var(--red);color:var(--black);overflow:hidden;white-space:nowrap;border-top:1px solid var(--red);border-bottom:1px solid var(--red);transform:rotate(-1.1deg) scale(1.02);position:relative;z-index:5;margin:6px 0 0}.ticker__track{display:flex;width:max-content;animation:tickerMove 31s linear infinite}.ticker__group{display:flex;align-items:center;gap:clamp(22px,3.7vw,58px);padding:15px clamp(22px,3.7vw,58px);font:600 clamp(11px,1.15vw,15px) var(--display);letter-spacing:-.03em}.ticker__group b{font-size:20px;font-weight:400;line-height:1}@keyframes tickerMove{to{transform:translateX(-50%)}}
/* Studio */
.studio{padding-top:clamp(100px,14vw,210px);padding-bottom:clamp(120px,17vw,245px)}.studio__layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:clamp(50px,10vw,160px);align-items:center;padding-top:clamp(58px,8vw,110px)}.studio__visual{position:relative;min-height:clamp(340px,42vw,580px);overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 52% 48%,#2c0a08 0, #111 42%,#090909 72%)}.studio__visual::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,48,38,.09) 50%,transparent 60%),repeating-linear-gradient(0deg,transparent 0 35px,rgba(244,244,241,.08) 36px)}.studio__stamp{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);height:clamp(180px,22vw,300px);width:clamp(180px,22vw,300px);border:1px solid rgba(255,48,38,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;z-index:2;box-shadow:0 0 80px rgba(255,48,38,.08)}.studio__stamp::before,.studio__stamp::after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,48,38,.45);border-radius:50%}.studio__stamp::after{inset:27px;border-style:dashed;border-color:rgba(244,244,241,.18);animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.studio__stamp>span:first-child{font:700 clamp(6rem,12vw,10rem)/.8 var(--display);letter-spacing:-.12em;color:var(--red)}.studio__stamp>span:nth-child(2){font:9px/1.5 var(--mono);letter-spacing:.1em;color:var(--white)}.stamp-dot{position:absolute;right:15%;top:16%;width:8px;height:8px;border-radius:50%;background:var(--red)}.studio__orbit{position:absolute;border:1px solid rgba(244,244,241,.18);border-radius:50%;width:130%;height:46%;left:-15%;top:28%;transform:rotate(-35deg)}.studio__orbit--b{transform:rotate(35deg);border-color:rgba(255,48,38,.38)}.studio__cross{position:absolute;right:10%;top:12%;font:28px var(--mono);color:var(--red)}.studio__caption{position:absolute;bottom:18px;left:20px;color:#989891}.studio__headline{font-size:clamp(3.7rem,7.9vw,8.4rem)}.studio__body{max-width:435px;margin:clamp(30px,4vw,52px) 0 0 auto;color:#b5b5af}.studio__body p{margin:0 0 17px;font-size:clamp(15px,1.2vw,17px);line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:28px;margin-top:22px;color:var(--white);font:500 10px var(--mono);letter-spacing:.04em;border-bottom:1px solid rgba(244,244,241,.38);padding-bottom:13px;transition:gap .3s,border-color .3s}.text-link span{font-size:17px;color:var(--red);transition:transform .3s}.text-link:hover{gap:38px;border-color:var(--red)}.text-link:hover span{transform:translate(3px,-3px)}
/* Services */
.services{background:#0d0d0d;padding-top:clamp(90px,11vw,160px);padding-bottom:clamp(90px,12vw,175px)}.services__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:clamp(60px,8vw,110px) 0 clamp(55px,7vw,88px)}.services__intro h2{font-size:clamp(4.7rem,11vw,11rem)}.services__intro p{max-width:270px;color:#a3a39e;margin:0 0 5px;line-height:1.65;font-size:14px}.service-list{border-top:1px solid var(--line)}.service-row{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) minmax(160px,.55fr) 45px;gap:clamp(14px,3vw,42px);align-items:center;padding:clamp(24px,3vw,43px) 0;border-bottom:1px solid var(--line);overflow:hidden;transition:padding .45s var(--ease)}.service-row::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease)}.service-row:hover{padding-left:16px;padding-right:10px}.service-row:hover::before,.service-row.is-active::before{transform:scaleX(1)}.service-row__num{font:10px var(--mono);color:var(--red);align-self:start;padding-top:8px}.service-row__main h3{font:600 clamp(1.4rem,3.1vw,3.5rem)/1 var(--display);letter-spacing:-.06em;margin:0 0 9px;transition:color .3s}.service-row:hover .service-row__main h3{color:var(--red)}.service-row__main p{font-size:13px;color:#9a9a94;margin:0;max-width:470px;line-height:1.55}.service-row__tag{align-self:start;padding-top:9px;font:10px var(--mono);letter-spacing:.03em;color:#81817c;text-align:right}.service-row__icon{height:40px;width:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .3s,transform .4s var(--ease),border-color .3s}.service-row:hover .service-row__icon{background:var(--red);border-color:var(--red);color:var(--black);transform:rotate(45deg)}.services__foot{display:flex;justify-content:space-between;gap:20px;color:#7d7d77;padding-top:23px}
/* Home service feature */
.fieldnote{position:relative;padding:clamp(90px,12vw,170px) var(--pad) 24px;overflow:hidden;background:var(--red);color:var(--black)}.fieldnote__grid{z-index:0;opacity:.17;background-image:linear-gradient(rgba(9,9,9,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(9,9,9,.28) 1px,transparent 1px);mask-image:linear-gradient(90deg,black,transparent)}.fieldnote__top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(9,9,9,.25)}.fieldnote__label{display:flex;align-items:center;gap:9px}.fieldnote__label .status-pulse{background:var(--black);box-shadow:0 0 0 4px rgba(9,9,9,.12)}.fieldnote__body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:clamp(40px,10vw,150px);padding:clamp(65px,10vw,145px) 0 clamp(75px,9vw,130px)}.fieldnote .eyebrow{color:rgba(9,9,9,.62)}.fieldnote .eyebrow__line{background:var(--black)}.fieldnote__main h2{font-size:clamp(4.8rem,11vw,11rem);line-height:.83}.fieldnote__outline{-webkit-text-stroke:1.3px var(--black);color:transparent}.fieldnote__red{color:var(--white)}.fieldnote__side{align-self:end;max-width:380px;padding-bottom:7px}.fieldnote__symbol{font-size:clamp(4rem,8vw,7rem);line-height:1;font-family:var(--display);font-weight:400;margin-bottom:28px}.fieldnote__side p{font-size:clamp(14px,1.2vw,16px);line-height:1.7;max-width:360px;margin:0 0 18px}.fieldnote__industries{display:flex;flex-wrap:wrap;gap:6px;margin-top:30px}.fieldnote__industries span{border:1px solid rgba(9,9,9,.45);border-radius:100px;padding:7px 11px;font-size:9px}.fieldnote__bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid rgba(9,9,9,.25)}
/* Projects: white contrast section */
.work{background:var(--paper);color:var(--black);padding-top:clamp(86px,11vw,155px);padding-bottom:clamp(95px,13vw,180px);color-scheme:light}.section-top--dark{border-color:var(--line-dark);color:#797974}.work__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:clamp(55px,8vw,112px) 0 clamp(45px,6vw,78px)}.work__heading h2{font-size:clamp(4.6rem,10.8vw,10.8rem)}.work__heading p{max-width:300px;margin:0 0 7px;color:#656560;font-size:14px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,3vw,44px) clamp(12px,2vw,28px)}.project-card{grid-column:span 6;min-width:0;cursor:pointer;position:relative}.project-card:nth-child(odd){transform:translateY(35px)}.project-card:nth-child(3n){grid-column:span 7}.project-card:nth-child(3n+2){grid-column:span 5}.project-card__art{position:relative;overflow:hidden;aspect-ratio:1.32;background:#deded8;color:var(--black);isolation:isolate}.project-card:nth-child(odd) .project-card__art{aspect-ratio:1.18}.project-card__art::after{content:"";position:absolute;inset:0;border:1px solid rgba(9,9,9,.12);z-index:8;pointer-events:none}.project-card__topline{position:absolute;top:16px;left:18px;right:18px;z-index:6;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.06em}.project-card__status{position:absolute;z-index:7;right:15px;bottom:15px;background:var(--red);color:var(--black);padding:8px 10px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.04em}.project-card__meta{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-top:18px}.project-card__meta h3{font:600 clamp(1.2rem,2vw,2rem)/1.02 var(--display);letter-spacing:-.06em;margin:0 0 8px}.project-card__meta p{font:10px var(--mono);color:#75756f;margin:0;text-transform:uppercase}.project-card__year{font:10px var(--mono);color:#777770;white-space:nowrap}.project-card__index{position:absolute;top:18px;right:18px;z-index:6;color:var(--black);font:10px var(--mono)}.work__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#777770;margin-top:clamp(70px,9vw,135px);padding-top:20px;border-top:1px solid var(--line-dark)}.text-link--dark{color:var(--black);border-color:var(--line-dark)}.text-link--dark span{color:var(--red)}
/* Bespoke CSS thumbnails */
.art-hvac{background:#191919;color:var(--white)}.art-hvac .art-surface{position:absolute;inset:0;padding:13% 8%;background:radial-gradient(ellipse at 85% 80%,#3a0b08 0,transparent 40%)}.art-logo{font:700 11px var(--display);letter-spacing:-.04em;position:absolute;top:11%;left:8%;z-index:2}.art-hvac .art-big{position:relative;z-index:2;font:700 clamp(2.2rem,6vw,6.5rem)/.83 var(--display);letter-spacing:-.09em;text-transform:uppercase;margin-top:18%}.art-hvac .art-big span{color:var(--red)}.art-cta{position:absolute;z-index:3;bottom:12%;left:8%;font:8px var(--mono);padding:10px 13px;background:var(--red);color:var(--black)}.art-orb{position:absolute;right:4%;bottom:4%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ff9a91 0,#ff3026 23%,#8d110d 55%,#171717 74%);box-shadow:0 0 40px #ff302626,inset -20px -15px 30px #000;opacity:.93}.art-roof{background:#d7d7d0}.art-roof .art-surface{position:absolute;inset:0;padding:13% 9%}.art-roof .roof-mark{width:42%;height:40%;position:absolute;right:8%;top:20%;transform:rotate(-8deg)}.art-roof .art-big{font:700 clamp(2.3rem,5.7vw,6rem)/.84 var(--display);letter-spacing:-.09em;position:relative;z-index:2;margin-top:23%}.art-roof .art-big em{font-style:normal;color:var(--red)}.art-roof .art-cta{background:var(--black);color:var(--white)}.art-ai{background:#f4f4f1}.art-ai .art-ui{position:absolute;inset:14% 9% 9%;border:1px solid #bcbcb5;background:#fff;padding:5%;box-shadow:13px 14px 0 rgba(9,9,9,.08)}.art-ui__nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;font:8px var(--mono)}.art-ui__pill{background:var(--red);padding:4px 7px}.art-ui__title{font:700 clamp(1.5rem,3.4vw,3.5rem)/.87 var(--display);letter-spacing:-.08em;margin:9% 0 6%}.art-ui__title span{color:var(--red)}.art-ui__line{height:5px;background:#e7e7e2;margin:6px 0;width:78%}.art-ui__line:nth-of-type(3){width:59%}.art-ui__button{width:65px;height:19px;background:var(--black);margin-top:12%}.art-dashboard{background:#181818;color:var(--white)}.art-dashboard .art-ui{position:absolute;inset:15% 9% 9%;border:1px solid #4a4a46;background:#101010;padding:5%}.art-dashboard .art-ui__nav{border-color:#444}.art-dashboard .art-ui__title{font-size:clamp(1.35rem,3vw,3rem);margin:8% 0 5%}.art-dashboard .art-ui__line{background:#363633}.art-dashboard .art-ui__line:nth-of-type(3){width:56%}.art-bars{display:flex;align-items:end;gap:5px;height:26%;margin-top:6%}.art-bars i{display:block;flex:1;background:var(--red);height:var(--h);opacity:.88}.art-identity{background:#e3e3dd;color:var(--black)}.art-identity .identity-word{position:absolute;inset:21% 8% auto;font:700 clamp(2.6rem,7vw,7rem)/.8 var(--display);letter-spacing:-.11em}.art-identity .identity-word span{color:var(--red)}.art-identity .identity-stamp{position:absolute;right:12%;bottom:12%;width:25%;aspect-ratio:1;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;font:700 clamp(1.4rem,3vw,3rem) var(--display);color:var(--red);transform:rotate(12deg)}.art-identity .identity-line{position:absolute;bottom:17%;left:8%;width:40%;height:1px;background:var(--black)}
/* Roadmap */
.roadmap{background:var(--black)}.roadmap__intro,.process__intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:clamp(55px,8vw,110px) 0 clamp(50px,7vw,90px)}.roadmap__intro h2,.process__intro h2{font-size:clamp(4.6rem,10vw,10rem)}.roadmap__intro p,.process__intro p{max-width:285px;font-size:14px;color:#a3a39e;line-height:1.7;margin:0 0 5px}.roadmap__columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px)}.roadmap-column__head{display:flex;align-items:center;gap:12px;padding:0 0 17px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.06em;color:#bcbcb6}.roadmap-column__head b{width:7px;height:7px;border-radius:50%;background:var(--red)}.roadmap-column__head--next b{background:transparent;border:1px solid var(--red)}.roadmap-item{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:14px}.roadmap-item__num{font:10px var(--mono);color:var(--red);padding-top:4px}.roadmap-item h3{font:600 clamp(1.15rem,2vw,1.7rem)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 8px}.roadmap-item p{font-size:13px;line-height:1.65;color:#92928c;margin:0;max-width:390px}.roadmap-item__tag{font:9px var(--mono);display:inline-block;color:#b0b0aa;border:1px solid var(--line);padding:5px 8px;margin-top:14px}
/* Process */
.process{background:#101010}.process-list{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:74px minmax(180px,.8fr) minmax(180px,1fr) 36px;gap:clamp(14px,3vw,40px);align-items:start;padding:clamp(24px,3.4vw,47px) 0;border-bottom:1px solid var(--line);position:relative}.process-step__num{font:10px var(--mono);color:var(--red);padding-top:9px}.process-step h3{font:600 clamp(1.6rem,3vw,3.2rem)/1 var(--display);letter-spacing:-.065em;margin:0}.process-step p{font-size:13px;line-height:1.65;color:#9c9c96;margin:5px 0 0;max-width:390px}.process-step__symbol{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--red);transition:transform .4s var(--ease),background .3s}.process-step:hover .process-step__symbol{transform:rotate(45deg);background:var(--red);color:var(--black)}.process__foot{display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#7e7e78}
/* Contact */
.contact{background:#efefeb;color:var(--black);padding-top:clamp(86px,11vw,155px);padding-bottom:clamp(90px,12vw,175px);color-scheme:light}.contact__top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-dark);padding-bottom:18px;color:#73736d}.contact__heading{padding:clamp(55px,8vw,110px) 0 clamp(48px,6vw,80px)}.contact .eyebrow{color:#70706a}.contact__heading h2{font-size:clamp(5rem,13vw,13rem);line-height:.79}.contact__heading h2>span{padding-left:clamp(0px,11vw,160px);display:block}.contact__layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1fr);gap:clamp(50px,11vw,170px)}.contact__left{max-width:330px}.contact__left>p{font-size:15px;line-height:1.7;color:#595953;margin:0 0 31px}.contact__owner{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0 0 24px}.contact__owner-label{font:500 9px/1.4 var(--mono);letter-spacing:.08em;color:#777770}.contact__owner strong{font:600 clamp(1.08rem,2vw,1.3rem)/1.2 var(--display);letter-spacing:-.04em;color:var(--black)}.contact__owner-role{font:500 9px/1.4 var(--mono);letter-spacing:.08em;color:#777770;text-transform:uppercase}.contact__email{display:inline-flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid #bcbcb4;font:500 clamp(1rem,2vw,1.45rem) var(--display);letter-spacing:-.04em}.contact__email span{color:var(--red);transition:transform .3s}.contact__email:hover span{transform:translate(3px,-3px)}.contact__availability{display:flex;align-items:center;gap:10px;margin-top:42px;color:#777770}.contact-form{width:100%;max-width:730px}.form-row{margin-bottom:27px}.form-row label{display:block;color:#6d6d67;margin-bottom:11px}.form-row label span{color:var(--red)}.form-row input,.form-row textarea{display:block;width:100%;padding:14px 0 15px;resize:vertical;border:0;border-bottom:1px solid #c7c7bf;background:transparent;border-radius:0;color:var(--black);outline:none;font-size:15px;transition:border-color .25s}.form-row input::placeholder,.form-row textarea::placeholder{color:#a6a69f}.form-row input:focus,.form-row textarea:focus{border-color:var(--red)}.form-row.is-invalid input,.form-row.is-invalid textarea{border-color:var(--red)}.field-error{display:block;min-height:0;color:#c21b15;font:10px var(--mono);margin-top:6px}.field-error:not(:empty){min-height:14px}.submit-button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--red);color:var(--black);padding:20px 22px;cursor:pointer;font:500 10px var(--mono);letter-spacing:.05em;transition:background .3s,color .3s}.submit-button:hover{background:var(--black);color:var(--white)}.submit-button__arrow{font-size:22px;line-height:1;transition:transform .3s}.submit-button:hover .submit-button__arrow{transform:translate(3px,-3px)}.form-note{color:#85857d;margin-top:14px;font-size:9px;line-height:1.7}
/* Footer */
.footer{padding:23px var(--pad) 24px;background:var(--black);color:var(--white)}.footer__top{display:flex;justify-content:space-between;gap:20px;color:#969690;padding-bottom:20px;border-bottom:1px solid var(--line)}.back-top{display:flex;align-items:center;gap:12px;transition:color .3s}.back-top span{font-size:15px;color:var(--red);transition:transform .3s}.back-top:hover{color:var(--red)}.back-top:hover span{transform:translateY(-4px)}.footer__wordmark{display:block;position:relative;font:700 clamp(4rem,17.4vw,19rem)/.77 var(--display);letter-spacing:-.12em;white-space:nowrap;padding:clamp(45px,7vw,95px) 0 clamp(40px,6vw,80px);overflow:hidden}.footer__registered{font:400 clamp(10px,1.1vw,15px) var(--mono);letter-spacing:0;vertical-align:top;margin-left:.2em}.footer__dot{display:inline-block;width:.105em;height:.105em;background:var(--red);margin-left:.025em;vertical-align:baseline}.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:17px;color:#85857f;font-size:9px}.footer__links{display:flex;gap:24px}.footer__links a{transition:color .3s}.footer__links a:hover{color:var(--red)}
/* Cursor and reveal utilities */
.cursor{position:fixed;z-index:11000;top:0;left:0;width:18px;height:18px;pointer-events:none;display:grid;place-items:center;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor__dot{position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;transition:width .3s var(--ease),height .3s var(--ease),opacity .3s}.cursor__label{font:500 9px var(--mono);letter-spacing:.02em;color:var(--white);opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s}.cursor.is-visible{opacity:1}.cursor.is-large .cursor__dot{width:54px;height:54px}.cursor.is-labelled .cursor__dot{width:62px;height:62px;background:var(--red);mix-blend-mode:normal}.cursor.is-labelled .cursor__label{opacity:1;transform:scale(1);color:var(--black)}.cursor.is-drag .cursor__dot{width:66px;height:66px}.reveal{will-change:transform,opacity}.js-ready .reveal{opacity:0;transform:translateY(28px)}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
/* Demo micro animation */
.project-card__art .art-surface,.project-card__art .art-ui{transition:transform .8s var(--ease)}.project-card:hover .art-surface,.project-card:hover .art-ui{transform:scale(1.035)}.project-card:hover .art-roof .roof-mark{transform:rotate(-3deg) scale(1.05)}.project-card__art .art-logo,.project-card__art .art-big,.project-card__art .art-cta,.project-card__art .art-orb{transition:transform .8s var(--ease)}.project-card:hover .art-orb{transform:translate(-7px,-9px) scale(1.04)}
/* Responsive refinements */
@media (min-width:1600px){:root{--pad:max(84px,calc((100vw - 1480px)/2))}.hero__title{font-size:clamp(12rem,13vw,15rem)}}
@media (max-width:900px){:root{--header-h:74px}.header__status{display:none}.hero{min-height:850px;padding-top:calc(var(--header-h) + 55px)}.hero__visual{width:75vw;right:-15%;top:19%;height:62%;opacity:.7}.hero__title{font-size:clamp(5.1rem,15vw,9.5rem)}.hero__vertical-note{display:none}.studio__layout{grid-template-columns:.8fr 1fr;gap:5vw}.studio__visual{min-height:400px}.service-row{grid-template-columns:40px minmax(0,1fr) 130px 36px}.service-row__main p{max-width:390px}.fieldnote__body{grid-template-columns:1fr .65fr;gap:5vw}.fieldnote__main h2{font-size:clamp(4.5rem,12vw,8rem)}.project-card:nth-child(3n),.project-card:nth-child(3n+2){grid-column:span 6}.project-card__meta h3{font-size:clamp(1.2rem,2.8vw,2rem)}.process-step{grid-template-columns:40px minmax(150px,.75fr) minmax(170px,1fr) 30px}}
@media (max-width:640px){:root{--header-h:68px;--pad:21px}.display{letter-spacing:-.08em}.section-top{align-items:flex-start}.section-aside{max-width:45%;font-size:8px}.site-header{padding:0 var(--pad)}.brand-mark{width:28px;height:28px}.brand__name{font-size:18px}.menu-toggle{gap:9px}.menu-overlay{padding-top:calc(var(--header-h) + 28px)}.menu-overlay__top,.menu-overlay__bottom{font-size:8px}.menu-overlay__links a{font-size:clamp(2.65rem,11vw,4.3rem)}.hero{min-height:780px;min-height:100svh;padding:calc(var(--header-h) + 38px) var(--pad) 28px}.hero__meta{font-size:8px}.hero__meta span:last-child{max-width:120px;text-align:right}.hero__visual{width:110vw;right:-42%;top:17%;height:54%;opacity:.48}.hero__visual::after{opacity:.6}.hero__content{padding-top:10vh;margin:auto 0 0}.hero__eyebrow{font-size:8px;margin-bottom:28px;max-width:265px}.hero__title{font-size:clamp(4.55rem,17.1vw,7.5rem);line-height:.81}.hero__title>span:nth-child(2){padding-left:0}.hero__last{white-space:normal}.hero__bottom{align-items:flex-end;margin-top:33px;gap:15px}.hero__statement{font-size:13px;max-width:235px}.round-link{gap:8px;font-size:8px}.round-link__arrow{height:43px;width:43px;font-size:20px}.round-link__text{display:none}.visual-tag--top{left:6%;top:10%;font-size:8px}.visual-tag--bottom{right:13%;bottom:13%;font-size:7px}.ticker__group{padding:13px 22px;gap:22px;font-size:11px}.ticker__group b{font-size:16px}.studio{padding-top:100px;padding-bottom:115px}.studio__layout{grid-template-columns:1fr;gap:50px;padding-top:55px}.studio__visual{min-height:330px;order:2}.studio__copy{order:1}.studio__headline{font-size:clamp(4rem,14vw,6.2rem)}.studio__body{margin:30px 0 0;max-width:400px}.studio__body p{font-size:14px}.studio__stamp{width:205px;height:205px}.studio__stamp>span:first-child{font-size:6.8rem}.services{padding-top:85px;padding-bottom:90px}.services__intro{display:block;padding:58px 0 48px}.services__intro h2{font-size:clamp(4.7rem,15vw,7rem)}.services__intro p{margin:25px 0 0;font-size:13px}.service-row{grid-template-columns:26px minmax(0,1fr) 32px;gap:12px;padding:25px 0}.service-row__num{font-size:9px;padding-top:5px}.service-row__main h3{font-size:clamp(1.4rem,5.3vw,2rem);line-height:1.05}.service-row__main p{font-size:12px;max-width:320px}.service-row__tag{display:none}.service-row__icon{width:30px;height:30px;font-size:17px}.service-row:hover{padding-left:5px;padding-right:0}.services__foot{font-size:8px}.fieldnote{padding-top:80px}.fieldnote__top{align-items:flex-start}.fieldnote__top .section-index{max-width:120px}.fieldnote__label{font-size:8px;max-width:170px;justify-content:flex-end}.fieldnote__body{grid-template-columns:1fr;gap:47px;padding:58px 0 65px}.fieldnote__main h2{font-size:clamp(4.7rem,15.8vw,7rem)}.fieldnote__side{max-width:420px;justify-self:end}.fieldnote__symbol{font-size:4.5rem;margin-bottom:14px}.fieldnote__side p{font-size:14px}.fieldnote__industries{margin-top:22px}.fieldnote__bottom{font-size:7px;flex-wrap:wrap;justify-content:flex-start;gap:9px 17px}.work{padding-top:84px;padding-bottom:95px}.work__heading{display:block;padding:58px 0 38px}.work__heading h2{font-size:clamp(4.2rem,13.6vw,6.7rem)}.work__heading p{margin:25px 0 0;max-width:340px;font-size:13px}.project-grid{display:grid;grid-template-columns:1fr;gap:38px}.project-card,.project-card:nth-child(odd),.project-card:nth-child(3n),.project-card:nth-child(3n+2){grid-column:1;transform:none}.project-card__art,.project-card:nth-child(odd) .project-card__art{aspect-ratio:1.2}.art-hvac .art-big{font-size:clamp(3rem,12vw,5.8rem)}.art-roof .art-big{font-size:clamp(3rem,11vw,5rem)}.art-ui__title{font-size:clamp(2rem,9vw,3.3rem)}.art-dashboard .art-ui__title{font-size:clamp(1.7rem,8vw,3rem)}.art-identity .identity-word{font-size:clamp(3.4rem,14vw,6rem)}.project-card__meta h3{font-size:1.45rem}.work__foot{align-items:flex-start;flex-direction:column;gap:2px;margin-top:55px;font-size:8px}.roadmap{padding-top:90px;padding-bottom:110px}.roadmap__intro,.process__intro{display:block;padding:58px 0 48px}.roadmap__intro h2,.process__intro h2{font-size:clamp(4.5rem,14.5vw,6.9rem)}.roadmap__intro p,.process__intro p{margin-top:24px;font-size:13px}.roadmap__columns{grid-template-columns:1fr;gap:45px}.roadmap-item h3{font-size:1.35rem}.process{padding-top:85px;padding-bottom:90px}.process-step{grid-template-columns:27px minmax(0,1fr) 31px;gap:12px;padding:25px 0}.process-step h3{font-size:1.55rem}.process-step p{grid-column:2/4;grid-row:2;margin-top:0;font-size:12px}.process-step__symbol{grid-column:3;grid-row:1;width:29px;height:29px}.process__foot{font-size:8px}.contact{padding-top:85px;padding-bottom:95px}.contact__top{align-items:flex-start}.contact__top .section-aside{max-width:47%}.contact__heading{padding:58px 0 45px}.contact__heading h2{font-size:clamp(4.7rem,15.7vw,7rem)}.contact__heading h2>span{padding-left:0}.contact__layout{grid-template-columns:1fr;gap:48px}.contact__left{max-width:390px}.contact__left>p{font-size:14px}.contact__availability{margin-top:27px}.form-row{margin-bottom:22px}.form-row input,.form-row textarea{font-size:14px}.submit-button{padding:18px}.footer{padding:22px var(--pad) 20px}.footer__top,.footer__bottom{font-size:8px}.footer__wordmark{font-size:17.2vw;padding:54px 0 45px}.footer__bottom{display:grid;grid-template-columns:1fr auto;gap:15px}.footer__bottom>span:last-child{grid-column:1/-1}.footer__links{gap:15px}.page-grain{opacity:.025}}
@media (max-width:380px){.hero__title{font-size:16.5vw}.hero__statement{max-width:200px}.hero__visual{right:-50%;opacity:.42}.section-aside{font-size:7px}.footer__wordmark{font-size:16.6vw}}
@media (hover:none),(pointer:coarse){.cursor{display:none}.project-card{cursor:pointer}.project-card__art .art-surface,.project-card__art .art-ui{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.page-grain{display:none}.cursor{display:none}.ticker__track{animation:none}.studio__stamp::after{animation:none}}

/* Portfolio artwork for Quadratic's real demo projects */
.art-dental{background:linear-gradient(145deg,#e7e0d3,#f8f4ec 60%,#d2e5dd);color:#143e3a;padding:clamp(18px,3vw,32px);}
.art-dental .art-big,.art-dental-alt .art-big,.art-learning .art-big{position:relative;z-index:2;font-size:clamp(1.8rem,3.5vw,3.3rem);line-height:.95;letter-spacing:-.07em;font-weight:800;margin-top:14%;}
.art-dental .art-big em,.art-dental-alt .art-big em,.art-learning .art-big em{font-style:normal;color:#b64c37;}
.dental-orb{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;right:-7%;top:13%;background:radial-gradient(circle at 35% 30%,#fff9ee,#b8d6c9 70%);box-shadow:inset -12px -18px 30px #8db4a4;opacity:.9;}
.art-dental .art-cta,.art-dental-alt .art-cta,.art-learning .art-cta{position:absolute;left:clamp(18px,3vw,32px);bottom:clamp(18px,3vw,32px);font-size:.65rem;letter-spacing:.1em;font-weight:800;z-index:3;}
.art-dental-alt{background:linear-gradient(145deg,#0e2a2b,#174e49);color:#f9f4e9;padding:clamp(18px,3vw,32px);}
.art-dental-alt .art-big{margin-top:17%;color:#f9f4e9;}
.dental-alt-tooth{position:absolute;right:8%;top:19%;font-size:clamp(5rem,10vw,9rem);color:#d9eee5;opacity:.9;text-shadow:0 18px 40px #071a1a;}
.art-learning{background:linear-gradient(140deg,#f6f0e5,#e3d9c8);color:#20251f;padding:clamp(18px,3vw,32px);}
.art-learning .art-big{margin-top:13%;}
.learning-chips{position:absolute;right:8%;top:22%;display:grid;gap:7px;z-index:2;}
.learning-chips i{font-style:normal;font-size:.53rem;font-weight:800;letter-spacing:.08em;border:1px solid #a9aa99;padding:7px 9px;border-radius:999px;background:#fff9ed;}