.intro{--ink:var(--fg);--soft-ink:var(--muted);--clay:var(--accent);--paper:var(--bg);z-index:100;color:var(--ink);padding:max(20px, env(safe-area-inset-top)) max(clamp(18px, 3vw, 52px), env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(clamp(18px, 3vw, 52px), env(safe-area-inset-left));background:var(--paper);isolation:isolate;flex-direction:column;transition:opacity .65s,transform .65s cubic-bezier(.22,.7,.2,1);display:flex;position:fixed;inset:0;overflow-y:auto}.intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 38%, var(--surface) 0, transparent 48%);position:fixed;inset:0}.intro-seen .intro{display:none}.intro-out{opacity:0;pointer-events:none;transform:translateY(-25px)}.intro button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.intro button:focus-visible,.intro a:focus-visible{outline:3px solid var(--clay);outline-offset:5px}.intro-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.intro-wordmark{letter-spacing:.19em;align-items:center;gap:12px;font-size:.95rem;font-weight:650;display:flex}.intro-mark{border:1px solid var(--ink);letter-spacing:0;border-radius:50%;place-items:center;width:35px;height:35px;font-size:1.5rem;font-weight:400;display:grid}.intro-skip{color:var(--soft-ink);background:0 0;border:0;min-height:44px;padding:10px 0 10px 16px;font-size:.85rem!important}.intro-skip span{margin-left:10px}.intro-arrow{flex-shrink:0;width:13px;height:13px;display:inline-block}.intro-skip .intro-arrow{margin-left:10px}.intro-content{flex:1;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);align-items:center;gap:clamp(16px,3vw,48px);width:100%;max-width:1600px;margin:auto;padding:16px 0 20px;display:grid}.intro-copy{padding-bottom:12px}.intro-eyebrow{letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:25px;font-size:.62rem;font-weight:650;display:flex}.intro-eyebrow>span{background:var(--clay);border-radius:50%;width:6px;height:6px}.intro-copy h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.045em;margin:0 0 23px;font-size:clamp(2.8rem,4.2vw,5.25rem);font-weight:500;line-height:.98}.intro-copy h2 em{color:var(--clay);font-weight:400}.intro-description{color:var(--soft-ink);max-width:330px;font-size:.95rem;line-height:1.75}.intro-actions{justify-items:start;gap:12px;margin-top:24px;display:grid}.intro-actions .button{min-height:52px;font-size:.9rem}.intro-enter{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:10px;justify-content:space-between;align-items:center;gap:28px;min-height:52px;padding:14px 22px;transition:background .2s,transform .2s;display:inline-flex;font-size:.85rem!important}.intro-enter:hover{background:var(--surface-strong);transform:translateY(-2px)}.intro-enter>span{font-size:1.2rem}.intro-note{color:var(--soft-ink);margin-top:13px;font-size:.66rem}.intro-atelier{min-width:0}.intro-scene-heading{color:var(--soft-ink);letter-spacing:.19em;justify-content:space-between;padding:0 12px 12px;font-size:.58rem;display:flex}.intro-stage{place-items:center;height:min(56dvh,620px);min-height:0;display:grid;position:relative}.intro-scene{z-index:1;place-items:center;width:100%;display:grid;position:relative}.house-scene{width:100%;height:auto;display:block;position:relative}.intro .house-scene{max-width:67.1832dvh}.house-camera{width:100%;aspect-ratio:var(--model-aspect);position:relative}.house-build{display:block;position:absolute}.house-build img,.house-finished{-webkit-user-select:none;user-select:none}.house-natural-shadow{opacity:.12;filter:blur(15px);background:#43392c;border-radius:50%;width:80%;height:13%;position:absolute;bottom:1%;left:10%}.house-scene-animated .house-build,.house-scene-animated .house-finished{opacity:0}.house-scene-animated.house-scene-loaded .house-build{animation:house-settle 1.35s cubic-bezier(.22,.75,.25,1) var(--build-delay) both}.house-scene-animated.house-scene-loaded .house-masonry{animation-name:house-wall-rise}.house-scene-animated.house-scene-loaded .house-roofs,.house-scene-animated.house-scene-loaded .house-crown{animation-name:house-roof-settle}.house-scene-animated.house-scene-loaded .house-finished{animation:1s 5.8s both house-complete}.house-scene-animated.house-scene-loaded .house-camera{animation:7s cubic-bezier(.16,.5,.3,1) both house-camera-approach}.intro-callout{z-index:2;color:var(--soft-ink);letter-spacing:.03em;pointer-events:none;font-size:.58rem;animation:.6s 5.8s both intro-detail;position:absolute}.intro-callout-roof{top:7%;right:5%}.intro-callout-ground{bottom:16%;left:0}.intro-callout span{border-right:1px solid var(--line);border-top:1px solid var(--line);width:54px;height:28px;margin:7px 0 0 8px;display:block;transform:skew(-30deg)}.intro-callout-ground span{position:absolute;top:-28px;left:100%;transform:rotate(180deg)skew(-30deg)}.intro-build-steps{z-index:2;color:var(--soft-ink);text-transform:uppercase;letter-spacing:.11em;white-space:nowrap;align-items:center;gap:9px;font-size:.55rem;display:flex;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.intro-build-steps i{background:var(--line);width:15px;height:1px;display:block}.intro-build-steps span{animation:.55s both intro-step}.intro-build-steps span:nth-of-type(2){animation-delay:1s}.intro-build-steps span:nth-of-type(3){animation-delay:3.75s}.intro-build-steps span:nth-of-type(4){animation-delay:5.8s}.intro-design-description{max-width:490px;padding:22px 12px 0}.intro-place{text-transform:uppercase;color:var(--clay);letter-spacing:.16em;font-size:.56rem}.intro-design-description h3{font-family:var(--font-display), Georgia, serif;margin:4px 0;font-size:1.85rem;font-weight:500;line-height:1.15}.intro-design-description>p:last-child{color:var(--soft-ink);max-width:400px;font-size:.75rem;line-height:1.65}.intro-tools{color:var(--soft-ink);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 0;font-size:.58rem;display:flex}.intro-tools>div{gap:10px;display:flex}.intro-tools button{color:var(--ink);background:0 0;border:0;min-height:44px;padding:5px;font-size:.65rem}.intro-tools button:hover{text-decoration:underline}.intro-paused *,.intro-paused :before,.intro-paused :after{animation-play-state:paused!important}.intro-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes house-settle{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes house-wall-rise{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes house-roof-settle{0%{opacity:0;transform:translateY(-38px)}to{opacity:1;transform:translateY(0)}}@keyframes house-complete{0%{opacity:0}to{opacity:1}}@keyframes house-camera-approach{0%{transform:translateY(8px)scale(.94)}to{transform:translateY(0)scale(1)}}@keyframes intro-detail{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-step{0%{opacity:.25}to{opacity:1}}@media (min-width:1500px){.intro-topline{width:100%;max-width:1440px;margin-inline:auto}}@media (max-width:900px){.intro{padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.intro-content{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:18px}.intro-copy h2{font-size:clamp(2.75rem,5vw,4rem)}.intro-eyebrow{letter-spacing:.12em;font-size:.5rem}.intro-tools>span{max-width:145px}}@media (max-width:640px){.intro{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.intro-topline{padding-bottom:10px}.intro-wordmark{gap:9px;font-size:.75rem}.intro-mark{width:28px;height:28px;font-size:1.2rem}.intro-content{flex-direction:column;align-items:stretch;gap:12px;padding:8px 0 16px;display:flex}.intro-copy{order:2;padding:0 8px;position:relative}.intro-eyebrow{margin-bottom:8px}.intro-copy h2{margin-bottom:10px;font-size:clamp(2.2rem,8vw,3.2rem);line-height:1.03}.intro-copy h2 br{display:none}.intro-copy h2 em:before{content:" "}.intro-description{max-width:370px;font-size:.8rem;line-height:1.6}.intro-actions{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:10px;margin-top:16px}.intro-actions .contact-actions{align-items:stretch}.intro-actions .contact-pending{justify-content:center;font-size:.7rem}.intro-actions .button,.intro-enter{min-height:48px;padding:11px 17px;font-size:.85rem!important}.intro-actions .contact-call{justify-content:center}.intro-note{display:none}.intro-atelier{order:1}.intro-scene-heading{display:none}.intro-stage{aspect-ratio:1.1997;height:auto}.intro .house-scene{max-width:none}.intro-scene{width:100%}.intro-callout{display:none}.intro-callout-roof{top:12%}.intro-callout-ground{bottom:14%}.intro-build-steps,.intro-design-description{display:none}.intro-design-description h3{font-size:1.55rem}.intro-design-description>p:last-child{font-size:.65rem;line-height:1.6}.intro-tools{justify-content:flex-end;margin-top:-8px;padding:0 8px}.intro-tools>span{display:none}.intro-tools button{font-size:.58rem}}@media (max-height:720px) and (min-width:641px){.intro-content{padding-block:12px}.intro-copy h2{font-size:clamp(2.6rem,4.5vw,4rem)}.intro-stage{height:min(58dvh,380px)}.intro .house-scene{max-width:69.5826dvh}.intro-design-description{padding-top:10px}.intro-eyebrow{margin-bottom:15px}.intro-topline{padding-bottom:10px}}@media (max-width:640px) and (max-height:700px){.intro{padding-top:max(10px, env(safe-area-inset-top))}.intro-topline{padding-bottom:4px}.intro-content{gap:4px;padding-top:0}.intro-eyebrow,.intro-description{display:none}.intro-copy h2{margin-bottom:6px;font-size:2rem}.intro-actions{margin-top:10px}}@media (prefers-reduced-motion:reduce){.intro *,.intro :before,.intro :after{transition:none!important;animation:none!important}.intro{transition:none}.house-scene-animated .house-build,.house-scene-animated .house-finished{opacity:1;transform:none}}.intro-skyline{pointer-events:none;flex:none;order:99;width:100%;max-width:1440px;margin:0 auto}.intro-skyline .skyline{height:72px}@media (max-width:640px){.intro-skyline{opacity:.08;z-index:-1;position:absolute;bottom:0;left:0}.intro-skyline .skyline{height:auto}}
