/* Inner pages for Option A (Plate VI + Broadsheet). Builds on a-theme.css; same tokens, same type. */
.sA .bar nav a.on{border-bottom:1.5px solid var(--m);padding-bottom:4px}
.sA .crumb{font:12px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--g);padding:22px 48px 0}
.sA .crumb a{text-decoration:none}
/* page hero: an engraved plate with a real photograph cut into it */
.sA .phero{display:grid;grid-template-columns:repeat(12,1fr);gap:0 24px;padding:20px 48px 0;position:relative}
.sA .phero .copy{grid-column:1/6;grid-row:1;padding-top:40px;position:relative;z-index:2}
.sA .phero h1{font-size:104px}
.sA .phero .copy p{font-size:19px;max-width:34ch}
.sA .phero .art{grid-column:6/13;grid-row:1;margin-right:-48px}
.sA .phero .art img{width:100%;height:640px;object-fit:cover;mix-blend-mode:multiply}
.sA .phero .win{position:absolute;right:72px;bottom:-190px;width:470px;z-index:3}
.sA .phero .win .photo{height:380px;box-shadow:0 0 0 12px var(--p)}
.sA .phero + .ticker{margin-top:280px}
.sA .lede{font:400 30px/1.25 "IM Fell English",serif;max-width:40ch;margin:0 0 26px}
/* section shells */
.sA .sec{padding:110px 48px}
.sA .sec.dark{background:var(--i);color:var(--p)}
.sA .sec.dark h2{color:var(--p)}
.sA .sec.dark .kick{color:#F2C49E}
.sA .two{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.sA .two.rev{grid-template-columns:7fr 5fr}
/* cottage gallery: plates of different sizes, numbered like figures */
.sA .figs{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:18px}
.sA .figs figure{margin:0;display:flex;flex-direction:column;min-height:0}
.sA .figs .photo{flex:1;min-height:0}
.sA .figs figcaption{font:italic 14px/1.3 "IM Fell English",serif;margin-top:6px;color:var(--g)}
.sA .figs figcaption b{font:12px "IBM Plex Mono";font-style:normal;color:var(--m);margin-right:6px}
/* the broadsheet day */
.sA .day{border-top:3px double var(--i);margin-top:30px}
.sA .day div{display:grid;grid-template-columns:200px 1fr 2fr;gap:30px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--r)}
.sA .day .t{font:900 64px/.9 "Archivo";font-stretch:62%;color:var(--m)}
.sA .day h3{font:400 32px/1.1 "IM Fell English";margin:0}
.sA .day p{margin:0;font-size:16px;max-width:52ch}
/* full-bleed pair */
.sA .bleed{display:grid;grid-template-columns:3fr 2fr;gap:0;height:720px;position:relative}
.sA .bleed .photo{height:100%}
.sA .bleed .over{position:absolute;left:48px;bottom:48px;color:#fff;font:400 96px/.86 "IM Fell English";max-width:10ch;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.sA .bleed .over small{display:block;font:12px "IBM Plex Mono";letter-spacing:.08em;text-transform:uppercase;margin-top:16px}
/* storm conditions */
.sA .storm{display:grid;grid-template-columns:1fr 1fr;background:var(--ink2);color:var(--p)}
.sA .storm .photo{height:620px}
.sA .storm .t{padding:70px 56px}
.sA .seasons{margin-top:26px;border-top:1px solid #3a3f48}
.sA .seasons div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #3a3f48;font-size:15px}
.sA .seasons b{font:900 26px/1 "Archivo";font-stretch:62%;text-transform:uppercase;color:var(--pal)}
/* enquiry form, drawn as a ruled card */
.sA .form{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;margin-top:30px;max-width:820px}
.sA .form label{display:block;font:12px "IBM Plex Mono";letter-spacing:.06em;text-transform:uppercase;color:var(--g)}
.sA .form .f{display:block;border:0;border-bottom:1.5px solid var(--i);height:42px;margin-top:4px;font:italic 19px "IM Fell English";color:var(--g);padding-top:12px}
.sA .form .full{grid-column:1/3}
.sA .bring{list-style:none;padding:0;margin:20px 0 0;columns:2;font:400 22px/1.5 "IM Fell English"}
.sA .bring li::before{content:"✶ ";color:var(--pal)}
/* occasions list, broadsheet scale */
.sA .occ{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:3px double var(--i)}
.sA .occ li{padding:22px 24px 26px 0;border-bottom:1px solid var(--r)}
.sA .occ li:nth-child(odd){border-right:1px solid var(--r)}
.sA .occ li:nth-child(even){padding-left:24px}
.sA .occ b{display:block;font:900 54px/.9 "Archivo";font-stretch:62%;text-transform:uppercase;margin-bottom:8px}
.sA .occ span{font:italic 18px "IM Fell English";color:var(--g)}
.sA .walk{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px;height:720px}
.sA .walk .photo{height:100%}
.sA .walk .t{background:#F3E7C6;padding:44px 40px;display:flex;flex-direction:column;justify-content:flex-end}
.sA .walk .t h2{font-size:58px}
.sA .steps{counter-reset:s;list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.sA .steps li{border-top:1.5px solid var(--i);padding-top:12px;font-size:16px}
.sA .steps li::before{counter-increment:s;content:counter(s);display:block;font:900 64px/1 "Archivo";font-stretch:62%;color:var(--m);margin-bottom:8px}
.sA .lamp{font:400 40px/1.15 "IM Fell English";max-width:30ch}
.sA .lamp b{font:900 1.1em/1 "Archivo";font-stretch:62%;text-transform:uppercase;color:var(--pal)}
@container (max-width:700px){
  .sA .crumb{padding:16px 18px 0}
  .sA .phero{display:flex;flex-direction:column;padding:12px 0 0}
  .sA .phero .art{order:0;margin:0}.sA .phero .art img{height:300px}
  .sA .phero .win{position:relative;right:auto;bottom:auto;order:1;margin:-90px 18px 0 auto;width:66%}.sA .phero .win .photo{height:200px;box-shadow:0 0 0 7px var(--p)}
  .sA .phero .copy{order:2;padding:26px 18px 0}.sA .phero h1{font-size:58px}
  .sA .phero + .ticker{margin-top:30px}
  .sA .sec{padding:60px 18px}
  .sA .lede{font-size:22px}
  .sA .two,.sA .two.rev,.sA .storm{display:block}
  .sA .figs{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.sA .figs figure{grid-column:span 1 !important;grid-row:span 2 !important}
  .sA .day div{grid-template-columns:1fr;gap:6px}.sA .day .t{font-size:46px}
  .sA .bleed{display:block;height:auto}.sA .bleed .photo{height:340px}.sA .bleed .over{font-size:48px;left:18px;bottom:auto;top:30px}
  .sA .storm .photo{height:300px}.sA .storm .t{padding:40px 18px}
  .sA .form{grid-template-columns:1fr}.sA .form .full{grid-column:1}
  .sA .bring{columns:1;font-size:19px}
  .sA .occ{grid-template-columns:1fr}.sA .occ li{border-right:0 !important;padding-left:0 !important}.sA .occ b{font-size:40px}
  .sA .walk{display:block;height:auto}.sA .walk .photo{height:360px;margin-bottom:12px}.sA .walk .t{padding:30px 18px}.sA .walk .t h2{font-size:40px}
  .sA .steps{grid-template-columns:1fr 1fr}
  .sA .lamp{font-size:26px}
}

/* ---- added for nature / palamu / gallery / visit ---- */
.sA .reg8{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 18px;margin-top:34px}
.sA .reg8 figure{margin:0;position:relative}
.sA .reg8 .photo{height:250px}
.sA .reg8 figcaption{margin-top:10px;line-height:1.3;font-size:14px}
.sA .reg8 figcaption .no{font:12px "IBM Plex Mono";color:var(--m);display:block}
.sA .reg8 figcaption b{display:block;font:400 22px/1.1 "IM Fell English"}
.sA .reg8 .gap .photo{border:1.5px dashed var(--g);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font:12px/1.5 "IBM Plex Mono";color:var(--g);text-transform:uppercase}
.sA .stamp{display:inline-block;border:2px solid var(--lat);color:var(--lat);padding:7px 11px;font:700 12px/1.3 "Courier Prime",monospace;text-transform:uppercase;letter-spacing:.04em;transform:rotate(-3deg);max-width:30ch;background:var(--p)}
.sA .months{display:grid;grid-template-columns:170px repeat(12,1fr);margin-top:30px;font-size:15px}
.sA .months .h{font:12px "IBM Plex Mono";text-transform:uppercase;color:var(--g);padding:6px 0;border-bottom:1.5px solid var(--i);text-align:center}
.sA .months .n{padding:12px 0;border-bottom:1px solid var(--r);font:italic 19px "IM Fell English"}
.sA .months .c{border-bottom:1px solid var(--r);position:relative}
.sA .months .c.f::after,.sA .months .c.b::after,.sA .months .c.l::after{content:"";position:absolute;left:2px;right:2px;top:13px;bottom:13px}
.sA .months .c.f::after{background:var(--pal)}.sA .months .c.b::after{background:#D9A441}.sA .months .c.l::after{background:var(--lat)}
.sA .key{display:flex;gap:24px;margin-top:12px;font:12px "IBM Plex Mono";text-transform:uppercase;color:var(--g)}
.sA .key span::before{content:"";display:inline-block;width:14px;height:10px;margin-right:6px;background:var(--pal)}
.sA .key .b::before{background:#D9A441}.sA .key .l::before{background:var(--lat)}
.sA .trees5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}
.sA .trees5 figure{margin:0}.sA .trees5 .photo{height:300px}
.sA .trees5 figcaption{background:#5B4A3E;color:var(--p);padding:10px 12px}
.sA .trees5 figcaption b{display:block;font:400 22px/1.1 "IM Fell English"}.sA .trees5 figcaption i{font-size:13px;opacity:.85}
.sA .strata{display:grid;grid-template-rows:70px 56px 80px 110px;border:2px solid var(--i);margin-top:34px}
.sA .strata div{display:flex;justify-content:space-between;align-items:center;padding:0 18px;font:700 14px "Courier Prime",monospace;text-transform:uppercase}
.sA .strata .a{background:#6C7F4E;color:#fff}.sA .strata .b{background:#B6774A;color:#fff}
.sA .strata .c{background:repeating-linear-gradient(0deg,#17140F 0 3px,#2a241c 3px 8px);color:#EFEAE0}
.sA .strata .d{background:repeating-linear-gradient(75deg,#8A847C 0 12px,#77716a 12px 13px);color:#fff}
.sA .facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--r);margin-top:40px}
.sA .facts div{padding:24px 24px 26px 0;border-right:1px solid var(--r)}
.sA .facts div+div{padding-left:24px}.sA .facts div:last-child{border-right:0}
.sA .facts b{display:block;font:900 64px/.9 "Archivo";font-stretch:62%;color:var(--m);margin-bottom:10px}
.sA .facts h3{font:400 26px/1.1 "IM Fell English";margin:0 0 8px}
.sA .facts p{margin:0;font-size:15px}
.sA .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:36px}
.sA .timeline figure{margin:0}
.sA .timeline img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--r);mix-blend-mode:multiply}
.sA .timeline .yr{display:block;font:900 46px/1 "Archivo";font-stretch:62%;color:var(--pal);margin:12px 0 6px}
.sA .timeline h3{font:400 22px/1.15 "IM Fell English";margin:0 0 6px;color:var(--p)}
.sA .timeline p{font-size:14px;margin:0;color:#d8d1c3}
.sA .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.sA .chips span{border:1.5px solid var(--i);padding:8px 14px;font:13px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.04em}
.sA .chips span.on{background:var(--i);color:var(--p)}
.sA .gal{margin-top:50px}
.sA .gal h3{font:900 44px/1 "Archivo";font-stretch:62%;text-transform:uppercase;margin:0 0 16px;display:flex;gap:16px;align-items:baseline}
.sA .gal h3 small{font:12px "IBM Plex Mono";color:var(--g);text-transform:uppercase}
.sA .masonry{columns:4;column-gap:16px}
.sA .masonry figure{margin:0 0 16px;break-inside:avoid}
.sA .masonry img{width:100%;display:block}
.sA .masonry figcaption{font:italic 13px "IM Fell English";color:var(--g);margin-top:5px}
.sA .masonry figcaption b{font:11px "IBM Plex Mono";font-style:normal;color:var(--m);margin-right:6px}
.sA .route{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.sA .route div{border-top:3px double var(--i);padding-top:16px}
.sA .route b{display:block;font:900 48px/1 "Archivo";font-stretch:62%;text-transform:uppercase;margin-bottom:8px}
.sA .route p{font-size:16px;margin:0}
.sA .channels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.sA .channels div{background:#F3E7C6;border:3px solid var(--i);padding:22px}
.sA .channels b{display:block;font:900 34px/1 "Archivo";font-stretch:62%;text-transform:uppercase;color:var(--lat);margin-bottom:8px}
@container (max-width:700px){
  .sA .reg8{grid-template-columns:1fr 1fr}.sA .reg8 .photo{height:160px}
  .sA .months{grid-template-columns:70px repeat(12,1fr);font-size:12px}.sA .months .h{font-size:8px}.sA .months .n{font-size:14px}
  .sA .trees5{grid-template-columns:1fr 1fr}.sA .trees5 .photo{height:200px}
  .sA .strata{grid-template-rows:56px 44px 60px 80px}.sA .strata div{font-size:11px;padding:0 10px}
  .sA .facts{grid-template-columns:1fr}.sA .facts div{border-right:0;padding:18px 0 !important;border-bottom:1px solid var(--r)}
  .sA .timeline{grid-template-columns:1fr 1fr}
  .sA .masonry{columns:2}
  .sA .route,.sA .channels{grid-template-columns:1fr}
  .sA .gal h3{font-size:32px}
}

/* ---- tiger-reserve base, tiger plates, Ray film strip, activities ---- */
.sA .base{background:var(--m);color:var(--p);padding:90px 48px 100px;position:relative;overflow:hidden}
.sA .base .x.big{font-size:150px;line-height:.82;margin:12px 0 26px;color:var(--p)}
.sA .base .x.big span{color:var(--pal)}
.sA .base .lead3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:3px double var(--p);margin-top:30px}
.sA .base .lead3 div{padding:22px 24px 10px 0;border-right:1px solid rgba(246,241,228,.35)}
.sA .base .lead3 div+div{padding-left:24px}.sA .base .lead3 div:last-child{border-right:0}
.sA .base .lead3 b{display:block;font:900 64px/.9 "Archivo";font-stretch:62%;color:var(--pal)}
.sA .base .lead3 h3{font:400 30px/1.1 "IM Fell English";margin:8px 0 8px}
.sA .base .lead3 p{margin:0;font-size:15px;color:#f0e2dc}
.sA .base .chipline{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.sA .base .chipline span{border:1.5px solid var(--p);padding:8px 12px;font:700 12px "Archivo";letter-spacing:.1em;text-transform:uppercase}
.sA .base .btn{background:var(--pal);color:var(--ink2);margin-top:30px}
.sA .tigers{background:var(--ink2);color:var(--p);padding:100px 48px}
.sA .tigers h2{color:var(--p)}
.sA .tigers .x.big{font-size:170px;line-height:.8;margin:10px 0 18px;color:var(--pal)}
.sA .tgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:18px;margin-top:40px}
.sA .tgrid figure{margin:0;background:#F6F1E4;padding:10px 10px 12px;color:var(--i)}
.sA .tgrid figure img{width:100%;aspect-ratio:3/4;object-fit:cover;mix-blend-mode:multiply;display:block}
.sA .tgrid figure.lead{grid-row:span 2}
.sA .tgrid figure.lead img{aspect-ratio:auto;height:calc(100% - 92px)}
.sA .tgrid figcaption{margin-top:10px;line-height:1.2}
.sA .tgrid figcaption b{display:block;font:900 30px/1 "Archivo";font-stretch:62%;text-transform:uppercase}
.sA .tgrid figcaption span{font:12px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.04em;color:var(--g)}
.sA .tgrid figure.lead figcaption b{font-size:64px;color:var(--m)}
.sA .tgrid figure.lead figcaption p{font:italic 17px/1.35 "IM Fell English";margin:8px 0 0;max-width:46ch}
.sA .film{background:#000;color:#eee;padding:100px 0 90px}
.sA .film .hd{padding:0 48px;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:end}
.sA .film .x.big{font-size:150px;line-height:.82;margin:0;color:#fff}
.sA .film .x.big span{color:var(--pal)}
.sA .film .hd>p{font:400 22px/1.35 "IM Fell English";color:#d9d4ca;margin:0}
.sA .strip{margin-top:46px;background:#111;padding:26px 0;position:relative}
.sA .strip::before,.sA .strip::after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,transparent 0 14px,#2b2b2b 14px 30px)}
.sA .strip::before{top:6px}.sA .strip::after{bottom:6px}
.sA .frames{display:grid;grid-template-columns:2fr 1.4fr 1.4fr 1fr;grid-auto-rows:300px;gap:10px;padding:0 48px}
.sA .frames figure{margin:0;position:relative;overflow:hidden}
.sA .frames figure.tall{grid-row:span 2}
.sA .frames figure.wide{grid-column:span 2}
.sA .frames img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.sA .frames figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));font:12px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.05em;color:#ddd}
.sA .film .credit{padding:18px 48px 0;font:11px "IBM Plex Mono";color:#8a857c;text-transform:uppercase;letter-spacing:.05em}
.sA .acts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:3px double var(--i);margin-top:34px}
.sA .acts article{border-right:1px solid var(--r);border-bottom:1px solid var(--r);padding:20px 20px 26px}
.sA .acts article:nth-child(3n){border-right:0}
.sA .acts .photo{height:260px;margin-bottom:16px}
.sA .acts b{display:block;font:900 44px/.92 "Archivo";font-stretch:62%;text-transform:uppercase;margin-bottom:8px}
.sA .acts b small{display:block;font:12px "IBM Plex Mono";letter-spacing:.06em;color:var(--m);margin-bottom:6px}
.sA .acts p{margin:0;font-size:15px}
.sA .acts article.feat{background:var(--ink2);color:var(--p)}
.sA .acts article.feat b{color:var(--pal)}
.sA .acts article.feat b small{color:#F2C49E}
@container (max-width:700px){
  .sA .base{padding:56px 18px 60px}.sA .base .x.big{font-size:68px}
  .sA .base .lead3{grid-template-columns:1fr}.sA .base .lead3 div{border-right:0;padding:18px 0 !important;border-bottom:1px solid rgba(246,241,228,.35)}.sA .base .lead3 b{font-size:48px}
  .sA .tigers{padding:60px 18px}.sA .tigers .x.big{font-size:74px}
  .sA .tgrid{grid-template-columns:1fr 1fr}.sA .tgrid figure.lead{grid-column:span 2;grid-row:auto}.sA .tgrid figure.lead img{height:auto;aspect-ratio:3/4}.sA .tgrid figure.lead figcaption b{font-size:44px}
  .sA .tgrid figcaption b{font-size:22px}
  .sA .film{padding:60px 0}.sA .film .hd{display:block;padding:0 18px}.sA .film .x.big{font-size:70px;margin-bottom:18px}.sA .film .hd>p{font-size:18px}
  .sA .frames{grid-template-columns:1fr 1fr;grid-auto-rows:170px;padding:0 18px}.sA .frames figure.wide{grid-column:span 2}
  .sA .film .credit{padding:14px 18px 0}
  .sA .acts{grid-template-columns:1fr}.sA .acts article{border-right:0}.sA .acts .photo{height:220px}.sA .acts b{font-size:36px}
}

/* ---- live site: working inputs, buttons, phone menu ---- */
.sA .form input.f{display:block;width:100%;background:transparent;border:0;border-bottom:1.5px solid currentColor;font:italic 19px "IM Fell English",serif;color:inherit;padding:10px 0 4px;margin-top:4px;outline:none}
.sA .form input.f:focus{border-bottom-color:var(--pal)}
.sA button.btn{border:0;cursor:pointer;margin-right:10px}
.sA button.btn.o{background:transparent;color:inherit;border:1.5px solid currentColor}
.sA .bar{position:relative}
.sA .wm a{text-decoration:none}
.sA details.idx summary{list-style:none;cursor:pointer}
.sA details.idx summary::-webkit-details-marker{display:none}
.sA details.idx .m{display:none}
.sA details.idx[open] .m{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--p);border-bottom:2px solid var(--i);padding:6px 18px 16px;z-index:30}
.sA details.idx .m a{padding:13px 0;border-bottom:1px solid var(--r);font:400 22px "IM Fell English",serif;text-decoration:none}
.sA .credits-list{columns:2;column-gap:40px;font-size:14px;margin-top:30px}
.sA .credits-list p{break-inside:avoid;margin:0 0 14px}
.sA .credits-list b{font:400 18px "IM Fell English"}
@container (max-width:700px){.sA .credits-list{columns:1}}

/* ---- contact sheet ---- */
.sA .sheet{margin-top:30px;max-width:900px;border:3px double currentColor;padding:28px 30px;display:grid;grid-template-columns:240px 1fr;gap:10px 40px}
.sA .sheet .who b{display:block;font-size:54px;margin:10px 0 4px;color:var(--pal)}
.sA .sheet .who span:last-child{font:italic 18px "IM Fell English"}
.sA .sheet .rows a,.sA .sheet .rows div{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid currentColor;text-decoration:none}
.sA .sheet .rows a::after{content:"→";margin-left:auto;color:var(--pal)}
.sA .sheet .rows span{font:12px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.06em;min-width:96px;opacity:.75}
.sA .sheet .rows b{font:500 20px/1.35 "Familjen Grotesk",sans-serif}
.sA .sheet .tell{grid-column:1/3;margin:14px 0 0;font-size:15px;opacity:.85}
@container (max-width:700px){.sA .sheet{grid-template-columns:1fr;padding:20px 18px}.sA .sheet .tell{grid-column:1}.sA .sheet .who b{font-size:40px}.sA .sheet .rows b{font-size:18px}.sA .sheet .rows span{min-width:80px}}

/* ---- FAQ (answer-engine friendly, plain HTML) ---- */
.sA .faqs{margin-top:26px;border-top:3px double var(--i);max-width:900px}
.sA details.faq{border-bottom:1px solid var(--r);padding:18px 0}
.sA details.faq summary{cursor:pointer;list-style:none;font:400 26px/1.25 "IM Fell English",serif;display:flex;gap:16px;justify-content:space-between}
.sA details.faq summary::-webkit-details-marker{display:none}
.sA details.faq summary::after{content:"+";font:900 30px/1 "Archivo";color:var(--m)}
.sA details.faq[open] summary::after{content:"–"}
.sA details.faq p{margin:12px 0 0;font-size:17px;max-width:66ch}
@container (max-width:700px){.sA details.faq summary{font-size:21px}}

/* ---- tablet and narrow laptop: compact menu instead of a wrapping one ---- */
@container (max-width:1100px){
  .sA .bar nav[aria-label="Main"]{display:none}
  .sA .bar details.idx{display:block;font:13px "IBM Plex Mono",monospace;border:1px solid var(--i);padding:7px 10px}
  .sA .wire span:nth-child(3){display:none}
}

/* ==== mobile first pass (2026-10-31) ==================================================================
   Phones: first screen shows the promise, a sticky Call · WhatsApp · Enquire bar, swipe strips instead of
   long stacks, 44px tap targets. Desktop keeps its layout; only the ticker's ground changes everywhere. */

/* trivia ticker: ink ground so it never merges with the maroon tiger-reserve band */
.sA .ticker{background:var(--i);color:var(--p)}
.sA .chips a{border:1.5px solid var(--i);padding:8px 14px;font:13px "IBM Plex Mono";text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.sA .chips a.on{background:var(--i);color:var(--p)}
.sA .gal{scroll-margin-top:16px}
/* phone menu: a real button, an overlay that closes */
.sA details.idx .c{display:none}
.sA details.idx[open] .o{display:none}.sA details.idx[open] .c{display:inline}
.sA details.idx .mc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.sA details.idx .mc a{border:1.5px solid var(--i);font:13px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:14px 6px;border-bottom:1.5px solid var(--i)}
.sA details.idx .mc a+a{background:var(--pal);border-color:var(--pal);color:var(--ink2)}
@container (max-width:1100px){
  .sA .bar{padding-top:6px;padding-bottom:6px}
  .sA .wm a{display:inline-block;padding:14px 0}
  .sA .bar details.idx{padding:0;border:0}
  .sA details.idx summary{display:flex;align-items:center;min-height:44px;min-width:88px;justify-content:center;padding:0 14px;border:1.5px solid var(--i);font:14px "IBM Plex Mono",monospace;letter-spacing:.04em}
  .sA details.idx[open] summary{background:var(--i);color:var(--p)}
  .sA details.idx[open] .m{max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);overflow-y:auto;box-shadow:0 24px 40px -12px rgba(34,28,22,.45);padding-bottom:20px}
  .sA details.idx .m a{display:flex;align-items:center;min-height:48px;padding:0}
}
.mbar{display:none}

@container (max-width:700px){
  /* first screen: engraving strip, then the promise; the photo window follows the copy */
  .sA .open .art img{height:230px;object-position:22% 66%}
  .sA .open .copy{order:1;padding-top:20px}
  .sA .open .win{order:2;margin:30px 18px 0 auto;width:78%}
  .sA .open .copy .kick{font-size:12px}
  .sA h1{font-size:58px;margin:12px 0 16px}
  .sA .open .copy p{font-size:17px;max-width:none}
  .sA .phero .art img{height:200px}
  .sA .phero .copy{order:1;padding-top:20px}
  .sA .phero .win{order:2;margin:30px 18px 0 auto;width:78%}
  .sA .phero h1{font-size:54px}
  .sA .phero + .ticker,.sA .ticker{margin-top:34px}
  .sA .fig{font-size:14px}

  /* ticker: one fact at a time, swipe for the next; sentence case */
  .sA .ticker{flex-direction:row;flex-wrap:nowrap;white-space:normal;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;padding:0;
    text-transform:none;font:500 16px/1.4 "Familjen Grotesk",sans-serif;letter-spacing:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sA .ticker::-webkit-scrollbar{display:none}
  .sA .ticker span{flex:0 0 84%;scroll-snap-align:start;padding:16px 18px 18px;border-right:1px solid #4a433a}
  .sA .ticker span::before{content:"✶  ";color:var(--pal)}
  .sA .ticker span:first-child::after{content:"Swipe for more →";display:block;margin-top:6px;font:11px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#a99f8d}

  /* swipe strips instead of long stacks */
  .sA .flock .birds,.sA .tgrid,.sA .frames,.sA .acts,.sA .stories{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:12px;margin-left:-18px;margin-right:-18px;padding:0 18px 12px;scroll-padding-inline:18px;scrollbar-width:thin}
  .sA .flock .birds>*,.sA .tgrid>*,.sA .frames>*,.sA .acts>*,.sA .stories>*{flex:0 0 72%;scroll-snap-align:start;min-width:0}
  .sA .birds .photo{height:250px}
  .sA .tgrid{margin-top:28px}.sA .tgrid figure.lead{flex-basis:86%}.sA .tgrid figure img{aspect-ratio:3/4;height:auto}
  .sA .frames{padding:0 18px;margin:0}.sA .frames>*{flex-basis:80%;height:250px}
  .sA .acts{border-top:3px double var(--i)}.sA .acts>*{flex-basis:82%;border:1px solid var(--r) !important;padding:14px 14px 20px}.sA .acts .photo{height:200px}
  .sA .acts p{font-size:16px}
  .sA .stories{border-top:0}.sA .stories>*{flex-basis:82%;border:1px solid #4a433a !important;padding:20px 18px 22px !important}
  .sA .stories p{font-size:16px}

  /* readable small print, 44px targets */
  .sA .base .lead3 p,.sA .facts p,.sA .timeline p,.sA .trees5 figcaption,.sA .reg8 figcaption{font-size:16px}
  .sA .txtlink{display:inline-block;padding:14px 0;margin-top:4px}
  .sA .crumb{padding-top:4px}.sA .crumb a{display:inline-block;padding:14px 0}
  .sA details.faq{padding:6px 0}.sA details.faq summary{min-height:48px;align-items:center;padding:6px 0}
  .sA .colo a{display:inline-block;padding:13px 0}
  .sA .credits-list a{display:inline-block;padding:13px 0}.sA .credits-list{font-size:16px}
  .sA .chips{flex-wrap:nowrap;overflow-x:auto;margin-left:-18px;margin-right:-18px;padding:0 18px 6px;scrollbar-width:none}
  .sA .chips a{flex:0 0 auto;padding:13px 14px}
  .sA .sheet .rows a{min-height:48px;align-items:center}
}

/* sticky action bar on phones: fixed above Safari's toolbar and the home indicator; the page gets matching room */
@media (max-width:700px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:6px;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#221C16;border-top:2px solid #F26A1B}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;color:#F6F1E4;text-decoration:none;
    font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.05em;text-transform:uppercase;border:1px solid #4a433a}
  .mbar a.wa{background:#F26A1B;border-color:#F26A1B;color:#101318}
  .mbar svg{width:18px;height:18px;fill:currentColor;flex:0 0 18px}
  html.phone body{padding-bottom:0}
  html.phone .mbar{position:static}
}
@media print{.mbar{display:none}}
/* render.py's 22000px-tall headless window cannot paint dozens of scrolling layers: flatten the strips for screenshots only */
html.phone .sA .ticker,html.phone .sA .flock .birds,html.phone .sA .tgrid,html.phone .sA .frames,html.phone .sA .acts,html.phone .sA .stories,html.phone .sA .chips,html.phone .sA details.idx[open] .m{overflow:hidden}
/* inline display sizes in page fragments (gallery/credits titles, "When to come") need a phone size too */
@container (max-width:700px){
  .sA .sec h1[style]{font-size:58px !important;line-height:.92 !important}
  .sA .storm h2.x[style]{font-size:64px !important}
}