/* Public domain release: cinematic ARGENT presentation, 2026-10-01. */
:root { --paper:#f3eddf; --cream:#fffaf0; --ink:#242b23; --muted:#687063; --gold:#9a743e; --forest:#203b2d; --line:#d4c7ad; }
html { scroll-padding-top:100px; }
body { background-image:radial-gradient(ellipse at 15% 8%,#fffaf0 0,transparent 50%); }
.skip-link { position:fixed;left:20px;top:-100px;z-index:200;background:#fffaf0;padding:12px 20px;color:#203b2d; }
.skip-link:focus { top:15px; }
.container { width:min(1380px,calc(100% - 96px)); }
.topbar,.topbar.is-scrolled { height:80px;background:#f9f4e9f5;backdrop-filter:blur(20px);border-bottom:1px solid #b8a17e60;box-shadow:0 5px 25px #1420190a; }
.topbar .logo { width:158px; }
.topbar .logo img,.topbar.is-scrolled .logo img { filter:brightness(.53) sepia(.4); }
.nav-inner { gap:32px; }
.navlinks { gap:27px; }
.navlinks a,.topbar.is-scrolled .navlinks a:not(.nav-play) { background:none;border:0;padding:12px 0;box-shadow:none;backdrop-filter:none;font-size:10px;letter-spacing:.1em; }
.navlinks a:last-child,.navlinks .nav-play { padding:12px 22px;border:1px solid #203b2d;border-radius:2px; }
.navlinks .nav-play { background:#203b2d;color:#fff6df;box-shadow:none; }
.navlinks .nav-play:hover { background:#34583f;color:#fff6df; }
.menu { min-width:44px;min-height:44px;border-radius:2px; }
.btn { min-height:54px;box-shadow:none;border-radius:2px;padding:14px 24px;background:#dec291;color:#252b23;border-color:#dec291;letter-spacing:.12em; }
.btn:hover { box-shadow:0 10px 24px #15221824;transform:translateY(-2px); }
.btn.dark { box-shadow:none;background:#203b2d;border-color:#203b2d; }
.btn.secondary { box-shadow:none;background:transparent; }
.concept-hero { min-height:720px;background:#15241d; }
.concept-sky { background-image:url('assets/concepts/argent-match-vision.webp');background-position:62% 50%;transform:none; }
.concept-hero:before { background:linear-gradient(90deg,#0d201bed 0%,#15251cdb 31%,#14251c8a 52%,#16261b0c 85%),linear-gradient(0deg,#122018e8,transparent 48%); }
.concept-hero-inner { min-height:720px;padding:48px 0 28px; }
.hero-brand { display:flex;align-items:center;gap:14px;width:auto; }
.hero-brand img { width:300px;height:auto;filter:drop-shadow(0 3px 10px #07140e55); }
.hero-brand span { border:0;padding:0;font:700 10px/1.5 Manrope,Arial,sans-serif;color:#e2caa0;letter-spacing:.18em;text-shadow:none; }
.hero-status { display:inline-flex;align-items:center;gap:9px;border:1px solid #e4d2a842;border-radius:20px;padding:7px 13px;color:#e5ddca;font:500 10px/1.2 Manrope,Arial,sans-serif;letter-spacing:.08em; }
.hero-status:before { content:'';width:6px;height:6px;border-radius:50%;background:#bfcba0;box-shadow:0 0 10px #a9c78b50; }
.hero-copy { max-width:760px;margin:auto 0;padding:40px 0 55px; }
.hero-copy .eyebrow { color:#d6bc89;font-size:10px;letter-spacing:.28em; }
.hero-copy h1 { font:500 clamp(62px,6.3vw,96px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;color:#fff8e8;text-shadow:0 4px 24px #07140e44;margin:20px 0 23px; }
.hero-copy h1 em { color:#e2c490;font-weight:500; }
.hero-copy p { font:400 15px/1.9 Manrope,Arial,sans-serif;max-width:510px;color:#e6e4d6; }
.hero-actions { gap:15px;margin-top:32px; }
.hero-actions .btn { background:#e0c795;border-color:#e0c795;color:#203025; }
.hero-actions .btn.secondary { background:#182c2299;border-color:#f1dfb557;color:#f1eadb; }
.hero-actions .btn span { margin-left:16px;font-size:16px; }
.hero-note { display:block;font:400 10px/1.6 Manrope,Arial,sans-serif;color:#c9cfc0;margin-top:20px;letter-spacing:.02em; }
.hero-bottom { color:#e4dfcc;font-size:9px;letter-spacing:.13em;border-top:1px solid #f0dfb52b;text-shadow:none;padding-top:22px; }
.hero-bottom span { display:flex;align-items:center;gap:13px; }
.hero-bottom b { font:500 22px 'Cormorant Garamond',Georgia,serif;color:#e0c795; }
.hero-art-label { position:absolute;right:48px;bottom:94px;color:#ece4d5;font:500 9px Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl; }
.section { padding:96px 0; }
.section.alt { background:#faf6ed; }
.section.soft { background:#e9e7db; }
.section-head p { max-width:680px;line-height:1.9;font-size:14px; }
.section-head h2 { line-height:1.04;font-weight:500; }
.inspiration { padding:88px 0 96px; }
.inspiration:before { height:1px;background:#d4c7ad; }
.editorial-head { gap:60px;align-items:center;margin-bottom:40px; }
.editorial-head h2 { font-weight:500;line-height:1.05;font-size:clamp(48px,5vw,72px); }
.editorial-head p { font:400 14px/1.9 Manrope,Arial,sans-serif;max-width:400px; }
.editorial-head h2 em { color:#8f754c; }
.inspiration-grid { gap:24px; }
.brief-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
.brief-card { border:1px solid var(--line);background:#fbf7ed; }
.brief-card>img { width:100%;height:170px;object-fit:cover; }
.brief-card>div { padding:24px 20px; }
.brief-card .eyebrow { font-size:9px;letter-spacing:.16em; }
.brief-card h3 { font:500 30px/1.1 'Cormorant Garamond',Georgia,serif;margin:14px 0; }
.brief-card p { font-size:12px;line-height:1.85;color:var(--muted);margin:0; }
.mechanics-brief .editorial-head h2 { font-size:clamp(42px,4.5vw,68px); }
@media(max-width:1000px) { .brief-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:550px) { .brief-grid { grid-template-columns:1fr; } .brief-card>img { height:190px; } }
.inspiration-card { padding:0;border:1px solid #cfbea0;box-shadow:0 15px 40px #1d2b1610;background:#fbf7ed; }
.inspiration-card:before,.inspiration-card:after { display:none; }
.inspiration-copy { padding:24px; }
.inspiration-copy strong { margin:20px -24px -24px;background:#26392c;padding:17px 24px; }
.inspiration-copy>p { font:500 10px/1.8 Manrope,Arial,sans-serif;letter-spacing:.06em;margin:10px 0 18px; }
.inspiration-title h3 { font-size:35px; }
.inspiration-equation { padding-top:18px;font-size:23px; }
.foundation { border-top:1px solid #b8a17e;border-bottom:1px solid #b8a17e; }
.foundation-art { background-image:url('assets/concepts/argent-game-field.webp'); }
.foundation-copy>p { font:400 14px/1.9 Manrope,Arial,sans-serif; }
.foundation h2 { font-weight:500;line-height:.98; }
.foundation-steps p { font:400 11px/1.5 Manrope,Arial,sans-serif; }
.feature p { font-size:14px;line-height:1.9; }
.feature-art>img { border:5px solid #fffaf0; }
.card,.figure,.concept-panel,.phase,.demo { box-shadow:0 12px 35px #26351e0c; }
.figure,.concept-panel { border-color:#d4c7ad; }
.card h3 { line-height:1.15; }
.gallery { gap:18px; }
.gallery img { border:1px solid #d4c7ad; }
.footer { background:#1b2d23;color:#e5dec8;border-top:1px solid #af9462; }
.footer .inner { padding:46px 0;gap:35px; }
.footer p { color:#bcbfac; }
.footer a:hover { color:#e7c894; }
.footer img { filter:none; }
.reveal { opacity:1;transform:none; }
.page-hero { background:linear-gradient(125deg,#e5e5d7,#f8f0de); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #bd8e48;outline-offset:4px; }
.to-top { position:fixed;bottom:24px;right:24px;width:46px;height:46px;border:1px solid #a98b5b;background:#203b2d;color:#fff4d9;z-index:30;border-radius:2px;font-size:20px;box-shadow:0 4px 15px #12251a26; }
.to-top[hidden] { display:none; }
@media (max-width:1120px) {
  .container { width:calc(100% - 64px); }
  .navlinks { top:80px;padding:20px 32px;background:#f9f4e9;gap:7px; }
  .navlinks a,.topbar.is-scrolled .navlinks a:not(.nav-play) { padding:11px 0; }
  .topbar.is-scrolled .navlinks.open { background:#f9f4e9; }
  .navlinks .nav-play { margin-top:8px;text-align:center; }
  .concept-hero,.concept-hero-inner { min-height:680px; }
  .hero-copy h1 { font-size:clamp(62px,7.3vw,82px); }
  .hero-art-label { right:22px; }
}
@media (max-width:700px) {
  .container { width:calc(100% - 40px); }
  .topbar,.topbar.is-scrolled { height:70px; }
  .topbar .logo { width:143px; }
  .navlinks { top:70px;padding:18px 20px; }
  .concept-hero,.concept-hero-inner { min-height:740px; }
  .concept-sky { background-position:65% 50%; }
  .concept-hero:before { background:linear-gradient(90deg,#10251cea,#17261ac4 65%,#14241b55),linear-gradient(0deg,#10221ceb,transparent 58%); }
  .concept-hero-inner { padding:32px 0 25px; }
  .hero-brand { flex-wrap:wrap;gap:15px; }
  .hero-brand img { width:230px; }
  .hero-brand>span { display:block;font-size:9px; }
  .hero-status { font-size:9px; }
  .hero-copy { padding:36px 0 32px; }
  .hero-copy h1 { font-size:clamp(46px,11.4vw,76px);line-height:1.06; }
  .hero-copy p { font-size:13px;line-height:1.85;max-width:420px; }
  .hero-actions { flex-direction:column;align-items:stretch;gap:12px;margin-top:27px; }
  .hero-actions .btn { width:100%;max-width:360px;justify-content:space-between;font-size:10px; }
  .hero-note { font-size:9px;max-width:320px; }
  .hero-bottom { display:flex;flex-direction:column;gap:11px;font-size:8px;padding-top:18px; }
  .hero-bottom b { font-size:18px; }
  .hero-art-label { display:none; }
  .section,.inspiration { padding:64px 0; }
  .editorial-head { margin-bottom:28px; }
  .editorial-head h2 { font-size:48px; }
  .editorial-head p { margin-top:24px;font-size:13px; }
  .inspiration-image { height:230px; }
  .foundation h2 { font-size:72px; }
  .foundation-copy>p { font-size:14px; }
  .foundation-steps { gap:16px; }
  .zone-grid { gap:5px; }
  .zone { min-height:78px;padding:5px;font-size:10px;overflow-wrap:anywhere; }
  .zone small { font-size:8px; }
  .demo { padding:20px 12px; }
  .footer .inner { flex-direction:column;align-items:flex-start;padding:34px 0; }
  .footer .inner>div:last-child { font-size:12px;line-height:2.2; }
  .to-top { bottom:16px;right:16px;width:42px;height:42px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}