/* VSN / SIGNATURE EDITION. A typographic opening and a sculpture held in light. */
@property --signature-accent { syntax:'<color>'; inherits:true; initial-value:#1fa3a6; }
.signature-home .hero-stage { --signature-accent:var(--forma); transition:--signature-accent .55s ease; background:radial-gradient(ellipse at 80% 45%,rgba(34,39,40,.28),transparent 61%); }
.signature-home .hero-grid { opacity:.1; background:linear-gradient(90deg,transparent calc(44% - .5px),var(--hair) 44%,transparent calc(44% + .5px)); }
.signature-home .hero-copy { padding-top:clamp(145px,18.2svh,210px); }
.signature-home .hero-eyebrow { margin-bottom:clamp(36px,5svh,58px); font-size:9px; letter-spacing:.15em; }
.signature-home .hero-eyebrow .status-dot { width:5px; height:5px; background:var(--signature-accent); box-shadow:0 0 14px color-mix(in srgb,var(--signature-accent) 38%,transparent); }
.signature-home .hero-title { width:59%; font-size:clamp(108px,min(11.35vw,18.7svh),180px); font-weight:400; line-height:.88; letter-spacing:-.083em; }
.signature-home .hero-title>span:nth-child(2) { margin-left:13%; color:var(--fg-dim); }
.signature-home .hero-title .title-dot { color:var(--signature-accent); transition:color .4s; }
.signature-home .hero-description { margin-top:clamp(30px,4svh,44px); gap:45px; }
.signature-home .hero-description p { font-size:11px; line-height:1.95; }
.signature-home .circle-link { width:45px; height:45px; font-size:23px; border-color:var(--hair2); }
.signature-home .hero-art { width:62%; height:78%; right:-.7%; top:7%; filter:drop-shadow(0 35px 55px rgba(0,0,0,.25)); }
.signature-home .hero-art::after { background:radial-gradient(ellipse,color-mix(in srgb,var(--signature-accent) 8%,transparent),transparent 65%); }
.signature-home .hero-art::before { bottom:3%; height:8%; opacity:.7; }
.signature-home .art-caption,.signature-home .hero-orbits { display:none; }
.signature-home .hero-halo i { width:75vw; height:105vh; right:-16%; top:-16%; background:radial-gradient(ellipse,color-mix(in srgb,var(--signature-accent) 13%,transparent),transparent 65%); }
.signature-home .hero-halo i+i { width:60vw; height:50vh; right:-6%; top:53%; background:radial-gradient(ellipse,rgba(192,178,160,.055),transparent 66%); }
.signature-home .hero-ground { opacity:.18; inset:48% -12% -10% 28%; }
.signature-wordmark { position:absolute; width:97%; max-width:none; height:auto; left:23%; top:41%; color:var(--fg); opacity:.026; pointer-events:none; }
.signature-orbit { position:absolute; width:53%; aspect-ratio:1; right:3.6%; top:1%; pointer-events:none; color:var(--fg); z-index:0; }
.signature-orbit svg { width:100%; height:100%; overflow:visible; stroke:var(--signature-accent); stroke-width:.6; opacity:.43; }
.signature-orbit svg .signature-arc { stroke:currentColor; stroke-width:.65; opacity:.32; }
.signature-object-id,.signature-object-note { position:absolute; font:400 8px/1.4 var(--disp); letter-spacing:.17em; color:var(--fg-dim); text-transform:uppercase; }
.signature-object-id { top:19%; right:6%; }
.signature-object-note { bottom:13%; left:9%; font-size:7px; opacity:.65; }
.signature-home .hero-meta { border-top:1px solid var(--hair); padding-top:20px; }
.signature-spectrum { position:absolute; bottom:112px; right:var(--gutter); width:330px; z-index:4; }
.signature-spectrum-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; font:400 8px/1.4 var(--disp); letter-spacing:.13em; text-transform:uppercase; color:var(--fg-dim); }
.signature-spectrum-count { font-variant-numeric:tabular-nums; opacity:.6; }
.signature-spectrum-controls { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-top:10px; }
.signature-light { appearance:none; border:0; background:none; color:var(--fg-dim); padding:0; min-width:0; height:45px; display:flex; flex-direction:column; align-items:center; cursor:pointer; position:relative; }
.signature-light i { display:block; width:100%; height:5px; background:var(--light-color); opacity:.34; margin-top:5px; transition:height .3s,opacity .3s,box-shadow .3s; }
.signature-light span { font:400 7px/1 var(--disp); letter-spacing:.05em; margin-top:12px; opacity:.55; }
.signature-light[aria-pressed="true"] i { height:7px; opacity:1; box-shadow:0 4px 18px color-mix(in srgb,var(--light-color) 26%,transparent); }
.signature-light[aria-pressed="true"] span { opacity:1; color:var(--fg); }
.signature-light:hover i { opacity:.85; }
.signature-light:focus-visible { outline:1px solid var(--light-color); outline-offset:4px; }
.signature-spectrum-output { display:flex; justify-content:space-between; gap:16px; min-height:15px; margin-top:3px; font:400 9px/1.5 var(--disp); }
.signature-spectrum-output b { font-weight:400; letter-spacing:.13em; color:var(--fg); }
.signature-spectrum-output>span { color:var(--fg-dim); font-size:8px; letter-spacing:.02em; }
[data-theme="light"] .signature-home .hero-stage { background:radial-gradient(ellipse at 80% 45%,rgba(159,173,162,.13),transparent 65%); }
[data-theme="light"] .signature-home .hero-halo i { background:radial-gradient(ellipse,color-mix(in srgb,var(--signature-accent) 12%,transparent),transparent 67%); }
[data-theme="light"] .signature-home .hero-art { filter:drop-shadow(0 27px 45px rgba(38,46,42,.08)); }
[data-theme="light"] .signature-home .hero-art::before { opacity:.15; }
[data-theme="light"] .signature-wordmark { opacity:.037; }
@media (min-width:761px) and (max-height:720px) {
 .signature-home .hero-copy { padding-top:115px; }
 .signature-home .hero-eyebrow { margin-bottom:26px; }
 .signature-home .hero-title { font-size:clamp(94px,16.9svh,125px); }
 .signature-home .hero-description { margin-top:24px; }
 .signature-home .hero-art { top:1%; height:76%; }
 .signature-spectrum { bottom:99px; }
}
@media (min-width:761px) and (max-width:1100px) {
 .signature-home .hero-title { font-size:clamp(100px,11.6vw,127px); width:62%; }
 .signature-home .hero-art { width:67%; right:-5%; top:14%; height:66%; }
 .signature-spectrum { right:var(--gutter); width:290px; bottom:116px; }
 .signature-object-note { display:none; }
}
@media (max-width:760px) {
 .signature-home .hero-stage { min-height:820px; height:100svh; }
 .signature-home .hero-copy { padding-top:120px; }
 .signature-home .hero-eyebrow { font-size:7px; letter-spacing:.11em; margin-bottom:28px; gap:8px; }
 .signature-home .hero-title { width:100%; font-size:clamp(78px,19.7vw,120px); line-height:.89; letter-spacing:-.078em; }
 .signature-home .hero-title>span:nth-child(2) { margin-left:17%; }
 .signature-home .hero-description { margin-top:24px; gap:26px; }
 .signature-home .hero-description p { font-size:9px; line-height:1.85; max-width:165px; }
 .signature-home .circle-link { width:37px; height:37px; font-size:20px; }
 .signature-home .hero-art { width:108%; right:-4%; height:clamp(215px,calc(100% - 605px),295px); top:435px; }
 .signature-home .hero-art::before { bottom:0; }
 .signature-home .hero-ground { inset:52% -35% 7% -20%; }
 .signature-wordmark { left:-23%; top:52%; width:156%; opacity:.035; }
 .signature-orbit { width:105%; top:414px; right:-2.5%; height:275px; aspect-ratio:auto; }
 .signature-orbit svg { opacity:.3; }
 .signature-object-id { top:5%; right:12%; font-size:6px; }
 .signature-object-note { display:none; }
 .signature-home .hero-halo i { top:36%; width:140vw; height:50vh; right:-32%; }
 .signature-home .hero-halo i+i { display:none; }
 .signature-spectrum { bottom:95px; left:var(--gutter); right:var(--gutter); width:auto; }
 .signature-spectrum-heading { font-size:7px; }
 .signature-spectrum-controls { gap:9px; margin-top:6px; }
 .signature-spectrum-output { margin-top:0; }
 .signature-spectrum-output>span { font-size:7px; }
 .signature-home .hero-meta { padding-top:16px; }
}
@media (min-width:500px) and (max-width:760px) {
 .signature-home .hero-stage { min-height:940px; }
 .signature-home .hero-title { font-size:clamp(95px,17vw,110px); }
 .signature-home .hero-art { top:530px; height:240px; }
 .signature-orbit { top:510px; height:265px; }
}
@media (prefers-reduced-motion:reduce) {
 .signature-home .hero-stage,.signature-home .hero-title .title-dot,.signature-light i { transition:none; }
}