body.view-journal{background:#fff;color:#25342b}
.view-journal .site-header.on-paper{background:#ffffffed;border-bottom:1px solid #263a2610;backdrop-filter:blur(16px)}
.view-journal .villa-page{background:#fff;animation:none}
.villa-journal{--folio-paper:#fff;--folio-ink:#25342b;--folio-faint:#73796b;--folio-rule:#2738282a;background:var(--folio-paper);color:var(--folio-ink);overflow:clip}
.folio-kicker{font:500 12px/1.5 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;display:block}
.folio-hero{padding:135px 5% 0;position:relative}
.folio-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#5e675d}
.folio-topline .back-link{font-size:13px;opacity:1}.folio-topline>span{font-size:12px;letter-spacing:.06em}
.folio-heading{display:flex;justify-content:space-between;align-items:end;margin:34px auto 0;max-width:1320px;position:relative;z-index:2;pointer-events:none}
.folio-heading h1{font-size:clamp(68px,7.3vw,112px);line-height:.98;letter-spacing:-.045em;margin:12px 0 0}
.folio-heading h1 em{font-family:'Italiana',Georgia,serif;font-style:normal;font-size:1;color:#889079}
.folio-heading>p{font-size:16px;line-height:1.7;margin:0 2% 4px 20px}
.architecture-plate{position:relative;width:min(76%,1200px);aspect-ratio:1200/760;margin:-27px auto 0;isolation:isolate}
.drawing-guides{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:#747b6e;stroke-width:.65;opacity:.38}
.drawing-guides path{stroke-dasharray:1350;stroke-dashoffset:0}.drawing-guides .guide-dots{fill:#37442e;stroke:none}
.drawing-note{position:absolute;font:400 clamp(17px,1.8vw,25px)/1.1 'Caveat',Georgia,serif;color:#4d5748;opacity:1;transform:rotate(-5deg)}
.drawing-note small{font-size:.82em}.note-roof{right:-18%;top:14%}.note-living{left:-14%;top:58%;transform:rotate(-7deg)}.note-pool{right:-9%;bottom:12%;transform:rotate(-3deg)}
.drawing-stamp{position:absolute;bottom:1%;left:12%;font-size:12px;letter-spacing:.16em;color:#68725e;transform:rotate(-90deg);transform-origin:0 50%;display:grid;gap:6px}
.drawing-stamp small{font-size:11px;letter-spacing:.05em}
.folio-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:5px 0 25px;border-bottom:1px solid var(--folio-rule);color:#626b5e;font-size:12px;line-height:1.6}
.assembly-replay{background:none;display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;color:#33482f}.assembly-replay span{font-size:23px}.assembly-replay:disabled{opacity:.4;cursor:default}
.folio-navigation{display:flex;gap:4vw;padding:22px 5%;align-items:center;border-bottom:1px solid var(--folio-rule)}
.folio-navigation button{background:none;padding:0;display:flex;gap:15px;align-items:baseline;font-size:14px}.folio-navigation button span{font-size:11px;color:#909984}.folio-navigation button:hover{text-decoration:underline;text-underline-offset:7px}.folio-phase{margin-left:auto;font-size:12px;color:#717b68}
.folio-facts{padding:42px 9%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--folio-rule)}
.folio-facts>div{display:grid;gap:12px;padding-left:22%;border-left:1px solid var(--folio-rule)}.folio-facts>div:first-child{padding-left:0;border:0}
.folio-facts strong{font:400 clamp(30px,3.2vw,49px)/1 'Italiana',Georgia,serif;white-space:nowrap}.folio-facts small{font:400 13px 'DM Sans',sans-serif}.folio-facts div>span{font-size:12px;color:#717a68}
.folio-section{padding:100px 8% 70px;scroll-margin-top:105px}
.folio-section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:26px 8%;align-items:end}
.folio-section-heading>.folio-kicker{grid-column:1/-1;color:#6a755e}
.folio-section-heading h2{font-size:clamp(46px,5.3vw,76px);margin:0;line-height:1.05;letter-spacing:-.04em}
.folio-section-heading p{margin:0 0 7px;font-size:16px;color:#697260;line-height:1.8}
.floor-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);column-gap:5%;row-gap:0;align-items:center;margin:44px -2% 0}
.floor-drawing{grid-column:1;grid-row:1/3;min-width:0;position:relative}.floor-art{display:block;width:100%;aspect-ratio:1;background:none;position:relative;padding:0;isolation:isolate}
.floor-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .25s,transform .8s var(--ease)}
.floor-art:hover img{transform:scale(1.018)}.floor-enlarge{position:absolute;bottom:0;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;opacity:0;transition:opacity .25s;background:#fbfbf8ed}.floor-art:hover .floor-enlarge,.floor-art:focus-visible .floor-enlarge{opacity:1}.floor-enlarge>span{font-size:23px}
.floor-sheet-caption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--folio-rule);padding:17px 2px;font-size:11px;letter-spacing:.045em;color:#7a8370}
.floor-copy{grid-column:2;align-self:start;padding:0 0 30px}.floor-tabs{grid-column:2;align-self:end;display:flex;gap:30px;margin:0 0 32px;border-bottom:1px solid var(--folio-rule)}
.floor-tabs button{background:none;font-size:14px;padding:14px 0;margin:0 0 -1px;color:#7c8372;border-bottom:2px solid transparent}.floor-tabs button[aria-selected=true]{color:#2c432c;border-color:#2c432c}
.floor-number{font:400 14px 'Caveat',Georgia,serif;letter-spacing:.03em;color:#778263}.floor-copy h3{font:400 36px/1.1 'Italiana',Georgia,serif;margin:13px 0 20px;letter-spacing:-.02em}.floor-copy p{font-size:16px;line-height:1.8;color:#6c7464}
.floor-schedule{margin:30px 0 25px;font-size:14px}.floor-schedule>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--folio-rule);padding:13px 0}.floor-schedule dt{color:#717965}.floor-schedule dd{margin:0;white-space:nowrap}.floor-schedule .floor-total{border-bottom:0;padding-top:19px}.floor-total dt{color:#253b26}.floor-total dd{font-weight:500}.floor-copy .under-link{font-size:13px;color:#455a3b}
.folio-disclaimer{font-size:12px;line-height:1.8;color:#7e8677;max-width:930px;margin:32px 0 0}
.folio-interiors{border-top:1px solid var(--folio-rule)}
.interior-composition{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;margin-top:55px;align-items:start}
.interior-composition figure{margin:0;min-width:0}.interior-composition figure>button:not(.under-link){width:100%;padding:0;background:none;position:relative;display:block;overflow:hidden}
.interior-composition img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.interior-composition button:hover img{transform:scale(1.035)}
.interior-living>button{aspect-ratio:.95}.interior-bedroom>button{aspect-ratio:1.12}
.interior-composition figure>button:not(.under-link)>span{position:absolute;right:18px;bottom:18px;background:#fbfbf8e6;width:40px;height:40px;display:grid;place-items:center;color:#253c28;font-size:22px}
.interior-composition figcaption{display:grid;gap:10px;padding-top:20px}.interior-composition figcaption>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#78816c}.interior-composition figcaption em{font:400 23px/1.3 'Caveat',Georgia,serif;color:#3f553b}
.interior-handnote{display:block;font:400 28px/1.2 'Caveat',Georgia,serif;transform:rotate(-5deg);color:#778665;margin:30px 15% 75px;max-width:220px}.interior-bedroom .under-link{background:none;margin-top:37px;font-size:13px}
.folio-acquisition{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#19392c;color:#f4f2e9;scroll-margin-top:105px}
.folio-acquisition .folio-kicker{color:#c4cdb6}.folio-acquisition h2{font-size:clamp(45px,4.5vw,66px);margin:23px 0 25px}.acquisition-copy>p{font-size:16px;max-width:440px;color:#cad0c1}
.folio-acquisition .construction-status{border-color:#9eb295;margin-top:34px}.folio-acquisition .construction-status p{font-size:14px;color:#c2c9bb;line-height:1.8}
.folio-acquisition .price-panel{border:1px solid #b8c6a94a;background:#ffffff04;padding:36px}.folio-acquisition .price-panel p{font-size:16px;line-height:1.7;color:#c8d0c0;min-height:0}.folio-acquisition .price-value{font-size:54px}.folio-acquisition .price-tabs{gap:18px}.folio-acquisition .price-tabs button{font-size:13px;min-height:70px}.folio-acquisition .price-tabs button[aria-selected=true]{border-color:#d1d8bd;color:#ecf0df}.folio-acquisition .solid-button{background:#efeee4;line-height:1.5}.folio-acquisition .small-note{font-size:12px;line-height:1.7}
.folio-next{padding:72px 8%;display:grid;grid-template-columns:1.5fr 1fr;gap:12%;align-items:center}.folio-next>a:first-child{position:relative}.folio-next h2{font-size:38px;margin:20px 40px 0 0}.folio-next>a:first-child>svg{position:absolute;right:0;top:50%}.folio-next .folio-kicker{color:#77836a}.folio-next-villa{display:grid;grid-template-columns:1fr 25px;gap:20px;border-left:1px solid var(--folio-rule);padding-left:12%}.folio-next-villa>span{grid-column:1/-1;font-size:12px;color:#78846e}.folio-next-villa strong{font:400 46px/1 'Italiana',Georgia,serif}.folio-next-villa>svg{align-self:center}
.folio-reveal{opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1.2s var(--ease)}.folio-reveal.in-view{opacity:1;transform:none}
.view-journal .lightbox{background:#fbfbf8f7;color:#25342b}.view-journal .lightbox::backdrop{background:#fbfbf8}.view-journal .lightbox img{mix-blend-mode:multiply}.view-journal .lightbox:has(img[src*="atelier"]){background:#fbfbf8}
@media(min-width:1600px){.folio-hero{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.architecture-plate{width:min(78%,1250px);margin-top:-60px}.folio-hero-bottom{margin-top:-20px}}
@media(min-width:900px) and (max-height:820px){.folio-hero{padding-top:123px}.folio-heading{margin-top:22px}.folio-heading h1{font-size:76px}.architecture-plate{width:min(100%,calc((100svh - 190px)*1.5),920px);margin-top:-76px}.folio-hero-bottom{margin-top:-15px}.folio-heading>p{font-size:14px}.folio-hero-bottom{padding-bottom:16px}}
@media(max-width:1050px){.folio-facts{padding:34px 6%}.folio-facts>div{padding-left:15%}.floor-workspace{gap:5%;grid-template-columns:1.25fr 1fr}.folio-section{padding-left:6%;padding-right:6%}.folio-acquisition{padding:70px 6%;gap:6%}.folio-acquisition .price-panel{padding:26px}.folio-next{padding:60px 6%;gap:7%}.note-living{left:-14%}.note-roof{right:-18%}.folio-heading>p{margin-right:0}.folio-section-heading{gap:25px 5%}}
@media(max-width:760px){.folio-hero{padding:116px 6% 0}.folio-topline>span{display:none}.folio-heading{margin-top:29px}.folio-heading h1{font-size:77px}.folio-heading>.folio-kicker{font-size:11px}.folio-heading>p{font-size:13px;line-height:1.7;margin-bottom:4px}.architecture-plate{width:114%;margin:2px -7% 0;aspect-ratio:1.35}.drawing-note{font-size:18px}.note-roof{right:6%;top:10%}.note-living{left:4%;top:62%}.note-pool{right:7%;bottom:4%}.drawing-stamp{display:none}.folio-hero-bottom{align-items:start;font-size:11px;gap:20px;padding-top:12px}.folio-hero-bottom>span{max-width:210px}.assembly-replay{font-size:12px;flex-shrink:0;padding:0;gap:6px}.folio-navigation{padding:20px 6%;gap:28px}.folio-navigation button{font-size:13px;gap:8px}.folio-phase{display:none}.folio-facts{grid-template-columns:repeat(2,1fr);gap:30px;padding:34px 8%}.folio-facts strong{font-size:37px}.folio-facts>div{padding-left:18%}.folio-facts>div:nth-child(3){padding-left:0;border:0}.folio-facts div>span{font-size:12px}.folio-section{padding:68px 7% 50px}.folio-section-heading{grid-template-columns:1fr;gap:23px}.folio-section-heading h2{font-size:55px}.folio-section-heading p{font-size:15px;margin:0}.floor-workspace{display:flex;flex-direction:column;gap:28px;margin:20px -4% 0}.floor-drawing{width:100%}.floor-copy{width:100%;padding:0 4%}.floor-tabs{align-self:stretch;order:-1;margin:0 4%!important}.floor-art{aspect-ratio:1}.floor-sheet-caption{margin:0 4%;font-size:11px}.floor-enlarge{opacity:1;font-size:12px}.floor-tabs{gap:32px;margin-bottom:27px}.floor-copy h3{font-size:37px}.floor-copy p{font-size:16px}.floor-schedule{font-size:14px}.folio-disclaimer{font-size:12px;margin-top:26px}.interior-composition{gap:28px;margin-top:34px;grid-template-columns:1fr}.interior-living>button{aspect-ratio:1.2}.interior-bedroom{width:85%;justify-self:end}.interior-handnote{font-size:24px;margin:5px 10% 24px}.interior-bedroom>button{aspect-ratio:1.1}.interior-composition figcaption{gap:8px}.interior-bedroom .under-link{margin-top:23px}.folio-acquisition{grid-template-columns:1fr;padding:62px 7%;gap:35px}.folio-acquisition h2{font-size:48px}.folio-acquisition .price-panel{padding:25px}.folio-next{padding:50px 7%;display:block}.folio-next h2{font-size:36px}.folio-next-villa{border-left:0;border-top:1px solid var(--folio-rule);padding:28px 0 0;margin-top:36px}.folio-next-villa strong{font-size:42px}}
@media(max-width:420px){.folio-heading h1{font-size:67px}.folio-heading .folio-kicker{font-size:10px;letter-spacing:.1em}.folio-heading>p{font-size:12px}.folio-topline .back-link{font-size:12px}.architecture-plate{width:124%;margin:4px -12% 0;aspect-ratio:1.28}.note-roof{right:9%;top:12%;font-size:17px}.note-living{left:7%;top:62%;font-size:17px}.note-pool{right:10%;bottom:6%;font-size:17px}.folio-hero-bottom{gap:15px}.folio-hero-bottom>span{max-width:180px}.assembly-replay{max-width:113px;line-height:1.4;text-align:left}.folio-navigation{justify-content:space-between;gap:10px}.folio-navigation button{font-size:12px;gap:6px}.folio-navigation button span{font-size:10px}.folio-facts{padding:30px 7%;gap:28px 20px}.folio-facts strong{font-size:33px}.folio-section-heading h2{font-size:48px}.floor-tabs{gap:24px}.floor-tabs button{font-size:13px}.folio-acquisition h2{font-size:41px}.folio-acquisition .price-panel{padding:22px}.folio-acquisition .price-tabs{gap:12px}.folio-acquisition .price-tabs button{font-size:12px}.folio-acquisition .price-value{font-size:45px}}
@media(prefers-reduced-motion:reduce){.folio-reveal{opacity:1;transform:none}.drawing-note{opacity:1!important}.assembly-replay{display:none}.interior-composition img,.floor-art img{transition:none}.villa-journal *{scroll-behavior:auto}}
@media(max-width:760px){.note-living{top:auto;bottom:7%;left:7%}}

/* Two open sheets: ground floor, then upper floor, in a continuous reading. */
.floor-level{position:relative;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);margin-top:58px;row-gap:30px}
.floor-level-title{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--folio-rule);padding-top:26px}
.floor-level-title .folio-kicker{color:#78846e}.floor-level-title h3{font:400 clamp(30px,3.7vw,48px)/1.2 'Italiana',Georgia,serif;margin:0;letter-spacing:-.025em}
.floor-level .floor-drawing{grid-row:2;grid-column:1}.floor-level .floor-copy{grid-row:2;grid-column:2;align-self:center;padding:0 0 25px}
.floor-level-1{grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr);margin-top:80px}
.floor-level-1 .floor-drawing{grid-column:2}.floor-level-1 .floor-copy{grid-column:1}
@media(max-width:760px){.floor-level{margin-top:34px;gap:24px}.floor-level-title{align-self:stretch;display:block;margin:0 4%;padding-top:24px}.floor-level-title h3{font-size:37px;margin-top:13px}.floor-level .floor-copy{padding:0 4%}.floor-level-1{margin-top:54px}}

/* Make every file download explicit, with a compact tray-and-arrow symbol. */
.download-link{gap:24px;min-height:64px;text-decoration:none}
.download-copy{display:grid;gap:5px;min-width:0}
.download-copy small{font-size:10px;line-height:1.5;letter-spacing:.04em;color:#6c7864}
.under-link .download-icon{width:21px;height:21px;flex:0 0 21px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.download-arrow{transition:transform .25s ease}
.download-link:hover .download-arrow{transform:translateY(2px)}
.download-link:focus-visible{outline:2px solid #617752;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.download-arrow{transition:none}.download-link:hover .download-arrow{transform:none}}