@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/freight/Chiron-B.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/freight/Genki-R.woff2) format("woff2")}:root{--paper:#FFFFFF;--grey:#F3F3F3;--ink:#030000;--red:#C00719;--red-lit:#ED091F;--muted:#6E6C6C;--line:#E2E2E2;--disp:"Disp","PingFang TC",sans-serif;--body:"Body","PingFang TC",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;--w:min(1320px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.22,1,.36,1);--t:.45s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:1.04}.d0{font-size:clamp(2.2rem,1rem + 5vw,4.6rem)}.d1{font-size:clamp(1.7rem,1rem + 2.8vw,3.4rem)}.lab{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--red)}.note{font-size:.85rem;color:var(--muted);line-height:1.75}.ch{display:inline-block;white-space:pre}html.js .rv .ch{opacity:0;transform:translateY(.4em)}html.js .rv[data-in] .ch{opacity:1;transform:none;transition:transform .55s var(--e) calc(var(--c,0) * 28ms),opacity .3s ease-out calc(var(--c,0) * 28ms)}html.js .st{opacity:0;transform:translateY(18px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .5s var(--e) calc(var(--i,0) * 70ms),transform .55s var(--e) calc(var(--i,0) * 70ms)}@media(prefers-reduced-motion:reduce){html.js .rv .ch,html.js .st{opacity:1!important;transform:none!important;transition:none}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--red);color:var(--paper);display:grid;place-items:center;font-size:.68rem;font-family:var(--mono);pointer-events:none;opacity:0;transform:translate(-50%,-50%);scale:.32;transition:opacity .3s var(--e),scale .3s var(--e);will-change:transform,scale}.cursor[data-on]{opacity:1;scale:.45}.cursor[data-big]{scale:1}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:var(--paper);border-block-end:1px solid var(--line)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:16px;transition:transform var(--t) var(--e)}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1.24rem;letter-spacing:-.03em;transform-origin:left center;transition:transform var(--t) var(--e)}html.js .nav[data-small] .w{transform:translateY(-3px)}html.js .nav[data-small] .mark{transform:scale(.82)}.nav ul{display:flex;gap:clamp(12px,2vw,28px);font-size:.82rem}.nav a{text-decoration:none;color:var(--muted);transition:color var(--t) var(--e)}.nav a:hover,.nav a[data-on]{color:var(--red)}@media(max-width:700px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:70px}.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.hero .bg{position:absolute;inset:0;z-index:-3;background:url(/templates/freight/em11-1600.webp) center/cover no-repeat}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.2s var(--e)}.hero video[data-on]{opacity:1}html.js .boot-i{opacity:0;transform:translateY(18px)}html.js[data-boot] .boot-i{opacity:1;transform:none;transition:opacity .7s var(--e) calc(var(--b,0) * .11s),transform .8s var(--e) calc(var(--b,0) * .11s)}html.js .hero .bg{transform:scale(1.12)}html.js[data-boot] .hero .bg{transform:none;transition:transform 1.8s var(--e)}@media(prefers-reduced-motion:reduce){html.js .boot-i{opacity:1!important;transform:none!important;transition:none}html.js .hero .bg{transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.svc .cell,.run li,.story li,.ask details,.fgrid>div,.facts div,.figures .grid>div,.time tbody tr{animation:mv-rise linear both;animation-timeline:view();animation-range:entry 4% entry 78%}}}@keyframes mv-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:#03000047}.hero input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.spot{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);translate:-50% -50%;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:1rem;line-height:1;transition:transform .4s var(--e),background-color .4s var(--e)}.spot:hover{transform:translate(-50%,-50%) scale(1.14)}html.js .spot{animation:fr-ping 2.8s var(--e) infinite}@keyframes fr-ping{0%,72%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 16px #fff0}}@media(prefers-reduced-motion:reduce){html.js .spot{animation:none}}.tip{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);translate:-50% calc(-50% - 54px);background:var(--ink);color:var(--paper);padding:9px 14px;font-size:.78rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--e),transform .3s var(--e);transform:translateY(6px)}.hero input:checked+.spot{background:var(--red);color:var(--paper)}.hero input:checked+.spot+.tip{opacity:1;transform:none}.hero input:focus-visible+.spot{outline:2px solid var(--red);outline-offset:3px}.glass{position:absolute;inset-block-end:clamp(84px,12vw,150px);inset-inline-start:clamp(16px,4vw,64px);width:min(420px,84vw);background:#ffffffdb;backdrop-filter:blur(10px);padding:clamp(20px,2.6vw,32px);z-index:2}.glass h1{font-size:clamp(1.5rem,1rem + 2vw,2.4rem);line-height:1.15}.glass p{margin-block-start:12px;font-size:.9rem;color:var(--muted)}.glass .acts{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:18px}.glass a{display:inline-block;text-decoration:none;border-radius:999px;padding:10px 20px;font-size:.84rem;transition:transform var(--t) var(--e)}.glass a:hover{transform:translateY(-2px)}.glass a.p{background:var(--red);color:var(--paper)}.glass a.s{border:1px solid var(--ink)}.modes{position:absolute;inset-block-end:0;inset-inline:0;z-index:2;display:flex;gap:1px;background:#0300004d;overflow-x:auto}.modes div{flex:1 0 auto;min-width:132px;background:var(--paper);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.82rem;transition:background-color var(--t) var(--e),color var(--t) var(--e)}.modes div:hover{background:var(--red);color:var(--paper)}.modes b{font-family:var(--mono);font-size:.72rem;color:var(--red);font-weight:400}.modes div:hover b{color:var(--paper)}.facts{display:flex;flex-wrap:wrap;gap:clamp(18px,3.4vw,56px);padding-block:clamp(24px,3vw,44px);border-block-end:1px solid var(--line)}.facts b{font-family:var(--disp);font-weight:700;font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1;display:block;letter-spacing:-.03em}.facts span{font-size:.78rem;color:var(--muted)}@media(max-width:700px){.glass{inset-block-end:96px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hero .shot img{animation:fr-push linear both;animation-timeline:view();animation-range:cover 0% cover 76%}}}@keyframes fr-push{0%{transform:scale(1.1)}to{transform:scale(1)}}.run{position:relative}.run .stage{position:sticky;inset-block-start:0;min-height:100svh;display:grid;align-content:center;padding-block:clamp(40px,6vw,80px);background:var(--grey);overflow:hidden}.run .in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,60px);align-items:center}.run ol{display:grid;gap:2px}.run li{display:grid;grid-template-columns:2.6em minmax(0,1fr);gap:14px;align-items:baseline;padding:12px 14px;transition:background-color .5s var(--e),transform .5s var(--e)}.run li[data-on]{background:var(--paper);transform:translate(6px)}.run .no{font-family:var(--mono);font-size:.76rem;color:var(--red)}.run h3{font-family:var(--disp);font-weight:700;font-size:1.06rem}.run p{font-size:.88rem;color:var(--muted);margin-block-start:4px}.run li:not([data-on]) p{display:none}.run .frames{position:relative;aspect-ratio:4/3;overflow:hidden}.run .frames figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s var(--e),transform .8s var(--e);transform:scale(1.06)}.run .frames figure[data-on]{opacity:1;transform:none}.run .frames img{width:100%;height:100%;object-fit:cover}.run .seg{height:100svh}html:not(.js) .run .stage{position:static;min-height:0}html:not(.js) .run .seg{display:none}html:not(.js) .run li p{display:block}html:not(.js) .run .frames figure{position:static;opacity:1;transform:none}html:not(.js) .run .frames{aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:900px){.run .in{grid-template-columns:minmax(0,1fr)}}.svc{padding-block:clamp(30px,4.6vw,70px)}.svc .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-block-start:clamp(18px,2.4vw,32px)}.svc .cell{background:var(--paper);padding:clamp(16px,2vw,26px);display:grid;gap:10px;align-content:start;transition:background-color var(--t) var(--e)}.svc .cell:hover{background:var(--grey)}.svc .cell svg{width:32px;height:32px;stroke:var(--red);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.svc .cell b{font-family:var(--disp);font-weight:700;font-size:1rem}.svc .cell span{font-size:.8rem;color:var(--muted)}@media(max-width:900px){.svc .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.figures{position:relative;color:var(--paper);padding-block:clamp(50px,8vw,120px);overflow:hidden;isolation:isolate}.figures .bg{position:absolute;inset:0;z-index:-2;background:url(/templates/freight/em21-1600.webp) center/cover no-repeat}.figures:after{content:"";position:absolute;inset:0;z-index:-1;background:#030000b8}.figures .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3.4vw,56px);margin-block-start:clamp(22px,3vw,44px);text-align:center}.figures b{font-family:var(--disp);font-weight:700;line-height:1;letter-spacing:-.04em;font-size:clamp(1.9rem,1.2rem + 3vw,4rem);display:block}.figures span{font-size:.8rem;color:#ffffffb3;display:block;margin-block-start:8px}.figures .note{color:#fff9;text-align:center;margin-block-start:clamp(18px,2.4vw,30px)}@media(max-width:820px){.figures .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.time{padding-block:clamp(40px,6vw,90px)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(16px,2.4vw,30px);margin-block-start:clamp(18px,2.4vw,32px)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs label{cursor:pointer;border:1.5px solid var(--ink);padding:10px 22px;font-size:.86rem;font-family:var(--disp);font-weight:700;transition:background-color var(--t) var(--e),color var(--t) var(--e),transform var(--t) var(--e)}.tabs label:hover{transform:translateY(-2px)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .3s var(--e)}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:end;padding:13px 8px;font-size:.94rem;border-block-start:1px solid var(--line)}th:first-child,td:first-child{text-align:start}thead th{font-size:.78rem;color:var(--muted);font-weight:400;border-block-start:0}tbody th{font-family:var(--disp);font-weight:700}td[data-same]{color:var(--muted)}tfoot td{color:var(--muted);font-size:.78rem;text-align:start}#s-a:checked~.panes .v-a,#s-b:checked~.panes .v-b,#s-c:checked~.panes .v-c{opacity:1;pointer-events:auto}#s-a:checked~.tabs label[for=s-a],#s-b:checked~.tabs label[for=s-b],#s-c:checked~.tabs label[for=s-c]{background:var(--red);color:var(--paper);border-color:var(--red)}.story{background:var(--ink);color:var(--paper);padding-block:clamp(40px,6vw,90px)}.story .lab{color:var(--red-lit)}.story ol{margin-block-start:clamp(20px,3vw,40px)}.story li{display:grid;grid-template-columns:8em minmax(0,1fr);gap:clamp(14px,3vw,40px);padding-block:clamp(16px,2.2vw,26px);border-block-start:1px solid rgba(255,255,255,.2)}.story li:last-child{border-block-end:1px solid rgba(255,255,255,.2)}.story .y{font-family:var(--disp);font-weight:700;color:var(--red-lit)}.story h3{font-family:var(--disp);font-weight:700;font-size:1.16rem;margin-block-end:6px}.story p{color:#ffffffb8;font-size:.9rem}@media(max-width:700px){.story li{grid-template-columns:minmax(0,1fr)}}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.06rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:13px;height:13px;border-inline-end:2.4px solid var(--red);border-block-end:2.4px solid var(--red);transform:rotate(45deg) translate(-3px,-3px);transition:transform .24s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{background:var(--grey);margin-block-start:clamp(40px,6vw,90px);padding-block:clamp(36px,5vw,80px) clamp(56px,6vw,84px)}.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.fgrid h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--red);margin-block-end:12px}.fgrid li,.fgrid li a{font-size:.82rem;color:var(--muted);text-decoration:none;padding-block:3px;display:block}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:-.04em;line-height:.96;font-size:clamp(2.2rem,1rem + 6.4vw,6rem);margin-block-start:clamp(30px,4vw,64px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(18px,2.4vw,30px);padding-block-start:16px;border-block-start:1px solid var(--line);font-size:.78rem;color:var(--muted)}@media(max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
