@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');
:root{--coal:#0c1419;--ink:#111e24;--deep:#071015;--light:#efeee9;--cream:#e9e6df;--chalk:#f8f6f1;--muted:#a4b1b2;--orange:#efab73;--orange2:#fac99f;--grid:rgba(255,255,255,.08);--side:clamp(23px,5.2vw,92px);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:66px}body{margin:0;font-family:Vazirmatn,system-ui,sans-serif;background:var(--coal);color:var(--chalk);overflow-x:clip;line-height:1.75;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}h1,h2,h3,p,figure{margin:0}::selection{background:#d89e70;color:#09131a}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}em,i{font-style:normal}body.is-menu-open{overflow:hidden}.skip-link{position:fixed;z-index:100;right:20px;top:-80px;background:white;color:#111;padding:10px}.skip-link:focus{top:16px}.progress-rail{position:fixed;left:0;top:0;width:3px;height:100%;z-index:90;background:rgba(255,255,255,.05);pointer-events:none}.progress-rail span{display:block;height:0;width:100%;background:var(--orange);box-shadow:0 0 17px #fab77f8b;transition:height .08s linear}.site-cursor{pointer-events:none;position:fixed;z-index:100;left:0;top:0;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#efaa6b12,transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}
.header{height:96px;display:flex;align-items:center;gap:clamp(26px,4vw,65px);justify-content:space-between;position:fixed;inset:0 0 auto;z-index:70;padding:0 var(--side);border-bottom:1px solid rgba(255,255,255,.14);transition:background .4s,height .4s,border-color .4s}.header.scrolled{height:76px;background:rgba(9,20,26,.89);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:14px;position:relative;z-index:73;white-space:nowrap}.brand svg{color:var(--orange);width:39px;height:39px;transition:transform .5s}.brand:hover svg{transform:rotate(-7deg)}.brand span{display:grid}.brand strong{font-size:19px;line-height:1.3;font-weight:850}.brand small{letter-spacing:2.7px;font:500 9px/1.8 Arial,sans-serif;color:var(--orange)}.nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,38px)}.nav a{font-size:12px;color:#e7e9e4;transition:color .3s;position:relative}.nav a::after{content:"";position:absolute;bottom:-5px;right:0;width:0;height:1px;background:var(--orange);transition:width .3s}.nav a:hover{color:var(--orange)}.nav a:hover::after{width:100%}.header-cta{border:1px solid rgba(255,255,255,.38);font-size:12px;padding:13px 17px;display:flex;align-items:center;gap:28px;white-space:nowrap;transition:background .3s,border .3s}.header-cta:hover{background:var(--orange);color:#101820;border-color:var(--orange)}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid #ffffff66;width:49px;height:49px;position:relative;z-index:73;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle i{width:20px;height:1.5px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.eyebrow{font-size:12px;letter-spacing:.05em;display:flex;align-items:center;gap:12px;font-weight:600}.circle-marker{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #efab7330;display:inline-block}.hero{min-height:780px;height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#182a34}.hero-photo{position:absolute;inset:-7% -4%;background-image:linear-gradient(90deg,#0b1721a8 0%,#0b172133 70%),url('../images/hero-site.webp');background-position:center,center 56%;background-size:cover;transform:scale(var(--hero-scale,1.05)) translate3d(0,var(--hero-move,0px),0);will-change:transform;z-index:-3}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08131be8 0%,transparent 36%,#08131b42 100%),linear-gradient(270deg,#07151c9c 0%,transparent 68%);z-index:-2}.hero-blueprint{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ffffff0d calc(20% - 1px),#ffffff0d 20%);opacity:.65}.hero-blueprint::after{content:"";position:absolute;inset:20% 3%;border:1px solid #ffffff18;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hero-grain{position:absolute;inset:0;opacity:.28;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.14' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-top-meta{position:absolute;top:128px;right:var(--side);left:var(--side);display:flex;justify-content:space-between;color:#d7dedb9e;font:500 10px Arial,sans-serif;letter-spacing:2px}.hero-loc{display:flex;align-items:center;gap:10px;font:400 12px Vazirmatn,sans-serif;letter-spacing:0}.dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.hero-content{position:absolute;right:var(--side);left:var(--side);top:52%;transform:translateY(-40%);max-width:1010px}.hero-intro{margin-bottom:22px;color:var(--orange2)}.cross-icon{font-size:21px}.hero h1{font-size:clamp(80px,10.8vw,185px);font-weight:870;line-height:1.08;letter-spacing:-.055em}.hero-line{display:block;overflow:hidden;transform:translateY(var(--hero-text,0px))}.hero-line:nth-child(2){padding-bottom:12px}.hero h1 i{color:var(--orange)}.hero h1 em{-webkit-text-stroke:1.6px #f9f6ef;color:transparent}.hero-content>p{font-size:clamp(14px,1.3vw,18px);color:#d6dddc;max-width:660px;margin-top:26px;line-height:2.1}.discover-link{display:inline-flex;align-items:center;gap:19px;margin-top:33px;font-size:13px}.discover-circle{width:58px;height:58px;border:1px solid var(--orange);color:var(--orange);display:grid;place-items:center;font-size:27px;border-radius:100%;transition:background .3s,transform .5s,color .3s}.discover-link:hover .discover-circle{background:var(--orange);color:#141c20;transform:rotate(45deg)}.hero-down{position:absolute;bottom:34px;right:var(--side);font-size:11px;color:#d0dad8;display:flex;align-items:center;gap:16px}.mouse-outline{height:32px;width:19px;border:1px solid var(--orange);border-radius:12px;display:grid;place-items:start center;padding-top:6px}.mouse-outline i{height:6px;width:2px;background:var(--orange);animation:mouse 1.6s infinite}.hero-index{position:absolute;bottom:36px;left:var(--side);font:500 10px Arial,sans-serif;letter-spacing:2px;color:#d3deda}.noise-line{height:43px;background:var(--orange);color:#141d20;overflow:hidden;display:flex;align-items:center}.ticker{width:max-content;display:flex;white-space:nowrap;animation:marquee 25s linear infinite;direction:ltr;font:700 12px Arial,sans-serif;letter-spacing:3px}.ticker span{padding:0 30px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes mouse{to{transform:translateY(11px);opacity:0}}
.vision{height:285vh;min-height:1300px;background:var(--cream);color:#111d22;position:relative}.vision-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;align-items:center;padding:clamp(24px,6vw,90px);isolation:isolate}.vision-bg-number{position:absolute;font:900 38vw/.8 Arial,sans-serif;letter-spacing:-.12em;color:#c7c5bd3d;left:-6vw;top:8vh;pointer-events:none}.vision-label{position:absolute;top:clamp(96px,10vh,135px);right:var(--side);left:var(--side);display:flex;align-items:center;justify-content:space-between;font-size:11px}.vision-label span:last-child{font:700 10px Arial,sans-serif;letter-spacing:2px;color:#616a6b}.vision-main{position:relative;max-width:980px;z-index:2;transform:translateY(var(--vision-shift,0px))}.mini-kicker{display:block;font-size:13px;color:#9b6139;margin-bottom:35px}.vision h2{font-size:clamp(58px,8.1vw,128px);font-weight:850;line-height:1.24;letter-spacing:-.035em}.vision-words>span{display:block;color:#c6c5bd;transition:color .3s,transform .4s}.vision-words span.lit{color:#122028}.vision-words em{color:var(--orange)}.vision-main>p{max-width:570px;margin-top:38px;font-size:15px;line-height:2.2;color:#5b6261}.vision-corner-photo{position:absolute;left:4%;bottom:9%;width:clamp(200px,23vw,420px);height:clamp(135px,14vw,225px);overflow:hidden;transform:rotate(-3deg) translateY(var(--vision-image-y,40px));opacity:var(--vision-image-o,.25);border:9px solid #f7f4eb;box-shadow:0 26px 55px #101d2025}.vision-corner-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.vision-progress{position:absolute;right:var(--side);bottom:40px;display:flex;gap:12px;align-items:center;font:600 12px Arial,sans-serif}.vision-progress .line{height:1px;width:90px;background:#b3b4af}.vision-progress i{display:block;height:100%;width:0;background:#1d2d32}.vision-main p{opacity:var(--vision-p-o,1)}
.engineering{height:660vh;min-height:3200px;background:#09151b;position:relative}.engine-pin{height:100svh;min-height:680px;top:0;position:sticky;overflow:hidden;isolation:isolate;padding:95px var(--side) 24px;background:radial-gradient(ellipse at 67% 60%,#142c34 0,#09151b 61%)}.engine-pin::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#9baead0d 1px,transparent 1px),linear-gradient(90deg,#9baead0d 1px,transparent 1px);background-size:80px 80px;pointer-events:none;opacity:.5;z-index:-1}.technical-cross{position:absolute;font:100 25px Arial,sans-serif;color:#f5b879;opacity:.45}.technical-cross-a{right:38px;top:17%}.technical-cross-b{left:33px;bottom:15%}.engine-top,.engine-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.engine-top-right,.engine-bottom>span{font:500 10px Arial,sans-serif;color:#8b9b9b;letter-spacing:2px}.engine-split{height:calc(100% - 90px);display:grid;grid-template-columns:40% 60%;align-items:center;position:relative}.engine-copy{align-self:center;z-index:5;padding-bottom:15px}.engine-kicker{font:700 10px Arial,sans-serif;letter-spacing:2.4px;color:#aab8b5}.engine-copy h2{font-size:clamp(52px,5.5vw,92px);line-height:1.17;letter-spacing:-.05em;margin:20px 0 32px}.engine-copy h2 em{color:var(--orange)}.stage-stack{position:relative;min-height:175px;max-width:430px}.stage{position:absolute;inset:0;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .45s,transform .55s var(--ease)}.stage.is-active{opacity:1;transform:translateY(0)}.stage>span{display:block;color:var(--orange);font-size:13px;margin-bottom:10px}.stage h3{font-size:clamp(18px,2.2vw,28px);line-height:1.55;margin-bottom:8px;font-weight:730}.stage p{color:#a9b5b3;font-size:13px;line-height:2.1}.engine-track{display:flex;align-items:center;gap:14px;direction:ltr;width:210px;margin-top:23px;font:600 12px Arial,sans-serif;color:#abb6b2}.engine-track-line{background:#4d5f5e;width:100%;height:2px}.engine-track-line span{display:block;width:0;background:var(--orange);height:100%}.engine-visual{position:relative;height:100%;min-height:400px;display:grid;place-items:center;isolation:isolate}.engine-visual svg{width:120%;max-height:100%;overflow:visible;transform:translate(var(--cam-x,0px),var(--cam-y,0px)) scale(var(--cam-z,1));transform-origin:center center;transition:transform .15s linear;filter:drop-shadow(0 25px 30px #0002)}.engine-visual .drawing-grid path{fill:none;stroke:#97b1b4;stroke-width:.65;opacity:.23}.layer{opacity:0;transform:translateY(18px);transition:opacity .45s linear,transform .6s var(--ease)}.layer.is-visible{opacity:1;transform:translateY(0)}.layer.framework{transform:translateY(70px)}.layer.framework.is-visible{transform:translateY(0)}.layer.exterior{transform:translateY(-60px)}.layer.exterior.is-visible{transform:translateY(0)}.scene-orbit{position:absolute;width:51vw;max-width:700px;aspect-ratio:1;border:1px solid #ffffff08;border-radius:50%;box-shadow:0 0 0 85px #ffffff03,0 0 0 180px #ffffff02;left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1}.scene-glow{position:absolute;width:53%;height:42%;background:radial-gradient(circle,#eeae722a,transparent 65%);filter:blur(40px)}.scene-crane{opacity:0;transition:opacity .5s}.scene-legend{position:absolute;bottom:3%;left:5%;right:5%;display:flex;justify-content:space-between;direction:ltr;font:600 9px Arial,sans-serif;letter-spacing:1.7px;color:#9eafb0}.scene-status{display:flex;align-items:center;gap:10px;color:var(--orange)}.scene-status i{width:5px;height:5px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #f3b77720;animation:pulse 2s infinite}.stage-dots{display:flex;gap:10px;direction:ltr}.stage-dots i{height:3px;width:22px;background:#3d555a;transition:width .4s,background .4s}.stage-dots i.active{background:var(--orange);width:44px}@keyframes pulse{50%{box-shadow:0 0 0 11px #f3b77700}}
.interlude{height:110svh;min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;isolation:isolate}.interlude-photo{position:absolute;inset:-14%;background:url('../images/highrise-angle.webp') center/cover;z-index:-2;transform:scale(1.2) translateY(var(--interlude-move,0px));filter:saturate(.65)}.interlude::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09141be2,#09141b97 65%,#09141be9);z-index:-1}.interlude-content{max-width:1000px;margin:0 var(--side)}.interlude-content>span{font:600 11px Arial,sans-serif;letter-spacing:2px;color:var(--orange)}.interlude h2{font-size:clamp(55px,8vw,118px);font-weight:850;line-height:1.25;letter-spacing:-.045em;margin:18px 0 26px}.interlude h2 .word{display:inline-block;opacity:.2;filter:blur(5px);transform:translateY(18px);transition:opacity .4s,transform .5s,filter .5s}.interlude h2 .word.shown{opacity:1;transform:translateY(0);filter:blur(0)}.interlude p{color:#c2d1d0}.interlude-vertical{position:absolute;left:40px;top:50%;transform:rotate(-90deg) translateX(-50%);font:600 10px Arial,sans-serif;letter-spacing:3px;color:#c9c5b7}
.expertise{height:440vh;min-height:1950px;background:var(--light);color:#17252a}.expertise-pin{position:sticky;top:0;min-height:680px;height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:8.5vh var(--side) 5vh}.section-header{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px}.section-header .eyebrow{grid-column:1/-1;color:#b16f48}.section-header h2{font-size:clamp(44px,5.7vw,87px);letter-spacing:-.045em;line-height:1.15}.section-header h2 em{color:#c77f53}.section-header p{color:#687373;font-size:15px}.expertise-window{flex:1;min-height:0;margin-top:27px;position:relative}.expertise-rail{height:100%;display:flex;align-items:stretch;gap:clamp(14px,2.3vw,30px);width:max-content;direction:rtl;transform:translateX(var(--rail-move,0px));will-change:transform}.expertise-card{width:clamp(430px,55vw,950px);height:100%;display:flex;background:#e0dfd9;direction:rtl;overflow:hidden;border:1px solid #b5b6b027}.exp-photo{width:51%;height:100%;overflow:hidden;position:relative}.exp-photo::after{content:"";position:absolute;inset:0;background:#0c243226;pointer-events:none}.exp-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.expertise-card:hover img{transform:scale(1.08)}.exp-copy{width:49%;padding:clamp(23px,3vw,58px);display:flex;flex-direction:column;justify-content:center;align-items:start}.exp-copy>span{font-size:12px;color:#bb734a}.exp-copy h3{font-size:clamp(30px,3.4vw,58px);line-height:1.3;letter-spacing:-.03em;margin:25px 0}.exp-copy p{font-size:14px;line-height:2.1;color:#5c6769;max-width:300px}.exp-copy b{margin-top:auto;border-top:1px solid #a9b4b2;padding-top:15px;width:100%;font-weight:550;font-size:12px}.expertise-bottom{display:flex;gap:20px;align-items:center;direction:ltr;color:#596867;font:600 10px Arial,sans-serif;letter-spacing:1px;margin-top:30px}.expertise-bottom span:last-child{direction:rtl;font:400 11px Vazirmatn,sans-serif}.expertise-meter{background:#c2c8c4;height:2px;flex:1}.expertise-meter i{display:block;width:0;height:100%;background:#aa683f}
.production{height:380vh;min-height:1850px;position:relative;background:#142024}.production-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.production-images,.production-image{position:absolute;inset:0;overflow:hidden}.production-image{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .1s}.production-image.p0{opacity:1;clip-path:inset(0)}.production-image img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(var(--prod-zoom,1.11))}.production-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b151bed 5%,#0b151b99 48%,#0b151b15 100%),linear-gradient(0deg,#091319b0,transparent 45%)}.production-content{height:100%;position:relative;padding:15vh var(--side) 9vh;display:flex;flex-direction:column;justify-content:space-between}.production .eyebrow{color:var(--orange)}.production-titles{position:relative;height:50%;max-width:730px}.prod-step{position:absolute;right:0;left:0;top:0;opacity:0;transform:translateY(23px);transition:opacity .45s,transform .6s var(--ease);pointer-events:none}.prod-step.active{opacity:1;transform:translateY(0)}.prod-step>span{color:var(--orange);font-size:13px}.prod-step h2{font-size:clamp(58px,6.6vw,105px);letter-spacing:-.05em;line-height:1.16;margin:24px 0}.prod-step h2 em{color:var(--orange)}.prod-step p{color:#d5dcd7;font-size:15px;max-width:440px;line-height:2.1}.prod-numbers{display:flex;align-items:center;gap:22px;direction:ltr;width:min(350px,65vw)}.prod-numbers strong{color:var(--orange);font:800 48px Arial,sans-serif}.prod-numbers>span{font:500 13px Arial,sans-serif}.prod-meter{height:2px;background:#e0e8e66b;flex:1}.prod-meter i{display:block;height:100%;width:0;background:var(--orange)}.production-side{position:absolute;left:35px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font:600 9px Arial,sans-serif;letter-spacing:3px;color:#fff9;white-space:nowrap}.marquee-band{height:130px;background:var(--orange);color:#162027;display:flex;align-items:center;overflow:hidden;transform:rotate(-1.2deg) scale(1.02);z-index:4;position:relative}.marquee-inner{display:flex;width:max-content;white-space:nowrap;direction:ltr;animation:marquee 31s linear infinite}.marquee-inner span{padding-left:40px;font:900 clamp(34px,5.7vw,84px)/1 Arial,sans-serif;letter-spacing:-2px}
.projects{padding-top:170px;background:var(--cream);color:#19282e;position:relative}.projects-intro{padding:0 var(--side) 110px;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:end;gap:30px}.projects-intro .eyebrow{align-self:start;color:#bd7450}.projects-intro h2{font-size:clamp(52px,7vw,104px);line-height:1.16;letter-spacing:-.05em}.projects-intro h2 em{color:#c98458}.projects-intro p{margin-top:30px;color:#576365;max-width:590px}.projects-meta{justify-self:end;color:#7f8a88;font:500 10px Arial,sans-serif;letter-spacing:2px}.project-stack{position:relative}.project-project{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:#1b3038;isolation:isolate}.project-img{position:absolute;inset:0;overflow:hidden;z-index:-2}.project-img img{width:100%;height:100%;object-fit:cover;transform:scale(var(--project-scale,1.1)) translateY(var(--project-translate,0px));will-change:transform}.project-project::after{position:absolute;content:"";inset:0;z-index:-1;background:linear-gradient(90deg,#0c1a20d8 0%,#10242b61 70%),linear-gradient(0deg,#08141bcc,transparent 40%)}.project-overlay{position:absolute;right:var(--side);left:var(--side);bottom:clamp(72px,12vh,156px);color:#fff}.project-overlay>span:first-child{color:var(--orange);font-size:14px}.project-overlay h3{font-size:clamp(53px,7.5vw,117px);line-height:1.17;letter-spacing:-.045em;max-width:940px;margin:25px 0}.project-overlay h3 small{font-size:.34em;display:block;letter-spacing:0;color:#d7e1dd}.project-overlay p{font-size:15px;color:#d0dbd7}.project-corner{position:absolute;left:0;bottom:0;font:500 11px Arial,sans-serif;letter-spacing:2px;color:#ffffffbb}.p-two .project-img img{object-position:center 60%}.more-projects{display:grid;grid-template-columns:1fr 1.7fr;gap:10vw;padding:150px var(--side);background:#ece9e2}.more-projects>div>span{font-size:12px;color:#bc7951}.more-projects h3{font-size:clamp(35px,4.3vw,71px);line-height:1.25;letter-spacing:-.04em;max-width:520px;margin-top:28px}.more-projects ul{margin:0;padding:0;list-style:none}.more-projects li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:18px;padding:29px 0;border-bottom:1px solid #b5bdb6;transition:padding .3s,background .3s}.more-projects li:first-child{border-top:1px solid #b5bdb6}.more-projects li:hover{padding-right:13px}.more-projects li span{font:600 11px Arial,sans-serif;color:#b66b47}.more-projects li strong{font-size:18px;font-weight:700}.more-projects li em{font-size:12px;color:#718080}
.numbers{background:#e8b17d;color:#152029;padding:140px var(--side) 120px;position:relative;overflow:hidden}.numbers::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#18212915 calc(25% - 1px),#18212915 25%)}.numbers-lead{position:relative}.numbers-lead .eyebrow{color:#55381f}.numbers h2{font-size:clamp(42px,5.6vw,91px);line-height:1.25;letter-spacing:-.04em;margin:20px 0 80px}.numbers h2 em{-webkit-text-stroke:1px #152029;color:transparent}.numbers-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;border-top:1px solid #1a2d32b0}.number-unit{padding-top:45px}.number-unit strong{font:800 clamp(65px,8.8vw,141px)/1.3 Vazirmatn,system-ui;letter-spacing:-.05em;direction:ltr;display:block;text-align:right}.number-unit p{font-size:14px;margin-top:15px}.numbers-note{display:block;margin-top:42px;color:#4c514d;font-size:10px}
.finale{height:106svh;min-height:710px;position:relative;overflow:hidden;background:#0a1821;isolation:isolate}.finale-image{position:absolute;inset:-20% 0;background:linear-gradient(270deg,#06141b61,#06141bd0 70%),url('../images/residential.webp') center/cover;z-index:-2;transform:scale(1.14) translateY(var(--finale-translate,0px));filter:saturate(.5)}.finale::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07131d 0%,transparent 65%);z-index:-1}.finale-line{position:absolute;top:0;bottom:0;right:var(--side);width:1px;background:#fff2}.finale-inner{position:absolute;top:49%;right:var(--side);left:var(--side);transform:translateY(-50%);z-index:2}.finale-inner .eyebrow{color:var(--orange)}.finale h2{font-size:clamp(68px,10vw,157px);line-height:1.14;letter-spacing:-.06em;margin:30px 0}.finale h2 em{color:var(--orange)}.finale p{max-width:600px;font-size:16px;color:#d0dcd9}.finale-button{margin-top:37px;display:inline-flex;align-items:center;gap:32px;border:1px solid var(--orange);padding:8px 8px 8px 28px;transition:background .3s,color .3s}.finale-button b{width:52px;height:52px;background:var(--orange);color:#152027;display:grid;place-items:center;font-size:27px}.finale-button:hover{background:var(--orange);color:#142129}.finale-button:hover b{background:#162029;color:#fff}.finale-huge{font:900 clamp(78px,13.4vw,215px)/1 Arial,sans-serif;position:absolute;bottom:-.18em;left:-.03em;white-space:nowrap;letter-spacing:-.09em;color:#ffffff12;pointer-events:none}
.footer{background:#081219;padding:80px var(--side) 24px;color:#e8ece7}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:25px;border-bottom:1px solid #ffffff2e;padding-bottom:70px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand svg{height:55px;width:55px;color:var(--orange)}.footer-brand strong{display:block;font-size:30px;line-height:1.2}.footer-brand small{display:block;font:600 11px Arial,sans-serif;letter-spacing:3px;color:var(--orange);margin-top:8px}.footer-loc{font-size:14px}.footer-loc span{display:block;color:#9daaa8;font-size:12px;margin-top:10px}.footer-top{border:1px solid #ffffff5c;width:50px;height:50px;display:grid;place-items:center;font:27px Arial,sans-serif;transition:background .25s}.footer-top:hover{background:var(--orange);color:#122029}.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#9cabaa;font-size:11px}.footer-bottom small{font-size:11px;color:#c4d2cd}.footer-bottom span:last-child{font:500 10px Arial,sans-serif;letter-spacing:1.5px}.scroll-buttons{position:fixed;left:22px;bottom:24px;z-index:50;display:flex;flex-direction:column;gap:5px;mix-blend-mode:normal}.scroll-buttons button{background:#111d22bd;border:1px solid #ffffff3f;color:#fff;width:37px;height:37px;backdrop-filter:blur(10px);font:19px Arial,sans-serif;transition:background .3s}.scroll-buttons button:hover{background:var(--orange);color:#17252a}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}
@media(min-width:1500px){.engine-pin{padding-top:115px}.engine-copy h2{font-size:100px}.engine-visual svg{width:110%}.hero-content{transform:translateY(-37%)}}
@media(max-width:1050px){.header{gap:18px}.header-cta{display:none}.nav{gap:16px}.nav a{font-size:11px}.hero h1{font-size:clamp(74px,11vw,125px)}.expertise-card{width:75vw}.expertise-pin{padding-top:9vh}.engine-copy h2{font-size:64px}.engine-split{grid-template-columns:42% 58%}.projects-intro{grid-template-columns:1fr 3fr}.projects-meta{display:none}}
@media(max-width:760px){:root{--side:24px}.header{height:72px}.header.scrolled{height:66px}.brand svg{width:33px;height:33px}.brand strong{font-size:16px}.brand small{font-size:8px}.menu-toggle{display:flex}.nav{position:fixed;inset:0;z-index:72;background:#0c1b22;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:90px 12vw 70px;gap:16px;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s,visibility .3s}.nav.open{opacity:1;visibility:visible;transform:translateY(0)}.nav a{font-size:clamp(24px,7vw,45px);color:#e7e9e4;border-bottom:1px solid #ffffff24;padding-bottom:9px}.hero{min-height:610px}.hero-photo{background-position:center,43% center}.hero-top-meta{top:97px}.hero-top-meta>span:first-child{font-size:7px;letter-spacing:1.1px}.hero-content{top:49%;transform:translateY(-39%)}.hero h1{font-size:clamp(73px,15vw,126px);line-height:1.2}.hero-content>p{font-size:13px;max-width:440px;margin-top:13px}.hero-intro{margin-bottom:14px}.discover-link{margin-top:25px}.discover-circle{height:50px;width:50px}.hero-down{bottom:23px;font-size:10px}.hero-index{font-size:8px;bottom:27px}.vision{height:270vh;min-height:1500px}.vision-pin{min-height:0;padding:105px var(--side) 40px;align-items:center}.vision-label{top:100px;right:var(--side);left:var(--side)}.vision-label span:last-child{font-size:8px}.vision-main{align-self:center;margin-top:-90px}.vision h2{font-size:clamp(50px,11.3vw,91px)}.vision-main>p{font-size:13px;margin-top:25px;line-height:2.05;max-width:400px}.vision-corner-photo{width:38vw;height:20vw;left:7%;bottom:9%;border-width:5px}.vision-bg-number{font-size:80vw;top:21vh;left:-13vw}.vision-progress{bottom:25px}.engineering{height:660vh;min-height:2900px}.engine-pin{min-height:0;padding:91px var(--side) 19px}.engine-top-right{font-size:8px}.engine-split{height:calc(100% - 66px);grid-template-columns:1fr;grid-template-rows:minmax(195px,40%) minmax(0,60%);align-items:start}.engine-copy{grid-row:1;align-self:stretch;padding:22px 0 0}.engine-kicker{font-size:8px}.engine-copy h2{font-size:clamp(43px,10vw,67px);margin:4px 0 12px;line-height:1.15}.engine-copy h2 br{display:none}.engine-copy h2 em{margin-right:8px}.stage-stack{min-height:114px;max-width:none}.stage>span{font-size:11px;margin-bottom:3px}.stage h3{font-size:16px;margin-bottom:2px}.stage p{font-size:11px;line-height:1.65}.engine-track{display:none}.engine-visual{grid-row:2;min-height:0;height:100%;margin-top:-35px}.engine-visual svg{width:min(116vw,720px);height:100%;max-height:100%;transform:translate(var(--cam-x,0px),var(--cam-y,0px)) scale(var(--cam-z,1));}.scene-orbit{width:74vw}.scene-legend{bottom:2%;left:0;right:0;font-size:7px}.engine-bottom{margin-top:-12px}.engine-bottom>span{font-size:8px}.stage-dots i{width:15px}.stage-dots i.active{width:27px}.interlude{min-height:550px;height:86svh}.interlude h2{font-size:clamp(45px,9vw,77px)}.interlude p{font-size:12px}.interlude-vertical{display:none}.expertise{height:370vh;min-height:1800px}.expertise-pin{min-height:0;padding:90px var(--side) 4vh}.section-header{display:block}.section-header h2{font-size:clamp(37px,8.2vw,65px);margin-top:12px}.section-header p{font-size:12px;margin-top:10px}.expertise-window{margin-top:22px}.expertise-card{width:calc(100vw - 48px);flex-direction:column}.exp-photo,.exp-copy{width:100%}.exp-photo{height:57%;flex-shrink:0}.exp-copy{height:43%;padding:16px 19px;justify-content:start}.exp-copy>span{font-size:10px}.exp-copy h3{font-size:clamp(23px,5.8vw,39px);margin:5px 0 4px}.exp-copy p{font-size:11px;line-height:1.65;max-width:none}.exp-copy b{display:none}.expertise-bottom{margin-top:16px}.production{height:350vh;min-height:1900px}.production-pin{min-height:0}.production-shade{background:linear-gradient(0deg,#0b151be8 0,#0b151b77 80%),linear-gradient(90deg,#0b151b7a,transparent)}.production-content{padding:100px var(--side) 40px}.production-titles{height:62%;display:flex;align-items:center}.prod-step{top:8%}.prod-step h2{font-size:clamp(52px,11vw,82px);margin:14px 0}.prod-step p{font-size:13px}.prod-numbers strong{font-size:39px}.production-side{display:none}.marquee-band{height:90px}.projects{padding-top:110px}.projects-intro{padding-bottom:60px;display:block}.projects-intro h2{font-size:clamp(48px,11vw,85px);margin:22px 0}.projects-intro p{font-size:13px}.project-project{min-height:0;height:100svh}.project-overlay{bottom:13vh}.project-overlay>span:first-child{font-size:12px}.project-overlay h3{font-size:clamp(45px,9.5vw,75px);margin:17px 0}.project-overlay p{font-size:12px}.project-corner{font-size:9px}.more-projects{grid-template-columns:1fr;gap:34px;padding:90px var(--side)}.more-projects h3{font-size:42px}.more-projects li{gap:10px;grid-template-columns:28px 1fr auto;padding:22px 0}.more-projects li strong{font-size:13px}.more-projects li em{font-size:10px}.numbers{padding:100px var(--side)}.numbers h2{font-size:clamp(45px,9vw,70px);margin-bottom:40px}.numbers-row{display:block}.number-unit{padding:22px 0 29px;border-bottom:1px solid #1a2d324a}.number-unit strong{font-size:clamp(66px,19vw,110px)}.number-unit p{font-size:12px}.numbers-note{font-size:10px;line-height:1.9}.finale{height:90svh;min-height:600px}.finale h2{font-size:clamp(60px,11vw,97px)}.finale p{font-size:13px}.finale-huge{font-size:17vw;bottom:-.05em}.footer{padding:55px var(--side) 22px}.footer-inner{padding-bottom:50px;flex-wrap:wrap}.footer-loc{width:100%}.footer-top{position:absolute;left:var(--side)}.footer-bottom{align-items:start;flex-wrap:wrap}.footer-bottom span:last-child{width:100%}.scroll-buttons{left:13px;bottom:13px}.scroll-buttons button{width:34px;height:34px}}
@media(max-width:400px){:root{--side:19px}.hero h1{font-size:16vw}.hero-top-meta{right:var(--side);left:var(--side)}.hero-loc{font-size:10px}.engine-copy{padding-top:9px}.engine-copy h2{font-size:40px}.stage h3{font-size:14px}.stage p{font-size:10px}.expertise-card{width:calc(100vw - 38px)}.exp-photo{height:55%}.exp-copy{height:45%}.prod-step h2{font-size:50px}.footer-bottom{font-size:10px}}
@media(max-height:720px) and (min-width:761px){.engine-pin{padding-top:80px}.engine-copy h2{font-size:57px;margin:9px 0 19px}.stage-stack{min-height:140px}.vision-main{transform:scale(.84);transform-origin:right center}.expertise-pin{padding-top:68px}.section-header h2{font-size:53px}.section-header p{font-size:12px}.exp-copy h3{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.001ms!important}.hero-photo,.interlude-photo,.finale-image,.project-img img{transform:none!important}.vision-words span{color:#15232a}.vision-corner-photo{opacity:1}.interlude .word{opacity:1!important;filter:none!important;transform:none!important}.layer{transform:none!important}.stage:not(.is-active),.prod-step:not(.active){opacity:0!important}}
/* Final composition polish: eliminate marquee overflow and add editorial depth. */
.marquee-band{transform:none}
.expertise-card:nth-child(1){--card-no:'01'}
.expertise-card:nth-child(2){--card-no:'02'}
.expertise-card:nth-child(3){--card-no:'03'}
.exp-copy{position:relative;isolation:isolate}
.exp-copy::after{content:var(--card-no);position:absolute;left:18px;bottom:22px;font:900 clamp(75px,11vw,165px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#12232b09;z-index:-1;pointer-events:none}
@media(max-width:760px){.project-corner{position:static;display:block;margin-top:24px;font-size:9px}.project-overlay{bottom:15vh}.exp-copy::after{font-size:105px;left:20px;bottom:15px;color:#12232b10}}