:root{--white:#fff;--warm:#fafaf8;--stone:#f5f3f0;--ink:#1a1a1a;--muted:#6b6560;--line:#e8e5e1;--tan:#c4a882;--bronze:#8b7355;--heading:'Poppins',sans-serif;--body:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:18px/1.65 var(--body);background:var(--white)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #735835;outline-offset:5px}img{display:block;width:100%;height:auto}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.16;letter-spacing:-.045em;text-wrap:balance}h2{font-size:clamp(32px,3.2vw,46px)}h3{font-size:25px;letter-spacing:-.03em}p{color:var(--muted);max-width:720px}p+p{margin-top:20px}[hidden]{display:none!important}.wrap{max-width:1280px;margin-inline:auto;padding-inline:40px}.warm{background:var(--warm)}.section-pad{padding-block:100px}.eyebrow{font-size:16px;letter-spacing:.05em;font-weight:500;display:block;margin-bottom:24px}.small{font-size:16px;line-height:1.65}.skip{position:fixed;left:20px;top:-100px;z-index:5;background:white;padding:15px}.skip:focus{top:15px}.header{display:flex;align-items:center;justify-content:space-between;min-height:100px;padding:18px 40px;gap:24px;border-bottom:1px solid var(--line);background:white}.brand{font:600 30px/1 var(--heading);letter-spacing:-.08em;text-decoration:none;white-space:nowrap}.brand span{display:block;font:400 16px/1.5 var(--body);letter-spacing:0;margin-top:8px}.header nav{display:flex;align-items:center;gap:28px;font-size:16px}.header nav a{text-decoration:none;padding-block:12px}.header nav a:hover{color:#705838}.nav-contact{border-bottom:1px solid var(--ink)}.menu-toggle{display:none}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:56px;padding:15px 26px;background:var(--tan);border:1px solid var(--tan);border-radius:4px;color:var(--ink);font-size:17px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#d4bda1}.button:active{transform:translateY(1px)}.button span{font-size:23px;line-height:1}.hero{padding-top:40px}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow-row .eyebrow{margin:0}.status{font-size:16px;color:var(--muted)}.hero-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;padding:42px 0 48px}.hero h1{font-size:clamp(90px,10vw,144px);font-weight:500;line-height:.91;letter-spacing:-.075em}.hero h1 span{display:block;font-size:.48em;letter-spacing:-.045em;margin-top:18px}.hero-intro h2{font-size:32px;margin-bottom:18px}.hero-intro p{font-size:18px;max-width:475px;margin-bottom:25px}.hero-figure img{aspect-ratio:1.8;object-fit:cover;object-position:50% 48%}.hero-figure figcaption{display:flex;justify-content:space-between;gap:20px;font-size:16px;color:var(--muted);padding:15px 0}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:36px 0;border-bottom:1px solid var(--line);gap:30px}.spec-strip strong{font:400 30px var(--mono);display:block;margin-bottom:8px}.spec-strip span{font-size:16px;color:var(--muted)}.design-section{padding-block:100px}.section-intro{max-width:790px;margin-bottom:55px}.section-intro h2{margin-bottom:25px}.section-intro p{font-size:20px}.design-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:start}.image-open{display:block;background:none;border:0;padding:0;width:100%;text-align:left;color:var(--ink);position:relative}.image-open img{transition:filter .25s}.image-open:hover img{filter:brightness(1.045)}.image-card img{aspect-ratio:1.1;object-fit:cover}.image-label{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-size:18px}.image-label span{font-size:26px}.design-notes{display:grid;gap:32px}.design-notes article{border-top:1px solid var(--line);padding-top:20px}.number{float:left;font:16px var(--mono);margin:6px 22px 0 0;color:var(--muted)}.design-notes h3{font-size:23px;margin-bottom:12px}.design-notes p{font-size:18px;padding-left:43px}.section-head{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.section-head p{font-size:20px}.plan-tabs{display:flex;gap:28px;border-bottom:1px solid #ccc5ba;margin-bottom:40px}.plan-tabs button{border:0;border-bottom:3px solid transparent;color:var(--muted);background:none;min-height:56px;padding:12px 0;font-size:20px}.plan-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.plan-panel{display:grid;grid-template-columns:1.65fr 1fr;gap:48px;align-items:center}.plan-drawing{background:white;padding:18px;border:1px solid var(--line)}.drawing-open img{object-fit:contain;aspect-ratio:1.25}.enlarge{display:flex;justify-content:space-between;font-size:16px;padding:14px 8px 2px}.plan-copy h3{margin-bottom:20px}.area-list{margin:28px 0}.area-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;font-size:16px}.area-list dd{margin:0;font-family:var(--mono);white-space:nowrap}.drawing-note{font-size:16px;margin-top:30px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px 24px}.gallery-wide{grid-column:1/-1}.gallery-wide img{aspect-ratio:2.1;object-fit:cover;object-position:center 55%}.gallery figure:not(.gallery-wide) img{aspect-ratio:1.25;object-fit:cover}.gallery-disclaimer{max-width:900px;margin-top:30px}.package-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start}.sheet-preview{background:white;border:1px solid var(--line);padding:20px}.sheet-preview>p{margin:15px 8px 0}.sheet-index details,.faq-list details{border-top:1px solid #d9d4cd}.sheet-index details:last-child,.faq-list details:last-child{border-bottom:1px solid #d9d4cd}summary{cursor:pointer;list-style:none;position:relative;padding:22px 35px 22px 0;font-size:20px;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;font-size:25px;top:18px}details[open]>summary::after{content:'−'}summary span{font-size:16px;color:var(--muted);display:block;font-weight:400}.sheet-index details p{font-size:18px;padding:0 20px 24px 0;line-height:1.85}.package-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:35px;margin-top:45px;margin-bottom:30px}.package-bottom h3{margin-bottom:10px}.package-bottom p{font-size:16px}.package-bottom+.small{max-width:1050px}.adaptation{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead{font-size:22px}.path-list{list-style:none;counter-reset:path;padding:0;margin:40px 0}.path-list li{counter-increment:path;position:relative;padding-left:44px;margin-bottom:30px}.path-list li::before{content:'0'counter(path);position:absolute;left:0;top:5px;font:16px var(--mono);color:var(--muted)}.path-list h3{font-size:24px;margin-bottom:12px}.questions{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details p{padding:0 25px 25px 0}.final-cta{padding-block:85px;max-width:800px;text-align:center}.final-cta h2{font-size:clamp(36px,4vw,52px);margin-bottom:24px}.final-cta p{margin:0 auto 28px;font-size:20px}.final-cta .small{font-size:16px;margin-top:20px;margin-bottom:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:48px}.footer p{font-size:16px;margin-top:22px}.footer nav{display:flex;gap:25px;font-size:16px;flex-wrap:wrap}.lightbox{width:min(1240px,95vw);max-height:94dvh;border:1px solid var(--line);padding:24px;background:white;box-shadow:0 20px 90px #0004}.lightbox::backdrop{background:#191713c7}.lightbox img{max-height:72dvh;object-fit:contain;width:100%;height:auto}.lightbox p{font-size:16px;margin-top:14px;max-width:100%}.close-lightbox{display:block;margin:0 0 18px auto;background:var(--stone);border:1px solid var(--line);min-height:52px;padding:10px 18px}.close-lightbox span{margin-left:20px;font-size:25px}
.more-renders,.drawing-library{margin-top:40px;border-top:1px solid var(--line)}.more-renders>.gallery{padding-top:24px}.sheet-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 0}.sheet-controls label{flex:1;font-size:16px}.sheet-controls select{display:block;width:100%;min-height:52px;padding:10px;margin-top:8px;border:1px solid #b7afa4;background:white;color:var(--ink);font:16px var(--body)}.sheet-controls button{min-height:52px;padding:10px 16px;border:1px solid #b7afa4;background:white;color:var(--ink);font-size:16px}.sheet-controls button:disabled{opacity:.45;cursor:default}.sheet-full{background:white;padding:12px}.sheet-full img{aspect-ratio:1.5;object-fit:contain}.sheet-footer{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:16px}.sheet-controls select:focus-visible{outline:3px solid #735835;outline-offset:3px}
@media(max-width:600px){.sheet-controls{flex-wrap:wrap}.sheet-controls label{order:-1;flex-basis:100%}.sheet-footer{flex-direction:column;gap:8px}}
.hero-figure img{aspect-ratio:1.45;object-position:50% 25%}
@media(min-width:1600px){.header{padding-inline:max(40px,calc((100vw - 1200px)/2))}}
@media(max-width:1050px){.header{padding-inline:24px}.header nav{gap:16px}.brand span{font-size:16px}.header .nav-contact{display:none}.hero-heading{gap:40px}.design-layout,.section-head{gap:40px}.plan-panel{gap:28px;grid-template-columns:1.35fr 1fr}.package-layout,.adaptation,.questions{gap:40px}.area-list div{flex-wrap:wrap;gap:3px}.hero-intro h2{font-size:28px}}
@media(max-width:760px){.wrap{padding-inline:24px}.header{min-height:85px;position:relative;flex-wrap:wrap;gap:14px}.brand{font-size:26px}.menu-toggle{display:flex;gap:25px;align-items:center;min-height:52px;background:white;border:1px solid var(--line);padding:10px 16px;font-size:16px}.header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.header nav.is-open{display:flex}.header nav a{padding:14px 0;border-bottom:1px solid var(--line)}.header .nav-contact{display:block}.hero{padding-top:28px}.eyebrow-row{display:block}.eyebrow-row .eyebrow{margin-bottom:10px}.hero-heading{display:block;padding:30px 0}.hero h1{font-size:92px}.hero-intro{margin-top:32px}.hero-intro h2{font-size:30px}.hero-intro h2 br{display:none}.hero-intro p{max-width:none}.hero-figure img{aspect-ratio:1.25;object-position:center}.hero-figure figcaption{flex-direction:column;gap:4px}.spec-strip{grid-template-columns:1fr 1fr;gap:28px;padding:30px 0}.spec-strip strong{font-size:26px}.design-section,.section-pad{padding-block:65px}.design-layout,.section-head,.plan-panel,.package-layout,.adaptation,.questions{grid-template-columns:1fr;gap:34px}.section-intro{margin-bottom:35px}.section-head{margin-bottom:30px}.section-head p,.section-intro p{font-size:18px}.design-notes p{padding-left:0}.number{margin-right:12px}.plan-tabs{margin-bottom:25px}.plan-tabs button{font-size:18px}.plan-drawing{padding:10px}.area-list div{flex-wrap:nowrap}.gallery{gap:30px;grid-template-columns:1fr}.gallery-wide{grid-column:auto}.gallery-wide img,.gallery figure:not(.gallery-wide) img{aspect-ratio:1.25;object-fit:cover}.package-bottom{align-items:flex-start;flex-direction:column}.questions{gap:35px}.final-cta{padding-block:65px}.footer{flex-direction:column;align-items:flex-start;padding-block:40px}.footer nav{gap:16px 26px}.lightbox{padding:16px}.lightbox img{max-height:66dvh}.eyebrow{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Image-led product presentation and full-width architectural drawings. */
.hero-figure{overflow:hidden}
.hero{padding-top:24px}.hero-figure img{aspect-ratio:1.65;object-position:50% 42%}.hero-heading{grid-template-columns:1fr 1fr;align-items:center;padding:32px 0;gap:48px}.hero h1{font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-.045em}.hero-heading .eyebrow{margin-bottom:12px}.hero-heading .status{margin-top:14px}.hero-intro p{margin-bottom:18px;max-width:550px}.spec-strip{padding:25px 0}.plan-panel{display:block}.plan-drawing{padding:24px;background:#fff;transition:background .2s}.drawing-open img{aspect-ratio:auto;filter:grayscale(1) contrast(1.1)}.drawing-open:hover img{filter:grayscale(1) contrast(1.1)}.plan-drawing .enlarge{padding-top:20px}.plan-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start;margin-top:32px}.plan-copy>.eyebrow{grid-column:1/-1;margin-bottom:12px}.plan-copy h3{grid-column:1;margin-bottom:15px}.plan-copy>p:not(.small){grid-column:1}.plan-copy .area-list{grid-column:2;grid-row:2/4;margin:0}.plan-copy>.small{grid-column:1/-1;max-width:900px;margin-top:24px}.plan-tabs{margin-bottom:20px}.plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.plan-toolbar p{font-size:16px;max-width:460px}.background-options{display:flex;gap:8px;flex-shrink:0}.background-options button{min-height:52px;background:white;color:var(--ink);border:1px solid #b7afa4;padding:10px 16px;font-size:16px}.background-options button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}

.more-renders{padding-top:32px}.more-renders h3{margin-bottom:12px}.more-renders>.gallery{padding-top:28px}.gallery figure img,.gallery figure:not(.gallery-wide) img,.gallery-wide img{aspect-ratio:4/3;object-fit:cover}.detail-gallery{margin-top:60px}.detail-gallery h3{margin-bottom:12px}.detail-gallery>.gallery{margin-top:28px}
.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.lightbox-toolbar .close-lightbox{margin:0 0 0 auto}.zoom-controls{display:flex;align-items:center;gap:10px}.zoom-controls button{min-width:52px;min-height:52px;border:1px solid #b7afa4;background:white;color:var(--ink);padding:8px 12px;font-size:18px}.zoom-controls button:disabled{opacity:.4;cursor:default}.zoom-controls span{font-size:16px;min-width:50px}.lightbox-viewport{max-height:70dvh;overflow:auto;overscroll-behavior:contain}.lightbox-viewport:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}.lightbox.is-drawing{width:min(1600px,98vw)}.lightbox.is-drawing .lightbox-viewport{height:70dvh;background:white}.lightbox.is-drawing img{max-width:none;max-height:none;margin:0 auto}
@media(max-width:760px){.hero{padding-top:16px}.hero-figure img{aspect-ratio:4/3;object-position:center}.hero-heading{padding:24px 0}.hero h1{font-size:34px}.hero-intro{margin-top:22px}.plan-toolbar{display:block}.background-options{margin-top:16px;flex-wrap:wrap}.plan-drawing{padding:10px}.plan-copy{display:block}.plan-copy .area-list{margin-top:24px}.lightbox{padding:12px}.lightbox-toolbar{flex-wrap:wrap;gap:10px}.zoom-controls{gap:6px}.zoom-controls button{padding:8px}.lightbox.is-drawing .lightbox-viewport{height:65dvh}.lightbox-toolbar .close-lightbox{padding:8px 12px}.close-lightbox span{margin-left:8px}.gallery figure img,.gallery figure:not(.gallery-wide) img,.gallery-wide img{aspect-ratio:4/3}}
.hero-figure img{aspect-ratio:4/3;object-position:center}

/* Consecutive plans first; compact copy keeps the architecture in focus. */
#plans .section-pad{padding-top:48px}
#plans .section-head{display:block;margin-bottom:28px}
.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 18px}
.plan-heading h3{font-size:28px}
.plan-heading span{font-size:16px;color:var(--muted)}
.plan-panel+.plan-panel{margin-top:52px}
.design-layout{display:block}
.design-layout .image-card img{aspect-ratio:4/3;object-fit:contain}
.design-notes{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px;font-size:20px}
.more-renders{border-top:0;padding-top:0;margin-top:35px}
.more-renders>.gallery{padding-top:0}
@media(max-width:760px){.plan-heading{display:block}.plan-heading span{display:block;margin-top:10px}.design-notes{flex-direction:column;gap:14px;font-size:18px}#plans .section-pad{padding-top:36px}.plan-panel+.plan-panel{margin-top:36px}}
/* Native presentation exports, dark drawing panels on the light site. */
#main{outline:none}.skip{opacity:0;pointer-events:none}.skip:focus{opacity:1;pointer-events:auto}
#plans{background:#fff}.plan-drawing{background:#fff;padding:12px;border:0}.drawing-open img,.drawing-open:hover img{filter:none;opacity:1;aspect-ratio:auto;object-fit:contain}.plan-drawing .enlarge{border-top:1px solid var(--line);margin-top:12px}.drawing-open:hover img{transform:none}
#plans .plan-drawing{background:#000;padding:16px}
#plans .drawing-open{color:#fff}
#plans .drawing-open img,#plans .drawing-open:hover img{filter:grayscale(1) invert(1);opacity:1}
#plans .enlarge{border-color:#414141}
.lightbox.is-dark .lightbox-viewport{background:#000}
.lightbox.is-dark #lightbox-image{filter:grayscale(1) invert(1)}
.elevation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.elevation-card{background:#fff;border:1px solid var(--line);padding:10px}
.elevation-card img{aspect-ratio:1.35;object-fit:contain}
@media(max-width:760px){.elevation-grid{grid-template-columns:1fr}}

/* Static presentation: no image buttons, arrows or modal zoom. */
.gallery figure img, .image-card img { cursor: default; }
.image-label { display: block; padding-top: 12px; }
.elevation-grid img { background: #fff; border: 1px solid var(--line); padding: 10px; aspect-ratio: 1.35; object-fit: contain; }
.plan-drawing .static-drawing { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; filter: none; }
.team-grid img[alt="Oscar Miliani"], .team-grid img[alt="Viviane Viniarski"] { object-position: 50% 50%; }
.team-grid img[alt="Félix Engström"] { object-position: 50% 40%; }

@media (max-width: 380px) {
  .head-pill { max-width: 55%; white-space: normal; text-align: right; }
}

@media (max-width: 720px) {
  #plans .hcard { display: flex; flex-direction: column; }
  #plans .hcard figcaption { order: -2; padding-top: 0; }
}
