/* M.T. Railcars theme layer: control-room hero, rotating video, white-on-scroll nav, full-bleed bands */
:root{--bg:#0d0d0d;--bg2:#121212;--panel:#151515;--fg:#f4f2ee;--muted:#a3a09a;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.22);
--f-head:'Archivo',sans-serif;--hs:125%;--hw:800;--hls:-.025em;--f-mono:'Azeret Mono',monospace;--radius:4px;--radius-lg:10px;
--phero-shade:linear-gradient(180deg,rgba(13,13,13,.55),#0d0d0d 96%);--phero-img-op:.5;
--hs-line:#e9e6df;--hs-muted:#4a4a4a;--hs-body:#2a2a2a;--hs-dark:#0d0d0d;--hs-wall:#151515;--hs-roof:#1c1c1c;--hs-door:#2b2b2b;--hs-interior:#050505;--hs-stencil:rgba(254,169,20,.85);--hs-grid:rgba(254,169,20,.06);
--cta-bg:#0d0d0d;--ftr-bg:#080808;--ftr-fg:#e9e6df;--ftr-muted:#8a8780;--call-bg:#fff}
body{background:var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px}
main{position:relative;z-index:1}
.phone{color:var(--gold);text-decoration:none}
h1 .gold,h2 .gold{color:var(--gold);text-shadow:0 0 40px rgba(254,169,20,.35)}
.phero-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(254,169,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(254,169,20,.07) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(180deg,#000,transparent)}
/* hero */
.hero-a{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;color:#fff}
.ha-bg{position:absolute;inset:0}
.ha-bg img{width:100%;height:100%;object-fit:cover;object-position:40% 55%;animation:haz 28s ease-in-out infinite alternate;filter:contrast(1.08) saturate(.9)}
@keyframes haz{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.16) translateX(-2.5%)}}
.hero-a::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 70% 40%,transparent 0,rgba(0,0,0,.25) 40%,rgba(0,0,0,.8) 100%),linear-gradient(90deg,rgba(8,8,8,.92) 0,rgba(8,8,8,.55) 45%,rgba(8,8,8,.15) 100%),linear-gradient(0deg,#0d0d0d 0,transparent 30%)}
.ha-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(254,169,20,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(254,169,20,.09) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 65% 45%,#000 0,transparent 70%)}
.ha-scan{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 0,rgba(254,169,20,.13) 50%,transparent 100%);height:22%;animation:scan 6s linear infinite;mix-blend-mode:screen}
@keyframes scan{from{transform:translateY(-120%)}to{transform:translateY(560%)}}
.ha-hud{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;color:rgba(255,255,255,.75);font-size:.68rem;top:112px}
.ha-hud.tl{left:32px}.ha-hud.tr{right:32px;text-align:right}
.ha-hud b{color:var(--gold);font-weight:600}
.ha-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;font-size:.66rem;color:#fff;background:rgba(10,10,10,.6);border:1px solid rgba(254,169,20,.6);padding:7px 11px;backdrop-filter:blur(6px);opacity:0;animation:tagin .8s forwards}
.ha-tag i{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 0 rgba(254,169,20,.7);animation:pulse 1.8s infinite}
.ha-tag::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:60px;background:linear-gradient(var(--gold),transparent)}
.t1{right:5%;top:47%;animation-delay:1.2s}.t2{right:3%;top:27%;animation-delay:1.7s}.t3{right:7%;top:67%;animation-delay:2.2s}
@media (max-width:1560px){.ha-tag{display:none}}
@keyframes tagin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ha-content{position:relative;z-index:4;padding-top:90px}
.ha-content h1{font-size:clamp(3rem,7.4vw,7.6rem);max-width:12ch}
.ha-content .lead{color:rgba(255,255,255,.8)}
.ha-cta{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 40px}
.ha-modes{display:flex;gap:14px;align-items:center;color:rgba(255,255,255,.7);font-size:.72rem}
.ha-modes i{color:var(--gold);font-style:normal}
.ha-modes span{animation:modeflash 6s infinite}
.ha-modes span:nth-of-type(2){animation-delay:1.5s}.ha-modes span:nth-of-type(3){animation-delay:3s}.ha-modes span:nth-of-type(4){animation-delay:4.5s}
@keyframes modeflash{0%,20%{color:var(--gold)}30%,100%{color:rgba(255,255,255,.7)}}
.ha-scroll{position:absolute;z-index:4;left:50%;bottom:26px;transform:translateX(-50%);font-size:.6rem;color:rgba(255,255,255,.6);padding-bottom:40px}
.ha-scroll::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:32px;background:var(--gold);animation:sd 2s infinite}
@keyframes sd{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero-a .ph-note{z-index:5;bottom:20px;right:20px}
.proof-sec{padding:60px 0 20px}
.proof{background:linear-gradient(180deg,rgba(254,169,20,.05),transparent);position:relative}
.proof::before{content:"LIVE FACTS · VERIFIED";position:absolute;top:-9px;left:24px;background:var(--bg);padding:0 10px;font:500 .62rem var(--f-mono);letter-spacing:.14em;color:var(--gold)}
/* handoff scroll */
#handoff{height:340vh;position:relative}
.ho-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.ho-in{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:center}
.ho-head h2{font-size:clamp(2.4rem,4.4vw,4.2rem)}
.ho-head .hs-tags{grid-template-columns:1fr;gap:6px}
.ho-head .hs-tags li{flex-direction:row;flex-wrap:wrap;gap:4px 12px;padding:12px 0;border-top:1px solid var(--line-strong)}
.ho-head .hs-tags small{width:100%;padding-left:38px}
.ho-prog{height:2px;background:var(--line);margin-top:20px}
.ho-prog i{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0);box-shadow:0 0 12px var(--gold)}
#handoff .hs-wrap{border:1px solid var(--line-strong);background:radial-gradient(ellipse at 50% 90%,rgba(254,169,20,.12),transparent 60%),#0b0b0b;padding:18px;position:relative}
#handoff .hs-wrap::before{content:"CAM 01 · PORT OF STOCKTON WAREHOUSES · SCHEMATIC";position:absolute;top:10px;left:14px;font:500 .62rem var(--f-mono);letter-spacing:.14em;color:var(--muted)}
.hs-wrap{border-radius:var(--radius)}
.handoff-mini .hs-wrap{border:1px solid var(--line-strong);background:#0b0b0b;padding:18px}
/* services */
.svc{background:linear-gradient(180deg,#171717,#111)}
.svc::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--gold);transition:width .5s}
.svc:hover::after{width:100%}
/* map */
.map-frame{border:1px solid var(--line-strong);background:#0b0b0b;padding:10px;position:relative}
.map-frame::before,.map-frame::after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--gold)}
.map-frame::before{top:-2px;left:-2px;border-right:0;border-bottom:0}.map-frame::after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.telemetry{list-style:none;padding:0;margin:26px 0 0;font-size:.72rem}
.telemetry li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--line-strong)}
.telemetry span{color:var(--muted)}.telemetry b{color:var(--gold);font-weight:500}
.growth{display:grid;gap:10px;margin:26px 0}
.g-bar{height:34px;background:var(--line);position:relative;overflow:hidden;border-radius:2px}
.g-bar::before{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,rgba(254,169,20,.35),var(--gold));transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.in .g-bar::before{transform:scaleX(1)}
.in .g-bar:nth-child(2)::before{transition-delay:.3s}.in .g-bar:nth-child(3)::before{transition-delay:.6s}
.g-bar span{position:relative;z-index:1;font:600 .7rem/34px var(--f-mono);letter-spacing:.08em;padding-left:12px;color:#fff;text-shadow:0 1px 2px #000}
.tteaser{background:radial-gradient(ellipse at 80% 50%,rgba(254,169,20,.1),transparent 60%)}
.cta{border-top:1px solid var(--line)}
.cta::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(254,169,20,.08) 79px 80px);mask-image:linear-gradient(90deg,transparent,#000)}
.stats-band,.port-ctx{background:#0a0a0a;border-block:1px solid var(--line)}
.values{background:#0a0a0a}
.form input,.form select,.form textarea{background:#0e0e0e}
@media (max-width:1080px){.ho-in{grid-template-columns:1fr;gap:20px}.ho-head .hs-tags{grid-template-columns:1fr 1fr}.ho-head .hs-tags small{display:none}.ho-head .hs-tags li{padding:8px 0}.ha-tag{display:none}.ha-hud.tr{display:none}}
@media (max-width:640px){.ha-hud{top:84px;left:18px!important}.ha-content h1{font-size:2.9rem}.ha-modes{font-size:.62rem;gap:8px}#handoff{height:300vh}.ho-head h2{font-size:2.2rem}.ho-head p.eyebrow{margin-bottom:.4rem}.hero-a .ph-note{left:18px;right:auto}}
/* ===== G additions ===== */
/* NAV: white everywhere except the top of the home page */
.hdr{background:#fff;color:#111;box-shadow:0 1px 0 rgba(0,0,0,.08);transition:background .45s ease,box-shadow .45s ease,backdrop-filter .45s}
.hdr .nav a,.hdr .phone,.hdr .burger{color:#111;transition:color .45s}
.hdr .phone svg{color:#b37400}
.hdr .nav a.on::after,.hdr .nav a:hover::after{background:var(--gold)}
.logo-pill{display:inline-flex;align-items:center;border-radius:14px;padding:6px 12px;transition:background .45s,box-shadow .45s,backdrop-filter .45s,padding .45s}
.hdr.open .nav{background:#fff}.hdr.open .nav a{border-color:rgba(0,0,0,.1);color:#111}
/* at rest on Home: transparent dark→clear gradient + blur, logo on a light frosted pill */
.home .hdr:not(.scrolled){background:linear-gradient(180deg,rgba(6,6,6,.72) 0,rgba(6,6,6,.35) 60%,rgba(6,6,6,0) 100%);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:none;
 -webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);padding-bottom:18px}
.home .hdr:not(.scrolled) .nav a,.home .hdr:not(.scrolled) .phone,.home .hdr:not(.scrolled) .burger{color:#fff}
.home .hdr:not(.scrolled) .phone svg{color:var(--gold)}
.home .hdr:not(.scrolled) .logo-pill{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.6)}
.hdr.scrolled .logo-pill{padding:4px 0}
.home .hdr:not(.scrolled).open .nav a{color:#111}
/* HERO: rotating video + A's telemetry overlay */
.hero-g .hero-shade{z-index:1;background:radial-gradient(ellipse at 70% 40%,transparent 0,rgba(0,0,0,.2) 40%,rgba(0,0,0,.75) 100%),linear-gradient(90deg,rgba(8,8,8,.9) 0,rgba(8,8,8,.55) 45%,rgba(8,8,8,.12) 100%),linear-gradient(0deg,#0d0d0d 0,transparent 30%)}
.hero-g .ha-hud{top:118px}
.hero-g .hero-in{padding-top:210px}
.hero-g .hero-in{z-index:4}
.hero-g .hero-copy h1{font-size:clamp(2.8rem,5.4vw,5.6rem);max-width:14ch}
.hero-g .rot-dots{z-index:6}
.hero-g .ha-scroll{z-index:5}
/* handoff tweaks */
.ho-sub{font-size:1.15rem;color:var(--muted);margin:-.2em 0 1em}
.hs-div{stroke:var(--hs-line);stroke-opacity:.35;stroke-width:2}
.hs-fac{fill:var(--gold);font-size:13px;letter-spacing:.2em}
.fx .hs-fl{fill:#FEA914;fill-opacity:.75}
#handoff .hs-tags li{opacity:.5;transition:opacity .3s}#handoff .hs-tags li.active{opacity:1}
/* FULL-BLEED bands */
.fb{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;color:#fff;background:#0b0b0b;border-block:1px solid var(--line)}
.fb-bg{position:absolute;inset:-8% 0;overflow:hidden}
.fb-bg img,.fb-bg video{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.fb-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,8,.93) 0,rgba(8,8,8,.72) 42%,rgba(8,8,8,.2) 100%),linear-gradient(0deg,rgba(8,8,8,.6),transparent 40%)}
.fb.right .fb-shade{background:linear-gradient(270deg,rgba(8,8,8,.93) 0,rgba(8,8,8,.72) 42%,rgba(8,8,8,.2) 100%),linear-gradient(0deg,rgba(8,8,8,.6),transparent 40%)}
.fb-in{position:relative;z-index:2;padding:110px 0}
.fb-in>*{max-width:620px}
.fb.right .fb-in>*{margin-left:auto}
.fb h2{font-size:clamp(2.3rem,4.4vw,4.2rem)}
.fb .big-p{color:#e6e3dc}
.fb::before{content:"";position:absolute;left:0;top:0;width:36%;height:4px;background:var(--gold);z-index:3}
.fb.right::before{left:auto;right:0}
.fb .ph-note{z-index:4}
.fb .chips{margin-top:18px}
/* ICON STRIP: single horizontal row on a white band, no cards */
.istrip{background:#fff;color:#111;padding:70px 0 64px}
.is-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.is-head h2{margin:0;color:#111}.is-head .eyebrow{color:#8a5b00}
.is-row{display:grid;grid-template-columns:repeat(8,1fr);border-top:3px solid #111}
.is-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 8px 6px;color:#111;text-decoration:none;font-weight:700;font-size:1rem;line-height:1.25;border-right:1px solid rgba(0,0,0,.12);transition:color .2s}
.is-item:last-child{border-right:0}
.is-i{width:54px;height:54px;color:#111;transition:transform .3s,color .3s}
.is-item:hover .is-i{color:#c98500;transform:translateY(-4px)}
@media (max-width:1000px){.is-row{grid-template-columns:repeat(4,1fr)}.is-item:nth-child(4){border-right:0}.is-item{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:20px}}
@media (max-width:560px){.is-row{grid-template-columns:repeat(2,1fr)}.is-item:nth-child(2n){border-right:0}.fb{min-height:0}.fb-in{padding:80px 0}.fb-shade,.fb.right .fb-shade{background:linear-gradient(0deg,rgba(8,8,8,.92) 20%,rgba(8,8,8,.55))}}
@media (max-width:760px){.hero-g .ha-hud.tl{top:96px}.hero-g .hero-copy h1{font-size:2.6rem}}
#handoff .wrap{max-width:1680px}
#handoff .ho-in{grid-template-columns:360px 1fr;gap:48px}
#handoff .hs-wrap svg{width:100%;height:auto;display:block}
@media (max-width:1080px){#handoff .ho-in{grid-template-columns:1fr}}
#handoff .wrap{width:min(1680px,92vw)}
#handoff .hs-stencil{font-size:21px;letter-spacing:.18em}
/* round 3: icon strip directly under "Who we are" on Home, gold icons on a dark band */
.istrip{background:#141414;color:var(--fg);border-bottom:1px solid var(--line)}
.is-head h2{color:var(--fg)}.is-head .eyebrow{color:var(--gold)}
.is-row{border-top:2px solid var(--gold)}
.is-item{color:var(--fg);border-right-color:var(--line)}
.is-i{color:var(--gold)}
.is-item:hover{color:var(--gold)}.is-item:hover .is-i{color:#ffc24d}
@media (max-width:1000px){.is-item{border-bottom-color:var(--line)}}
/* Services: plain "how a load moves" section (no video) */
.flow{background:#0d0d0d}
.flow-steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--gold)}
.flow-steps li{padding:22px 22px 6px 0;border-right:1px solid var(--line);margin-right:22px;display:flex;flex-direction:column;gap:6px}
.flow-steps li:last-child{border-right:0}
.flow-steps .mono{color:var(--gold);font-size:.8rem}.flow-steps b{font-size:1.2rem}.flow-steps small{color:var(--muted);font-size:.98rem}
@media (max-width:760px){.flow-steps{grid-template-columns:1fr 1fr}.flow-steps li{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-bottom:16px}}

/* inverse logo in the transparent home nav; original logo once the bar turns white */
.logo-pill{position:relative}
.logo-pill .logo-inv{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .35s}
.logo-pill img{transition:opacity .35s}
.home .hdr:not(.scrolled) .logo-pill{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.home .hdr:not(.scrolled) .logo-pill img:not(.logo-inv){opacity:0}
.home .hdr:not(.scrolled) .logo-pill .logo-inv{opacity:1}
.hdr.scrolled .logo-pill .logo-inv{left:0}
@media (max-width:760px){.hero-g{align-items:flex-start}.hero-g .hero-in{padding-top:150px;padding-bottom:70px}.hero-g .ha-hud.tl{top:88px}}

/* even header spacing: logo hard left; nav links, phone and button share one gap on the right */
.hdr-g .hdr-in{gap:30px}
.hdr-g .nav{gap:30px;margin-left:auto}
.hdr-g .hdr-cta{gap:30px}
.hdr-g .logo-pill,.hdr-g.scrolled .logo-pill{padding-left:0;padding-right:0}
.hdr-g .logo-pill .logo-inv,.hdr.scrolled .logo-pill .logo-inv{left:0}
@media (max-width:1100px){.hdr-g .hdr-in,.hdr-g .nav,.hdr-g .hdr-cta{gap:22px}}
/* mobile: smaller logo left, bigger menu button right, both vertically centred */
@media (max-width:1080px){
 .hdr-g .hdr-in{justify-content:space-between;gap:0}
 .hdr-g .hdr-cta{gap:0}
 .hdr-g .burger{width:52px;height:52px;margin-right:-8px}
 .hdr-g .burger span{left:10px;right:10px;height:3px;border-radius:2px}
 .hdr-g .burger span:nth-child(1){top:15px}.hdr-g .burger span:nth-child(2){top:24.5px}.hdr-g .burger span:nth-child(3){top:34px}
}
@media (max-width:640px){.hdr-g .logo img,.hdr-g.scrolled .logo img{height:34px}}

/* ---- responsive header: never wrap; tighten, then collapse to burger ---- */
.hdr-g .nav a,.hdr-g .phone,.hdr-g .hdr-cta .btn{white-space:nowrap;flex-shrink:0}
.hdr-g .logo{flex-shrink:0}
@media (max-width:1439px){
 .hdr-g .hdr-in,.hdr-g .nav,.hdr-g .hdr-cta{gap:22px}
 .hdr-g .nav a{font-size:.95rem}
}
@media (max-width:1279px){
 .hdr-g .hdr-in,.hdr-g .nav,.hdr-g .hdr-cta{gap:18px}
 .hdr-g .nav a{font-size:.9rem}
 .hdr-g .phone span{display:none}           /* phone becomes an icon button */
 .hdr-g .phone{width:40px;height:40px;justify-content:center;border-radius:50%;border:1px solid currentColor}
 .hdr-g .phone svg{width:18px;height:18px}
 .hdr-g .hdr-cta .btn.sm{padding:.7em 1.05em;font-size:.9rem}
}
/* tablets & small laptops: burger menu, keep Get a Quote visible */
@media (max-width:1080px){
 .hdr-g .nav{display:none}
 .hdr-g .hdr-in{justify-content:space-between;gap:0}
 .hdr-g .hdr-cta{gap:16px}
 .hdr-g .hdr-cta .phone{display:inline-flex}
 .hdr-g .burger{display:block}
 .hdr-g.open .nav{display:flex;position:fixed;top:var(--hdr-h,84px);left:0;right:0;flex-direction:column;gap:0;padding:8px 24px 24px;background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.4);max-height:calc(100vh - 84px);overflow:auto}
 .hdr-g.open .nav a{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:1.15rem;color:#111!important}
}
@media (max-width:640px){
 .hdr-g .hdr-cta .btn{display:none}
 .hdr-g .hdr-cta .phone{display:none}
 .hdr-g.open .nav{top:68px;max-height:calc(100vh - 68px)}
}
.hdr-g.open{background:#fff!important}
.home .hdr-g.open .logo-pill img:not(.logo-inv){opacity:1!important}
.home .hdr-g.open .logo-pill .logo-inv{opacity:0!important}
.home .hdr-g.open .burger,.home .hdr-g.open .phone{color:#111!important}
.hdr-g.open .burger span:nth-child(1){top:24.5px;transform:rotate(45deg)}
.hdr-g.open .burger span:nth-child(2){opacity:0}
.hdr-g.open .burger span:nth-child(3){top:24.5px;transform:rotate(-45deg)}
/* trucks: "Gate & other warehouse locations to be added" tag wraps to fit on phones (was nowrap and ran off-screen) */
@media (max-width:640px){.tk-note .tbc{max-width:min(100%,calc(100vw - 32px));white-space:normal;text-align:center;justify-content:center;overflow-wrap:anywhere}}
@media (max-width:640px){.arrive-list .tbc{white-space:normal;max-width:100%}}
/* phones: stop long content forcing the page wider than the screen (mobile-only; desktop untouched) */
@media (max-width:640px){.tbc{white-space:normal;max-width:100%}.split>*{min-width:0}.form label,.form input[type=file]{min-width:0;max-width:100%}}
@media (max-width:420px){.qr-card{padding:20px}.qr-card h2{font-size:min(1.6rem,calc((100vw - 80px) / 13.2))}.ccard .big.sm{font-size:min(1.3rem,calc((100vw - 88px) / 13))}}
@media (max-width:360px){.srow{gap:10px}.srow-t h3{font-size:1.2rem}.raildiag{grid-template-columns:auto 14px auto 14px auto;font-size:.78rem}.rd-node,.rd-mid,.rd-end{padding-left:10px;padding-right:10px}}