/* Design C — BOLD BRITISH: flat colour blocks, thick outlines, hard shadows */
:root{--paper:#fffdf6;--card:#fff;--ink:#101010;--mut:#3d3d3d;--line:#101010;--blue:#0B3D91;--green:#12873a;--yel:#ffd23f;--red:#e63946;--hl:#ffd23f;
  --head:"Arial Black","Helvetica Neue",Impact,system-ui,sans-serif}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3{font-family:var(--head);text-transform:uppercase;letter-spacing:-.02em;line-height:1.02}
h1{font-size:clamp(2.4rem,7.4vw,5rem)}
h2{font-size:clamp(1.7rem,4.4vw,2.9rem)}
h3{font-size:1.15rem}
.eyebrow{display:inline-block;background:var(--ink);color:var(--yel);padding:5px 10px;letter-spacing:.14em}
.lead{color:var(--mut);font-weight:500}
header.top{background:var(--paper);border-bottom:4px solid var(--ink);backdrop-filter:none}
nav a{font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em;border-radius:0}
nav a:hover,nav a.on{background:var(--yel);color:var(--ink)}
.menu{border:3px solid var(--ink);border-radius:0;background:var(--yel);font-weight:800;text-transform:uppercase}
@media(max-width:860px){nav{background:var(--paper);border-bottom:4px solid var(--ink)}}
.btn{border-radius:0;border:3px solid var(--ink);background:var(--blue);color:#fff;box-shadow:5px 5px 0 var(--ink);text-transform:uppercase;font-weight:900;letter-spacing:.03em;font-size:.9rem}
.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink);background:var(--blue)}
.btn.g{background:var(--green)}.btn.g:hover{background:var(--green)}
.btn.o{background:#fff;color:var(--ink)}.btn.o:hover{background:var(--yel)}
.navcta{padding:9px 16px!important;box-shadow:3px 3px 0 var(--ink)}
.announce{background:var(--red);border-bottom:3px solid var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.04em}

/* hero: yellow poster */
.hero{background:var(--yel);border-bottom:4px solid var(--ink);padding:64px 0 72px;position:relative}
.hero:before{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:var(--blue);opacity:1}
.hero:after{content:"";position:absolute;right:140px;bottom:-60px;width:180px;height:180px;background:var(--red);transform:rotate(18deg)}
.hero .wrap{position:relative;z-index:1}
.hero h1 em{font-style:normal;background:var(--ink);color:var(--yel);padding:0 .12em}
.hero .lead{color:#1a1a1a}
.paper{background:#fff;border:4px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--ink);transform:rotate(-2deg)}
.paper small{color:var(--red)}
.paper h3{font-family:var(--head);text-transform:uppercase}
.paper dl{border-top:4px solid var(--ink)}
.stamp{border-color:var(--red);color:var(--red);border-radius:0;transform:rotate(10deg);right:-18px;top:-26px;border-width:4px;font-family:var(--head)}

.strip{display:block;background:var(--blue);color:#fff;border-bottom:4px solid var(--ink);overflow:hidden;white-space:nowrap}
.strip div{display:inline-block;padding:14px 0;animation:mq 32s linear infinite;font:900 1.05rem var(--head);text-transform:uppercase;letter-spacing:.06em}
.strip span{margin:0 26px}.strip span:after{content:"★";margin-left:52px;color:var(--yel)}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.strip div{animation:none}}

section{border-bottom:4px solid var(--ink)}
section.alt{background:#eaf3ff}
.hl{background:var(--yel)}
.card,details,table,.step{border:3px solid var(--ink);border-radius:0;background:#fff;box-shadow:6px 6px 0 var(--ink)}
.feat .n{border-radius:0;background:var(--red);font-family:var(--head)}
.feat:nth-child(even) .n{background:var(--blue);border-radius:0}
.feat:nth-child(3n) .n{background:var(--green)}
.feat p,.step p,details p,.t p{color:var(--mut)}
.chip{border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);background:var(--yel);text-transform:uppercase;font-weight:900;font-size:.85rem}
.chip:nth-child(3n+2){background:#fff;border-color:var(--ink);box-shadow:4px 4px 0 var(--green)}
.chip:nth-child(3n){background:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--ink)}
.course{padding:0}
.course .ch{background:var(--blue);border-bottom:3px solid var(--ink)}
.course.long .ch{background:var(--green)}
.price{border:3px dashed var(--ink);border-radius:0;background:#fff7d6}
th{background:var(--ink);color:#fff;border:0}
td,th{border-color:var(--ink)}
.step{border-left:10px solid var(--green)}
.step:before{font-family:var(--head);color:var(--red);font-size:2.4rem}
.step:nth-child(2){border-left-color:var(--blue)}.step:nth-child(3){border-left-color:var(--red)}
.av{border-radius:0;background:var(--blue);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--head)}
.av img{border-radius:0}
.t:nth-child(even) .av{background:var(--green);box-shadow:4px 4px 0 var(--ink)}
.t:nth-child(3n) .av{background:var(--red)}
.t .sub{border-radius:0;background:var(--yel);color:var(--ink);border:2px solid var(--ink);text-transform:uppercase;font-size:.72rem;font-weight:900}
summary{font-weight:900;text-transform:uppercase;font-size:.9rem}
.page-h{background:var(--yel);border-bottom:4px solid var(--ink)}
.band{background:var(--red);color:#fff;border-block:4px solid var(--ink)}
.band .btn.o{background:#fff;color:var(--ink);border-color:var(--ink)}
.cl li{border-bottom:2px dashed var(--ink)}.cl a{color:var(--blue)}.cl span{color:var(--mut)}
footer{background:var(--ink);border-top:4px solid var(--yel)}