@font-face{font-family:"Urbanist";src:url("../assets/fonts/Urbanist-Thin.otf") format("opentype");font-style:normal;font-weight:100;font-display:swap}@font-face{font-family:"Urbanist";src:url("../assets/fonts/Urbanist-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{--black:#111;--orange:#d64129;--cream:#f6ede6;--shell:min(1440px,100% - 9vw)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"Urbanist",Arial,sans-serif;font-weight:100;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.portfolio-header{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.5vw;border-bottom:1px solid transparent;transition:height .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease}.portfolio-header.is-solid{height:48px;background:rgba(17,17,17,.91);border-color:rgba(246,237,230,.14);backdrop-filter:blur(12px)}.portfolio-brand{width:68px;transition:width .35s cubic-bezier(.22,1,.36,1)}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-brand img{display:block;width:100%}.portfolio-back{font-size:10px;letter-spacing:.15em;text-transform:uppercase;transition:color .2s ease}.portfolio-back:hover{color:var(--orange)}.portfolio-language{justify-self:end;display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.13em}.portfolio-language button{border:0;padding:4px 0;background:none;opacity:.52;cursor:pointer}.portfolio-language button.is-active,.portfolio-language button:hover{color:var(--orange);opacity:1}.portfolio-language span{color:rgba(246,237,230,.4)}
.portfolio-mark{margin:0;color:var(--orange);font-size:10px;letter-spacing:.16em;text-transform:uppercase}h1,h2{font-family:"Urbanist",Arial,sans-serif;font-weight:700}h1 em,h2 em{color:var(--orange);font-style:normal}.mobility-hero{position:relative;display:flex;align-items:flex-end;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 75% 24%,#312724 0,transparent 31%),linear-gradient(135deg,#201b19 0%,#111 58%,#191411 100%)}.hero-number{position:absolute;right:-.065em;top:5vh;color:rgba(246,237,230,.055);font:700 clamp(260px,50vw,820px)/.74 "Urbanist",Arial,sans-serif;letter-spacing:-.09em;user-select:none}.hero-content{position:relative;width:var(--shell);margin:0 auto;padding:clamp(130px,17vh,190px) 0 7vh}.mobility-hero h1{max-width:9ch;margin:26px 0 0;font-size:clamp(64px,10vw,172px);line-height:.79;letter-spacing:-.065em}.hero-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:clamp(62px,10vh,132px)}.hero-summary p{width:min(31rem,64vw);margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.48}.scroll-cue{display:flex;gap:28px;min-width:170px;padding:12px 0;border-bottom:1px solid var(--cream);font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:color .2s,border-color .2s}.scroll-cue:hover{color:var(--orange);border-color:var(--orange)}
.case-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:10vw;align-items:end;padding:clamp(108px,15vw,210px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--cream);color:var(--black)}.case-intro h2,.closing-statement h2{margin:24px 0 0;font-size:clamp(50px,7.4vw,124px);line-height:.82;letter-spacing:-.065em}.case-copy>p{max-width:30rem;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.48;color:#51453e}.case-copy dl{margin:55px 0 0;border-top:1px solid var(--orange)}.case-copy dl>div{display:grid;grid-template-columns:.66fr 1.34fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--orange);font-size:12px;line-height:1.35}.case-copy dt{color:var(--orange);letter-spacing:.12em;text-transform:uppercase}.case-copy dd{margin:0;font-weight:700}
.configurator-section{position:relative;background:#111;padding-top:1px}.viewer-caption{display:flex;justify-content:space-between;gap:20px;padding:18px max(4.5vw,calc((100vw - 1440px)/2));color:rgba(246,237,230,.62);font-size:10px;letter-spacing:.14em}.viewer-caption span:last-child{text-align:right}.viewer-note{width:var(--shell);margin:0 auto;padding:24px 0 36px;color:rgba(246,237,230,.58);font-size:11px;letter-spacing:.06em;line-height:1.45}.closing-statement{padding:clamp(110px,17vw,240px) max(4.5vw,calc((100vw - 1440px)/2));background:var(--orange);color:var(--black)}.closing-statement .portfolio-mark{color:var(--black)}.closing-statement h2{max-width:12ch;margin-bottom:clamp(54px,8vw,110px)}.closing-statement h2 em{color:var(--cream)}.closing-statement>a{display:inline-block;padding-bottom:10px;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:.13em;text-transform:uppercase;transition:color .2s}.closing-statement>a:hover{color:var(--cream)}
.portfolio-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;min-height:40svh;padding:clamp(44px,8vw,110px) 4.5vw 28px;background:var(--black);color:var(--cream)}.portfolio-footer>a{font:700 clamp(33px,5vw,78px)/.9 "Urbanist",Arial,sans-serif;letter-spacing:-.055em}.portfolio-footer>a:hover{color:var(--orange)}.portfolio-footer a span{color:var(--orange);font-size:.55em}.portfolio-footer p{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,237,230,.65)}
@media(max-width:850px){:root{--shell:min(1440px,100% - 12vw)}.portfolio-header{height:70px;padding:0 6vw;grid-template-columns:1fr auto 1fr}.portfolio-header.is-solid{height:46px}.portfolio-brand{width:58px}.portfolio-header.is-solid .portfolio-brand{width:42px}.portfolio-back{justify-self:center;font-size:9px}.portfolio-language{font-size:9px}.hero-content{padding-top:120px;padding-bottom:5.5svh}.mobility-hero h1{font-size:clamp(57px,15vw,96px)}.hero-summary{margin-top:auto;padding-top:60px}.hero-summary p{font-size:15px}.scroll-cue{min-width:auto;gap:12px}.scroll-cue span{display:none}.case-intro{grid-template-columns:1fr;gap:56px;padding:100px 6vw}.case-intro h2,.closing-statement h2{font-size:clamp(48px,12.4vw,82px)}.case-copy dl{margin-top:38px}.viewer-caption{padding:16px 6vw;font-size:9px}.viewer-caption span:last-child{max-width:50%}.viewer-note{padding:18px 0 30px;font-size:10px}.closing-statement{padding:108px 6vw}.portfolio-footer{min-height:34svh;padding:54px 6vw 24px;flex-direction:column;align-items:flex-start}.portfolio-footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-header{transition:none}}