@layer components{
.hero{--surface:var(--ink-raised);--text:var(--ivory);--text-muted:var(--text-secondary-dark);--rule:var(--hairline-dark);--accent:var(--red-on-dark);--plate-rule:var(--frame-on-dark);background:transparent;color:var(--text);height:var(--hero-height);min-height:var(--hero-minh);display:flex;padding:calc(var(--sec-pad-y) * 0.3) max(var(--gutter),env(safe-area-inset-right)) calc(var(--sec-pad-y) * 0.32) max(var(--gutter),env(safe-area-inset-left));scroll-margin-top:var(--nav-h)}
.hero-inner{width:100%;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:center;gap:var(--deck-gap)}
.hero-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 40px}
.hero-titles{display:flex;flex-direction:column;gap:12px;min-width:0}
.hero-eyebrow{animation:sz-rise 1.2s var(--ease-lux) backwards;animation-delay:calc(var(--intro-d) + 0.1s);font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-secondary-dark)}
.hero-title{margin:0;overflow:hidden;font-family:var(--font-display);font-weight:400;font-size:var(--hl-size);line-height:1.15;letter-spacing:-0.01em;color:var(--ivory)}
.hero-title-line{display:block;animation:sz-mask 1.3s var(--ease-lux) backwards;animation-delay:calc(var(--intro-d) + 0.05s)}
.deck{position:relative;height:var(--stage-h);min-height:0;container-type:size;perspective:1800px;perspective-origin:50% 45%;touch-action:pan-y}
.deck-tilt{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d;transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .9s cubic-bezier(.16,1,.3,1)}
.deck-card{position:absolute;pointer-events:auto;left:50%;top:50%;width:var(--cw);margin-left:calc(var(--cw) * var(--cw-mx));margin-top:calc(var(--cw) * var(--cw-my));transform-style:preserve-3d;will-change:transform}
.deck-link{position:relative;display:block;background:var(--ink-raised);border:1px solid var(--hairline-dark);padding:6px;transition:border-color .3s}
.deck-link:hover{border-color:var(--text-secondary-dark) !important}
.deck-plate-feature{position:relative;display:grid;place-items:center;aspect-ratio:460/215;background:var(--red);overflow:hidden}
.deck-rule-feature{position:absolute;inset:calc(var(--cw) * 0.02);border:1px solid var(--frame-on-red)}
.deck-name-feature{position:relative;font-family:var(--font-display);font-size:calc(var(--cw) * 0.085);line-height:1;letter-spacing:-0.012em;white-space:nowrap;color:var(--ivory)}
.deck-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(246,242,234,0) 42%,rgba(246,242,234,0.14) 50%,rgba(246,242,234,0) 58%);background-size:250% 100%;background-position:160% 0;background-repeat:no-repeat}
.deck-plate-shelf{position:relative;display:grid;place-items:center;aspect-ratio:460/215;background:var(--ink-raised);overflow:hidden}
.deck-rule-shelf{position:absolute;inset:calc(var(--cw) * 0.02);border:1px solid var(--frame-on-dark)}
.deck-name-shelf{position:relative;font-family:var(--font-display);font-size:calc(var(--cw) * 0.07);line-height:1;white-space:nowrap;color:var(--ivory)}
.deck-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.deck-logo{position:absolute;left:50%;top:50%;width:auto;height:52%;transform:translate(-50%,-50%)}
.deck-shade{position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none}
.deck-tabs{animation:sz-rise 1.2s var(--ease-lux) backwards;animation-delay:calc(var(--intro-d) + 0.6s);display:grid;grid-template-columns:var(--tab-cols);grid-auto-flow:var(--tab-flow);grid-auto-columns:minmax(0,1fr);align-items:start;gap:var(--tab-row-gap) var(--tab-gap)}
.deck-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:44px;padding:0;background:transparent;border:0;text-align:left;cursor:pointer;color:var(--text-secondary-dark);transition:color .4s}
.deck-tab[aria-current="true"]{color:var(--ivory)}
.deck-tab:hover{color:var(--ivory) !important}
.deck-tab-name{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:var(--tab-name);line-height:1.25}
.deck-tab-text{overflow-wrap:anywhere}
.deck-tab-meta{display:var(--tab-meta);font-size:11px;line-height:1.3;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-secondary-dark)}
}