/* ===== Session 207 (9 Oct 2026, F210–F212): the brand from the FINAL cover ===============================
   Loaded after game-night.css and complete-site.css. Fonts: SIL Open Font License, files and licences in
   assets/brand/fonts. Artwork: FLUX-painted only (F211/FB-743) — the drive-in at dusk opening, the orange
   sunburst further down, the COMING SOON sign. This file only lays out, colours and sets type; it draws nothing. */
@font-face{font-family:"Anton";src:url(assets/brand/fonts/Anton-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Montserrat";src:url(assets/brand/fonts/Montserrat-VF.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url(assets/brand/fonts/ZillaSlab-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url(assets/brand/fonts/ZillaSlab-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Atkinson Next";src:url(assets/brand/fonts/AtkinsonHyperlegibleNext-VF.ttf) format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:"Norican";src:url(assets/brand/fonts/Norican-Regular.ttf) format("truetype");font-display:swap}

.nostalgia.s207{--navy:#1D4195;--blue:#1D4195;--blue-deep:#162F6E;--cream:#FBF5EB;--paper:#F4E6CC;--paper-deep:#EAD7B4;--gold:#C79459;--gold-light:#E2C38E;
  --maroon:#732115;--red:#B51C1A;--ink:#171313;--bronze:#8E6A3E;--yellow:#C79459;
  color:var(--ink);background:var(--paper);font:19px/1.6 "Atkinson Next","Atkinson Hyperlegible",Arial,sans-serif}
.nostalgia.s207 h1,.nostalgia.s207 h2,.nostalgia.s207 h3{font-family:"Zilla Slab",Georgia,serif;font-weight:700;color:var(--blue);letter-spacing:0}
.nostalgia.s207 a{text-underline-offset:3px}
.s207 .s203-kicker,.s207 .kicker,.s207 .s207-kicker{font-family:Montserrat,Arial,sans-serif;font-weight:700;letter-spacing:.13em;font-size:14px;color:var(--blue);text-transform:none}

/* buttons: words always, 48 px or taller */
.s207 .cta,.s207 .button{background:var(--red);color:var(--cream);border:2px solid #8e1513;box-shadow:0 4px 0 #6d100e;border-radius:8px;font-family:"Atkinson Next",Arial,sans-serif;font-weight:800;min-height:52px}
.s207 .cta:hover,.s207 .button:hover{background:#9c1715}
.s207 .cta.secondary,.s207 .button.secondary{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:none}
.s207 .text-button{color:var(--maroon);font-weight:800}

/* masthead: deep evening blue, cream name from the cover */
.s207 .masthead.s203-masthead{background:var(--blue-deep);color:var(--cream);border-bottom:0}
.s207 .masthead .brand{display:inline-flex;align-items:center}
.s207 .masthead .brand img{display:block;height:44px;width:auto}
.s207 .masthead .brand span.s207-brand-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.s207 .s203-nav a,.s207 .s203-play-phone,.s207 .s203-menu summary{color:var(--cream)}
.s207 .s203-nav a{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.s207 .s203-nav .s203-nav-play,.s207 .s203-play-phone{background:none;border:0;text-decoration:underline;color:var(--cream)}
.s207 .s203-menu summary{border-color:var(--cream)}
.s207 .s203-menu nav{background:var(--cream)}
.s207 .s203-menu nav a{color:var(--ink)}

/* ---- the opening: FLUX-painted drive-in at dusk ---- */
.s207-hero{position:relative;overflow:hidden;padding:10px 12px 20px;background:var(--blue-deep)}
.s207-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
.s207-hero-inner{position:relative;z-index:1;display:grid;justify-items:center;gap:9px;text-align:center}
.s207-signwrap{display:grid;justify-items:center}
.s207-sign{width:min(292px,80vw);height:auto;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.s207-signline{font-family:Montserrat,Arial,sans-serif;font-weight:800;font-size:14px;letter-spacing:.12em;margin:-2px auto 0;padding:3px 12px;border-radius:20px;background:rgba(251,245,235,.94);color:var(--blue)}
.s207-book{margin:0;width:180px;position:relative}
.s207-book img{display:block;width:100%;height:auto;border-radius:3px 6px 6px 3px;box-shadow:0 22px 34px rgba(0,0,0,.5),0 3px 0 rgba(0,0,0,.25)}
.s207-card{background:rgba(251,245,235,.96);border-radius:14px;padding:12px 14px 12px;box-shadow:0 10px 26px rgba(0,0,0,.25);width:100%;max-width:380px;color:var(--ink)}
.s207-card .s207-kicker{margin:0;font-size:14px}
.s207-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.s207-strap{font-family:Norican,cursive;font-size:27px;color:var(--maroon);margin:2px 0 0;line-height:1.15}
.s207-benefit{font-size:18px;font-weight:700;margin:2px 0 8px}
.s207-desc{display:none}
.s207-actions{display:grid;justify-items:center;gap:6px}
.s207-actions .cta{width:100%;display:flex;align-items:center;justify-content:center;font-size:19px;text-decoration:none}
.s207-textlink{font-weight:800;font-size:18px;color:var(--ink)}
.s207-honest{font-size:16.5px;margin:4px 0 0;color:#231d17}
.s207-switch{margin:6px 0 0;font-size:16px}.s207-switch a{color:var(--maroon);font-weight:700}
@media (min-width:900px){
  .s207 .masthead .brand img{height:58px}
  .s207-hero{padding:22px 40px 38px}
  .s207-hero-inner{grid-template-columns:350px 560px;grid-template-areas:"sign sign" "book card";justify-content:center;align-items:center;column-gap:60px;row-gap:16px}
  .s207-signwrap{grid-area:sign}.s207-sign{width:470px}
  .s207-book{grid-area:book;width:330px;transform:rotate(-2deg)}
  .s207-card{grid-area:card;max-width:560px;text-align:left;padding:22px 26px 18px}
  .s207-h1{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:block;font-family:Anton,Impact,sans-serif!important;font-weight:400!important;font-size:46px;line-height:1.04;color:var(--blue)!important;margin:6px 0 4px}
  .s207-strap{font-size:34px}.s207-desc{display:block;font-size:18px;margin:4px 0 12px}
  .s207-actions{grid-auto-flow:column;justify-content:start;align-items:center;gap:22px}.s207-actions .cta{width:auto;padding-inline:24px}
}

/* ---- sections below: paper and cream, the book's own colours ---- */
.s207 .s207-inside,.s207 .s203-glance{background:var(--cream)}
.s207 .s203-sample,.s207 .s203-about{background:var(--paper)}
.s207 .s203-news{background:var(--cream)}
.s207 .s203-qtabs button[aria-selected="true"],.s207 .s203-page-tabs button[aria-pressed="true"]{background:var(--blue);color:var(--cream);border-color:var(--blue)}
.s207 .s203-qtabs button,.s207 .s203-page-tabs button{border-color:var(--blue);color:var(--blue);font-weight:800}
.s207 .s203-big{color:var(--red);font-family:Anton,Impact,sans-serif}
.s207 .s203-qcard,.s207 .s203-faq,.s207 .mail-panel{background:var(--cream);border-color:var(--paper-deep)}
.s207 .s203-qmeta span:first-child{color:var(--maroon)}
.s207-flip-soon{margin:14px 0 0;padding:14px 16px;border-radius:10px;background:var(--paper);border:1px solid var(--paper-deep)}
.s207-flip-soon b{display:block;font-family:"Zilla Slab",Georgia,serif;font-size:21px;color:var(--blue)}
.s207 .s203-proof img{border:1px solid var(--paper-deep)}

/* ---- the orange sunburst (FLUX-painted), further down the page and on other pages (F212) ---- */
.s207-sunburst{position:relative;overflow:hidden}
.s207-sunburst>.s207-section-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
.s207-sunburst>.site-wrap{position:relative;z-index:1}
.s207-panel{background:rgba(251,245,235,.95);border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.s207 .s203-decades{background:transparent;padding-block:28px}
.s207 .s203-decade{background:var(--cream);border:1px solid var(--paper-deep)}
.s207 .s203-decade-name{font-family:Anton,Impact,sans-serif;color:var(--blue);letter-spacing:.02em}
.s207 .s203-decade-go{color:var(--red)}

/* ---- play and reader pages: the sunburst behind a readable header card ---- */
.s207 .s207-pagehead{position:relative;overflow:hidden;padding:18px 0}
.s207 .s207-pagehead>.s207-section-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.s207 .s207-pagehead>.site-wrap{position:relative;z-index:1}
.s207 .s203-play-head h1,.s207 .s203-reader-head h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:44px;line-height:1.04;color:var(--blue)}
.s207 .s203-round-pick a[aria-current]{background:var(--blue);color:var(--cream)}
.s207 .s203-round-pick a{border-color:var(--blue);color:var(--blue)}

/* footer: the evening blue again, with the seal */
.s207 .site-footer{background:var(--blue-deep);color:var(--cream)}
.s207 .site-footer a{color:var(--cream)}
.s207 .site-footer .brand{color:var(--cream)}
.s207 .site-footer .s207-footer-marks{display:flex;align-items:center;gap:16px}
.s207 .site-footer .s207-footer-marks img.s207-seal{width:72px;height:72px}
.s207 .site-footer .s207-footer-marks img.s207-lockup{height:52px;width:auto}
.s207 .site-footer details,.s207 .site-footer summary{color:var(--cream)}

/* ---- fixes after the first rendered check (older session-203 rules were winning) ---- */
.s207-nowrap{white-space:nowrap}
.s207 .s207-brand-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.s207 .s203-play-phone,.s207 .s203-nav .s203-nav-play{background:transparent!important;color:var(--cream)!important;border:0!important;box-shadow:none!important;text-decoration:underline!important;font-weight:800}
.s207 img.s207-hero-bg,.s207 img.s207-section-bg{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.s207 .cta,.s207 .button,.s207 .s207-actions .cta,.s207 a.cta.s207-primary{color:var(--cream)!important}
.s207 .cta.secondary,.s207 .button.secondary{color:var(--ink)!important}
.s207 .s203-decades,.s207 .s203-decades p,.s207 .s203-decades-intro,.s207 .s203-decades li{color:var(--ink)!important}
.s207 .s203-decades .s203-kicker{color:var(--blue)!important}
.s207 .s203-decades h2{color:var(--blue)!important}
.s207 .s203-decades .text-button{color:var(--maroon)!important}
.s207 .s203-news,.s207 .s203-news p,.s207 .s203-news li,.s207 .s203-news-aside,.s207 .s203-steps b{color:var(--ink)!important}
.s207 .s203-news .s203-kicker{color:var(--blue)!important}
.s207 .s203-news h2{color:var(--blue)!important}
/* full width: the old wallpaper design boxed the header, page and footer at 1280 px */
.complete-site.s207 .masthead,.complete-site.s207 #main,.complete-site.s207 .site-footer{max-width:none!important;width:100%!important;margin-inline:0!important;box-shadow:none!important}
.complete-site.s207 .masthead{border-bottom:0!important}
.complete-site.s207 .site-footer{border-top:3px solid var(--gold)!important}

/* Our story: the seal in place of the old typed monogram */
.s207 .s207-author-mark{display:flex;align-items:center;gap:14px;font-size:inherit}
.s207 .s207-author-mark img{width:84px;height:84px}
.s207 .s207-author-mark span{font-family:Montserrat,Arial,sans-serif;font-weight:700;letter-spacing:.1em;font-size:14px;color:var(--blue)}
.s207 .s207-note-seal{display:block;width:84px;height:84px;margin-bottom:8px}