@font-face{font-family:Golos;src:url('assets/golos-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Golos;src:url('assets/golos-bold.ttf');font-weight:700;font-display:swap}
:root{--ice:#dfebef;--ink:#18323e;--blue:#0878b5;--muted:#56707c;--dark:#233d49;--radius:36px;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Golos,Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.5;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(42px,5.2vw,78px)}h2{font-size:clamp(35px,4.2vw,64px)}h3{font-size:34px}::selection{background:#abd6eb;color:#102d3c}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.symbols{display:none}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.pill{border:1px solid transparent;background:var(--ink);color:#fff;border-radius:17px;padding:18px 24px;min-height:55px;font-size:13px;display:inline-flex;gap:22px;align-items:center;justify-content:center;transition:background 180ms ease,transform 160ms var(--ease-out)}.pill:active{transform:scale(.97)}.pill svg{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:14px}.header{position:fixed;inset:0 0 auto;z-index:20;height:105px;display:grid;grid-template-columns:1fr 2fr 100px 2fr 1fr;align-items:center;gap:24px;padding:20px 30px;pointer-events:none}.header>*{pointer-events:auto}.header nav{display:flex;gap:35px;justify-content:center;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}.header nav a{font-size:12px;font-weight:700;white-space:nowrap}.icon-button{width:52px;height:52px;border:1px solid #173b4c30;background:#edf5f28c;backdrop-filter:blur(12px);border-radius:17px;position:relative;padding:0;transition:opacity 180ms ease}.icon-button span{position:absolute;left:18px;width:16px;height:1px;background:var(--ink);top:22px}.icon-button span+span{top:29px;width:11px}.icon-button[aria-expanded=true] span{width:18px;transform:translateY(3px) rotate(45deg)}.icon-button[aria-expanded=true] span+span{width:18px;transform:translateY(-4px) rotate(-45deg)}.logo{width:92px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;transition:background 200ms ease,box-shadow 200ms ease}.logo img{width:64px;height:auto;object-fit:contain}.nav-contact{font-size:11px;min-width:135px;justify-self:end;padding:15px 18px;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}.header.is-scrolled nav,.header.is-scrolled .nav-contact{opacity:0;transform:translateY(-15px);pointer-events:none;visibility:hidden}.header.is-scrolled .logo{background:#fff;box-shadow:0 4px 20px #122e3912}.header.is-scrolled .icon-button{background:#ffffffeb}.menu{position:fixed;z-index:19;top:16px;left:16px;width:min(520px,calc(100% - 32px));padding:110px 45px 36px;background:#edf5f8;border:1px solid #c4dbe3;border-radius:28px;box-shadow:0 18px 60px #112d4430}.menu[hidden]{display:none}.menu-links{display:flex;flex-direction:column;gap:13px}.menu-links a{font-size:32px;letter-spacing:-.03em}.menu-email{display:inline-block;margin-top:35px;font-size:14px;color:var(--blue)}.hero{padding:150px 20px 22px;background:var(--ice);text-align:center}.hero h1{max-width:1000px;margin:auto}.hero-sub{font-size:14px;margin:25px 20px 52px;color:#4d6570}.hero-media{height:75vh;min-height:480px;max-height:900px;position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate}.hero-media img{height:100%;object-position:50% 58%;transform:scale(1.07)}.photo-link{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:24px;background:#ffffffec;border-radius:15px;padding:16px 21px;font-size:13px}.story{height:200vh;padding:20px;background:#fff}.story-sticky{height:calc(100vh - 40px);position:sticky;top:20px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;overflow:hidden}.story-image{height:100%;width:100%;border-radius:var(--radius);overflow:hidden;grid-column:1;grid-row:1}.story-image img{height:100%;object-position:44% center}.story-copy{grid-column:2;grid-row:1;padding:40px;z-index:1;background:#ffffffed;border-radius:28px;max-width:550px;justify-self:end}.story-copy h2{font-size:clamp(35px,3.6vw,54px)}.story-copy p{font-size:18px;line-height:1.6;margin:27px 0 35px;color:#425b66}.directions{height:340vh;padding:20px}.direction-sticky{position:sticky;top:20px;height:calc(100vh - 40px);display:grid;grid-template-columns:1fr 1fr;gap:28px}.direction-copy{background:var(--ice);border-radius:var(--radius);padding:42px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.direction-copy h2{font-size:clamp(35px,3.4vw,52px);margin-bottom:28px}.direction-tabs{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.direction-tabs button{border:0;background:transparent;padding:0;text-align:left;font-size:clamp(20px,2.2vw,32px);letter-spacing:-.03em;line-height:1.16;color:#7b949e;transition:color 180ms ease,transform 250ms var(--ease-out)}.direction-tabs button[aria-selected=true]{color:var(--ink);transform:translateX(12px)}#direction-detail p{font-size:14px;line-height:1.6;max-width:43ch;min-height:68px;margin:25px 0}.direction-copy .pill{background:var(--blue)}.scroll-cue{font-size:11px;color:#4c6977;margin-top:22px;display:flex;align-items:center;gap:12px}.scroll-cue svg{width:15px;height:15px}.direction-photos{position:relative;border-radius:var(--radius);overflow:hidden;isolation:isolate;background:#315461}.direction-photos>img{position:absolute;inset:0;height:100%;opacity:0;transition:opacity 600ms var(--ease-in-out);object-position:center}.direction-photos>img.active{opacity:1}.photo-caption{position:absolute;inset:auto 24px 25px;display:flex;justify-content:space-between;gap:15px;background:#ffffffeb;padding:17px 20px;border-radius:16px;font-size:13px}.step-count{font-variant-numeric:tabular-nums;color:#546c79;white-space:nowrap}.fleet-feature{height:180vh;position:relative;margin:50px 0 0;background:var(--ice)}.fleet-visual{position:sticky;top:0;height:100vh;overflow:hidden}.fleet-visual img{height:100%;object-position:center;transform:scale(1.06)}.fleet-visual:after{content:'';position:absolute;inset:0;background:#0d293b30}.fleet-copy{position:absolute;top:36%;left:8%;max-width:650px;color:#fff;text-shadow:0 2px 20px #102b3b60}.fleet-copy p{font-size:19px;max-width:440px;line-height:1.6;margin:24px 0 32px}.fleet-copy .pill{text-shadow:none;background:#fff;color:var(--ink)}.projects{background:var(--dark);color:#fff;padding:130px 9% 90px;overflow:clip}.section-intro{text-align:center;margin:0 auto 100px;max-width:950px}.section-intro>p{font-size:17px;color:#d2e4ea;margin-top:26px}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;column-gap:14%;row-gap:80px;align-items:start}.project-image{height:520px;border-radius:var(--radius);overflow:hidden}.project-image img{height:100%;object-position:center}.project-second{padding-top:190px}.project-third{grid-column:1/3;width:55%;justify-self:center}.project-third .project-image{height:400px}.project-copy{padding-top:24px}.project-copy p{color:#d2e4ea;margin-top:15px;font-size:16px;max-width:40ch}.project-copy .text-link{margin-top:22px;font-size:12px;color:#fff}.project-note{font-size:12px;max-width:660px;margin:85px auto 0;text-align:center;color:#c7dce5}.geography{text-align:center;padding:130px 30px 100px;background:var(--ice)}.geography h2 span{color:#637f8c}.geography>p{margin:28px 0 20px;color:#405f6e;font-size:18px}.geo-map{max-width:860px;margin:auto}.geo-map img{max-height:480px;object-fit:contain;filter:grayscale(1);opacity:.7}.geo-places{display:flex;gap:50px;justify-content:center;font-size:20px;margin:12px 0 20px}.geography small{font-size:12px;color:#536f7c}.fleet-types{padding:110px 8%;background:#f7f9f9}.fleet-types .section-intro{margin-bottom:60px}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fleet-grid details{background:white;border-radius:25px;overflow:hidden}.fleet-grid summary{position:relative;list-style:none;cursor:pointer;padding:25px;display:flex;flex-direction:column;font-size:19px;min-height:240px;justify-content:flex-end}.fleet-grid summary::-webkit-details-marker{display:none}.fleet-grid img{height:155px;object-fit:contain;margin-bottom:15px}.fleet-grid b{font-size:25px;font-weight:400;position:absolute;right:22px;top:18px}.fleet-grid details[open] b{transform:rotate(45deg)}.fleet-grid details>p{font-size:14px;line-height:1.6;color:#4d6570;padding:0 25px 25px}.about{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.about-photo,.about-copy{border-radius:var(--radius);overflow:hidden;min-height:650px}.about-photo img{height:100%;object-position:center}.about-copy{background:var(--ice);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px}.about-copy p{font-size:17px;line-height:1.65;margin:30px 0;max-width:48ch}.facts{display:flex;gap:50px;margin:5px 0 38px}.facts>div{display:flex;flex-direction:column;gap:10px}.facts strong{font-weight:400;font-size:34px;letter-spacing:-.035em;white-space:nowrap}.facts span{font-size:12px;max-width:130px}.news{text-align:center;padding:110px 25px}.news p{font-size:16px;color:#526c79;margin:25px auto;max-width:530px}.empty-label{display:inline-block;border:1px solid #c5d5db;border-radius:15px;padding:15px 25px;font-size:12px;color:#526c79}footer{padding:90px 5% 25px;background:#dce9ed;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.contact-link{font-size:clamp(20px,2.7vw,38px);display:flex;align-items:center;gap:20px;border-bottom:1px solid #698d9d;padding-bottom:10px}.footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin:70px 0 100px}.footer-columns nav{display:flex;flex-direction:column;gap:12px;font-size:16px}.footer-columns address{font-style:normal;font-size:14px;line-height:1.8}.variant-label{font-size:12px;color:#4a6573;line-height:1.8}.footer-wordmark{font-size:clamp(65px,14.8vw,235px);font-weight:700;letter-spacing:-.055em;line-height:.88;color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a5bdc7;padding-top:26px;margin-top:60px;font-size:11px}.footer-bottom a{display:inline-flex;align-items:center;gap:12px}.footer-bottom svg{width:16px;height:16px}
@media(hover:hover) and (pointer:fine){.pill:hover{background:#3b6375}.direction-copy .pill:hover{background:#08618e}.fleet-copy .pill:hover{background:#e7f4fa}.header a:hover,.menu a:hover{color:var(--blue)}.project-image img{transition:transform 600ms var(--ease-out)}.project:hover img{transform:scale(1.025)}}
@media(max-width:1100px){.header{grid-template-columns:60px 1fr 90px 1fr 130px;gap:10px;padding-inline:20px}.header nav{gap:18px}.header nav a{font-size:10px}.direction-copy{padding:30px}.project-image{height:400px}.projects{padding-inline:6%}.about-copy{padding:35px}.facts{gap:25px}.facts strong{font-size:29px}}
@media(max-width:760px){html{scroll-padding-top:85px}.header{height:85px;grid-template-columns:1fr 70px 1fr;padding:12px 16px}.header .nav-left,.header .nav-right{display:none}.icon-button{width:45px;height:45px;grid-column:1}.icon-button span{left:14px;top:18px}.icon-button span+span{top:25px}.logo{grid-column:2;grid-row:1;width:65px;height:55px;border-radius:15px}.logo img{width:52px}.nav-contact{grid-column:3;font-size:10px;min-width:0;padding:12px 13px;min-height:44px;border-radius:14px;gap:8px}.nav-contact svg{width:14px}.hero{padding:130px 12px 12px}.hero h1{font-size:clamp(34px,8.8vw,52px);line-height:1.08}.hero-sub{font-size:12px;margin:24px 10px 32px}.hero-media{height:65svh;min-height:440px;border-radius:24px}.hero-media img{object-position:61% center}.photo-link{font-size:11px;bottom:15px;right:15px;left:15px;justify-content:space-between;padding:15px}.story{height:auto;padding:12px}.story-sticky{position:relative;top:auto;height:auto;display:flex;flex-direction:column;gap:0;overflow:visible}.story-image{height:450px;border-radius:25px}.story-copy{padding:35px 15px 45px;background:#fff;max-width:100%}.story-copy h2{font-size:37px}.story-copy p{font-size:16px;margin:22px 0}.directions{height:280svh;padding:12px}.direction-sticky{top:10px;height:calc(100svh - 20px);grid-template-columns:1fr;grid-template-rows:1.2fr 1fr;gap:12px}.direction-copy{border-radius:25px;padding:25px;justify-content:flex-start}.direction-copy h2{font-size:30px;margin-bottom:20px}.direction-copy h2 br{display:none}.direction-tabs{gap:9px}.direction-tabs button{font-size:22px}.direction-tabs button br{display:none}.direction-tabs button[aria-selected=true]{transform:translateX(8px)}#direction-detail p{font-size:12px;line-height:1.5;min-height:0;margin:16px 0}.direction-copy .pill{font-size:11px;min-height:42px;padding:11px 16px}.scroll-cue{display:none}.direction-photos{border-radius:25px}.photo-caption{inset:auto 15px 15px;padding:12px;font-size:11px}.fleet-feature{height:135svh;margin-top:30px}.fleet-visual{height:100svh}.fleet-visual img{object-position:62% center}.fleet-visual:after{background:#0b273c59}.fleet-copy{top:32%;left:25px;right:25px}.fleet-copy h2{font-size:40px}.fleet-copy p{font-size:16px;max-width:320px}.projects{padding:75px 22px}.section-intro{margin-bottom:45px}.section-intro h2{font-size:36px}.section-intro>p{font-size:14px;margin-top:22px}.project-grid{grid-template-columns:1fr;gap:55px}.project-image{height:370px;border-radius:25px}.project-second{padding-top:0}.project-third{grid-column:auto;width:100%}.project-third .project-image{height:370px}.project-copy h3{font-size:29px}.project-copy p{font-size:14px}.project-note{font-size:11px;margin-top:50px}.geography{padding:75px 20px}.geography h2{font-size:38px}.geography>p{font-size:14px}.geo-map{margin:25px -10px}.geo-places{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:20px;margin:25px 0}.fleet-types{padding:75px 18px}.fleet-grid{grid-template-columns:1fr 1fr;gap:12px}.fleet-grid summary{padding:16px;font-size:15px;min-height:190px}.fleet-grid img{height:110px;margin-bottom:12px}.fleet-grid b{top:10px;right:14px;font-size:21px}.fleet-grid details>p{padding:0 16px 20px;font-size:12px}.about{padding:12px;grid-template-columns:1fr;gap:12px}.about-photo{min-height:0;height:400px;border-radius:25px}.about-copy{min-height:0;padding:40px 25px;border-radius:25px}.about-copy h2{font-size:40px}.about-copy p{font-size:15px;margin:25px 0}.facts{gap:30px;margin:10px 0 32px}.facts strong{font-size:27px}.facts span{font-size:11px}.news{padding:75px 25px}.news h2{font-size:36px}.news p{font-size:14px}.empty-label{font-size:11px;padding:14px 18px}footer{padding:65px 24px 24px}.footer-top{display:block}.footer-top h2{font-size:43px}.contact-link{font-size:20px;justify-content:space-between;margin-top:38px}.footer-columns{grid-template-columns:1fr;gap:35px;margin:50px 0 60px}.footer-columns nav{display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:16px}.footer-columns address{font-size:13px}.variant-label{font-size:11px}.footer-wordmark{font-size:14vw;line-height:.95;letter-spacing:-.05em}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:20px;margin-top:35px}.menu{padding:95px 30px 30px}.menu-links a{font-size:28px}}
.direction-tabs button{color:#526c78}.geography small{color:#4d6673}.fleet-copy{text-shadow:none}.fleet-visual:after{background:#0d293b85}.header nav a:hover,.header .logo:hover{color:var(--blue)}.header .nav-contact:hover{color:#fff}.menu{box-shadow:0 18px 60px #00000020}.header nav a,.nav-contact,.scroll-cue,.footer-bottom,.variant-label,.empty-label,.project-note,.facts span{font-size:12px}
@media(max-width:760px){.directions{height:auto}.direction-sticky{position:relative;top:auto;height:auto;display:flex;flex-direction:column}.direction-copy{padding:32px 25px}.direction-copy h2{margin-bottom:26px}.direction-tabs{gap:13px}.direction-tabs button{font-size:21px}.direction-photos{height:390px;flex-shrink:0}.nav-contact{font-size:11px}.fleet-feature{height:120svh}.facts span{font-size:12px}.footer-bottom{font-size:12px}}
@media(min-width:761px){.story-image{grid-column:1/-1;clip-path:inset(0 36% 0 0 round 36px)}}
.motion-toggle{position:fixed;z-index:25;right:18px;bottom:18px;border:1px solid #799aaa;background:#f4faf8ee;color:#18323e;backdrop-filter:blur(12px);padding:12px 17px;border-radius:15px;font-size:12px;box-shadow:0 4px 18px #00000016}
.hero-media{will-change:clip-path}.story-image{will-change:clip-path}.project-image img{will-change:transform}
@media(max-width:760px){
 .story{height:175svh}.story-sticky{position:sticky;top:84px;height:calc(100svh - 96px);display:block;overflow:hidden;border-radius:25px}.story-image{height:100%;width:100%;border-radius:25px}.story-copy{position:absolute;inset:auto 14px 20px;padding:24px;max-width:none;background:#fffffff0;border-radius:22px}.story-copy h2{font-size:30px}.story-copy p{font-size:14px;margin:18px 0}.story-copy .text-link{font-size:12px}
 .directions{height:340svh}.direction-sticky{position:sticky;top:84px;height:calc(100svh - 96px);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(260px,.95fr) minmax(210px,1.05fr);gap:12px}.direction-copy{padding:22px;justify-content:center}.direction-copy h2{font-size:27px;margin-bottom:16px}.direction-tabs{gap:8px}.direction-tabs button{font-size:19px;line-height:1.15}.direction-photos{height:100%;min-height:0}.direction-copy>.pill{display:none}#direction-detail p{font-size:12px;line-height:1.5;margin:14px 0 0}.photo-caption{font-size:11px}.motion-toggle{bottom:12px;right:12px;padding:10px 13px;font-size:11px}
}
@media(max-width:760px) and (max-height:850px){#direction-detail{display:none}.direction-copy{padding:18px 22px}.direction-copy h2{font-size:25px}.direction-tabs button{font-size:18px}.story-copy p{font-size:13px}.story-copy h2{font-size:28px}}
html[data-motion=quiet]{scroll-behavior:auto}html[data-motion=quiet] .story{height:auto}html[data-motion=quiet] .story-sticky{position:relative;top:0;height:650px}html[data-motion=quiet] .directions{height:auto}html[data-motion=quiet] .direction-sticky{position:relative;top:0;height:750px}html[data-motion=quiet] .fleet-feature{height:100vh}html[data-motion=quiet] .fleet-visual{position:relative}html[data-motion=quiet] .direction-photos>img{transition-duration:120ms}
@media(max-width:760px){html[data-motion=quiet] .story-sticky{height:680px}html[data-motion=quiet] .direction-sticky{height:800px}}
/* Cinematic scroll scenes: the image frame opens to the viewport without stretching the photo. */
.hero{padding-inline:0;padding-bottom:0}.hero:after{content:'';display:block;height:75svh}.hero h1{padding-inline:25px}.hero-media{position:sticky;top:0;height:100svh;min-height:0;max-height:none;border-radius:0;clip-path:inset(0 2% 0 2% round 36px);transition:clip-path 250ms var(--ease-out)}
.hero h1,.hero-sub{transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}.hero-media img{transition:transform 250ms var(--ease-out)}
.story{height:250svh;padding:0}.story-sticky{position:sticky;top:0;height:100svh;display:block;isolation:isolate;overflow:hidden;border-radius:0}.story-image{position:absolute;inset:0;width:100%;height:100%;border-radius:0;transition:clip-path 250ms var(--ease-out);clip-path:inset(3% 39% 3% 2% round 36px)}.story-image img{transition:transform 250ms var(--ease-out)}.story-copy{position:absolute;top:50%;right:6%;width:37%;max-width:560px;padding:38px;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out);transform:translateY(-50%);background:#ffffffed}
.fleet-feature{height:240svh;margin-top:0}.fleet-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.fleet-visual{position:absolute;inset:0;height:100%;border-radius:0;clip-path:inset(9% 8% round 36px);transition:clip-path 250ms var(--ease-out)}.fleet-visual img{transition:transform 250ms var(--ease-out)}.fleet-copy{position:absolute;top:auto;left:8%;bottom:13%;right:8%;max-width:650px;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}.fleet-copy p{color:white}.fleet-visual:after{background:#102c4166;transition:opacity 180ms ease}
.project-copy,.about-copy>h2,.about-copy>p{transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
@media(max-width:760px){.hero{padding-top:125px}.hero:after{height:60svh}.hero-media{height:100svh;min-height:0;border-radius:0}.hero h1{padding-inline:18px}.hero-sub{margin-bottom:32px}.story{height:230svh}.story-sticky{top:0;height:100svh;border-radius:0}.story-image{border-radius:0}.story-image img{object-position:35% center}.story-copy{top:auto;left:20px;right:20px;bottom:12%;width:auto;max-width:none;padding:27px;transform:none}.story-copy h2{font-size:31px}.story-copy p{font-size:14px}.fleet-feature{height:220svh}.fleet-stage{height:100svh}.fleet-visual{height:100%;position:absolute}.fleet-copy{left:25px;right:25px;bottom:13%;top:auto}.fleet-copy h2{font-size:38px}}
html[data-motion=quiet] .hero:after{display:none}html[data-motion=quiet] .hero-media{position:relative;clip-path:none;max-height:800px}html[data-motion=quiet] .story{height:auto}html[data-motion=quiet] .story-sticky{position:relative;top:0;height:700px}html[data-motion=quiet] .story-image{clip-path:none}html[data-motion=quiet] .story-copy{transform:translateY(-50%)}html[data-motion=quiet] .fleet-feature{height:100svh}html[data-motion=quiet] .fleet-stage{position:relative;height:100svh}html[data-motion=quiet] .fleet-visual{position:absolute;clip-path:none}
@media(max-width:760px){html[data-motion=quiet] .story-copy{transform:none}}
.story-copy{background:transparent;color:#fff;border-radius:0;isolation:isolate;overflow:visible}
.story-copy:before{content:'';position:absolute;inset:-65px -55px;z-index:-1;background:radial-gradient(ellipse at center,rgba(7,24,36,.62) 0%,rgba(7,24,36,.38) 48%,rgba(7,24,36,0) 73%);pointer-events:none}
.story-copy p,.story-copy .text-link{color:#fff}.story-copy .text-link:focus-visible{outline-color:#fff}
@media(min-width:761px){.story-copy{left:6%;right:auto;width:40%}}
@media(max-width:760px){.story-copy{background:transparent;padding:27px}.story-copy:before{inset:-60px -45px;background:radial-gradient(ellipse at center,rgba(7,24,36,.65) 0%,rgba(7,24,36,.4) 50%,rgba(7,24,36,0) 75%)}}
/* One photographic language across directions, projects and the company base. */
.directions{height:620svh;padding:0;background:#fff}.direction-sticky{position:sticky;top:0;height:100svh;display:block;overflow:hidden;isolation:isolate}
.direction-photos{position:absolute;inset:0;width:100%;height:100%;border-radius:0;clip-path:inset(6% 7% round 36px);transition:clip-path 250ms var(--ease-out)}.direction-photos>img{height:100%;object-fit:cover}
.direction-copy{position:absolute;left:7%;right:auto;bottom:20%;top:auto;padding:0;background:transparent;border-radius:0;overflow:visible;display:block;width:45%;max-width:680px;color:#fff;isolation:isolate;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
.direction-copy:before,.project-copy:before,.about-copy:before,.fleet-copy:before{content:'';position:absolute;inset:-75px -65px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(7,24,36,.6),rgba(7,24,36,.35) 48%,rgba(7,24,36,0) 75%)}
.direction-copy h2{font-size:18px;margin:0 0 22px;letter-spacing:0;line-height:1.3}.direction-copy h3{font-size:clamp(38px,4.4vw,66px);line-height:1.07;max-width:15ch}#direction-detail p{display:block;font-size:18px;max-width:42ch;line-height:1.6;margin:25px 0;min-height:0;color:#fff}.direction-copy>.pill{display:inline-flex;background:#ffffff20;border-color:#ffffff8c;backdrop-filter:blur(12px);color:white}.direction-copy .step-count{display:block;margin-top:25px;font-size:12px;color:#fff}
.direction-tabs{position:absolute;bottom:28px;left:4%;right:4%;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:10px;overflow-x:auto;padding:7px 5px;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;z-index:2}.direction-tabs button{font-size:12px;color:#fff;padding:14px 16px;background:#18323e66;backdrop-filter:blur(12px);border:1px solid #ffffff45;border-radius:14px;text-align:center;white-space:nowrap;flex:0 0 auto;line-height:1.3;transform:none}.direction-tabs button br{display:none}.direction-tabs button[aria-selected=true]{transform:none;color:#fff;background:#18323ed9;border-color:#fff}.direction-tabs button:focus-visible{outline-color:white;outline-offset:2px}
.projects{padding:0;overflow:visible;background:var(--dark)}.projects>.section-intro{margin:0;padding:95px 25px 85px;max-width:none}.project-grid{display:block}.project,.project-second,.project-third{position:relative;height:220svh;width:100%;padding:0;margin:0;transform:none}.project-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.project-image,.project-third .project-image{position:absolute;inset:0;width:100%;height:100%;border-radius:0;clip-path:inset(6% 7% round 36px);transition:clip-path 250ms var(--ease-out)}.project-image img{height:100%;object-fit:cover;transition:transform 250ms var(--ease-out)}
.project-copy{position:absolute;left:7%;bottom:17%;width:43%;max-width:650px;color:#fff;padding:0;isolation:isolate;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}.project-copy h3{font-size:clamp(40px,5vw,74px)}.project-copy p{font-size:19px;color:#fff;line-height:1.6;margin-top:25px}.project-copy .text-link{font-size:14px;margin-top:28px;color:white}.project-note{margin:0 auto;padding:35px 25px 50px;max-width:760px}
.about{position:relative;height:240svh;padding:0;display:block;gap:0}.about-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.about-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;clip-path:inset(6% 7% round 36px);transition:clip-path 250ms var(--ease-out)}.about-photo img{height:100%;object-fit:cover;transition:transform 250ms var(--ease-out)}.about-copy{position:absolute;left:7%;bottom:13%;width:45%;max-width:650px;min-height:0;border-radius:0;overflow:visible;padding:0;display:block;background:transparent;color:#fff;isolation:isolate;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}.about-copy h2{font-size:clamp(38px,4.6vw,65px)}.about-copy p{font-size:17px;line-height:1.6;margin:24px 0}.about-copy .facts{margin:28px 0}.about-copy .facts strong{font-size:38px}.about-copy .pill{background:#ffffff20;border-color:#ffffff8c;backdrop-filter:blur(12px);color:white}
.fleet-visual:after{background:transparent}.fleet-copy{isolation:isolate}.fleet-copy .pill{background:#ffffff20;border-color:#ffffff8c;backdrop-filter:blur(12px);color:white}
@media(hover:hover) and (pointer:fine){.direction-copy .pill:hover,.about-copy .pill:hover,.fleet-copy .pill:hover{background:#ffffff38;color:white}.project:hover img{transform:none}}
@media(max-width:760px){.directions{height:580svh}.direction-sticky{top:0;height:100svh;display:block}.direction-copy{left:25px;right:25px;bottom:22%;width:auto;max-width:none;padding:0}.direction-copy h2{font-size:14px;margin-bottom:17px}.direction-copy h3{font-size:35px;max-width:15ch}#direction-detail{display:block}#direction-detail p{font-size:14px;line-height:1.55;margin:20px 0}.direction-copy>.pill{font-size:12px;min-height:44px;padding:12px 17px}.direction-copy .step-count{margin-top:20px}.direction-tabs{left:12px;right:12px;bottom:24px;justify-content:flex-start;gap:8px}.direction-tabs button{font-size:11px;padding:12px 14px}.project,.project-second,.project-third{height:200svh}.project-copy{left:25px;right:25px;bottom:17%;width:auto;max-width:none}.project-copy h3{font-size:41px}.project-copy p{font-size:16px}.project-copy .text-link{font-size:12px}.about{height:230svh}.about-photo{height:100%}.about-copy{left:25px;right:25px;bottom:13%;width:auto;padding:0}.about-copy h2{font-size:36px}.about-copy p{font-size:14px;line-height:1.55;margin:20px 0}.about-copy .facts{gap:28px;margin:23px 0}.about-copy .facts strong{font-size:29px}.about-copy .facts span{font-size:12px}.about-copy .pill{font-size:12px;min-height:44px;padding:12px 17px}.direction-copy:before,.project-copy:before,.about-copy:before,.fleet-copy:before{inset:-60px -35px}}
@media(max-width:760px) and (max-height:750px){.direction-copy{bottom:24%}.direction-copy h3{font-size:30px}.direction-copy h2{margin-bottom:12px}#direction-detail p{font-size:13px;margin:15px 0}.direction-copy .step-count{margin-top:14px}.about-copy{bottom:12%}.about-copy h2{font-size:30px}.about-copy p{font-size:13px;margin:16px 0}.about-copy .facts{margin:18px 0}.about-copy .facts strong{font-size:26px}}
html[data-motion=quiet] .directions{height:auto}html[data-motion=quiet] .direction-sticky{position:relative;top:0;height:850px}html[data-motion=quiet] .direction-photos{clip-path:none}html[data-motion=quiet] .project,html[data-motion=quiet] .project-second,html[data-motion=quiet] .project-third{height:100svh}html[data-motion=quiet] .project-stage,html[data-motion=quiet] .about-stage{position:relative;top:0;height:100svh}html[data-motion=quiet] .project-image,html[data-motion=quiet] .about-photo{clip-path:none}html[data-motion=quiet] .about{height:100svh}
.direction-photos>img{transition:opacity 600ms var(--ease-in-out),transform 250ms var(--ease-out)}
@media(max-width:760px){.direction-copy,.project-copy,.about-copy{left:max(25px,8vw);right:max(25px,8vw)}}
.header:before{content:'';position:absolute;inset:12px 16px 8px;z-index:-1;background:#f7fcfded;backdrop-filter:blur(16px);border-radius:24px;opacity:0;transition:opacity 200ms var(--ease-out);pointer-events:none}
.header.is-revealed:before,.header:has(.nav-trigger[aria-expanded=true]):before{opacity:1}
.header.is-scrolled.is-revealed nav,.header.is-scrolled.is-revealed .nav-contact{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.nav-trigger{border:0;background:transparent;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700;white-space:nowrap;padding:18px 0;color:var(--ink)}.nav-trigger svg{width:14px;height:14px;transition:transform 200ms var(--ease-out)}.nav-trigger[aria-expanded=true]{color:var(--blue)}.nav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-panel{position:fixed;z-index:19;top:98px;left:50%;width:min(1000px,calc(100% - 48px));max-height:calc(100svh - 125px);overflow:auto;transform:translateX(-50%);background:#f5fafcee;backdrop-filter:blur(22px);border:1px solid #d8e6eb;border-radius:28px;box-shadow:0 20px 60px #00000018;transform-origin:top center}.nav-panel[hidden]{display:none}.nav-panel-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:30px}.nav-panel-title{font-size:16px;color:#536e7c;margin-bottom:20px}.nav-panel-links{display:flex;flex-direction:column;gap:3px}.nav-panel-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #d5e2e8;font-size:20px;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}.nav-panel-links a:hover,.nav-panel-links a:focus-visible{color:var(--blue)}.nav-panel-links svg{width:19px;height:19px}.nav-panel-preview{position:relative;min-height:290px;overflow:hidden;border-radius:20px;isolation:isolate}.nav-panel-preview img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2}.nav-panel-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#102d43c9);z-index:-1}.nav-panel-preview p{position:absolute;bottom:25px;left:23px;right:23px;font-size:23px;line-height:1.2;color:white;letter-spacing:-.02em}
.menu{max-height:calc(100svh - 32px);overflow:auto;transform-origin:top left}.menu-links>a{font-size:28px}.menu-group{border-bottom:1px solid #cbdfe7}.menu-group summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:27px;letter-spacing:-.03em;cursor:pointer;padding:8px 0}.menu-group summary::-webkit-details-marker{display:none}.menu-group summary svg{width:18px;height:18px}.menu-group[open] summary svg{transform:rotate(180deg)}.menu-sub-links{display:flex;flex-direction:column;gap:0;padding:4px 0 13px 15px}.menu-sub-links a{font-size:15px;line-height:1.4;padding:10px 0;color:#426474}
@media(max-width:1100px){.nav-trigger{font-size:11px;gap:4px}.header nav{gap:15px}}
@media(max-width:760px){.nav-panel{display:none!important}.header.is-revealed:before{opacity:0}.header.is-scrolled.is-revealed .nav-contact{opacity:0;visibility:hidden;pointer-events:none}.menu{padding:90px 27px 28px}.menu-group summary{font-size:26px}}
.menu-group[open]>summary>span{transform:rotate(45deg)}
