/* metro-modern.css - the shared look for redesigned Metro Animals pages (model: the enrichment page, launched 2026-10-04).
   Everything is scoped under .mam, so pages that do not use that wrapper are untouched.
   Brand: teal #006E70, coral #DE7569, cream #EFEAE8, light peach #F8AA9B; headings Parisine Plus Std (Typekit, already on the site), body Poppins.
   Part 1 = the design system as proven on the enrichment page. Part 2 = home-page and location-page blocks. */
.mam{--t:#006E70;--c:#DE7569;--k:#EFEAE8;--p:#F8AA9B;--ink:#4b575e;background:#fff;color:var(--ink);font-family:poppins,sans-serif;font-size:18px;line-height:1.7;overflow-x:clip}
.mam *,.mam *::before,.mam *::after{box-sizing:border-box}
.mam section{padding:clamp(56px,8vw,108px) 0;scroll-margin-top:110px}
.mam .w{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
@media(min-width:1025px) and (max-width:1512px){.mam .w{max-width:none;padding:0 196px}}
.mam .k{background:var(--k)}
.mam .t{background:var(--t);color:#fff}
.mam p{font:400 18px/1.7 poppins,sans-serif;color:inherit;margin:0 0 18px}
.mam p:last-child{margin-bottom:0}
.mam strong{font-weight:700;color:inherit}
.mam a{color:var(--t);font-weight:700;text-decoration:underline;text-decoration-color:var(--p);text-decoration-thickness:2px;text-underline-offset:3px}
.mam a:hover,.mam a:focus{color:var(--c)}
.mam h1,.mam h2,.mam .hl{font-family:parisplus-std,poppins,sans-serif;font-weight:700;text-transform:uppercase;color:var(--t);letter-spacing:-.005em;margin:0;text-shadow:none;text-wrap:balance}
.mam .hero .g2>div:first-child{container-type:inline-size}
.mam h1{font-size:clamp(38px,4.5vw,76px);line-height:1}
@supports (font-size:1cqw){.mam h1{font-size:clamp(38px,14cqw,80px)}}
.mam h1 .sub{display:block;font-weight:400;font-size:.44em;letter-spacing:.04em;margin-top:.45em}
.mam h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;margin-bottom:22px}
.mam .t h2{color:#fff}
.mam .u{text-decoration:underline;text-decoration-color:var(--c);text-decoration-thickness:.1em;text-underline-offset:.17em;text-decoration-skip-ink:none}
.mam .eb{font:700 13px/1.2 poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--t);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.mam .eb::before{content:"";width:32px;height:3px;border-radius:2px;background:var(--c);flex:none}
.mam .t .eb{color:#fff}
.mam .t .eb::before{background:var(--p)}
.mam .g2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4.5vw,64px);align-items:center}
.mam .hero .g2{grid-template-columns:1.1fr .9fr}
.mam .g2.wr{grid-template-columns:.9fr 1.1fr}
.mam .g2.fx{grid-template-columns:1.25fr .75fr}
.mam .g2.top{align-items:start}
.mam .g2+.g2,.mam .xp+.g2,.mam .notes+.g2{margin-top:clamp(48px,7vw,96px)}
.mam .hero{padding-top:clamp(40px,6vw,84px)}
.mam .lead{font-size:clamp(19px,1.7vw,22px);line-height:1.55;font-weight:500;margin:26px 0 14px}
.mam .btns{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.mam a.b{display:inline-flex;align-items:center;justify-content:center;font:700 16px/1.2 poppins,sans-serif;padding:16px 28px;border-radius:999px;border:2px solid var(--t);background:var(--t);color:#fff;text-decoration:none;transition:transform .2s,background .2s,color .2s}
.mam a.b:hover,.mam a.b:focus{transform:translateY(-2px);background:#005557;border-color:#005557;color:#fff}
.mam a.b.o{background:transparent;color:var(--t)}
.mam a.b.o:hover,.mam a.b.o:focus{background:var(--t);border-color:var(--t);color:#fff}
.mam a.b.l{background:var(--k);border-color:var(--k);color:var(--t);border-radius:30px}
.mam a.b.l:hover,.mam a.b.l:focus{background:#fff;border-color:#fff;color:var(--t)}
.mam .bento{position:relative;display:grid;grid-template-columns:2fr 1fr;gap:14px}
.mam .bento img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}
.mam .bento img:first-child{grid-row:1/3}
.mam .bento img:not(:first-child){aspect-ratio:1}
.mam .chip{grid-column:1/3;background:#fff;border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:14px}
.mam .chip b{flex:none;min-width:150px}
.mam .chip b{display:block;font:700 26px/1 parisplus-std,sans-serif;color:var(--t);text-transform:uppercase}
.mam .chip span{display:block;font:500 13px/1.35 poppins,sans-serif;color:var(--ink)}
.mam .lede{font-weight:500;margin:clamp(40px,6vw,72px) 0 20px}
.mam .cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:c}
.mam .cats li{grid-column:span 2;display:grid;grid-template-columns:44px 1fr;gap:0 14px;align-items:start;background:var(--k);border-radius:20px;padding:22px 24px;margin:0}
.mam .cats li:nth-child(n+4){grid-column:span 3}
.mam .cats li::before{counter-increment:c;content:"0" counter(c);font:700 22px/1.3 parisplus-std,sans-serif;color:var(--c)}
.mam .cats strong{display:block;font:700 19px/1.3 poppins,sans-serif;color:var(--t)}
.mam .cats p{font-size:16px;line-height:1.6;margin:4px 0 0}
.mam .quote{font:700 clamp(24px,2.8vw,38px)/1.25 parisplus-std,sans-serif;color:var(--t);text-align:center;max-width:900px;margin:clamp(40px,6vw,72px) auto 0;text-wrap:balance}
.mam .quote em{font-style:normal;text-decoration:underline;text-decoration-color:var(--c);text-decoration-thickness:.1em;text-underline-offset:.17em;text-decoration-skip-ink:none}
.mam .head{max-width:820px;margin-bottom:clamp(28px,4vw,48px)}
.mam .shots{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mam .shots figure{position:relative;margin:0;border-radius:22px;overflow:hidden}
.mam .shots img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .5s}
.mam .shots figure:hover img{transform:scale(1.05)}
.mam .shots figcaption{max-width:calc(100% - 24px);position:absolute;left:12px;bottom:12px;background:#fff;color:var(--t);font:700 13px/1.2 poppins,sans-serif;padding:8px 13px;border-radius:999px}
.mam .why{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:clamp(28px,4vw,44px) 0}
.mam .why div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:28px}
.mam .why h3{font:700 21px/1.3 poppins,sans-serif;color:#fff;margin:0 0 10px;text-transform:none;text-wrap:balance}
.mam .why p{font-size:16.5px;line-height:1.65;color:#e9f1f1}
.mam .t .outro{font-size:clamp(19px,1.8vw,23px);line-height:1.55;font-weight:500;max-width:900px}
.mam .card{margin:0;background:var(--k);border-radius:30px;padding:16px 16px 26px}
.mam .k .card{background:#fff}
.mam .card img{display:block;width:100%;height:auto;border-radius:18px;object-fit:cover}
.mam .card .duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mam .card .hl{display:block;font-size:clamp(26px,2.9vw,40px);line-height:1.14;padding:20px 10px 0}
.mam .inst .hl{padding-top:12px}
.mam .big{font:700 clamp(22px,2.3vw,30px)/1.3 parisplus-std,sans-serif;color:var(--t)}
.mam .xp{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:center;background:var(--t);color:#fff;border-radius:30px;padding:clamp(24px,4vw,48px);margin-top:clamp(40px,6vw,80px)}
.mam .xp .eb{color:#fff}
.mam .xp .eb::before{background:var(--p)}
.mam .xp .hl{color:#fff;font-size:clamp(26px,2.9vw,40px);line-height:1.14;margin:0 0 22px}
.mam .ticks{list-style:none;margin:0;padding:0}
.mam .ticks li{position:relative;padding:0 0 0 30px;margin:0 0 12px;font:500 18px/1.45 poppins,sans-serif;color:#fff}
.mam .ticks li:last-child{margin-bottom:0}
.mam .ticks li::before{content:"";position:absolute;left:0;top:.66em;width:18px;height:3px;border-radius:2px;background:var(--p)}
.mam .tri{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mam .tri figure{margin:0}
.mam .tri img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px}
.mam .tri figcaption{font:700 14px/1.3 poppins,sans-serif;color:#fff;text-align:center;margin-top:10px}
.mam .xp .note{font:500 14px/1.4 poppins,sans-serif;color:#e9f1f1;text-align:center;margin:16px 0 0}
.mam .quad{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mam .ph{position:relative;border-radius:18px;overflow:hidden}
.mam .card .ph img{aspect-ratio:1;border-radius:0}
.mam .ph span{max-width:calc(100% - 20px);position:absolute;left:10px;bottom:10px;background:#fff;color:var(--t);font:700 12.5px/1.2 poppins,sans-serif;padding:7px 12px;border-radius:999px}
.mam .wheel{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:6px;padding:20px 4px 4px}
.mam .wheel ul{list-style:none;display:grid;gap:22px;margin:0;padding:0;justify-items:center}
.mam .wheel li{margin:0;padding:0}
.mam .wheel label{display:block;margin:0;cursor:pointer;max-width:none}
.mam .wheel input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.mam .wheel label span{display:block;background:#fff;color:var(--t);font:700 13.5px/1.2 poppins,sans-serif;padding:10px 14px;border-radius:18px;text-align:center;max-width:104px;transition:background .2s,color .2s,transform .2s}
.mam .wheel label:hover span,.mam .wheel input:checked+span{background:var(--t);color:#fff;transform:scale(1.06)}
.mam .wheel input:focus-visible+span{outline:3px solid var(--t);outline-offset:2px}
.mam .dogs{position:relative;width:100%;max-width:330px;margin:0 auto;aspect-ratio:1}
.mam .card .dogs .dg{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;opacity:0;transition:opacity .25s}
.mam .card .dogs .d0{opacity:1}
.mam .wheel:has(input:checked) .d0{opacity:0}
.mam .wheel:has(.i1 input:checked) .d1{opacity:1}
.mam .wheel:has(.i2 input:checked) .d2{opacity:1}
.mam .wheel:has(.i3 input:checked) .d3{opacity:1}
.mam .wheel:has(.i4 input:checked) .d4{opacity:1}
.mam .wheel:has(.i5 input:checked) .d5{opacity:1}
.mam .wheel:has(.i6 input:checked) .d6{opacity:1}
.mam .wheel:has(label:hover) .dogs .dg.dg{opacity:0}
.mam .wheel:has(.i1:hover) .dogs .d1.dg.dg{opacity:1}
.mam .wheel:has(.i2:hover) .dogs .d2.dg.dg{opacity:1}
.mam .wheel:has(.i3:hover) .dogs .d3.dg.dg{opacity:1}
.mam .wheel:has(.i4:hover) .dogs .d4.dg.dg{opacity:1}
.mam .wheel:has(.i5:hover) .dogs .d5.dg.dg{opacity:1}
.mam .wheel:has(.i6:hover) .dogs .d6.dg.dg{opacity:1}
.mam .hint{font:500 13px/1.3 poppins,sans-serif;color:var(--ink);text-align:center;margin:6px 0 0;opacity:.8}
.mam .wheel li::before{content:none}
.mam .bounce{display:block;width:min(330px,80%);height:auto;margin:28px 0 0}
.mam .stats div{position:relative}
.mam .rib{position:absolute;right:20px;top:20px;width:52px;height:auto}
.mam .corgi{display:block;width:min(190px,42%);height:auto;margin:30px 0 0}
.mam .rowdogs{display:block;width:min(600px,88%);height:auto;margin:0 auto 12px}
.mam .dials{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(40px,6vw,72px)}
.mam .dials .hl{grid-column:1/-1;font-size:clamp(24px,2.6vw,36px);line-height:1.14;margin:0 0 8px}
.mam .dial{background:#fff;border-radius:24px;padding:22px 22px 26px;text-align:center}
.mam .dial .viz{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}
.mam .dial .viz img{width:42%;max-width:150px;height:auto}
.mam .dial .gw{width:54%;max-width:190px}
.mam .gauge{display:block;width:100%;height:auto;overflow:visible}
.mam .dial .ends{display:flex;justify-content:space-between;font:700 12px/1.2 poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:4px 0 0}
.mam .dial h3{font:700 22px/1.2 parisplus-std,poppins,sans-serif;text-transform:uppercase;color:var(--t);margin:10px 0 6px}
.mam .dial p{font-size:16px;line-height:1.5;margin:0;text-wrap:balance}
.mam .dial .res{font-weight:700;color:var(--t);margin-top:4px}
.mam .ndl{transform-box:fill-box;transform-origin:50% 50%}
.mam .bz .ndl{transform:rotate(72deg);animation:mam-bz 7s ease-in-out infinite}
.mam .bl .ndl{transform:rotate(-15deg);animation:mam-bl 7s ease-in-out infinite}
@keyframes mam-bz{0%{transform:rotate(-70deg)}34%{transform:rotate(62deg)}42%{transform:rotate(74deg)}50%{transform:rotate(66deg)}58%{transform:rotate(76deg)}66%{transform:rotate(68deg)}74%{transform:rotate(76deg)}82%{transform:rotate(70deg)}92%{transform:rotate(76deg)}100%{transform:rotate(-70deg)}}
@keyframes mam-bl{0%{transform:rotate(-62deg)}22%{transform:rotate(34deg)}44%{transform:rotate(-48deg)}66%{transform:rotate(28deg)}88%{transform:rotate(-56deg)}100%{transform:rotate(-62deg)}}
.mam .loop{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,48px);align-items:center;background:var(--k);color:var(--ink);border-radius:26px;padding:clamp(22px,3.5vw,40px);margin:0 0 clamp(28px,4vw,44px)}
.mam .t .loop p{color:var(--ink)}
.mam .t .loop .eb{color:var(--t)}
.mam .t .loop .eb::before{background:var(--c)}
.mam .t .loop .hl{color:var(--t);font-size:clamp(26px,2.9vw,40px);line-height:1.14;margin:0 0 18px}
.mam .ring{position:relative;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1}
.mam .ring svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.mam .ring img{position:absolute;left:17%;top:17%;width:66%;height:66%;object-fit:contain}
.mam .spin{transform-box:fill-box;transform-origin:50% 50%;animation:mam-spin 22s linear infinite}
@keyframes mam-spin{to{transform:rotate(360deg)}}
.mam .lp{list-style:none;margin:0;padding:0;counter-reset:l}
.mam .lp li{counter-increment:l;display:flex;align-items:center;gap:12px;margin:0 0 10px;font:500 17px/1.4 poppins,sans-serif;color:var(--ink)}
.mam .lp li::before{content:counter(l);flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--t);color:#fff;font:700 13px/1 poppins,sans-serif}
.mam .t .loop .again{font-weight:700;color:var(--t);margin:16px 0 0}
@media(min-width:701px){.mam .nw{white-space:nowrap}}
.mam .notes>*,.mam .dials>*,.mam .g2>*{min-width:0}
.mam .notes{display:grid;grid-template-columns:.95fr .9fr 1.25fr;gap:18px;align-items:start;margin-top:clamp(48px,7vw,96px)}
.mam .nh{display:flex;flex-direction:column;justify-content:center}
.mam .nh img{display:block;width:min(170px,50%);height:auto;margin:0 0 10px}
.mam .nh .hl{font-size:clamp(24px,2.6vw,36px);line-height:1.14}
.mam .nt{position:relative;background:var(--k);border-radius:20px;padding:40px 24px 26px;margin-top:10px}
.mam .nt::before{content:"";position:absolute;top:-10px;left:50%;width:72px;height:22px;margin-left:-36px;border-radius:8px;background:var(--p)}
.mam .nt.n2{background:#fff;border:2px solid var(--t)}
.mam .nt.n2::before{background:var(--c)}
.mam .nl{font:700 12px/1.2 poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--t);margin:0 0 14px}
.mam .nt ul{list-style:none;margin:0;padding:0}
.mam .nt li{text-wrap:balance;position:relative;padding:0 0 0 28px;margin:0 0 10px;font:500 17px/1.45 poppins,sans-serif;color:var(--ink)}
.mam .nt li:last-child{margin-bottom:0}
.mam .nt li::before{content:"";position:absolute;left:4px;top:.28em;width:7px;height:13px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg);opacity:.55}
.mam .nt.n2 li::before{border-color:var(--c);opacity:1}
.mam .fk{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:4px;padding:10px 4px 0}
.mam .fk .st{text-align:center;align-self:center}
.mam .card .fk img{width:100%;max-width:190px;margin:0 auto;border-radius:0;object-fit:contain}
.mam .fk .tg{text-wrap:balance;display:inline-block;background:var(--t);color:#fff;font:700 13px/1.25 poppins,sans-serif;padding:8px 14px;border-radius:999px;margin-top:6px}
.mam .fa{display:block;width:100%;height:100%;min-height:200px;overflow:visible}
.mam .dest{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:1fr;gap:10px}
.mam .dest li{background:#fff;border-radius:18px;padding:8px 10px 10px;margin:0;text-align:center;display:flex;flex-direction:column;justify-content:center}
.mam .dest li::before{content:none}
.mam .card .dest img{max-width:104px}
.mam .dest span{display:block;font:700 13.5px/1.25 poppins,sans-serif;color:var(--t);text-wrap:balance}
.mam .card.fork .hl{font-size:clamp(22px,2.3vw,31px)}
.mam .sx{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:x}
.mam .sx li{counter-increment:x;display:grid;grid-template-columns:104px 1fr;align-items:center;gap:14px;background:var(--k);border-radius:22px;padding:8px 20px 8px 10px;margin:0}
.mam .sx li::before{content:none}
.mam .sx img{display:block;width:104px;height:104px;object-fit:contain}
.mam .sx b{display:block;font:700 24px/1.1 parisplus-std,poppins,sans-serif;text-transform:uppercase;color:var(--t)}
.mam .sx b::before{content:"0" counter(x) " ";color:var(--c)}
.mam .sx span{display:block;font:400 15.5px/1.45 poppins,sans-serif;color:var(--ink);margin-top:4px}
.mam .stats{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:clamp(32px,5vw,56px) 0}
.mam .stats div{border-radius:24px;padding:28px;background:var(--k)}
.mam .stats b{display:block;font:700 clamp(54px,6vw,84px)/1 parisplus-std,sans-serif;color:var(--t)}
.mam .stats span{display:block;font:700 13px/1.3 poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:10px}
.mam .stats .top1{background:linear-gradient(rgba(0,110,112,.45),rgba(0,110,112,.45)),var(--t) url(/wp-content/uploads/2026/10/metro-animals-wallpaper-tile.jpg) 0 0/582px 365px;display:flex;flex-direction:column;justify-content:center}
.mam .stats .top1 b{color:#fff;font-size:clamp(26px,2.8vw,40px);line-height:1.1;text-transform:uppercase}
.mam .stats .top1 span{color:#fff}
.mam .vid{margin-top:clamp(32px,5vw,56px)}
.mam .vid h3{font:700 18px/1.3 poppins,sans-serif;color:var(--t);margin:0 0 12px;text-transform:none}
.mam .vid .embed-container{border-radius:20px;overflow:hidden}
.mam .tv{background:var(--t);color:#fff;border-radius:30px;padding:clamp(24px,4vw,48px);margin-top:clamp(32px,5vw,56px)}
.mam .tv p{color:#e9f1f1;max-width:780px}
.mam .tv .eb{color:#fff}
.mam .tv .eb::before{background:var(--p)}
.mam .tv .hl{color:#fff;font-size:clamp(28px,3.4vw,46px);line-height:1.1;margin:0 0 16px}
.mam .tv .vid{margin-top:clamp(20px,3vw,32px)}
.mam .tv .vid h3{color:#fff;text-wrap:balance}
.mam .tv .video-content-block{margin-bottom:0}
@media(max-width:991px){.mam .tv .vid .col-md-6+.col-md-6{margin-top:26px}}
@media(min-width:992px){.mam .tv .vid .col-md-6:first-child{width:60%}.mam .tv .vid .col-md-6:last-child{width:40%}}
.mam details{background:var(--k);border-radius:20px;margin:0 0 12px;padding:0 26px}
.mam summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:22px 0}
.mam summary::-webkit-details-marker{display:none}
.mam summary h3{font:700 19px/1.35 poppins,sans-serif;color:var(--t);margin:0;text-transform:none}
.mam summary::after{content:"+";content:"+" / "";font:400 30px/1 poppins,sans-serif;color:var(--c);transition:transform .2s;flex:none}
.mam details[open] summary::after{transform:rotate(45deg)}
.mam details p{padding:0 0 24px;margin:0;font-size:17px}
.mam .cta{padding-top:0}
.mam .band{background:radial-gradient(ellipse at center,#006E70 38%,rgba(0,110,112,.3) 100%),var(--t) url(/wp-content/uploads/2026/10/metro-animals-wallpaper-tile.jpg) center top/582px 365px;color:#fff;border-radius:36px;padding:clamp(36px,6vw,80px);text-align:center}
.mam .band h2{color:#fff;max-width:820px;margin:0 auto 20px}
.mam .band p{max-width:760px;margin-left:auto;margin-right:auto;color:#e9f1f1}
.mam .band .btns{justify-content:center;margin-bottom:22px}
.mam .band a:not(.b){color:#fff}
.mam .band .tag{font:700 clamp(18px,1.8vw,22px)/1.4 parisplus-std,sans-serif;color:#fff;margin-top:30px}
.mam .explore{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:0 20px clamp(48px,6vw,72px)}
.mam .explore span{font:700 13px/1 poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-right:6px}
.mam .explore a{font:700 15px/1 poppins,sans-serif;color:var(--t);text-decoration:none;background:var(--k);padding:13px 19px;border-radius:999px;transition:background .2s,color .2s}
.mam .explore a:hover,.mam .explore a:focus{background:var(--t);color:#fff}
@media(min-width:1025px){.mam .stick{position:sticky;top:40px}}
@media(max-width:1024px){.mam .corgi{display:none}.mam .loop{grid-template-columns:1fr}.mam .ring{max-width:240px}.mam .notes{grid-template-columns:1fr 1fr}.mam .nh{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px}.mam .nh img{width:120px;margin:0;flex:none}}
@media(min-width:1025px) and (max-width:1220px){.mam .g2,.mam .hero .g2,.mam .g2.wr,.mam .g2.fx,.mam .xp,.mam .loop{grid-template-columns:1fr}.mam .ring{max-width:240px}.mam .notes{grid-template-columns:1fr 1fr}.mam .nh{grid-column:1/-1;flex-direction:row;align-items:center;gap:18px}.mam .nh img{width:120px;margin:0;flex:none}.mam .corgi{display:none}.mam .stick{position:static}}
@media(min-width:761px) and (max-width:1400px){.mam .cats li,.mam .cats li:nth-child(n+4){grid-column:span 3}.mam .cats li:last-child{grid-column:span 6}}
@media(max-width:700px){.mam .dials,.mam .notes{grid-template-columns:1fr}.mam .nh img{width:96px}}
@media(max-width:1024px){.mam .g2,.mam .hero .g2,.mam .g2.wr,.mam .g2.fx{grid-template-columns:1fr}.mam .shots{grid-template-columns:repeat(2,1fr);gap:12px}.mam .why,.mam .xp{grid-template-columns:1fr}.mam .stats{grid-template-columns:1fr 1fr}.mam .stats .top1{grid-column:1/3}}
@media(max-width:600px){.mam p{font-size:16.5px}.mam .lead{font-size:19px}.mam .band{border-radius:28px}.mam .card{border-radius:24px;padding:12px 12px 22px}.mam .card img{border-radius:14px}.mam .xp,.mam .tv,.mam .loop{border-radius:24px}.mam .chip{display:block}.mam .chip b{min-width:0}.mam .chip span{margin-top:4px}.mam .wheel{grid-template-columns:1fr;gap:14px}.mam .wheel ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mam .wheel ul:first-child{order:2}.mam .wheel ul:last-child{order:3}.mam .wheel li{transform:none!important}.mam .wheel label span{font-size:13px;padding:9px 13px;max-width:none}.mam .dogs{max-width:230px}.mam .rib{width:40px;right:14px;top:14px}.mam .tri{gap:8px}.mam .tri figcaption{font-size:12.5px}.mam .ticks li{font-size:16.5px}}
@media(max-width:760px){.mam .cats li,.mam .cats li:nth-child(n+4){grid-column:span 6}}
@media(max-width:600px){.mam .fk{grid-template-columns:1fr 40px 1fr}.mam .fk .tg{font-size:12px;padding:7px 11px}.mam .dest span{font-size:12.5px}.mam .card .dest img{max-width:84px}.mam .sx li{grid-template-columns:84px 1fr;padding:8px 16px 8px 8px}.mam .sx img{width:84px;height:84px}.mam .sx b{font-size:21px}.mam .lp li,.mam .nt li{font-size:16px}.mam .dial{padding:18px 16px 22px}}
@media(max-width:480px){.mam a.b{width:100%}.mam .cats li{padding:18px}.mam details{padding:0 18px}}
@media(prefers-reduced-motion:reduce){.mam *{transition:none!important}.mam .ndl,.mam .spin{animation:none!important}}

/* ---------- Part 2: home page and location pages ---------- */
.mam.mam-home h1,.mam.mam-loc h1{font-size:clamp(32px,4.2vw,58px);line-height:1.04}
@supports (font-size:1cqw){.mam.mam-home h1,.mam.mam-loc h1{font-size:clamp(32px,9.4cqw,60px)}}
.mam .where{display:block;font:400 clamp(21px,2.5vw,31px)/1.15 parisplus-std,poppins,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--c);margin:.42em 0 0}
.mam .where a{font-weight:700}
.mam .jump{margin:16px 0 0}
/* photo-led top block: text and proof lines on the left, one large photo and three more on the right. Both columns start at the same height; the photo block runs towards the right edge of the screen but never grows past 740px, so it cannot tower over the text on wide screens */
.mam{--gut:clamp(20px,4vw,40px)}
@media(min-width:1025px) and (max-width:1512px){.mam{--gut:196px}}
.mam .hero-big{padding-top:clamp(32px,4.4vw,60px)}
.mam .hero-big .g2{grid-template-columns:1fr 1.05fr;align-items:start}
.mam .bento.b4{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.mam .bento.b4 img:first-child{grid-row:auto;grid-column:1/-1;aspect-ratio:16/9.6;height:auto}
.mam .bento.b4 img:not(:first-child){grid-column:span 2;aspect-ratio:1;height:auto}
.mam .proof{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.mam .proof .chip{grid-column:auto;display:block}
.mam .proof .chip b{min-width:0;font-size:22px}
.mam .proof .chip span{margin-top:4px}
@media(min-width:1221px){.mam .hero-big .bento.b4{width:min(740px,calc(100% + var(--gut) - 20px));max-width:none}}
/* hero columns end together (Marcus 2026-10-05: "it leaves some space on computer"): on computers the photo block takes its height from the text column; the big photo fills whatever is left above the row of three, so neither side leaves a blank patch */
@media(min-width:1221px){
.mam .hero-big{padding-bottom:clamp(36px,3.6vw,56px)}
.mam .hero-big .g2{align-items:stretch}
.mam .hero-big .bento.b4{align-self:stretch;grid-template-rows:minmax(250px,1fr) auto;align-content:stretch}
}
@media(min-width:1513px){.mam .hero-big .bento.b4{width:min(740px,calc(100% + (100vw - 1200px) / 2 + 16px))}}
/* one column (phones, tablets, and laptops narrow enough that the Book Now badge needs its gutter): the main photo moves up to sit right under the headline, so the first screen has a picture; buttons follow, then the other photos and the proof lines */
@media(max-width:1220px){
.mam .hero-big .g2{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 12px}
.mam .hero-big .g2>div:first-child,.mam .hero-big .bento.b4{display:contents}
.mam .hero-big .g2>div:first-child>*{grid-column:1/-1}
.mam.mam-home .hero-big h1{font-size:clamp(32px,8.4vw,60px)}
.mam .hero-big .eb{order:1}.mam .hero-big h1{order:2}
.mam .hero-big .lead{order:5}.mam .hero-big .g2>div:first-child>p:not([class]){order:6}.mam .hero-big .btns{order:7}.mam .hero-big .jump{order:8}
.mam .hero-big .bento.b4 img:not(:first-child){order:9;margin-top:30px}
.mam .hero-big .proof{order:10;margin-top:12px}
}
@media(max-width:600px){.mam .proof{grid-template-columns:1fr}}
.mam .jump a{font:700 15px/1.3 poppins,sans-serif}
.mam .sub2{font-size:clamp(22px,2.4vw,32px);margin:clamp(40px,6vw,72px) 0 18px}
.mam .locs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:1500px){.mam .locs{grid-template-columns:repeat(4,1fr)}}
.mam .loc{background:var(--k);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;margin:0}
.mam .loc .lp{display:block;overflow:hidden;aspect-ratio:4/3}
.mam .loc .lp img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mam .loc:hover .lp img{transform:scale(1.04)}
.mam .loc .lb{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.mam .loc .lt{font:700 12px/1.2 poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin:0 0 6px}
.mam .loc h3{font:700 24px/1.1 parisplus-std,poppins,sans-serif;text-transform:uppercase;color:var(--t);margin:0 0 8px}
.mam .loc h3 a{color:inherit;text-decoration:none;font-weight:inherit}
.mam .loc .ad{font-size:15px;line-height:1.45;margin:0 0 12px}
.mam .loc .ad a,.mam .hc-ad a.hc-map{color:inherit;text-decoration:underline;text-decoration-color:var(--p);text-decoration-thickness:2px;text-underline-offset:3px}
.mam .loc .ad a:hover,.mam .loc .ad a:focus,.mam .hc-ad a.hc-map:hover,.mam .hc-ad a.hc-map:focus{color:var(--t);text-decoration-color:var(--t)}
.mam .svs.s4{grid-template-columns:repeat(4,1fr)}
.mam .tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 16px}
.mam .tags li{background:#fff;color:var(--t);font:700 12.5px/1 poppins,sans-serif;padding:8px 11px;border-radius:999px;margin:0}
.mam .tags li::before{content:none}
.mam .loc .lk{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mam .loc a.b{padding:13px 22px;font-size:15px;white-space:nowrap}
.mam .locmap{margin-top:clamp(36px,5vw,60px)}
.mam .locmap #wpsl-wrap{margin:0}
.mam .awl{list-style:none;margin:0;padding:0}
.mam .awl li{position:relative;padding:0 0 0 30px;margin:0 0 14px;font:400 18px/1.55 poppins,sans-serif;color:var(--ink)}
.mam .awl li::before{content:"";position:absolute;left:0;top:.72em;width:18px;height:3px;border-radius:2px;background:var(--c)}
.mam .card img.il{object-fit:contain;border-radius:0;max-width:340px;margin:0 auto}
.mam .card.tall img{aspect-ratio:4/5;object-fit:cover}
.mam .wall{columns:4 250px;column-gap:16px}
.mam .rv{break-inside:avoid;margin:0 0 16px;background:var(--k);border-radius:22px;padding:22px 22px 20px}
.mam .rv .st{font:400 16px/1 poppins,sans-serif;letter-spacing:3px;color:var(--c);margin:0 0 10px}
.mam .rv blockquote{margin:0;padding:0;border:0;font:400 16px/1.6 poppins,sans-serif;color:var(--ink)}
.mam .rv figcaption{margin-top:12px}
.mam .rv figcaption b{display:block;font:700 15px/1.3 poppins,sans-serif;color:var(--t)}
.mam .rv figcaption span{display:block;font:500 13px/1.3 poppins,sans-serif;color:var(--ink);opacity:.85}
.mam .sfi img{display:block;width:100%;max-width:260px;height:auto;margin:0 auto}
.mam .g2.sf{grid-template-columns:.5fr 1.5fr}
.mam .pcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mam .pc{display:block;background:var(--k);border-radius:22px;overflow:hidden;text-decoration:none}
.mam .pc img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.mam .pc .pt{display:block;padding:16px 18px 4px;font:700 18px/1.3 poppins,sans-serif;color:var(--t)}
.mam .pc .pd{display:block;padding:0 18px 18px;font:500 13px/1.3 poppins,sans-serif;color:var(--ink)}
.mam .pc:hover .pt{color:var(--c)}
.mam .pcs .pc:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,340px) 1fr;align-items:center}
.mam .pcs .pc:only-child .pt{font-size:22px;padding-top:0}
@media(max-width:760px){.mam .pcs .pc:only-child{display:block}.mam .pcs .pc:only-child .pt{font-size:18px;padding-top:16px}}
.mam .more{margin:22px 0 0}
.mam .evs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:clamp(36px,5vw,60px)}
.mam .evs .hl{grid-column:1/-1;font-size:clamp(22px,2.4vw,32px);margin:0 0 6px}
.mam .ev{background:#fff;border:2px solid var(--t);border-radius:18px;padding:16px 18px}
.mam .ev b{display:block;font:700 12px/1.2 poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin-bottom:6px}
.mam .ev span{display:block;font:700 16px/1.35 poppins,sans-serif;color:var(--t)}
.mam .evs .en{grid-column:1/-1;font-size:15px;margin:4px 0 0}
.mam .ig h2{text-align:center}
.mam .band .btns a.b.o{border-color:rgba(255,255,255,.75);color:#fff}
.mam .band .btns a.b.o:hover,.mam .band .btns a.b.o:focus{background:#fff;border-color:#fff;color:var(--t)}
/* the old full-width photo banner is replaced by the new top block on redesigned front pages */
body:has(.mam-home) .location-slider,body:has(.mam-loc) .location-slider{display:none}
.mam .loc .hrs{font-size:14px;line-height:1.5;margin:0 0 14px}
.mam .loc .hrs span{display:flex;gap:8px;white-space:nowrap}
.mam .loc .hrs b{flex:none;min-width:64px;color:var(--t)}
.mam .loc .tel{white-space:nowrap;display:inline-flex;align-items:center;font:700 15px/1.2 poppins,sans-serif;text-decoration:none;border:2px solid var(--t);border-radius:999px;padding:11px 20px;color:var(--t)}
.mam .loc .tel:hover,.mam .loc .tel:focus{background:var(--t);color:#fff}
.mam .hc{background:#fff;border-radius:26px;padding:26px 26px 28px;box-shadow:0 14px 40px rgba(0,60,62,.10)}
.mam .hc-ph{margin:0 0 6px}
.mam .hc-ph a{font:700 clamp(28px,3vw,38px)/1.1 parisplus-std,poppins,sans-serif;color:var(--t);text-decoration:none}
.mam .hc-ad{font-size:16px;line-height:1.5;margin:0 0 14px}
.mam .hc-t{width:100%;border-collapse:collapse;margin:0 0 6px}
.mam .hc-t th,.mam .hc-t td{font:400 15.5px/1.3 poppins,sans-serif;color:var(--ink);text-align:left;padding:7px 0;border-top:1px solid var(--k)}
.mam .hc-t th{font-weight:700;color:var(--t);width:42%}
.mam .hc-t tr:first-child th,.mam .hc-t tr:first-child td{border-top:0}
.mam .hc-n{font-size:15px;margin:8px 0 0}
.mam .hc .btns{margin-top:18px}
.mam .svs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mam .sv{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:24px;padding:18px 14px 20px;text-decoration:none}
.mam .sv img{display:block;width:100%;max-width:170px;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .3s}
.mam .sv:hover img,.mam .sv:focus img{transform:translateY(-4px) rotate(-2deg)}
.mam .sv b{display:block;font:700 19px/1.15 parisplus-std,poppins,sans-serif;text-transform:uppercase;color:var(--t);margin-top:8px}
.mam .sv span{display:block;font:500 13.5px/1.35 poppins,sans-serif;color:var(--ink);margin-top:6px}
.mam .k .stats div:not(.top1),.mam .k .rv,.mam .k .pc{background:#fff}
@media(max-width:1220px){.mam .svs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.mam .svs{grid-template-columns:repeat(2,1fr);gap:10px}.mam .sv b{font-size:16.5px}.mam .hc{padding:20px 18px 22px}}

@media(max-width:1220px){.mam .evs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.mam .g2.sf{grid-template-columns:1fr}.mam .sfi img{max-width:200px}}
@media(max-width:760px){.mam .pcs{grid-template-columns:1fr}.mam .wall{columns:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;-webkit-overflow-scrolling:touch}.mam .rv{flex:0 0 84%;scroll-snap-align:start;margin:0}}
@media(max-width:560px){.mam .locs,.mam .evs{grid-template-columns:1fr}}
/* ---------- location home page: heading and the location's own photo on the left, hours and contact on the right; in one column the hours card comes straight after the heading ---------- */
.mam .loc-hero .g2{grid-template-columns:1.12fr .88fr;align-items:start}
.mam .loc-hero h1 .ln{display:block;font-size:.5em;line-height:1.1;color:var(--c);letter-spacing:.04em;margin:0 0 .3em}
.mam .loc-hero .ph img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px;margin:26px 0 0}
@media(max-width:1220px){
.mam .loc-hero .g2{grid-template-columns:1fr;gap:0}
.mam .loc-hero .g2>div:first-child{display:contents}
.mam.mam-loc .loc-hero h1{font-size:clamp(32px,8.4vw,60px)}
.mam .loc-hero .eb{order:1}.mam .loc-hero h1{order:2}.mam .loc-hero .hc{order:3;margin:22px 0 0}.mam .loc-hero .ph{order:4}.mam .loc-hero .proof{order:5}
}
.mam .pb>:first-child{margin-top:0}
.mam .pb h2{margin-top:clamp(26px,3.4vw,42px)}
.mam .acc{display:block;width:min(300px,62%);height:auto;margin:0 auto}
.mam .lsv .js-wpv-view-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(12px,1.6vw,20px)}
.mam .lsv a{display:block;position:relative;border-radius:24px;overflow:hidden;text-decoration:none}
.mam .lsv [class*="col-"]{float:none;width:auto;min-height:0;padding:0;margin:0}
.mam .lsv .service-home{position:relative;margin:0;padding:0;background:none}
.mam .lsv .service-home img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1;object-fit:cover;margin:0;transition:transform .5s}
.mam .lsv a:hover img,.mam .lsv a:focus img{transform:scale(1.04)}
.mam .lsv .service-home h3{position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;height:auto;margin:0;padding:44px 16px 14px;background:linear-gradient(180deg,rgba(0,62,64,0),rgba(0,62,64,.84));color:#fff;font:700 clamp(17px,1.6vw,22px)/1.1 parisplus-std,poppins,sans-serif;text-transform:uppercase;letter-spacing:.03em;text-align:left;transform:none}
.mam .pills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.mam .pills a{display:inline-block;padding:9px 18px;border:2px solid var(--t);border-radius:999px;background:#fff;color:var(--t);font:700 14.5px/1.2 poppins,sans-serif;text-decoration:none}
.mam .pills a:hover,.mam .pills a:focus{background:var(--t);color:#fff}
@media(max-width:600px){.mam .lsv .js-wpv-view-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.mam .acc{width:44%}}
/* location page as that location's front page: first-day-free offer under the top block, a strip to the other locations, a shorter Instagram block on phones */
.mam .offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 36px;background:#fff;border-left:8px solid var(--c);border-radius:26px;padding:clamp(20px,3vw,30px) clamp(20px,3.4vw,40px);margin-top:clamp(28px,4vw,48px)}
.mam .offer>div{flex:1 1 420px;min-width:0}
.mam .offer .hl{margin:0 0 6px}
.mam .offer p{margin:0}
.mam .offer .btns{flex:none;margin:0}
.mam .oth{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.mam .ot{display:block;background:#fff;border-radius:20px;padding:18px 20px;color:var(--ink);text-decoration:none}
.mam .ot b{display:block;font:700 20px/1.15 parisplus-std,poppins,sans-serif;text-transform:uppercase;color:var(--t)}
.mam .ot span{display:block;font:400 14.5px/1.45 poppins,sans-serif;margin-top:4px}
.mam .ot .tg{font-weight:500;color:var(--t)}
.mam .ot:hover b,.mam .ot:focus b{color:var(--c)}
@media(max-width:800px){.mam .oth{grid-template-columns:1fr}}
@media(max-width:600px){
.mam .ig #sb_instagram #sbi_images{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important}
.mam .ig #sb_instagram #sbi_images .sbi_item{width:auto!important;float:none!important;padding:0!important;margin:0!important}
.mam .ig #sb_instagram #sbi_images .sbi_item:nth-child(n+9){display:none!important}
}
/* enrichment block that sells (Marcus 2026-10-05: "not really selling it"; "the graphics with motion really grabbed people"): top = heading and three outcomes beside six real photos; then the two moving energy dials from the enrichment page full width (with a pause switch); then the national proof and two buttons. One column: heading, photos, outcomes, dials, proof, buttons */
.mam .esell .eg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(32px,4.5vw,64px);align-items:start}
.mam .esell .edl,.mam .esell .ect{grid-column:1/-1}
.mam .esell .eh .lead{margin:16px 0 0}
.mam .eph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mam .eph figure{position:relative;margin:0;border-radius:22px;overflow:hidden;background:var(--k)}
.mam .eph img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .5s}
.mam .eph figure:hover img{transform:scale(1.04)}
.mam .eph figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 14px 12px;background:linear-gradient(180deg,rgba(0,62,64,0),rgba(0,62,64,.82));color:#fff;font:700 clamp(15px,1.4vw,19px)/1.1 parisplus-std,poppins,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.mam .ept{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:16px}
.mam .ept li{display:flex;align-items:center;gap:16px;margin:0}
.mam .ept img{flex:none;width:72px;height:72px;border-radius:50%;background:var(--k);padding:6px;object-fit:contain}
.mam .ept b{display:block;font:700 19px/1.25 poppins,sans-serif;color:var(--t)}
.mam .ept span{display:block;font:400 16px/1.5 poppins,sans-serif;color:var(--ink);margin-top:2px}
.mam .esell .edl{gap:16px;margin-top:clamp(36px,5vw,60px)}
.mam .esell .edl .dh{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:0 0 2px}
.mam .esell .edl .hl{font-size:clamp(24px,2.6vw,36px);line-height:1.14;margin:0}
.mam .esell .dial{background:var(--k)}
.mam .esell .edl .dfoot{grid-column:1/-1;display:flex;justify-content:center;margin:2px 0 0}
.mam .ect{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:28px}
.mam .ect .btns{margin:0}
.mam .eproof{flex:1 1 380px;max-width:640px;font-size:15.5px;line-height:1.55;border-left:4px solid var(--c);padding:2px 0 2px 14px;margin:0}
.mam .eproof strong{color:var(--t)}
.mam .mp{display:inline-flex;align-items:center;margin:0;cursor:pointer;font:600 13px/1.2 poppins,sans-serif;color:var(--t);border:2px solid var(--t);border-radius:999px;padding:6px 12px;background:#fff}
.mam .mp input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.mam .mp .off{display:none}
.mam .mp:has(input:checked) .on{display:none}
.mam .mp:has(input:checked) .off{display:inline}
.mam .mp:has(input:focus-visible){outline:3px solid var(--t);outline-offset:2px}
.mam .edl:has(.mp input:checked) .ndl{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mam .mp{display:none}}
/* enrichment photos end with the text (Marcus 2026-10-05: "fix the space on M1"): on computers the six photos take their height from the text column (three rows, each a third of it, never under 170px), so the squares no longer stand taller than the text */
@media(min-width:1221px){
.mam .esell .eg{align-items:stretch}
}
@media(max-width:1220px){
.mam .esell .eg{grid-template-columns:minmax(0,1fr)}
.mam .esell .el,.mam .esell .er{display:contents}
.mam .esell .eh{order:1}.mam .esell .eph{order:2;margin-top:24px}.mam .esell .ept{order:3}.mam .esell .edl{order:4}.mam .esell .ect{order:5}
}
@media(max-width:600px){.mam .eph{gap:8px}.mam .eph figure{border-radius:16px}.mam .eph figure:nth-child(n+5){display:none}.mam .eph figcaption{padding:30px 10px 9px}.mam .ept img{width:56px;height:56px}.mam .ept b{font-size:17.5px}.mam .ept span{font-size:15px}.mam .ect{display:block}.mam .eproof{margin:0 0 18px}}
/* trust band right under the top block (Marcus 2026-10-05: "call out all the stuff in the header more too - 21 years, locally and family owned") */
.mam section.trust{background:var(--t);color:#fff;padding:clamp(22px,3vw,34px) 0}
.mam .trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.mam .trust li{margin:0;padding:0 0 0 18px;border-left:2px solid rgba(255,255,255,.28)}
.mam .trust li:first-child{border-left:0;padding-left:0}
.mam .trust b{display:block;font:700 clamp(22px,2.1vw,30px)/1.05 parisplus-std,poppins,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff}
.mam .trust span{display:block;font:500 13.5px/1.4 poppins,sans-serif;color:#e3efef;margin-top:6px;text-wrap:balance}
@media(max-width:1024px){.mam .trust ul{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:20px}.mam .trust li{grid-column:span 2}.mam .trust li:nth-child(4){grid-column:2/span 2}.mam .trust li:nth-child(4),.mam .trust li:first-child{border-left:0;padding-left:0}}
@media(max-width:600px){.mam .trust ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.mam .trust li,.mam .trust li:nth-child(4){grid-column:auto;border-left:0;padding:0}.mam .trust li:last-child{grid-column:1/-1}.mam .trust b{font-size:22px}.mam .trust span{font-size:13px}}
/* location page photos (Marcus 2026-10-05: old site's professional photos in spots, with fresh pictures from social): two photos beside the page's text, six faces above the reviews */
.mam .wph{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
.mam .wph img{display:block;width:100%;height:auto;object-fit:cover;border-radius:24px}
.mam .wph .t{grid-row:1/3;aspect-ratio:2/3}
.mam .wph .s{aspect-ratio:1}
.mam .wph .acc{width:78%;margin:6px auto 0;border-radius:0}
.mam .pack{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 clamp(24px,3vw,36px)}
.mam .pack img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px}
@media(max-width:700px){.mam .pack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mam .pack img{border-radius:14px}.mam .wph{max-width:520px;margin:0 auto}}
/* TV videos on location pages: Kelly Clarkson first and larger, NBC DFW beside it; one column on phones */
.mam .vgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.mam .vfr{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#004f51}
.mam .vfr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mam .tv .tvb{margin:clamp(22px,3vw,30px) 0 0}
.mam .nbcv{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#004f51;border-radius:20px;overflow:hidden}
.mam .nbcv[data-loaded]{aspect-ratio:auto;display:block;background:none;border-radius:20px}
.mam .nbcv .ma-video-lazy-btn{background:var(--c);color:#fff;border:0;border-radius:999px;font:700 17px/1.2 poppins,sans-serif;padding:14px 26px;cursor:pointer}
.mam .nbcv .ma-video-lazy-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:800px){.mam .vgrid{grid-template-columns:minmax(0,1fr)}}
/* accessibility (WCAG 2.2 AA, checked with axe 2026-10-05): text in coral uses a deeper shade of the same hue (#B64235: 4.6:1 on cream, 5.5:1 on white); the brand coral stays on lines, underlines and decorations */
.mam{--cd:#B64235}
.mam .where,.mam .loc .lt,.mam .ev b,.mam .loc-hero h1 .ln,.mam .rv .st,.mam .ot:hover b,.mam .ot:focus b{color:var(--cd)}
.mam .nbcv .ma-video-lazy-btn{background:var(--cd)}
.mam .rv figcaption span{opacity:1}
.mam .wall:focus-visible{outline:3px solid var(--t);outline-offset:4px;border-radius:12px}
/* headings restored for search (2026-10-05: blog title, events label, hours label, location service names) - same look as before */
.mam .pc h3.pt{margin:0;text-transform:none;letter-spacing:0}
.mam .evs h2.hl{line-height:1.14}
.mam .hc h2.eb{font:700 13px/1.2 poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--t);margin:0 0 18px}
.mam .sv .svh{display:block;font:700 19px/1.15 parisplus-std,poppins,sans-serif;text-transform:uppercase;color:var(--t);margin:8px 0 0;letter-spacing:0}
@media(max-width:600px){.mam .sv .svh{font-size:16.5px}}
/* Safari-safe sizing (2026-10-05, after Marcus saw the big top photo run behind the small ones in Safari): no percentage heights and no contain:size.
   Each photo sits in a box the grid sizes; the photo is positioned to fill its box. */
.mam .bento.b4 .bm{grid-column:1/-1;position:relative;aspect-ratio:16/9.6;border-radius:24px;overflow:hidden;background:var(--k)}
.mam .bento.b4 .bm img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:58% 45%;border-radius:0;margin:0}
@media(min-width:1221px){
.mam .hero-big .bento.b4 .bm{aspect-ratio:auto;min-height:250px}
.mam .esell .er{display:grid;grid-template-rows:minmax(0,1fr)}
.mam .esell .eph{grid-template-rows:repeat(3,minmax(170px,1fr))}
.mam .esell .eph figure{min-height:0}
.mam .esell .eph img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
}
@media(max-width:1220px){.mam .hero-big .bento.b4 .bm{order:4;margin:22px 0 8px}}
@media(max-width:600px){.mam .hero-big .bento.b4 .bm{aspect-ratio:4/3;margin-top:18px}}