@font-face{font-family:Golos;src:url('assets/golos-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url('assets/golos-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#efe4d0;--ink:#29291f;--orange:#ed5c22;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip}body{margin:0;color:var(--ink);background:var(--paper);font:14px Golos,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none}h1,h2,p{margin:0}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:var(--orange)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:white}
.film{height:650svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate;background:var(--paper)}
.scene-image{position:absolute;width:90vw;aspect-ratio:16/9;top:calc(51% - 25.3125vw);left:18%;z-index:-3;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 8%);mask-composite:intersect}
.poster,canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.frames-ready .poster{visibility:hidden}.edge-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,var(--paper),#efe4d0a6 20%,#efe4d000 42%)}
.masthead{position:absolute;top:0;left:0;right:0;height:104px;padding:25px 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:10;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brand>img{width:50px;height:50px;object-fit:contain}.brand>span{font-size:26px;font-weight:700;letter-spacing:-1.3px}.brand small{display:block;font-size:7px;letter-spacing:1.9px;font-weight:400;margin-top:5px}.route-link{font-size:11px;border-bottom:1px solid #29291f60;padding:10px 0;display:flex;gap:24px;align-items:center}.route-link span{font-size:22px}
.overlay{position:absolute;left:6%;top:23%;width:40%;z-index:3;will-change:transform,opacity}.overlay h1{font-size:clamp(56px,6.1vw,96px);line-height:1.02;letter-spacing:-.065em;font-weight:700;margin-top:24px}.overlay h2{font-size:clamp(48px,5.2vw,78px);line-height:1.05;letter-spacing:-.055em;margin-top:19px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.9px;line-height:1.6}.lead{margin-top:23px;line-height:1.8;font-size:13px;color:#716c5e}.text-action{display:flex;gap:25px;align-items:center;border-bottom:1px solid #29291f80;font-size:11px;margin-top:30px;padding:10px 0}.text-action span{font-size:20px}
.service{top:15%;height:73%;width:39%}.service h2{font-size:clamp(40px,4.4vw,68px);margin-top:12px}.service .lead{font-size:12px;margin-top:15px}.cargo{position:absolute;object-fit:contain;width:75%;height:52%;left:3%;bottom:7%;filter:drop-shadow(0 18px 18px #4c371c14);will-change:transform,opacity}.choose{position:absolute;bottom:0;left:0;padding:12px 0;border-bottom:1px solid #29291f65;display:flex;gap:30px;align-items:center;font-size:12px}.choose span{font-size:24px}
.route{top:15%;width:32%;max-height:76%;overflow-y:auto;scrollbar-width:thin;padding:0 5px 12px}.route h2{font-size:clamp(40px,4.4vw,65px);margin-top:12px}.route-form{margin-top:25px}.route-form label{display:block;font-size:10px;line-height:1.5}.route-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.route-form input,.route-form select{width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #29291f45;border-radius:0;padding:11px 0;font-size:12px;min-width:0;outline-offset:2px}.route-form select{font-size:13px}.submit{width:100%;margin-top:25px;padding:16px 20px;background:var(--ink);color:var(--paper);border-radius:3px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.submit span{font-size:22px}.form-note{font-size:9px;color:#797266;margin-top:12px;line-height:1.5}.result{font-size:12px;line-height:1.7;margin-top:18px;white-space:pre-line;overflow-wrap:anywhere}
.film-controls{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.film-controls>*{pointer-events:auto}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue>span{font-size:23px;width:35px;height:35px;display:grid;place-items:center;border:1px solid #29291f50;border-radius:50%}.scroll-cue p{font-size:9px;line-height:1.5}.chapters{display:flex;align-items:center;gap:7px}.chapters button{height:35px;width:34px;display:grid;place-items:center;padding:8px}.chapters i{width:5px;height:5px;border:1px solid #7b7467;border-radius:50%;display:block;transition:background-color 160ms ease,transform 160ms var(--ease-out)}.chapters [aria-current] i{background:var(--orange);border-color:var(--orange);transform:scale(1.45)}.credit{font-size:9px;color:#797266}.credit b{font-size:17px;color:var(--ink);margin-left:4px;letter-spacing:-1px}.motion-ui{position:absolute;right:4.5%;bottom:85px;text-align:right;z-index:12;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.motion-status{font-size:9px;color:#80776a}.motion-toggle{font-size:9px;padding:4px 0;border-bottom:1px solid #79726680}.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#29291f15}.film-progress i{display:block;background:var(--orange);width:100%;height:100%;transform-origin:left;transform:scaleX(0)}.no-script{position:absolute;bottom:110px;left:6%;font-size:12px}
.still .film{height:100svh}.still .stage{position:relative}.still .overlay,.still .cargo{will-change:auto}
@media(hover:hover) and (pointer:fine){.text-action:hover,.choose:hover,.route-link:hover{color:var(--orange)}.submit:hover{background:#434237}}
@media(max-width:1000px) and (min-width:761px){.overlay{width:45%}.overlay h1{font-size:63px}.service{width:43%}.service h2{font-size:48px}.route{width:40%}.scene-image{width:100vw;left:15%;top:calc(54% - 28.125vw)}}
@media(max-width:760px){
 .film{height:600svh}.masthead{height:78px;padding:16px 6%}.brand{gap:8px}.brand>img{width:36px;height:36px}.brand>span{font-size:22px}.brand small{font-size:5px;letter-spacing:1.2px}.route-link{font-size:9px;gap:8px}.route-link span{font-size:18px}
 .scene-image{width:148vw;left:-24%;top:calc(57% - 41.625vw)}.edge-light{background:linear-gradient(180deg,var(--paper),#efe4d000 40%)}
 .overlay{top:15%;left:7%;width:86%}.overlay h1{font-size:clamp(41px,11vw,64px);margin-top:15px;line-height:1.02}.eyebrow{font-size:7px;letter-spacing:1.3px}.hero .lead{font-size:11px;margin-top:14px}.hero .text-action{font-size:10px;margin-top:13px;padding:8px 0}
 .service{top:14%;height:72%;width:86%}.service h2{font-size:clamp(34px,9vw,50px);line-height:1;margin-top:11px}.service h2 br{display:none}.service h2 em{margin-left:7px}.service .lead{font-size:10px;margin-top:10px}.cargo{height:35%;width:55%;left:-1%;bottom:0}.choose{bottom:2%;left:auto;right:0;font-size:10px;gap:10px;max-width:46%}.choose span{font-size:20px}
 .route{top:13%;left:7%;width:70%;max-height:70%;padding:10px 12px 15px 0;overflow:auto}.route h2{font-size:40px;line-height:1}.route-form{margin-top:17px}.route-fields{grid-template-columns:1fr;gap:14px;margin-top:14px}.route-form input,.route-form select{font-size:11px;padding:8px 0}.submit{padding:12px 15px;margin-top:17px}.route-form label{font-size:9px}.form-note{font-size:8px}
 .stage.route-active .scene-image{opacity:.32}.stage.route-active .edge-light{background:linear-gradient(90deg,#efe4d0ed,#efe4d030)}
 .film-controls{bottom:24px;left:6%;right:6%}.scroll-cue{gap:8px}.scroll-cue>span{width:28px;height:28px;font-size:19px}.scroll-cue p{font-size:7px}.chapters{gap:0}.chapters button{width:24px;height:30px;padding:6px}.credit{font-size:7px}.credit b{font-size:14px}.motion-ui{bottom:66px;right:6%;gap:3px}.motion-status{font-size:7px}.motion-toggle{font-size:8px}
}
@media(max-height:700px){.overlay{top:18%}.overlay h1{font-size:56px}.service{top:14%;height:70%}.service h2{font-size:43px}.lead{font-size:11px;margin-top:13px}.service .lead{margin-top:10px}.route{top:14%;max-height:71%}.route h2{font-size:42px}.route-form{margin-top:15px}}
@media(max-width:760px) and (max-height:700px){.overlay{top:16%}.overlay h1{font-size:38px}.hero .lead{font-size:10px;margin-top:10px}.hero .text-action{margin-top:8px;font-size:9px}.scene-image{top:calc(61% - 41.625vw)}.service{top:16%;height:67%}.service h2{font-size:32px}.service .lead{font-size:9px}.cargo{height:32%}.choose{font-size:9px}.route{top:14%;max-height:71%}.route h2{font-size:32px}.route h2 br{display:none}.route h2 em{margin-left:6px}.route-form{margin-top:12px}.route-fields{gap:10px;margin-top:10px}.route-form input,.route-form select{padding:6px 0}.submit{padding:10px 12px;margin-top:13px}.brand>span{font-size:19px}.brand>img{width:30px;height:30px}.route-link{font-size:8px}.credit{display:none}.motion-status{max-width:155px}.film-controls{bottom:20px}}
@media(max-width:760px){.route{width:86%}.route h2{font-size:clamp(30px,8.4vw,40px)}.route h2 br{display:block}.route h2 em{margin-left:0}}
/* The second film is a wider rear three-quarter view: keep both doors clear of the copy. */
.scene-image{width:72vw;left:27%;top:calc(52% - 20.25vw)}
@media(max-width:1000px) and (min-width:761px){.scene-image{width:80vw;left:28%;top:calc(56% - 22.5vw)}.overlay h1{font-size:58px}.service h2{font-size:44px}}
@media(max-width:760px){.scene-image{width:118vw;left:-9%;top:calc(57% - 33.1875vw)}}
@media(max-width:760px) and (max-height:700px){.scene-image{top:calc(61% - 33.1875vw)}}
@media(prefers-reduced-motion:reduce){body:not(.motion-explicit-on) *{transition:none!important}}
.credit.project-return{display:inline-flex;align-items:center;gap:3px;min-height:24px}.project-return:hover{color:var(--ink)}