.section-stocktech-hero{position:relative;z-index:1}.st-hero{--st-hero-ink: 11, 11, 15;--st-hero-panel-text: 247, 248, 252;--st-hero-muted: 90, 90, 102;--st-hero-blue: 30, 78, 216;--st-hero-pointer-x: 82%;--st-hero-pointer-y: 28%;--st-hero-shift-x: 0px;--st-hero-shift-y: 0px;--st-hero-image-x: 0px;--st-hero-image-y: 0px;--st-hero-tilt-x: 0deg;--st-hero-tilt-y: 0deg;position:relative;overflow:hidden;padding-block:clamp(2.4rem,4vw,5.6rem) clamp(4.8rem,6vw,8rem);background:rgb(var(--st-bg));color:rgb(var(--st-hero-ink));isolation:isolate}.st-hero:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 34%),radial-gradient(circle at var(--st-hero-pointer-x) var(--st-hero-pointer-y),rgba(var(--st-hero-blue),.11),transparent 32rem);pointer-events:none}.st-hero__mesh{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--st-hero-ink),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--st-hero-ink),.035) 1px,transparent 1px);background-size:6.4rem 6.4rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 92%,transparent);opacity:.52;pointer-events:none}.st-hero__light{position:absolute;z-index:-1;top:-34rem;right:-22rem;width:78rem;aspect-ratio:1;border-radius:50%;background:rgba(var(--st-hero-blue),.12);filter:blur(13rem);transform:translate3d(var(--st-hero-shift-x),var(--st-hero-shift-y),0);transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.st-hero__shell{position:relative}.st-hero__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(40rem,1.1fr);align-items:center;gap:clamp(4rem,7vw,10rem);min-height:min(71rem,calc(100svh - 12rem))}.st-hero__content{position:relative;z-index:2;padding-block:3rem}.st-hero__content:after{content:"STOCKTECH / CURATED OBJECTS";position:absolute;left:-4.2rem;bottom:3.4rem;color:rgba(var(--st-hero-ink),.22);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;transform:rotate(-90deg);transform-origin:left bottom;pointer-events:none}.st-hero__eyebrow{display:flex;align-items:center;gap:1.2rem;margin:0 0 2.2rem;color:rgb(var(--st-hero-muted));font-size:1.1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.st-hero__eyebrow:before{content:"";width:3.6rem;height:1px;background:rgb(var(--st-hero-blue))}.st-hero__heading{max-width:8.4ch;margin:0;color:rgb(var(--st-hero-ink));font-family:var(--font-heading-family);font-size:clamp(6.4rem,8vw,12.8rem);font-weight:var(--font-heading-weight);line-height:.8;letter-spacing:-.025em;text-wrap:balance}.st-hero__heading span{display:block;margin-top:.08em;color:rgb(var(--st-hero-blue))}.st-hero__text{max-width:52rem;margin-top:3rem;color:rgb(var(--st-hero-muted));font-size:clamp(1.55rem,.45vw + 1.4rem,1.9rem);line-height:1.65}.st-hero__text p{margin:0}.st-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.st-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:5.4rem;padding-inline:2.4rem;border:1px solid transparent;border-radius:1.4rem;color:rgb(var(--st-hero-ink));font-size:1.4rem;font-weight:700;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.st-hero__button svg{width:2rem;height:2rem;transition:transform .18s ease}.st-hero__button--primary{background:rgb(var(--st-hero-ink));color:rgb(var(--st-hero-panel-text));box-shadow:0 1.2rem 3.2rem rgba(var(--st-hero-blue),.16)}.st-hero__button--secondary{border-color:rgba(var(--st-hero-ink),.15);background:#ffffffbf}.st-hero__button[aria-disabled=true]{opacity:.48;pointer-events:none}.st-hero__proofs{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:2.6rem 0 0;padding:0;color:rgba(var(--st-hero-ink),.7);font-size:1.2rem;list-style:none}.st-hero__proofs li{display:inline-flex;align-items:center;gap:.8rem}.st-hero__proofs li:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:rgb(var(--st-hero-blue))}.st-hero__visual{position:relative;justify-self:end;width:min(100%,58rem);perspective:1200px}.st-hero__media{position:relative;height:clamp(54rem,70vh,74rem);overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate3d(var(--st-hero-shift-x),var(--st-hero-shift-y),0) rotateX(var(--st-hero-tilt-x)) rotateY(var(--st-hero-tilt-y));transform-style:preserve-3d;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;will-change:transform}.st-hero__media:before{content:none}.st-hero__media:after{content:none}.st-hero__picture,.st-hero__image{display:block;width:100%;height:100%}.st-hero__image{object-fit:cover;object-position:center 38%;filter:saturate(.9) contrast(1.04);transform:translate3d(var(--st-hero-image-x),var(--st-hero-image-y),0) scale(1.045);transition:transform .52s cubic-bezier(.16,1,.3,1);will-change:transform}.st-hero__orbit{position:absolute;z-index:-1;top:50%;left:50%;width:min(72rem,120%);aspect-ratio:1;border:1px solid rgba(var(--st-hero-blue),.18);border-radius:50%;transform:translate(calc(-50% + var(--st-hero-shift-x)),calc(-50% + var(--st-hero-shift-y)));transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.st-hero__orbit:before,.st-hero__orbit:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px dashed rgba(var(--st-hero-ink),.1);border-radius:inherit}.st-hero__orbit:after{top:26%;right:26%;bottom:26%;left:26%;border-style:solid;border-color:rgba(var(--st-hero-blue),.13)}.st-hero__orbit>span{position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:rgb(var(--st-hero-blue));box-shadow:0 0 2rem rgba(var(--st-hero-blue),.75)}.st-hero__orbit>span:nth-child(1){top:9%;left:28%}.st-hero__orbit>span:nth-child(2){top:58%;right:-.35rem}.st-hero__orbit>span:nth-child(3){bottom:4%;left:38%}.st-hero__categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(2.4rem,4vw,4.8rem);border-block:1px solid rgba(var(--st-hero-ink),.11)}.st-hero__category{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;min-height:7rem;padding-inline:2rem;border-right:1px solid rgba(var(--st-hero-ink),.1);color:rgb(var(--st-hero-ink));font-size:1.3rem;font-weight:650;text-decoration:none;transition:background-color .18s ease}.st-hero__category:last-child{border-right:0}.st-hero__category>span{color:rgb(var(--st-hero-muted));font-size:1rem;font-variant-numeric:tabular-nums}.st-hero__category svg{width:1.6rem;height:1.6rem;color:rgb(var(--st-hero-blue));transition:transform .18s ease}@media(hover:hover)and (pointer:fine){.st-hero__button:hover{transform:translateY(-2px)}.st-hero__button--primary:hover{box-shadow:0 1.8rem 4rem rgba(var(--st-hero-blue),.24)}.st-hero__button:hover svg,.st-hero__category:hover svg{transform:translate(.3rem)}.st-hero__button--secondary:hover,.st-hero__category:hover{border-color:rgba(var(--st-hero-blue),.32);background:rgba(var(--st-hero-blue),.06)}}@media screen and (max-width:989px){.st-hero{--st-hero-shift-x: 0px;--st-hero-shift-y: 0px;--st-hero-image-x: 0px;--st-hero-image-y: 0px;--st-hero-tilt-x: 0deg;--st-hero-tilt-y: 0deg}.st-hero__layout{grid-template-columns:1fr;gap:4rem;min-height:0}.st-hero__content{max-width:72rem}.st-hero__visual{width:min(78%,50rem);justify-self:center;perspective:none}.st-hero__media{height:min(60rem,76vw);will-change:auto}.st-hero__image{will-change:auto}.st-hero__content:after{display:none}.st-hero__orbit{opacity:.42}.st-hero__categories{grid-template-columns:repeat(2,minmax(0,1fr))}.st-hero__category:nth-child(2n){border-right:0}.st-hero__category:nth-child(n+3){border-top:1px solid rgba(var(--st-hero-ink),.1)}}@media screen and (max-width:749px){.st-hero{padding-block:1.6rem 4.8rem}.has-mobile-tech-dock .st-hero:has(.st-hero__categories){padding-bottom:var(--st-mobile-dock-clearance)}.st-hero{padding-bottom:3.2rem}.st-hero__layout{gap:2rem}.st-hero__visual{grid-row:1;width:100%}.st-hero__content{grid-row:2;animation:st-hero-content-rise .72s cubic-bezier(.16,1,.3,1) .36s both}.st-hero__media{height:clamp(25rem,76vw,34rem);animation:st-hero-mobile-float 7s ease-in-out infinite}.st-hero__image{object-position:center 42%;transform:scale(1.035)}.st-hero__mesh{background-size:4.8rem 4.8rem;opacity:.3}.st-hero__orbit{width:112%;opacity:.28}.st-hero__content{padding-block:0}.st-hero__eyebrow{margin-bottom:1.4rem}.st-hero__heading{width:100%;max-width:100%;font-size:clamp(6.4rem,21.5vw,8.4rem);line-height:.82;letter-spacing:-.035em}.st-hero__text{margin-top:1.6rem;font-size:1.5rem}.st-hero__actions{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.4rem}.st-hero__button{width:100%}.st-hero__proofs{gap:1rem 1.6rem;margin-top:2.4rem}.st-hero__categories{display:flex;overflow-x:auto;margin-top:3.6rem;padding-right:1.6rem;border-bottom:0;scrollbar-width:none;scroll-snap-type:x mandatory}.st-hero__categories::-webkit-scrollbar{display:none}.st-hero__category{flex:0 0 18.5rem;min-height:6.2rem;border-top:0;scroll-snap-align:start}.has-mobile-tech-dock .st-hero__button,.has-mobile-tech-dock .st-hero__proofs,.has-mobile-tech-dock .st-hero__category{scroll-margin-bottom:var(--st-mobile-dock-clearance)}}@keyframes st-hero-mobile-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-.6rem,0)}}@keyframes st-hero-content-rise{0%{opacity:0;transform:translate3d(0,3.2rem,0)}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:749px)and (max-height:700px){.st-hero__media{height:clamp(22rem,66vw,28rem)}.st-hero__layout{gap:1.2rem}.st-hero__eyebrow{margin-bottom:.8rem;font-size:1rem}.st-hero__heading{font-size:clamp(6rem,19.4vw,7rem)}.st-hero__text{margin-top:.6rem;font-size:1.4rem;line-height:1.4}.st-hero__actions{gap:.8rem;margin-top:1.2rem}.st-hero__button{min-height:5rem}.st-hero__proofs{margin-top:1.8rem}}@media(prefers-reduced-motion:reduce){.st-hero__button,.st-hero__button svg,.st-hero__category,.st-hero__category svg,.st-hero__light,.st-hero__media,.st-hero__image,.st-hero__orbit,.st-hero__content{animation:none;transition:none}.st-hero__media,.st-hero__image,.st-hero__light,.st-hero__content{transform:none}.st-hero__content{opacity:1}.st-hero__orbit{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-stocktech-hero.css.map */