@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');

:root { --ink:#17241d; --cream:#f3efe4; --lime:#d9ff43; --coral:#ff6b4a; --paper:#fffdf7; --line:rgba(23,36,29,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"Manrope",sans-serif; }
a { color:inherit; text-decoration:none; }
.nav-shell { height:92px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.wordmark { display:flex; align-items:flex-end; gap:10px; line-height:1; }
.wordmark span { font-size:21px; font-weight:800; letter-spacing:-1px; }
.wordmark small { font:400 8px/1.2 "DM Mono"; letter-spacing:1.4px; width:56px; }
nav { display:flex; gap:34px; font:500 12px "DM Mono"; text-transform:uppercase; letter-spacing:.7px; }
nav a:hover,.source-links a:hover,.text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:48px; background:var(--ink); color:white; padding:18px 22px; border-radius:2px; font:500 12px "DM Mono"; text-transform:uppercase; letter-spacing:.8px; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); background:#25382e; }
.button-small { padding:13px 17px; gap:18px; }
.hero { min-height:690px; display:grid; grid-template-columns:48% 52%; border-bottom:1px solid var(--line); }
.hero-copy { padding:8vw 6vw 7vw 7vw; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.eyebrow { font:500 10px "DM Mono"; letter-spacing:2.2px; text-transform:uppercase; margin:0 0 28px; }
.eyebrow:before { content:""; display:inline-block; width:34px; height:1px; background:currentColor; vertical-align:middle; margin-right:14px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(58px,6.6vw,104px); line-height:.86; letter-spacing:-6px; max-width:760px; margin-bottom:38px; font-weight:600; }
.lede { font-size:16px; line-height:1.7; max-width:590px; margin-bottom:38px; }
.hero-actions { display:flex; gap:30px; align-items:center; }
.text-link { font:500 11px "DM Mono"; text-transform:uppercase; letter-spacing:.7px; }
.hero-art { margin:28px 28px 28px 0; min-height:600px; background:linear-gradient(180deg,transparent 55%,rgba(23,36,29,.25)),url('public/listing/house-00.jpg') center/cover no-repeat; position:relative; overflow:hidden; }
.photo-note { position:absolute; top:22px; right:22px; padding:9px 11px; background:var(--lime); font:500 9px "DM Mono"; letter-spacing:1px; }
.address-card { background:var(--paper); position:absolute; left:34px; bottom:34px; padding:24px; width:min(360px,70%); display:flex; flex-direction:column; box-shadow:8px 8px 0 rgba(23,36,29,.14); }
.address-card span,.address-card small { font:500 9px "DM Mono"; letter-spacing:1px; }
.address-card strong { font-size:26px; letter-spacing:-1px; margin:8px 0; }
.stats { display:grid; grid-template-columns:repeat(4,1fr) 1.6fr; padding:42px 5vw; border-bottom:1px solid var(--line); background:var(--paper); }
.stats div { border-right:1px solid var(--line); padding-left:24px; display:flex; flex-direction:column; }
.stats strong { font-size:30px; letter-spacing:-1px; }.stats span { font:400 9px "DM Mono"; text-transform:uppercase; letter-spacing:1px; }
.stats p { padding-left:30px; margin:auto 0; font:400 9px/1.6 "DM Mono"; max-width:350px; }
.manifesto { padding:10vw 7vw; display:grid; grid-template-columns:1fr 1fr; gap:10vw; }
.coral { color:var(--coral); }
h2 { font-size:clamp(50px,6.5vw,94px); line-height:.94; letter-spacing:-5px; font-weight:600; }
h2 em { font-family:"Playfair Display",serif; font-weight:600; }
.manifesto-copy { padding-top:70px; max-width:600px; }
.manifesto-copy p { font-size:16px; line-height:1.8; }
.manifesto-copy .dropcap { font-size:23px; line-height:1.55; }
.dropcap:first-letter { font:600 80px/.7 "Playfair Display"; color:var(--coral); float:left; margin:12px 9px 0 0; }
.fit-section { background:var(--paper); padding:9vw 7vw 6vw; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:4vw; margin-bottom:60px; }
.section-heading h2 { max-width:800px; }.section-heading .eyebrow { min-width:240px; margin-top:14px; }
.fit-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.fit-grid article { padding:28px 24px 44px 0; border-right:1px solid var(--line); margin-right:24px; }
.fit-grid article:last-child { border:0; }.fit-grid article>span { font:400 10px "DM Mono"; color:var(--coral); }
.fit-grid h3 { font-size:24px; line-height:1.1; margin:80px 0 18px; letter-spacing:-1px; }
.fit-grid p { font-size:13px; line-height:1.7; }.fine-print { font:400 9px/1.6 "DM Mono"; margin:30px 0 0; max-width:760px; }
.house-section { background:var(--ink); color:var(--cream); padding:9vw 7vw; }
.house-intro h2 { max-width:900px; margin-bottom:65px; }
.house-details { display:grid; grid-template-columns:1fr 1fr; gap:9vw; padding-top:42px; border-top:1px solid rgba(243,239,228,.2); }
.house-story p { font-size:17px; line-height:1.8; color:rgba(243,239,228,.8); max-width:650px; }
.mini-label { font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:1.5px; color:var(--lime); margin-bottom:24px; }
.amenities-list { list-style:none; margin:0; padding:0; border-top:1px solid rgba(243,239,228,.2); }
.amenities-list li { display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; padding:16px 0; border-bottom:1px solid rgba(243,239,228,.2); }
.amenities-list strong { font-size:13px; }
.amenities-list span { font-size:11px; line-height:1.55; color:rgba(243,239,228,.65); }
.source-links { margin-top:42px; display:flex; gap:24px; font:400 9px "DM Mono"; text-transform:uppercase; }
.listing-note { margin:42px 0 70px; padding-top:22px; border-top:1px solid rgba(243,239,228,.18); font:400 9px/1.7 "DM Mono" !important; text-transform:uppercase; letter-spacing:.5px; }
.gallery-group { margin-top:54px; padding-top:34px; border-top:1px solid rgba(243,239,228,.2); }
.gallery-group-private { margin-top:70px; }
.gallery-group-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:40px; margin-bottom:24px; }
.gallery-group-heading .mini-label { margin:0; }
.gallery-group-heading>p:last-child { max-width:540px; margin:0; font-size:13px; line-height:1.65; color:rgba(243,239,228,.68); }
.gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.gallery-card { width:100%; border:0; color:inherit; font-family:inherit; text-align:left; cursor:pointer; aspect-ratio:16/10; min-height:0; margin:0; padding:20px; background:#31453a; position:relative; overflow:hidden; display:flex; align-items:flex-end; justify-content:space-between; }
.gallery-card:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,36,29,.05) 35%,rgba(23,36,29,.8)); }
.gallery-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.gallery-card:hover img { transform:scale(1.025); }
.gallery-card:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
.gallery-card>* { position:relative; z-index:1; }.gallery-card>span { align-self:flex-start; font:400 9px "DM Mono"; }
.gallery-caption { display:flex; flex-direction:column; align-self:flex-end !important; }.gallery-card strong { font-size:18px; }.gallery-card small { font:400 8px "DM Mono"; margin-top:6px; text-transform:uppercase; }
.view-all { margin-top:26px; }.button-light { background:var(--lime); color:var(--ink); border:0; cursor:pointer; }
.photo-credit { margin:20px 0 0; font:400 8px/1.5 "DM Mono"; color:rgba(243,239,228,.55); }
.gallery-dialog { width:100vw; max-width:none; height:100vh; max-height:none; margin:0; padding:0; border:0; background:rgba(10,16,13,.96); color:var(--cream); }
.gallery-dialog::backdrop { background:rgba(10,16,13,.96); }
.gallery-viewer { height:100%; display:grid; grid-template-columns:80px minmax(0,1fr) 80px; align-items:center; position:relative; padding:70px 20px 25px; }
.gallery-viewer figure { margin:0; min-width:0; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.gallery-viewer figure img { display:block; max-width:100%; max-height:calc(100vh - 150px); width:auto; height:auto; object-fit:contain; }
.gallery-viewer figcaption { width:min(1086px,100%); display:flex; justify-content:space-between; gap:24px; padding-top:16px; font:400 10px "DM Mono"; text-transform:uppercase; }
.gallery-close,.gallery-arrow { border:0; background:transparent; color:var(--cream); cursor:pointer; font:500 12px "DM Mono"; text-transform:uppercase; }
.gallery-close { position:absolute; right:28px; top:25px; z-index:2; }
.gallery-arrow { width:54px; height:54px; border:1px solid rgba(243,239,228,.35); border-radius:50%; font-size:20px; justify-self:center; }
.gallery-close:hover,.gallery-arrow:hover { color:var(--lime); border-color:var(--lime); }
.meet-section { padding:9vw 7vw; background:var(--paper); }
.meet-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:8vw; align-items:center; }
.meet-intro { max-width:540px; }
.meet-intro .eyebrow { margin-bottom:30px; }
.meet-intro h2 { margin-bottom:38px; }
.meet-bio { max-width:500px; }
.meet-bio p { font-size:17px; line-height:1.7; margin:0 0 20px; }
.meet-bio a { font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.portrait-photo { margin:0; aspect-ratio:4/5; position:relative; overflow:hidden; background:var(--ink); }
.portrait-photo img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.portrait-photo figcaption,.rocky-video figcaption { position:absolute; left:16px; bottom:16px; padding:8px 10px; background:var(--ink); color:var(--cream); font:500 9px "DM Mono"; text-transform:uppercase; letter-spacing:.7px; }
.rocky-row { margin-top:7vw; display:grid; grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr); gap:6vw; align-items:center; padding-top:7vw; border-top:1px solid var(--line); }
.rocky-copy h3 { font-size:38px; line-height:1; letter-spacing:-2px; margin:22px 0 24px; }
.rocky-copy>p:last-child { font-size:16px; line-height:1.65; max-width:340px; }
.rocky-video { margin:0; position:relative; width:100%; background:var(--ink); line-height:0; }
.rocky-video video { display:block; width:100%; aspect-ratio:16/8; object-fit:cover; }
.button-coral { background:var(--coral); color:var(--ink); border:0; cursor:pointer; }
.questionnaire { padding:10vw 7vw; background:var(--cream); display:grid; grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr); gap:9vw; align-items:start; }
.questionnaire-intro { position:sticky; top:50px; }
.questionnaire-intro h2 { margin-bottom:34px; }
.questionnaire-intro>p:not(.eyebrow) { max-width:480px; font-size:17px; line-height:1.75; }
.questionnaire-intro small { display:block; max-width:440px; margin-top:34px; padding-top:22px; border-top:1px solid var(--line); font:400 9px/1.7 "DM Mono"; text-transform:uppercase; }
.questionnaire-card { background:var(--paper); padding:clamp(36px,6vw,78px); border-top:5px solid var(--coral); box-shadow:12px 12px 0 rgba(23,36,29,.08); }
.questionnaire-number { font:500 10px "DM Mono"; text-transform:uppercase; letter-spacing:1px; color:var(--coral); }
.questionnaire-card h3 { margin:55px 0 28px; font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-3px; }
.questionnaire-card p { max-width:620px; margin-bottom:38px; font-size:17px; line-height:1.75; }
footer { background:var(--ink); color:var(--cream); padding:38px 5vw; display:flex; justify-content:space-between; align-items:center; }
footer p { margin:0; font:400 9px "DM Mono"; text-transform:uppercase; letter-spacing:.5px; }
@media(max-width:900px){
  nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 7vw}.hero-art{margin:0 20px 20px;min-height:520px}.stats{grid-template-columns:repeat(2,1fr)}.stats p{grid-column:span 2;padding:30px 24px 0}.manifesto{grid-template-columns:1fr}.manifesto-copy{padding-top:0}.section-heading{display:block}.fit-grid{grid-template-columns:1fr 1fr}.house-details{grid-template-columns:1fr;gap:40px}.gallery{grid-template-columns:1fr 1fr}.gallery-group-heading{display:block}.gallery-group-heading>p:last-child{margin-top:12px}.meet-layout{gap:6vw}.rocky-row{gap:5vw}.questionnaire{grid-template-columns:1fr;gap:55px}.questionnaire-intro{position:static;max-width:700px}footer{gap:25px;flex-wrap:wrap}
}
@media(max-width:560px){
  .nav-shell{height:76px}.button-small{display:none}h1{font-size:58px;letter-spacing:-4px}.hero-copy{padding:70px 6vw}.hero-art{min-height:420px}.address-card{left:20px;bottom:20px}.hero-actions{align-items:flex-start;flex-direction:column}.stats{padding:28px 5vw}.stats div{padding:15px}.manifesto,.fit-section,.house-section,.meet-section,.questionnaire{padding:80px 6vw}h2{font-size:49px;letter-spacing:-3px}.fit-grid{grid-template-columns:1fr}.fit-grid article{margin:0;border-right:0;border-bottom:1px solid var(--line)}.fit-grid h3{margin-top:40px}.house-intro h2{margin-bottom:45px}.amenities-list li{grid-template-columns:1fr;gap:6px}.gallery{grid-template-columns:1fr}.gallery-card{aspect-ratio:16/10}.gallery-viewer{grid-template-columns:46px minmax(0,1fr) 46px;padding-left:5px;padding-right:5px}.gallery-arrow{width:40px;height:40px}.gallery-viewer figcaption{padding:12px 10px}.meet-layout,.rocky-row{grid-template-columns:1fr}.meet-intro{max-width:680px}.portrait-photo{aspect-ratio:4/3}.rocky-row{gap:35px}.rocky-copy h3{font-size:34px}.rocky-video video{aspect-ratio:16/9}.questionnaire-card{padding:34px}.questionnaire-card h3{margin-top:40px}footer{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}