:root{--ink:#26352e;--muted:#73756d;--cream:#f6f4ef;--paper:#fffefa;--olive:#77816e;--line:#d8d9ce;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit}.skip{position:absolute;left:-9999px;top:10px;z-index:99;background:white;padding:10px}.skip:focus{left:10px}.site-header{height:90px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.wordmark{display:flex;align-items:center;text-decoration:none;gap:13px}.wordmark-number{font:400 34px var(--serif);border-right:1px solid var(--line);padding-right:13px}.wordmark-copy{font-size:11px;letter-spacing:.16em}.wordmark-copy small{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{text-decoration:none;font-size:12px}.main-nav .nav-cta{border:1px solid var(--ink);padding:11px 15px}.nav-cta span{margin-left:13px}.menu-toggle{display:none}.hero{height:min(710px,78vw);min-height:560px;position:relative;color:#fff;background:#56594f;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(125deg,#686a60,#34382f 52%,#7a786a)}.image-pending{position:relative;background:linear-gradient(140deg,#d7d3c8,#bcb9ae 55%,#e2ded4);display:flex;align-items:center;justify-content:center;color:#6a6b63}.image-pending span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:1rem}.hero-image.image-pending{background:radial-gradient(ellipse at 77% 26%,#aaa99d 0,#65685d 32%,#42473f 72%);color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,26,23,.62),rgba(22,26,23,.05) 75%),linear-gradient(0deg,rgba(22,26,23,.35),transparent 50%)}.hero-content{position:absolute;left:10vw;top:50%;transform:translateY(-48%);max-width:570px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--olive);margin:0 0 22px}.eyebrow.light{color:#e1ded2}.hero h1{font:400 clamp(55px,7.3vw,100px)/1.02 var(--serif);letter-spacing:-.035em;margin:0}.hero h1 em,h2 em{font-weight:400}.hero-intro{font-size:15px;max-width:380px;margin:25px 0 30px;color:#f3f1ea}.button{display:inline-flex;align-items:center;gap:22px;text-decoration:none;padding:13px 18px;font-size:11px;letter-spacing:.05em}.button-light{background:var(--paper);color:var(--ink)}.button span{font-size:17px}.hero-caption{position:absolute;bottom:25px;right:6vw;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:35px 10vw;background:var(--cream);text-align:center}.facts div{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.facts div:last-child{border:0}.facts strong{font:400 30px var(--serif)}.facts span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.section-wrap{padding-left:11vw;padding-right:11vw}.intro{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding-top:115px;padding-bottom:120px}.location-note{font:400 18px/1.5 var(--serif);color:var(--muted);margin-top:55px}.intro h2,.feature h2,.details h2,.gallery h2,.inquire h2{font:400 clamp(38px,4.5vw,61px)/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 24px}.intro-copy{max-width:690px}.intro-copy p:not(.eyebrow){color:#575a52;max-width:670px}.feature{display:grid;grid-template-columns:1.25fr .75fr;min-height:570px;background:var(--cream)}.feature-reverse{grid-template-columns:.75fr 1.25fr;background:var(--paper)}.feature-reverse .feature-photo{order:2}.feature-photo{min-height:530px}.feature-copy{align-self:center;padding:70px clamp(45px,8vw,130px)}.feature-copy p:not(.eyebrow){color:#5c5e56;max-width:390px}.feature-deck .feature-photo{background:linear-gradient(140deg,#b2aa97,#817f70 55%,#d1c9b8)}.feature-reverse .feature-photo{background:linear-gradient(130deg,#a5a397,#77796f 55%,#c8c3b7)}.fireplace-band{padding:115px 12vw;text-align:center;color:white;background:linear-gradient(130deg,#4c5148,#343a33);}.fireplace-band h2{font:400 clamp(40px,5vw,64px)/1.1 var(--serif);margin:0 0 18px}.fireplace-band>p:last-child{color:#e1e1d9;max-width:470px;margin:0 auto}.details{padding-top:120px;padding-bottom:125px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 40px}.details-grid article{border-top:1px solid var(--line);padding-top:18px}.detail-number{font-size:10px;color:var(--olive);letter-spacing:.14em}.details h3{font:400 21px var(--serif);margin:10px 0}.details-grid article p{font-size:13px;color:var(--muted);margin:0}.gallery{padding-top:5px;padding-bottom:125px}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.gallery-head>p{max-width:280px;color:var(--muted);font-size:13px}.gallery h2{margin-bottom:0}.gallery-placeholders{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:13px}.gallery-tile{height:235px}.gallery-tile:nth-child(2){background:linear-gradient(135deg,#d9d5ca,#b1afa4)}.gallery-tile:nth-child(3){background:linear-gradient(125deg,#c4c1b4,#98998f)}.inquire{padding:110px 10vw 105px;text-align:center;background:#666b5d;color:white}.inquire h2{font-size:clamp(45px,6vw,77px);margin:0 0 20px}.inquire>p:not(.eyebrow){color:#e7e7df}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.button-outline{border:1px solid rgba(255,255,255,.7);color:white}.site-footer{padding:42px 7vw 28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;background:#f4f1eb}.footer-mark{text-decoration:none;font:400 25px var(--serif)}.footer-mark span{display:block;font:500 9px var(--sans);letter-spacing:.16em;margin-left:37px;margin-top:-4px}.brokerage{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;line-height:1.8}.brokerage strong{font-weight:600}.brokerage span,.footer-note{color:var(--muted)}.brokerage a{text-decoration:none}.footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;font-size:10px;margin:0}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}
.feature-photo{width:100%;height:100%;object-fit:cover;display:block;min-height:530px}
.text-link{display:inline-block;margin-top:15px;text-decoration:none;border-bottom:1px solid var(--olive);font-size:12px;padding-bottom:5px}.text-link span{margin-left:10px}
.gallery-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:25px 0 20px}.filter-button{font:10px var(--sans);letter-spacing:.04em;border:1px solid var(--line);color:var(--muted);background:transparent;padding:9px 12px;cursor:pointer}.filter-button.active,.filter-button:hover{background:var(--ink);border-color:var(--ink);color:white}.gallery-count{font-size:9px;letter-spacing:.16em;color:var(--muted);margin-left:auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.gallery-item{appearance:none;padding:0;border:0;background:var(--cream);color:var(--ink);text-align:left;cursor:zoom-in;overflow:hidden;position:relative}.gallery-item img{display:block;width:100%;aspect-ratio:1.27;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-item figcaption{padding:11px 13px 13px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.gallery-item .gallery-index{color:var(--olive);margin-right:9px}.lightbox{border:0;padding:0;max-width:min(92vw,1320px);max-height:92vh;background:#181a17;color:white;overflow:visible}.lightbox::backdrop{background:rgba(16,18,16,.92)}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center}.lightbox img{display:block;max-width:88vw;max-height:82vh;object-fit:contain}.lightbox figcaption{padding:12px 50px 15px;text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.lightbox-close,.lightbox-arrow{position:absolute;z-index:1;border:0;background:rgba(25,27,25,.78);color:white;cursor:pointer}.lightbox-close{right:-12px;top:-15px;border-radius:50%;width:40px;height:40px;font:28px/1 var(--sans)}.lightbox-arrow{top:50%;transform:translateY(-50%);font:38px/1 var(--serif);width:43px;height:58px}.lightbox-prev{left:10px}.lightbox-next{right:10px}
.gallery-item .gallery-caption{display:block;padding:10px 0 0;font:400 12px/1.8 var(--sans);letter-spacing:.1em;color:var(--muted)}
@media(max-width:760px){.gallery-item .gallery-caption{font-size:9px;padding:9px}}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.gallery-item{display:block;width:100%;min-width:0}
.gallery-item img{width:100%;height:clamp(180px,20vw,270px);aspect-ratio:auto;object-fit:cover}
.gallery-item.floorplan-item img{object-fit:contain;background:#fff}
@media(max-width:1050px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item img{height:clamp(150px,40vw,230px)}}

.intro{display:block;padding:0 0 25px}.intro-top{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding-top:115px;padding-bottom:65px}.intro-label{align-self:start}.intro-visual{width:100%;height:clamp(420px,62vw,800px);margin:0;overflow:hidden;background:var(--cream)}.intro-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}.intro-bottom{display:flex;justify-content:flex-end;padding-top:55px;padding-bottom:85px}.intro-bottom p{max-width:690px;margin:0;color:#575a52}
@media(max-width:760px){.intro-top{grid-template-columns:1fr;gap:28px;padding-top:80px;padding-bottom:42px}.intro-label{display:block}.intro-label .eyebrow{margin-bottom:10px}.intro-label .location-note{margin-top:0}.intro-visual{height:clamp(330px,105vw,540px)}.intro-photo{object-position:center}.intro-bottom{padding-top:35px;padding-bottom:70px}.intro-bottom p{max-width:none}}

.agent-profile{display:flex;align-items:center;justify-content:center;gap:15px;margin:30px auto 0;text-align:left}.agent-profile img{display:block;width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.6)}.agent-profile strong{display:block;font:400 18px var(--serif);line-height:1.35}.agent-profile span{display:block;margin-top:3px;color:#e7e7df;font-size:10px;letter-spacing:.12em;text-transform:uppercase}


/* Editorial visual system aligned with 11 Grasmere */
:root{--ink:#26352e;--muted:#73756d;--cream:#f6f4ef;--paper:#fffefa;--olive:#77816e;--line:#d8d9ce;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}
body{font-family:var(--sans)}
h1,h2{font-family:var(--serif);letter-spacing:-.025em;font-weight:400;line-height:1.04}
.hero h1{font-size:clamp(52px,5.1vw,76px);line-height:1.02;letter-spacing:-.018em}
.hero-content{max-width:850px}
.facts{max-width:1600px;margin-inline:auto;padding:39px 7% 42px;align-items:center}
.facts strong{font-size:38px;line-height:1.15}
.introduction{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 85px}
.price-callout{margin:0 auto 34px;color:var(--ink);font:500 clamp(22px,2.2vw,28px)/1.2 var(--serif);letter-spacing:-.01em}
.introduction>.eyebrow{font-size:11px;margin-bottom:22px}
.introduction h2{font-size:clamp(48px,4.8vw,68px);line-height:1.08;margin:0}
.intro-copy{color:#64685f;max-width:680px;margin-top:28px;font-size:15px;line-height:1.85}
.intro-visual{width:100%;max-width:1600px;height:auto;overflow:visible;margin:0 auto}
.intro-photo{display:block;width:100%;height:auto;object-fit:contain}
.intro-visual figcaption,.room-feature-image figcaption{display:flex;justify-content:space-between;gap:18px;width:86%;max-width:1380px;margin:0 auto;padding-top:14px;color:#6b7465;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.intro-bottom{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;padding-top:48px;padding-bottom:86px;align-items:start}
.intro-bottom .location-note{font:500 25px/1.25 var(--serif);color:var(--ink);margin:0}
.intro-bottom>p:last-child{max-width:680px;margin:0;color:#64685f;font-size:14px;line-height:1.85}
.room-feature{padding:78px 0 72px;background:var(--paper)}
.room-feature-cream{background:var(--cream)}
.room-feature-heading{text-align:center;padding:0 24px 36px}
.room-feature-heading h2{max-width:1100px;margin:17px auto 21px;font-size:clamp(44px,4.7vw,68px);line-height:1.08}
.room-feature-heading>p:not(.eyebrow){color:#64685f;max-width:660px;margin:0 auto;font-size:14px;line-height:1.85}
.room-feature-heading .text-link{display:inline-block;margin-top:17px}
.room-feature-image{width:100%;max-width:1600px;margin:0 auto}
.room-feature-image img{display:block;width:100%;height:auto;object-fit:contain}
.room-feature-image figcaption{padding-top:14px}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.gallery-item{background:transparent;overflow:visible}
.gallery-item img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}
.gallery-item .gallery-caption{display:block;padding:10px 0 0;font:400 12px/1.8 var(--sans);letter-spacing:.1em;color:var(--muted)}
.gallery-item .gallery-index{color:#85887e;margin-right:0;font:400 12px/1.8 var(--sans)}
@media(max-width:900px){
  .facts{padding-inline:5%}
  .room-feature{padding-top:65px;padding-bottom:60px}
  .gallery-grid{gap:26px 16px}
  .gallery-item .gallery-caption{font-size:12px}
}

/* Keep the hero copy in the open foliage beside the house. */
.hero-content{left:4.5vw;max-width:500px}
.hero h1{font-size:clamp(50px,4.2vw,72px)}
.hero-content .button{margin-top:28px}
@media(max-width:760px){
  .hero-content{left:7vw;right:7vw;max-width:460px}
  .hero h1{font-size:clamp(38px,9.2vw,58px)}
}

.improvements{background:var(--cream);padding:88px 9vw 96px}
.improvements-inner{max-width:1200px;margin:0 auto}
.improvements-heading{text-align:center;margin:0 auto 48px}
.improvements-heading .eyebrow{margin-bottom:15px}
.improvements-heading h2{font-size:clamp(44px,4.7vw,68px);margin:0}
.improvements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.improvement-card{border-top:1px solid var(--line);padding-top:18px}
.improvement-card h3{font:400 23px/1.3 var(--serif);margin:10px 0}
.improvement-card p{max-width:470px;font-size:13px;color:var(--muted);margin:0}
@media(max-width:760px){
  .improvements{padding:62px 8vw 70px}
  .improvements-heading{margin-bottom:32px}
  .improvements-heading h2{font-size:clamp(38px,8vw,52px)}
  .improvements-grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:760px){
  .hero h1{font-size:clamp(38px,9.2vw,58px)}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0;padding:29px 6% 27px}
  .facts div{border:0;padding:8px 5px}
  .facts strong{font-size:31px}
  .introduction{padding:26px 20px 60px}
  .price-callout{margin-bottom:27px;font-size:22px}
  .introduction>.eyebrow{font-size:10px;margin-bottom:18px}
  .introduction h2{font-size:clamp(41px,7.5vw,52px)}
  .intro-copy{max-width:560px;margin-top:24px;font-size:14px}
  .intro-visual figcaption,.room-feature-image figcaption{flex-direction:column;gap:3px;width:88%;padding-top:11px;font-size:8px}
  .intro-bottom{grid-template-columns:1fr;gap:15px;padding:34px 8vw 66px}
  .intro-bottom .location-note{font-size:23px}
  .room-feature{padding:53px 0 48px}
  .room-feature-heading{padding:0 20px 27px}
  .room-feature-heading .eyebrow{font-size:9px}
  .room-feature-heading h2{margin:15px auto 19px;font-size:clamp(38px,8vw,52px)}
  .room-feature-heading>p:not(.eyebrow){max-width:520px;font-size:13px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}
  .gallery-item img{height:clamp(150px,40vw,230px);aspect-ratio:auto}
  .gallery-item .gallery-caption{padding-top:10px;font-size:12px;line-height:1.3}
  .gallery-item .gallery-index{font-size:11px;line-height:1.3}
}

.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}
.hero-actions .button{margin-top:0}
.hero-video-link{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.65);padding:7px 0 5px;font-size:11px;letter-spacing:.04em}
.hero-video-link span{font-size:10px}
.property-video{background:var(--cream);padding:86px 8vw 95px}
.property-video-heading{text-align:center;max-width:720px;margin:0 auto}
.property-video-heading .eyebrow{margin-bottom:15px}
.property-video-heading h2{font-size:clamp(44px,4.7vw,66px);line-height:1.08;margin:0 auto 18px}
.property-video-heading>p:last-child{max-width:520px;margin:0 auto;color:#64685f;font-size:14px;line-height:1.8}
.property-video-player{display:block;width:100%;max-width:1320px;aspect-ratio:16/9;margin:40px auto 0;background:#20221f;object-fit:contain}
.footer-mark{font:inherit;gap:13px}
.footer-mark .wordmark-number{display:block;font:400 34px var(--serif);border-right:1px solid var(--line);padding-right:13px;margin:0}
.footer-mark .wordmark-copy{display:block;font:500 11px var(--sans);letter-spacing:.16em;margin:0}
@media(max-width:760px){
  .hero-actions{align-items:flex-start;gap:13px;flex-direction:column;margin-top:24px}
  .hero-video-link{font-size:10px}
  .property-video{padding:62px 6vw 68px}
  .property-video-heading h2{font-size:clamp(38px,8vw,52px)}
  .property-video-heading>p:last-child{font-size:13px}
  .property-video-player{margin-top:28px}
}

.inquire{padding:94px 8vw 100px;text-align:left}
.inquire-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,120px);align-items:center;max-width:1280px;margin:0 auto}
.inquire-copy h2{font-size:clamp(45px,5.2vw,68px);line-height:1.06;margin:0}
.inquire .agent-profile{justify-content:flex-start;gap:22px;margin:42px 0 0}
.inquire .agent-profile img{width:144px;height:144px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.75)}
.inquire .agent-details a{display:block;margin-top:3px;color:#e7e7df;font-size:12px;line-height:1.5;text-decoration:none}
.inquire .agent-details a:hover{text-decoration:underline;text-underline-offset:3px}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;width:100%;max-width:620px;justify-self:end}
.form-field{display:flex;flex-direction:column;gap:7px}
.form-field-message{grid-column:1/-1}
.form-field label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#e7e7df}
.form-field input,.form-field textarea{width:100%;border:1px solid rgba(255,255,255,.55);border-radius:0;background:rgba(255,255,255,.06);color:#fff;font:14px/1.5 var(--sans);padding:12px 14px;outline:none}
.form-field input{height:48px}
.form-field textarea{min-height:146px;resize:vertical}
.form-field input:focus,.form-field textarea:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}
.form-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px}
.form-submit p{font-size:11px;line-height:1.5;color:#e7e7df;margin:0;max-width:270px}
.form-submit button{border:0;cursor:pointer}.form-submit button:disabled{opacity:.6;cursor:wait}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:800px){
  .inquire{padding:70px 7vw 76px}
  .inquire-inner{grid-template-columns:1fr;gap:42px}
  .inquire-copy h2{font-size:clamp(42px,8vw,58px)}
  .inquire .agent-profile{margin-top:28px}
  .inquire .agent-profile img{width:124px;height:124px}
  .inquiry-form{max-width:none;justify-self:stretch}
}
@media(max-width:520px){
  .inquiry-form{grid-template-columns:1fr;gap:15px}
  .form-field-message,.form-submit{grid-column:auto}
  .form-submit{align-items:flex-start;flex-direction:column}
}

.home-area{background:var(--cream);padding:100px 8vw 108px;scroll-margin-top:24px}
/* Stable anchor positions and reserved image proportions prevent lazy-load jumps. */
#home,#spaces,#property-video,#gallery,#home-area,#inquire{scroll-margin-top:24px}
.intro-visual img,.room-feature-image img{display:block;width:100%;height:auto}
.home-area-inner{max-width:1320px;margin:0 auto}
.home-area-heading{max-width:760px;margin:0 auto 54px;text-align:center}
.home-area-heading .eyebrow{margin-bottom:16px}
.home-area-heading h2{font:400 clamp(44px,5vw,68px)/1.08 var(--serif);letter-spacing:-.025em;margin:0}
.home-area-heading>p:last-child{max-width:640px;margin:23px auto 0;color:#64685f;font-size:14px;line-height:1.85}
.home-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,80px);align-items:stretch}
.home-area-card{border-top:1px solid var(--line);padding-top:19px}
.home-area-card{min-width:0}
.home-area-card>.eyebrow{margin-bottom:11px}
.home-area-card h3{font:400 clamp(27px,3vw,36px)/1.15 var(--serif);margin:0 0 27px}
.update-list,.area-links{list-style:none;padding:0;margin:0}
.update-list li{display:grid;grid-template-columns:minmax(0,1fr);padding:16px 0;border-top:1px solid var(--line)}
.update-list strong{font:400 19px/1.3 var(--serif)}
.update-list p{margin:4px 0 0;color:#64685f;font-size:12px;line-height:1.65}
.area-copy{max-width:500px;color:#64685f;font-size:13px;line-height:1.8;margin:-8px 0 28px}
.area-visual{width:100%;max-width:1320px;margin:0 auto 48px}
.area-visual img{display:block;width:100%;aspect-ratio:1.78;object-fit:cover;object-position:center;border:0}
.area-visual figcaption{padding-top:9px;color:var(--muted);font-size:9px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.area-links li{border-top:1px solid var(--line)}
.area-links a{display:block;text-decoration:none;padding:15px 25px 15px 0;font:400 19px/1.3 var(--serif);position:relative}
.area-links a::after{content:"↗";position:absolute;right:0;top:17px;font:12px var(--sans);color:var(--olive)}
.area-links a span{display:block;margin-top:5px;font:400 11px/1.65 var(--sans);color:#64685f}
.area-links a:hover span{text-decoration:underline;text-decoration-color:var(--olive);text-underline-offset:3px}
@media(max-width:760px){
  .home-area{padding:70px 7vw 76px}
  .home-area-heading{margin-bottom:38px}
  .home-area-heading h2{font-size:clamp(40px,8vw,54px)}
  .home-area-grid{grid-template-columns:1fr;gap:38px}
  .area-visual{margin-bottom:38px}
  .site-header{height:76px;padding:0 6vw}
  .menu-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:transparent;color:var(--ink);font:10px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:10px 12px}
  .menu-toggle span{font-size:16px;line-height:1}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;gap:0;padding:10px 6vw 20px;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 12px 20px rgba(25,30,26,.08)}
  .main-nav.open{display:flex;flex-direction:column}
  .main-nav a{padding:13px 0;border-bottom:1px solid var(--line)}
  .main-nav .nav-cta{border:1px solid var(--ink);padding:12px 14px;margin-top:12px}
}
