:root{--accent:#FCFCFB}
html{scroll-behavior:smooth}
body{margin:0;background:#141414;color:#FCFCFB;font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;caret-color:var(--accent,#FCFCFB)}
::selection{background:#3A3A37;color:#FCFCFB}
a{color:var(--accent,#FCFCFB);text-underline-offset:3px;text-decoration-thickness:1px}
.link{transition:color .2s ease}.link:hover{color:#FCFCFB}
h1,h2,h3{text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}
:focus-visible{outline:2px solid var(--accent,#FCFCFB);outline-offset:3px}
section[id]{scroll-margin-top:88px}
.t-display{font-size:clamp(2.5rem,4.9vw,4.1rem);line-height:1.02;font-weight:700;letter-spacing:-0.035em}
.t-h2{font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.08;font-weight:700;letter-spacing:-0.03em}
.t-h3{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-0.015em}
.t-h3-lg{font-size:clamp(1.75rem,2.6vw,2.125rem);line-height:1.12;font-weight:700;letter-spacing:-0.025em}
.t-lead{font-size:19px;line-height:1.55;color:#B9B5AD;max-width:40ch}
.t-body{font-size:16px;line-height:1.6;color:#B9B5AD;max-width:65ch}
.t-meta{font-size:14px;line-height:1.45;font-weight:500;color:#B9B5AD}
.t-label{font-size:15px;line-height:1.4;font-weight:600;color:#FCFCFB}
.t-num{font-variant-numeric:tabular-nums}
.skip{position:absolute;left:-9999px;top:12px;z-index:20;padding:12px 16px;background:#FCFCFB;color:#141414;border-radius:8px;text-decoration:none;font-weight:600}
.skip:focus{left:16px}
.btn{transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s ease,background-color .2s ease,border-color .2s ease}
.btn:hover{filter:brightness(.92)}
.btn:active{transform:scale(.98)}
.btn:disabled{cursor:progress;filter:saturate(.6) brightness(1.05);transform:none}
.field{border:1px solid #6B6862;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.field:hover{border-color:#8A867E}
.field:focus{outline:none;border-color:var(--accent,#FCFCFB);background: #1C1C1B;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#FCFCFB) 20%,transparent)}
.field-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:46px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 256 256'%3E%3Cpath fill='%23B9B5AD' d='M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 16px center !important;background-size:16px 16px !important}.field-select option{background:#1C1C1B;color:#FCFCFB}@supports (appearance: base-select){select.field-select,select.field-select::picker(select){appearance:base-select}select.field-select{display:flex;align-items:center}select.field-select::picker-icon{display:none}select.field-select:open{border-color:#FCFCFB}select.field-select::picker(select){margin-top:6px;padding:6px;border:1px solid #3A3A37;border-radius:10px;background:#1C1C1B;color:#FCFCFB;box-shadow:0 28px 56px -16px rgba(0,0,0,.7);opacity:0;translate:0 -4px;transition:opacity .16s ease,translate .2s cubic-bezier(.16,1,.3,1),overlay .2s allow-discrete,display .2s allow-discrete}select.field-select:open::picker(select){opacity:1;translate:0 0}@starting-style{select.field-select:open::picker(select){opacity:0;translate:0 -4px}}select.field-select option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:6px;font-size:15px;font-weight:500;color:#B9B5AD;background:transparent;cursor:pointer;transition:background-color .12s ease,color .12s ease}select.field-select option:hover,select.field-select option:focus-visible{background:#2A2A28;color:#FCFCFB;outline:none}select.field-select option:checked{color:#FCFCFB;font-weight:600}select.field-select option::checkmark{order:1;margin-left:auto;color:#FCFCFB}}
.field:user-invalid{border-color:#F87171;box-shadow:0 0 0 3px rgba(248,113,113,.15)}
.textlink{display:inline-flex;align-items:center;gap:6px;height:50px;color:#FCFCFB;font-size:16px;font-weight:600;text-decoration:underline;text-decoration-color:#4A4A47;text-decoration-thickness:1px;text-underline-offset:6px;transition:text-decoration-color .2s ease}.textlink:hover{text-decoration-color:#FCFCFB}.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 56px;align-items:center}.feature-text{display:flex;flex-direction:column;gap:18px;min-width:0}.feature-text .feature-facts{padding-top:6px}.feature-text .textlink{height:auto;padding-top:4px;font-size:15px;align-self:flex-start}.feature-shot{margin:0;min-width:0;border-radius:18px;overflow:hidden;border:1px solid rgba(252,252,251,.1);box-shadow:0 48px 96px -48px rgba(0,0,0,.9),0 0 0 6px rgba(252,252,251,.03)}.feature-shot img{display:block;width:100%;height:auto}.feature-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}.work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px}.work article,.svc{display:flex;flex-direction:column;gap:10px;min-width:0}.svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}.tech{font-size:14px;line-height:1.45;color:#8A867E;padding-top:4px}@media (max-width: 860px){.feature,.work,.svcs{grid-template-columns:minmax(0,1fr)}.feature-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px}.work,.svcs{gap:40px}}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.span2{grid-column:span 2}
.cvgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:56px}
.cvrow{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 24px}
.skillgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"panel graph" "list graph";gap:24px 40px;align-items:start}
.sg-panel{grid-area:panel}.sg-list{grid-area:list}.graphwrap{grid-area:graph}
.projlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px}
.hint-mobile{display:none}
@media (max-width: 860px){.bento,.cvgrid,.cvrow,.skillgrid{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}.skillgrid{grid-template-areas:"graph" "list" "panel";gap:16px}.projlist{display:flex;overflow-x:auto;margin:0 -24px;padding:2px 24px 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}.projlist::-webkit-scrollbar{display:none}.projlist .projbtn{flex:none;width:auto;min-height:44px;justify-content:center;white-space:nowrap}.projcount{display:none}.hint-mobile{display:block}}
.hdr{position:sticky;top:0;z-index:10;background:#141414;transition:background-color .25s ease}
.hdr.is-scrolled{background:transparent}.hdr.is-open{background:#141414;transition:none}
.hdrin{--fr:22px;position:relative;width:min(1104px,calc(100% - 48px));margin:0 auto;padding:0 11px 0 28px;box-sizing:border-box;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
/* Po scrollu: sklenena zalozka visici z horni hrany, napojena oblym vyrezem jako karty */
.hdr-glass{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease}
.hdr.is-scrolled .hdr-glass{opacity:1}
.hdr-bg,.hdr-fl{position:absolute;background:rgba(20,20,20,.94)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hdr-bg,.hdr-fl{background:rgba(20,20,20,.62);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}}
.hdr-bg{inset:0;border-radius:0 0 26px 26px;box-shadow:inset 0 -1px 0 rgba(252,252,251,.06)}
.hdr-fl{top:0;width:var(--fr);height:var(--fr)}
.hdr-fl.l{left:calc(var(--fr) * -1);clip-path:path('M0,0 H22 V22 A22,22 0 0 0 0,0 Z')}
.hdr-fl.r{right:calc(var(--fr) * -1);clip-path:path('M22,0 H0 V22 A22,22 0 0 1 22,0 Z')}
.pill.hdr-cta{height:46px;padding:0 6px 0 20px;transition:background-color .2s ease}.pill.hdr-cta:hover{background:#E8E6E1}
.pill.hdr-cta span{width:34px;height:34px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.pill.hdr-cta:hover span{transform:rotate(45deg)}
.brand{justify-self:start;display:flex;align-items:center;gap:12px;color:#FCFCFB;text-decoration:none;white-space:nowrap}
.brand-name{font-size:16px;font-weight:600;letter-spacing:-0.01em}
.brand-sub{font-size:14px;color:#B9B5AD;padding-left:12px;border-left:1px solid #3A3A37}
.navlinks{display:flex;align-items:center;gap:2px}
.navlink{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;color:#B9B5AD;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s ease}
.navlink svg{flex:none;color:#6B6862;transition:color .2s ease}
.navlink:hover,.navlink:hover svg,.navlink.is-active,.navlink.is-active svg{color:#FCFCFB}
.navlink::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1.5px;background:#FCFCFB;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.navlink.is-active::after{transform:scaleX(1)}
.hdr-end{justify-self:end;display:flex;align-items:center;gap:8px}
.langsw{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:6px;color:#B9B5AD;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.02em;transition:color .2s ease,background-color .2s ease}.langsw:hover{color:#FCFCFB;background:rgba(252,252,251,.06)}
.ctabtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:6px;background:var(--accent,#FCFCFB);color:#141414;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap;transition:background-color .2s ease}
.ctabtn:hover{background:#E8E6E1}
.ctabtn svg,.arrowlink svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}
.ctabtn:hover svg,.arrowlink:hover svg{transform:translateX(3px)}
.menubtn{display:none;position:relative;width:46px;height:46px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(252,252,251,.16);border-radius:999px;background:transparent;color:#FCFCFB;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.menubtn:hover{border-color:rgba(252,252,251,.4)}.menubtn[aria-expanded="true"]{background:#FCFCFB;border-color:#FCFCFB;color:#141414}
.mb-ico{position:relative;width:16px;height:8px}
.mb-ico i{position:absolute;left:0;width:16px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1)}
.mb-ico i:first-child{top:0}.mb-ico i:last-child{bottom:0;width:10px}
.menubtn[aria-expanded="true"] .mb-ico i:first-child{transform:translateY(3.25px) rotate(45deg)}.menubtn[aria-expanded="true"] .mb-ico i:last-child{width:16px;transform:translateY(-3.25px) rotate(-45deg)}
.mobilepanel{display:none;flex-direction:column;padding:4px 24px 20px;border-top:1px solid #2A2A28;background:#141414}
.mlink{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #2A2A28;color:#FCFCFB;text-decoration:none;font-size:17px;font-weight:500}
.mlink svg{flex:none;color:#6B6862}
.mlink.is-active{font-weight:600}.mlink.is-active svg{color:#FCFCFB}
@media (max-width: 1100px){.brand-sub{display:none}}
@media (max-width: 600px){.hdrin{--fr:12px;width:calc(100% - 24px);padding:0 8px 0 16px;gap:8px}.hdr-bg{border-radius:0 0 20px 20px}.hdr-fl.l{clip-path:path('M0,0 H12 V12 A12,12 0 0 0 0,0 Z')}.hdr-fl.r{clip-path:path('M12,0 H0 V12 A12,12 0 0 1 12,0 Z')}.pill.hdr-cta{height:40px;padding:0 14px;font-size:14px}.pill.hdr-cta span{display:none}.hdr-end{gap:4px}.menubtn{width:40px;height:40px}}
@media (max-width: 900px){.hdrin{grid-template-columns:1fr auto}.navlinks{display:none}.menubtn{display:inline-flex}.mobilepanel{display:flex}}
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero-stage{--h:clamp(600px,calc(100svh - 68px),820px);--fs:min(calc(var(--h) * .26),14.2vw);position:relative;height:var(--h);background:radial-gradient(50% 62% at 50% 64%,#262624 0%,#141414 72%)}
.hero-intro{position:absolute;left:0;right:0;top:calc(var(--h) * .07);z-index:3;margin:0;text-align:center;font-size:clamp(18px,1.6vw,22px);line-height:1.3;color:#B9B5AD}
.hero-h1{margin:0;font-size:var(--fs)}
.big{position:absolute;left:0;right:0;text-align:center;font-family:'Archivo','Schibsted Grotesk',sans-serif;font-stretch:62%;font-variation-settings:'wdth' 62;font-weight:800;font-size:var(--fs);line-height:.86;letter-spacing:-0.02em;text-transform:uppercase;white-space:nowrap}
.big-solid{top:calc(var(--h) * .13);color:#FCFCFB;z-index:1;transform:translate3d(calc(var(--p,0) * -24vw),0,0);opacity:calc(1 - var(--p,0) * .55)}
.big-outline{top:calc(var(--h) * .13 + var(--fs) * .85);color:transparent;-webkit-text-stroke:1.5px #FCFCFB;z-index:3;transform:translate3d(calc(var(--p,0) * 24vw),0,0);opacity:calc(1 - var(--p,0) * .55)}
.hero-cut{position:absolute;z-index:2;left:50%;bottom:calc(var(--h) * -.15);height:calc(var(--h) * .85);width:auto;max-width:none;transform:translate3d(-50%,calc(var(--p,0) * 6%),0);opacity:calc(1 - var(--p,0) * 1.4);pointer-events:none;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 22%),linear-gradient(to right,transparent 0%,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,transparent 0%,#000 22%),linear-gradient(to right,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}
.hero-foot{position:absolute;inset:auto 0 0 0;top:calc(var(--h) * .63);z-index:3;pointer-events:none;opacity:calc(1 - var(--p,0) * 1.6)}
.hero-intro{opacity:calc(1 - var(--p,0) * 2)}
.big,.hero-cut{will-change:transform,opacity}
.hero-cut-blur{filter:blur(14px) brightness(.55);opacity:calc(var(--p,0) * 1.6)}
/* Kde to prohlizec umi, ridi hero animaci primo scroll (bez JS). Safari ji tak pocita spolu se scrollem na plnou obnovovaci frekvenci. --hr = 75 % vysky hero, nastavuje JS pri zmene velikosti. */
@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){
.big-solid,.big-outline,.hero-cut,.hero-cut-blur,.hero-foot,.hero-intro,.after-glow{animation-timing-function:linear;animation-fill-mode:both;animation-duration:auto;animation-timeline:scroll(root);animation-range:0 var(--hr,75vh)}
.big-solid{animation-name:hx-solid}.big-outline{animation-name:hx-outline}.hero-cut{animation-name:hx-cut}.hero-cut-blur{animation-name:hx-blur}.hero-foot{animation-name:hx-foot}.hero-intro{animation-name:hx-intro}.after-glow{animation-name:hx-glow}
@keyframes hx-solid{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(-24vw,0,0);opacity:.45}}
@keyframes hx-outline{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(24vw,0,0);opacity:.45}}
@keyframes hx-cut{0%{transform:translate3d(-50%,0,0);opacity:1}71.4%{opacity:0}100%{transform:translate3d(-50%,6%,0);opacity:0}}
@keyframes hx-blur{0%{opacity:0}62.5%{opacity:1}100%{transform:translate3d(-50%,6%,0);opacity:1}}
@keyframes hx-foot{0%{opacity:1}62.5%,100%{opacity:0}}
@keyframes hx-intro{0%{opacity:1}50%,100%{opacity:0}}
@keyframes hx-glow{from{opacity:.05}to{opacity:.22}}
}}
main{overflow-x:clip}
.cut{--card:#1B1B1A;--page:#141414;--r:22px;position:relative;background:var(--card);border-radius:26px}
.cut-notch{position:absolute;top:0;right:0;z-index:1;padding:0 0 10px 10px;background:var(--page);border-bottom-left-radius:26px}
.cut-notch::before,.cut-notch::after{content:"";position:absolute;width:var(--r);height:var(--r);background:radial-gradient(circle at 0 100%,transparent calc(var(--r) - .5px),var(--page) var(--r))}
.cut-notch::before{top:0;left:calc(var(--r) * -1)}
.cut-notch::after{right:0;bottom:calc(var(--r) * -1)}
.ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;background:#1B1B1A;color:#B9B5AD}
.pill{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 8px 0 22px;border-radius:999px;background:#FCFCFB;color:#141414;text-decoration:none;font-size:15px;font-weight:600}
.pill span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#141414;color:#FCFCFB}
.cut .shot{border-radius:16px;overflow:hidden;border:1px solid rgba(252,252,251,.1);box-shadow:0 40px 80px -48px rgba(0,0,0,.9)}
.cut .shot img{display:block;width:100%;height:auto}
@media (max-width: 860px){.cut{border-radius:22px}.cut-grid{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}.cut-feature{grid-template-columns:minmax(0,1fr) !important;padding:28px 22px 24px !important;gap:28px !important}.cut-feature .shot{margin-top:0 !important}.cut-feature .cut-meta{padding-right:150px}.cut-small{padding:28px 22px 30px !important}.pill{height:46px;padding:0 6px 0 16px;font-size:14px}.pill span{width:32px;height:32px}.ico{width:46px;height:46px}}

.after-glow{position:absolute;z-index:-1;left:50%;top:-140px;width:min(1100px,100%);height:auto;aspect-ratio:200/161;transform:translateX(-50%);opacity:calc(.05 + var(--p,0) * .17);pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%)}
@media (prefers-reduced-motion: reduce){.big-solid,.big-outline{transform:none;opacity:1}.hero-cut{transform:translateX(-50%);opacity:1}.hero-cut-blur{display:none}.after-glow{opacity:.14}.hero-foot,.hero-intro{opacity:1}}
.hero-foot-in{position:relative;max-width:1200px;height:100%;margin:0 auto;padding:0 24px}
@media (max-width: 1100px){.hero-clients{display:none}}
.hero-tag{position:absolute;left:24px;top:0;margin:0;max-width:13ch;font-size:clamp(20px,1.7vw,24px);line-height:1.3;color:#FCFCFB}
.hero-clients{position:absolute;right:24px;top:6px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.hero-clients span{font-size:14px;font-weight:600;color:#6B6862;white-space:nowrap}
.hero-ctas{position:absolute;left:0;right:0;bottom:calc(var(--h) * .078);display:flex;justify-content:center;gap:12px;pointer-events:auto}
.hero-ctas a{pointer-events:auto}
.ghostglass{display:inline-flex;align-items:center;height:50px;padding:0 22px;border-radius:6px;border:1px solid rgba(252,252,251,.5);background:rgba(20,20,20,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#FCFCFB;text-decoration:none;font-size:16px;font-weight:600;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}
.ghostglass:hover{border-color:#FCFCFB;background:rgba(20,20,20,.55)}
.stats-wrap{position:relative;z-index:2;padding:64px 0 88px}.stats{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.stat{display:flex;flex-direction:column;gap:12px;margin:0}.num{margin:0;font-size:64px;line-height:.9;font-weight:700;letter-spacing:-0.05em;color:#FCFCFB;font-variant-numeric:tabular-nums;display:flex;align-items:flex-start}.num span{font-size:.5em;line-height:1;margin:.1em 0 0 .06em;color:#6B6862;font-weight:600}.cap{margin:0;font-size:15px;line-height:1.45;color:#8A867E;text-wrap:balance}
.ghostbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:6px;border:1px solid #3A3A37;color:#FCFCFB;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}
.ghostbtn:hover{border-color:#8A867E;background:rgba(252,252,251,.04)}
@media (max-width: 760px){.hero-stage{--h:auto;--fs:21vw;height:auto;padding-top:28px}.hero-intro{position:relative;top:auto;font-size:17px}.hero-vis{position:relative;height:calc(var(--fs) * 1.75 + 360px);margin-top:10px}.big-solid{top:0}.big-outline{top:calc(var(--fs) * .85)}.big-outline{-webkit-text-stroke-width:1.2px}.hero-cut{bottom:-46px;height:calc(var(--fs) * .75 + 440px)}.hero-foot{position:relative;top:auto;inset:auto;pointer-events:auto;padding:4px 0 8px;opacity:1}.hero-foot-in{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.hero-tag{position:static;max-width:none;font-size:20px}.hero-clients{display:none}.hero-ctas{position:static;flex-wrap:wrap}.hero-ctas{gap:8px}.hero-ctas a{height:48px;padding:0 14px;font-size:15px}}
@media (max-width: 900px){.stats-wrap{margin-top:0;padding-bottom:56px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.num{font-size:44px}.cap{font-size:14px}}
.step{position:relative;border-top:2px solid #3A3A37}
.fill{position:absolute;left:0;right:0;top:-2px;height:2px;transform-origin:left center}
.steps{view-timeline-name:--steps}
@keyframes stepfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.fill{animation:stepfill linear both;animation-timeline:--steps}
.step:nth-child(1) .fill{animation-range:contain 0% contain 14%}
.step:nth-child(2) .fill{animation-range:contain 14% contain 28%}
.step:nth-child(3) .fill{animation-range:contain 28% contain 42%}
.step:nth-child(4) .fill{animation-range:contain 42% contain 56%}
.step:nth-child(5) .fill{animation-range:contain 56% contain 70%}
}
}
.swatch{display:inline-block;width:10px;height:10px;border-radius:999px;flex:none}
.projbtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #2A2A28;border-radius:6px;background:transparent;color:#FCFCFB;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
@media (hover: hover){.projbtn:hover{border-color:#6B6862}}
.projbtn.is-on{border-color:var(--accent,#FCFCFB);background:var(--accent,#FCFCFB);color:#141414}
.projbtn.is-on .t-meta{color:#4A4A47}
.glabel{position:absolute;left:0;top:0;pointer-events:none;white-space:nowrap;font-size:13px;line-height:1.25;font-weight:500;color:#B9B5AD;transition:opacity .25s ease;will-change:transform;opacity:0;text-shadow:0 0 2px #1C1C1B,0 0 4px #1C1C1B,0 0 6px #1C1C1B}
.glabel.proj{font-size:13px;font-weight:600;color:#FCFCFB}
.glabel.grp{font-size:12px;font-weight:600;color:#8A867E;letter-spacing:.02em}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.navlink::after,.ctabtn svg,.arrowlink svg{transition:none}.btn,.lift,.navlink,.field,.projbtn,.glabel{transition:none}.btn:hover,.lift:hover{transform:none}}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion: reduce){.mb-ico i{transition:none}}