@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#0d0c0b; --paper:#151311; --ink:#f1eadc; --muted:#a49d91; --line:#403a33; --accent:#d2b47c; --accent-2:#2d261d; --dark:#080706; --width:1220px; }
body{font-family:Georgia,"Times New Roman",serif}.backbar,.nav-links,.button,.eyebrow,.section-label,.feature small,.person,.footer-grid,.terminal-copy{font-family:"Courier New",monospace}
.brand{font-weight:400;letter-spacing:.12em}.brand svg{color:#d2b47c}.nav-links .nav-cta,.button{border-radius:0}.button.primary{color:#0d0c0b}
h1{font-weight:400;font-size:clamp(58px,8vw,108px)}.hero-layout{min-height:780px}
.concept-stage{min-height:600px;background:#0a0908;border:1px solid #d2b47c}.terminal-stage{position:relative;height:100%;min-height:600px;padding:50px}
.lux-mark{display:grid;width:180px;height:180px;margin:20px auto;place-items:center;border:1px solid #d2b47c;border-radius:50%;font-size:72px;font-style:italic}
.terminal-copy{display:flex;margin-top:75px;flex-direction:column;gap:14px;color:#776f64;font-size:12px}.terminal-copy .active{color:#d2b47c}.edition{position:absolute;right:30px;top:30px;font:10px "Courier New";letter-spacing:.15em}
.feature{background:transparent;border:0;border-top:1px solid #d2b47c}.feature small{color:#d2b47c}.section.alt{background:#151311}.section h2,.quote,.cta-panel h2{font-weight:400}.about-mark{border:1px solid #d2b47c;background:#0d0c0b}
.showcase{background:#080706;border:1px solid #d2b47c}.showcase-art{right:8%;top:16%;width:280px;height:280px;border:1px solid #d2b47c;border-radius:50%;box-shadow:0 0 0 45px rgba(210,180,124,.04),0 0 0 90px rgba(210,180,124,.025)}
.cta-panel{color:#0d0c0b;background:#d2b47c}.cta-panel .button{color:#f1eadc;background:#0d0c0b}
