:root {
  --ink:#153b3b; --teal:#085e60; --teal-dark:#064a4c; --muted:#697473;
  --paper:#fffdf8; --cream:#f5f1e8; --line:#dddeda; --gold:#ba8638;
  --white:#fff; --radius:5px; --max:1280px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:96px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-weight:500; line-height:1.12; letter-spacing:-.035em; }
h1 { font-size:clamp(2.45rem,4.65vw,4.5rem); }
h2 { font-size:clamp(1.8rem,2.5vw,2.65rem); }
h3 { font-size:1.22rem; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
img { display:block; max-width:100%; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid #bd8b3d; outline-offset:4px; }
button:disabled { opacity:.5; cursor:default; }
.container { width:min(var(--max),calc(100% - 80px)); margin-inline:auto; }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; background:var(--white); padding:10px 16px; transform:translateY(-150%); border:1px solid var(--teal); }
.skip-link:focus { transform:translateY(0); }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40; }
.nav-wrap { display:flex; justify-content:space-between; align-items:center; gap:28px; min-height:86px; }
.brand { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.brand img { width:56px; height:56px; object-fit:contain; }
.brand span { display:grid; gap:2px; }
.brand strong { font-size:1.3rem; font-weight:600; letter-spacing:-.035em; }
.brand small { color:var(--muted); font-size:.72rem; letter-spacing:.035em; }
.main-nav { display:flex; align-items:center; gap:24px; font-size:.9rem; }
.main-nav > a:not(.button) { padding-block:12px; border-bottom:1px solid transparent; }
.main-nav a:not(.button):hover,.main-nav a[aria-current=page]:not(.button) { color:var(--teal); border-bottom-color:var(--teal); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:13px 21px; min-height:46px; border:1px solid var(--teal); border-radius:var(--radius); background:var(--teal); color:var(--white); font-weight:500; font-size:.95rem; line-height:1.3; text-align:center; transition:background .15s,color .15s; }
.button:hover { background:var(--teal-dark); border-color:var(--teal-dark); }
.button-small { padding:10px 16px; min-height:42px; font-size:.87rem; }
.button-outline { background:transparent; color:var(--teal); }
.button-outline:hover { background:#edf3f1; color:var(--teal); }
.button-light { background:var(--paper); border-color:var(--paper); color:var(--teal); }
.button-light:hover { background:#ece8de; border-color:#ece8de; }
.text-link { display:inline-flex; align-items:center; gap:10px; font-size:.92rem; border-bottom:1px solid transparent; padding-block:5px; }
.text-link:hover { color:var(--teal); border-bottom-color:var(--teal); }
.menu-toggle { display:none; align-items:center; justify-content:center; flex-direction:column; gap:5px; width:44px; height:44px; border:1px solid var(--line); border-radius:var(--radius); background:transparent; }
.menu-toggle span { display:block; width:19px; height:1.5px; background:var(--ink); }
.category-nav { border-bottom:1px solid var(--line); background:var(--paper); }
.category-nav-inner { display:flex; gap:30px; overflow-x:auto; scrollbar-width:thin; }
.category-nav a { white-space:nowrap; font-size:.84rem; padding:14px 0; position:relative; }
.category-nav a:hover,.category-nav a[aria-current=page] { color:var(--teal); }
.category-nav a:hover::after,.category-nav a[aria-current=page]::after { content:""; height:2px; position:absolute; bottom:0; left:0; right:0; background:var(--teal); }
.eyebrow { color:var(--teal); font-size:.71rem; letter-spacing:.13em; text-transform:uppercase; font-weight:600; margin-bottom:17px; }
.hero { display:grid; grid-template-columns:1fr 1.16fr; gap:64px; align-items:center; padding-block:44px; }
.hero-copy { padding-block:18px; }
.hero-copy h1 { max-width:510px; color:var(--teal-dark); }
.hero-intro { margin-top:24px; color:var(--muted); max-width:435px; font-size:1.05rem; line-height:1.65; }
.search-box { display:flex; align-items:center; gap:9px; padding:6px 6px 6px 16px; background:var(--white); border:1px solid #bac8c4; border-radius:var(--radius); margin-top:29px; }
.search-box svg { flex-shrink:0; color:var(--muted); }
.search-box input { min-width:0; width:100%; padding:10px 0; background:transparent; border:0; color:var(--ink); outline:none; font-size:.88rem; }
.search-box:focus-within { outline:2px solid var(--teal); outline-offset:2px; }
.search-box button { flex-shrink:0; padding:12px 19px; }
.hero-zones { margin-top:14px; font-size:.78rem; color:var(--muted); display:flex; align-items:center; gap:13px; flex-wrap:wrap; }
.hero-zones a { border-bottom:1px solid #a0aca9; color:var(--ink); }
.hero-zones a:hover { color:var(--teal); }
.hero-browse { margin-top:22px; }
.hero-carousel { position:relative; min-width:0; padding-bottom:0; }
.hero-slide { position:relative; }
.hero-slide > img { width:100%; height:450px; object-fit:cover; border-radius:var(--radius) var(--radius) 0 0; }
.hero-slide figcaption { background:var(--cream); padding:18px 22px; min-height:88px; border-radius:0 0 var(--radius) var(--radius); display:grid; gap:2px; }
.hero-slide figcaption > span { font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); }
.hero-slide figcaption a { font-size:1.05rem; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.hero-slide figcaption a:hover { color:var(--teal); }
.carousel-controls { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:12px; }
.carousel-controls > span { margin-right:auto; color:var(--muted); font-size:.75rem; letter-spacing:.1em; }
.carousel-controls button { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:var(--radius); height:36px; min-width:38px; padding:0 12px; color:var(--ink); background:transparent; font-size:.88rem; }
.carousel-controls button:hover { border-color:var(--teal); background:#edf2ef; }
.carousel-controls [data-carousel-play] { font-size:.72rem; }
.section { padding-block:64px; }
.section-categories { padding-top:26px; padding-bottom:52px; border-bottom:1px solid var(--line); }
.section-categories h2 { font-size:1.55rem; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:26px; margin-bottom:28px; }
.section-heading .eyebrow { margin-bottom:11px; }
.section-heading p:not(.eyebrow) { margin-top:12px; color:var(--muted); }
.section-heading > .text-link { flex-shrink:0; margin-bottom:3px; }
.section-tinted { background:var(--cream); }
.category-tiles { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.category-tile { display:block; min-width:0; }
.category-tile img { height:126px; width:100%; object-fit:cover; border-radius:var(--radius); transition:opacity .15s; }
.category-tile:hover img { opacity:.85; }
.category-tile > span { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-top:13px; font-size:.91rem; }
.category-tile > span span { color:var(--teal); }
.listing-grid { display:grid; gap:24px; }
.listing-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.listing-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.listing-card { min-width:0; display:flex; flex-direction:column; }
.card-media { display:block; position:relative; overflow:hidden; background:#ecebe5; border-radius:var(--radius); aspect-ratio:4/3; border:1px solid #e6e6df; }
.card-media img { width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.card-media:hover img { transform:scale(1.025); }
.card-media.is-logo { background:var(--white); }
.card-media.is-logo img { object-fit:contain; padding:16px; }
.media-note { position:absolute; bottom:7px; left:7px; background:rgba(255,253,248,.96); font-size:.61rem; line-height:1.4; padding:3px 6px; color:#55625e; border-radius:2px; }
.card-body { padding-top:16px; display:flex; flex-direction:column; flex:1; }
.card-meta { color:var(--teal); font-size:.69rem; text-transform:uppercase; letter-spacing:.085em; margin-bottom:8px; }
.card-body h3 { margin-bottom:9px; font-size:1.21rem; line-height:1.23; }
.card-body h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.card-description { color:var(--muted); font-size:.89rem; line-height:1.65; margin-bottom:17px; flex:1; }
.card-bottom { border-top:1px solid var(--line); padding-top:12px; display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:.74rem; color:var(--muted); }
.card-link { display:inline-flex; gap:8px; align-items:center; color:var(--teal); flex-shrink:0; padding-block:3px; }
.card-link:hover { text-decoration:underline; text-underline-offset:3px; }
.cover-title { display:grid; place-items:center; padding:28px; height:100%; font-size:1.7rem; text-align:center; color:var(--teal); }
.food-feature { display:grid; grid-template-columns:1.16fr .84fr; align-items:center; gap:85px; }
.food-pictures { position:relative; padding-right:74px; padding-bottom:50px; }
.food-main { width:100%; height:350px; object-fit:cover; border-radius:var(--radius); }
.food-small { position:absolute; right:0; bottom:0; width:160px; height:210px; object-fit:cover; border-radius:var(--radius); border:6px solid var(--paper); }
.food-copy h2 { font-size:clamp(2rem,3.5vw,3.45rem); max-width:390px; }
.food-copy > p:not(.eyebrow) { margin-top:22px; color:var(--muted); font-size:1rem; line-height:1.75; }
.food-copy .button { margin-top:26px; }
.agenda-section { padding-block:58px; border-block:1px solid var(--line); }
.agenda-inner { display:flex; gap:50px; justify-content:space-between; align-items:center; }
.agenda-inner p:not(.eyebrow) { color:var(--muted); margin-top:14px; font-size:.94rem; }
.agenda-links { display:grid; min-width:260px; flex-shrink:0; }
.agenda-links a { display:flex; justify-content:space-between; align-items:center; gap:35px; padding:19px 0; border-bottom:1px solid var(--line); font-size:.95rem; }
.agenda-links a:hover { color:var(--teal); }
.business-band { background:var(--teal); color:var(--paper); padding-block:62px; }
.business-band .eyebrow { color:#e1cb9f; }
.business-band h2 { max-width:620px; }
.business-band p:not(.eyebrow) { margin-top:14px; color:#e4efeb; max-width:620px; font-size:.95rem; }
.business-band-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.business-band .button { flex-shrink:0; }
.site-footer { background:#f1eee5; padding-top:54px; }
.footer-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr 1fr; gap:44px; font-size:.85rem; }
.footer-brand { font-size:1.4rem; letter-spacing:-.035em; font-weight:600; color:var(--teal); }
.footer-grid p { margin-top:12px; color:var(--muted); line-height:1.8; font-size:.82rem; }
.footer-grid nav { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.footer-grid nav a:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-label { margin-bottom:7px; color:var(--muted); font-size:.65rem; text-transform:uppercase; letter-spacing:.13em; }
.footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-top:46px; padding-block:22px; border-top:1px solid #d5d9d2; color:var(--muted); font-size:.73rem; }
.page-intro { padding-top:62px; padding-bottom:25px; }
.page-intro h1 { color:var(--teal-dark); }
.page-intro > p:last-child { color:var(--muted); margin-top:20px; max-width:690px; font-size:1.05rem; }
.directory-section { padding-block:20px 72px; }
.directory-filters { display:grid; grid-template-columns:2fr 1.1fr 1fr auto; gap:16px; align-items:end; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--white); }
.directory-filters label { display:grid; gap:8px; min-width:0; }
.directory-filters label > span { font-size:.74rem; color:var(--muted); }
.directory-filters input,.directory-filters select { width:100%; min-width:0; height:47px; border:1px solid #bdc8c5; border-radius:4px; background:var(--white); padding:11px 12px; color:var(--ink); font-size:.88rem; }
.input-icon { position:relative; }
.input-icon svg { position:absolute; top:13px; left:12px; color:var(--muted); pointer-events:none; }
.input-icon input { padding-left:41px; }
.filter-status { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:26px 0; font-size:.81rem; color:var(--muted); }
.directory-bottom { margin-top:55px; padding-top:32px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:25px; }
.directory-bottom h2 { font-size:1.5rem; }
.empty-state { grid-column:1/-1; padding:48px 28px; background:var(--cream); border:1px solid var(--line); border-radius:var(--radius); }
.empty-state h2 { font-size:1.5rem; margin-bottom:12px; }
.empty-state p { color:var(--muted); margin-bottom:22px; max-width:550px; font-size:.94rem; }
.breadcrumbs { display:flex; gap:10px; flex-wrap:wrap; align-items:center; font-size:.75rem; color:var(--muted); padding-block:28px; }
.breadcrumbs a { color:var(--teal); }
.breadcrumbs a:hover { text-decoration:underline; }
.profile-page { padding-bottom:15px; }
.profile-hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:64px; }
.profile-media { border-radius:var(--radius); overflow:hidden; background:var(--cream); }
.profile-media > img { height:480px; width:100%; object-fit:cover; }
.profile-media.is-logo > img { object-fit:contain; padding:25px; background:var(--white); border:1px solid var(--line); }
.profile-media figcaption { padding:10px 14px; font-size:.72rem; color:var(--muted); }
.profile-copy h1 { font-size:clamp(2.2rem,3.6vw,3.6rem); color:var(--teal-dark); overflow-wrap:break-word; }
.profile-description { margin-top:22px; color:var(--muted); line-height:1.75; font-size:1.05rem; }
.profile-tags { display:flex; gap:14px; flex-wrap:wrap; margin-top:20px; color:var(--teal); font-size:.76rem; }
.profile-tags span { padding-bottom:5px; border-bottom:1px solid #ccd8d2; }
.profile-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:30px; }
.profile-address { margin-top:18px; color:var(--muted); font-size:.81rem; }
.profile-about { padding-top:48px; max-width:720px; }
.profile-about h2 { font-size:1.55rem; margin-bottom:14px; }
.profile-about p { color:var(--muted); line-height:1.75; }
.profile-gallery-section { padding-top:58px; }
.profile-gallery-section h2 { font-size:1.7rem; }
.profile-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.profile-gallery figure { background:var(--cream); border-radius:var(--radius); overflow:hidden; }
.profile-gallery img { width:100%; height:340px; object-fit:contain; }
.guide-page { padding-top:5px; }
.guide-intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.guide-intro h1 { font-size:clamp(2.4rem,4vw,4rem); color:var(--teal-dark); }
.guide-intro p:not(.eyebrow) { margin-top:24px; color:var(--muted); max-width:480px; line-height:1.75; }
.guide-intro img { width:100%; height:370px; object-fit:cover; border-radius:var(--radius); }
.guide-intro figcaption { color:var(--muted); font-size:.7rem; padding-top:9px; }
.content-entry { border-top:1px solid var(--line); padding-top:22px; }
.content-entry p { color:var(--muted); margin-block:14px; }
.content-entry img { width:100%; height:230px; object-fit:cover; margin-bottom:20px; border-radius:var(--radius); }
@media (min-width:1600px) { .hero { gap:80px; } }
@media (max-width:1120px) {
  .container { width:calc(100% - 48px); }
  .main-nav { gap:15px; font-size:.83rem; }
  .hero { gap:40px; grid-template-columns:.94fr 1.06fr; }
  .hero-slide > img { height:400px; }
  .category-nav-inner { gap:24px; }
  .category-tiles { gap:14px; }
  .listing-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 22px; }
  .food-feature { gap:55px; }
  .footer-grid { gap:25px; }
}
@media (max-width:900px) {
  .main-nav { display:none; position:absolute; top:86px; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--line); padding:20px 24px; flex-wrap:wrap; gap:12px 24px; font-size:.96rem; }
  .main-nav.is-open { display:flex; }
  .menu-toggle { display:flex; }
  .hero { gap:30px; }
  .hero-copy h1 { font-size:3.1rem; }
  .hero-slide > img { height:360px; }
  .search-box { flex-wrap:wrap; }
  .search-box input { flex:1; }
  .hero-zones { gap:9px; }
  .hero-intro { font-size:.95rem; }
  .category-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 18px; }
  .category-tile img { height:155px; }
  .listing-grid.three { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 22px; }
  .food-feature { gap:36px; }
  .food-pictures { padding-right:38px; }
  .food-main { height:310px; }
  .food-small { width:125px; height:175px; }
  .profile-hero { gap:36px; }
  .profile-media > img { height:390px; }
  .directory-filters { grid-template-columns:1fr 1fr; }
  .directory-filters .search-filter { grid-column:1/-1; }
  .directory-filters .button { grid-column:1/-1; }
  .footer-grid { grid-template-columns:1.25fr 1fr 1fr; }
  .footer-grid > :first-child { grid-column:1/-1; }
}
@media (max-width:680px) {
  html { scroll-padding-top:76px; }
  .container { width:calc(100% - 36px); }
  .nav-wrap { min-height:76px; gap:15px; }
  .brand img { width:47px; height:47px; }
  .brand strong { font-size:1.15rem; }
  .brand small { font-size:.65rem; }
  .main-nav { top:76px; padding-inline:18px; align-items:flex-start; flex-direction:column; gap:0; }
  .main-nav > a { width:100%; }
  .main-nav .button { margin-top:10px; width:auto; }
  .category-nav-inner { gap:23px; }
  .category-nav a { font-size:.79rem; padding-block:12px; }
  .hero { grid-template-columns:1fr; padding-block:29px 26px; gap:27px; }
  .hero-copy { padding-block:4px; }
  .eyebrow { font-size:.66rem; margin-bottom:15px; }
  .hero-copy h1 { font-size:clamp(2.65rem,10vw,3.65rem); max-width:460px; }
  .hero-intro { margin-top:17px; max-width:500px; }
  .search-box { margin-top:22px; flex-wrap:nowrap; gap:8px; padding-left:12px; }
  .search-box button { padding-inline:15px; }
  .hero-browse { margin-top:15px; }
  .hero-slide > img { height:330px; }
  .hero-slide figcaption { padding:15px 17px; min-height:77px; }
  .hero-slide figcaption a { font-size:1rem; }
  .section { padding-block:43px; }
  .section-categories { padding-top:15px; padding-bottom:40px; }
  .section-heading { gap:15px; margin-bottom:23px; align-items:flex-start; flex-direction:column; }
  .section-heading > .text-link { margin-top:-3px; }
  .category-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px 12px; }
  .category-tile img { height:99px; }
  .category-tile > span { font-size:.78rem; padding-top:9px; gap:3px; }
  .listing-grid.three,.listing-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 15px; }
  .card-media { aspect-ratio:1.05; }
  .card-media.is-logo img { padding:8px; }
  .card-body { padding-top:12px; }
  .card-body h3 { font-size:1.06rem; }
  .card-description { font-size:.79rem; line-height:1.6; margin-bottom:13px; }
  .card-meta { font-size:.61rem; letter-spacing:.035em; }
  .card-bottom { gap:8px; font-size:.65rem; padding-top:9px; }
  .card-bottom > span { max-width:calc(100% - 40px); }
  .media-note { font-size:.51rem; left:5px; bottom:5px; padding:3px 5px; }
  .food-feature { grid-template-columns:1fr; gap:31px; }
  .food-pictures { padding-right:48px; padding-bottom:37px; }
  .food-main { height:285px; }
  .food-small { height:180px; width:135px; border-width:5px; }
  .food-copy > p:not(.eyebrow) { margin-top:17px; font-size:.94rem; }
  .agenda-section { padding-block:37px; }
  .agenda-inner { flex-direction:column; align-items:flex-start; gap:20px; }
  .agenda-links { min-width:0; width:100%; }
  .business-band { padding-block:44px; }
  .business-band-inner { flex-direction:column; align-items:flex-start; gap:24px; }
  .site-footer { padding-top:40px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:29px 22px; font-size:.81rem; }
  .footer-grid > :first-child { grid-column:1/-1; }
  .footer-grid > :last-child { grid-column:1/-1; }
  .footer-bottom { margin-top:30px; gap:8px; font-size:.69rem; }
  .page-intro { padding-top:39px; padding-bottom:17px; }
  .page-intro h1 { font-size:2.55rem; }
  .page-intro > p:last-child { font-size:.95rem; margin-top:16px; }
  .directory-section { padding-top:16px; padding-bottom:47px; }
  .directory-filters { padding:17px; gap:13px; }
  .directory-filters select { padding-left:9px; font-size:.8rem; }
  .directory-bottom { flex-direction:column; align-items:flex-start; gap:20px; }
  .empty-state { padding:31px 22px; }
  .profile-hero { grid-template-columns:1fr; gap:28px; }
  .profile-copy h1 { font-size:2.6rem; }
  .profile-description { margin-top:17px; font-size:1rem; }
  .profile-media > img { height:355px; }
  .breadcrumbs { padding-block:22px; font-size:.7rem; gap:7px; }
  .profile-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .profile-gallery img { height:240px; }
  .profile-gallery-section { padding-top:43px; }
  .profile-actions { margin-top:23px; }
  .profile-actions .button { font-size:.85rem; padding-inline:15px; }
  .profile-about { padding-top:35px; }
  .guide-intro { grid-template-columns:1fr; gap:28px; }
  .guide-intro h1 { font-size:2.65rem; }
  .guide-intro img { height:280px; }
}
@media (max-width:370px) {
  .container { width:calc(100% - 28px); }
  .hero-copy h1 { font-size:2.6rem; }
  .search-box svg { display:none; }
  .category-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .listing-grid.three,.listing-grid.four { grid-template-columns:1fr; }
  .card-media { aspect-ratio:4/3; }
  .card-description { font-size:.88rem; }
  .card-meta { font-size:.69rem; }
  .card-body h3 { font-size:1.2rem; }
  .card-bottom { font-size:.74rem; }
  .hero-slide > img { height:285px; }
  .profile-media > img { height:300px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none !important; animation:none !important; }
}
@media print {
  .site-header,.category-nav,.carousel-controls,.search-box,.business-band,.site-footer,.directory-filters { display:none; }
  .hero,.profile-hero { display:block; }
  .container { width:100%; }
  body { background:#fff; color:#111; }
  .listing-card { break-inside:avoid; }
}