/* Second Career Games: a night-signal identity, distinct from Bonewright's fantasy art. */
:root {
  --paper: #071924;
  --paper-deep: #0b2730;
  --ink: #e7f5ef;
  --ink-dark: #06131c;
  --orange: #79deb5;
  --mint: #123a36;
  --line: #31515a;
  --white: #e7f5ef;
  --muted: #a8c4be;
  --bright: #b7f2d3;
}

body { background:#071924; color:var(--white); }
::selection { background:#79deb5; color:#071924; }
:focus-visible { outline-color:#b7f2d3; }
.skip-link { background:#b7f2d3; color:#071924; }

.site-header { background:#071924ee; border-bottom-color:#31515a; position:sticky; top:0; z-index:50; backdrop-filter:blur(16px); }
.brand { color:#e7f5ef; }
.brand img { box-shadow:0 0 0 1px #47796d; }
.site-nav a:not(.nav-support):after { background:#79deb5; }
.site-nav a[aria-current="page"] { color:#b7f2d3; }
.site-nav a:hover { color:#b7f2d3; }
.nav-support { background:#123a36; color:#d7f4e4; border:1px solid #40806e; }
.nav-support:hover { background:#1c544a; color:#fff; }

.hero { background:radial-gradient(circle at 7% 20%,#143d42 0,#071924 34%); }
.hero-copy { position:relative; }
.hero-copy:before { content:''; position:absolute; top:40px; bottom:40px; left:clamp(12px,3.2vw,52px); width:1px; background:linear-gradient(transparent,#32615f 25%,#32615f 75%,transparent); opacity:.7; }
.eyebrow { color:#93cbbb; }
.eyebrow-line { background:#79deb5; box-shadow:0 0 14px #79deb588; }
.hero h1 { color:#f0faf4; }
.hero h1 { font-size:clamp(50px,5.2vw,86px); white-space:normal; }
.hero h1 em,.section-heading h2 em,.about-section h2 em,.contact-section h2 em,.page-hero h1 em { color:#9ce6c0; }
.hero-intro,.section-heading>p,.about-body p,.contact-layout p,.detail-intro p,.detail-status p { color:var(--muted); }
.button-dark { background:#79deb5; color:#061e23; }
.button-dark:hover { background:#b7f2d3; }
.text-link { color:#c4eee0; }
.text-link:hover { color:#78ddae; }

.hero-art { background:radial-gradient(circle at 65% 47%,#1f5752 0,#103735 40%,#071f2a 82%); border-left:1px solid #39635e; isolation:isolate; }
.hero-art:before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 5px,#a8f0c408 6px 7px); pointer-events:none; z-index:5; }
.art-grid { background-image:linear-gradient(#97d3bc16 1px,transparent 1px),linear-gradient(90deg,#97d3bc16 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,#000 0,#000 75%,transparent); }
.art-sun { background:radial-gradient(circle at 44% 42%,#83cfab 0,#276c60 43%,#0d3538 68%,transparent 70%); width:clamp(380px,43vw,670px); height:clamp(380px,43vw,670px); top:7%; right:-24%; filter:drop-shadow(0 0 45px #63caa143); opacity:.9; }
.art-ring { border-color:#90dcc456; width:580px; height:580px; left:-26%; top:3%; }
.art-ring-two { border-color:#90dcc430; width:710px; height:710px; left:-39%; top:-8%; }
.art-card { border:1px solid #88dcb7; box-shadow:0 20px 50px #03121d91; backdrop-filter:blur(6px); }
.art-card-back { background:#0a2c34de; transform:rotate(-8deg); }
.art-card-back span { color:#6cbf9d; }
.art-card-front { background:#08202ddc; color:#dcf6e9; transform:rotate(5deg); box-shadow:0 0 0 1px #1b6558,0 23px 70px #020c18ac; }
.art-card-front span { color:#dbf9e7; text-shadow:0 0 40px #79deb55c; }
.art-card small { color:#b6ead0; }
.art-bottom { border-top-color:#86cbb180; color:#c6e8d5; }
.hero-index { border-top-color:#31515a; color:#8dbbad; background:#071924; }

.section-kicker { color:#9fcbbd; }
.section-kicker .rule { background:#31515a; }
.statement { background:linear-gradient(135deg,#0b2730 0,#0b2730 55%,#103a39 100%); }
.statement>p { color:#e9f5f0; }
.statement>p strong { color:#a9eed0; }
.statement-aside { color:#afdbc7; }
.asterisk { color:#79deb5; }
.games-section { background:#071924; }
#games,#the-game { scroll-margin-top:88px; }
.game-feature { background:#0e2b33; border:1px solid #356255; box-shadow:0 20px 70px #020c1461; }
.game-image:after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 70%,#0e2b33 100%); }
.image-caption { background:#06131ce8; color:#ccebdd; border:1px solid #447364; }
.game-number { color:#a6dfbf; }
.status-dot { background:#8de6af; box-shadow:0 0 13px #86f0a8; }
.game-tagline { color:#e8f9ee; }
.game-info>p:not(.game-tagline) { color:#adc6bf; }
.game-chips span { border-color:#3f6b67; color:#bce0cf; }
.button-light,.button-cream { background:#b7f2d3; color:#092b2e; }
.button-light:hover,.button-cream:hover { background:#dcffeb; }

.about-section { background:#0c292d; }
.home-about { background:#0c292d; }
.home-about-layout { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:8vw; }
.home-about h2 { font:600 clamp(46px,5.4vw,82px)/1.05 'Space Grotesk',Arial,sans-serif; letter-spacing:-.07em; margin:0; }
.home-about h2 em { color:#9ce6c0; font-family:Georgia,serif; font-weight:400; }
.home-about p { color:#b4d0c4; font-size:18px; line-height:1.7; max-width:440px; }
.about-lead { color:#d5eadd; }
.people-grid { border-top-color:#315c5a; border-left-color:#315c5a; }
.person-card { border-right-color:#315c5a; border-bottom-color:#315c5a; }
.person-index { color:#8bc5b0; }
.person-card p { color:#abc8bf; }
.join-card { background:#123e38; }
.join-card p { color:#cfebda; }
.join-card a { color:#b7f2d3; }
.support-band { background:radial-gradient(circle at 0 100%,#1c5b4d 0,#0d3936 40%,#0c2730 100%); border-top:1px solid #497964; border-bottom:1px solid #497964; }
.support-band h2 { color:#e7f5ef; }
.support-band h2 em { color:#a7eaca; }
.support-band p { color:#bddbd0; }
.band-kicker { color:#a6d9bd; }
.contact-section { background:#091f2b; }
.contact-note { background:#0e3136; border-left-color:#79deb5; color:#cce8db!important; }
.site-footer { background:#05121c; border-top:1px solid #31515a; color:#e7f5ef; }
.footer-brand span { color:#79deb5; }
.site-footer p,.footer-bottom { color:#8aaca7; }
.footer-links a:hover,.footer-bottom a:hover { color:#b7f2d3; }
.footer-bottom { border-top-color:#31515a; }

.page-hero { background:radial-gradient(circle at 75% 25%,#1a4a42,#071924 65%); }
.interior-hero { padding-top:clamp(65px,7vw,110px); padding-bottom:clamp(65px,7vw,110px); }
.interior-hero h1 { font-size:clamp(55px,6.5vw,96px); }
.page-hero p:not(.eyebrow) { color:#accbc0; }
.bone-hero { background:#07131c; color:#e7f5ef; }
.bone-hero .eyebrow { color:#9bcab7; }
.bone-hero-copy>p:not(.eyebrow) { color:#c1d4ce; }
.bone-hero-image:before { background:linear-gradient(90deg,#07131c 0%,transparent 32%); }
.bone-facts { background:#0c302f; color:#e7f5ef; }
.bone-facts div { border-color:#3d6b60; }
.bone-facts span { color:#9dceb3; }
.detail-section { background:#091f2b; }
.detail-steps { background:#0c2a30; }
.steps-grid,.step { border-color:#37605b; }
.step span { color:#8ce3b6; }
.step p { color:#aac8be; }
.detail-status { background:#123b37; }
.detail-status ul { color:#b7d8c9; }
.support-page .page-hero { background:radial-gradient(circle at 78% 35%,#1a5a49,#0b2c31 55%,#071924); border-bottom:1px solid #3b6c5d; }
.support-page .page-hero p:not(.eyebrow) { color:#c5dfd1; }
.support-option { border-color:#3c605c; background:#0d2931; }
.support-option .num { color:#8dc9b2; }
.support-option p { color:#a9c8bc; }
.support-option span:last-child { color:#b7f2d3; }
.support-note { background:#103a35; border-top:1px solid #467664; border-bottom:1px solid #467664; color:#e7f5ef; }
.support-note p { color:#c5dfd1; }
.contact-page-section { background:#0c2a30; }
.contact-methods { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.contact-method { display:flex; flex-direction:column; align-items:flex-start; min-height:320px; padding:32px; border:1px solid #3c605c; background:#0c2530; }
.contact-method h2 { font:600 clamp(29px,3vw,43px)/1.1 'Space Grotesk',Arial,sans-serif; letter-spacing:-.055em; margin:54px 0 13px; }
.contact-method p { color:#a9c8bc; font-size:16px; line-height:1.7; max-width:460px; }
.contact-method .text-link,.method-status { margin-top:auto; }
.method-status { font:700 11px 'Space Grotesk',Arial,sans-serif; letter-spacing:.1em; color:#a5d9bf; }

@media(max-width:760px) {
  .site-nav { background:#0b2530; border-bottom-color:#31515a; box-shadow:0 16px 30px #0008; }
  .menu-button span { background:#dff3e9; }
  .hero-copy:before { display:none; }
  .hero-art { border-left:0; border-top:1px solid #39635e; }
  .game-image:after { background:linear-gradient(0deg,#0e2b33 0%,transparent 20%); }
  .bone-hero-image:before { background:linear-gradient(#07131c,transparent 30%); }
  .hero h1 { font-size:clamp(43px,9vw,69px); }
  .home-about-layout,.contact-methods { grid-template-columns:1fr; }
  .home-about-layout>div { margin-top:28px; }
  .contact-method { min-height:280px; }
  #games,#the-game { scroll-margin-top:72px; }
}