.hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 68px);padding-block:clamp(2rem,1rem + 4vw,5rem);display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.js .hero [data-hero],.js .hero [data-hero=eye]{opacity:0}}.hero-frame{pointer-events:none;position:absolute;inset:0}.rule--v{background:linear-gradient(var(--line-2), transparent 85%);width:1px;position:absolute;top:0;bottom:0;left:clamp(50%,40% + 8vw,62%)}.hero-inner{flex:1;grid-template-columns:1fr .85fr;align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);padding-block:clamp(2rem,4vh,4rem);display:grid}.hero-eyebrow{color:var(--signal);letter-spacing:.24em;margin-bottom:clamp(1.4rem,3vh,2.4rem)}.hero h1{font-size:var(--step-4);letter-spacing:-.04em;margin-bottom:clamp(1.6rem,3vh,2.4rem);font-weight:600;line-height:1}.hero .hl{color:var(--signal);font-style:italic;font-weight:500}.hero .nowrap{white-space:nowrap}.hero-lede{max-width:44ch;color:var(--steel);font-size:var(--step-0);margin-bottom:clamp(1.4rem,3vh,2rem);line-height:1.65}.hero-detail{flex-direction:column;gap:1.2rem;max-width:54ch;margin-bottom:clamp(2rem,4vh,3rem);display:flex}.hero-detail p{color:var(--steel);font-size:var(--step--1);margin:0;line-height:1.6}.hero-detail strong{color:var(--paper);font-weight:600}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.hero-eye{aspect-ratio:1;place-items:center;width:100%;max-width:420px;margin-inline:auto;display:grid;position:relative}.eye-halo{opacity:.45;background:radial-gradient(circle, color-mix(in srgb, var(--signal) 26%, transparent), transparent 62%);filter:blur(14px);border-radius:50%;position:absolute;inset:12%}.eye-seal{width:72%;height:auto;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--signal) 22%, transparent));position:relative}.specs{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.spec{padding:clamp(1.1rem,2vh,1.6rem) 0;padding-right:1.2rem}.spec+.spec{padding-left:clamp(1.2rem,2vw,2rem)}.spec dt{color:var(--steel-2);letter-spacing:.2em;margin-bottom:.7rem}.spec dd{flex-direction:column;gap:.3rem;margin:0;display:flex}.spec-num{font-family:var(--display);font-weight:500;font-size:var(--step-2);letter-spacing:-.02em;color:var(--paper);line-height:1}.spec-note{color:var(--steel-2);text-transform:none;letter-spacing:.02em}@media (width<=860px){.rule--v{display:none}.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-eye{grid-row:1;max-width:260px}.specs{grid-template-columns:repeat(2,1fr);gap:0 1.5rem}.spec{border-top:1px solid var(--line)}.spec+.spec{padding-left:0}.spec:nth-child(-n+2){border-top:none}}@media (width<=460px){.specs{grid-template-columns:1fr}.spec:nth-child(2){border-top:1px solid var(--line)}}#studio .stamp{color:var(--steel-2);margin-bottom:1.4rem}#studio .stamp:before{background:var(--signal-deep)}.studio-intro{border-bottom:1px solid var(--line-paper);grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(2rem,1rem + 4vw,5rem);margin-bottom:clamp(3rem,2rem + 4vw,5.5rem);padding-bottom:clamp(2.5rem,2rem + 3vw,4rem);display:grid}.studio-intro h2{font-size:var(--step-3);color:var(--ink);letter-spacing:-.03em;max-width:16ch;font-weight:600}#studio .hl{color:var(--signal-deep)}.studio-lede{font-size:var(--step-0);color:color-mix(in srgb, var(--ink) 70%, transparent);max-width:40ch;padding-top:.5rem;line-height:1.65}.studio-areas{font-size:var(--step--1);color:color-mix(in srgb, var(--ink) 70%, transparent);max-width:40ch;padding-top:.75rem;line-height:1.6}.studio-areas a{color:var(--signal-deep);text-underline-offset:.15em;text-decoration:underline}.principles{grid-template-columns:repeat(3,1fr);gap:clamp(2rem,1rem + 3vw,4rem);margin:0;padding:0;list-style:none;display:grid}.principles li{display:block}.p-num{color:var(--signal-deep);margin-bottom:.9rem;display:block}.principles h3{color:var(--ink);font-size:var(--step-1);letter-spacing:-.02em;margin-bottom:.7rem;font-weight:600}.principles p{color:color-mix(in srgb, var(--ink) 68%, transparent);line-height:1.6}@media (width<=860px){.studio-intro{grid-template-columns:1fr}.studio-intro h2{max-width:20ch}.principles{grid-template-columns:1fr;gap:2.5rem}}
