/* Reference-locked presentation. Existing vault and form primitives live in style.css. */
:root{--paper:#f5f2e7;--paper-light:#faf8f0;--navy:#091e2a;--gold:#a28b60;--header-reveal:0}html{scroll-padding-top:86px}body{overflow-x:clip}.section{padding:48px 4.2%}#header{height:82px;position:fixed;inset:0 0 auto;padding:0 3.4%;background:transparent;opacity:var(--header-reveal);pointer-events:auto;transition:height .3s,background .3s}body.in-story #header{pointer-events:none}body.in-story #header[style]{pointer-events:none}#header.compact{height:68px;background:#f5f2e7f5;border-color:#d9d4c7;opacity:1}.brand>span{font-size:19px;letter-spacing:.15em}.brand>svg{width:45px;height:53px}#header nav{gap:25px}#header nav a{font-size:12px}.nav-cta{border-radius:24px;min-height:38px;padding:8px 24px}.button{min-height:42px;font-size:12px;padding:10px 20px;gap:20px}.button.small{min-height:36px;padding:8px 19px}.eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:9px}h2{font-size:clamp(34px,3.4vw,54px)}.section-heading{margin-bottom:23px;gap:25px}.section-heading>p{font-size:12px;max-width:405px}.architectural-story{height:520svh;position:relative;background:var(--paper)}.story-frame{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.hero{height:100svh;min-height:0;max-height:none;display:block;padding:0;--hero-copy:0;--hero-shift:22px;overflow:hidden}.hero-visual{inset:0;position:absolute;z-index:-2;margin:0;width:100%;height:100%;opacity:1}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}.hero-visual:after{background:linear-gradient(90deg,#f5f2e7e6 0%,#f5f2e7c9 24%,#f5f2e84d 39%,transparent 49%);inset:0}.hero-copy{width:49%;padding:clamp(118px,15svh,170px) 0 30px 10.3%;opacity:var(--hero-copy);transform:translateY(var(--hero-shift));transition:none}.hero-copy h1{font-size:clamp(63px,5.9vw,91px);line-height:1.01;letter-spacing:-.06em;margin:15px 0 23px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.15em}.hero-description{font-size:14px;line-height:1.65;max-width:405px;margin-bottom:22px}.hero-location{font-size:12px;display:inline-block;margin-top:5px}.hero-statistics{display:flex;gap:34px;margin-top:28px;position:relative;padding-bottom:21px}.hero-statistics>div strong{display:block;font:29px/1 var(--serif);letter-spacing:-.05em}.hero-statistics>div span{display:block;font-size:10px;margin-top:7px}.hero-statistics>small{position:absolute;bottom:0;font-size:8px;color:#7c7d70;letter-spacing:.04em}.hero-labels{right:3.2%;top:125px;font-size:10px;line-height:1.8;letter-spacing:.12em;opacity:var(--hero-copy)}.hero-labels .north{margin-top:50px}.hero-rail{left:4.7%;top:140px;bottom:48px;opacity:var(--hero-copy)}.hero-caption{font-size:8px;opacity:var(--hero-copy)}
/* Exactly four scroll-driven visual concepts; the hero underneath is the final frame. */
.story-scenes,.story-scene{position:absolute;inset:0}.story-scenes{z-index:5;pointer-events:none}.story-scene{background:var(--paper);color:var(--navy);opacity:0;visibility:hidden;overflow:hidden}.scene-brand,.scene-spaces{background:var(--navy);color:var(--paper)}.scene-brand{display:grid;place-items:center}.brand-photo{position:absolute;inset:0 0 0 51%;opacity:.45}.brand-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(.6)}.brand-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 35%)}.construction-grid{position:absolute;inset:0;background-image:linear-gradient(#e3ddc30b 1px,transparent 1px),linear-gradient(90deg,#e3ddc30b 1px,transparent 1px);background-size:140px 140px;mask-image:linear-gradient(90deg,black,transparent 75%)}.brand-construction{position:relative;text-align:center;width:70%;max-width:900px}.brand-construction>svg{width:130px;height:140px;margin:0 auto 28px;color:#c9b992}.brand-construction>svg path{stroke-dasharray:1}.brand-construction h2{font:32px/1.2 var(--sans);letter-spacing:.22em;margin-bottom:14px}.brand-construction>p{font-size:10px;letter-spacing:.24em;color:#cbcfc3}.brand-construction>small{font-size:9px;letter-spacing:.35em;color:#c8b184;display:block;margin-top:11px}.brand-tagline{font:15px var(--serif);letter-spacing:.3em;color:#e3decb;margin-top:52px}.construction-circle{border:1px solid #c4ae7330;width:330px;height:330px;border-radius:50%;position:absolute;left:50%;top:12%;transform:translate(-50%,-50%);opacity:var(--brand-lines,0);pointer-events:none}.construction-circle:before,.construction-circle:after{content:'';position:absolute;background:#c4ae7330;left:50%;top:-50px;bottom:-170px;width:1px}.construction-circle:after{transform:rotate(90deg)}.scene-title{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:39%;z-index:3}.scene-title>.eyebrow{font-size:11px;letter-spacing:.15em;color:#7c8076;margin-bottom:15px}.scene-title h2{font-size:clamp(45px,5.3vw,82px);line-height:1.03;letter-spacing:-.055em}.scene-title>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:24px;color:#858778}.gold-rule{display:block;margin-top:32px;width:46px;height:1px;background:#b19868}.idea-architecture{position:absolute;inset:0 0 0 27%;}.idea-render,.idea-lines{position:absolute;inset:0;clip-path:inset(0);}.idea-render{clip-path:inset(0 100% 0 0)}.idea-render img{height:100%;width:100%;object-fit:contain;object-position:center}.idea-lines{color:#525d51}.idea-lines .facade-drawing{height:100%;width:100%;position:absolute;inset:0}.scene-ideas .scene-title{width:37%;}.scene-ideas .scene-title:before{content:'';position:absolute;inset:-20px -40px -20px -100px;z-index:-1;background:linear-gradient(90deg,var(--paper) 68%,#f5f2e7cc 88%,transparent)}.scene-plan{position:absolute;inset:8% 3% 7% 36%;display:grid;place-items:center}.plan-outline,.completed-plan{width:100%;position:absolute;inset:0;display:grid;place-items:center}.plan-outline .floorplan{width:100%;max-height:100%;height:auto;object-fit:contain}.completed-plan img{width:100%;max-height:100%;object-fit:contain;height:auto}.completed-plan{opacity:0;mix-blend-mode:multiply}.plan-disclaimer{position:absolute;bottom:1%;font-size:9px;letter-spacing:.12em;color:#777c70}.scene-spaces .scene-title{width:43%}.scene-spaces .scene-title p{color:#c0c8c6}.scene-spaces em{color:#c5ad81}.space-wireframe{position:absolute;inset:4% -1% 1% 38%;color:#dee9e6;opacity:.8}.space-wireframe .building-drawing{height:100%;width:100%}.space-render{position:absolute;inset:0;clip-path:inset(0 100% 0 0)}.space-render img{height:100%;width:100%;object-fit:cover;object-position:center}.scene-spaces .space-title{padding-right:20px}.space-title:before{content:'';position:absolute;inset:-60px -40px -60px -180px;background:linear-gradient(90deg,var(--navy) 66%,transparent);z-index:-1}.story-chrome{position:absolute;inset:0;z-index:10;color:#c6b896;pointer-events:none}.story-number{position:absolute;left:3.5%;top:30px;font-size:11px;letter-spacing:.14em}.story-chrome>button{position:absolute;right:3.5%;top:20px;pointer-events:auto;color:inherit;min-height:44px;font-size:11px;letter-spacing:.15em;padding:10px}.story-chrome>button>span{font-size:24px;margin-left:15px}.scroll-cue{position:absolute;bottom:27px;left:3.5%;font-size:9px;letter-spacing:.18em}.scroll-cue>span{display:inline-block;font-size:18px;margin-left:17px}.intro-progress{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:11px;width:220px}.intro-progress i{height:2px;flex:1;background:#a2947644;position:relative}.intro-progress i:after{content:'';position:absolute;inset:0;background:#bea572;transform:scaleX(var(--fill,0));transform-origin:left}.story-scene *{animation:none!important;transition:none!important}.story-frame .hero *{animation:none!important;transition:none!important}
/* Reference section proportions and precise card arrangements. */
.about{grid-template-columns:46% 40% 14%;gap:0;padding:0;border:0;min-height:420px;overflow:hidden;align-items:center}.about-drawing{transform:none;margin:0;background:none;height:100%;min-height:430px;position:relative}.about-drawing>img{width:100%;height:100%;position:absolute;object-fit:cover}.drawing-tag{position:absolute;bottom:12px;left:20px;font-size:8px;background:#f5f2e7b8;padding:4px 6px}.about-copy{padding:38px 8% 38px 9%}.about-copy h2{font-size:clamp(32px,3vw,49px);line-height:1.07}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;margin:18px 0;max-width:470px}.about-copy>.button{font-size:11px;min-height:35px;padding:8px 16px}.features{grid-template-columns:repeat(4,1fr);border:0;margin-top:23px;padding-top:0;gap:15px}.features svg{width:29px;height:29px;margin-bottom:10px}.features span{font-size:10px}.about-side{display:flex;align-self:stretch;gap:14px;padding-right:20px}.about-side img{width:55%;height:62%;object-fit:cover}.about-side>span{font-size:9px;line-height:2;letter-spacing:.08em;padding-top:45px;color:#7b7e73}.services{padding-top:35px;padding-bottom:35px}.services-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:0;border:0}.service-card{padding:21px 14px 23px;border:1px solid #ded9cc;margin-left:-1px;min-height:195px;transform:none;transition:opacity .5s,transform .6s,background .3s;transition-delay:calc(var(--i,0)*60ms)}.service-card>svg{width:33px;height:33px;margin-bottom:15px}.service-card h3{font-size:18px;line-height:1.12;min-height:40px}.service-card p{font-size:11px;line-height:1.55;margin-top:12px}.service-num{font-size:9px}.service-card>a{padding:1px 9px;font-size:20px}.service-card:hover{transform:translateY(-3px)}.projects{padding-top:24px;padding-bottom:43px}.placeholder-label{display:block;font-size:9px;letter-spacing:.04em;color:#878477;margin-top:5px}.project-grid{gap:18px}.project-image{aspect-ratio:1.82}.project-info{padding:15px 15px 18px}.project-info h3{font-size:23px}.project-info p{font-size:11px}.concept-badge{font-size:8px;padding:3px 6px;left:9px;bottom:9px}.circle-arrow{width:36px;height:36px}.process{padding-top:35px;padding-bottom:36px;min-height:330px}.process .section-heading{max-width:870px;margin-bottom:27px;align-items:center}.process h2{font-size:clamp(35px,3.6vw,57px)}.process .section-heading>p{font-size:12px;max-width:345px}.process-art{width:44%;height:140%;top:-20%;right:-1%;opacity:.24}.timeline{max-width:940px;margin-top:25px;gap:20px}.timeline-line{top:26px;right:130px}.step-icon{width:53px;height:53px;margin-bottom:13px}.step-icon svg{width:26px;height:26px}.process-step small{display:none}.process-step h3{font:20px/1.2 var(--sans);letter-spacing:-.02em}.process-step p{font-size:11px;margin-top:5px}.process-step{opacity:.45;transition:opacity .35s}.process-step.activated{opacity:1}.process-step.activated .step-icon{border-color:#c7b186}.process-step .step-icon svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s}.process-step.activated .step-icon svg path{stroke-dashoffset:0}.layouts{display:block;padding-top:48px;padding-bottom:40px}.layout-body{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}.layout-copy>h3{font-size:32px;margin-top:0}.layout-copy>p:not(.eyebrow){font-size:13px;margin:17px 0}.layout-copy .fine-print{font-size:10px!important;max-width:350px}.plan-paper{padding:18px;box-shadow:none}.scroll-plan .floorplan{max-height:510px}.scroll-plan .floorplan *{animation:none!important}.plan-paper-top,.plan-paper-bottom{font-size:8px}.statistics{padding-top:32px;padding-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statistics-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:970px;margin:auto}.statistic{text-align:center;border-right:1px solid var(--line)}.statistic:last-child{border:0}.statistic strong{font:48px/1 var(--serif);color:var(--gold)}.statistic span{display:block;font-size:12px;margin-top:10px}.statistics>p{text-align:center;font-size:9px;color:#898575;margin-top:14px}.vault-banner{padding:35px 5%;grid-template-columns:1.1fr .9fr;gap:12%;min-height:270px}.vault-banner h2{font-size:53px}.vault-banner .eyebrow{font-size:9px}.vault-banner-copy>p:last-child{font-size:13px}.vault-form{padding:20px}.inline-vault{max-width:440px}.key-input{margin-bottom:11px}.key-input input{font-size:12px;padding:11px 0}.demo-caption{font-size:9px}.testimonials{display:grid;grid-template-columns:27% 73%;padding:29px 4.2%;gap:0;align-items:start;border:0}.testimonial-heading{padding-right:25px}.testimonials h2{font-size:32px}.testimonial-cards{display:grid;grid-template-columns:repeat(3,1fr)}.testimonial-card{display:flex;gap:12px;padding:5px 18px;border-left:1px solid var(--line);min-height:155px}.testimonial-card .quote{font-size:48px;line-height:1}.testimonial-card p{font:14px/1.5 var(--sans);color:#60655e}.testimonial-card small{display:block;font-size:9px;color:#8a887a;margin:8px 0 20px}.testimonial-card b{display:block;font-size:10px;font-weight:400}.testimonial-card div>span{font-size:9px;display:block;color:#8a887a;margin-top:4px}.start-project{position:relative;isolation:isolate;overflow:hidden;padding:60px 7%;background:var(--navy);color:var(--paper);min-height:320px}.cta-photograph{position:absolute;inset:0;z-index:-2}.cta-photograph img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.47)}.start-project:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071c28f5,#071c287a 62%,#071c2820);z-index:-1}.start-project h2{font-size:55px;margin-bottom:17px}.start-project p:not(.eyebrow){color:#d1d6ce;font-size:13px;margin:0 0 26px}.start-project .button{background:var(--paper);border-color:var(--paper);color:var(--navy)}.contact{grid-template-columns:27% 49% 24%;gap:0;align-items:start;padding-top:45px;padding-bottom:48px}.contact-copy{padding-right:35px}.contact-copy h2{font-size:40px}.contact-details{gap:18px;margin-top:25px}.contact-details>span{font-size:9px}.contact-details strong{font-size:12px}.contact form{align-self:start}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{font-size:10px}.form-grid input,.form-grid textarea,.form-grid select{font-size:12px;padding:10px;margin-top:5px;background:#f8f6ed}.form-grid .full{grid-column:1/-1}.contact form>.fine-print{font-size:9px;margin:10px 0 13px;max-width:370px}.contact form>.button{min-width:180px;min-height:36px;font-size:11px}.contact-sketch{position:relative;right:auto;bottom:auto;width:100%;height:280px;opacity:.7;padding-left:15px;color:#7b8174}.contact-sketch .building-drawing{width:95%;height:100%;}.contact-sketch>span{position:absolute;top:20px;right:0;font-size:8px;letter-spacing:.06em;line-height:2;color:#798171}footer{position:relative;isolation:isolate;overflow:hidden;padding:27px 4.2% 18px}.footer-blueprint{position:absolute;inset:-30% -8% -70% 60%;opacity:.10;color:#a9bcb8;z-index:-1}.footer-top{gap:24px;padding-bottom:22px}.footer-top .brand>span{font-size:16px}.footer-top .brand svg{height:45px;width:36px}.footer-links{gap:20px;font-size:10px}.footer-top>.text-button{font-size:10px}.footer-bottom{font-size:9px;margin-top:12px}.footer-legal{display:flex;gap:24px}.footer-legal button{font-size:9px;color:#c1c8c4}.developer-credit{text-align:center;color:#a9b5b5;font-size:9px;margin-top:25px;letter-spacing:.02em}.developer-credit strong{display:inline-block;margin-left:7px;letter-spacing:.13em;color:#c4c4b4;font-size:10px;font-weight:400}
/* Content-specific animation: typographic masks, frame reveals and drawn icons. */
.editorial-heading .heading-line{display:block;overflow:hidden}.editorial-heading .heading-line>span{display:block;transform:translateY(105%);transition:transform .8s cubic-bezier(.2,.7,.3,1)}.editorial-heading.visible .heading-line>span{transform:translateY(0)}.editorial-heading .heading-line:nth-child(2)>span{transition-delay:.09s}.image-mask{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.25,.65,.2,1)}.image-mask.visible{clip-path:inset(0)}.project-reveal .project-image{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.3,1)}.project-reveal.visible .project-image{clip-path:inset(0)}.project-reveal .project-info h3{opacity:0;transform:translateY(12px);transition:opacity .5s .65s,transform .5s .65s}.project-reveal .project-info p{opacity:0;transition:opacity .5s .78s}.project-reveal .circle-arrow{opacity:0;transform:translateX(-7px);transition:opacity .5s .9s,transform .5s .9s}.project-reveal.visible .project-info h3,.project-reveal.visible .project-info p,.project-reveal.visible .circle-arrow{opacity:1;transform:none}.feature-item svg path,.service-card svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .75s .2s}.feature-item.visible svg path,.service-card.visible svg path{stroke-dashoffset:0}.service-card.reveal{transform:translateY(9px)}.service-card.visible{transform:translateY(0)}.feature-item span{opacity:0;transition:opacity .5s .25s}.feature-item.visible span{opacity:1}.vault-entry,.vault-project-header{padding-top:120px}.vault-entry{min-height:100svh}.vault-unlock{min-height:100svh}.vault-unlock .unlock-plan{position:absolute;right:5%;width:38%;opacity:.17}.vault-unlock .large-lock{animation:unlockSymbol .4s both}.vault-unlock>h1{animation:appear .4s .3s both}.vault-unlock .unlock-plan{animation:appear .5s .45s both}@keyframes unlockSymbol{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.about{min-height:470px}.about-drawing{min-height:470px}.hero-copy{padding-top:18svh}.hero-copy h1{font-size:100px}.hero-description{font-size:16px}.hero-labels{top:145px}}
@media(max-width:1200px) and (min-width:961px){#header nav{gap:15px}.brand>span{font-size:16px}.brand>svg{width:36px}.nav-cta{padding:9px 17px;font-size:11px}.hero-copy{padding-left:8%;width:52%}.hero-copy h1{font-size:72px}.hero-description{max-width:350px;font-size:13px}.hero-copy .button{font-size:11px;padding:10px 15px;gap:12px}.hero-statistics{gap:24px}.service-card{padding:20px 10px;min-height:202px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.about-copy{padding-left:7%;padding-right:7%}.about-side{gap:8px;padding-right:10px}.about-side>span{font-size:7px}.features{gap:10px}.features span{font-size:9px}.process{min-height:300px}.timeline{max-width:76%}.process-step h3{font-size:17px}.footer-links{gap:13px}.footer-top>.text-button{display:none}}
@media(max-width:960px){#header{height:76px}.brand>span{font-size:18px}#header nav{display:none}.hero-copy{width:61%;padding-left:8%;padding-top:130px}.hero-copy h1{font-size:72px}.hero-description{max-width:330px}.hero-labels{display:none}.hero-statistics{gap:25px}.hero-visual:after{background:linear-gradient(90deg,#f5f2e7ed,#f5f2e7aa 27%,transparent 60%)}.scene-title h2{font-size:53px}.scene-title{width:42%;left:7%}.scene-title>p:not(.eyebrow){font-size:12px}.scene-plan{left:38%;right:0}.space-wireframe{left:35%}.about{grid-template-columns:48% 52%}.about-side{display:none}.about-copy h2{font-size:36px}.about-copy{padding:35px 8%}.about-drawing{min-height:410px}.features{grid-template-columns:repeat(4,1fr);gap:12px}.features span{font-size:9px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:165px;padding:22px}.service-card h3{font-size:20px;min-height:23px;max-width:none}.service-card p{font-size:12px;max-width:195px}.service-card>svg{width:29px;height:29px;margin-bottom:12px}.service-card>a span{opacity:1}.project-info{padding:13px 3px}.project-info h3{font-size:18px}.project-info p{font-size:10px}.process .section-heading{max-width:85%}.process .section-heading>p{max-width:270px}.timeline{max-width:100%}.process-step h3{font-size:18px}.layouts .layout-body{gap:5%;grid-template-columns:1.05fr 1fr}.layout-copy>h3{font-size:27px}.testimonials{grid-template-columns:1fr;gap:25px}.testimonial-heading h2{font-size:37px}.testimonial-card{min-height:150px}.testimonial-card:first-child{border-left:0;padding-left:0}.contact{grid-template-columns:32% 68%}.contact-sketch{display:none}.contact-copy{padding-right:25px}.contact-copy h2{font-size:36px}.footer-top{flex-wrap:wrap}.footer-top>.text-button{display:none}.footer-links{font-size:11px}.start-project h2{font-size:48px}}
@media(max-width:680px){html{scroll-padding-top:72px}#header{height:72px;padding:0 20px}.brand>span{font-size:15px}.brand>svg{width:31px}.brand small{font-size:5.5px}.architectural-story{height:440svh}.story-frame{height:100svh}.hero{height:100svh;min-height:0;padding:0;display:block}.hero-visual{position:absolute;inset:0;order:unset;width:100%;height:100%;margin:0}.hero-visual img{height:100%;width:100%;object-position:62% bottom;object-fit:cover}.hero-visual:after{background:linear-gradient(180deg,var(--paper) 0%,#f5f2e7ee 25%,#f5f2e7cc 43%,#f5f2e755 65%,transparent 85%)}.hero-copy{padding:100px 25px 0;width:100%;position:relative}.hero-copy h1{font-size:clamp(54px,13.5vw,69px);line-height:1;max-width:350px;margin:12px 0 18px}.hero-copy .eyebrow{font-size:9px}.hero-description{font-size:12px;line-height:1.55;max-width:310px;margin-bottom:16px}.hero-location{font-size:10px;margin-top:5px}.hero-copy .button{font-size:10px;padding:10px 12px;gap:10px;min-height:41px}.hero-statistics{gap:25px;margin-top:21px;padding-bottom:20px}.hero-statistics strong{font-size:24px!important}.hero-statistics>div span{font-size:8px}.hero-statistics>small{font-size:7px}.hero-caption{font-size:7px;right:10px;bottom:10px}.story-number{top:21px;left:6%;font-size:9px}.story-chrome>button{right:4%;top:9px;font-size:10px}.scroll-cue{font-size:8px;bottom:23px;left:6%}.intro-progress{width:130px;bottom:31px;left:auto;right:6%;transform:none;gap:8px}.brand-construction{width:93%;margin-top:-40px}.brand-construction>svg{width:100px;height:110px;margin-bottom:25px}.brand-construction h2{font-size:23px;letter-spacing:.15em}.brand-construction>p{font-size:7px;letter-spacing:.11em}.brand-tagline{font-size:10px;letter-spacing:.18em;margin-top:37px}.construction-circle{width:250px;height:250px}.brand-photo{left:28%;opacity:.3}.scene-title{left:7%;top:15%;transform:none;width:86%;}.scene-title h2{font-size:clamp(40px,10.7vw,52px);line-height:1.02}.scene-title>.eyebrow{font-size:10px;margin-bottom:14px}.scene-title>p:not(.eyebrow){font-size:12px;line-height:1.55;margin-top:20px}.scene-title .gold-rule{margin-top:20px;width:33px}.scene-ideas .scene-title{width:86%}.scene-ideas .scene-title:before{display:none}.idea-architecture{inset:39% -15% 5% -38%}.idea-render img{object-fit:contain}.scene-plans .scene-title{top:12%}.scene-plans .scene-title h2{font-size:40px}.scene-plans .scene-title>p:not(.eyebrow){max-width:220px;font-size:11px;margin-top:15px}.scene-plans .gold-rule{display:none}.scene-plan{inset:38% -2% 7%;}.plan-disclaimer{font-size:7px;bottom:0}.scene-spaces .scene-title{width:86%;top:14%;}.scene-spaces .scene-title h2{font-size:43px}.scene-spaces .scene-title>p:not(.eyebrow){font-size:11px}.space-wireframe{inset:36% -15% 5% 5%}.space-render img{object-position:62% bottom}.space-title:before{inset:-70px -40px -30px -30px;background:linear-gradient(180deg,var(--navy) 70%,transparent)}.section{padding:40px 24px}.section-heading{gap:15px}.section-heading h2{font-size:37px}.section-heading>p{font-size:12px;max-width:100%}.about{display:flex;flex-direction:column;padding:0;gap:0;min-height:0}.about-drawing{width:100%;height:auto;min-height:0;aspect-ratio:1.5;order:0}.about-drawing>img{position:relative;height:100%;object-fit:cover}.about-copy{padding:32px 25px 36px;order:1}.about-copy h2{font-size:37px}.about-copy>p:not(.eyebrow){font-size:14px;margin:18px 0}.features{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.features span{font-size:10px}.features svg{width:28px;height:28px}.services .section-heading{flex-direction:row;align-items:end;gap:10px}.services .section-heading .button{font-size:9px;gap:7px;padding:8px 11px;white-space:nowrap}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:21px 17px;min-height:175px}.service-card h3{font-size:21px;line-height:1.15;max-width:150px;min-height:40px}.service-card p{font-size:12px;margin-top:12px;max-width:170px}.service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:42px 1fr;gap:7px 13px;min-height:115px;align-items:center}.service-card:last-child>svg{grid-row:1/3;margin:0}.service-card:last-child h3{min-height:0;max-width:none}.service-card:last-child p{max-width:260px;margin:0}.project-grid{grid-template-columns:1fr;gap:24px}.project-image{aspect-ratio:1.75}.project-info{padding:15px 7px}.project-info h3{font-size:26px}.project-info p{font-size:11px}.concept-badge{font-size:7px}.process{padding:36px 25px}.process .section-heading{max-width:100%;gap:20px}.process .section-heading h2{font-size:39px}.process .section-heading>p{font-size:13px;max-width:330px}.process-art{width:110%;height:88%;right:-40%;top:20%;opacity:.15}.timeline{display:grid;grid-template-columns:1fr;gap:0;margin-top:20px}.process-step{display:grid;grid-template-columns:52px 1fr;gap:0 21px;min-height:94px;align-content:center}.step-icon{grid-row:1/3;align-self:center;width:49px;height:49px;margin:0}.process-step h3{font:25px var(--serif);grid-column:2;margin:0}.process-step p{font-size:12px;grid-column:2;margin-top:6px}.timeline-line{top:35px;bottom:35px;left:24px;height:auto;right:auto;width:1px}.timeline-line i{width:1px;height:100%;transform:scaleY(var(--progress,0));transform-origin:top}.layouts{padding-bottom:32px}.layout-body{display:flex!important;flex-direction:column;gap:26px!important}.plan-paper{width:100%;margin:0;padding:9px}.scroll-plan .floorplan{max-height:none}.plan-paper-top,.plan-paper-bottom{font-size:7px;gap:8px}.layout-copy{width:100%}.layout-copy h3{font-size:29px}.layout-copy>p:not(.eyebrow){font-size:14px}.layout-copy .fine-print{font-size:11px!important;max-width:none}.statistics{padding:27px 20px}.statistics-grid{grid-template-columns:repeat(3,1fr);gap:0}.statistic strong{font-size:39px}.statistic span{font-size:10px;margin-top:9px;padding:0 10px;line-height:1.5}.statistics>p{font-size:8px;margin-top:15px}.vault-banner{grid-template-columns:1fr;padding:35px 26px;gap:27px}.vault-banner h2{font-size:45px;gap:13px}.vault-banner h2 svg{width:35px;height:35px}.vault-banner .eyebrow{font-size:9px}.vault-banner-copy>p:last-child{font-size:13px}.vault-form{padding:21px}.key-input input{font-size:16px}.vault-form>label{font-size:10px}.demo-caption{font-size:10px}.testimonials{display:block;padding:35px 24px}.testimonials h2{font-size:36px}.testimonial-heading{margin-bottom:23px;padding-right:0}.testimonial-cards{grid-template-columns:1fr;gap:0}.testimonial-card{padding:22px 0;min-height:0;border-left:0;border-bottom:1px solid var(--line);gap:18px}.testimonial-card p{font-size:14px}.testimonial-card p br{display:none}.testimonial-card small{font-size:10px;margin:7px 0 12px}.testimonial-card b{font-size:11px}.testimonial-card div>span{font-size:10px}.testimonial-card:last-child{border-bottom:0}.start-project{padding:47px 26px;min-height:340px}.start-project h2{font-size:43px;max-width:310px}.start-project p:not(.eyebrow){font-size:13px;margin-bottom:25px}.cta-photograph img{object-position:65% center}.start-project:after{background:linear-gradient(90deg,#071c28ef,#071c2880)}.contact{display:block;padding:38px 25px 43px}.contact-copy{padding-right:0;margin-bottom:29px}.contact-copy h2{font-size:39px}.contact-copy h2 .heading-line{display:inline-block;margin-right:8px}.contact-details{gap:15px;display:grid;grid-template-columns:1fr 1fr;margin-top:23px}.contact-details>span:last-child{grid-column:1/-1}.contact-details strong{font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px}.form-grid label:nth-child(3){grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:44px;margin-top:5px}.contact form>.fine-print{font-size:10px;margin:14px 0}.contact form>.button{width:100%;font-size:12px;min-height:44px;float:none}.contact-sketch{display:none}.footer-top{gap:23px;padding-bottom:23px;flex-direction:column;align-items:start}.footer-links{font-size:11px;gap:15px 20px;flex-wrap:wrap}.footer-bottom{gap:13px;font-size:9px;align-items:start}.footer-legal{gap:24px}.developer-credit{text-align:left;margin-top:20px;font-size:9px}.developer-credit strong{font-size:9px;letter-spacing:.10em}.footer-blueprint{inset:0 -30% -60% 15%;opacity:.08}.vault-entry,.vault-project-header{padding-top:105px}.vault-entry{padding-bottom:40px}.vault-unlock .unlock-plan{width:90%;right:5%;bottom:10%}.vault-unlock h1{font-size:34px;text-align:center}.vault-project-header h1{font-size:38px}}
@media(max-width:680px) and (max-height:720px){.hero-copy{padding-top:88px}.hero-copy h1{font-size:52px;margin-bottom:14px}.hero-description{font-size:11px;max-width:290px;margin-bottom:12px}.hero-statistics{margin-top:14px}.hero-statistics>div span{font-size:8px}.hero-copy .button{min-height:38px;font-size:9px;padding:9px 11px}.scene-title h2{font-size:40px}.scene-title>p:not(.eyebrow){font-size:11px;margin-top:14px}.scene-plans .scene-title h2{font-size:34px}.scene-plan{top:40%}.scene-spaces .scene-title h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){:root{--header-reveal:1}.architectural-story{height:auto}.story-frame{position:relative;height:auto}.hero{height:100svh;--hero-copy:1!important;--hero-shift:0px!important;visibility:visible!important}.story-scenes{display:none}.editorial-heading .heading-line>span{transform:none}.image-mask,.project-reveal .project-image{clip-path:inset(0)}.project-reveal .project-info h3,.project-reveal .project-info p,.project-reveal .circle-arrow,.feature-item span{opacity:1;transform:none}.feature-item svg path,.service-card svg path{stroke-dashoffset:0}.process-step{opacity:1}.scroll-plan .floorplan g{opacity:1!important}.scroll-plan .floorplan path{stroke-dashoffset:0!important}}
/* Simplified homepage and spacious contact/footer layout. */
.hero-copy{padding-left:5.2%;width:52%}
.hero-copy .button-row{margin-top:32px}
.about{grid-template-columns:46% 54%}
.about-copy{padding-right:12%}
.contact{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:9%;padding-top:64px;padding-bottom:64px}
.contact-copy{padding:0}
.contact-copy h2{font-size:clamp(34px,3.2vw,52px)}
.contact-details{margin-top:30px;gap:22px}
.contact form>.fine-print{max-width:100%}
footer{padding:56px 5.2% 22px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:start;gap:8%;padding-bottom:46px}
.footer-brand .brand{display:flex}
.footer-brand>#replay{display:block;margin-top:28px;font-size:11px}
.footer-column h3{font:13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:12px}
.footer-bottom{margin-top:0;padding-top:22px;gap:20px;font-size:10px;align-items:center}
.footer-legal button{font-size:10px}
.developer-credit{margin-top:22px}
@media(max-width:960px){.hero-copy{padding-left:5.2%;width:65%}.about{grid-template-columns:46% 54%}.contact{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6%}.footer-top{gap:5%;grid-template-columns:1.3fr 1fr 1fr}.footer-top .brand>span{font-size:13px}}
@media(max-width:680px){.hero-copy{padding-left:25px;width:100%}.hero-copy .button-row{margin-top:24px}.about-copy{padding:32px 25px 36px}.contact{display:flex;flex-direction:column;gap:36px;padding:38px 25px 43px}.contact form{width:100%}.contact-copy{margin:0;width:100%}.contact-copy h2 .heading-line{display:block}.contact-details{display:flex;flex-direction:column}.contact-copy h2{font-size:38px}footer{padding:38px 25px 22px}.footer-top{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-brand{grid-column:1/-1}.footer-top .brand>span{font-size:16px}.footer-links{gap:14px;font-size:12px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-legal{flex-wrap:wrap;gap:20px}}
/* Image-led service collection and comfortable phone layouts. */
.hero-copy .button-row{margin-top:clamp(52px,7svh,76px)}
.service-image-grid{gap:24px}
.service-image-card{display:block;min-width:0;text-decoration:none;color:inherit}
.service-image-card .project-info{align-items:start;gap:16px;padding:18px 12px 22px}
.service-title{display:flex;align-items:center;gap:12px}
.service-title>svg{width:28px;height:28px;flex:none;color:var(--gold)}
.service-title h3{font-size:clamp(23px,2.1vw,32px)}
.service-image-card .project-info p{font-size:13px;line-height:1.65;margin-top:10px;max-width:340px}
.service-image-card .circle-arrow{flex:none;margin-top:3px}
.services-more{display:flex;justify-content:center;margin-top:32px}
.services-page{padding-top:140px;padding-bottom:72px;min-height:75svh}
.services-page h1{font-size:clamp(44px,5vw,72px);line-height:1.1}
.services-page .section-heading{margin-bottom:38px}
.services-page .service-image-grid{row-gap:40px}
@media(max-width:960px) and (min-width:681px){.service-image-card .project-info{padding-left:3px;padding-right:3px;gap:8px}.service-title{gap:8px}.service-title h3{font-size:23px}.service-title>svg{width:23px;height:23px}.service-image-card .circle-arrow{width:30px;height:30px}.service-image-card .project-info p{font-size:12px}}
@media(max-width:680px){
.hero-copy{padding-right:25px}
.hero-copy h1{font-size:clamp(45px,12.8vw,69px);max-width:100%}
.hero-copy .button-row{margin-top:44px;gap:12px;flex-wrap:wrap}
.hero-copy .button{min-height:46px;font-size:11px;padding:12px 14px;gap:12px}
.service-image-grid{grid-template-columns:1fr;gap:28px}
.service-image-card .project-info{padding:16px 5px 21px}
.service-title h3{font-size:27px}
.service-image-card .project-info p{font-size:14px}
.services-more{margin-top:28px}
.services-more .button{min-height:48px}
.services-page{padding-top:106px;padding-bottom:44px}
.services-page .section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}
.contact .form-grid{grid-template-columns:minmax(0,1fr);gap:18px}
.contact .form-grid label{grid-column:1/-1;font-size:12px}
.contact .form-grid input,.contact .form-grid select,.contact .form-grid textarea{width:100%;min-width:0;font-size:16px;min-height:48px;padding:12px}
.contact .form-grid textarea{min-height:132px}
.contact form>.button{min-height:48px}
.contact-copy h2{font-size:clamp(32px,9.4vw,40px)}
.footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.footer-links{gap:8px}
.footer-links a{display:flex;align-items:center;min-height:40px;line-height:1.5}
.footer-legal button{min-height:44px;font-size:11px}
.footer-legal{gap:8px 20px}
.developer-credit{line-height:1.8}
.developer-credit strong{margin-left:0}
}
@media(max-width:370px){.hero-copy .button-row{gap:10px}.hero-copy .button{font-size:10px;padding:11px 10px;gap:8px}.footer-top .brand>span{font-size:14px}.footer-column h3{font-size:12px}.footer-links{font-size:11px}}
/* More generous separation between the hero tagline and actions. */
.hero-copy .button-row{margin-top:clamp(100px,14svh,150px)}
@media(max-width:680px){.hero-copy .button-row{margin-top:clamp(88px,13svh,116px)}}
@media(max-height:600px){.hero-copy .button-row{margin-top:64px}}