
:root { --ink:#18312c; --muted:#5d6d68; --paper:#f7f3ec; --white:#fffdf9; --sage:#dce8dd; --green:#146755; --coral:#e9896e; --line:rgba(24,49,44,.16); --shadow:0 24px 70px rgba(32,64,56,.13); --profile-shell-gap:clamp(1rem,2vw,1.5rem); color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); line-height:1.55; }
a { color:inherit; text-underline-offset:.2em; }
a:focus-visible { outline:3px solid #095b4c; outline-offset:4px; border-radius:4px; }
.skip-link { position:fixed; left:1rem; top:-5rem; z-index:20; background:#fff; padding:.8rem 1rem; font-weight:800; }
.skip-link:focus { top:1rem; }
.review-banner { min-height:38px; display:flex; align-items:center; justify-content:center; gap:.65rem; padding:.5rem 4vw; color:#fff; background:var(--ink); font-size:.79rem; text-align:center; }
.review-banner strong { color:#f7c888; text-transform:uppercase; letter-spacing:.12em; font-size:.7rem; }
.site-header { width:min(1180px,92vw); min-height:98px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand,.footer-brand { display:inline-flex; align-items:center; gap:.8rem; }
.brand>span:last-child { display:grid; line-height:1.05; }
.brand strong { font-family:Georgia,serif; font-size:1.23rem; }
.brand small { margin-top:.25rem; color:var(--muted); font-size:.67rem; letter-spacing:.13em; text-transform:uppercase; }
.brand-mark { width:38px; height:38px; display:inline-grid; place-items:center; border:1.5px solid var(--green); border-radius:50%; position:relative; }
.brand-mark::before,.brand-mark i { content:""; width:14px; height:22px; position:absolute; background:var(--green); border-radius:90% 10% 80% 20%; transform:rotate(37deg); }
.brand-mark i { width:10px; height:17px; opacity:.5; transform:translate(7px,4px) rotate(48deg); }
nav { display:flex; gap:1.8rem; font-size:.86rem; font-weight:700; }
nav a { text-decoration:none; }
main { overflow:hidden; }
.hero { width:min(1280px,96vw); min-height:650px; margin:var(--profile-shell-gap) auto 0; display:grid; grid-template-columns:1.03fr .97fr; background:var(--white); border-radius:30px; overflow:hidden; box-shadow:var(--shadow); }
.hero-copy { padding:clamp(3.5rem,7vw,7rem); align-self:center; }
.back-link { margin-bottom:3rem; color:var(--muted); font-size:.83rem; font-weight:750; }
.eyebrow,.section-kicker { margin:0 0 1rem; color:var(--green); font-size:.72rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.035em; line-height:.98; }
h1 { max-width:10ch; margin-bottom:1.6rem; font-size:clamp(3.5rem,6.5vw,6.4rem); }
h1 em { color:var(--green); font-weight:400; }
.lead { max-width:590px; margin-bottom:2rem; color:#354b45; font-family:Georgia,serif; font-size:clamp(1.24rem,2vw,1.6rem); line-height:1.45; }
.actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.button { max-width:100%; display:inline-flex; justify-content:center; gap:.35rem; padding:.95rem 1.25rem; border:1px solid var(--green); border-radius:999px; font-size:.84rem; font-weight:800; line-height:1.25; text-align:center; text-decoration:none; white-space:normal; }
.button.primary { color:#fff; background:var(--green); }
.hero-art { min-height:650px; margin:0; padding:clamp(2rem,5vw,5rem); display:grid; align-content:end; position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 68% 26%,#f7c88d 0 8%,transparent 8.5%),linear-gradient(145deg,#98c8b7,#1d574d 72%); }
.hero-art>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-art::after { content:""; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,rgba(8,29,25,.82)); }
.hero-art::before { content:""; width:72%; aspect-ratio:1; position:absolute; left:14%; top:10%; border:1px solid rgba(255,255,255,.5); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.06); }
.media-slot { min-height:240px; padding:2rem; display:grid; align-content:end; position:relative; z-index:1; border:1px dashed rgba(255,255,255,.7); border-radius:22px; background:rgba(24,49,44,.28); }
.media-slot span,.media-slot strong { display:block; }
.media-slot span { text-transform:uppercase; letter-spacing:.14em; font-size:.7rem; }
.media-slot strong { font-family:Georgia,serif; font-size:clamp(2rem,4vw,4rem); font-weight:500; }
.hero-art figcaption { margin-top:1rem; margin-bottom:2.75rem; position:relative; z-index:2; font-size:.76rem; }
.quick-facts { width:min(1080px,88vw); margin:-44px auto 7rem; padding:1.55rem 2rem; display:grid; grid-template-columns:repeat(3,1fr); position:relative; z-index:3; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:0 16px 42px rgba(32,64,56,.1); }
.quick-facts div { padding:.25rem 1.6rem; border-right:1px solid var(--line); }
.quick-facts div:last-child { border-right:0; }
.quick-facts span,.quick-facts strong { display:block; }
.quick-facts span,.service-card>span { color:var(--muted); text-transform:uppercase; letter-spacing:.12em; font-size:.64rem; font-weight:800; }
.quick-facts strong { font-size:.92rem; font-weight:600; line-height:1.35; }
.intro,.services,.plan,.story,.nearby,.review-note { width:min(1120px,88vw); margin-left:auto; margin-right:auto; }
.intro { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:end; margin-bottom:3rem; }
.intro-title-only { grid-template-columns:1fr; }
.intro h2,.plan h2,.story h2,.nearby h2 { margin-bottom:0; font-size:clamp(2.5rem,5vw,4.6rem); }
.intro>p { margin-bottom:.5rem; color:var(--muted); font-size:1.05rem; }
.services { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:8rem; }
.service-card { min-height:360px; padding:1.2rem; display:flex; flex-direction:column; border-radius:22px; overflow:hidden; }
.service-card.warm { background:#f5c995; } .service-card.mint { background:#c8dfd7; } .service-card.blue { background:#cad6de; } .service-card.coral { background:#edb2a0; }
.service-media { min-height:150px; margin:-1.2rem -1.2rem 1rem; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,rgba(24,49,44,.9),rgba(20,103,85,.45)); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.service-card img.service-media { width:calc(100% + 2.4rem); height:180px; object-fit:cover; }
.service-card h3 { margin:auto 0 .6rem; font-family:Georgia,serif; font-size:1.35rem; }
.service-card p { margin-bottom:0; color:#40534e; font-size:.86rem; }
.plan { display:grid; grid-template-columns:1.4fr .8fr; gap:1rem; margin-bottom:8rem; }
.plan-panel,.access-panel { padding:clamp(2rem,5vw,4.5rem); border-radius:25px; }
.plan-panel { color:#fff; background:var(--ink); }
.plan-panel .section-kicker { color:#9cd2c0; }
.plan-panel h2 { max-width:11ch; margin-bottom:2rem; }
.location-slot { min-height:420px; margin:0 auto 2rem; width:min(62%,300px); display:grid; place-items:center; border:1px dashed rgba(255,255,255,.45); border-radius:16px; color:#c8d7d2; text-align:center; }
.location-image { display:block; width:min(72%,360px); aspect-ratio:3/4; object-fit:cover; margin:0 auto 2rem; border-radius:16px; }
dl { margin:0 0 2rem; } dl>div { display:grid; grid-template-columns:110px 1fr; gap:1rem; padding:1rem 0; border-top:1px solid rgba(255,255,255,.18); }
dt { color:#9fb5ae; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } dd { margin:0; font-weight:400; }
.contact-lines { display:grid; gap:.3rem; }
.contact-link { font:inherit; font-weight:400; text-decoration:none; }
.text-actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.plan-panel .text-actions .button { border-color:#9cd2c0; color:#fff; }
.access-panel { background:var(--sage); }
.access-mark { width:52px; height:52px; margin-bottom:3rem; display:grid; place-items:center; border:1px solid var(--green); border-radius:50%; font-family:Georgia,serif; font-size:1.6rem; }
.access-panel h2 { margin-bottom:1.6rem; font-size:2.5rem; }
.access-panel p { color:#40534e; font-size:.9rem; }
.access-panel .access-action { margin-top:1rem; }
.story-link { margin-top:1.8rem; font-weight:800; }
.story { min-height:470px; margin-bottom:8rem; padding:clamp(1.2rem,3vw,2rem); display:grid; grid-template-columns:minmax(250px,.72fr) 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; color:#fff; background:linear-gradient(135deg,#b76455,var(--coral)); border-radius:28px; }
.story-media { min-height:430px; margin:0; display:grid; grid-template-rows:1fr auto; border:1px dashed rgba(255,255,255,.6); border-radius:20px; overflow:hidden; color:#fff; background:rgba(24,49,44,.17); font-weight:750; text-align:center; }
.story-media>div { display:grid; place-items:center; padding:1rem; }
.story-media>img { width:100%; height:100%; min-height:380px; object-fit:cover; }
.story>div:last-child { padding-right:clamp(1rem,4vw,4rem); }
.story .section-kicker { color:#ffe0bd; } .story h2 { max-width:13ch; margin-bottom:1.5rem; } .story p:not(.section-kicker) { color:#fff7ec; }
.story-link .story-action { border-color:rgba(255,255,255,.75); color:#fff; background:rgba(255,255,255,.08); }
.nearby { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:1rem; margin-bottom:8rem; }
.nearby>div { padding-right:2rem; } .nearby h2 { font-size:3.2rem; }
.nearby article { min-height:390px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:var(--white); }
.nearby-media { height:150px; display:grid; place-items:center; padding:1rem; color:#fff; background:linear-gradient(135deg,rgba(24,49,44,.9),rgba(20,103,85,.45)); font-size:.72rem; font-weight:800; text-align:center; text-transform:uppercase; letter-spacing:.08em; }
.nearby img.nearby-media { width:100%; padding:0; object-fit:cover; }
.disabled-action { opacity:.66; cursor:not-allowed; }
.nearby-card-body { padding:1.5rem 2rem 2rem; }
.nearby article h3 { margin:.8rem 0; font-family:Georgia,serif; font-size:1.5rem; } .nearby article p { color:var(--muted); font-size:.9rem; }
.nearby article .nearby-action { margin-top:.5rem; font-size:.8rem; }
.distance { text-transform:uppercase; letter-spacing:.08em; font-size:.66rem!important; font-weight:800; } .map-card span { display:block; color:var(--green); font-size:2.3rem; }
.review-note { margin-bottom:7rem; padding:2rem; display:grid; grid-template-columns:.6fr 1.7fr 1fr; gap:2rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:.82rem; }
.review-note h2 { margin:0; color:var(--ink); font-family:inherit; font-size:.8rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
footer { min-height:190px; padding:3rem 6vw; display:flex; align-items:center; gap:2rem; color:#fff; background:var(--ink); }
.footer-brand { margin-right:auto; } footer>p { margin:0; color:#b8c9c4; font-size:.82rem; } .footer-state { padding:.5rem .8rem; border:1px solid rgba(255,255,255,.25); border-radius:999px; }
@media (max-width:900px) { nav { display:none; } .hero { width:100%; grid-template-columns:1fr; border-radius:0; } .hero-art { min-height:470px; } .quick-facts { margin-top:-30px; grid-template-columns:1fr; } .quick-facts div { padding:.9rem .4rem; border-right:0; border-bottom:1px solid var(--line); } .quick-facts div:last-child { border-bottom:0; } .intro,.plan { grid-template-columns:1fr; } .services { grid-template-columns:repeat(2,1fr); } .nearby { grid-template-columns:1fr 1fr; } .nearby>div { grid-column:1/-1; } .review-note { grid-template-columns:1fr; } footer { flex-wrap:wrap; } }
@media (max-width:560px) { .review-banner { align-items:flex-start; flex-direction:column; gap:.15rem; text-align:left; } .site-header { min-height:82px; } .hero-copy { padding:3rem 6vw 4rem; } h1 { font-size:3.7rem; } .quick-facts,.intro,.services,.plan,.story,.nearby,.review-note { width:88vw; } .services,.story,.nearby { grid-template-columns:1fr; } .services,.plan,.story,.nearby { margin-bottom:5rem; } .plan-panel,.access-panel { padding:2rem 1.4rem; } dl>div { grid-template-columns:1fr; gap:.25rem; } .story { gap:2rem; } .story-media { min-height:360px; } .story>div:last-child { padding:0 1rem 1rem; } .story-link .story-action { width:100%; padding-inline:.5rem; font-size:.7rem; } .story-link .story-action span { display:block; } .nearby>div { grid-column:auto; } footer { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }

/* Match the established Business Profile v2 Plan Your Visit image frame. */
.location-photo { margin: 0 0 2.4rem; display: grid; grid-template-columns: minmax(150px,220px) 1fr; gap: 1rem; align-items: end; }
.location-photo-review { grid-template-columns: minmax(150px,220px) 1fr; }
.location-photo-frame { width: 100%; aspect-ratio: 220 / 961; display: block; overflow: hidden; border-radius: 16px; }
.location-photo-review .location-photo-frame img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 60% center; }
.location-photo figcaption { margin: 0; color: #d7e2de; font-size: .76rem; }
@media (max-width: 560px) { .location-photo,.location-photo-review { grid-template-columns: 130px 1fr; } }


/* Eden's current public header and footer, retained as the private review shell. */
.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid rgba(34,75,67,.16);
}
.header-top {
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
.header-logo { flex-shrink: 0; }
.header-logo a { color: inherit; text-decoration: none; }
.header-logo-main {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #224b43;
  font-family: Poppins, Arial, sans-serif;
  font-size: 28px;
  font-weight: 200;
  letter-spacing: .02em;
}
.header-logo-img { width: auto; height: 24px; display: block; }
.header-meta { margin-left: auto; display: flex; align-items: center; gap: 40px; }
.hub-link {
  padding-bottom: 8px;
  border-bottom: 2px solid transparent;
  color: #6e6e6b;
  font-family: Poppins, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.hub-link:hover { color: #224b43; }
.hub-link.active { color: #224b43; border-bottom-color: #224b43; font-weight: 600; }

.footer {
  min-height: 0;
  margin-top: 0;
  padding: 0;
  display: block;
  background: #224b43;
  color: #fff;
  font-family: "Source Sans 3", Arial, sans-serif;
  line-height: 1.6;
}
.footer-content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 40px;
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
.footer-section { flex: 1; min-width: 200px; }
.footer-section-logo { flex: 1.5; display: flex; gap: 80px; align-items: flex-start; min-width: 0; }
.footer-logo-box {
  width: 120px;
  height: 120px;
  padding: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #fff;
}
.footer-logo { width: auto; max-height: 100px; display: block; }
.footer-section-content { flex: 1; min-width: 200px; }
.footer-section h4 {
  margin: 0 0 20px;
  color: #fff;
  font-family: Poppins, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
}
.footer-section ul { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; list-style: none; }
.footer-section a { color: rgba(255,255,255,.8); font-size: 14px; text-decoration: none; }
.footer-section a:hover { color: #fff; }
.footer-social-links { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px !important; }
.footer-social-link {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.footer-social-link img { width: 24px; height: 24px; display: block; object-fit: contain; }
.footer-social-link:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.footer-bottom {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 40px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.6);
  font-size: 12px;
  text-align: center;
}
.footer-bottom p { margin: 0; }

@media (max-width: 1024px) {
  .header-top { gap: 40px; padding: 16px 32px; }
  .header-meta { gap: 32px; }
  .hub-link { font-size: 14px; }
}
@media (max-width: 768px) {
  .header-top { padding: 16px 20px; gap: 24px; }
  .header-logo-main { font-size: 13px; }
  .header-meta { gap: 20px; flex-wrap: wrap; }
  .hub-link { padding-bottom: 6px; font-size: 13px; }
  .footer-content { flex-wrap: wrap; padding: 40px 20px; gap: 32px; }
  .footer-bottom { padding: 16px 20px; }
}
@media (max-width: 600px) {
  .header-top { align-items: flex-start; flex-direction: column; gap: 14px; }
  .header-meta { width: 100%; margin-left: 0; justify-content: space-between; gap: 8px 14px; }
  .footer-section-logo { flex: 1 1 100%; flex-direction: column; gap: 24px; }
  .footer-section-content { width: 100%; min-width: 0; }
}
