.hero{--hero-run:170vh;background:var(--bg);position:relative}.hero__track{position:relative}.hero[data-mode=live] .hero__track{height:calc(100svh + var(--hero-run))}.hero__stage{gap:var(--s-5) var(--s-6);min-height:min(100svh,60rem);padding:calc(var(--header-h) + 10px + var(--s-7)) max(var(--gutter), env(safe-area-inset-right,0px)) var(--s-6) max(var(--gutter), env(safe-area-inset-left,0px));max-width:calc(var(--container) + 2 * var(--gutter));grid-template:"copy scene"".scene"minmax(0,1fr)"panel scene"/minmax(0,5fr) minmax(0,7fr);margin-inline:auto;display:grid;position:relative;overflow:hidden}.hero[data-mode=live] .hero__stage{height:100svh;min-height:36rem;position:sticky;top:0}.hero__light{pointer-events:none;z-index:0;background:radial-gradient(42% 52% at 66% 46%, var(--stage-key), transparent 70%), radial-gradient(70% 24% at 64% 92%, var(--stage-rim), transparent 72%), linear-gradient(180deg, transparent 0 78%, var(--floor-line) 78% calc(78% + 1px), transparent calc(78% + 1px));position:absolute;inset:0}.hero__copy{z-index:2;gap:var(--s-4);grid-area:copy;align-content:start;display:grid;position:relative}.hero__title{font:700 clamp(2.4rem, .8rem + 3.5vw, 5rem)/.86 var(--font-display);letter-spacing:-.05em;text-transform:uppercase}.hero__title span{display:block}.hero__lead{color:var(--ink-2);max-width:32rem;font-size:1.0625rem;line-height:1.55}.hero__ctas{margin-top:var(--s-2)}.hero__quote{background:var(--bg)}.hero__skip{color:var(--ink-3);justify-self:start;padding-block:.4rem;font-size:.875rem}.hero__skip:hover{color:var(--ink)}.hero__scene{z-index:1;grid-area:scene;min-height:0;position:relative;container-type:size}.hero__camera{aspect-ratio:1600/1300;transform-origin:50%;will-change:transform;width:min(100cqw,123cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.hero__layer{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.hero__panel{z-index:3;padding:var(--s-5) var(--s-5) var(--s-4);grid-area:panel;align-self:end;gap:.45rem;max-width:30rem;display:grid;position:relative}.hero__count{color:var(--glass-ink-2);padding-left:1.3rem}.hero__count span{color:var(--ink)}.hero__step-title{font:600 1.375rem/1.15 var(--font-display);letter-spacing:-.015em}.hero__step-text{color:var(--ink-2);min-height:3.2em;font-size:.9375rem}.hero__controls{align-items:center;gap:var(--s-2);margin-top:var(--s-2);display:flex}.hero__arrow{border-color:var(--line-strong)}.hero__dots{flex:1;gap:4px;padding:0;list-style:none;display:flex}.hero__dots li{flex:1}.hero__dots button{cursor:pointer;width:100%;min-width:2rem;height:2.75rem;color:var(--ink-2);font:500 .75rem/1 var(--font-mono);background:0 0;border:0;grid-template-rows:1fr auto;place-items:center;gap:4px;padding:0;display:grid}.hero__dots button:after{content:"";background:var(--line-2);width:100%;height:3px;transition:background-color var(--t-fast) var(--ease);border-radius:2px}.hero__dots button[data-done=true]:after{background:var(--ink-3)}.hero__dots button[aria-current=step]{color:var(--ink)}.hero__dots button[aria-current=step]:after{background:var(--ink)}.hero__dots button:hover{color:var(--ink)}.hero__note{justify-content:space-between;align-items:center;gap:.25rem var(--s-3);color:var(--glass-ink-2);border-top:1px solid var(--line-2);padding-top:var(--s-2);margin-top:var(--s-1);flex-wrap:wrap;font-size:.75rem;display:flex}.hero__motion{color:var(--ink);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:.35rem 0;font-size:.75rem;text-decoration:underline}.hero__progress{background:var(--line);z-index:4;height:2px;position:absolute;bottom:0;left:0;right:0}.hero__progress i{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.hero:not([data-mode=live]) .hero__progress{display:none}@media (min-width:961px) and (max-height:820px){.hero__stage{padding-top:calc(var(--header-h) + 10px + var(--s-5));gap:var(--s-4) var(--s-6)}.hero__title{font-size:clamp(2.2rem,.6rem + 3vw,4rem)}.hero__lead{font-size:1rem}.hero__panel{padding:var(--s-4) var(--s-4) var(--s-3)}.hero__step-text{min-height:0}}@media (max-width:960px){.hero{--hero-run:130svh}.hero__stage{gap:var(--s-3);padding:calc(var(--header-h) + 10px + var(--s-4)) var(--gutter) var(--s-4);grid-template:"copy""scene"minmax(0,1fr)"panel"/minmax(0,1fr)}.hero:not([data-mode=live]) .hero__scene{height:58vw;min-height:14rem}.hero__copy{gap:var(--s-2)}.hero__copy .kicker{display:none}.hero__title{font-size:clamp(1.9rem,.8rem + 6vw,3.2rem)}.hero__title span{display:inline}.hero[data-mode=live] .hero__lead{display:none}.hero__lead{font-size:.9375rem}.hero__ctas{margin-top:var(--s-1);gap:var(--s-2);flex-wrap:nowrap}.hero__ctas .btn{flex:1 1 0;min-height:3rem;padding-inline:.75rem;font-size:.9375rem}.hero__skip{padding-block:.3rem}.hero__panel{max-width:none;padding:var(--s-3) var(--s-3) var(--s-2);gap:.25rem}.hero__count{font-size:.75rem}.hero__note{margin-top:0;padding-top:.3rem}.hero__step-title{font-size:1.125rem}.hero__step-text{min-height:0;font-size:.875rem}.hero__controls{margin-top:0}.hero__dots button{min-width:0}}@media (max-width:960px) and (max-height:760px){.hero__lead,.hero__step-text{display:none}.hero[data-mode=live] .hero__stage{min-height:0}}@media (max-width:380px){.hero__ctas .btn{padding-inline:.5rem;font-size:.875rem}}.after-hero:focus{outline:none}.cats__grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));padding:0;list-style:none;display:grid}.cats__grid li{display:grid}.cat{padding:var(--s-4) var(--s-4) var(--s-5);border:1px solid var(--line-2);border-radius:var(--r-panel);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);grid-template-rows:auto auto 1fr;gap:.2rem;text-decoration:none;display:grid}.cat:hover,.cat:focus-visible{background:var(--bg-2);border-color:var(--line-strong)}.cat img,.cat__blank{aspect-ratio:4/3;object-fit:contain;width:100%;margin-bottom:var(--s-2)}.cat__blank{border-radius:var(--r-control);background:radial-gradient(60% 60% at 50% 50%, var(--spot), transparent 75%), var(--bg-2);display:block}.cat__name{font:600 1.125rem/1.2 var(--font-display);letter-spacing:-.01em}.cat__count{color:var(--ink-3)}.cats__note{margin-top:var(--s-3);font-size:.8125rem}.uses{border-top:1px solid var(--line-2);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.use{gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-5) 0;align-content:start;display:grid}.use+.use{padding-left:var(--s-5);border-left:1px solid var(--line-2)}.use__title{font:700 clamp(1.5rem, 1rem + 1vw, 2rem)/1 var(--font-display);text-transform:uppercase;letter-spacing:-.03em}.use__link{align-items:center;gap:.4rem;padding-block:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.use__link svg{width:18px;height:18px;transition:translate var(--t-fast) var(--ease)}.use__link:hover svg{translate:4px}.builds__more{margin-top:var(--s-5)}.how__grid{gap:var(--s-7);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.how__steps{counter-reset:how;gap:var(--s-6);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.how__steps li{counter-increment:how;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--line-strong);align-content:start;display:grid}.how__steps li:before{content:counter(how, decimal-leading-zero);font:500 var(--t-mono)/1 var(--font-mono);color:var(--ink-3)}.how__steps h3{font-size:1.25rem}.brands{padding-block:var(--s-7);border-block:1px solid var(--line)}.brands__title{font:600 .875rem/1.3 var(--font-body);letter-spacing:0;color:var(--ink-3);margin-bottom:var(--s-4)}.brands__list{gap:var(--s-2) var(--s-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.brands__list a{font:700 clamp(1.25rem, 1rem + .8vw, 1.75rem)/1.3 var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--ink-2);text-decoration:none}.brands__list a:hover{color:var(--ink)}.enquire__panel{gap:var(--s-5);padding:var(--s-8) var(--s-7);border-radius:var(--r-glass);border:1px solid var(--line-2);background:radial-gradient(60% 90% at 85% 20%, var(--spot), transparent 70%), var(--bg-2);display:grid}.enquire .display{max-width:12ch}.contact__grid{gap:var(--s-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.contact__details{gap:var(--s-5);display:grid}.contact__details address{gap:var(--s-2) var(--s-5);grid-template-columns:max-content 1fr;align-items:baseline;font-style:normal;display:grid}.contact__value{font-size:1.125rem}.admin-hint{padding:var(--s-3) var(--s-4);border:1px dashed var(--line-strong);border-radius:var(--r-control);color:var(--ink-2);font-size:.875rem}@media (max-width:960px){.uses{grid-template-columns:1fr}.use,.use+.use{padding:var(--s-5) 0;border-left:0;border-bottom:1px solid var(--line-2)}.how__grid,.contact__grid{gap:var(--s-5);grid-template-columns:1fr}.how__steps{gap:var(--s-4);grid-template-columns:1fr}.enquire__panel{padding:var(--s-6) var(--s-5)}.cats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat{padding:var(--s-3) var(--s-3) var(--s-4)}.cat__name{font-size:1rem}}