/* All-American beach palette: lifeguard red, canvas white and deep navy. */
:root{
  --bg:#fff8ed;--panel:#fffdf8;--panel-2:#e5edf0;
  --text:#172b45;--muted:#536071;--line:#d4d5cf;--line-2:#8693a1;
  --gold:#c9232b;--gold-deep:#911b23;--brass:#c9232b;--hot:#b31e28;--ok:#246052;
  --navy-1:#172b45;--navy-2:#233d5c;--paper:#fff8ed;--paper-2:#fffdf8;
  --cream:#e5edf0;--ink:#172b45;--ink-2:#536071;--red:#c9232b;
  --rule:#d4d5cf;--rule-soft:#d4d5cf;--shadow-card:0 4px 0 #172b4512;
}
body{background:var(--bg);border-top:7px solid var(--gold)}
body::before{display:none}
.bk-top{gap:16px;padding:7px 0 19px;border-bottom:3px double var(--gold);margin-bottom:24px}
.bk-word{text-decoration:none;color:var(--gold);display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.bk-word strong{font:900 italic 29px/.95 var(--head);font-stretch:75%;letter-spacing:-.045em;text-transform:uppercase}
.bk-word small{font:800 10px/1 var(--body);letter-spacing:.23em;text-transform:uppercase;color:var(--text)}
.hero{border:0;border-radius:3px;background:var(--panel);box-shadow:0 5px 0 var(--text)}
.hero-copy{padding:42px 32px}
.hero h1{font-family:var(--head);font-weight:900;font-style:italic;font-stretch:75%;font-variation-settings:"wdth" 75,"wght" 900;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.04em;text-transform:uppercase;color:var(--gold)}
.hero h1 .dot{display:none}
.hero .tagline{font:800 19px/1.3 var(--head);color:var(--text)}
.hero .sub{color:var(--muted)}
.hero-photo{background-image:url('/photos/hero.jpg');background-position:50% 20%}
.label,.about p b,.ent-h h2,.pop h3{font-family:var(--head);font-weight:900;font-style:italic;font-stretch:75%;font-variation-settings:"wdth" 75,"wght" 900;line-height:1.05;text-transform:uppercase;color:var(--gold)}
.copy p,.blocks p,.product,.about,.ent,.ent-opt,.card{border-radius:3px;background:var(--panel);box-shadow:none}
.copy p{border:0;border-top:3px solid var(--gold);padding-left:0;padding-right:20px;background:transparent}
.copy p b,.blocks b,.card h3,.ent-opt h3{font-weight:900;font-style:italic;text-transform:uppercase}
.about .pic{border-radius:2px}
.book,.strip .s-go{background:var(--gold);color:#fffdf8;border-radius:3px;box-shadow:inset 0 -3px 0 var(--gold-deep);font-weight:800}
.book.light{background:var(--text);color:#fffdf8;box-shadow:inset 0 -3px 0 #09192c}
.book.line{color:var(--text);background:transparent;border-color:var(--text);box-shadow:none}
.book.line:hover{background:var(--panel-2)}
.book[aria-disabled="true"]{background:var(--panel-2);color:var(--muted);box-shadow:none}
.strip,.deal{border-radius:3px;border:1px solid var(--line);border-left:5px solid var(--gold);background:var(--panel)}
.strip{margin-top:0}
.deal{margin-top:24px}
.tiles span{border:0;border-radius:3px;background:var(--text);color:#d6e4ef}
.tiles b{color:#fff8ed}
.tog{border-radius:3px;background:var(--panel-2);border:1px solid var(--line)}
.tog .pill{border-radius:2px;background:var(--text)}
.tog button[aria-pressed="true"]{color:#fff8ed}
.tog small{border-radius:2px;background:#fffdf8;color:var(--text)}
.tog button[aria-pressed="true"] small{background:#fff8ed;color:var(--text)}
.card.hero-card,.blocks p.hero-card{border:2px solid var(--gold);border-top:7px solid var(--gold);background:var(--panel);box-shadow:5px 5px 0 #172b4512}
.card .badge{background:var(--gold);color:#fffdf8;border-radius:2px}
.card .ends{background:var(--text);color:#fffdf8;border-radius:2px}
.tag{border-radius:2px;background:#e2eee7;color:#255746}
.tag.brass,.tag.red{background:#fce5df;color:#9b1b24}
.tag.info{background:var(--panel-2);color:var(--muted)}
.sheet,.pop,.slide,.toast{border-radius:4px;border-color:var(--line);box-shadow:0 12px 40px #172b4529}
.sheet,.pop{border-top:7px solid var(--gold)}
.sheet:not(.on),.slide:not(.on),.toast:not(.on){visibility:hidden}
.pop h3{font-size:32px}
.scrim{background:#172b45aa}
.sticky{background:#fff8edf5;border-top:3px solid var(--gold)}
.compare{border-radius:3px}
.bk a:focus-visible,.bk button:focus-visible{outline:3px solid #246a8d;outline-offset:4px}
nav{background:#fff8edf5;border-bottom:3px double var(--gold)}
.btn{background:var(--gold);border-color:var(--gold);color:#fffdf8;border-radius:3px}
.btn.secondary{color:var(--text);border-color:var(--text)}
.wordmark{color:var(--gold)}
.gift-shop-return{display:block;margin:28px auto 0;text-align:center;font-size:13px;font-weight:600;color:var(--text);text-underline-offset:4px}
@media(max-width:860px){.hero-photo{height:360px;background-position:50% 20%}.hero-copy{padding:28px 22px 32px}.hero h1{font-size:clamp(38px,8.6vw,64px)}}
@media(max-width:360px){.bk-word strong{font-size:25px}.bk-top{gap:10px}.bk-top span,.bk-top a.back{font-size:12px}.hero-photo{height:300px}}