@property --ta{syntax:"<color>";inherits:true;initial-value:#e0a98f}@property --tb{syntax:"<color>";inherits:true;initial-value:#c4cdec}.hero{isolation:isolate;padding:clamp(20px,3.4vw,56px) 0 clamp(48px,6vw,96px);position:relative;overflow:clip}.hero-sky{z-index:-1;pointer-events:none;background:radial-gradient(1.2px 1.2px at 12% 22%,#ffffff8c,#0000),radial-gradient(1px 1px at 28% 68%,#ffe9d680,#0000),radial-gradient(1.4px 1.4px at 47% 12%,#fff9,#0000),radial-gradient(1px 1px at 63% 84%,#ffffff73,#0000),radial-gradient(1.2px 1.2px at 80% 30%,#ffe2c999,#0000),radial-gradient(1px 1px at 92% 58%,#ffffff80,#0000),radial-gradient(60% 70% at 72% 46%,#e2967329,#0000 70%),linear-gradient(90deg,#120a14f0 0%,#120a14c7 45%,#120a1494 100%),url(/art/hero-sky-1600.webp) 50% 40%/cover no-repeat;position:absolute;inset:-76px 0 0;-webkit-mask:linear-gradient(#000 70%,#0000);mask:linear-gradient(#000 70%,#0000)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hero-copy{z-index:2;padding-block:var(--s5);position:relative}.hero-eyebrow{margin-bottom:var(--s5)}.hero-eyebrow:before{display:none}.spark{color:var(--accent);letter-spacing:0;font-size:1rem}.hero-title{font-size:var(--fs-display);letter-spacing:-.038em;margin:0 0 var(--s5);max-width:11.5ch;line-height:.98}.hero-title em{display:inline-block}.hero-lede{font-size:var(--fs-lede);max-width:44ch;margin-bottom:var(--s6);line-height:1.6}.hero-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.hero-facts{margin:var(--s6) 0 0;flex-wrap:wrap;gap:10px 22px;padding:0;list-style:none;display:flex}.hero-facts li{color:var(--text-2);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.hero-facts .glyph{width:18px;height:18px;color:var(--accent)}.hero-stage{--px:0;--py:0;min-width:0;height:clamp(560px,46vw,660px);position:relative}.stage-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#efaf8c47,#8e2c4929 50%,#0000 72%);border-radius:50%;width:120%;position:absolute;top:38%;left:44%;transform:translate(-50%,-50%)}.stage-halo:after{content:"";border:1px solid #efc7ab24;border-radius:50%;position:absolute;inset:18%;box-shadow:0 0 0 46px #efc7ab06}.stage-arches{position:absolute;inset:0}.arch{--x:0%;--y:0%;--rot:0deg;--sc:1;--d:0px;aspect-ratio:3/4.15;width:clamp(220px,19.5vw,276px);color:var(--text);transform:translate(-50%,-50%) translate(var(--x),var(--y)) translate(calc(var(--px)*var(--d)),calc(var(--py)*var(--d))) rotate(var(--rot)) scale(var(--sc));transition:transform .9s var(--ease-out),filter .6s ease;will-change:transform;text-decoration:none;display:block;position:absolute;top:31%;left:50%}.arch[data-pos=front]{--x:-16%;--y:0%;--rot:-2deg;--sc:1;--d:-18px;z-index:3}.arch[data-pos=left]{--x:-80%;--y:10%;--rot:-9deg;--sc:.74;--d:-8px;z-index:1;filter:brightness(.68)saturate(.85)}.arch[data-pos=right]{--x:52%;--y:-6%;--rot:8deg;--sc:.7;--d:-12px;z-index:2;filter:brightness(.72)saturate(.85)}.arch:hover{filter:none;color:var(--text)}.arch-inner{width:100%;height:100%;animation:arch-in 1.1s var(--ease-out) both;background:#241828;border:1px solid #efc7ab80;border-radius:999px 999px 22px 22px;transition:border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000f2,0 0 0 6px #120a148c,0 0 0 7px #efc7ab29}.hero-stage:has(.voice-dock.is-playing) .arch[data-pos=front] .arch-inner{border-color:#f7dac5;box-shadow:0 40px 80px -30px #000000f2,0 0 0 6px #120a148c,0 0 0 7px #efc7ab7a,0 0 56px -10px #efc7ab59}.arch:nth-child(2) .arch-inner{animation-delay:.12s}.arch:nth-child(3) .arch-inner{animation-delay:.22s}.arch-inner img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.arch-inner:after{content:"";pointer-events:none;background:linear-gradient(#11091300 54%,#110913eb 100%);position:absolute;inset:0}.arch-caption{z-index:1;transition:opacity .5s ease,transform .6s var(--ease-out);flex-direction:column;gap:4px;padding:0 22px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.arch[data-pos=left] .arch-caption,.arch[data-pos=right] .arch-caption{opacity:0;transform:translateY(8px)}.arch-tag{font:600 .6875rem/1.5 var(--font-body);letter-spacing:.04em;background:#140c1699;border:1px solid #ffffff38;border-radius:999px;align-self:flex-start;margin-bottom:6px;padding:3px 10px}.arch-caption b{font:400 1.5rem/1.15 var(--font-display);letter-spacing:-.01em}.arch-caption small{letter-spacing:.06em;color:#eadad6;font-size:.75rem}@keyframes arch-in{0%{opacity:.01;transform:translateY(36px)scale(.96)}to{opacity:1;transform:none}}.voice-dock{z-index:5;backdrop-filter:blur(18px)saturate(1.3);width:min(340px,92%);animation:dock-in .9s .45s var(--ease-out) both;background:#190f1ccc;border:1px solid #efc7ab52;border-radius:22px;padding:16px 16px 14px;position:absolute;bottom:-24px;right:-1%;box-shadow:0 30px 70px -26px #000000f2,0 0 50px -20px #e2967366}@keyframes dock-in{0%{opacity:.01;transform:translateY(18px)}to{opacity:1;transform:none}}.vd-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.vd-play{background:var(--gold-btn);width:52px;height:52px;color:var(--accent-text);cursor:pointer;transition:transform .2s var(--ease);border:0;border-radius:50%;place-items:center;animation:1.8s ease-in-out 1.6s 2 invite;display:grid;box-shadow:inset 0 1px #fff9,0 10px 24px -8px #e29673b3}.vd-play:hover{transform:scale(1.05)}.vd-play .glyph{width:22px;height:22px}.vd-play .i-pause,.vd-play[aria-pressed=true] .i-play{display:none}.vd-play[aria-pressed=true] .i-pause{display:block}@keyframes invite{0%,to{box-shadow:inset 0 1px #fff9,0 0 #efc7ab80}60%{box-shadow:inset 0 1px #fff9,0 0 0 14px #efc7ab00}}.vd-who{flex-direction:column;min-width:0;line-height:1.3;display:flex}.vd-who b{font:500 1.0625rem/1.25 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd-who small{color:var(--text-dim);font-size:.75rem}.vd-bars{align-items:center;gap:3px;height:24px;padding-right:4px;display:flex}.vd-bars i{background:var(--accent);opacity:.5;border-radius:2px;width:3px;height:22px;transform:scaleY(.27)}.is-playing .vd-bars i{opacity:1;animation:.8s ease-in-out infinite alternate eq}.is-playing .vd-bars i:nth-child(2){animation-delay:-.55s}.is-playing .vd-bars i:nth-child(3){animation-delay:-.3s}.is-playing .vd-bars i:nth-child(4){animation-delay:-.7s}.is-playing .vd-bars i:nth-child(5){animation-delay:-.15s}@keyframes eq{0%{transform:scaleY(.23)}to{transform:scaleY(1)}}.vd-line{font:400 1.0625rem/1.55 var(--font-display);color:var(--text-dim);min-height:4.65em;margin:14px 2px 12px}.vd-line .w{transition:color .15s}.vd-line .spoken{color:var(--text)}.vd-line .now{color:var(--accent)}.vd-status{color:var(--accent);margin:0 2px 12px;font-size:.8125rem;line-height:1.5}.vd-meter{align-items:center;gap:10px;margin:0 2px 12px;display:flex}.vd-bar{background:#efc7ab2e;border-radius:2px;flex:1;height:2px;overflow:hidden}.vd-bar>span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.vd-time{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.75rem}.vd-pick{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:12px;display:grid}.vd-pick button{border:1px solid var(--line);min-height:44px;color:var(--text-2);font:500 .8125rem/1 var(--font-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:background .2s,border-color .2s,color .2s;display:flex}.vd-pick button:hover{border-color:var(--line-3);color:var(--text)}.vd-pick button[aria-pressed=true]{color:var(--text);background:#efc7ab1f;border-color:#efc7ab8c}.vd-pick img{object-fit:cover;object-position:50% 20%;border-radius:50%;flex:none;width:34px;height:34px}.showcase{isolation:isolate;transition:--ta .8s,--tb .8s;overflow:hidden}.showcase:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 60%,color-mix(in srgb,var(--ta) 18%,transparent),transparent 70%),radial-gradient(40% 35% at 88% 18%,color-mix(in srgb,var(--tb) 12%,transparent),transparent 70%);position:absolute;inset:0}.showcase-browser{border-color:color-mix(in srgb,var(--ta) 40%,transparent);box-shadow:var(--shadow-2),0 0 120px -30px color-mix(in srgb,var(--ta) 45%,transparent);transition:border-color .8s,box-shadow .8s}.showcase-browser .browser-view{aspect-ratio:16/10}.showcase-browser .shot{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .55s ease,transform .9s var(--ease);position:absolute;inset:0;transform:scale(1.012)}.showcase-browser .shot.is-active{opacity:1;transform:none}.browser-theme{letter-spacing:.12em;text-transform:uppercase;color:var(--ta);text-align:right;min-width:7em;font-size:.6875rem;transition:color .8s}.theme-picker{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-top:64px;display:grid}.theme-picker button{text-align:left;border:1px solid var(--line);min-height:96px;color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease),box-shadow .3s;background:#ffffff05;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 12px;display:flex}.theme-picker button:hover{background:#ffffff0d;transform:translateY(-2px)}.theme-picker button[aria-pressed=true]{border-color:var(--sa);background:color-mix(in srgb,var(--sa) 12%,transparent);box-shadow:0 0 0 1px var(--sa),0 14px 40px -12px color-mix(in srgb,var(--sa) 45%,transparent)}.swatch{background:conic-gradient(from 210deg,var(--sa),var(--sb),var(--sa));width:24px;height:24px;box-shadow:0 0 0 2px #ffffff14,0 0 16px color-mix(in srgb,var(--sa) 45%,transparent);border-radius:50%;margin-bottom:6px}.tp-name{font-size:.8125rem;font-weight:600;line-height:1.25}.tp-line{color:var(--text-dim);font-size:.75rem;line-height:1.4}@media (width<=1180px){.theme-picker{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=960px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-stage{height:auto;padding-top:min(78vw,470px)}.stage-arches{height:min(78vw,470px);bottom:auto}.stage-halo{width:min(110vw,640px);top:min(39vw,235px)}.arch{width:min(44vw,250px);top:50%}.voice-dock{width:100%;max-width:560px;margin:-28px auto 0;position:relative;top:auto;bottom:auto;right:auto}}@media (width<=700px){.hero{padding-top:12px}.hero-sky{background:radial-gradient(1.2px 1.2px at 12% 22%,#ffffff8c,#0000),radial-gradient(1px 1px at 80% 30%,#ffe2c999,#0000),linear-gradient(#120a14d1,#120a14b3 50%,#120a14eb),url(/art/hero-sky-720.webp) 50% 20%/cover no-repeat}.hero-title{max-width:10.5ch;margin-bottom:var(--s4)}.hero-lede{margin-bottom:var(--s4)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-facts{margin-top:var(--s4);gap:8px 16px}.hero-facts li{font-size:.8125rem}.arch{width:min(50vw,230px)}.arch[data-pos=front]{--x:0%;--y:-2%}.arch[data-pos=left]{--x:-62%;--y:8%;--sc:.72}.arch[data-pos=right]{--x:62%;--y:10%;--sc:.72}.arch-caption{padding:0 14px 16px}.arch-caption b{font-size:1.1875rem}.arch-tag{font-size:.75rem}.arch-inner{box-shadow:0 30px 60px -24px #000000f2,0 0 0 4px #120a148c,0 0 0 5px #efc7ab29}.voice-dock{border-radius:20px;padding:14px 12px 12px}.vd-line{min-height:6.2em;font-size:1rem}.vd-pick button{gap:6px;padding-right:8px;font-size:.75rem}.vd-pick img{width:30px;height:30px}.theme-picker{margin:40px calc(-1*var(--gutter)) 0;padding:4px var(--gutter) 8px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.theme-picker::-webkit-scrollbar{display:none}.theme-picker button{scroll-snap-align:start;flex:none;width:150px;min-height:0}}