/* SEO content pages. Reuses the site palette; mobile-first like the rest. */
.seo-body{background:#fff;color:#191713}
.seo-main{max-width:1120px;margin:0 auto;padding:26px 5vw 70px}

.seo-crumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:22px;font-size:12px;color:#7a7469}
.seo-crumbs a{color:#7a7469;border-bottom:1px solid #ded6c8}
.seo-crumbs a:hover{color:#b8860f}
.seo-crumbs b{color:#191713;font-weight:600}
.seo-crumbs span{color:#c3bbae}

/* site.css styles the bare `header` element as the sticky site bar (flex,
   92px tall, dark). This is a <header> too, so every one of those has to be
   undone explicitly or the intro collapses into the nav layout. */
.seo-hero{
  display:block;position:static;height:auto;gap:0;
  background:transparent;border-bottom:0;backdrop-filter:none;
  max-width:760px;margin:0 auto 40px;padding:0;text-align:center;
}
.seo-hero h1{margin:12px 0 16px;font:600 clamp(36px,5vw,60px)/1.02 "Cormorant Garamond",serif}
.seo-hero h1 em{color:#b8860f;font-weight:500}
.seo-hero>p{margin:0 auto;max-width:640px;color:#5f594f;font-size:16px;line-height:1.72}
.seo-lead{color:#4f4a43;font-size:16px;line-height:1.75}

.seo-cta{margin-top:22px}
.seo-cta-row{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:22px}
.seo-cta-row .button{margin-top:0}

.seo-detail{display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:52px}
.seo-detail-media{border-radius:14px;overflow:hidden;background:#f1ece3;aspect-ratio:4/3}
.seo-detail-media img{width:100%;height:100%;object-fit:cover}
.seo-detail-body h1{margin:9px 0 6px;font:600 clamp(32px,4.4vw,50px)/1.04 "Cormorant Garamond",serif}
.seo-price{margin:0 0 16px;font:600 26px "Cormorant Garamond",serif;color:#b8860f}
.seo-price span{color:#7a7469;font-size:15px;font-family:"DM Sans",sans-serif}
.seo-placeholder{display:grid;place-items:center;width:100%;height:100%;background:#17150f;color:#b8860f;font:600 30px "Cormorant Garamond",serif;letter-spacing:.14em}

.seo-status{margin:20px 0 0;padding:16px 18px;border-radius:12px;border-left:4px solid #b8860f;background:#faf6ee}
.seo-status.closed{border-left-color:#a09889;background:#f4f2ee}
.seo-status p{margin:0}
.seo-status p+p{margin-top:11px;padding-top:11px;border-top:1px solid #e6ded0}
.seo-status span{display:block;margin-bottom:4px;color:#8a6206;font:700 10px "DM Sans";letter-spacing:.11em;text-transform:uppercase}
.seo-status strong{font:600 18px "DM Sans"}
.seo-status.closed strong{color:#4a453d}

.seo-about h2,.seo-listing h2,.seo-related h2{margin:0 0 14px;font:600 clamp(26px,3vw,36px) "Cormorant Garamond",serif}
.seo-about{margin-top:34px;padding-top:26px;border-top:1px solid #ece5da}
.seo-about p{color:#5f594f;font-size:15px;line-height:1.75}
.seo-about-block{max-width:760px;margin:52px auto 0;text-align:center}

.seo-prose{max-width:720px;margin:0 auto 46px}
.seo-prose p{margin:0 0 17px;color:#4f4a43;font-size:16px;line-height:1.8}

.seo-listing{margin-bottom:52px}
.seo-listing-note{margin:-6px 0 18px;color:#7a7469;font-size:14px}
.seo-empty{padding:34px 20px;border:1px dashed #ded6c8;border-radius:14px;text-align:center;color:#7a7469}

.seo-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.seo-card{display:flex;flex-direction:column;border:1px solid #e7e0d5;border-radius:14px;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.seo-card:hover,.seo-card:focus-visible{transform:translateY(-3px);border-color:#d8c69f;box-shadow:0 14px 34px rgba(40,32,16,.11);outline:none}
.seo-card.is-past{opacity:.82}
.seo-card.is-past .seo-card-media img{filter:saturate(.6)}
.seo-card-media{display:block;aspect-ratio:4/3;background:#f1ece3;overflow:hidden}
.seo-card-media img{width:100%;height:100%;object-fit:cover}
.seo-card-body{display:flex;flex-direction:column;gap:5px;padding:15px 16px 17px}
.seo-card-body strong{font:600 20px "Cormorant Garamond",serif}
.seo-card-body small{color:#b8860f;font-size:13px;font-weight:600}
.seo-card-note{color:#6f6960;font-size:13px;line-height:1.55}
.seo-card-body b{margin-top:4px;color:#5f594f;font-size:11px;letter-spacing:.07em;text-transform:uppercase}

.seo-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.seo-photo-grid figure{position:relative;margin:0;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#f1ece3}
.seo-photo-grid img{width:100%;height:100%;object-fit:cover}
.seo-photo-grid figcaption{position:absolute;inset:auto 0 0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font:600 15px "Cormorant Garamond",serif}


@media(min-width:860px){
  .seo-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:start}
  .seo-cta-row{justify-content:flex-start}
  .seo-hero .seo-cta-row,.seo-about-block .seo-cta-row{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.seo-card:hover,.seo-card:focus-visible{transform:none}}