:root{--cream:#f5f3ed;--ink:#414A57;--muted:#77736d;--line:#d8d4cb;--accent:#A07D7B}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}img{display:block;width:100%;object-fit:cover}header{position:absolute;z-index:20;top:0;left:0;width:100%;height:115px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff35}header.scrolled{position:fixed;height:80px;background:var(--cream);color:var(--ink);border-bottom:1px solid var(--line);animation:slide .3s}.brand{font-size:29px;letter-spacing:normal;line-height:1;text-align:center}.brand span{display:block;font-size:8px;letter-spacing:normal;margin-top:10px}nav{display:flex;gap:36px;font-size:12px}nav a:hover{opacity:.65}.header-cta{font-size:12px;border-bottom:1px solid #ffffff65;padding:12px 0}.header-cta span{margin-left:25px}#menu-toggle{display:none;background:none;font-size:25px}.hero{height:100svh;min-height:700px;position:relative;color:white;overflow:hidden}.hero-image{position:absolute;height:100%;object-position:center 53%;animation:herozoom 1.8s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14111655,transparent 45%,#14111695)}.hero-top{position:absolute;top:151px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:normal}.hero-copy{position:absolute;bottom:115px;left:8%;right:8%}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;letter-spacing:-.055em}h1{font-size:clamp(60px,7.7vw,120px);line-height:1.03;text-shadow:0 2px 20px #0002}em{font-weight:400}h1 em,h2 em{color:inherit}h2{font-size:clamp(43px,5vw,77px);line-height:1.08}h3{font-size:68px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.hero-bottom p{font-size:14px;line-height:1.7}.round-link{display:flex;align-items:center;gap:25px;font-size:13px}.round-link i,.circle{width:65px;height:65px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:23px;font-style:normal;background:transparent;color:white;transition:background .3s}.round-link:hover i,.circle:hover{background:#fff;color:var(--ink)}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:normal}.section-pad{padding:105px 8%}.eyebrow,.tiny{font-size:10px;letter-spacing:normal;line-height:1.7}.eyebrow{display:block}.intro-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;margin:45px 0 70px}.intro-text{max-width:390px;align-self:center}.intro-text p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 22px}.text-link{background:none;padding:12px 0;border-bottom:1px solid var(--ink);font-size:12px;display:inline-flex;justify-content:space-between;gap:40px}.text-link:hover{color:var(--accent)}.intro-photo{position:relative;overflow:hidden}.intro-photo img{height:570px}.intro-photo span{position:absolute;bottom:28px;left:30px;color:white;font-size:10px;letter-spacing:normal;text-shadow:0 1px 9px black}.collection{padding-top:65px}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0 55px}.collection-heading p{font-size:13px;line-height:1.9;color:var(--muted)}.model-stage{position:relative;overflow:hidden;background:#ddd}.model-stage>img{height:650px;transition:opacity .25s}.model-overlay{position:absolute;inset:0;padding:42px;display:flex;align-items:end;justify-content:space-between;color:white;background:linear-gradient(transparent 65%,#0008)}.model-overlay .eyebrow{font-size:9px}.stage-controls{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:10px;letter-spacing:normal;text-shadow:0 1px 8px black}.stage-controls button{background:#19161965;border:1px solid #ffffff55;color:white;width:40px;height:40px;margin-left:8px;font-size:20px}.model-summary{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);font-size:13px}.concept-note{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0}.living{background:var(--ink);color:var(--cream);padding-bottom:95px}.living-head{padding-bottom:70px}.living-head h2{margin-top:35px;max-width:1000px}.living-grid{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:75px 45px;padding:0 8%}.gallery-card{padding:0;background:transparent;color:inherit;text-align:left;overflow:hidden}.gallery-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .8s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card>span{position:relative;display:block;padding-top:22px}small{font-size:9px;letter-spacing:normal;display:block;color:#c0bbb4}b{font-family:Georgia,serif;font-size:28px;font-weight:400;display:block;margin-top:12px}.gallery-card i{position:absolute;right:0;bottom:2px;font-style:normal;font-size:23px}.process{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:130px;padding-bottom:130px}.process h2{margin-top:35px;font-size:clamp(40px,4.5vw,66px)}.steps details{border-bottom:1px solid var(--line)}summary{display:flex;gap:24px;align-items:center;padding:30px 0;list-style:none;cursor:pointer;font-family:Georgia,serif;font-size:23px}summary::-webkit-details-marker{display:none}summary span{font-family:Arial;font-size:10px;color:var(--muted)}summary i{margin-left:auto;font:20px Arial}details[open] summary i{transform:rotate(45deg)}details p{margin:0 25px 25px 40px;font-size:13px;line-height:1.9;color:var(--muted)}.contact{position:relative;height:660px;color:white}.contact>img{height:100%}.contact-shade{position:absolute;inset:0;background:#15121985}.contact-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.contact h2{margin:30px 0 35px;font-size:clamp(55px,6.8vw,100px)}.contact-button{background:var(--cream);color:var(--ink);padding:22px 28px;min-width:250px;font-size:12px;display:flex;justify-content:space-between;gap:45px}.contact-button:hover{background:#d8cabf}.phone{font-size:12px;margin-top:25px}footer{padding:60px 8% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:55px}.footer-top p{font-family:Georgia,serif;font-size:23px;line-height:1.35}.footer-top>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}dialog{padding:0;border:0;background:var(--cream);color:var(--ink);width:min(950px,92vw);max-height:90svh}dialog::backdrop{background:#161319da;backdrop-filter:blur(5px)}dialog>img{height:420px}.dialog-close{position:absolute;right:15px;top:15px;background:var(--cream);width:40px;height:40px;font-size:28px;z-index:2}.dialog-body{padding:30px 40px}.dialog-body h2{margin-top:10px}.dialog-body p{line-height:1.7;font-size:14px}.dialog-body .concept-note{font-size:11px}.thumbs{display:flex;gap:10px;flex-wrap:wrap}.thumbs button{background:transparent;border:1px solid var(--line);padding:12px 18px;font-size:11px}.thumbs button.active{background:var(--ink);color:white}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px}.lightbox-bottom button{background:none;padding:10px;font-size:24px}.lightbox-bottom p{font-size:12px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.js .reveal.visible{opacity:1;transform:translateY(0)}#mobile-menu{position:fixed;z-index:30;inset:80px 0 0;background:var(--cream);padding:40px 8%}#mobile-menu a{display:block;font-family:Georgia,serif;font-size:35px;padding:20px 0;border-bottom:1px solid var(--line)}@keyframes herozoom{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes slide{from{transform:translateY(-100%)}to{transform:translateY(0)}}@media(min-width:1600px){.section-pad,.living-grid,footer{padding-left:12%;padding-right:12%}}@media(max-width:800px){header{height:85px;padding:0 6%}header.scrolled{height:80px}nav,.header-cta{display:none}#menu-toggle{display:block;color:inherit}.brand{font-size:24px}.brand span{font-size:7px}.hero{min-height:680px;max-height:1000px}.hero-top{top:120px;left:7%;right:7%;font-size:8px}.hero-top>span:last-child{display:none}.hero-copy{bottom:110px;left:7%;right:7%}h1{font-size:clamp(53px,10.5vw,80px)}.hero-bottom{align-items:center}.hero-bottom p{font-size:11px}.round-link{gap:12px;font-size:10px}.round-link i{width:46px;height:46px}.hero-foot{font-size:7px;left:7%;right:7%}.hero-foot>span:first-child{max-width:160px;line-height:1.7}.section-pad{padding:70px 7%}.intro-layout{grid-template-columns:1fr;gap:30px;margin:30px 0 35px}.intro-text{max-width:100%}.intro-photo img{height:380px}.intro-photo span{font-size:8px;left:20px}.tiny{display:none}.collection-heading{display:block;margin:35px 0}.collection-heading p{margin-top:25px}.model-stage>img{height:440px}.model-overlay{padding:25px}h3{font-size:55px}.stage-controls{left:20px;right:20px}.model-summary{gap:20px;align-items:start}.model-summary>span{max-width:180px;font-size:11px;line-height:1.6}.model-summary .text-link{font-size:11px;gap:10px;white-space:nowrap}.living-head h2{font-size:42px}.living-grid{grid-template-columns:1fr;gap:35px;padding:0 7%}.living{padding-bottom:65px}.process{grid-template-columns:1fr;gap:30px}.contact{height:590px}.contact-inner{padding:0 7%}.contact .eyebrow{font-size:9px}.contact h2{font-size:57px}.footer-top{flex-wrap:wrap;gap:20px;align-items:start}.footer-top p{font-size:20px;margin:0}.footer-top>a:last-child{width:100%;margin-top:15px}.footer-bottom{flex-wrap:wrap;gap:22px}.footer-bottom>span:nth-child(2){display:none}footer{padding:45px 7% 25px}dialog>img{height:280px}.dialog-body{padding:25px}.lightbox-bottom p{max-width:65%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Scroll-directed cinematic introduction. Native scrolling stays in control. */
.brand{display:block;width:170px}.brand img{width:100%;height:auto;object-fit:contain}.brand .logo-dark{display:none}header.scrolled .logo-white,footer .logo-white{display:none}header.scrolled .logo-dark,footer .logo-dark{display:block}
.scroll-story{height:540svh;position:relative;background:#414A57}.story-screen{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;color:white;isolation:isolate}.story-layer{position:absolute;inset:0;will-change:transform,clip-path;overflow:hidden}.story-layer img{height:100%;width:100%;object-fit:cover}.layer-exterior{z-index:0}.layer-terrace{z-index:1;clip-path:inset(100% 0 0 0)}.layer-living{z-index:2;clip-path:inset(0 100% 0 0)}.layer-kitchen{z-index:3;clip-path:inset(45% 45% 45% 45%)}.story-shade{position:absolute;inset:0;z-index:4;background:linear-gradient(180deg,#222b3850,transparent 35%,#26324285)}.story-top{position:absolute;top:145px;left:5%;right:5%;z-index:5;display:flex;justify-content:space-between;font-size:9px;letter-spacing:normal}.story-top a{font-size:10px;letter-spacing:normal;border-bottom:1px solid #ffffff65;padding-bottom:7px}.story-copy{position:absolute;z-index:5;left:8%;right:8%;top:43%;transform:translateY(-10%);will-change:transform,opacity}.story-copy:not(.copy-0){opacity:0;visibility:hidden}.story-copy .eyebrow{color:#DBB6A7;margin-bottom:25px}.story-copy h1,.story-copy h2{font-size:clamp(52px,7.5vw,116px);line-height:1.04;text-shadow:0 3px 24px #26324255}.story-copy p{font-size:13px;line-height:1.8;margin-top:28px}.story-link{display:inline-block;border-bottom:1px solid #DBB6A7;padding:10px 0;font-size:12px;color:white;pointer-events:auto}.story-copy[aria-hidden="true"]{pointer-events:none}.story-bottom{position:absolute;z-index:6;bottom:40px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end}.story-chapters{display:flex;gap:28px}.story-chapters button{display:flex;align-items:center;gap:8px;background:transparent;color:#fff8;padding:13px 0;border-top:1px solid #ffffff40;font-size:11px}.story-chapters button[aria-current]{color:white;border-color:#DBB6A7}.story-chapters b{font:10px Arial;margin:0;letter-spacing:normal}.scroll-cue{font-size:8px;letter-spacing:normal;display:flex;gap:20px;align-items:center}.scroll-cue i{font-style:normal;font-size:24px;color:#DBB6A7}.story-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff22;z-index:6}.story-progress span{display:block;height:100%;background:#DBB6A7;transform-origin:left;transform:scaleX(0);will-change:transform}header.scrolled{background:#f5f3edee;backdrop-filter:blur(12px)}.eyebrow{color:var(--accent)}.living .eyebrow{color:#DBB6A7}.contact .eyebrow{color:#DBB6A7}.gallery-card i{color:#DBB6A7}button.circle{border-color:#DBB6A7}.header-cta{border-color:#CBA79E}.story-chapters button:hover{color:white}
@media(max-width:800px){.brand{width:138px}.scroll-story{height:480svh}.story-screen{min-height:520px}.story-top{top:115px;left:7%;right:7%;font-size:7px}.story-top>span{max-width:150px;line-height:1.8}.story-top a{font-size:8px}.story-copy{left:7%;right:7%;top:44%}.story-copy h1,.story-copy h2{font-size:clamp(45px,10.3vw,78px)}.story-copy .eyebrow{font-size:8px;margin-bottom:18px}.story-copy p{font-size:11px;max-width:270px;margin-top:23px}.story-bottom{left:7%;right:7%;bottom:27px}.story-chapters{gap:17px}.story-chapters b{display:none}.story-chapters button{min-width:32px;justify-content:center}.scroll-cue{font-size:7px;gap:10px}.story-layer img{object-position:52% center}.layer-living img{object-position:48% center}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}.story-screen{position:relative;height:100%;min-height:560px}.story-layer:not(.layer-signature),.story-copy:not(.copy-0),.story-chapters,.story-progress{display:none}.story-copy.copy-0{opacity:1!important;visibility:visible!important;transform:translateY(-10%)!important}.scroll-cue{display:none}}

header.story-active.scrolled{color:white;background:transparent;backdrop-filter:none;border-bottom:1px solid #ffffff35}header.story-active.scrolled .logo-dark{display:none}header.story-active.scrolled .logo-white{display:block}body:has(#mobile-menu:not([hidden])) header.story-active.scrolled{background:var(--cream);color:var(--ink)}body:has(#mobile-menu:not([hidden])) header.story-active.scrolled .logo-dark{display:block}body:has(#mobile-menu:not([hidden])) header.story-active.scrolled .logo-white{display:none}

/* Fit the lightbox shell to the image, avoiding side bars or cropping. */
#photo-dialog,#gallery-dialog{--lightbox-image-height:min(74svh,calc(90svh - 110px));width:min(950px,92vw,calc(var(--lightbox-image-height) * var(--photo-ratio,1.333333)));max-width:92vw}
#photo-dialog>img,#gallery-dialog>img{width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}

/* Use the same responsive brand width as the header, with the dark footer logo visible. */
footer .brand{flex-shrink:0}
footer .brand .logo-white{display:none}
footer .brand .logo-dark{display:block}

/* Font-independent arrow artwork shared across devices and pages. */
.site-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter}
.gallery-card i .site-arrow{width:1.25em;height:1.25em}

/* Five scroll scenes, with a dedicated Morena destination. */
.scroll-story{height:640svh}
.layer-morena{z-index:4;clip-path:inset(100% 0 0 0)}
.story-shade{z-index:5}
.story-top,.story-copy{z-index:6}
.story-bottom,.story-progress{z-index:7}
@media(max-width:800px){.scroll-story{height:580svh}}
@media(max-width:520px){.story-chapters{gap:9px}.story-chapters button{min-width:26px}.scroll-cue{letter-spacing:normal;gap:8px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}}

.layer-kitchen{clip-path:inset(50% 50% 50% 50%)}

/* Six chapters: signature opening followed by the existing five scenes. */
.scroll-story{height:748svh}
.layer-signature{z-index:0}
.layer-exterior{z-index:1;clip-path:inset(100% 0 0 0)}
.layer-terrace{z-index:2;clip-path:inset(0 100% 0 0)}
.layer-living{z-index:3;clip-path:inset(50% 50% 50% 50%)}
.layer-kitchen{z-index:4;clip-path:inset(100% 0 0 0)}
.layer-morena{z-index:5;clip-path:inset(0 100% 0 0)}
.story-shade{z-index:6}
.story-top,.story-copy{z-index:7}
.story-bottom,.story-progress{z-index:8}
@media(max-width:800px){.scroll-story{height:676svh}}
@media(max-width:520px){.story-chapters{gap:6px}.story-chapters button{min-width:22px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}}

/* Five opening chapters after removing Living. */
.scroll-story{height:640svh}
.layer-signature{z-index:0}
.layer-exterior{z-index:1;clip-path:inset(100% 0 0 0)}
.layer-terrace{z-index:2;clip-path:inset(0 100% 0 0)}
.layer-kitchen{z-index:3;clip-path:inset(50% 50% 50% 50%)}
.layer-morena{z-index:4;clip-path:inset(100% 0 0 0)}
.story-shade{z-index:5}
.story-top,.story-copy{z-index:6}
.story-bottom,.story-progress{z-index:7}
@media(max-width:800px){.scroll-story{height:580svh}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:100svh}}

.story-autoplay{color:inherit;background:transparent;border:1px solid currentColor;padding:9px 12px;font:11px Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer;margin-left:auto;margin-right:20px}.story-autoplay:focus-visible{outline:2px solid white;outline-offset:4px}.story-autoplay[hidden]{display:none}@media(max-width:800px){.story-bottom{flex-wrap:wrap}.story-autoplay{margin:12px 0 0;font-size:10px;padding:8px 10px}}

/* Keep hero copy clear of the chapter navigation and playback controls. */
.scroll-story .story-top{justify-content:flex-end}
.scroll-story .story-copy{top:auto;bottom:clamp(160px,22svh,220px)}
@media(max-width:800px){.scroll-story .story-copy{top:auto;bottom:160px}}
@media(max-height:550px){.scroll-story .story-copy{bottom:125px}.scroll-story .story-copy h1,.scroll-story .story-copy h2{font-size:clamp(32px,7svh,48px)}.scroll-story .story-copy p{margin-top:16px}}
/* Slideshow control occupies the former skip-link position. */
.scroll-story .story-top .story-autoplay{margin:0;padding:9px 12px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:11px Arial,Helvetica,sans-serif;line-height:normal}
@media(max-width:800px){.scroll-story .story-top .story-autoplay{font-size:10px;padding:8px 10px}}
