: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; text-decoration:none; }
.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; position:relative; overflow:hidden; color:#fff; background:var(--sage); }
.hero-art::before { content:none; display:none; }
.hero-art::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(0deg,rgba(16,42,35,.76),transparent); pointer-events:none; }
.hero-art img { width:100%; height:100%; min-height:650px; display:block; object-fit:cover; object-position:center; }
.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 { position:absolute; left:clamp(1.5rem,4vw,3.5rem); right:clamp(1.5rem,4vw,3.5rem); bottom:4.75rem; z-index:2; color:#fff; font-size:.78rem; text-shadow:0 1px 12px rgba(0,0,0,.5); }
.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:390px; padding:1.2rem; display:flex; flex-direction:column; position:relative; border-radius:22px; overflow:hidden; }
.service-card::after { content:""; width:150px; height:150px; position:absolute; right:-50px; bottom:-45px; border:1px solid rgba(24,49,44,.22); border-radius:50%; box-shadow:0 0 0 30px rgba(255,255,255,.1); }
.service-card.warm { background:#f5c995; } .service-card.mint { background:#c8dfd7; } .service-card.blue { background:#cad6de; } .service-card.coral { background:#edb2a0; }
.service-photo { width:calc(100% + 2.4rem); max-width:none; height:190px; margin:-1.2rem -1.2rem 1rem; display:block; object-fit:cover; }
.service-number { color:rgba(24,49,44,.55); font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.service-card.with-photo h3 { margin-top:auto; }
.service-card h3 { margin:1.6rem 0 .6rem; position:relative; z-index:1; font-family:Georgia,serif; font-size:1.35rem; }
.service-card p { margin-bottom:0; position:relative; z-index:1; 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-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%; aspect-ratio:auto; display:block; object-fit:cover; object-position:67% center; border-radius:0; }
.location-photo figcaption { color:#d7e2de; font-size:.76rem; }
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; }
.hours-lines { display:grid; gap:.2rem; }
.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 { 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-photo { margin:0; align-self:stretch; position:relative; }
.story-photo img { width:100%; height:100%; min-height:430px; display:block; object-fit:cover; border-radius:20px; }
.story-photo figcaption { position:absolute; left:1rem; right:1rem; bottom:1rem; padding:.6rem .75rem; color:#fff; background:rgba(24,49,44,.78); border-radius:9px; font-size:.72rem; }
.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) { max-width:660px; color:#fff7ec; }
.story-link { margin-top:1.8rem; font-weight:800; }
.story-link .story-action { max-width:100%; display:inline-block; box-sizing:border-box; padding:.85rem 1rem; border-color:rgba(255,255,255,.75); color:#fff; background:rgba(255,255,255,.08); font-size:.76rem; line-height:1.3; text-align:center; white-space:normal; }
.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 article>img { width:100%; height:150px; display:block; object-fit:cover; }
.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 { max-width:100%; margin-top:.5rem; font-size:.8rem; line-height:1.25; text-align:center; white-space:normal; }
.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:not(.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:not(.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; }

/* The production profile inherits Eden's shared site chrome. Keep the profile
   palette and private-preview footer from changing that standard shell. */
.header .header-logo-main,
.header .hub-link:hover,
.header .hub-link.active { color:#224b43; }
.header { line-height:1.6; }
.header .hub-link.active { border-bottom-color:#224b43; }
.header .hub-link { color:#6e6e6b; }
.footer { min-height:0; padding:0; display:block; color:#fff; background:#224b43; line-height:1.6; }

@media (max-width:900px) { nav { display:none; } .hero { width:100%; grid-template-columns:1fr; border-radius:0; } .hero-art,.hero-art img { 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:not(.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; } .hero-art,.hero-art img { min-height:390px; } .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; } .service-card { min-height:290px; } .plan-panel,.access-panel { padding:2rem 1.4rem; } .location-photo,.location-photo-review { grid-template-columns:130px 1fr; } dl>div { grid-template-columns:1fr; gap:.25rem; } .story { gap:2rem; } .story-photo img { max-height:520px; min-height:420px; } .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:not(.footer) { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }