/* Clear motion edition — progressive enhancements, no external dependencies. */
.hero { background:#17181b; color:#fffdf9; isolation:isolate; min-height:720px; }
.hero::before { display:none; }
.hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(15,16,18,.96),rgba(15,16,18,.48) 60%,transparent); pointer-events:none; }
.clear-flow { position:absolute; inset:0; width:100%; height:100%; z-index:-2; pointer-events:none; }
.hero .eyebrow { color:#e2bf7c; }
.hero h1 { font-size:clamp(54px,6.2vw,84px); line-height:1.06; }
.hero h1 .gold-line { color:#edca84; }
.hero .lead { color:#d6d7dc; font-size:18px; }
.hero .hero-note { color:#c9cbd1; }
.hero-note span::before { color:#e3be75; }
.hero .button.secondary { color:#fffdf9; border-color:#868991; }
.hero .button.secondary:hover { background:rgba(255,255,255,.09); }
.hero-panel { background:rgba(31,33,38,.88); border-color:rgba(225,193,132,.4); box-shadow:0 35px 85px #0006; backdrop-filter:blur(18px); transform:none; border-radius:24px; transition:transform .5s ease; }
.hero-panel::before { background:#e7c681; color:#191a1e; border:7px solid #24262b; box-shadow:none; }
.hero-panel .mini-window { background:#f9f6ed; color:var(--ink); }
.hero-panel .mini-window-bar { background:#efe9db; }
.motion-toggle { position:absolute; bottom:20px; right:max(20px,calc((100% - 1120px)/2)); z-index:3; border:1px solid #a6a9b566; border-radius:30px; padding:8px 14px; background:#24262b; color:#e0e1e6; font-size:12px; cursor:pointer; }
.hero-copy > * { animation:clear-arrive .85s cubic-bezier(.2,.7,.2,1) both; }
.hero-copy > :nth-child(2){animation-delay:.09s}.hero-copy > :nth-child(3){animation-delay:.18s}.hero-copy > :nth-child(4){animation-delay:.27s}.hero-copy > :nth-child(5){animation-delay:.36s}
@keyframes clear-arrive { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
.reveal { opacity:1; transform:none; }
.motion-ready .reveal { opacity:0; transform:translateY(26px); transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1); transition-delay:var(--reveal-delay,0ms); }
.motion-ready .reveal.visible { opacity:1; transform:none; }
.card { position:relative; overflow:hidden; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease; }
.card::before { content:''; position:absolute; top:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,#967035,#e3c487); transform:scaleX(0); transform-origin:left; transition:transform .45s ease; }
.card:hover::before,.card:focus-within::before { transform:scaleX(1); }
.card:hover,.card:focus-within { border-color:#b9873280; box-shadow:0 20px 50px #29201612; }
.nav-links a { position:relative; }
.nav-links a::after { content:''; position:absolute; bottom:-6px; left:0; width:100%; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.nav-links a:hover::after,.nav-links a:focus-visible::after { transform:scaleX(1); }
.button { transition:background .25s ease,box-shadow .25s ease,transform .25s ease; }
.button span { transition:transform .25s ease; }
.button:hover span { transform:translateX(4px); }
.site-header { transition:box-shadow .3s ease; }
.site-header.scrolled { box-shadow:0 8px 30px #1715100c; }
.section.dark { background:#191b20; }
.section.dark .eyebrow { color:#e3c487; }
@media (min-width:821px) { .hero-grid { gap:52px; } .hero-panel { margin-top:25px; } }
@media (max-width:820px) { .hero { min-height:0; } .hero-grid { padding-bottom:80px; gap:28px; } .hero-panel { width:100%; max-width:540px; } .hero h1 { font-size:clamp(46px,9vw,72px); } }
@media (max-width:580px) { .hero h1 { font-size:clamp(40px,10.5vw,58px); } .hero-grid { padding-top:42px; } .hero .lead {font-size:17px} .hero-panel { margin-top:8px; } }
@media (prefers-reduced-motion:reduce) { .motion-ready .reveal { opacity:1; transform:none; } .hero-copy > * { animation:none; } .hero-panel { transform:none!important; } }
html.motion-paused .hero-copy > * { animation:none; }
html.motion-paused .hero-panel { transform:none!important; }

/* Charcoal edition: graphite depth, silver motion and warm brand accents. */
.hero { background:#17181b; }
.hero-panel { border-color:rgba(222,211,188,.3); background:linear-gradient(140deg,rgba(65,67,74,.84),rgba(26,28,33,.94)); box-shadow:0 32px 80px #0007,inset 0 1px 0 #ffffff18; }
.hero-panel .mini-window { box-shadow:0 12px 36px #0003; }
.hero .button:not(.secondary) { box-shadow:0 8px 28px #0004; }
.hero .button:not(.secondary):hover { box-shadow:0 12px 36px #0006; transform:translateY(-2px); }
.motion-toggle:hover { border-color:#d5b877; background:#303238; }
.motion-toggle:focus-visible { outline:2px solid #edca84; outline-offset:4px; }
.hero .hero-note { border-color:#ffffff24; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .card,.button,.button span,.nav-links a::after { transition:none; } }