@import "tailwindcss";

: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:linear-gradient(145deg,#98c8b7,#1d574d 72%); }
.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:1; font-size:.76rem; }
.photo-hero { padding:0; grid-template-rows:1fr; background:#18312c; }
.photo-hero::before { display:none; }
.photo-hero img { width:100%; height:100%; min-height:600px; display:block; object-fit:cover; object-position:center; }
.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(4,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 { width:calc(100% + 2.4rem); max-width:none; height:180px; min-height:180px; margin:-1.2rem -1.2rem 1rem; display:block; flex:none; object-fit:cover; object-position:center; color:#fff; background:linear-gradient(135deg,rgba(24,49,44,.9),rgba(20,103,85,.45)); }
.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-photo { margin:0 0 2.4rem; display:grid; grid-template-columns:minmax(150px,220px) 1fr; gap:1rem; align-items:end; }
.location-photo-frame { width:100%; aspect-ratio:220 / 961; display:block; overflow:hidden; border-radius:16px; }
.location-photo img { width:100%; height:100%; display:block; object-fit:cover; object-position:61% center; }
.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; }
.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; }
.plan-panel .text-actions button { font:inherit; background:transparent; }
.plan-panel .text-actions .eden-share-trigger[aria-disabled="true"] { opacity:1; }
.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 figcaption { padding:.65rem .75rem; background:rgba(24,49,44,.78); font-size:.72rem; font-weight:400; }
.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 { width:100%; height:150px; display:block; object-fit:cover; object-position:center; color:#fff; background:linear-gradient(135deg,rgba(24,49,44,.9),rgba(20,103,85,.45)); }
.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; }
.placeholder { display:inline; padding:.08em .35em; border-radius:.35em; color:#5d3300; background:#fff0c8; font-weight:650; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.module-note { color:var(--muted); font-size:.86rem; }
[aria-disabled="true"] { cursor:not-allowed; opacity:.75; }
.map-review-main { min-height:calc(100vh - 326px); padding:2rem 0 7rem; }
.map-review-shell { width:min(1180px,92vw); min-height:650px; margin:0 auto; display:grid; grid-template-columns:1.25fr .75fr; overflow:hidden; border-radius:28px; background:var(--white); box-shadow:var(--shadow); }
.map-review-canvas { min-height:650px; display:grid; place-items:center; position:relative; background-color:#dce8dd; background-image:linear-gradient(32deg,transparent 48%,rgba(20,103,85,.12) 49% 51%,transparent 52%),linear-gradient(145deg,transparent 48%,rgba(24,49,44,.1) 49% 51%,transparent 52%); background-size:120px 120px,170px 170px; }
.map-review-canvas::before,.map-review-canvas::after { content:""; position:absolute; background:rgba(20,103,85,.18); border-radius:999px; transform:rotate(-18deg); }
.map-review-canvas::before { width:78%; height:34px; }
.map-review-canvas::after { width:52%; height:22px; transform:rotate(68deg); }
.map-review-pin { width:72px; height:72px; display:grid; place-items:center; position:relative; z-index:1; color:#fff; background:var(--green); border:7px solid rgba(255,255,255,.92); border-radius:50% 50% 50% 8px; transform:rotate(-45deg); box-shadow:0 12px 30px rgba(24,49,44,.25); font-family:Georgia,serif; font-size:1.4rem; }
.map-review-pin b { transform:rotate(45deg); font-weight:500; }
.map-review-card { padding:clamp(2rem,4vw,4rem); align-self:center; }
.map-review-card h1 { max-width:9ch; margin-bottom:1.5rem; font-size:clamp(2.7rem,4vw,4.5rem); }
.map-review-card img { width:100%; height:180px; margin-bottom:1.4rem; display:block; object-fit:cover; border-radius:16px; }
.map-review-card p { color:var(--muted); }
.map-review-address { color:var(--ink)!important; font-weight:800; }
.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; } .map-review-shell { grid-template-columns:1fr; } .map-review-canvas { min-height:360px; } 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; } .location-photo { grid-template-columns:130px 1fr; } .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; } .map-review-main { padding-top:0; } .map-review-shell { width:100%; border-radius:0; } .map-review-card { padding:2.5rem 6vw; } footer { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }