:root{
  --navy:#1b2a41; --cream:#fff5e6; --paper:#fffaf2; --orange:#e0431c; --orange-hi:#ff6b35;
  --yellow:#ffd166; --pink:#ff4f8b; --sky:#9fd8ff; --ink:#2b2b2b; --muted:#5d6d7e;
  --display:'Alfa Slab One',Georgia,serif; --body:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --radius:18px; --shadow:0 10px 30px rgba(27,42,65,.12); --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(2.2rem,5vw,3.8rem)}
h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
a{color:var(--orange)}
.accent{color:var(--orange)}
.eyebrow{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--orange);margin-bottom:.6em}
.lede{font-size:1.15rem;color:var(--muted)}
.fineprint{font-size:.8rem;color:var(--muted)}

/* buttons */
.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:900;text-decoration:none;padding:.8em 1.5em;border-radius:999px;border:3px solid var(--orange);cursor:pointer;font-family:var(--body);font-size:1rem;transition:transform .12s,background .12s;box-shadow:0 6px 0 #a82f10}
.btn:hover{transform:translateY(-2px);background:var(--orange-hi);border-color:var(--orange-hi)}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #a82f10}
.btn-lg{font-size:1.1rem;padding:1em 2em}
.btn-sm{padding:.5em 1.1em;font-size:.9rem;box-shadow:0 3px 0 #a82f10}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy);box-shadow:0 6px 0 var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* header */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem;background:rgba(255,250,242,.92);backdrop-filter:blur(8px);border-bottom:3px solid var(--navy)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--display);color:var(--navy);font-size:1.25rem}
.brand em{font-style:normal;color:var(--orange)}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav a{color:var(--navy);text-decoration:none;font-weight:800}
.nav a:not(.btn):hover{color:var(--orange)}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--navy);cursor:pointer}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center;max-width:var(--max);margin:0 auto;padding:3.5rem 1.25rem 2.5rem}
.hero h1{margin-bottom:.4em}
.cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}
.hero-badges{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;font-weight:800;color:var(--navy);font-size:.95rem}
.hero-art svg{width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(27,42,65,.18));transform:rotate(-1.5deg)}

/* ticker */
.ticker{overflow:hidden;background:var(--navy);color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;padding:.7rem 0;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy)}
.ticker-track{display:flex;gap:2rem;white-space:nowrap;width:max-content;animation:scroll 40s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}

/* sections */
.section{max-width:var(--max);margin:0 auto;padding:4.5rem 1.25rem;scroll-margin-top:72px}
.alt{max-width:none;background:var(--cream);border-top:3px solid var(--navy);border-bottom:3px solid var(--navy)}
.alt > *{max-width:var(--max);margin-left:auto;margin-right:auto}
.section-head{text-align:center;max-width:760px;margin:0 auto 2.5rem}
.grid{display:grid;gap:1.5rem}
.services{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:1.6rem;box-shadow:6px 6px 0 var(--navy);transition:transform .15s}
.card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--navy)}
.icon{width:64px;height:64px;margin-bottom:1rem}
.icon svg{width:100%;height:100%}
.card p{margin:0;color:var(--muted)}

/* steps */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;counter-reset:step}
.steps li{position:relative;background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:2.4rem 1.4rem 1.4rem;box-shadow:6px 6px 0 var(--orange)}
.steps .num{position:absolute;top:-22px;left:18px;width:44px;height:44px;border-radius:50%;background:var(--yellow);border:3px solid var(--navy);font-family:var(--display);display:grid;place-items:center;color:var(--navy);font-size:1.2rem}
.steps p{margin:0;color:var(--muted)}

/* support */
.support{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center}
.support-art svg{width:100%;height:auto;border:4px solid var(--navy);border-radius:28px;box-shadow:10px 10px 0 var(--pink);transform:rotate(2deg)}
.support h2 sup{font-size:.5em;color:var(--pink)}
.support-list{list-style:none;padding:0;margin:1.5rem 0}
.support-list li{padding:.8rem 0 .8rem 2.2rem;position:relative;border-bottom:2px dashed #e6d9c6}
.support-list li::before{content:"♥";position:absolute;left:.3rem;top:.75rem;color:var(--pink);font-size:1.2rem}
.support-list strong{color:var(--navy)}

/* stuck in the dryer */
.stuck{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center}
.stuck-art svg{width:100%;height:auto;border:4px solid var(--navy);border-radius:28px;box-shadow:10px 10px 0 var(--yellow);transform:rotate(-2deg)}
.stuck-list li::before{content:"🧦";font-size:1rem;top:.85rem;left:0}
.stuck-list{margin-bottom:2rem}

/* reviews */
.reviews{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.review{margin:0;background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:1.5rem;box-shadow:6px 6px 0 var(--sky)}
.review.greg{box-shadow:6px 6px 0 var(--muted);background:#f4f4f2}
.stars{color:#f4a300;font-size:1.25rem;letter-spacing:.1em;margin-bottom:.5rem}
.review p{font-size:1.05rem;color:var(--ink);margin-bottom:.8rem}
.review cite{font-style:normal;font-weight:900;color:var(--navy);font-size:.9rem}

/* pricing */
.pricing{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;row-gap:2rem}
.price{position:relative;background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:1.8rem 1.4rem;text-align:center;box-shadow:6px 6px 0 var(--navy)}
.price.featured{background:var(--navy);color:#fff;box-shadow:6px 6px 0 var(--orange)}
.price.featured h3,.price.featured .amount{color:#fff}
.price.featured p{color:#d9e1ec}
.amount{font-family:var(--display);font-size:2rem;color:var(--orange);margin:.3rem 0 .8rem}
.price p{margin:0;color:var(--muted);font-size:.95rem}
.ribbon{position:absolute;top:-16px;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--yellow);color:var(--navy);font-weight:900;padding:.25em .9em;border:3px solid var(--navy);border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}

/* faq */
.faq{max-width:820px}
.faq details{background:#fff;border:3px solid var(--navy);border-radius:14px;margin-bottom:.8rem;padding:0 1.2rem}
.faq summary{cursor:pointer;font-weight:900;color:var(--navy);padding:1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--display);color:var(--orange);font-size:1.4rem}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 1rem;margin:0;color:var(--muted)}

/* excuse generator */
.excuse{max-width:820px;margin:0 auto 2rem;text-align:center;background:var(--navy);color:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:2rem;box-shadow:8px 8px 0 var(--pink)}
.excuse h3{color:#fff;font-size:1.5rem}
.excuse .eyebrow{color:var(--yellow)}
.excuse-line{font-size:1.25rem;font-style:italic;font-weight:700;color:var(--yellow);min-height:3.2em;display:grid;place-items:center;margin:0 0 .5rem}
.excuse-row{justify-content:center;margin:1rem 0 .5rem}
.excuse .btn-ghost{color:#fff;border-color:#fff;box-shadow:0 6px 0 rgba(255,255,255,.35)}
.excuse .btn-ghost:hover{background:#fff;color:var(--navy)}
.excuse .form-note{color:var(--yellow)}

/* booking */
.book-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:820px;margin:0 auto;background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:2rem;box-shadow:8px 8px 0 var(--yellow)}
.book-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:900;color:var(--navy);font-size:.9rem}
.book-form input,.book-form select,.book-form textarea{font:inherit;font-weight:600;padding:.75em .9em;border:2px solid var(--navy);border-radius:10px;background:var(--paper);color:var(--ink)}
.book-form input:focus,.book-form select:focus,.book-form textarea:focus{outline:3px solid var(--yellow);outline-offset:1px}
.book-form input.err,.book-form select.err{border-color:var(--orange);background:#fff0ec}
.full{grid-column:1/-1}
.form-note{margin:0;text-align:center;font-size:.8rem;color:var(--muted)}
.confirm{max-width:640px;margin:0 auto;text-align:center;background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:2.5rem;box-shadow:8px 8px 0 var(--pink)}
.confirm img{margin:0 auto 1rem}
.confirm[hidden]{display:none}

/* footer */
.footer{background:var(--navy);color:#d9e1ec;text-align:center;padding:3rem 1.25rem 2rem}
.footer-logo{display:block;width:min(100%,400px);height:auto;margin:0 auto 1.5rem;background:var(--cream);padding:.8rem 1rem;border-radius:14px}
.footer p{margin:0 0 .4em;font-weight:700}
.footer .fineprint{max-width:720px;margin:1.5rem auto 0;color:#9fb0c7;font-weight:400}

/* mobile */
@media (max-width:900px){
  .hero,.support,.stuck{grid-template-columns:1fr}
  .hero{padding-top:2rem}
  .hero-art,.stuck-art{order:-1}
  .support-art,.stuck-art{max-width:360px;margin:0 auto}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);border-bottom:3px solid var(--navy);padding:1rem 1.25rem;align-items:flex-start}
  .nav.open{display:flex}
  .nav-toggle{display:block}
  .book-form{grid-template-columns:1fr;padding:1.4rem}
}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}.card,.btn{transition:none}}

/* dudes teaser on the main page */
.dudes-banner{background:var(--navy);color:#d9e1ec;text-align:center;padding:4rem 1.25rem;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy)}
.dudes-banner > div{max-width:760px;margin:0 auto}
.dudes-banner h2{color:#fff}
.dudes-banner h2 span{color:#f4a300}
.dudes-banner .eyebrow{color:#f4a300}
.dudes-banner p{font-size:1.1rem}
.dudes-banner .btn{margin-top:.8rem;background:#f4a300;border-color:#f4a300;color:var(--navy);box-shadow:0 6px 0 #a86f00}

/* /dudes: garage theme */
.dudes{--orange:#c2571a;--orange-hi:#de6a26;--pink:#f4a300;--paper:#f3efe4;--cream:#e9e2d0;--sky:#f4a300}
.dudes .topbar{background:rgba(27,42,65,.96);border-bottom-color:#f4a300}
.dudes .brand,.dudes .nav a:not(.btn),.dudes .nav-toggle{color:#fff5e6}
.dudes .brand em{color:#f4a300}
.dudes .nav a:not(.btn):hover{color:#f4a300}
.dudes .brand img{background:#fff5e6;border-radius:8px}
.dudes .btn{box-shadow:0 6px 0 #7d340c}
.dudes .btn-sm{box-shadow:0 3px 0 #7d340c}
.dudes .btn-ghost{box-shadow:0 6px 0 var(--navy)}
.dudes .hero-art svg{transform:rotate(1.5deg)}
.dudes .support-list li::before{content:"🍺";font-size:1rem;top:.85rem;left:0}
.dudes .support h2 sup{color:var(--orange)}
.dudes .excuse .btn-ghost{box-shadow:0 6px 0 rgba(255,255,255,.35)}
.gripe-label{font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#9fb0c7;margin:1rem 0 .2rem}
.gripe .excuse-line{min-height:2.6em}
.gripe-reply{font-family:var(--display);font-size:1.5rem;color:#fff;min-height:2.6em;display:grid;place-items:center;margin:0 0 .5rem}
.gripe-reply em{font-family:var(--body);font-size:1rem;color:#d9e1ec}
.footer-link{color:#f4a300;font-weight:900}
@media (max-width:900px){.dudes .nav{background:var(--navy)}}
main{overflow-x:clip}
.dudes h1{font-size:clamp(2rem,3.9vw,3rem)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-note.err{color:var(--orange);font-weight:900}
.footer-phone{font-size:1.25rem}.footer-phone a{color:var(--yellow);font-weight:900;text-decoration:none}

/* tip jake */
.tip-card{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:2rem;box-shadow:8px 8px 0 var(--yellow)}
.tip-qr img{width:220px;height:220px;border:4px solid var(--navy);border-radius:18px;background:#fff;transform:rotate(-2deg)}
.tip-copy h2{margin-bottom:.3em}
.tip-handle{font-weight:900;color:var(--navy);margin-left:.6rem}
.btn.is-off{background:#c9d1d9;border-color:#c9d1d9;color:var(--navy);box-shadow:0 6px 0 #8892a0;cursor:default;pointer-events:none}
@media (max-width:900px){.tip-card{grid-template-columns:1fr;text-align:center;padding:1.4rem}.tip-qr img{margin:0 auto}}
/* nav has grown: tighten it, and switch to the menu button earlier */
.nav{gap:1.1rem}
@media (max-width:1180px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);border-bottom:3px solid var(--navy);padding:1rem 1.25rem;align-items:flex-start}
  .nav.open{display:flex}
  .nav-toggle{display:block}
  .dudes .nav{background:var(--navy)}
}

/* ---------- landing door page */
.door-page{background:var(--navy)}
.door{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem;color:#fff}
.door-head{text-align:center;margin-bottom:1.5rem}
.door-head img{width:min(100%,380px);height:auto;margin:0 auto 1rem;background:var(--cream);padding:.7rem .9rem;border-radius:14px}
.door-head .eyebrow{color:var(--yellow)}
.door-head h1{color:#fff;font-size:clamp(1.8rem,5vw,3rem)}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.door-card{display:grid;grid-template-rows:auto 1fr;background:#fff;color:var(--ink);text-decoration:none;border:4px solid var(--navy);border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 var(--pink);transition:transform .15s}
.door-card.him{box-shadow:8px 8px 0 #f4a300}
.door-card:hover{transform:translate(-3px,-3px)}
.door-card.remembered{outline:4px solid var(--yellow);outline-offset:4px}
.door-art svg{display:block;width:100%;height:auto}
.door-copy{padding:1.4rem 1.4rem 1.6rem}
.door-copy h2{font-size:2rem;margin-bottom:.3em}
.door-copy p:not(.eyebrow){color:var(--muted);margin-bottom:1.2em}
.door-card.him .eyebrow,.door-card.him .btn{color:#fff}
.door-card.him .btn{background:#c2571a;border-color:#c2571a;box-shadow:0 6px 0 #7d340c}
.door-again{display:block;margin-top:.8rem;font-size:.8rem;font-weight:900;color:var(--orange)}
.door-note{text-align:center;margin:2rem 0 .4rem;font-weight:800;color:#d9e1ec}
.door-note a{color:var(--yellow)}
.door-real{text-align:center;font-size:.85rem;color:#9fb0c7}
.door-real a{color:var(--yellow);font-weight:900;text-decoration:none}
@media (max-width:760px){.doors{grid-template-columns:1fr}.door-card{grid-template-columns:110px 1fr;grid-template-rows:none;align-items:center}.door-art{align-self:stretch}.door-art svg{height:100%;object-fit:cover}.door-copy{padding:1rem 1rem 1.1rem}.door-copy h2{font-size:1.5rem}.door-copy p:not(.eyebrow){font-size:.95rem;margin-bottom:.9em}.door-copy .btn{font-size:.95rem;padding:.7em 1.3em}}

/* ---------- review flipper */
.flipper{max-width:var(--max);margin:0 auto}
.flip-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.2rem}
.flip-tab{font:inherit;font-weight:900;padding:.6em 1.4em;border-radius:999px;border:3px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer}
.flip-tab.on{background:var(--navy);color:#fff}
.flip-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .25rem 1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.flip-track::-webkit-scrollbar{display:none}
.flip-track .review{flex:0 0 min(86%,340px);scroll-snap-align:center;display:flex;flex-direction:column}
.flip-track .review p{flex:1}
.flip-nav{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.4rem}
.flip-prev,.flip-next{font:inherit;font-family:var(--display);font-size:1.4rem;line-height:1;width:44px;height:44px;border-radius:50%;border:3px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer}
.flip-dots{display:flex;gap:6px}
.flip-dots button{width:10px;height:10px;border-radius:50%;border:2px solid var(--navy);background:#fff;padding:0;cursor:pointer}
.flip-dots button.on{background:var(--orange);border-color:var(--orange)}
.flip-count{font-weight:900;color:var(--muted);font-size:.85rem;min-width:3.2em;text-align:center}
.flip-hint{text-align:center;margin:.8rem 0 0}
.dudes .flip-tab.on{background:var(--navy)}
@media (min-width:900px){.flip-track .review{flex-basis:340px}.flip-track{justify-content:flex-start}}

/* ---------- sticky bottom bar (phones) */
.bottom-bar{display:none}
@media (max-width:900px){
  body{padding-bottom:78px}
  .bottom-bar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,250,242,.96);backdrop-filter:blur(8px);border-top:3px solid var(--navy)}
  .bottom-bar .btn{text-align:center;padding:.75em 1em;font-size:.95rem;box-shadow:0 4px 0 #a82f10}
  .bottom-bar .btn-ghost{box-shadow:0 4px 0 var(--navy)}
  .dudes .bottom-bar{background:rgba(27,42,65,.96);border-top-color:#f4a300}
  .dudes .bottom-bar .btn-ghost{color:#fff;border-color:#fff;box-shadow:0 4px 0 rgba(255,255,255,.35)}
  .door-page{padding-bottom:0}
  /* tighter sections on phones */
  .section{padding:3rem 1rem}
  .hero{padding:1.5rem 1rem 1.5rem;gap:1.2rem}
  .hero-art{max-width:520px;margin:0 auto}
  h1{font-size:clamp(1.9rem,8vw,2.6rem)}
  .lede{font-size:1.05rem}
  .card,.steps li{padding:1.3rem}
  .stuck-art,.support-art{max-width:320px}
  .excuse{padding:1.4rem 1rem}
  .section-head{margin-bottom:1.6rem}
}
/* grid items with margin:auto shrink-wrap; give the art blocks a real width */
@media (max-width:900px){.hero-art{width:100%;max-width:520px}.stuck-art,.support-art{width:100%;max-width:360px}.door-card{grid-template-columns:140px 1fr}}

/* ---------- merch */
.merch-hero{grid-template-columns:1fr;text-align:center;padding-bottom:1rem}
.merch-hero .cta-row{justify-content:center}
.merch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.4rem;max-width:var(--max);margin:0 auto}
.merch-card{background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:1rem 1rem 1.1rem;box-shadow:6px 6px 0 var(--navy);display:flex;flex-direction:column}
.merch-art svg{width:100%;height:auto;display:block}
.merch-card h3{margin:.4rem 0 .3rem;font-size:1.2rem}
.merch-card p{color:var(--muted);font-size:.92rem;margin:0 0 .8rem;flex:1}
.merch-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.merch-price{font-family:var(--display);font-size:1.4rem;color:var(--orange)}
.merch-fine{padding-top:1rem;text-align:center;max-width:820px}
.credit{font-weight:800;color:#d9e1ec;margin-top:1.4rem}
.credit a{color:var(--yellow);font-weight:900;text-decoration:none;border-bottom:2px solid var(--yellow)}
.door-credit{text-align:center;font-size:.9rem;color:#9fb0c7}
.door-merch{margin-top:.2rem;color:#fff;border-color:#fff;box-shadow:0 6px 0 rgba(255,255,255,.35)}
.door-merch:hover{background:#fff;color:var(--navy)}
@media (max-width:900px){.merch-grid{grid-template-columns:1fr 1fr;gap:.9rem}.merch-card{padding:.7rem .7rem .9rem}.merch-card h3{font-size:1.05rem}.merch-card p{font-size:.85rem}.merch-price{font-size:1.2rem}.merch-row .btn-sm{padding:.45em .9em;font-size:.85rem}}
/* franchise */
.jakes-grid .stars{font-family:var(--display);color:var(--orange);letter-spacing:.02em}
.apply-card{max-width:720px}
.apply-card p{color:#d9e1ec}
/* home link + three-button bottom bar */
.nav-home{white-space:nowrap}
@media (max-width:900px){.bottom-bar.three{grid-template-columns:auto 1fr 1fr}.bottom-bar.three .btn{padding:.75em .8em;font-size:.9rem}}
.merch-art img{width:100%;height:auto;display:block;border-radius:12px}
.merch-spec{font-size:.72rem;color:var(--muted);font-weight:800;letter-spacing:.02em;margin:0 0 .8rem;flex:0}
.merch-art img{cursor:pointer;background:#fff}.merch-art{background:#fff;border-radius:12px}

/* ===== phone pass: tighter, less scrolling ===== */
.door-again[hidden]{display:none}
@media (max-width:900px){
  .topbar{padding:.5rem 1rem}
  .brand{font-size:1.1rem}.brand img{width:34px;height:34px}
  .section{padding:2.25rem 1rem;scroll-margin-top:64px}
  .section-head{margin-bottom:1.2rem}
  h2{font-size:clamp(1.5rem,6.5vw,2rem)}
  .lede{font-size:1rem}
  .eyebrow{font-size:.7rem}
  .cta-row{gap:.6rem;margin:1rem 0}
  .cta-row .btn{flex:1 1 100%;text-align:center}
  .hero-badges{font-size:.85rem;gap:.35rem .9rem}
  /* services + pricing: two compact columns */
  .services{grid-template-columns:1fr 1fr;gap:.7rem}
  .card{padding:.9rem .8rem;border-radius:14px;box-shadow:4px 4px 0 var(--navy)}
  .icon{width:40px;height:40px;margin-bottom:.5rem}
  .card h3{font-size:.95rem;margin-bottom:.3em}
  .card p{font-size:.8rem;line-height:1.4}
  .pricing{grid-template-columns:1fr 1fr;gap:.7rem;row-gap:1.2rem}
  .price{padding:1.3rem .7rem 1rem;border-radius:14px;box-shadow:4px 4px 0 var(--navy)}
  .price h3{font-size:.95rem}.amount{font-size:1.35rem;margin:.2rem 0 .5rem}.price p{font-size:.78rem;line-height:1.4}
  .ribbon{font-size:.65rem;top:-13px}
  /* steps */
  .steps{gap:1.6rem}.steps li{padding:1.9rem 1rem 1rem}.steps h3{font-size:1.05rem}.steps p{font-size:.92rem}
  .steps .num{width:38px;height:38px;top:-19px;left:14px;font-size:1rem}
  /* lists */
  .support-list li{padding:.6rem 0 .6rem 1.9rem;font-size:.95rem}
  .support h2,.stuck h2{font-size:clamp(1.5rem,6.5vw,1.9rem)}
  /* generator / gripe */
  .excuse{padding:1.2rem .9rem}.excuse h3{font-size:1.25rem}.excuse-line{font-size:1.05rem;min-height:0;margin-bottom:.6rem}
  .excuse-row .btn{flex:1 1 100%;text-align:center;font-size:.95rem;padding:.7em 1em}
  .gripe-reply{font-size:1.25rem;min-height:0}
  /* faq */
  .faq details{padding:0 .9rem}.faq summary{padding:.8rem 0;font-size:.95rem}.faq details p{font-size:.92rem}
  /* form */
  .book-form{padding:1.1rem;gap:.9rem}.book-form input,.book-form select,.book-form textarea{padding:.65em .8em}
  /* tip */
  .tip-qr img{width:180px;height:180px}
  /* door page */
  .door{padding:1.25rem .9rem 2.5rem}
  .door-head img{width:min(100%,300px);margin-bottom:.6rem}
  .door-head h1{font-size:clamp(1.6rem,7vw,2.2rem)}
  .door-head .eyebrow{font-size:.68rem}
  .doors{gap:1rem}
  .door-card{grid-template-columns:130px 1fr;border-radius:18px;box-shadow:5px 5px 0 var(--pink)}
  .door-card.him{box-shadow:5px 5px 0 #f4a300}
  .door-copy{padding:.8rem .8rem .9rem}.door-copy h2{font-size:1.35rem}.door-copy p:not(.eyebrow){font-size:.9rem;margin-bottom:.7em}
  .door-copy .btn{font-size:.9rem;padding:.6em 1.1em}
  .door-note{margin:1.4rem 0 .3rem;font-size:.95rem}
  .door-merch{font-size:.9rem;padding:.6em 1.1em;margin:.25rem .15rem}
  /* merch */
  .merch-hero{padding-bottom:.5rem}
  .merch-card h3{font-size:1rem}.merch-card p{font-size:.82rem}.merch-spec{font-size:.66rem}
  /* franchise */
  .jakes-grid{grid-template-columns:1fr}
}
@media (max-width:400px){
  .services,.pricing{gap:.55rem}
  .card p,.price p{font-size:.76rem}
}
@media (max-width:900px){.ribbon{white-space:nowrap;font-size:.62rem;padding:.2em .7em;top:-12px}.price.featured{padding-top:1.6rem}}
/* one shadow language for every button: the navy hard shadow the cards use */
.btn,.btn-sm,.btn-lg,.dudes .btn,.dudes .btn-sm,.door-card.him .btn,.dudes-banner .btn{box-shadow:0 5px 0 var(--navy)}
.btn-sm,.dudes .btn-sm{box-shadow:0 3px 0 var(--navy)}
.btn:active{box-shadow:0 2px 0 var(--navy)}
.bottom-bar .btn,.bottom-bar .btn-ghost,.dudes .bottom-bar .btn-ghost{box-shadow:0 4px 0 var(--navy)}
.excuse .btn-ghost,.dudes .excuse .btn-ghost,.door-merch,.dudes .bottom-bar .btn-ghost{box-shadow:0 4px 0 rgba(255,255,255,.35)}
.btn.is-off{box-shadow:0 4px 0 #8892a0}
/* nav button never squeezes or wraps; nav collapses to the menu earlier now that it has 10 links */
.nav .btn{white-space:nowrap;flex-shrink:0;text-align:center}
.nav a{white-space:nowrap}
@media (max-width:1400px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);border-bottom:3px solid var(--navy);padding:1rem 1.25rem;align-items:flex-start}
  .nav.open{display:flex}
  .nav-toggle{display:block}
  .dudes .nav{background:var(--navy)}
}
.brand{white-space:nowrap;flex-shrink:0}
.nav{flex-wrap:nowrap;min-width:0}
/* labels always centred, even when a neighbour in a grid/flex row is taller */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}
.bottom-bar .btn{display:flex}
.phone-digits{font-size:.8rem;font-weight:700;color:#9fb0c7}
.door-card.him .eyebrow{color:#c2571a}
/* Trusted360 credit block */
.credit-t360{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1.8rem auto .4rem;text-decoration:none;color:#9fb0c7;font-weight:800;font-size:.85rem;letter-spacing:.04em}
.credit-t360 img{width:min(60%,256px);height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.credit-tag{color:#9fb0c7;font-size:.85rem;font-weight:700;margin:0 0 1rem}
.credit-tag a{color:#fc7b3c;font-weight:900;text-decoration:none;border-bottom:2px solid #fc7b3c}
.phone-digits{margin-left:.15rem}
.door-share{margin-top:.6rem;background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.door-share:hover{background:#ffe08a;border-color:#ffe08a}
.door-share-note{display:block;margin-top:.4rem;font-size:.85rem;color:var(--yellow);font-weight:800}
.door-share-note[hidden]{display:none}
.book-form .check{flex-direction:row;align-items:center;gap:.6rem;font-size:1rem}
.book-form .check input{width:22px;height:22px;accent-color:var(--orange);margin:0}
.check-hint{font-weight:600;color:var(--muted);font-size:.85rem}

/* ===== desktop tightening ===== */
@media (min-width:901px){
  h1{font-size:clamp(2.2rem,4.4vw,3.3rem)}
  .hero{padding:3rem 1.25rem 2rem}
  .hero .lede{max-width:34rem}
  /* door page: art beside copy, whole page fits a laptop screen */
  .door{padding:1.5rem 1rem 2.5rem}
  .door-head img{width:min(100%,320px);margin-bottom:.6rem}
  .door-head{margin-bottom:1.2rem}
  .door-card{grid-template-columns:240px 1fr;grid-template-rows:none;align-items:stretch}
  .door-art svg{height:100%;width:100%;object-fit:cover}
  .door-copy{padding:1.2rem 1.4rem;display:flex;flex-direction:column;justify-content:center}
  .door-copy h2{font-size:1.8rem}
  .door-note{margin-top:1.4rem}
}
.door .credit-t360,.door .credit-tag{text-align:center}
.door .credit-tag{margin-left:auto;margin-right:auto;max-width:720px}
@media (min-width:1401px) and (max-width:1600px){.nav{gap:.85rem}.nav a:not(.btn){font-size:.9rem}.nav .btn{font-size:.85rem;padding:.5em 1em}.brand{font-size:1.15rem}}
/* merch hero: keep everything centred (the desktop lede max-width was pinning it left) */
.merch-hero .hero-copy{text-align:center;margin:0 auto;max-width:820px}
.merch-hero .lede{margin-left:auto;margin-right:auto}
.merch-hero .cta-row{justify-content:center}
.merch-hero .fineprint{text-align:center}
/* booking photos */
.photo-field{display:flex;flex-direction:column;gap:.4rem}
.photo-label{font-weight:900;color:var(--navy);font-size:.9rem}
.photo-field input[type=file]{font:inherit;font-weight:600;font-size:.9rem;padding:.55em .7em;border:2px dashed var(--navy);border-radius:10px;background:var(--paper);color:var(--ink)}
.photo-field input[type=file]::file-selector-button{font:inherit;font-weight:900;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:.4em 1em;margin-right:.7em;cursor:pointer}
.photo-strip{display:flex;gap:.5rem;flex-wrap:wrap}
.photo-thumb{position:relative;margin:0;width:84px;height:84px}
.photo-thumb img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:2px solid var(--navy)}
.photo-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:900;line-height:1;cursor:pointer;padding:0}
.photo-note{margin:0;font-size:.8rem;color:var(--muted);font-weight:600}
/* credentials band */
.creds-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.cred{background:#fff;border:3px solid var(--navy);border-radius:var(--radius);padding:1.4rem 1.2rem;box-shadow:6px 6px 0 var(--yellow)}
.cred-num{font-family:var(--display);font-size:2rem;color:var(--orange);line-height:1;margin-bottom:.5rem}
.cred h3{font-size:1.1rem;margin-bottom:.4em}
.cred p{margin:0;color:var(--muted);font-size:.92rem}
@media (max-width:1100px){.creds-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.creds-grid{gap:.7rem}.cred{padding:.9rem .8rem;border-radius:14px;box-shadow:4px 4px 0 var(--yellow)}.cred-num{font-size:1.5rem}.cred h3{font-size:.95rem}.cred p{font-size:.8rem;line-height:1.4}}

/* legal pages (/privacy, /terms) */
.legal{max-width:820px;margin:0 auto}
.legal-body h2{font-family:var(--display);color:var(--navy);font-size:1.25rem;margin:2rem 0 .5rem;text-align:left}
.legal-body p,.legal-body li{color:var(--ink,#1b2a41);line-height:1.65}
.legal-body ul{padding-left:1.2rem;margin:.4rem 0 1rem}
.legal-body li{margin-bottom:.45rem}
.legal-body a{color:var(--orange);font-weight:700}
.legal-back{text-align:center;margin-top:2.5rem}
.legal-links{font-size:.9rem;margin:.6rem 0}
.legal-links a{color:inherit;text-decoration:underline}
.door-legal{text-align:center;opacity:.75}

/* wall of shame (/wall) + the intake-fee choice on the booking forms */
.wall-nav{display:flex;gap:1.1rem;font-weight:900}
.wall-nav a{color:var(--navy);text-decoration:none}
.wall-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.4rem 0 .6rem}
.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem;max-width:var(--max);margin:0 auto}
.wall-card{background:#fffdf6;border:3px solid var(--navy);border-radius:10px;padding:1.3rem 1.3rem 1.1rem;box-shadow:6px 6px 0 var(--pink);position:relative}
.wall-card.his{box-shadow:6px 6px 0 var(--sky)}
.wall-card.tilt-r{transform:rotate(.6deg)}.wall-card.tilt-l{transform:rotate(-.6deg)}
.wall-card::before{content:"";position:absolute;top:-11px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--orange);border:3px solid var(--navy)}
.wall-case{font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:var(--orange);margin:0 0 .3rem}
.wall-card h3{font-family:var(--display);color:var(--navy);font-size:1.25rem;margin:0 0 .5rem;overflow-wrap:anywhere}
.wall-broken{margin:0 0 .6rem;font-size:.92rem;color:var(--muted);overflow-wrap:anywhere}
.wall-complaint{margin:0 0 .9rem;font-style:italic;line-height:1.55;overflow-wrap:anywhere}
.wall-dx{border-top:2px dashed var(--navy);padding-top:.7rem}
.wall-dx-label{display:inline-block;background:var(--yellow);border:2px solid var(--navy);border-radius:6px;padding:.05rem .5rem;font-weight:900;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg)}
.wall-dx p{margin:.5rem 0 0;font-weight:700;color:var(--navy);overflow-wrap:anywhere}
.wall-fine{max-width:760px;margin:2.5rem auto 0;text-align:center;font-size:.85rem;color:var(--muted)}
.wall-fine a{color:var(--orange);font-weight:700}
.intake-choice{border:3px solid var(--navy);border-radius:14px;padding:1rem 1.1rem;margin:0;background:var(--paper);display:grid;gap:.7rem;min-width:0}
.intake-choice legend{font-family:var(--display);color:var(--navy);padding:0 .4rem;font-size:1.05rem}
.book-form .intake-choice label.choice{flex-direction:row;align-items:flex-start;gap:.7rem;font-weight:600;font-size:.92rem;line-height:1.45;cursor:pointer}
.intake-choice .choice input{margin-top:.25rem;flex:none;width:1.1rem;height:1.1rem;accent-color:var(--orange)}
.intake-choice .choice b{display:block;font-weight:900;font-size:1rem}
.wall-only{display:grid;gap:1rem}
.wall-only[hidden]{display:none}
.wall-only a{color:var(--orange)}
@media (max-width:900px){.wall-grid{gap:1.3rem}.wall-card.tilt-r,.wall-card.tilt-l{transform:none}.wall-cta .btn{width:100%}}
.photo-field[hidden]{display:none}
.book-form .wall-only label.check{flex-direction:row;align-items:flex-start;gap:.6rem;font-weight:700;line-height:1.45}
.wall-only label.check input{flex:none;margin-top:.3rem}
.wall-only label.check .check-hint{display:block;margin-top:.15rem}
.wall-cta[hidden]{display:none}

.wall-card.story{background:#fff;border-style:dashed}
.wall-card.story .wall-case{color:var(--pink)}