/* Visiting STL — shared design system */

:root{
  --brick:#922b18;
  --ink:#2b2420;
  --paper:#faf7f0;
  --line:#dbc9b6;
  --condensed:'Barlow Condensed',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif;font-size:16px}
body:has(dialog[open]){overflow:hidden}
button,a,input{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit;cursor:pointer;border:0;background:none;padding:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #af6c24;outline-offset:5px}
button:hover,a:hover{color:var(--brick)}
img{max-width:100%}

.wrap{max-width:1400px;width:88%;margin:auto}

/* Shared decorative sprite — a single cropped-and-scaled background image
   reused for the logo mark, corner brick accent, footer skyline and postmark.
   None of these are presented as photographs of a real specific place. */
.sprite{background-image:url('../img/stl/artwork-sprite.webp');background-repeat:no-repeat}

/* Header */
.header{height:148px;display:flex;align-items:center;gap:22px;position:relative;z-index:2}
.brand{display:block;width:122px;flex:none;height:126px;background-size:1300% auto;background-position:8% 1.6%}
.brand-note{font-family:var(--condensed);font-size:13px;letter-spacing:3px;line-height:1.25;text-transform:uppercase;margin-top:35px}
.brand-note i{display:inline-block;width:18px;border-top:2px solid var(--brick);margin-left:5px}
.desktop-nav{display:flex;align-items:center;justify-content:space-evenly;flex:1;gap:20px;margin-left:36px}
.desktop-nav a,.desktop-nav button{font-family:var(--condensed);font-size:16px;letter-spacing:1.6px;text-transform:uppercase;white-space:nowrap}
.icon-button{width:40px;height:42px;display:grid;place-items:center;flex:none}
.icon-button svg{width:25px;fill:none;stroke:currentColor;stroke-width:2}
.pill{background:var(--brick);color:#fff9ef;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:53px;padding:12px 29px;font-family:var(--condensed);font-size:18px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:background .2s,transform .2s}
.pill:hover{background:#702110;color:white;transform:translateY(-2px)}
.pill span,.text-link span{font-family:Arial,sans-serif;font-size:27px;line-height:1}
.menu-button{display:none}
.corner{position:absolute;right:0;top:0;width:15vw;height:25vw;pointer-events:none;background-size:100vw auto;background-position:right top;z-index:0;clip-path:polygon(0 0,100% 0,100% 100%,13.5vw 23vw,10vw 20vw,7.5vw 17vw,7.1vw 12vw,6.9vw 9.15vw,3.9vw 2.5vw,3.2vw 2vw,0 1vw)}

/* Hero */
.hero{display:grid;grid-template-columns:42% 55%;gap:3%;align-items:center;padding:0 0 23px}
.hero-copy{padding:17px 0 0 21px}
.eyebrow{font-family:var(--condensed);text-transform:uppercase;letter-spacing:4px;font-size:16px;margin:0 0 4px}
.hero h1{font-family:var(--condensed);font-size:clamp(64px,6.8vw,108px);font-weight:800;line-height:.99;letter-spacing:-1px;text-transform:uppercase;color:var(--brick);white-space:nowrap;margin:0}
.script{font-family:'Caveat',cursive;font-size:clamp(28px,3.3vw,51px);line-height:1.08;color:#a23621;margin:8px 0 18px;white-space:nowrap;position:relative;transform:rotate(-2deg);transform-origin:left}
.swash{width:13%;height:5px;background:var(--brick);display:inline-block;margin-left:16px;vertical-align:middle;transform:rotate(-4deg)}
.intro{font-size:21px;line-height:1.24;letter-spacing:.4px;margin:0 0 13px;max-width:510px}
.explore-button{min-width:250px}
.hero-visual{position:relative}
.hero-photo{display:block;width:100%;height:auto;aspect-ratio:759/357;object-fit:cover;object-position:50% 25%;border-radius:6px}
.photo-note{font-family:'Caveat',cursive;position:absolute;bottom:-32px;right:-37px;background:var(--paper);color:var(--brick);font-size:23px;line-height:.8;transform:rotate(-9deg);padding:5px 7px;margin:0}
.photo-note i{display:block;width:58px;border-top:3px solid var(--brick);margin:8px 5px 0 auto}

/* Guide grid (category cards) */
.guide-band{border-top:1px solid var(--line);padding:17px 0 28px;scroll-margin-top:20px}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.guide-card{padding:0 24px;border-right:1px solid var(--line)}
.guide-card:first-child{padding-left:0}
.guide-card:last-child{padding-right:0;border:0}
.card-image{display:block;width:100%;aspect-ratio:319/171;border-radius:5px;transition:filter .2s}
.card-image:hover{filter:brightness(1.07)}
.card-image.real-photo{background-repeat:no-repeat;background-size:cover;background-position:center}
.card-image.neighborhoods.real-photo{background-image:url('../img/stl/soulard-streetscape.jpg');background-position:50% 30%}
.card-image.food.real-photo{background-image:url('../img/stl/soulard-farmers-market.jpg')}
.card-image.events.real-photo{background-image:url('../img/stl/forest-park-grand-basin.jpg')}
.card-image.plan.real-photo{background-image:url('../img/stl/union-station.jpg')}
.card-body{display:grid;grid-template-columns:64px 1fr;gap:17px;padding-top:15px}
.category-icon{display:flex;align-items:flex-start;justify-content:center;width:61px;height:63px;color:var(--brick)}
.category-icon svg{width:38px;height:38px}
.card-body h2{font-family:var(--condensed);font-size:20px;letter-spacing:1.4px;line-height:1.05;text-transform:uppercase;margin:2px 0 8px;font-weight:600}
.card-body p{font-size:17px;letter-spacing:.5px;line-height:1.22;margin:0 0 17px}
.text-link{font-family:var(--condensed);font-size:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--brick);display:inline-flex;gap:9px;align-items:center;text-align:left}
.text-link span{font-size:22px}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}

/* Footer */
footer{position:relative;min-height:127px;background:#f7efe4;overflow:visible}
.footer-inner{display:flex;min-height:127px;gap:35px;align-items:center;justify-content:flex-end;position:relative}
.footer-inner>p:first-child{font-family:var(--condensed);text-transform:uppercase;font-size:17px;letter-spacing:3px;margin:auto}
.footer-inner>p:first-child i{display:block;width:55px;border-top:4px solid var(--brick);transform:rotate(-6deg);margin:10px 0 0 auto}
.footer-city{position:absolute;left:0;bottom:0;width:40vw;height:17.3vw;background-size:100vw auto;background-position:left bottom;pointer-events:none;clip-path:polygon(0 0,4vw 0,4vw 5vw,8vw 9.3vw,40vw 9.3vw,40vw 100%,0 100%)}
.postmark{width:190px;height:114px;background-size:700% auto;background-position:83.5% bottom;flex:none}
.footer-address{font-family:var(--condensed);font-size:14px;text-transform:uppercase;line-height:1.4;letter-spacing:2px;color:var(--brick);min-width:143px}
.footer-address span{color:#966b4f}
.footer-legal{width:100%;text-align:center;font-size:12px;color:#966b4f;padding:0 0 14px}

.skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:12px}
.skip:focus{top:10px}

/* Dialogs */
dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:28px 32px;width:min(650px,calc(100% - 30px));max-height:88dvh;box-shadow:0 20px 80px #24120d44}
dialog::backdrop{background:#25140dd1;backdrop-filter:blur(4px)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.dialog-head .eyebrow{font-size:14px;letter-spacing:2px}
.close{font:32px Arial,sans-serif}
.dialog-head h2,dialog>h2{font:700 40px/1 var(--condensed);color:var(--brick);margin:16px 0}
#dialog-intro{font-size:18px;line-height:1.5;margin:0 0 20px}
.detail-item{border-top:1px solid var(--line);padding:17px 0}
.detail-item h3{font:600 24px var(--condensed);margin:0 0 7px}
.detail-item p{line-height:1.5;margin:0 0 9px}
.detail-item a{color:var(--brick);font:600 17px var(--condensed);text-decoration:underline;text-underline-offset:4px}
.detail-item .meta{font:500 14px var(--condensed);letter-spacing:1px;text-transform:uppercase;color:#765441}
#search-dialog label{display:block;margin:15px 0 9px}
#search-input{width:100%;border:1px solid #ac8b72;border-radius:5px;padding:14px;background:#fffefa;font-family:Arial,sans-serif;font-size:16px}
.search-result{display:block;padding:17px 0;border-bottom:1px solid var(--line);text-align:left;width:100%;font:600 23px var(--condensed)}
.search-result small{display:block;font:16px Georgia,serif;padding-top:5px}
#mobile-nav[hidden]{display:none}

.photo-credits{position:relative;padding:0 0 12px;font:12px/1.5 Arial,sans-serif;color:#765441}
.photo-credits summary{cursor:pointer;width:max-content;margin-left:auto}
.photo-credits p{margin:10px 0 0;text-align:right}
.photo-credits a{text-decoration:underline;text-underline-offset:2px}

/* =====================================================================
   PROPERTY PAGES (/stays/*.html) — same brick/paper system, simpler layout
   ===================================================================== */
h1,h2,h3,h4{font-family:var(--condensed);color:var(--brick);line-height:1.2;margin:0 0 0.5em;text-transform:uppercase;letter-spacing:0.01em}
.container{max-width:1080px;margin:0 auto;padding:0 24px}

.site-nav{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.site-nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.site-nav .logo{font-family:var(--condensed);font-weight:700;color:var(--brick);text-decoration:none;font-size:1.2rem;letter-spacing:0.04em;text-transform:uppercase}
.site-nav .logo span{color:var(--ink)}
.site-nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0}
.site-nav a.nav-link{color:var(--ink);text-decoration:none;font-size:0.85rem;opacity:0.85;font-family:var(--condensed);text-transform:uppercase;letter-spacing:0.04em}
.site-nav a.nav-link:hover{opacity:1;color:var(--brick)}

.hero-placeholder{height:300px;background:linear-gradient(135deg,var(--brick) 0%,#6e2011 65%,#4a150c 130%);display:flex;align-items:flex-end;color:#fdf6ea;position:relative}
.hero-placeholder .container{padding-bottom:30px;position:relative}
.hero-eyebrow{font-family:var(--condensed);text-transform:uppercase;letter-spacing:0.14em;font-size:0.76rem;opacity:0.88;margin-bottom:6px}
.hero-placeholder h1{color:#fdf6ea;margin-bottom:8px;font-size:1.9rem}
.hero-meta{font-size:0.95rem;opacity:0.92;font-family:Georgia,serif}
.photo-note-strip{background:#f2e6d8;border-bottom:1px dashed var(--line);font-size:0.82rem;color:#765441;text-align:center;padding:6px 0}

.section{padding:48px 0}
.section+.section{border-top:1px solid var(--line)}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.badge{background:#fffefa;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:0.85rem;color:#765441;font-family:var(--condensed);letter-spacing:0.02em}

.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
@media (max-width:760px){.two-col{grid-template-columns:1fr}}

.amenity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 20px;list-style:none;padding:0;margin:16px 0 0}
.amenity-grid li{padding:8px 0;border-bottom:1px solid var(--line);font-size:0.95rem}

.cta-card{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:0 16px 40px rgba(74,45,31,.09);position:sticky;top:88px}
.cta-card h3{margin-bottom:4px}
.cta-card .price-note{color:#765441;font-size:0.9rem;margin-bottom:18px;font-family:Georgia,serif}
.btn-airbnb{display:block;text-align:center;background:var(--brick);color:#fdf6ea;text-decoration:none;padding:14px 20px;border-radius:999px;font-weight:600;font-size:1rem;font-family:var(--condensed);text-transform:uppercase;letter-spacing:0.04em}
.btn-airbnb:hover{background:#702110;color:#fdf6ea}
.cta-card .fine-print{font-size:0.78rem;color:#765441;margin-top:12px;text-align:center;font-family:Georgia,serif}

.prose{font-family:Georgia,serif}
.prose h2{margin-top:1.6em;font-size:1.25rem}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 1em}
.prose ul{padding-left:1.2em}

.site-footer{background:#f7efe4;color:#765441;padding:32px 0;font-size:0.85rem;margin-top:48px;border-top:1px solid var(--line);font-family:Georgia,serif}
.site-footer a{color:var(--brick);text-decoration:none}

@media(min-width:1600px){.hero h1{font-size:108px}.script{font-size:51px}}
@media(max-width:1250px){
  .wrap{width:91%}.header{gap:14px;height:132px}.brand-note{display:none}.desktop-nav{margin-left:5px;gap:14px}
  .hero-copy{padding-left:0}.intro{font-size:19px}.swash{display:none}
  .card-body{grid-template-columns:48px 1fr;gap:10px}.category-icon{transform:scale(.8);transform-origin:top left}
  .guide-card{padding:0 17px}.card-body h2{font-size:19px}.text-link{font-size:15px;letter-spacing:.6px}
  .footer-inner>p:first-child{margin-left:30%}.postmark{display:none}
}
@media(max-width:900px){
  .desktop-nav{display:none}.header{height:124px;gap:20px}.brand{margin-right:auto;width:110px;height:114px}
  .menu-button{display:grid}.corner{display:none}
  #mobile-nav{position:absolute;top:108px;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #391c1720;padding:12px;display:grid;z-index:5}
  #mobile-nav a,#mobile-nav button{padding:12px;text-align:left;text-transform:uppercase;font:500 19px var(--condensed);letter-spacing:1px}
  .hero{display:flex;flex-direction:column;gap:23px;padding-bottom:18px}
  .hero-visual{order:-1;width:100%}.hero-photo{aspect-ratio:759/357}.photo-note{right:0;bottom:-21px;font-size:22px}
  .hero-copy{width:100%;padding:0 6px}.hero h1{font-size:clamp(62px,11vw,96px)}
  .script{font-size:clamp(33px,6.4vw,49px);margin:6px 0 13px}.intro{font-size:20px;max-width:100%;line-height:1.25}
  .eyebrow{font-size:15px;letter-spacing:3px}.explore-button{min-height:45px;padding:9px 26px;font-size:18px;min-width:240px}
  .guide-band{border:0;padding-top:0}.guide-grid{display:flex;flex-direction:column;gap:10px}
  .guide-card,.guide-card:first-child,.guide-card:last-child{display:grid;grid-template-columns:49% 1fr;gap:16px;padding:10px 12px;border:1px solid #e3d3bd;border-radius:12px}
  .card-body{grid-template-columns:45px 1fr;gap:10px;align-items:start;padding:7px 0}.card-body h2{font-size:20px}.card-body p{font-size:18px;margin-bottom:13px}
  .card-image{height:100%;aspect-ratio:319/171;min-height:143px}.text-link{font-size:16px}
  .footer-inner{min-height:120px;justify-content:center}.footer-inner>p:first-child{margin:0 0 45px;text-align:center;font-size:15px;letter-spacing:2px}
  .footer-city{width:60%;height:90px;background-size:264.33% auto}.footer-address{display:none}
  .postmark{display:block;position:absolute;right:0;bottom:0;width:165px;height:95px}
}
@media(max-width:500px){
  .header{gap:12px;height:107px}.brand{width:79px;height:84px}.icon-button{width:30px}
  .hero{gap:20px}.hero h1{font-size:clamp(54px,12.8vw,68px)}.hero-copy{padding-left:3px}
  .hero .eyebrow{font-size:13px;letter-spacing:2.7px}.script{font-size:clamp(28px,7.5vw,38px);letter-spacing:-.6px;margin-top:4px}
  .intro{font-size:17px;letter-spacing:.2px;line-height:1.3}.photo-note{font-size:17px;bottom:-17px}.photo-note i{border-width:2px;margin-top:5px}
  .guide-card,.guide-card:first-child,.guide-card:last-child{gap:12px;padding:7px;grid-template-columns:46% 1fr}
  .card-body{display:block;padding:5px 0 2px}.category-icon{display:none}
  .card-body h2{font-size:17px;letter-spacing:1px}.card-body p{font-size:16px;margin-bottom:11px;letter-spacing:0}
  .text-link{font-size:14px;letter-spacing:.4px;gap:5px}.text-link span{font-size:18px}
  .footer-inner>p:first-child{font-size:13px}.postmark{width:120px;height:76px}
  dialog{padding:18px 21px}.dialog-head .eyebrow{font-size:12px}
}
@media(max-width:380px){.header .pill{display:none}.header{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* =====================================================================
   HOMEPAGE — scrollable sections below the hero/cards (Neighborhoods, Stay)
   ===================================================================== */
.page-section{padding:64px 0;border-top:1px solid var(--line)}
.page-section .section-head{max-width:640px;margin:0 0 34px}
.page-section .kicker{font-family:var(--condensed);text-transform:uppercase;letter-spacing:3px;font-size:14px;color:#a6431f;margin:0 0 8px}
.page-section h2{font-family:var(--condensed);font-size:clamp(32px,4vw,46px);font-weight:800;letter-spacing:-0.5px;text-transform:uppercase;color:var(--brick);margin:0 0 10px}
.page-section .section-lead{font-size:18px;line-height:1.45;color:#4a4038;margin:0}

.neighborhood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.neighborhood-card{display:block;background:#fffefa;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(74,45,31,.07);transition:transform .2s,box-shadow .2s}
.neighborhood-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(74,45,31,.13);color:inherit}
.neighborhood-card .photo{height:190px;overflow:hidden}
.neighborhood-card .photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.neighborhood-card:hover .photo img{transform:scale(1.05)}
.neighborhood-card .body{padding:20px 22px 24px}
.neighborhood-card h3{font-family:var(--condensed);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--brick);margin:0 0 8px}
.neighborhood-card p{font-size:15.5px;line-height:1.42;color:#4a4038;margin:0 0 14px}
.neighborhood-card .read-link{font-family:var(--condensed);font-weight:600;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--brick);display:inline-flex;align-items:center;gap:7px}
.neighborhood-card .read-link span{font-family:Arial,sans-serif;font-size:19px;line-height:1}

.stay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.stay-card{background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:0 10px 30px rgba(74,45,31,.07);display:flex;flex-direction:column;gap:10px}
.stay-card .stay-loc{font-family:var(--condensed);text-transform:uppercase;letter-spacing:1.6px;font-size:12.5px;color:#a6431f}
.stay-card h3{font-family:var(--condensed);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;color:var(--brick);margin:0;line-height:1.2}
.stay-card p{font-size:15px;line-height:1.4;color:#4a4038;margin:0}
.stay-card .pill{align-self:flex-start;margin-top:6px;min-height:44px;padding:11px 22px;font-size:15px}

.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.event-card{background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px rgba(74,45,31,.07);display:flex;gap:16px;align-items:flex-start}
.event-date{flex:none;width:62px;text-align:center;background:var(--brick);color:#fdf6ea;border-radius:10px;padding:9px 0;font-family:var(--condensed)}
.event-date .month{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85}
.event-date .day{display:block;font-size:24px;font-weight:800;line-height:1.05}
.event-body h3{font-family:var(--condensed);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;color:var(--brick);margin:0 0 4px}
.event-body .event-loc{font-family:var(--condensed);text-transform:uppercase;letter-spacing:1.2px;font-size:11.5px;color:#a6431f;display:block;margin-bottom:6px}
.event-body p{font-size:14.5px;line-height:1.42;color:#4a4038;margin:0 0 8px}
.event-body a{font-family:var(--condensed);font-weight:600;font-size:13.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--brick)}
.event-body a:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:640px){
  .page-section{padding:48px 0}
  .neighborhood-grid,.stay-grid,.event-grid{grid-template-columns:1fr}
}

/* =====================================================================
   NEIGHBORHOOD GUIDE ARTICLES (/guides/*.html)
   ===================================================================== */
.guide-hero{position:relative;height:min(58vw,420px);min-height:260px;overflow:hidden}
.guide-hero img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94)}
.guide-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,13,9,.82) 0%,rgba(20,13,9,.35) 45%,rgba(20,13,9,.1) 75%)}
.guide-hero-copy{position:absolute;left:0;right:0;bottom:0;padding:0 0 28px}
.guide-hero .kicker{font-family:var(--condensed);text-transform:uppercase;letter-spacing:3px;font-size:14px;color:#f0c9a3;margin:0 0 8px}
.guide-hero h1{font-family:var(--condensed);font-size:clamp(36px,6vw,64px);font-weight:800;letter-spacing:-0.5px;text-transform:uppercase;color:#fff9f1;margin:0 0 8px}
.guide-hero .dek{color:#f3e9dc;font-size:17px;max-width:620px;margin:0;line-height:1.4}

.guide-body{max-width:720px;margin:0 auto;padding:48px 24px 20px}
.guide-body p{font-size:18px;line-height:1.65;margin:0 0 20px;color:var(--ink)}
.guide-body h2{font-family:var(--condensed);color:var(--brick);text-transform:uppercase;letter-spacing:.3px;font-size:26px;font-weight:700;margin:40px 0 14px}
.guide-body h2:first-of-type{margin-top:8px}
.guide-body ul{padding-left:1.3em;font-size:18px;line-height:1.6}
.guide-body li{margin-bottom:8px}
.guide-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--condensed);text-transform:uppercase;letter-spacing:1.4px;font-size:14px;color:var(--brick);margin:0 0 6px}

.guide-cta{background:linear-gradient(135deg,var(--brick),#6e2011);color:#fdf6ea;border-radius:16px;padding:28px 30px;margin:36px 0;box-shadow:0 14px 34px rgba(74,45,31,.18)}
.guide-cta .kicker{font-family:var(--condensed);text-transform:uppercase;letter-spacing:2px;font-size:13px;opacity:.85;margin:0 0 6px}
.guide-cta h3{font-family:var(--condensed);font-size:24px;font-weight:700;text-transform:uppercase;margin:0 0 8px}
.guide-cta p{color:#f7e9dd;font-size:16px;margin:0 0 16px}
.guide-cta .pill{background:#fdf6ea;color:var(--brick)}
.guide-cta .pill:hover{background:#fff;color:#6e2011}

.guide-footnote{max-width:720px;margin:0 auto;padding:0 24px 56px;font-size:13px;line-height:1.6;color:#8a7c6c}
.guide-footnote a{color:#8a7c6c;text-decoration:underline;text-underline-offset:2px}

@media(max-width:640px){
  .guide-body{padding:32px 20px 10px}
  .guide-body p,.guide-body ul{font-size:16.5px}
  .guide-cta{padding:22px 22px}
}