:root{--paper:#f8f7f4;--ink:#222629;--sand:#ebe4d9;--bronze:#806b50;--muted:#595955;--line:#d9d2c6;--serif:"Iowan Old Style",Baskerville,"Palatino Linotype",Georgia,serif;--sans:"Helvetica Neue",Arial,sans-serif;--header:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 18px)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg{display:block;max-width:100%}img{width:100%;height:auto;object-fit:cover}figure{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid #a07843;outline-offset:5px}.skip{position:fixed;left:1rem;top:1rem;z-index:15;background:white;padding:.8rem;transform:translateY(-200%)}.skip:focus{transform:none}
.header{height:var(--header);position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.nav-wrap{height:100%;max-width:1560px;margin:auto;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:14px;letter-spacing:.18em;font-weight:650;line-height:1.2;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.34em;margin-top:5px}.mark{width:38px;color:var(--bronze)}nav{display:flex;gap:clamp(14px,2.5vw,38px);align-items:center;font-size:13px}nav>a:not(.button):hover,nav>a[aria-current="page"]{color:var(--bronze);text-decoration:underline;text-underline-offset:5px}.menu{display:none}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:48px;background:#282b27;color:#fff;border:1px solid #282b27;padding:10px 17px;font-size:13px;font-weight:550;transition:background .25s,color .25s,border-color .25s}.button:hover{background:#61513b;border-color:#61513b;color:#fff}.button span,.text-link span{font-size:16px}.outline,.nav-contact{color:var(--ink);background:transparent;border-color:#aea494}.text-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #a8977b;padding:5px 0;font-size:14px}.text-link:hover{color:var(--bronze)}
.studio{height:455svh;position:relative;background:#231d17}.studio-sticky{height:calc(100svh - var(--header));position:sticky;top:var(--header)}.stage{position:relative;height:100%;overflow:hidden;isolation:isolate;color:#fff}.stage-image,.stage canvas,.stage-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage-image{background:#533b2b url('/assets/atelier.webp') center 56%/cover no-repeat}.stage canvas{opacity:0;transition:opacity .4s}.stage.live canvas{opacity:1}.stage-shade{background:linear-gradient(90deg,rgba(19,20,20,.84),rgba(20,20,20,.57) 25%,transparent 69%),linear-gradient(0deg,rgba(20,18,17,.77),transparent 25%);z-index:1}.stage-content{position:absolute;z-index:2;left:clamp(25px,7vw,112px);top:50%;width:min(630px,90%);transform:translateY(-53%)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.19em;text-transform:uppercase;line-height:1.55;color:#6c5a43;margin:0 0 17px}.stage .eyebrow{color:#f2dfbf;display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:#e3c18b;box-shadow:0 0 13px #e3c18b}.display,.stage h1{font:400 clamp(52px,7vw,112px)/.95 var(--serif);letter-spacing:-.055em;margin:0 0 24px}.stage em{font-weight:400;color:#e4cfaa}.stage-intro,.stage-final{transition:opacity .35s,transform .35s}.stage-final{position:absolute;top:34px;opacity:0;visibility:hidden;transform:translateY(12px)}.stage-final p{max-width:350px;margin:0 0 22px}.stage.final .stage-intro{opacity:0;visibility:hidden;transform:translateY(-10px)}.stage.final .stage-final{position:relative;top:0;opacity:1;visibility:visible;transform:none}.stage.final .stage-intro{position:absolute}.stage .button{background:#ead9bd;color:#23231e;border-color:#ead9bd}.stage .button:hover{background:#fff}.skip-film{font-size:13px;border-bottom:1px solid #d6c6ad;padding-bottom:5px}.skip-film span{margin-left:9px}.stage-bottom{position:absolute;z-index:2;bottom:clamp(20px,5vh,45px);left:clamp(25px,7vw,112px);right:clamp(25px,7vw,112px);display:grid;grid-template-columns:190px 1fr auto;gap:22px;align-items:center;font-size:12px}.phase b{color:#e4cfaa;margin-right:8px}.progress-track{height:1px;background:#ffffff60}.progress-track i{display:block;width:100%;transform:scaleX(.015);transform-origin:left;height:2px;background:#ead9bd}.scroll-tip span{margin-left:7px}.studio:not(.animated){height:auto}.studio:not(.animated) .stage-intro,.studio:not(.animated) .stage-bottom{display:none}.studio:not(.animated) .stage-final{position:relative;top:0;opacity:1;visibility:visible;transform:none}#film-start{position:absolute;top:65vh}
.container{max-width:1390px;margin:auto;padding-inline:clamp(22px,6.5vw,95px)}.section{padding:clamp(65px,9vw,134px) 0}.section+.section:not(.sand){border-top:1px solid var(--line)}.sand{background:var(--sand)}h1,h2,h3,.price{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0 0 20px}h1{font-size:clamp(52px,7vw,108px);max-width:900px}h2{font-size:clamp(40px,5vw,77px)}h3{font-size:clamp(29px,3vw,43px);margin-bottom:10px}p{margin:0 0 17px}.lead{font-size:clamp(16px,2vw,21px);max-width:640px;color:var(--muted);margin-bottom:25px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section-heading p:last-child{margin-bottom:0;color:var(--muted)}.properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px}.property{min-width:0}.property-image{display:block;position:relative;overflow:hidden;background:var(--sand)}.property-image img{aspect-ratio:1.32;transition:transform .65s}.property-image:hover img{transform:scale(1.045)}.property-image>span{position:absolute;top:13px;left:13px;background:var(--paper);padding:4px 9px;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.11em}.property-body{padding-top:20px}.property-body .eyebrow{margin-bottom:8px}.facts{font-size:13px;color:var(--muted)}.facts b{padding:0 3px}.property-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;gap:6px}.property-foot small{display:block;color:var(--muted);font-size:11px}.split{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(25px,7vw,100px)}.media img{aspect-ratio:1.04;object-fit:cover}.service-list{padding-left:1.3em;margin:18px 0 25px}.service-list li{padding:8px 0;border-bottom:1px solid var(--line)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.comparison img{aspect-ratio:1.6}.comparison figcaption,.gallery figcaption,.caption{font-size:12px;color:var(--muted);margin-top:8px}.caption{margin-bottom:12px}.form-split{align-items:start;grid-template-columns:.85fr 1.15fr}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.fields label{min-width:0;font-size:13px;font-weight:600}.fields input,.fields textarea,.fields select,.filters select{width:100%;min-height:46px;margin-top:5px;border:1px solid #a99d8b;background:#faf8f2;border-radius:0;padding:8px 10px;color:var(--ink)}.fields textarea{resize:vertical}.wide{grid-column:1/-1}.form-note,.form-status{font-size:13px}.form-note a{text-decoration:underline}.form-status{margin-top:10px}.trap{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.page-intro{padding-top:clamp(54px,7vw,110px)}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0;font-size:13px}.filters select{width:auto;margin:0}.detail-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:26px;margin-top:32px;align-items:start}.gallery img{aspect-ratio:1.5}.gallery figure{animation:appear .35s ease-out}.gallery-controls{display:flex;align-items:center;gap:16px;margin-top:14px}.gallery-controls button{width:46px;height:46px;background:transparent;border:1px solid #aaa08f;color:var(--ink)}.gallery-controls button:hover{background:var(--sand)}.detail-aside{background:var(--sand);padding:clamp(20px,4vw,50px)}.price{font-size:clamp(34px,4vw,63px)}dl>div{border-bottom:1px solid var(--line);padding:7px 0}dt{font-size:13px;color:var(--muted)}dd{margin:0}.detail-copy,.legal{max-width:700px;margin-top:40px}.detail-copy h2,.legal h2{font-size:36px;margin-top:25px}.back{margin-bottom:25px}.footer{padding:45px 0 22px;background:#262723;color:#f4eee1}.footer .mark{color:#e4cfaa}.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-main p{font:26px var(--serif);margin:0}.footer-bottom{border-top:1px solid #ffffff35;margin-top:32px;padding-top:18px;font-size:12px;color:#ddd4c5}.footer-bottom a+a{margin-left:16px}.back-top{font-size:12px}.revealing{animation:appear .65s both ease-out}@keyframes appear{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(max-width:940px){:root{--header:65px}.menu{display:flex;gap:9px;align-items:center;background:none;border:1px solid #a99d8b;min-height:44px;padding:0 12px;font-size:13px}nav{position:absolute;top:100%;left:0;right:0;display:none;background:var(--paper);padding:10px 22px 20px;border-bottom:1px solid var(--line)}nav.open{display:grid;gap:2px}nav a{min-height:44px;display:flex;align-items:center}nav .button{justify-self:start}.properties{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.stage-content{top:23%;transform:none}.stage-shade{background:linear-gradient(180deg,#19191bd9,transparent 54%,transparent 71%,#19191bdf)}.stage-image{background-position:55% 50%}.display,.stage h1{font-size:clamp(48px,11vw,75px);margin-bottom:12px}.stage-content>p{margin-bottom:10px}.stage-final p{font-size:14px;max-width:245px;margin-bottom:12px}.stage-bottom{grid-template-columns:1fr auto;gap:8px;font-size:10px}.progress-track{grid-column:1/-1;grid-row:2}.studio{height:390svh}.properties,.split,.form-split,.detail-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.comparison{gap:10px}.comparison img{aspect-ratio:1.15}.form-split{gap:20px}.footer-main{align-items:start;flex-direction:column}.footer-bottom{flex-wrap:wrap}.media img{aspect-ratio:1.35}.property-image img{aspect-ratio:1.46}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.stage::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--paper),var(--paper) 13%,transparent 100%);opacity:var(--exit,0)}.stage-content,.stage-bottom{opacity:calc(1 - var(--exit,0))}button:disabled{cursor:wait;opacity:.65}
@media(max-width:650px){.stage-content{top:16%}.stage-image{background-color:#2e241d;background-size:100% auto;background-position:center 66%;background-repeat:no-repeat}}
@media(max-width:370px){.stage-content{top:12%}.stage h1,.display{font-size:43px}.stage .button{min-height:42px}}