:root{--ink:#171a22;--muted:#666c78;--line:#e0e3e9;--blue:#2558ee;--green:#288653;--red:#d43b35;--serif:'Instrument Serif',Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'IBM Plex Mono',monospace;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:#fff;scroll-behavior:smooth;scroll-padding-top:80px}*{box-sizing:border-box}body{margin:0;background:#fff}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}p{line-height:1.75}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #94b1ff;outline-offset:4px}button{border:0;background:none}em{font-weight:400}::selection{background:#dce6ff}.skip-link{position:fixed;top:-100px;left:20px;z-index:500;background:#fff;padding:14px}.skip-link:focus{top:10px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;line-height:1.65}.mono{font-family:var(--mono);font-size:.75rem}.fineprint{font-size:.75rem;line-height:1.7;color:var(--muted)}.serif{font-family:var(--serif)}.review-bar{position:sticky;top:0;z-index:100;height:60px;background:#f7f8fa;border-bottom:1px solid #dfe3e9;display:flex;align-items:center;padding:0 22px;gap:22px}.review-title{font-size:.75rem;white-space:nowrap;display:flex;gap:9px;align-items:center}.review-title strong{font-weight:800}.review-sub{color:#727785}.review-dot{height:8px;width:8px;border-radius:50%;background:var(--blue)}.concept-nav{margin:auto;display:flex;gap:4px;height:100%;align-items:center}.concept-nav a{font-size:.8125rem;display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid transparent;border-radius:6px;white-space:nowrap;transition:background .2s}.concept-nav a span{color:#838995;font-family:var(--mono);font-size:.75rem}.concept-nav a.selected{background:#fff;border-color:#e0e3eb;box-shadow:0 2px 4px #14224107}.concept-nav a.selected span{color:var(--blue)}.concept-nav a:hover{background:#fff}.motion-toggle{font-size:.75rem;white-space:nowrap;padding:10px 8px;color:#596171;display:flex;gap:8px;align-items:center}.site-header{height:100px;width:90%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:1.875rem;font-weight:800;letter-spacing:-1.3px;display:inline-flex;align-items:center;line-height:1}.brand-mark{width:28px;height:32px;font-size:33px;line-height:28px;color:var(--blue);font-weight:800;margin-right:9px;position:relative;border-left:3px solid var(--blue);padding-left:4px}.registered{font-size:.75rem;letter-spacing:0;align-self:flex-start;margin:1px 0 0 4px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.8125rem}.site-header nav a:hover,.text-button:hover{color:var(--blue)}.text-button{font-size:inherit;padding:0}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:49px;padding:14px 22px;font-size:.8125rem;font-weight:700;border:1px solid var(--ink);border-radius:3px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #171a2210}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.ink{background:var(--ink);color:white}.button.soft{border:1px solid var(--line);background:#fff;color:var(--blue)}.button>span[aria-hidden]{font-size:1.125rem;line-height:1}.underlined,.text-link{font-size:.8125rem;border-bottom:1px solid var(--ink);padding:5px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.intro{font-size:1rem;line-height:1.9;max-width:400px;color:#626773}.site-footer{width:90%;margin:60px auto 0;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:1.625rem}.site-footer p{font-size:.8125rem;color:var(--muted)}.site-footer>.fineprint{text-align:right}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}.concept{animation:enter .55s both}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.625rem;background:#fff;flex-shrink:0}.icon-button:hover{border-color:var(--blue);color:var(--blue)}.small-rule{display:inline-block;width:24px;height:1px;background:var(--ink);margin:0 10px 4px 0}.atelier-hero{padding:64px 5% 62px;display:grid;grid-template-columns:.93fr 1.07fr;gap:5%;align-items:center;max-width:1920px;margin:auto}.atelier-copy h1{font-family:var(--serif);font-size:clamp(4.25rem,6.55vw,7.625rem);line-height:.99;font-weight:400;letter-spacing:-.035em;margin:26px 0}.atelier-copy h1 em{color:var(--blue)}.atelier-copy .intro{margin:26px 0 30px;max-width:425px}.tiny-spec{display:flex;gap:25px;margin-top:30px;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:#747b88}.tiny-spec span+span{border-left:1px solid var(--line);padding-left:25px}.atelier-image{position:relative;margin:0 0 0 8px}.image-window{height:535px;overflow:hidden;background:#f4f4f4}.image-window img{width:100%;height:100%;object-fit:cover;object-position:45% center;animation:slow-pan 20s ease-in-out infinite alternate}.atelier-image figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:.75rem;letter-spacing:.06em;color:#737982}.image-corner-note{position:absolute;left:-40px;bottom:58px;background:#fff;padding:19px 27px;font-size:1.1rem;box-shadow:0 15px 40px #1b21310d;line-height:1.25}.image-corner-note em{font-family:var(--serif);font-size:1.7rem}.atelier-divider{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b707b}.atelier-divider>span:last-child{font-family:var(--mono);font-size:.75rem;letter-spacing:.05em}.atelier-divider>div{display:flex;gap:7px}.atelier-divider i{width:5px;height:5px;display:block;border-radius:50%;background:var(--blue)}.atelier-divider i:nth-child(2){background:var(--green)}.atelier-divider i:nth-child(3){background:var(--red)}.comparison-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;width:90%;margin:90px auto}.comparison-section h2,.section-heading h2{font-family:var(--serif);font-size:clamp(2.7rem,4vw,4rem);line-height:1.06;letter-spacing:-.025em;margin:24px 0}.comparison-section h2 em{color:var(--blue)}.comparison-section p:not(.eyebrow){max-width:350px;margin:25px 0;font-size:.9375rem;color:var(--muted)}.comparison{position:relative;height:480px;border:1px solid var(--line);overflow:hidden;background:#fff}.compare-base,.compare-overlay{position:absolute;inset:0}.compare-overlay{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#fff}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--blue);pointer-events:none}.compare-line span{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:1.25rem;position:absolute;top:50%;left:-18px;box-shadow:0 4px 12px #2558ee30}.compare-label{position:absolute;top:16px;background:white;padding:6px 12px;border:1px solid var(--line);font-size:.75rem}.compare-label.left{left:16px}.compare-label.right{right:16px}.compare-range{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:ew-resize;margin:0}.compare-range:focus-visible{opacity:.2;outline:3px solid var(--blue);outline-offset:-3px}.reference-view{position:relative;overflow:hidden;background:#fff;width:100%;height:100%}.reference-view img{height:100%;max-width:none;width:auto;position:absolute;left:50%;top:0;transform:translateX(-25%);object-fit:contain}.reference-view.plan img{transform:translateX(-50%)}.reference-view.living img,.reference-view.dining img{width:200%;height:200%;max-width:none;left:-100%;top:0;transform:none;object-fit:fill}.reference-view.dining img{top:-100%}.steps-section{width:90%;margin:90px auto;display:grid;grid-template-columns:1fr 1.05fr;gap:8%}.section-heading h2{margin-top:22px}.steps-list article{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line);align-items:flex-start}.step-number{font-family:var(--mono);font-size:.75rem;color:var(--blue);padding-top:4px}.steps-list h3{font-size:1.0625rem;font-weight:700;margin-bottom:10px}.steps-list p{font-size:.875rem;color:var(--muted);max-width:350px}.steps-list svg{margin-left:auto;flex-shrink:0;color:var(--blue)}
/* 02 — Blueprint */
.blueprint{--ink:#123da9}.blueprint .site-header{border-color:#d7e1f7}.blueprint .wordmark{color:var(--blue)}.blueprint .site-header nav{color:#506384}.blueprint-hero{position:relative;display:grid;grid-template-columns:.76fr 1.24fr;min-height:670px;padding:50px 5% 50px 8%;gap:2%;background-image:linear-gradient(#e7eef842 1px,transparent 1px),linear-gradient(90deg,#e7eef842 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid #dce4f5}.draft-rail{position:absolute;left:23px;top:42px;bottom:45px;display:flex;justify-content:space-between;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:.75rem;letter-spacing:.11em;color:#8293b3}.blueprint-copy{position:relative;z-index:2;padding-top:18px}.blueprint-copy .eyebrow{color:#687f9f;font-size:.75rem}.blueprint-copy h1{font-size:clamp(4.7rem,6.6vw,7.3rem);font-weight:700;line-height:1.04;letter-spacing:-.06em;margin:24px 0;color:#183b8a}.blueprint-copy h1 span{color:var(--blue)}.blueprint-copy .intro{max-width:330px;font-size:.9375rem;margin:25px 0;color:#6a7890}.blueprint-specs{display:flex;gap:42px;margin-top:40px;color:#60738c}.blueprint-specs>div{display:flex;gap:12px;align-items:center}.blueprint-specs strong{font-size:1.5rem;color:var(--blue);font-family:var(--mono);font-weight:500}.blueprint-specs span{font-size:.75rem;max-width:75px}.blueprint-stage{align-self:center;min-width:0}.draft-topline{font-family:var(--mono);font-size:.75rem;display:flex;justify-content:space-between;color:#7186a8;border-bottom:1px solid #c9d7f2;padding:14px 0}.draft-visual{height:470px;position:relative;margin:14px 0 0;overflow:hidden}.draft-house{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s}.draft-visual.zoomed .draft-house{transform:scale(1.2)}.draft-visual.source-mode .hotspot{display:none}.crosshair{width:17px;height:17px;position:absolute;pointer-events:none}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#7e9ce2}.crosshair:before{height:1px;width:17px;top:8px}.crosshair:after{width:1px;height:17px;left:8px}.cross-tl{left:0;top:0}.cross-tr{right:0;top:0}.cross-bl{left:0;bottom:0}.cross-br{right:0;bottom:0}.dimension-label{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:#8399bf;white-space:nowrap;background:#fff;padding:4px 12px}.hotspot{position:absolute;width:27px;height:27px;border-radius:50%;background:#fff;color:var(--blue);border:1px solid var(--blue);font-size:1.25rem;box-shadow:0 0 0 6px #2558ee10;transition:transform .2s}.hotspot:hover{transform:scale(1.12);box-shadow:0 0 0 8px #2558ee15}.spot-living{left:35%;top:48%}.spot-bedroom{left:67%;top:48%}.room-note{position:absolute;bottom:30px;left:25%;right:10%;padding:15px 18px;background:#fff;border:1px solid #cddcfb;box-shadow:0 12px 32px #1b407516;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;color:#2b4676}.room-note.open{opacity:1;transform:none}.room-note strong{font-size:.875rem;display:block;margin-bottom:5px}.room-note span{font-size:.75rem;color:#677993}.draft-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9d7f2;padding-top:15px}.segmented{display:inline-flex;padding:4px;background:#f2f5fa;border-radius:5px;gap:2px;max-width:100%}.segmented button{min-height:35px;padding:7px 14px;font-size:.75rem;color:#6b7587;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:3px}.segmented button[aria-pressed=true]{background:#fff;color:var(--blue);border-color:#e1e7f0;box-shadow:0 1px 4px #2e446809}.technical-process{display:grid;grid-template-columns:repeat(3,1fr);width:84%;margin:52px auto;gap:6%;color:#1c335a}.technical-process>div+div{border-left:1px solid #dbe3f2;padding-left:16%}.technical-process .mono{color:#7d91ad;font-size:.75rem}.technical-process h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.035em;margin:20px 0 14px}.technical-process p{font-size:.8125rem;color:#718095}.blueprint-bottom{width:84%;margin:90px auto;padding-top:50px;border-top:1px solid #dbe3f2}.blueprint-bottom h2{font-size:4rem;font-weight:600;line-height:1.1;letter-spacing:-.055em;margin:20px 0 30px}.blueprint-bottom h2 span{color:var(--blue)}
/* 03 — Panorama */
.panorama-header .brand-mark{color:var(--ink);border-color:var(--ink)}.panorama .site-header{width:92%;height:100px}.panorama-intro{width:92%;margin:35px auto 40px}.panorama-intro>.eyebrow{font-size:.75rem;color:#84878c}.panorama-intro>div{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:15px}.panorama-intro h1{font-size:clamp(4.9rem,7.9vw,8.5rem);font-weight:600;letter-spacing:-.065em;line-height:.98}.panorama-intro h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.panorama-intro>div>p{padding:0 0 5px;line-height:1.8;font-size:.875rem;color:#6b6f77;min-width:255px}.text-link{margin-top:18px;color:var(--ink);display:flex;gap:35px;align-items:center;font-weight:700}.panorama-gallery{width:92%;margin:0 auto}.gallery-image{height:520px;position:relative;overflow:hidden;background:#f9f9f9}.gallery-image>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:slow-pan 22s ease-in-out infinite alternate}.gallery-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#11182778);pointer-events:none}.gallery-image.contain{background:#fafafa}.gallery-image.contain>img{object-fit:contain;animation:none}.gallery-image.contain:after{background:linear-gradient(transparent,#252b3433)}.gallery-counter{position:absolute;top:25px;left:30px;color:white;z-index:2;font-family:var(--mono);font-size:.75rem;text-shadow:0 1px 5px #0005}.gallery-counter strong{font-size:1rem;font-weight:500}.gallery-caption{position:absolute;bottom:32px;left:36px;z-index:2;color:white}.gallery-caption>span{font-size:.75rem;letter-spacing:.15em}.gallery-caption h2{font-family:var(--serif);font-size:3.375rem;letter-spacing:-.025em;margin-top:10px}.gallery-nav{position:absolute;z-index:2;top:50%;width:45px;height:45px;border:1px solid #ffffff8c;border-radius:50%;color:#fff;font-size:1.25rem;backdrop-filter:blur(10px);background:#fff1}.gallery-nav:hover{background:#fff;color:var(--ink)}.gallery-nav.prev{left:24px}.gallery-nav.next{right:24px}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.gallery-bottom .eyebrow{font-size:.75rem;color:#959ba5}.gallery-bottom p{font-size:.8125rem;margin-top:7px}.gallery-bottom>.fineprint{font-size:.75rem;text-align:right}.gallery-thumbs{display:flex;gap:8px}.gallery-thumbs button{display:flex;gap:10px;align-items:center;border:1px solid transparent;padding:5px 10px 5px 5px;font-size:.75rem;color:#747b85}.gallery-thumbs button img{width:45px;height:34px;object-fit:cover}.gallery-thumbs button[aria-pressed=true]{border-color:#b9c1cd;color:var(--ink)}.panorama-story{width:92%;display:grid;grid-template-columns:.25fr 1fr .7fr;gap:5%;margin:80px auto}.section-index{font-family:var(--mono);font-size:.75rem;color:#9a9fa8;padding-top:8px}.panorama-story h2{font-size:3.3rem;line-height:1.1;font-weight:500;letter-spacing:-.05em}.panorama-story h2 em{font-family:var(--serif);font-size:1.15em}.panorama-story>div>p:first-child{font-size:.9375rem;color:#737985;margin-bottom:24px}.panorama-story .fineprint{margin-top:20px}
/* 04 — Canvas */
.canvas{--line:#e1e6f0}.canvas-header{height:84px;padding:0 3.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.canvas-header .wordmark{font-size:1.75rem}.workspace-title{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;gap:4px;font-size:.8125rem}.workspace-title small{font-size:.75rem;color:#8490a3}.canvas-header .button{margin-left:auto}.canvas-heading{display:flex;justify-content:space-between;align-items:center;padding:37px 3.5% 30px}.canvas-heading .eyebrow{font-size:.75rem;color:#8893a4;margin-bottom:10px}.canvas-heading h1{font-size:2.375rem;font-weight:600;letter-spacing:-.045em}.workflow-tabs{display:flex;gap:22px;align-items:center}.workflow-tabs button{display:flex;gap:8px;align-items:center;font-size:.75rem;color:#8390a5;padding:10px 2px;border-bottom:2px solid transparent}.workflow-tabs button.active{border-color:var(--blue);color:var(--blue)}.workflow-tabs button:not(.active):hover{color:#283a56}.design-workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 302px;margin:0 3.5%;border:1px solid var(--line);min-height:585px;border-radius:10px;overflow:hidden;box-shadow:0 10px 50px #263b5506}.floor-panel{border-right:1px solid var(--line);padding:25px 16px;background:#fbfcfe}.floor-panel>.eyebrow{font-size:.75rem;color:#9ca7b9;margin-bottom:24px;padding-left:4px}.floor-item{display:flex;align-items:center;gap:12px;padding:13px 12px;background:#eef3ff;color:var(--blue);border:1px solid #dee7ff;border-radius:6px;text-align:left;width:100%;font-size:.8125rem}.floor-item small{display:block;font-size:.75rem;color:#7587a8;margin-top:3px}.floor-item svg{flex-shrink:0}.floor-source{margin-top:18px;display:block;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;width:100%;background:white}.floor-source img{height:128px;width:100%;object-fit:contain}.floor-source span{display:flex;justify-content:space-between;padding:12px 10px;border-top:1px solid var(--line);font-size:.75rem;color:#6d7f99}.floor-note{border-top:1px solid var(--line);padding:22px 5px 0;margin-top:50px;font-size:.75rem}.mini-check{display:grid;place-items:center;background:#ecf6f0;color:var(--green);height:25px;width:25px;border-radius:50%;margin-bottom:10px}.floor-note strong{font-size:.75rem;font-weight:700;line-height:1.6;display:block}.floor-note p{font-size:.75rem;color:#8b97ab;margin-top:8px}.canvas-stage{display:flex;flex-direction:column;min-width:0}.canvas-topline{padding:23px 24px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.75rem;color:#5f6d84}.sample-badge{font-size:.75rem;letter-spacing:.08em;color:#96a1b2;border:1px solid var(--line);border-radius:3px;padding:5px}.canvas-view{height:430px;position:relative;margin:0 18px;min-height:280px}.canvas-view .reference-view.living,.canvas-view .reference-view.dining{height:auto;aspect-ratio:1.5;top:50%;transform:translateY(-50%)}.review-overlay{position:absolute;bottom:25px;left:20px;right:20px;background:#ffffffee;border:1px solid #c5d7fd;box-shadow:0 8px 24px #2256a512;padding:15px 20px;border-left:3px solid var(--blue)}.review-overlay span{font-family:var(--mono);font-size:.75rem;color:var(--blue)}.review-overlay p{font-size:.75rem;color:#71829a;margin-top:6px}.canvas-controls{margin-top:auto;border-top:1px solid var(--line);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.canvas-controls .segmented{padding:3px}.canvas-controls .segmented button{padding:7px 10px;font-size:.75rem}.canvas-controls .segmented svg{width:15px}.canvas-controls>.fineprint{font-size:.75rem}.compose-panel{padding:24px 23px;border-left:1px solid var(--line)}.compose-panel h2{font-size:1.3125rem;font-weight:700;letter-spacing:-.04em}.compose-panel>p:first-of-type{font-size:.75rem;color:#94a0b1;margin:5px 0 20px}.compose-panel>label,.page-heading>label{display:block;font-size:.75rem;font-weight:700;margin:17px 0 8px}.compose-panel select,.compose-panel textarea{font-size:.75rem;width:100%;border:1px solid var(--line);padding:10px;border-radius:4px;background:#fff;color:#5b6c85;line-height:1.65;resize:vertical}.compose-panel textarea{min-height:110px}.page-heading{display:flex;align-items:center;justify-content:space-between}.page-heading>span{font-family:var(--mono);font-size:.75rem;color:#a0acbd}.compose-panel .page-choice{display:flex;align-items:center;gap:10px;padding:9px 0;margin:0;font-size:.75rem;font-weight:500}.page-choice input{accent-color:var(--blue);height:15px;width:15px;flex-shrink:0}.page-choice small{display:block;font-size:.75rem;color:#a0aabd;margin-top:3px}.page-choice strong{margin-left:auto;color:#8492a8;font-size:.75rem;font-weight:500}.canvas-total{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:15px 0;border-top:1px solid var(--line);margin-top:8px}.canvas-total>strong{color:var(--blue)}.rgb-button{position:relative;width:100%;border:0;background:#fff;color:var(--blue);min-height:44px;isolation:isolate;font-size:.75rem;overflow:hidden;padding:12px}.rgb-button:before{content:'';position:absolute;z-index:-2;inset:-150%;background:conic-gradient(var(--blue) 0deg 110deg,#fff 110deg 120deg,var(--green) 120deg 230deg,#fff 230deg 240deg,var(--red) 240deg 350deg,#fff 350deg);animation:rotate 9s linear infinite}.rgb-button:after{content:'';position:absolute;z-index:-1;inset:1.5px;background:#fff;border-radius:2px}.compose-panel>p.fineprint{font-size:.75rem;text-align:center;margin-top:8px}.canvas-footer{display:flex;justify-content:space-between;gap:20px;margin:28px 3.5%;padding:16px 3%;color:#8a98ae;font-size:.75rem}.canvas-footer span{display:flex;gap:10px;align-items:center}.canvas-footer svg{width:17px;color:#6e89bd}.canvas-below{margin:80px 8% 60px;border-top:1px solid var(--line);padding-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.canvas-below .eyebrow{grid-column:1/-1;color:#8f9aac}.canvas-below h2{font-size:3.2rem;font-weight:500;letter-spacing:-.05em;line-height:1.15}.canvas-below .button{align-self:center;justify-self:end}
/* 05 — Strata */
.strata-header{border-bottom:0}.strata-header .button{border-radius:100px}.strata-header .wordmark .brand-mark{display:none}.strata-hero{display:grid;grid-template-columns:.66fr 1.34fr;gap:3%;padding:45px 5% 40px 7%;position:relative;min-height:660px;overflow:hidden;max-width:1800px;margin:auto}.strata-left{position:relative;z-index:5}.strata-left>.eyebrow{font-size:.75rem;color:#8f96a2}.strata-left h1{font-family:var(--serif);font-size:clamp(6rem,8vw,9.5rem);font-weight:400;letter-spacing:-.05em;line-height:.9;margin:32px 0 22px}.strata-left h1 em{color:var(--blue)}.strata-left .intro{font-size:.875rem;line-height:1.8;color:#929aa5;margin:26px 0}.strata-left .button{border-radius:100px;font-size:.75rem;padding:16px 24px}.strata-stage{position:relative;min-height:585px;perspective:1400px;touch-action:pan-y}.strata-stack{position:absolute;inset:0 0 85px;--spread:.65;--pointer-x:0deg;--pointer-y:0deg;transform-style:preserve-3d;transform:rotateY(var(--pointer-x)) rotateX(var(--pointer-y));transition:transform .3s;animation:levitate 7s ease-in-out infinite}.strata-sheet{position:absolute;width:70%;height:255px;left:13%;border:1px solid #e4e7ee;box-shadow:0 26px 45px #1d325015;background:#fff;overflow:hidden;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden}.strata-sheet img{width:100%;height:100%;object-fit:cover}.sheet-label{position:absolute;left:15px;top:12px;z-index:2;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;background:#fff;padding:5px 9px;color:#6b7b94}.sheet-plan{z-index:1;top:175px;transform:rotateX(37deg) rotateY(-22deg) rotateZ(-10deg) translateY(calc(var(--spread)*140px))}.sheet-plan img{object-fit:contain}.sheet-space{z-index:2;top:140px;transform:rotateX(34deg) rotateY(-22deg) rotateZ(-10deg) translateX(calc(var(--spread)*-10px))}.sheet-space img{object-fit:contain}.sheet-life{z-index:3;top:100px;transform:rotateX(31deg) rotateY(-22deg) rotateZ(-10deg) translateY(calc(var(--spread)*-135px)) translateX(calc(var(--spread)*10px))}.stage-orbit{position:absolute;top:50px;left:0;right:0;bottom:90px;border:1px solid #ecf0f7;border-radius:50%;transform:rotate(-22deg)}.orbit-two{transform:rotate(20deg);left:7%;right:7%;top:8px;bottom:50px}.strata-controls{position:absolute;bottom:28px;left:22%;right:18%;z-index:7}.strata-controls label{display:flex;justify-content:space-between;font-size:.75rem;color:#8793a7;margin-bottom:12px;gap:20px}.strata-controls label>span:last-child{font-family:var(--mono);color:var(--blue)}input[type=range]{accent-color:var(--blue)}.strata-controls input{width:100%;cursor:grab}.strata-caption{position:absolute;bottom:0;left:10%;right:10%;text-align:center;font-size:.75rem;color:#a8b0bc;letter-spacing:.01em}.strata-side-note{position:absolute;right:21px;top:180px;display:flex;gap:45px;writing-mode:vertical-rl;font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;color:#b3bcc9}.strata-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:25px 0;margin:20px 5%;gap:25px}.strata-strip>span:not(.serif){font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:#909cad}.strata-strip .serif{font-size:1.625rem;color:#3c475d}.strata-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:100px 7%}.strata-story .eyebrow{font-size:.75rem;color:#8b95a6}.strata-story h2{font-family:var(--serif);font-size:4.2rem;line-height:1.04;letter-spacing:-.035em;margin-top:25px}.strata-story h2 em{color:var(--blue)}.strata-steps article{padding:0 0 28px 43px;position:relative}.strata-steps article+article{padding-top:26px;border-top:1px solid var(--line)}.strata-steps article>span{position:absolute;left:0;font-family:var(--mono);font-size:.75rem;color:var(--blue);margin-top:5px}.strata-steps h3{font-size:1.125rem;margin-bottom:8px;font-weight:600}.strata-steps p{font-size:.8125rem;color:#8b96a7}
/* Dialogs and shared interactive states */
dialog{border:1px solid var(--line);padding:0;border-radius:12px;width:min(1030px,calc(100% - 40px));max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #1622342b;background:#fff;overflow:auto}dialog::backdrop{background:#13203e50;backdrop-filter:blur(7px)}.dialog-open{overflow:hidden}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 34px;border-bottom:1px solid var(--line)}.dialog-head .eyebrow{font-size:.75rem;color:var(--blue);margin-bottom:8px}.dialog-head h2{font-family:var(--serif);font-size:2.5rem;letter-spacing:-.035em}.demo-body{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;padding:28px 34px 34px}.demo-preview>.reference-view{height:370px}.demo-preview>.reference-view.living,.demo-preview>.reference-view.dining{height:auto;aspect-ratio:1.5;margin:30px 0 50px}.demo-preview>.segmented{display:flex;margin:10px 0 15px}.demo-preview>.segmented button{flex:1;padding:8px 10px}.demo-preview>.fineprint{font-size:.75rem}.demo-config{border-left:1px solid var(--line);padding-left:30px}.demo-config>label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:9px}.demo-config textarea{width:100%;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:5px;font-size:.8125rem;line-height:1.7;min-height:120px;color:#66738b;margin-bottom:16px}.quote-line{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:.75rem}.quote-line label{max-width:105px}.quote-line input,.quote-line select{padding:8px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:.75rem;max-width:195px}.quote-line input{width:60px}.quote-summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0}.quote-summary>span{font-size:.75rem;color:#8d97a6}.quote-summary strong{font-size:1.125rem;color:var(--ink);display:block;margin-top:7px}.quote-summary>span:last-child{text-align:right}.quote-summary>span:last-child strong{color:var(--blue)}.demo-config>.fineprint{font-size:.75rem}.demo-config>.local-file{border:1px dashed #bccbf0;border-radius:5px;padding:12px;display:block;font-size:.75rem;font-weight:600;text-align:center;color:var(--blue);margin-top:20px;cursor:pointer}.local-file input{display:block;width:100%;font-size:.75rem;margin-top:10px;color:#7583a1}.local-file input::file-selector-button{background:#edf2ff;color:var(--blue);border:0;padding:6px 8px;font:inherit;border-radius:3px;margin-right:8px}.page-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:30px}.page-preview-grid article{border:1px solid var(--line);border-radius:5px;overflow:hidden}.page-preview-grid article .reference-view{height:245px}.page-preview-grid article .reference-view.living,.page-preview-grid article .reference-view.dining{height:245px}.page-preview-grid article>div:last-child:not(.reference-view){padding:15px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:.75rem;color:#728099}.brief-preview{margin:0 30px;padding:25px;border:1px solid var(--line);background:#fbfcff}.brief-preview>p:not(.eyebrow){font-size:.875rem;margin:12px 0;color:#74819a}.brief-preview>strong{font-size:.8125rem;color:var(--blue)}.dialog-note{padding:20px 30px;font-size:.75rem}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:#fff;font-size:.8125rem;padding:15px 22px;border-radius:8px;z-index:300;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 6px 20px #131c3130;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slow-pan{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -8px}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1650px){.atelier-hero{padding-top:80px;padding-bottom:80px}.image-window{height:650px}.blueprint-hero{padding-top:65px;padding-bottom:65px;min-height:790px}.draft-visual{height:560px}.strata-hero{padding-top:70px;min-height:760px}.strata-stage{min-height:640px}.strata-sheet{height:300px}.gallery-image{height:620px}.design-workspace{grid-template-columns:230px minmax(0,1fr) 335px}.canvas-view{height:500px}.canvas-heading{padding-top:45px;padding-bottom:40px}}
@media(max-width:1200px){.review-sub{display:none}.review-bar{gap:12px;padding:0 15px}.concept-nav a{padding:10px 11px;font-size:.75rem}.site-header nav{gap:20px;font-size:.75rem}.site-header>.button{font-size:.75rem;padding:12px 18px;gap:15px}.atelier-hero{gap:4%;padding-top:50px;padding-bottom:48px}.atelier-copy h1{font-size:5.7rem}.image-window{height:490px}.atelier-copy .intro{font-size:.9375rem}.hero-actions{gap:15px}.hero-actions .button{padding:14px 18px;gap:16px;font-size:.75rem}.underlined{font-size:.75rem}.tiny-spec{font-size:.75rem;gap:15px}.tiny-spec span+span{padding-left:15px}.blueprint-copy h1{font-size:5.5rem}.draft-visual{height:420px}.draft-topline{font-size:.75rem}.blueprint-copy .intro{font-size:.875rem}.blueprint-specs{gap:25px}.blueprint-stage{margin-top:20px}.panorama-intro h1{font-size:6.5rem}.panorama-intro>div>p{min-width:220px}.gallery-bottom>.fineprint{display:none}.panorama-story{grid-template-columns:.14fr 1fr .8fr;gap:5%}.panorama-story h2{font-size:2.9rem}.design-workspace{grid-template-columns:155px minmax(0,1fr) 275px;margin:0 2%}.floor-panel{padding:24px 11px}.compose-panel{padding:24px 18px}.canvas-topline{padding:22px 16px}.canvas-view{margin:0 12px;height:390px}.canvas-controls{padding:12px}.canvas-controls>.fineprint{display:none}.canvas-controls .segmented{width:100%}.canvas-controls .segmented button{padding:7px 7px;flex:1;justify-content:center}.canvas-controls .segmented svg{display:none}.strata-hero{padding-left:6%;grid-template-columns:.68fr 1.32fr;gap:0;min-height:620px}.strata-left h1{font-size:7.2rem}.strata-sheet{height:225px;width:77%;left:9%}.strata-stage{min-height:560px}.sheet-life{top:115px}.sheet-space{top:145px}.sheet-plan{top:185px}.strata-left>.eyebrow{font-size:.75rem}.strata-caption{font-size:.75rem;left:5%;right:5%}.strata-side-note{right:10px}.strata-story h2{font-size:3.65rem}}
@media(max-width:960px){.review-title{display:none}.concept-nav{margin:0 auto 0 0;overflow-x:auto}.review-bar{padding:0 12px}.motion-toggle{font-size:.75rem}.site-header{height:88px}.site-header nav{display:none}.atelier-hero{grid-template-columns:1fr 1fr;gap:4%}.atelier-copy h1{font-size:4.6rem}.atelier-copy>.eyebrow{font-size:.75rem}.atelier-copy .intro{font-size:.875rem}.image-window{height:450px}.atelier-image figcaption{font-size:.75rem;line-height:1.5}.image-corner-note{left:-22px;bottom:60px;font-size:.875rem;padding:14px 19px}.image-corner-note em{font-size:1.5rem}.hero-actions{align-items:flex-start;flex-direction:column}.tiny-spec{flex-direction:column;gap:6px;margin-top:24px}.tiny-spec span+span{border:0;padding:0}.comparison-section{gap:5%}.comparison-section h2{font-size:2.7rem}.comparison{height:390px}.steps-section{gap:6%}.section-heading h2{font-size:2.8rem}.steps-list article{gap:15px}.blueprint-hero{grid-template-columns:.82fr 1.18fr;padding-left:7%;min-height:610px;gap:2%}.draft-rail{left:13px;font-size:.75rem}.blueprint-copy h1{font-size:4.6rem}.blueprint-copy .eyebrow{font-size:.75rem}.blueprint-copy .button{font-size:.75rem;gap:14px;padding:12px}.blueprint-copy .intro{font-size:.8125rem}.draft-visual{height:365px}.draft-topline>span:last-child{display:none}.draft-controls .segmented button{padding:7px 10px;font-size:.75rem}.draft-controls .icon-button{width:35px;height:35px}.dimension-label{font-size:.75rem}.technical-process{gap:4%;width:87%}.technical-process>div+div{padding-left:10%}.technical-process h3{font-size:1.2rem}.technical-process p{font-size:.75rem}.panorama-intro h1{font-size:5.7rem}.panorama-intro>div>p{min-width:180px;font-size:.75rem}.gallery-image{height:440px}.gallery-caption h2{font-size:3rem}.gallery-bottom{gap:20px}.gallery-thumbs button{font-size:.75rem;gap:6px;padding-right:6px}.gallery-thumbs button img{width:35px;height:28px}.panorama-story{grid-template-columns:1fr 1fr;gap:40px}.panorama-story>.section-index{grid-column:1/-1}.panorama-story h2{font-size:2.7rem}.canvas-heading h1{font-size:2rem}.canvas-heading{padding:30px 3%}.design-workspace{grid-template-columns:minmax(0,1fr) 290px}.floor-panel{display:none}.canvas-view{height:480px}.canvas-footer{font-size:.75rem;padding:10px 0}.canvas-below h2{font-size:2.5rem}.canvas-below .button{font-size:.75rem}.strata-hero{min-height:575px;padding-top:25px}.strata-left h1{font-size:6rem}.strata-stage{min-height:520px}.strata-sheet{height:195px;width:85%;left:4%}.sheet-life{top:110px}.sheet-space{top:150px}.sheet-plan{top:185px}.strata-controls{left:14%;right:10%}.strata-controls label{font-size:.75rem}.strata-caption{font-size:.75rem}.strata-side-note{display:none}.strata-left .intro{font-size:.8125rem}.strata-left .button{font-size:.75rem;padding:14px 19px;gap:16px}.strata-strip>span:not(.serif){font-size:.75rem}.strata-strip .serif{font-size:1.375rem}.strata-story{gap:7%;margin:80px 5%}.strata-story h2{font-size:3.3rem}.site-footer p{display:none}.demo-body{gap:20px;padding:25px}.demo-config{padding-left:20px}.demo-preview>.reference-view{height:330px}.dialog-head{padding:25px}.quote-line{font-size:.75rem}.quote-line select{max-width:165px;font-size:.75rem}}
@media(max-width:700px){.review-bar{height:57px;padding:0 8px;gap:5px}.concept-nav{gap:1px}.concept-nav a{font-size:.75rem;padding:9px 10px;gap:5px}.concept-nav a span{display:none}.motion-toggle{padding:9px 6px;min-width:27px}.motion-toggle>span{display:none}.site-header{width:90%;height:82px;gap:14px}.wordmark{font-size:1.625rem;letter-spacing:-1.15px}.brand-mark{font-size:28px;width:24px;height:27px;line-height:24px;margin-right:6px}.site-header>.button{font-size:.75rem;min-height:39px;padding:10px 13px;gap:12px}.atelier-hero{grid-template-columns:1fr;padding:38px 5% 35px;gap:34px}.atelier-copy>.eyebrow{font-size:.75rem}.atelier-copy h1{font-size:clamp(3.75rem,12.6vw,5.25rem);margin:22px 0}.atelier-copy .intro{max-width:390px;font-size:.875rem;line-height:1.8;margin:23px 0}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions>.button{font-size:.75rem;gap:18px}.underlined{font-size:.75rem}.tiny-spec{flex-direction:row;gap:20px;margin-top:20px;font-size:.75rem}.tiny-spec span+span{border-left:1px solid var(--line);padding-left:20px}.atelier-image{margin:0}.image-window{height:380px}.atelier-image figcaption{font-size:.75rem}.image-corner-note{left:15px;bottom:60px;padding:13px 20px}.atelier-divider{padding:18px 0;font-size:.75rem}.atelier-divider>span:last-child{display:none}.comparison-section{grid-template-columns:1fr;gap:30px;margin:55px auto}.comparison-section h2{font-size:2.8rem;margin:18px 0}.comparison-section p:not(.eyebrow){margin:18px 0;font-size:.8125rem}.comparison{height:430px}.steps-section{grid-template-columns:1fr;gap:20px;margin:65px auto}.section-heading h2{font-size:2.8rem}.steps-list h3{font-size:1rem}.steps-list p{font-size:.8125rem}.steps-list article{padding:23px 0}.site-footer{margin-top:45px;gap:20px;padding:30px 0}.site-footer .wordmark{font-size:1.5rem}.site-footer>.fineprint{font-size:.75rem;max-width:200px}.blueprint-hero{grid-template-columns:1fr;padding:35px 5% 25px;gap:25px}.draft-rail{display:none}.blueprint-copy{padding:0}.blueprint-copy h1{font-size:4.7rem;margin:20px 0}.blueprint-copy h1 br:nth-child(2){display:none}.blueprint-copy h1 span{margin-left:.15em}.blueprint-copy .eyebrow{font-size:.75rem}.blueprint-copy .intro{max-width:390px;font-size:.875rem;margin:20px 0}.blueprint-copy .button{font-size:.75rem;padding:14px 18px;gap:18px}.blueprint-specs{margin-top:25px;gap:35px}.blueprint-specs strong{font-size:1.375rem}.blueprint-specs span{max-width:none;font-size:.75rem}.blueprint-stage{margin-top:0}.draft-topline{font-size:.75rem}.draft-visual{height:350px}.dimension-label{font-size:.75rem}.draft-controls .segmented button{font-size:.75rem;padding:7px 14px}.draft-controls .icon-button{height:38px;width:38px}.technical-process{grid-template-columns:1fr;margin:30px auto;gap:0;width:90%}.technical-process>div{padding:24px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:0 25px}.technical-process>div+div{border-left:0;border-top:1px solid #dbe3f2;padding:24px 0}.technical-process .mono{font-size:.75rem;align-self:start;padding-top:6px}.technical-process h3{font-size:1.3rem;margin:0 0 10px}.technical-process p{grid-column:2;font-size:.75rem}.blueprint-bottom{margin:55px auto;width:90%;padding-top:35px}.blueprint-bottom h2{font-size:3.2rem}.blueprint-bottom .eyebrow{font-size:.75rem}.panorama .site-header{height:82px;width:90%}.panorama-intro{width:90%;margin:30px auto}.panorama-intro>.eyebrow{font-size:.75rem}.panorama-intro>div{display:block}.panorama-intro h1{font-size:clamp(3.75rem,13vw,5.625rem);letter-spacing:-.065em;line-height:1.02}.panorama-intro>div>p{display:flex;justify-content:space-between;align-items:flex-end;margin-top:24px;font-size:.75rem;line-height:1.75}.panorama-intro>div>p>br{display:none}.panorama-intro .text-link{font-size:.75rem;gap:15px;max-width:140px;text-align:left;margin-left:30px;margin-top:0}.panorama-gallery{width:90%}.gallery-image{height:430px}.gallery-image>img{object-position:50% center}.gallery-counter{top:20px;left:20px;font-size:.75rem}.gallery-caption{left:24px;bottom:24px}.gallery-caption h2{font-size:2.65rem}.gallery-caption>span{font-size:.75rem}.gallery-nav{width:35px;height:35px;font-size:1rem}.gallery-nav.prev{left:15px}.gallery-nav.next{right:15px}.gallery-bottom{flex-direction:column;align-items:flex-start;padding:20px 0;gap:18px}.gallery-bottom p{font-size:.75rem}.gallery-thumbs{width:100%;gap:7px}.gallery-thumbs button{flex:1;gap:6px;font-size:.75rem}.gallery-thumbs button img{width:35px;height:30px}.panorama-story{width:90%;margin:55px auto;grid-template-columns:1fr;gap:24px}.panorama-story>.section-index{font-size:.75rem}.panorama-story h2{font-size:2.8rem}.panorama-story>div>p:first-child{font-size:.875rem}.canvas-header{padding:0 5%;height:80px;gap:15px}.canvas-header .wordmark{font-size:1.5rem}.workspace-title{display:none}.canvas-header .button{font-size:.75rem;min-height:40px;padding:10px 12px;gap:8px}.canvas-header .button svg{width:16px}.canvas-heading{padding:27px 5% 23px;display:block}.canvas-heading .eyebrow{font-size:.75rem}.canvas-heading h1{font-size:2rem}.workflow-tabs{gap:25px;margin-top:18px}.workflow-tabs button{font-size:.75rem}.design-workspace{display:flex;flex-direction:column;margin:0 5%;min-height:0;border-radius:7px}.canvas-topline{padding:20px 17px;font-size:.75rem}.sample-badge{font-size:.75rem}.canvas-view{height:420px;margin:0 10px}.canvas-controls{padding:14px}.canvas-controls .segmented button{font-size:.75rem}.canvas-controls .segmented svg{display:block}.compose-panel{border-left:0;border-top:1px solid var(--line);padding:25px}.compose-panel h2{font-size:1.4rem}.compose-panel>p:first-of-type{font-size:.75rem}.compose-panel>label,.page-heading>label{font-size:.75rem}.compose-panel select,.compose-panel textarea{font-size:.8125rem}.compose-panel .page-choice{font-size:.8125rem;padding:12px 0}.page-choice small{font-size:.75rem}.page-choice strong{font-size:.75rem}.canvas-total{font-size:.875rem;padding:20px 0}.rgb-button{min-height:48px;font-size:.8125rem}.compose-panel>p.fineprint{font-size:.75rem}.canvas-footer{margin:15px 5%;padding:10px 0;display:grid;gap:15px;font-size:.75rem}.canvas-below{margin:50px 5%;grid-template-columns:1fr;gap:25px;padding-top:35px}.canvas-below h2{font-size:2.7rem}.canvas-below .button{justify-self:start}.strata-header{width:90%}.strata-hero{grid-template-columns:1fr;padding:30px 5% 25px;gap:0;min-height:0}.strata-left h1{font-size:5.5rem;line-height:.94;margin:20px 0}.strata-left h1 br:nth-child(2){display:none}.strata-left h1 em{margin-left:.12em}.strata-left .intro{font-size:.875rem;line-height:1.7;margin:20px 0}.strata-left .intro br{display:none}.strata-left .button{font-size:.75rem;padding:14px 21px}.strata-left>.eyebrow{font-size:.75rem}.strata-stage{min-height:550px;margin-top:10px;perspective:1100px}.strata-sheet{width:78%;left:11%;height:210px}.sheet-plan{top:180px}.sheet-space{top:150px}.sheet-life{top:110px}.strata-controls{left:14%;right:14%;bottom:33px}.strata-controls label{font-size:.75rem}.strata-caption{font-size:.75rem;bottom:5px;left:3%;right:3%}.stage-orbit{top:35px;bottom:90px}.strata-strip{margin-top:0;padding:20px 0;flex-wrap:wrap;justify-content:space-between;gap:15px}.strata-strip .serif{order:-1;width:100%;text-align:center;font-size:1.7rem}.strata-strip>span:not(.serif){font-size:.75rem}.strata-story{grid-template-columns:1fr;gap:35px;margin:55px 5%}.strata-story h2{font-size:3.4rem}.strata-story .eyebrow{font-size:.75rem}.strata-steps p{font-size:.875rem}.strata-steps h3{font-size:1.125rem}.demo-body{grid-template-columns:1fr;padding:20px;gap:25px}.dialog-head{padding:20px;align-items:flex-start}.dialog-head .eyebrow{font-size:.75rem}.dialog-head h2{font-size:2rem}.dialog-head .icon-button{width:34px;height:34px}.demo-config{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.demo-preview>.reference-view{height:330px}.demo-preview>.reference-view.living,.demo-preview>.reference-view.dining{margin:15px 0 25px}.demo-preview>.segmented button{font-size:.75rem;padding:8px}.quote-line{font-size:.75rem}.quote-line select{max-width:195px;font-size:.75rem}.demo-config>.fineprint{font-size:.75rem}.page-preview-grid{padding:20px}.brief-preview{margin:0 20px;padding:20px}.dialog-note{padding:20px;font-size:.75rem}.page-preview-grid article>div:last-child:not(.reference-view){font-size:.75rem}.page-preview-grid article .reference-view{height:330px}.page-preview-grid article .reference-view.living,.page-preview-grid article .reference-view.dining{height:auto;aspect-ratio:1.5}}
@media(max-width:390px){.concept-nav a{padding:9px 8px;font-size:.75rem}.review-bar{padding:0 4px;gap:2px}.atelier-copy h1{font-size:3.7rem}.hero-actions{gap:13px}.hero-actions .button{font-size:.75rem;padding:13px 15px}.underlined{font-size:.75rem}.blueprint-copy h1{font-size:4.05rem}.panorama-intro h1{font-size:3.7rem}.strata-left h1{font-size:4.8rem}.strata-stage{min-height:505px}.strata-sheet{height:185px}.canvas-heading h1{font-size:1.8rem}.canvas-view{height:365px}.site-header>.button{font-size:.75rem;padding:10px 12px;gap:8px}.image-window{height:340px}.gallery-image{height:380px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Readable control typography at every breakpoint. */
.concept-nav a,.motion-toggle,.site-header nav,.button,.underlined,.text-link,.segmented button,.draft-controls .segmented button,.canvas-controls .segmented button,.gallery-thumbs button,.workflow-tabs button,.canvas-header .button,.site-header>.button{font-size:.875rem}
.intro,.atelier-copy .intro,.blueprint-copy .intro,.comparison-section p:not(.eyebrow),.steps-list p,.panorama-story>div>p:first-child,.strata-steps p{font-size:1rem}
.compose-panel>label,.page-heading>label,.compose-panel select,.compose-panel textarea,.compose-panel .page-choice,.canvas-topline,.quote-line,.quote-line input,.quote-line select,.demo-config>label,.demo-config textarea{font-size:.875rem}
.tiny-spec,.atelier-image figcaption,.draft-topline,.dimension-label,.sample-badge,.sheet-label,.strata-caption,.floor-panel>.eyebrow,.floor-source span,.floor-note strong,.floor-note p,.page-choice small,.page-choice strong,.page-heading>span,.compose-panel>p.fineprint,.canvas-footer,.demo-config>.fineprint,.demo-preview>.fineprint,.gallery-bottom .eyebrow,.gallery-caption>span,.site-footer>.fineprint{font-size:.75rem}
@media(max-width:700px){.concept-nav a{font-size:.8125rem;padding:9px 10px}.site-header>.button{font-size:.8125rem;gap:8px;padding:10px 12px}.gallery-thumbs button{font-size:.75rem;flex-direction:column;padding:6px;gap:6px}.gallery-thumbs button img{width:100%;height:44px}.gallery-bottom>.fineprint{font-size:.75rem}.hero-actions .button{font-size:.875rem}.tiny-spec{gap:12px;font-size:.75rem}.tiny-spec span+span{padding-left:12px}.canvas-controls .segmented button{font-size:.8125rem;padding:7px 8px}.canvas-controls .segmented svg{display:none}.quote-line select{max-width:180px}.panorama-intro .text-link{font-size:.8125rem;min-width:122px}.strata-caption{font-size:.75rem;bottom:-8px}.strata-controls{bottom:44px}.strata-stage{margin-bottom:20px}.strata-left .button{font-size:.875rem}.strata-left>.eyebrow,.strata-story .eyebrow,.panorama-intro>.eyebrow,.canvas-heading .eyebrow{font-size:.75rem}}
.motion-paused .concept{animation:none!important;opacity:1;transform:none}
@media(max-width:700px){.gallery-thumbs button{min-width:0}.strata-controls label{font-size:.75rem}.strata-stage{min-height:570px}.strata-caption{left:5%;right:5%;line-height:1.5}.strata-strip>span:not(.serif){font-size:.75rem}.site-footer>.fineprint{max-width:230px}}
.strata-left .intro{font-size:1rem}
.reference-view.cutaway img{clip-path:inset(0 50% 0 0)}
.page-preview-grid{align-items:start}.page-preview-grid article .reference-view.living,.page-preview-grid article .reference-view.dining{height:auto;aspect-ratio:1.5}

/* Selected Atelier homepage. */
.preview-status{display:flex;align-items:center;gap:9px;font-size:.8125rem;color:var(--muted);margin:-12px 0 24px}
.preview-status>span{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}
.site-footer{flex-wrap:wrap}.site-footer .motion-toggle{margin-left:auto}
.reveal{opacity:1;transform:none}.no-script{padding:24px 5%;font-size:1rem}
@media(max-width:700px){.preview-status{align-items:flex-start;line-height:1.7}.preview-status>span{margin-top:8px}.site-footer>.fineprint{text-align:left;max-width:none;width:100%}.tiny-spec{flex-wrap:wrap}.site-footer .motion-toggle{font-size:.875rem}}

/* The reference's liquid-blue hover stays below crisp, selectable UI text. */
.button.primary.liquid-button{position:relative;isolation:isolate;overflow:hidden}
.button.primary:hover{transform:none}
.liquid-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:inherit;pointer-events:none}
.liquid-label>span[aria-hidden]{font-size:1.125rem;line-height:1}
.liquid-surface{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:0;pointer-events:none;opacity:0;transition:opacity .18s ease;border-radius:inherit}
.liquid-active>.liquid-surface{opacity:1}
.motion-paused .liquid-surface{opacity:0!important}
@media(prefers-reduced-motion:reduce){.liquid-surface{display:none}}
@media not all and (any-hover:hover){.liquid-surface{display:none}}