.hero{background:var(--color-surface);padding-block:clamp(1rem,.4rem + 2vw,2rem);position:relative;overflow:hidden}.hero__shell{position:relative}.hero__inner{align-items:center;gap:var(--space-xl);border:1px solid var(--line);background:radial-gradient(circle at 78% 25%, oklch(82% .09 300/.26), transparent 30%), radial-gradient(circle at 93% 74%, oklch(82% .08 190/.28), transparent 34%), linear-gradient(135deg, var(--color-surface-raised), var(--color-surface-sunken));min-height:clamp(40rem,75vh,52rem);box-shadow:var(--shadow-lg);isolation:isolate;border-radius:clamp(1.5rem,1rem + 1.5vw,2.5rem);padding:clamp(2rem,1.1rem + 4vw,5rem);display:grid;position:relative;overflow:hidden}.hero__inner:before{z-index:-1;content:"";background-image:linear-gradient(90deg,oklch(25% .02 255/.05) 1px,#0000 1px),linear-gradient(oklch(25% .02 255/.05) 1px,#0000 1px);background-size:4.5rem 4.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48%,#000);mask-image:linear-gradient(90deg,#0000,#000 48%,#000)}@media (width>=60rem){.hero__inner{grid-template-columns:minmax(0,.92fr) minmax(25rem,1.08fr)}.hero__inner--solo{grid-template-columns:minmax(0,1fr)}.hero__inner--solo .hero__copy{max-width:64rem}}.hero__copy{z-index:2;max-width:46rem;position:relative}.hero__copy .eyebrow{color:var(--color-accent-strong)}.hero__heading{max-width:12ch;margin-top:var(--space-md);color:var(--color-ink-strong);font-size:var(--text-hero);letter-spacing:-.045em;line-height:.96}.hero__sub{max-width:48ch;margin-top:var(--space-lg);color:var(--color-ink-muted);font-size:var(--text-lg);line-height:var(--leading-snug)}.hero__actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.hero__actions .btn--secondary{--btn-fg:var(--color-ink-strong);--btn-border:var(--line-strong)}.hero__product{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 44%, oklch(100% 0 0/.86), transparent 36%), color-mix(in oklch, var(--color-surface-raised) 76%, transparent);min-height:29rem;transition:transform var(--duration-slow) var(--ease-out-expo), border-color var(--duration-normal) var(--ease-out);border-radius:2rem;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.7)}.hero__product:hover{border-color:var(--color-accent);transform:translateY(-4px)}.hero__product-media{z-index:1;place-items:center;padding:clamp(1rem,3vw,3rem);display:grid;position:absolute;inset:0 0 5.5rem}.hero__product-media img{object-fit:contain;filter:drop-shadow(0 2.5rem 2.8rem oklch(25% .04 255/.22));width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo)}.hero__product:hover .hero__product-media img{transform:scale(1.035)rotate(-1deg)}.hero__orb{filter:blur(2px);opacity:.9;border-radius:50%;position:absolute}.hero__orb--left{background:radial-gradient(circle at 65% 40%,oklch(75% .13 300/.42),#0000 68%);width:16rem;height:16rem;top:10%;left:-12%}.hero__orb--right{background:radial-gradient(circle at 35% 40%,oklch(76% .11 190/.42),#0000 68%);width:17rem;height:17rem;bottom:12%;right:-9%}.hero__product-meta{z-index:2;justify-content:space-between;align-items:end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(100% 0 0/.78);display:flex;position:relative}.hero__product-label{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase}.hero__product-title{margin-top:var(--space-2xs);color:var(--color-ink-strong);font-size:var(--text-lg)}.hero__product-price{color:var(--color-ink-strong);font-family:var(--font-display);font-size:var(--text-lg);flex:none;font-weight:600}.hero__bg{z-index:0;object-fit:cover;opacity:.08;width:100%;height:100%;position:absolute;inset:0}@media (width<=59.99rem){.hero__inner{min-height:auto}.hero__product{min-height:min(32rem,72vw)}}@media (width<=34rem){.hero__inner{border-radius:1.5rem;padding:1.5rem}.hero__heading{font-size:clamp(2.25rem,9.5vw,3.4rem)}.hero__product{border-radius:1.35rem;min-height:24rem}.hero__product-meta{padding:var(--space-md);flex-direction:column;align-items:flex-start}}