html { scroll-behavior:smooth; }
body.action-page { background:#f1f4ef; color:#16211c; }
.action-page .marketing-shell { width:min(90rem,calc(100% - 2.5rem)); }
.action-page .marketing-footer { margin-top:3rem; }
.action-eyebrow { margin:0 0 1rem; color:#63806b; font-size:.75rem; font-weight:800; letter-spacing:.15em; }
.action-hero { min-height:42rem; padding:clamp(8rem,14vw,12rem) 0 5rem; }
.action-hero h1,.action-city h2,.action-end h2 { margin:0; font-family:var(--marketing-display); font-size:clamp(4rem,10vw,10rem); letter-spacing:-.075em; line-height:.82; }
.action-hero h1 em,.action-city h2 em { color:#678e70; font-style:normal; }
.action-hero > p:not(.action-eyebrow) { max-width:36rem; margin:2rem 0; color:#4e5c54; font-size:clamp(1rem,1.7vw,1.3rem); line-height:1.5; }
.action-hero nav { display:flex; flex-wrap:wrap; gap:.6rem; }
.action-hero nav a,.action-button { display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; padding:.9rem 1.25rem; border:1px solid #20382a; border-radius:2rem; background:#20382a; color:#f0f8ed; font-size:.78rem; font-weight:800; letter-spacing:.05em; text-decoration:none; transition:transform .2s,background .2s; }
.action-hero nav a:hover,.action-button:hover { transform:translateY(-4px); background:#40634a; }
.action-hero nav a:active,.action-button:active { transform:translateY(2px); }
.action-city { padding:clamp(4rem,8vw,8rem) 0; border-top:1px solid #b7c8b9; scroll-margin-top:6rem; }
.action-city__meta { display:flex; justify-content:space-between; margin-bottom:2.5rem; color:#65806c; font-size:.7rem; font-weight:800; letter-spacing:.15em; }
.action-city__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:clamp(2rem,6vw,7rem); align-items:center; }
.action-city h2 { font-size:clamp(3.3rem,6vw,7rem); }
.action-city h2 em { display:block; margin-top:.5rem; font-size:.45em; letter-spacing:-.04em; line-height:1.2; }
.action-city__copy > p:not(.action-eyebrow) { max-width:35rem; margin:1.7rem 0 2rem; color:#526158; font-size:1.08rem; line-height:1.6; }
.action-city__steps { max-width:35rem; margin-bottom:2rem; border-top:1px solid #b3c4b6; }
.action-city__steps div { display:grid; grid-template-columns:2rem 1fr; gap:.25rem 1rem; padding:1rem 0; border-bottom:1px solid #b3c4b6; }
.action-city__steps b { grid-row:span 2; color:#648f6e; font-size:.75rem; }
.action-city__steps strong { font-size:.85rem; letter-spacing:.04em; }
.action-city__steps span { color:#6b776d; font-size:.88rem; }
.action-city__visual { overflow:hidden; margin:0; border-radius:1.4rem; background:#263d32; box-shadow:0 2rem 4rem rgba(22,50,33,.16); }
.action-city__visual img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.action-city__visual figcaption { padding:1.1rem 1.5rem; color:#d4e8d5; font-size:.84rem; line-height:1.45; }
.action-end { padding:6rem clamp(1.5rem,4vw,4rem); border-radius:1.5rem; background:#1c2d24; color:#f2f7ee; }
.action-end h2 { margin-bottom:2rem; font-size:clamp(3rem,7vw,7rem); }
.action-end .action-button { border-color:#d9f1d8; background:#d9f1d8; color:#1c2d24; }
.action-end > p:last-child { max-width:39rem; margin:2rem 0 0; color:#aabeb0; font-size:.8rem; line-height:1.5; }
@media(max-width:760px) { .action-city__grid { grid-template-columns:1fr; } .action-city__visual img { aspect-ratio:5/4; } .action-hero { min-height:auto; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .action-hero nav a,.action-button { transition:none; } }

/* Each city gets a distinct chapter within the same PLAY IT visual language. */
body.action-page { background:#111210; color:#f8f3e9; }
.action-page .marketing-shell { width:min(100%,100%); }
.action-page main { overflow:hidden; }
.action-eyebrow { color:#d4b46f; font-size:.82rem; }
.action-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr); align-items:end; gap:3rem; min-height:45rem; padding:clamp(9rem,14vw,13rem) max(1.5rem,calc((100vw - 88rem)/2)) clamp(5rem,8vw,8rem); background:radial-gradient(circle at 76% 46%,#44341d 0,transparent 42%),#111210; }
.action-hero h1 { font-size:clamp(4rem,10vw,10rem); }
.action-hero h1 em,.action-city h2 em { color:#d7b46d; }
.action-hero > p:not(.action-eyebrow),.action-hero__copy > p:not(.action-eyebrow) { max-width:38rem; color:#d2c9ba; font-size:clamp(1.05rem,1.7vw,1.35rem); line-height:1.5; }
.action-hero nav { margin-top:2.5rem; }
.action-hero nav a,.action-button { min-height:3.5rem; border:1px solid #bb9555; background:#bd9858; color:#171512; }
.action-hero nav a:hover,.action-button:hover { background:#e1bd76; }
.action-hero nav a:focus-visible,.action-button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.action-hero__aside { display:grid; gap:1rem; align-self:stretch; place-content:center; border-left:1px solid #77603b; color:#b99b62; font-size:clamp(1.3rem,2.5vw,2.6rem); font-weight:700; letter-spacing:.18em; text-align:center; }
.action-hero__aside span { opacity:.65; }
.action-hero__aside b { color:#e6c174; font-size:5rem; }
.action-city { min-height:43rem; padding:clamp(5rem,9vw,9rem) max(1.5rem,calc((100vw - 88rem)/2)); border-top:1px solid #665639; scroll-margin-top:5rem; }
.action-city:nth-of-type(2) { background:#1d1b17; }
.action-city:nth-of-type(3) { background:#121717; }
.action-city:nth-of-type(4) { background:#201b18; }
.action-city:nth-of-type(3) .action-city__visual { order:-1; }
.action-city__meta { color:#d2ad6a; font-size:.8rem; }
.action-city__grid { gap:clamp(2.5rem,6vw,7rem); }
.action-city h2 { font-size:clamp(3.6rem,6.5vw,7.5rem); }
.action-city__copy > p:not(.action-eyebrow) { color:#d2c9bb; font-size:1.12rem; }
.action-city__steps { border-color:#786649; }
.action-city__steps div { border-color:#786649; }
.action-city__steps b { color:#d6ad67; font-size:.85rem; }
.action-city__steps strong { color:#f7f0e3; font-size:.92rem; }
.action-city__steps span { color:#c5bdb0; font-size:.96rem; }
.action-city__visual { border:1px solid #796244; background:#29241c; box-shadow:0 2rem 4rem #0006; }
.action-city__visual img { aspect-ratio:4/5; object-fit:contain; background:#181916; }
.action-city__visual figcaption { display:flex; flex-wrap:wrap; gap:.5rem 1rem; color:#d5cab7; font-size:.9rem; }
.action-city__visual figcaption span { color:#dbb875; font-weight:700; }
.action-end { margin:clamp(2rem,5vw,5rem) max(1.5rem,calc((100vw - 88rem)/2)) 0; background:radial-gradient(circle at 90% 10%,#4b371d,#1a1915 55%); border:1px solid #806741; }
.action-end .action-button { border-color:#d3af68; background:#d3af68; color:#1b1812; }
.action-end > p:last-child { color:#cfc5b3; }
.action-page .marketing-footer { margin:4rem auto 0; padding-inline:1.5rem; }
@media(max-width:760px) { .action-hero { grid-template-columns:1fr; min-height:auto; } .action-hero__aside { display:none; } .action-city__grid { grid-template-columns:1fr; } .action-city:nth-of-type(3) .action-city__visual { order:0; } .action-city__visual img { aspect-ratio:1/1; } }
.action-page .marketing-site-header .marketing-logo { filter:hue-rotate(23deg) saturate(1.25) brightness(1.05); }