/*
Theme Name: Linden Mini Storage
Theme URI: https://ministoragereno.com
Author: ClickUpLocal
Description: Custom theme for Linden Mini Storage, Reno NV. Red, white, and black brand system.
Version: 1.0.0
Text Domain: linden-mini-storage
*/


  :root{
    --black:#0a0a0a;
    --black-2:#151515;
    --black-3:#202020;
    --white:#ffffff;
    --red:#e2231c;
    --red-deep:#a8160f;
    --red-glow:#ff2d20;

    --bg:var(--black);
    --surface:var(--black-2);
    --text:var(--white);
    --text-soft:#c7c5c1;
    --border:#ffffff26;
    --nav-bg:var(--black);
    --nav-text:#ffffff;
    --accent:var(--red);
    --accent-ink:#ffffff;
    --focus:#ffffff;

    --font-display: 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-script: 'Segoe Print', 'Bradley Hand', 'Comic Sans MS', cursive;
    --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --hero-photo: url('assets/img/hero-facility.jpg');
  }

  /* This brand is fixed black/white/red per the client's own flyer,
     not a light/dark adaptive theme, so the palette is not redefined
     under prefers-color-scheme or [data-theme]. */

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-body);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;}
  h1,h2,h3{text-wrap:balance; margin:0;}
  p{margin:0;}
  :focus-visible{outline:3px solid var(--focus); outline-offset:3px;}
  .container{width:100%; max-width:1280px; margin:0 auto; padding:0 28px;}

  .eyebrow{
    font-family:var(--font-mono);
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--red);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{
    content:"";
    width:22px; height:2px;
    background:var(--red);
    display:inline-block;
  }

  .display{
    font-family:var(--font-display);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:-.01em;
    line-height:0.98;
  }

  /* ---------- rivets & plate cards ---------- */
  .rivet{
    position:absolute;
    width:6px; height:6px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #fff9, #0006 70%), var(--border);
    opacity:.55;
  }
  .plate{
    position:relative;
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
    background:linear-gradient(160deg, #1c1c1c 0%, var(--black-2) 45%, #100c0c 100%);
    border:1px solid var(--border);
  }

  /* ---------- nav ---------- */
  .nav{
    position:relative; z-index:50;
    background:var(--nav-bg);
    border-bottom:1px solid var(--red);
  }
  .nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    gap:20px; padding:14px 28px;
    max-width:1280px; margin:0 auto;
  }
  .brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--nav-text);}
  .brand-mark{
    width:44px;height:44px; flex:none;
    object-fit:contain;
  }
  .brand-text{display:flex; flex-direction:column; line-height:1.15;}
  .brand-text b{font-family:var(--font-display); font-weight:800; letter-spacing:.02em; font-size:16.5px; text-transform:uppercase;}
  .brand-text span{font-family:var(--font-mono); font-size:10.5px; letter-spacing:.12em; color:var(--red); text-transform:uppercase;}

  .nav-links{display:flex; align-items:center; gap:26px; list-style:none; margin:0; padding:0;}
  .nav-links a{
    text-decoration:none; color:var(--nav-text); opacity:.88;
    font-size:14.5px; font-weight:600; letter-spacing:.01em;
    padding:6px 2px; border-bottom:2px solid transparent;
  }
  .nav-links a:hover{opacity:1; border-color:var(--red);}

  .nav-cta{display:flex; align-items:center; gap:20px;}
  .phone-link, .email-link{
    display:flex; align-items:center; gap:8px;
    color:var(--nav-text); text-decoration:none;
    font-weight:600; font-size:14px; white-space:nowrap;
    transition:color .2s ease;
  }
  .phone-link:hover, .email-link:hover{color:var(--red);}
  .btn{
    font-family:var(--font-body);
    font-weight:700; font-size:14.5px; letter-spacing:.02em;
    text-decoration:none; cursor:pointer; border:none;
    padding:12px 22px;
    display:inline-flex; align-items:center; gap:8px;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:linear-gradient(135deg, var(--red-glow) 0%, var(--red) 55%, var(--red-deep) 100%); color:#fff; box-shadow:0 4px 14px -4px #e2231c66;}
  .btn-primary:hover{box-shadow:0 10px 26px -6px #e2231c99;}
  .btn-ghost{background:linear-gradient(135deg, #ffffff14, #ffffff05); color:var(--nav-text); border:1.5px solid #ffffff40;}

  .menu-toggle{display:none; background:none; border:none; color:var(--nav-text); padding:8px; cursor:pointer;}
  .menu-toggle .icon-close{display:none;}
  .menu-toggle[aria-expanded="true"] .icon-open{display:none;}
  .menu-toggle[aria-expanded="true"] .icon-close{display:block;}

  .mobile-menu{display:none;}
  .mobile-menu.is-open{
    display:block;
    background:var(--black-2);
    border-bottom:1px solid var(--red);
    padding:8px 28px 28px;
  }
  .mobile-menu-links{list-style:none; margin:0; padding:0; display:grid;}
  .mobile-menu-links a{
    display:block; padding:14px 2px; border-bottom:1px solid #ffffff14;
    color:#fff; text-decoration:none; font-weight:600; font-size:16px;
  }
  .mobile-menu-contact{display:grid; gap:12px; margin-top:18px;}
  .mobile-menu-contact a{
    display:flex; align-items:center; gap:10px;
    color:var(--text-soft); text-decoration:none; font-size:14.5px; font-weight:600;
  }

  /* ---------- hero ---------- */
  .hero{
    position:relative;
    background:
      linear-gradient(180deg, rgba(6,6,6,.62) 0%, rgba(10,10,10,.55) 55%, rgba(6,6,6,.86) 100%),
      radial-gradient(1100px 520px at 82% -10%, #e2231c3d, transparent 60%),
      var(--hero-photo) center/cover no-repeat;
    color:#fff;
    overflow:hidden;
  }
  .hero-inner{
    position:relative; z-index:2;
    padding:88px 28px 64px;
    display:grid; gap:22px;
    justify-items:center;
    text-align:center;
    max-width:760px;
    margin:0 auto;
  }
  .hero .display{font-size:clamp(40px,6.4vw,74px); color:#fff; text-shadow:0 3px 18px rgba(0,0,0,.55);}
  .hero p.lede{
    font-size:18px; max-width:60ch; color:#f2f0ec; text-shadow:0 2px 10px rgba(0,0,0,.5);
  }
  .hero .eyebrow{text-shadow:0 2px 8px rgba(0,0,0,.4);}
  .hero-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-top:6px; justify-content:center;}
  .hero-note{
    font-family:var(--font-mono); font-size:12.5px; letter-spacing:.08em;
    color:#d8d6d2; text-transform:uppercase;
  }

  .hero-rig{
    position:absolute; inset:0; z-index:1; opacity:.5;
    background-image:repeating-linear-gradient(180deg, #ffffff10 0 2px, transparent 2px 26px);
    mask-image:linear-gradient(180deg, transparent, #000 55%, transparent);
  }

  /* trust strip */
  .trust{
    background:linear-gradient(160deg, #1a1a1a 0%, var(--black-2) 60%, #121212 100%);
    border-top:1px solid #ffffff14;
  }
  .trust-inner{
    display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  }
  .trust-item{
    padding:26px 28px;
    display:flex; gap:14px; align-items:flex-start;
    border-left:1px solid #ffffff14;
  }
  .trust-item:first-child{border-left:none;}
  .trust-item svg{flex:none; width:26px; height:26px; color:var(--red); margin-top:2px;}
  .trust-item b{
    display:block; font-family:var(--font-mono); font-size:11.5px;
    letter-spacing:.12em; text-transform:uppercase; color:var(--red); margin-bottom:4px;
  }
  .trust-item span{color:#f5f4f1; font-size:15px; font-weight:600;}

  /* ridge divider: a slim brand-red rule between sections */
  .ridge{height:3px; background:var(--red);}

  section{padding:84px 0;}
  .section-head{max-width:640px; margin:0 0 44px; display:grid; gap:14px;}
  .section-head h2{font-size:clamp(28px,3.6vw,42px);}
  .section-head p{color:var(--text-soft); font-size:16.5px; max-width:56ch;}

  /* ---------- units ---------- */
  .units{background:var(--bg);}
  .unit-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .unit-card{padding:26px 24px 24px;}
  .unit-card .tag{
    font-family:var(--font-mono); font-size:11.5px; letter-spacing:.1em;
    text-transform:uppercase; color:var(--text-soft);
  }
  .unit-card .dims{
    font-family:var(--font-display); font-weight:800; font-size:34px; margin:6px 0 4px;
    color:var(--red);
  }
  .unit-card .price{
    display:flex; align-items:baseline; gap:8px; margin:0 0 14px;
  }
  .unit-card .price b{
    font-family:var(--font-display); font-weight:800; font-size:19px; color:#fff;
  }
  .unit-card .price span{
    font-family:var(--font-mono); font-size:12px; color:var(--text-soft);
  }
  .unit-card svg{width:100%; height:64px; color:var(--red); margin:6px 0 16px;}
  .unit-photo{
    background:#ffffff; border:1px solid var(--border);
    padding:10px; margin:6px 0 16px;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  }
  .unit-photo img{width:100%; height:120px; object-fit:contain; display:block;}
  .unit-note-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; flex:none;
    background:#ffffff; border:1px solid var(--border); border-radius:50%;
    padding:5px;
  }
  .unit-note-icon img{width:100%; height:100%; object-fit:contain;}
  .unit-card p{color:var(--text-soft); font-size:14.8px;}
  .unit-card .more{
    margin-top:16px; display:inline-flex; align-items:center; gap:6px;
    font-weight:700; font-size:14px; color:var(--red); text-decoration:none;
  }
  .unit-note{
    margin-top:26px; display:flex; align-items:center; gap:10px;
    color:var(--text-soft); font-size:14.5px;
  }
  .section-cta{margin-top:36px;}

  /* ---------- reviews ---------- */
  .reviews{background:var(--black-2); color:#fff;}
  .reviews .section-head p{color:var(--text-soft);}
  .quote-wrap{display:grid; grid-template-columns:auto 1fr; gap:26px; max-width:820px; margin:0 auto;}
  .quote-mark{
    font-family:var(--font-script); font-size:88px; color:var(--red); line-height:.6; margin-top:14px;
  }
  blockquote{
    margin:0; font-size:clamp(20px,2.6vw,27px); font-weight:500; line-height:1.42;
    font-family:var(--font-display); text-transform:none; letter-spacing:0; font-weight:600;
  }
  .quote-attr{margin-top:20px; display:flex; align-items:center; gap:12px; color:var(--text-soft); font-size:14.5px;}
  .quote-attr b{color:#fff;}
  .reviews-more{
    margin-top:34px; display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  }
  .reviews-more a{
    font-weight:700; color:var(--red); text-decoration:none; display:inline-flex; gap:6px; align-items:center;
  }
  .reviews-more span{color:#9a9a90; font-size:13.5px;}

  /* ---------- burners / ship & store ---------- */
  .burners{
    position:relative;
    overflow:hidden;
    background:var(--black);
    color:#fff;
  }
  .burners::before{
    content:""; position:absolute; inset:-10%; z-index:0; pointer-events:none;
    background:radial-gradient(560px 420px at 78% 20%, #e2231c26, transparent 65%);
  }
  .burners-inner{
    position:relative; z-index:1;
    display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start;
  }
  .burners .eyebrow{color:var(--red);}
  .burners .eyebrow::before{background:var(--red);}
  .burners h2{font-size:clamp(30px,3.8vw,44px); color:#fff;}
  .burners p.lede{font-size:17px; color:#e6e4e0; max-width:52ch; margin-top:16px;}
  .hashtag{
    display:inline-flex; margin-top:22px; padding:9px 16px;
    font-family:var(--font-mono); font-size:13px; letter-spacing:.06em;
    color:var(--red); font-weight:700;
    background:linear-gradient(135deg, #2a0d0b, #00000040); border:1px solid var(--red);
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  }
  .ig-link{
    margin-top:22px; display:inline-flex; align-items:center; gap:10px;
    color:#fff; text-decoration:none; font-weight:700;
    border-bottom:1px solid #ffffff60; padding-bottom:3px;
  }

  /* ship & store panel */
  .ship-panel{
    margin-top:32px; padding:26px 26px 22px;
    background:linear-gradient(160deg, #1c1414 0%, var(--black-2) 40%, #150e0d 100%);
    border:1px solid var(--red);
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  }
  .ship-panel h3{
    font-family:var(--font-display); font-weight:800; text-transform:uppercase;
    font-size:22px; letter-spacing:.01em; color:#fff; margin:0 0 16px;
  }
  .ship-list{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
  .ship-list li{display:flex; gap:10px; align-items:flex-start; font-size:15px; color:#f2f0ec;}
  .ship-list li b{color:var(--red); flex:none; font-weight:800;}
  .ship-note{margin-top:14px; font-size:13px; color:var(--text-soft); font-style:italic;}
  .ship-price{margin-top:16px; font-size:14.5px; color:#f2f0ec;}

  .photo-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
  .photo-tile{
    aspect-ratio:1/1; position:relative; overflow:hidden;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    border:1px solid #ffffff30;
    background:var(--black-2);
  }
  .photo-tile img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease;}
  .photo-tile:hover img{transform:scale(1.07);}
  .photo-tile .cap{
    position:absolute; left:0; right:0; bottom:0; padding:10px 12px 8px;
    background:linear-gradient(0deg, #000000d9, transparent);
    color:#fff; font-family:var(--font-mono); font-size:11px; letter-spacing:.04em;
  }
  .photo-caption{grid-column:1/-1; margin-top:4px; font-size:13px; color:var(--text-soft);}

  /* ---------- auction teaser ---------- */
  .auction{background:var(--black-2); border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
  .auction-inner{
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
    padding:38px 0;
  }
  .auction-quote{
    font-family:var(--font-script); font-size:22px; color:var(--text); max-width:520px;
  }
  .auction-inner a{
    font-weight:700; color:var(--red); text-decoration:none; display:inline-flex; gap:6px; align-items:center; white-space:nowrap;
  }

  /* ---------- footer ---------- */
  footer{background:var(--black); color:#c9c9c0; padding:64px 0 26px; border-top:1px solid var(--border);}
  .footer-grid{
    display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px;
    padding-bottom:40px; border-bottom:1px solid #ffffff1a;
  }
  footer h4{
    font-family:var(--font-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase;
    color:#9a9a90; margin:0 0 16px;
  }
  footer .brand-text b{color:#fff;}
  footer .foot-addr{margin-top:14px; font-size:14.5px; line-height:1.7; color:#c9c9c0;}
  footer ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
  footer ul a{text-decoration:none; color:#c9c9c0; font-size:14.5px;}
  footer ul a:hover{color:var(--red);}
  .foot-social{
    width:40px; height:40px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(150deg, #1e1e1e, #0a0a0a);
    border:1px solid #ffffff30; color:#fff; text-decoration:none;
    clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
    transition:border-color .2s ease, color .2s ease, background .2s ease;
  }
  .foot-social:hover{border-color:var(--red); color:var(--red); background:linear-gradient(150deg, #2a1210, #0a0a0a);}
  .foot-bottom{
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
    padding-top:22px; font-size:13px; color:#83837a;
  }
  .foot-bottom a{color:#83837a; text-decoration:underline;}

  @media (max-width:900px){
    .trust-inner{grid-template-columns:1fr;}
    .trust-item{border-left:none; border-top:1px solid #ffffff14;}
    .trust-item:first-child{border-top:none;}
    .unit-grid{grid-template-columns:1fr;}
    .burners-inner{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr; gap:30px;}
    .photo-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:480px){
    .photo-grid{grid-template-columns:1fr;}
  }
  @media (max-width:760px){
    .nav-links{display:none;}
    .menu-toggle{display:block;}
    .nav-inner{padding:12px 16px; gap:10px 0; flex-wrap:wrap;}
    .brand-mark{width:36px; height:36px;}
    .brand-text b{font-size:14px;}
    .brand-text span{display:none;}
    .nav-cta{display:contents;}
    .brand{order:1;}
    .phone-link{order:2;}
    .phone-link span{display:none;}
    .email-link{display:none;}
    .menu-toggle{order:3;}
    .nav-cta .btn-primary{
      order:4; flex-basis:100%;
      justify-content:center; margin-top:4px;
    }
  }

  /* ---------- hover micro interactions (always on) ---------- */
  .unit-card{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
  .unit-card:hover{transform:translateY(-5px); border-color:var(--red); box-shadow:0 16px 32px -20px #e2231c80;}
  .unit-card:hover .unit-photo img{transform:scale(1.04);}
  .unit-photo img{transition:transform .35s ease;}
  .more{transition:gap .2s ease;}
  .more:hover{gap:11px;}
  .photo-tile{transition:transform .3s ease, box-shadow .3s ease;}
  .photo-tile:hover{transform:translateY(-4px); box-shadow:0 14px 28px -16px #e2231c99;}
  .ig-link{transition:border-color .2s ease, opacity .2s ease;}
  .ig-link:hover{opacity:.85;}

  @media (prefers-reduced-motion:no-preference){
    .reveal{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;}
    .reveal.in{opacity:1; transform:none;}

    .unit-grid .unit-card:nth-child(1){transition-delay:0s;}
    .unit-grid .unit-card:nth-child(2){transition-delay:.1s;}
    .unit-grid .unit-card:nth-child(3){transition-delay:.2s;}
    .trust-inner .trust-item:nth-child(1){transition-delay:0s;}
    .trust-inner .trust-item:nth-child(2){transition-delay:.1s;}
    .trust-inner .trust-item:nth-child(3){transition-delay:.2s;}

    .reveal .photo-tile{opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease;}
    .reveal.in .photo-tile{opacity:1; transform:none;}
    .reveal.in .photo-tile{transition-delay:calc(var(--i, 0) * .11s + .05s);}

    @keyframes heroUp{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;}}
    .hero-anim{opacity:0; animation:heroUp .8s cubic-bezier(.16,.8,.4,1) forwards; animation-delay:var(--d,0s);}

    @keyframes emberBreathe{
      0%,100%{opacity:.7; transform:scale(1);}
      50%{opacity:1; transform:scale(1.08);}
    }
    .burners::before{animation:emberBreathe 7s ease-in-out infinite;}

    .nav-links a{transition:opacity .15s ease, border-color .2s ease;}
  }

  /* ---------- internal page header (no photo) ---------- */
  .page-header{
    position:relative; overflow:hidden;
    background:linear-gradient(160deg, #161616 0%, var(--black) 60%);
    padding:76px 0 54px;
    text-align:center;
  }
  .page-header::before{
    content:""; position:absolute; inset:-20%; z-index:0; pointer-events:none;
    background:radial-gradient(620px 380px at 50% -10%, #e2231c2e, transparent 65%);
  }
  .page-header .container{position:relative; z-index:1; display:grid; gap:14px; justify-items:center;}
  .page-header .eyebrow{justify-content:center;}
  .page-header h1{font-size:clamp(34px,5vw,58px); color:#fff; text-shadow:0 3px 16px rgba(0,0,0,.5);}
  .page-header p{color:var(--text-soft); font-size:17px; max-width:60ch;}

  .page-header.has-photo{
    padding:110px 0 70px;
    background:
      linear-gradient(180deg, rgba(6,6,6,.72) 0%, rgba(10,10,10,.6) 55%, rgba(6,6,6,.9) 100%),
      var(--page-photo) center/cover no-repeat;
  }
  .page-header.has-photo::before{
    background:radial-gradient(620px 380px at 50% -10%, #e2231c3d, transparent 65%);
  }
  .page-header.has-photo p{color:#f2f0ec; text-shadow:0 2px 8px rgba(0,0,0,.45);}
  .page-header.has-photo .eyebrow{text-shadow:0 2px 8px rgba(0,0,0,.4);}

  /* ---------- FAQ ---------- */
  .faq-list{display:grid; gap:1px; background:var(--border); border:1px solid var(--border);}
  .faq-item{background:var(--black); padding:20px 22px;}
  .faq-q{
    font-family:var(--font-display); font-weight:800; text-transform:uppercase;
    font-size:16.5px; color:#fff; letter-spacing:.01em; display:flex; gap:12px;
  }
  .faq-q span{color:var(--red); flex:none;}
  .faq-a{margin-top:8px; color:var(--text-soft); font-size:15px; padding-left:26px;}

  /* ---------- reserve callout: bottom-of-page, every page ---------- */
  .reserve-callout{
    position:relative; overflow:hidden;
    background:linear-gradient(135deg, #b8180f 0%, #3d0906 55%, #141414 100%);
    border-top:1px solid var(--red); border-bottom:1px solid var(--red);
    padding:100px 0 110px;
  }
  .reserve-callout::before{
    content:""; position:absolute; inset:-20%; z-index:0; pointer-events:none;
    background:radial-gradient(900px 520px at 50% 0%, #ffffff1a, transparent 65%);
  }
  .reserve-callout-inner{
    position:relative; z-index:1;
    display:grid; justify-items:center; gap:20px;
    text-align:center; max-width:760px;
  }
  .reserve-callout .eyebrow{color:#ffd7d2; justify-content:center;}
  .reserve-callout .eyebrow::before{background:#ffd7d2;}
  .reserve-callout h2{font-size:clamp(34px,4.6vw,54px); color:#fff;}
  .reserve-callout-inner p.lede{color:#ffe2df; font-size:18px; max-width:56ch;}
  .callout-list{
    display:flex; flex-wrap:wrap; justify-content:center;
    list-style:none; margin:6px 0 4px; padding:0; gap:12px 30px;
  }
  .callout-list li{
    display:flex; align-items:center; gap:8px;
    color:#fff; font-size:15px; font-weight:600; white-space:nowrap;
  }
  .callout-list b{color:#fff2f0; font-weight:800;}
  .reserve-callout .hero-ctas{margin-top:8px;}
  .reserve-callout .btn{font-size:16px; padding:15px 30px;}
  .reserve-callout .btn-ghost{border-color:#ffffff55;}