:root{--g:#143e2b;--o:#FF7029;--ink:#173729;--paper:#f8f8ef;--pad:clamp(22px,5.3vw,94px);--line:#cfd4ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:20px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--o);outline-offset:4px}.utility,header,.legend,.section,.stats,footer{padding-inline:var(--pad)}.utility{background:var(--g);color:white;display:flex;justify-content:space-between;align-items:center;height:32px;font-size:11px;letter-spacing:.03em}.utility span,.utility div,.legend a,.legend span,.actions,.eyebrow,.btn,.plain,.arrows,.fig,nav{display:flex;align-items:center}.utility i,.legend i{width:7px;height:7px;border-radius:100%;background:var(--o);margin-right:9px}.utility b{height:10px;border-right:1px solid #ffffff69;margin:0 14px}header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);position:relative;z-index:8;background:white}.logo img{width:115px;height:58px;object-fit:contain}.btn{display:inline-flex;justify-content:center;gap:24px;border-radius:6px;padding:15px 19px;font-size:14px;font-weight:650}.btn em,.plain em{font-size:18px;line-height:1;font-style:normal}.quote{background:var(--o);color:#fff}.green{background:var(--g);color:white}nav{gap:32px;font-size:14px;font-weight:600}nav button,#mobile{background:none;border:0;padding:0}#mobile{display:none}#catalog{position:absolute;top:100%;left:0;right:0;background:white;padding:24px var(--pad);box-shadow:0 10px 20px #16362520;columns:4}#catalog a, .footgrid a{display:block;margin-bottom:10px;font-size:14px}#catalog a:hover,.footgrid a:hover,nav a:hover,.plain:hover{text-decoration:underline}
.hero{background-color:var(--paper);background-image:linear-gradient(#3d5f3810 1px,transparent 1px),linear-gradient(90deg,#3d5f3810 1px,transparent 1px);background-size:45px 45px}.hero-inner{display:grid;grid-template-columns:44% 56%;align-items:center;padding:clamp(38px,4.2vw,72px) var(--pad) 32px;max-width:1800px;margin:auto}.eyebrow,.fig,.legend,.pin,.card small,.project small{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.11em;font-weight:700}.eyebrow{gap:10px}.dash{width:25px;height:3px;background:var(--o)}h1,h2,h3,p{margin:0}h1{font-size:clamp(70px,7.15vw,123px);line-height:.91;letter-spacing:-.077em;margin:24px 0 20px;font-weight:750}h1 span,h2 span{color:var(--o)}.intro p{max-width:375px;font-size:clamp(15px,1.18vw,20px);line-height:1.52;color:#425849}.actions{gap:26px;margin-top:25px}.plain{gap:12px;font-size:14px;font-weight:650}.visual{align-self:stretch;min-height:350px;position:relative;display:grid;place-items:center;isolation:isolate;perspective:1000px}.model{width:106%;mix-blend-mode:multiply;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--dy,0px));transition:transform .22s ease-out;pointer-events:none}.model img{width:100%;display:block}.frame{position:absolute;inset:2% 0 6%}.frame i{position:absolute;width:13px;height:13px;border-left:1px solid #738270;border-top:1px solid #738270}.frame i:nth-child(2){right:0;transform:rotate(90deg)}.frame i:nth-child(3){bottom:0;transform:rotate(-90deg)}.frame i:nth-child(4){bottom:0;right:0;transform:rotate(180deg)}.pin{position:absolute;width:33px;height:33px;border-radius:100%;background:var(--o);box-shadow:0 0 0 4px #fff9;color:#fff;border:1px solid var(--o);font-size:11px;letter-spacing:0}.pin:hover,.pin:focus-visible{transform:scale(1.12)}.p1{left:23%;top:60%}.p2{left:55%;top:77%}.p3{left:70%;top:40%}.pin-info{position:absolute;bottom:13%;left:8%;padding:12px 16px;background:var(--g);color:white;font-size:14px;border-radius:5px}.fig{position:absolute;bottom:0;right:0;gap:8px;font-size:9px}.cross{font-size:20px}.legend{display:flex;align-items:center;gap:24px;min-height:49px;border-block:1px solid var(--line);font-size:10px}.legend a{gap:7px;letter-spacing:0;font:12px Arial}.legend b{color:var(--o);font:10px monospace}.legend .scroll{margin-left:auto;font:10px monospace;letter-spacing:.1em}.section{padding-top:62px;padding-bottom:62px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}h2{font-size:clamp(39px,4vw,68px);line-height:1.04;letter-spacing:-.062em;margin-top:13px}.arrows{gap:8px}.arrows button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px}.arrows button:hover{background:var(--g);color:white}.rail,.projects{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a5b3a7 transparent;padding-bottom:12px}.card{flex:0 0 calc((100% - 36px)/3);position:relative;height:clamp(215px,19vw,340px);border:0;padding:0;overflow:hidden;border-radius:8px;background:#213c2b;text-align:left;scroll-snap-align:start;color:white}.card img,.project img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.card:hover img,.project:hover img{transform:scale(1.04)}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#0c2016d9)}.card small,.card strong,.card em{position:absolute;z-index:1}.card small{top:16px;left:17px;background:#183928dd;padding:6px 8px;border-radius:3px}.card strong{bottom:20px;left:20px;font-size:clamp(20px,2vw,34px);letter-spacing:-.045em;max-width:79%}.card em{bottom:19px;right:17px;border-radius:50%;background:#fff;color:var(--g);padding:7px 10px;font-style:normal}.about,.trust{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about{background:#f1f3eb}.aboutphoto img{width:100%;height:420px;object-fit:cover;border-radius:8px}.about p,.trust p,.detail p{line-height:1.63;color:#46584a;margin:17px 0}.about p{font-size:15px}.stats{background:var(--g);color:white;display:flex;justify-content:space-between;padding-block:32px}.stats div{font-size:13px}.stats strong{display:block;font-size:clamp(32px,3vw,50px);color:#f8fbf1;letter-spacing:-.05em;margin-bottom:5px}.trust{align-items:start}.trust details{border-bottom:1px solid var(--line);padding:14px 0}.trust summary{cursor:pointer;font-size:17px;font-weight:bold}.feedback{background:var(--paper)}.quotearea{font-size:clamp(22px,2.5vw,38px);line-height:1.24;max-width:900px;letter-spacing:-.035em;margin:28px 0 18px}.quotearea small{display:block;font:13px Arial;margin-top:16px;letter-spacing:0}.clients{max-width:100%;width:100%;margin-top:30px}.project{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}.project div{overflow:hidden;border-radius:7px;height:190px}.project small{display:block;margin:15px 0 8px}.project h3{font-size:22px;letter-spacing:-.035em}footer{background:#113824;color:white;padding-top:50px}.foothead{padding-bottom:35px;border-bottom:1px solid #ffffff40}.foothead h2{margin:15px 0 22px}.footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-block:34px}.footgrid p{line-height:1.55;margin:10px 0}.footgrid b{display:block;margin-bottom:14px}.legal{padding-block:18px;border-top:1px solid #ffffff40;font-size:12px}.legal a{float:right}dialog{border:0;padding:0;max-width:min(560px,92vw);width:560px;max-height:86vh;border-radius:12px;color:var(--ink)}dialog::backdrop{background:#0a2118ad}.close{position:absolute;right:10px;top:10px;border:0;background:white;border-radius:50%;width:34px;height:34px;font-size:23px}.detail{padding:24px}.detail h2{font-size:36px}.detailimage{width:100%;height:175px;object-fit:cover}.detail .btn{margin:3px 6px 3px 0}.btn:hover{filter:brightness(.94)}
@media(max-width:900px){nav{gap:15px}header{gap:10px}.hero-inner{grid-template-columns:47% 53%}.legend{gap:15px}.actions{gap:14px}.about,.trust{gap:4vw}.section{padding-block:46px}}
@media(max-width:740px){.utility{height:28px;font-size:10px}.utility b,.utility a[href^=mailto],nav{display:none}header{height:66px;justify-content:initial}.logo{margin-right:auto}.logo img{width:84px;height:48px}.btn{padding:12px 14px;font-size:13px;gap:14px}#mobile{display:block;font-size:24px;margin-left:9px}#catalog{columns:2;max-height:70vh;overflow:auto}.hero-inner{display:block;padding-top:33px;padding-bottom:15px}.hero h1{font-size:clamp(62px,13vw,90px);margin:18px 0}.intro p{max-width:390px}.visual{min-height:0;aspect-ratio:1.67;margin-top:20px}.model{width:88%;max-height:100%}.model img{max-height:100%;object-fit:contain}.frame{inset:4% 1% 5%}.fig{bottom:-4px}.legend{height:auto;min-height:44px;gap:13px;flex-wrap:wrap;padding-block:8px}.legend .scroll,.legend>span{display:none}.card,.project{flex-basis:78%}.sectionhead{margin-bottom:20px}.section{padding-block:38px}.about,.trust{grid-template-columns:1fr;gap:25px}.aboutphoto img{height:240px}.stats{gap:12px;padding-block:22px}.stats strong{font-size:23px}.stats div{font-size:10px}.footgrid{grid-template-columns:1fr 1fr}.arrows button{width:32px;height:32px}.pin{width:27px;height:27px}.card strong{font-size:25px}.clients{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.model{transform:none}}
.newsletter{border-top:1px solid #ffffff40;padding:22px 0;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.newsletter input,#catalog input{padding:11px;border:1px solid #b6c5b8;border-radius:4px}.newsletter button,#catalog form button{border:0;padding:12px;cursor:pointer;border-radius:4px;margin-left:4px}
.visual{mix-blend-mode:multiply}.btn em,.plain em,.card em{font-family:Arial,sans-serif}.quote em,.actions .plain em,.card em{font-size:0}.quote em:after,.actions .plain em:after,.card em:after{content:'→';font-size:18px;display:inline-block;transform:rotate(-42deg)}.card em{width:32px;height:32px;display:grid;place-items:center;padding:0}
.journey{height:320svh;position:relative;background:#17261c}.cinema{height:100svh;position:sticky;top:0;overflow:hidden;color:#fff;background:#17261c url(assets/yard-opening.webp) center/cover}.cinema video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#0b170c39,transparent 65%),linear-gradient(0deg,#0c180fe8 0%,#0c180f85 28%,transparent 72%)}.chapter{position:absolute;left:var(--pad);bottom:clamp(106px,14vh,152px);right:var(--pad);pointer-events:none}.location,.route,.skip{font:600 11px/1.4 'Courier New',monospace;letter-spacing:.12em}.location{display:flex;align-items:center;gap:12px}.location:before{content:'';width:30px;height:3px;background:var(--o)}.chapter h1,.chapter h2{font-size:clamp(64px,7.4vw,138px);font-weight:650;line-height:.92;letter-spacing:-.07em;margin:17px 0}.chapter p{font-size:clamp(15px,1.25vw,22px);line-height:1.4}.dispatch{opacity:0}.journey-controls{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:14px}.route{display:flex;gap:20px}.route button{border:0;background:none;color:#e2e5df;padding:7px 0;font:inherit}.route b{font:600 13px Arial;letter-spacing:0;margin-left:5px}.route [aria-pressed=true]{color:var(--o)}.skip{font:600 13px Arial;letter-spacing:0}.film-progress{height:3px;background:var(--o);position:absolute;bottom:0;width:100%;transform:scaleX(var(--progress,0));transform-origin:left}body>.utility{display:none}header{height:68px}.logo img{height:48px}.journey{margin-top:0}.cinema{height:calc(100svh - 68px)}header{position:sticky;top:0}.cinema{top:68px}
@media(max-width:740px){header{height:60px}.cinema{height:calc(100svh - 60px);top:60px}.chapter h1,.chapter h2{font-size:clamp(51px,11vw,76px)}.chapter{bottom:115px}.route{gap:12px}.route b,.skip{font-size:11px}.cinema video{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.journey{height:175svh}}
#flight{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#play-flight{margin-left:auto;margin-right:20px;border:1px solid #ffffff88;background:#12281bc9;color:white;border-radius:20px;padding:7px 14px;font-size:12px}@media(max-width:740px){#play-flight{margin-right:0}.journey-controls .skip{display:none}}
