@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;600;700&display=swap');
:root{--dark:#1c211f;--darker:#151a18;--gold:#c6a268;--cream:#f1efe8;--muted:#aaada6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:600;letter-spacing:-1.8px;line-height:.98}h1{font-size:clamp(76px,7.3vw,122px)}h2{font-size:clamp(54px,5vw,80px)}em{font-style:normal;color:var(--gold)}p{line-height:1.8}header{height:100px;background:var(--dark);display:flex;align-items:center;padding:0 5.5%;gap:40px;color:white;border-bottom:1px solid #ffffff14;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:700;line-height:1;letter-spacing:3px}.brand small{display:block;letter-spacing:2.2px;font-size:10px;margin-top:6px}.brandmark{font-family:Arial;font-size:45px;font-weight:900;color:var(--gold);position:relative;letter-spacing:-6px;border:2px solid var(--gold);padding:2px 8px 0 2px;line-height:43px;transform:skewY(-4deg)}.brandmark span{position:absolute;font-size:20px;bottom:-5px;right:-4px;line-height:20px}nav{display:flex;gap:35px;margin:auto;font-size:13px;color:#dedfd9}nav a:hover{color:var(--gold)}.header-cta{border:1px solid #ffffff35;padding:15px 19px;font-size:12px}.header-cta span{margin-left:25px;color:var(--gold)}.menu{display:none}.hero{background:var(--dark);color:var(--cream);min-height:690px;height:calc(100svh - 100px);max-height:900px;position:relative;display:grid;grid-template-columns:53% 47%;padding:50px 5.5% 80px;overflow:hidden}.hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;display:flex;align-items:center;gap:10px;margin-bottom:28px}.eyebrow i{width:7px;height:7px;background:var(--gold);display:inline-block}.hero h1{margin-bottom:28px;white-space:nowrap}.hero-copy>p{max-width:430px;font-size:14px;color:#b4b9b1}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 23px;border:0;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#dab982}.gold{background:var(--gold);color:var(--dark)}.button span{font-size:21px;line-height:14px}.text-link{font-size:12px;border-bottom:1px solid #697068;padding:10px 0;display:inline-flex;gap:24px;font-weight:600}.hero-proof{display:flex;gap:11px;align-items:center;margin-top:45px;font-size:10px;color:#aeb4ab}.hero-proof b{color:#eeeee7}.stars{color:var(--gold);letter-spacing:1px}.proof-divider{height:15px;width:1px;background:#ffffff30;margin:0 7px}.hero-visual{position:relative;perspective:1200px;align-self:stretch;margin:0 0 0 10px}.photo-frame{height:100%;max-height:660px;position:relative;transform:rotateY(-7deg) rotateZ(2deg);transform-origin:center;will-change:transform;overflow:hidden}.photo-frame>img{object-position:50% 56%;filter:brightness(.8) saturate(.65)}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#121914e8)}.photo-caption{position:absolute;bottom:30px;left:30px;right:30px}.photo-caption>span{letter-spacing:2px;font-size:8px;color:#d1c0a4}.photo-caption b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:500;margin-top:12px}.photo-caption>a{position:absolute;right:0;bottom:0;border:1px solid #ffffff40;border-radius:50%;width:42px;height:42px;text-align:center;line-height:42px}.drawing-lines{position:absolute;inset:-15px 20px 20px -20px;border:1px solid #c6a26850;pointer-events:none;transform:rotate(-3deg);z-index:-1}.vertical-label{position:absolute;right:-35px;top:40%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#a2a99c}.floating-label{position:absolute;top:35px;left:-45px;background:#e8e5db;color:var(--dark);padding:18px 24px 18px 55px;font-size:11px;line-height:1.7;box-shadow:0 10px 30px #0003;transform:rotate(-3deg)}.floating-label>span{position:absolute;left:20px;top:18px;color:#937141;font-size:25px}.scroll-hint{position:absolute;left:5.5%;bottom:25px;right:5.5%;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:2px;color:#b3b9b0}.scroll-hint>span{font-size:20px;color:var(--gold)}.scroll-hint b{margin-left:auto;font-weight:400}.trust-strip{min-height:78px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #1c211f20}.trust-strip>span{font-size:9px;letter-spacing:2px;color:#8a8d82}.trust-strip p{font-size:11px;font-weight:600}.trust-strip i{font-size:12px;font-style:normal;color:#a28a61}.section{padding:110px 7%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.section-heading>.eyebrow{margin-bottom:20px}.section-heading>p,.section-heading>div+div{max-width:350px}.section-heading p{color:#6d7268;font-size:13px}.service-list>a{display:grid;grid-template-columns:60px 1.4fr 1fr 50px;align-items:center;gap:20px;padding:30px 0;border-top:1px solid #1c211f28;transition:padding .3s,background .3s}.service-list>a:last-child{border-bottom:1px solid #1c211f28}.service-list>a:hover{padding-left:16px;background:#e7e3d9}.service-num{font-size:10px;color:#8c8d80}.service-list h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;font-weight:500}.service-list p{font-size:11px;color:#777b70}.round-arrow{height:40px;width:40px;border:1px solid #1c211f33;border-radius:50%;display:grid;place-items:center;font-size:21px}.build-story{height:220vh;position:relative;background:var(--dark);color:var(--cream)}.build-sticky{position:sticky;top:0;min-height:750px;height:100svh;max-height:1100px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;padding:65px 7%;overflow:hidden}.build-copy>p{color:#a5ada1;max-width:340px;font-size:12px;margin-top:25px}.stage-copy{margin-top:40px;max-width:340px}.stage-copy>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.stage-copy h3{font-size:23px;margin:14px 0 10px;font-weight:500}.stage-copy p{font-size:12px;color:#a5ada1;min-height:65px}.stage-tabs{display:flex;gap:10px;margin-top:25px}.stage-tabs button{border:1px solid #ffffff30;color:#a5ada1;background:transparent;padding:13px 20px;font-size:10px}.stage-tabs .active{background:var(--gold);color:var(--dark);border-color:var(--gold)}.model-area{height:550px;position:relative;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px;border:1px solid #ffffff10;--spread:1;--turn:-30deg}.model-label{position:absolute;top:22px;left:22px;font-size:8px;letter-spacing:2px;color:#a2a99c}.model-bottom{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a2a99c}.model-bottom span+span{color:var(--gold)}.model-perspective{position:absolute;inset:0;display:grid;place-items:center;perspective:1300px}.house{width:260px;height:240px;position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(var(--turn));margin-top:120px}.layer{position:absolute;inset:0;transform-style:preserve-3d;transition:opacity .15s}.face{position:absolute;border:1px solid #a9906a;backface-visibility:hidden}.face.front{width:260px;height:100px;background:#c8bba0;transform:translateZ(110px)}.face.side{width:220px;height:100px;background:#93866e;transform:rotateY(90deg) translateZ(150px);left:0}.face.top{width:260px;height:220px;background:#d5cbb7;transform:rotateX(90deg) translateZ(110px);top:0}.foundation{transform:translateY(170px)}.foundation .front,.foundation .side{height:25px;background:#7d827a}.foundation .top{background:#9ca095}.walls{transform:translateY(calc(70px - var(--spread)*35px))}.upper{transform:translateY(calc(-30px - var(--spread)*80px))}.roof{transform:translateY(calc(-55px - var(--spread)*135px))}.roof .front,.roof .side{height:25px;background:#343c37;border-color:#728075}.roof .top{background:repeating-linear-gradient(90deg,#343c37 0 18px,#4d574e 18px 20px);border-color:#728075}.window{position:absolute;left:20px;top:18px;width:90px;height:65px;border:5px solid #2c342d;background:linear-gradient(120deg,#647c7b,#b8cebf);box-shadow:inset 1px 0 #fff3}.window:after{content:'';position:absolute;width:4px;height:100%;background:#2c342d;left:50%}.door{position:absolute;right:25px;top:15px;width:45px;height:85px;background:#4d5246;border:4px solid #2c342d}.second{left:150px;width:65px}.side .window{width:145px}.ground{position:absolute;width:380px;height:330px;left:-60px;top:0;transform:rotateX(90deg) translateZ(-192px);background:#7a82662b;border:1px solid #a9906a55;box-shadow:0 0 90px #bca16c12}.filters{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.filters button{font-size:10px;border:1px solid #1c211f30;border-radius:2px;background:transparent;padding:9px 16px;color:var(--dark)}.filters .selected{background:var(--dark);color:var(--cream)}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px 30px}.project{background:none;border:0;padding:0;text-align:left;color:inherit;min-width:0}.project-large{grid-row:span 2}.project-photo{height:240px;position:relative;overflow:hidden}.project-large .project-photo{height:600px}.project-photo img{filter:saturate(.72);transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-tag{position:absolute;top:17px;left:17px;background:var(--cream);padding:9px 12px;font-size:8px;letter-spacing:1.5px}.project-open{position:absolute;bottom:17px;right:17px;width:40px;height:40px;display:grid;place-items:center;background:var(--cream);border-radius:50%;font-size:20px}.project-caption{padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.project-caption h3{font-size:16px;font-weight:500}.project-caption>span{font-size:9px;color:#777d70}.project[hidden]{display:none}.project-grid.filtered{grid-template-columns:1fr 1fr}.project-grid.filtered .project-large{grid-row:auto}.project-grid.filtered .project-photo{height:420px}.about{background:#e5e2d8;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-visual{height:580px;position:relative}.about-visual img{filter:saturate(.65)}.image-note{position:absolute;bottom:20px;left:20px;letter-spacing:2px;background:var(--cream);padding:13px;font-size:8px}.about-copy>p{font-size:12px;color:#6d7268;margin-top:25px}.promise{display:flex;gap:20px;margin-top:25px;border-top:1px solid #1c211f20;padding-top:20px}.promise>span{color:#997e50;font-size:23px}.promise h3{font-size:13px;font-weight:600}.promise p{font-size:11px;color:#6d7268;margin-top:5px}.about-copy>.text-link{margin-top:25px}.contact{background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>p{font-size:13px;color:#a5ada1;margin-top:30px}.contact-phone{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;margin-top:35px}.contact-mail{display:block;margin-top:10px;font-size:13px;color:#cccfc5}.whatsapp{display:inline-block;color:var(--gold);font-size:11px;margin-top:25px;border-bottom:1px solid #a9906a55;padding-bottom:8px}form h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;font-weight:500}.form-note{font-size:9px;color:#a5ada1;margin:8px 0 25px}label{display:block;font-size:10px;color:#c4c8bc;margin-bottom:23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #ffffff30;border-radius:0;background:transparent;color:var(--cream);padding:13px 0;outline:none;font-size:12px}select option{background:var(--dark)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#7f887c}form>.button{width:100%}.form-status{font-size:11px;color:var(--gold);margin-top:16px}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;background:var(--darker);color:#adb5a7;padding:45px 5.5% 70px}footer .brand{font-size:23px;color:var(--cream)}footer .brand small{font-size:8px}footer .brandmark{font-size:35px;line-height:34px}footer>p,footer>span,footer>a:last-child{font-size:9px}.concept-label{position:fixed;bottom:0;left:0;right:0;z-index:30;pointer-events:none;background:#151a18f2;text-align:center;color:#a8ae9e;font-size:8px;letter-spacing:2px;padding:10px;border-top:1px solid #ffffff12}.concept-label>span{color:var(--gold);margin:0 8px}.progress{height:2px;background:var(--gold);width:0;position:fixed;top:0;left:0;z-index:50}.skip{position:fixed;top:-60px;padding:15px;background:var(--gold);z-index:100}.skip:focus{top:0}dialog{width:min(850px,92vw);border:0;padding:0;background:var(--cream);color:var(--dark);max-height:90svh;overflow:auto}dialog::backdrop{background:#101611dc;backdrop-filter:blur(7px)}dialog>img{height:380px}.dialog-content{padding:35px}.dialog-content h2{font-size:48px}.dialog-content p{margin:20px 0;font-size:13px}.dialog-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:0;background:var(--cream);font-size:25px}.dialog-content .eyebrow{margin-bottom:15px}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:110px}.hero-visual{margin-left:35px}.hero-copy>p{font-size:16px;max-width:470px}}
@media(max-width:1050px){header{gap:20px}nav{gap:20px}.hero{grid-template-columns:55% 45%;padding-top:45px;min-height:650px}.hero h1{font-size:82px}.hero-copy>p{max-width:330px}.hero-proof{flex-wrap:wrap;max-width:300px;line-height:1.5}.hero-actions{gap:18px}.button{padding:17px;gap:20px}.hero-actions .text-link{font-size:10px}.floating-label{left:-20px}.service-list>a{grid-template-columns:35px 1.3fr 1fr 35px}.service-list h3{font-size:28px}.build-sticky{padding-left:5%;padding-right:5%}.house{scale:.8}.project-caption{display:block}.project-caption>span{display:block;margin-top:7px}.about{gap:6%}.section{padding:85px 6%}}
@media(max-width:700px){header{height:80px;padding:0 6%;justify-content:space-between}.brand{font-size:25px}.brandmark{font-size:35px;line-height:34px}.brand small{font-size:8px}.header-cta{display:none}.menu{display:block;background:transparent;color:var(--cream);border:1px solid #ffffff30;padding:8px 12px;font-size:18px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--dark);padding:25px 6%;margin:0;flex-direction:column;gap:25px}nav.open{display:flex}.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0;padding:45px 6% 75px;gap:20px}.hero-copy{padding-bottom:0;align-self:stretch}.eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:1.8px}.hero h1{font-size:clamp(62px,13vw,90px);letter-spacing:-1.5px;margin-bottom:23px}.hero-copy>p{font-size:12px;max-width:380px}.hero-actions{margin-top:25px;gap:25px}.hero-proof{max-width:none;margin-top:25px;font-size:9px;gap:8px}.hero-visual{height:330px;margin:15px 6px 0 15px;width:calc(100% - 30px);align-self:center}.photo-frame{transform:rotateY(-5deg) rotateZ(2deg)}.photo-frame>img{object-position:center 60%}.photo-caption{left:20px;bottom:20px}.photo-caption b{font-size:25px}.floating-label{padding:12px 15px 12px 43px;top:20px;left:-20px;font-size:9px}.floating-label>span{left:14px;top:12px;font-size:22px}.vertical-label{right:-27px;font-size:7px}.scroll-hint{bottom:20px;left:6%;right:6%}.trust-strip{padding:25px 6%;gap:10px 18px;justify-content:center;flex-wrap:wrap}.trust-strip>span{width:100%;text-align:center;margin-bottom:7px}.trust-strip p{font-size:9px}.trust-strip i:last-of-type{display:none}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading>p,.section-heading>div+div{margin-top:25px;max-width:100%}h2{font-size:57px;letter-spacing:-1px}.section-heading p{font-size:12px}.service-list>a{grid-template-columns:25px 1fr 30px;gap:12px;padding:24px 0}.service-list h3{font-size:26px}.service-list p{grid-column:2;grid-row:2;font-size:10px}.round-arrow{grid-column:3;grid-row:1/3;width:30px;height:30px;font-size:18px}.service-num{align-self:start;padding-top:8px}.build-story{height:240svh}.build-sticky{min-height:0;height:100svh;max-height:none;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:30px 6% 45px;gap:20px}.build-copy h2{font-size:45px}.build-copy>.eyebrow{margin-bottom:15px}.build-copy>p{display:none}.stage-copy{margin-top:17px;max-width:100%}.stage-copy h3{font-size:18px;margin:8px 0}.stage-copy p{font-size:10px;min-height:36px;line-height:1.7}.stage-copy>span{font-size:8px}.stage-tabs{margin-top:12px;gap:8px}.stage-tabs button{padding:7px 17px;font-size:9px}.model-area{height:38svh;min-height:220px;width:100%;flex-shrink:0}.house{scale:.6;margin-top:100px}.model-label{font-size:7px;top:12px;left:12px}.model-bottom{bottom:12px;left:12px;right:12px;font-size:7px}.project-grid{grid-template-columns:1fr;gap:30px}.project-large{grid-row:auto}.project-large .project-photo,.project-photo{height:340px}.project-caption{display:flex}.project-caption h3{font-size:14px}.project-caption>span{font-size:8px;margin:0}.project-grid.filtered{grid-template-columns:1fr}.project-grid.filtered .project-photo{height:340px}.about{display:flex;flex-direction:column;gap:40px}.about-visual{height:350px;width:100%}.about-copy{width:100%}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:70px}.contact>div>p{margin-top:20px}.contact-phone{font-size:33px;margin-top:25px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:35px 6% 70px;gap:25px}footer>p{margin-left:auto}footer>span,footer>a:last-child{width:43%}.concept-label{font-size:7px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.photo-frame{transform:none!important}.house{transform:rotateX(-22deg) rotateY(-30deg)!important}}