@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque-variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url("../fonts/public-sans-variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --shell:#f5f0e8;--paper:#fffdfa;--ink:#171a19;--green:#112e2a;
  --ultra:#3548d4;--melon:#ff8c72;--mist:#c9ded7;--line:rgba(23,26,25,.25);
  --display:"Bricolage Grotesque",Arial,sans-serif;--body:"Public Sans",Arial,sans-serif;
  --pad:clamp(1rem,3.4vw,4.25rem);--ease:cubic-bezier(.2,.75,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--shell)}
body{margin:0;color:var(--ink);background:var(--shell);font-family:var(--body);font-size:1rem;line-height:1.55;text-rendering:optimizeLegibility}
img{display:block;width:100%;height:auto}
a{color:inherit;text-decoration-thickness:.09em;text-underline-offset:.18em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
address{font-style:normal}
::selection{color:var(--paper);background:var(--ultra)}
:focus-visible{outline:3px solid var(--ultra);outline-offset:4px}
.w12-dark :focus-visible,.w12-ultra :focus-visible,.w12-foot-name :focus-visible,.w12-foot-address :focus-visible,.w12-head-contact a:last-child:focus-visible,.w12-mobile-routes a:focus-visible,.w12-nojs-routes a:focus-visible,.w12-contact-line :focus-visible,.w12-wheel-cut :focus-visible,.w12-address-boundary :focus-visible,.w12-work-boundary article:first-child :focus-visible{outline-color:var(--melon)}
input::placeholder,textarea::placeholder{color:rgba(23,26,25,.67);opacity:1}
.w12-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.w12-skip{position:fixed;z-index:100;left:1rem;top:1rem;padding:.75rem 1rem;color:var(--paper);background:var(--ink);transform:translateY(-180%);transition:transform .2s}
.w12-skip:focus{transform:none}
.w12-kicker{margin:0 0 .8rem;font-size:.78rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.w12-photo-note{margin:.65rem 0 0;font-size:.75rem;line-height:1.45;letter-spacing:.07em;text-transform:uppercase}
.w12-dark{color:var(--paper);background:var(--green)}
.w12-ultra{color:var(--paper);background:var(--ultra)}

/* Compact domino identity; the number never becomes a building code or oversized decoration. */
.w12-header{position:relative;z-index:12;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;min-height:7rem;padding:1rem var(--pad);background:var(--paper);border-bottom:1px solid var(--line)}
.w12-brand{display:flex;align-items:center;gap:.85rem;width:max-content;max-width:100%;text-decoration:none}
.w12-mark{display:grid;grid-template-columns:1fr 1.28fr;width:5.6rem;height:3.25rem;color:var(--paper);font-family:var(--display);font-size:1.02rem;font-weight:760;line-height:1}
.w12-mark span{display:grid;place-items:center;background:var(--ultra);border:2px solid var(--ink)}
.w12-mark span+span{color:var(--ink);background:var(--melon);border-left:0}
.w12-brand-name{display:flex;flex-direction:column;line-height:1}
.w12-brand-name strong{font-family:var(--display);font-size:1.05rem;font-weight:760;letter-spacing:.03em}
.w12-brand-name small{margin-top:.32rem;font-size:.75rem;font-weight:690;letter-spacing:.12em;text-transform:uppercase}
.w12-head-contact{display:flex;gap:.55rem;align-items:center}
.w12-head-contact a{display:inline-flex;align-items:center;min-height:2.9rem;padding:.7rem .9rem;border:1px solid var(--ink);font-size:.84rem;font-weight:720;text-decoration:none}
.w12-head-contact a:last-child{color:var(--paper);background:var(--green)}
.w12-head-contact a:hover{color:var(--paper);background:var(--ultra)}
.w12-menu-button{display:none;min-height:3rem;padding:.6rem .75rem;color:var(--paper);background:var(--green);border:0;font-size:.78rem;font-weight:780;letter-spacing:.09em;text-transform:uppercase}
.w12-mobile-routes,.w12-nojs-routes{display:none}

/* The route ribbon sits outside the header and reads like five connected directional flags. */
.w12-route-ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;padding:.65rem var(--pad) .8rem;background:var(--green)}
.w12-route-ribbon a{display:flex;min-height:4.15rem;padding:.75rem 1.15rem;align-items:center;justify-content:space-between;color:var(--paper);background:rgba(255,255,255,.09);font-family:var(--display);font-size:clamp(.82rem,1.15vw,1.08rem);font-weight:680;line-height:1.05;text-decoration:none;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,15px 50%);transition:background .2s,color .2s,transform .2s var(--ease)}
.w12-route-ribbon a:first-child{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%)}
.w12-route-ribbon a:nth-child(even){transform:translateY(.24rem)}
.w12-route-ribbon a:hover{color:var(--ink);background:var(--mist)}
.w12-route-ribbon a[aria-current="page"]{color:var(--ink);background:var(--melon)}
.w12-route-ribbon a:focus-visible,.w12-action-band:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--ink)}
.w12-route-ribbon small{font-family:var(--body);font-size:.75rem;font-weight:780}

/* Home: one photograph forms an open L-shaped bay around the headline. */
.w12-bay-hero{position:relative;min-height:clamp(43rem,calc(100vh - 7rem),57rem);overflow:hidden;background:var(--shell)}
.w12-bay-image{position:absolute;inset:0;margin:0;clip-path:polygon(0 0,57% 0,57% 68%,100% 68%,100% 100%,0 100%)}
.w12-bay-image img{height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.88) contrast(1.03)}
.w12-bay-image figcaption{position:absolute;left:var(--pad);bottom:5.7rem;max-width:34rem;padding:.55rem .7rem;color:var(--paper);background:rgba(17,46,42,.88)}
.w12-bay-copy{position:absolute;z-index:2;right:var(--pad);top:7%;width:min(38%,37rem)}
.w12-bay-copy h1{margin:0;font-family:var(--display);font-size:clamp(3.4rem,6.7vw,7.6rem);font-weight:690;line-height:.82;letter-spacing:-.065em}
.w12-bay-copy>p:not(.w12-kicker){max-width:30rem;margin:1.4rem 0 0;font-size:clamp(1rem,1.35vw,1.25rem)}
.w12-bay-action{display:inline-flex;margin-top:1.4rem;min-height:3.6rem;padding:.85rem 1rem;align-items:center;color:var(--paper);background:var(--ultra);font-weight:760;text-decoration:none}
.w12-bay-action:hover{color:var(--ink);background:var(--melon)}
.w12-topic-bar{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;padding:.85rem var(--pad);color:var(--paper);background:rgba(17,46,42,.95);font-size:.76rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}

.w12-action-stack{padding:clamp(4rem,8vw,8rem) 0;background:var(--paper)}
.w12-action-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;padding:0 var(--pad) clamp(3rem,6vw,6rem)}
.w12-action-intro h2{margin:0;font-family:var(--display);font-size:clamp(3rem,7vw,7rem);font-weight:680;line-height:.84;letter-spacing:-.055em}
.w12-action-intro p{align-self:end;max-width:35rem;margin:0;font-size:1.05rem}
.w12-action-band{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(20rem,1.2fr);gap:clamp(1.5rem,5vw,6rem);align-items:center;width:92%;min-height:10.5rem;padding:1.3rem var(--pad);text-decoration:none;clip-path:polygon(0 0,calc(100% - 38px) 0,100% 50%,calc(100% - 38px) 100%,0 100%)}
.w12-action-band:nth-of-type(even){width:90%;margin-left:10%;clip-path:polygon(38px 0,100% 0,100% 100%,38px 100%,0 50%)}
.w12-action-band+.w12-action-band{margin-top:.85rem}
.w12-action-band>span{font-family:var(--display);font-size:clamp(3.8rem,8.5vw,9rem);font-weight:780;line-height:.72;letter-spacing:-.07em}
.w12-action-band p{max-width:38rem;margin:0;font-size:clamp(1rem,1.5vw,1.28rem)}
.w12-action-band p strong{display:block;margin-bottom:.45rem;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}
.w12-band-move{color:var(--paper);background:var(--ultra)}
.w12-band-place{background:var(--mist)}
.w12-band-link{color:var(--paper);background:var(--green)}
.w12-band-ask{background:var(--melon)}
.w12-action-band:hover{filter:brightness(.96)}
.w12-known{display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,8vw,9rem);padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--mist)}
.w12-known-sign{align-self:start;display:flex;gap:.8rem;align-items:center;padding-top:1rem;border-top:5px solid var(--ultra)}
.w12-known-sign .w12-mark{flex:0 0 auto}
.w12-known-sign span:last-child{font-size:.78rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.w12-known-copy h2{max-width:54rem;margin:0;font-family:var(--display);font-size:clamp(2.8rem,6vw,6.5rem);font-weight:650;line-height:.88;letter-spacing:-.05em}
.w12-known-copy p{max-width:49rem;margin:1.5rem 0 0;font-size:1.03rem}
.w12-contact-line{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding:1.2rem var(--pad);color:var(--paper);background:var(--ultra);font-size:.82rem;font-weight:720;letter-spacing:.04em}
.w12-contact-line a{white-space:nowrap}

/* Interior page openers. */
.w12-page-copy h1{margin:0;font-family:var(--display);font-size:clamp(3.5rem,8vw,9rem);font-weight:690;line-height:.82;letter-spacing:-.065em}
.w12-page-copy>p:not(.w12-kicker){max-width:41rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.45vw,1.3rem)}
.w12-road-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);min-height:42rem;background:var(--ultra)}
.w12-road-hero .w12-page-copy{align-self:center;padding:clamp(3rem,7vw,7rem) var(--pad);color:var(--paper)}
.w12-road-photo{position:relative;margin:0;overflow:hidden;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 13%)}
.w12-road-photo img{height:100%;object-fit:cover}
.w12-road-photo figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.6rem;color:var(--paper);background:rgba(17,46,42,.88)}
.w12-warehouse-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);min-height:35rem;padding:clamp(4rem,8vw,8rem) var(--pad);overflow:hidden;background:var(--mist)}
.w12-warehouse-hero .w12-page-copy{position:relative;z-index:2;align-self:end}
.w12-bay-outline{align-self:start;justify-self:end;width:min(31vw,29rem);aspect-ratio:1;border:clamp(1rem,3vw,3rem) solid var(--ultra);border-left-color:transparent;border-bottom-color:transparent;transform:translate(8%,-8%)}
.w12-work-hero{position:relative;min-height:42rem;overflow:hidden;background:var(--ink)}
.w12-work-hero figure{position:absolute;inset:0;margin:0}
.w12-work-hero img{height:100%;object-fit:cover;object-position:center}
.w12-work-hero figcaption{position:absolute;right:var(--pad);top:1rem;max-width:35rem;padding:.55rem .7rem;color:var(--paper);background:rgba(17,46,42,.9)}
.w12-work-hero .w12-page-copy{position:absolute;left:var(--pad);right:20%;bottom:0;padding:2rem clamp(1rem,3vw,3rem);color:var(--ink);background:var(--melon);clip-path:polygon(0 0,calc(100% - 42px) 0,100% 50%,calc(100% - 42px) 100%,0 100%)}
.w12-work-hero .w12-page-copy h1{max-width:72rem;font-size:clamp(3.3rem,7.2vw,7.7rem)}
.w12-contact-hero{padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--shell)}
.w12-contact-hero h1{max-width:83rem;color:var(--ultra)}
.w12-direct-lines{display:grid;margin-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--ink)}
.w12-direct-lines a,.w12-direct-lines address{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--ink);font-family:var(--display);font-size:clamp(1.2rem,2.6vw,2.4rem);font-weight:640;text-decoration:none}
.w12-direct-lines small{align-self:center;font-family:var(--body);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}

/* Road + Cargo: a single sequence of full-width bands. */
.w12-road-sequence{background:var(--paper)}
.w12-road-step{display:grid;grid-template-columns:7rem minmax(13rem,.65fr) minmax(18rem,1.35fr);gap:clamp(1rem,4vw,5rem);align-items:start;padding:clamp(2.6rem,5vw,5rem) var(--pad);border-bottom:1px solid var(--line)}
.w12-road-step:nth-child(even){background:var(--mist)}
.w12-road-step>span{color:var(--ultra);font-family:var(--display);font-size:clamp(2rem,4vw,4rem);font-weight:760;line-height:1}
.w12-road-step h2{margin:0;font-family:var(--display);font-size:clamp(2rem,4vw,4rem);font-weight:650;line-height:.92;letter-spacing:-.035em}
.w12-road-step p{max-width:43rem;margin:0;font-size:1.02rem}
.w12-wheel-cut{position:relative;display:grid;grid-template-columns:1.35fr .65fr;min-height:32rem;background:var(--green)}
.w12-wheel-cut figure{position:relative;margin:0;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.w12-wheel-cut img{height:100%;object-fit:cover}
.w12-wheel-cut figcaption{position:absolute;left:var(--pad);bottom:1rem;max-width:34rem;padding:.55rem .7rem;color:var(--paper);background:rgba(17,46,42,.88)}
.w12-wheel-copy{align-self:center;padding:3rem var(--pad);color:var(--paper)}
.w12-wheel-copy h2{margin:0 0 1rem;font-family:var(--display);font-size:clamp(2.3rem,4.5vw,4.8rem);font-weight:650;line-height:.9}
.w12-wheel-copy p{margin:0}
.w12-express-boundary{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,8rem);padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--melon)}
.w12-express-boundary h2{margin:0;font-family:var(--display);font-size:clamp(3.3rem,8vw,8.5rem);font-weight:760;line-height:.75;letter-spacing:-.07em}
.w12-express-boundary div{align-self:end;max-width:43rem}
.w12-express-boundary p{margin:0 0 1rem}
.w12-inline-link{display:inline-flex;min-height:3rem;align-items:center;padding:.45rem 0;border-bottom:4px solid currentColor;font-weight:760;text-decoration:none}

/* Warehouse + Logistics: one photographic bay and four textual rails. */
.w12-context-stage{display:grid;grid-template-columns:minmax(22rem,.9fr) minmax(0,1.1fr);min-height:50rem;background:var(--paper)}
.w12-context-photo{position:relative;margin:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 86%,84% 100%,0 100%)}
.w12-context-photo img{height:100%;object-fit:cover}
.w12-context-photo figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.55rem .7rem;color:var(--paper);background:rgba(17,46,42,.88)}
.w12-context-rails{align-self:center;padding:clamp(3rem,7vw,7rem) var(--pad)}
.w12-context-rail{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.4rem 0;border-top:1px solid var(--ink)}
.w12-context-rail:last-child{border-bottom:1px solid var(--ink)}
.w12-context-rail>span{color:var(--ultra);font-size:.78rem;font-weight:800}
.w12-context-rail h2{margin:0 0 .45rem;font-family:var(--display);font-size:clamp(1.7rem,3vw,3rem);font-weight:650;line-height:.95}
.w12-context-rail p{max-width:42rem;margin:0;font-size:.98rem}
.w12-address-boundary{display:grid;grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,7vw,8rem);padding:clamp(4rem,8vw,8rem) var(--pad);color:var(--paper);background:var(--ultra)}
.w12-address-boundary h2{margin:0;font-family:var(--display);font-size:clamp(3rem,6.5vw,7rem);font-weight:670;line-height:.83;letter-spacing:-.055em}
.w12-address-boundary div{align-self:end;max-width:48rem}
.w12-address-boundary address{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--melon);font-weight:760}
.w12-address-boundary p{margin:0}

/* Work Questions: a compact first-note ledger made of open rows, not cards. */
.w12-work-first{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,8vw,9rem);padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--paper)}
.w12-work-first h2{margin:0;font-family:var(--display);font-size:clamp(3rem,6.5vw,7rem);font-weight:670;line-height:.84;letter-spacing:-.05em}
.w12-work-list{margin:0;padding:0;list-style:none;counter-reset:work}
.w12-work-list li{position:relative;padding:1.25rem .5rem 1.25rem 4rem;border-top:1px solid var(--ink);counter-increment:work}
.w12-work-list li:last-child{border-bottom:1px solid var(--ink)}
.w12-work-list li::before{content:"0" counter(work);position:absolute;left:.2rem;top:1.2rem;color:var(--ultra);font-family:var(--display);font-weight:780}
.w12-work-list strong{display:block;margin-bottom:.25rem;font-family:var(--display);font-size:1.2rem}
.w12-work-boundary{display:grid;grid-template-columns:1fr 1fr}
.w12-work-boundary article{min-height:27rem;padding:clamp(3rem,6vw,6rem) var(--pad)}
.w12-work-boundary article:first-child{color:var(--paper);background:var(--ultra)}
.w12-work-boundary article:last-child{background:var(--mist)}
.w12-work-boundary h2{max-width:35rem;margin:0 0 1.3rem;font-family:var(--display);font-size:clamp(2.6rem,5vw,5.3rem);font-weight:670;line-height:.87;letter-spacing:-.045em}
.w12-work-boundary p{max-width:41rem;margin:0 0 1.2rem}

/* Contact: one unfolded letter made from three horizontal zones. */
.w12-address-note{display:grid;grid-template-columns:9rem 1fr;gap:1.5rem;padding:1.2rem var(--pad);color:var(--paper);background:var(--green);font-size:.86rem}
.w12-address-note strong{color:var(--melon);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}
.w12-letter-wrap{padding:clamp(4rem,8vw,8rem) var(--pad);background:var(--mist)}
.w12-letter-wrap>h2{max-width:60rem;margin:0 0 1rem;font-family:var(--display);font-size:clamp(3rem,7vw,7.3rem);font-weight:680;line-height:.84;letter-spacing:-.055em}
.w12-required{margin:0 0 2rem;font-size:.78rem;font-weight:740;letter-spacing:.1em;text-transform:uppercase}
.w12-letter{--topic-accent:var(--ultra);max-width:82rem;margin:0 auto;border:2px solid var(--ink);border-left:12px solid var(--topic-accent);background:var(--paper);transition:border-color .2s}
.w12-letter[data-topic="cargo"]{--topic-accent:var(--melon)}.w12-letter[data-topic="warehouse"]{--topic-accent:var(--green)}.w12-letter[data-topic="logistics"]{--topic-accent:var(--ultra)}.w12-letter[data-topic="work"]{--topic-accent:#7951a8}.w12-letter[data-topic="other"]{--topic-accent:#816d17}
.w12-letter-zone{display:grid;grid-template-columns:10rem 1fr;gap:clamp(1rem,5vw,5rem);padding:clamp(2rem,4vw,4rem);border:0;border-bottom:2px solid var(--ink);margin:0;min-width:0}
.w12-zone-who{background:var(--mist)}.w12-zone-subject{background:var(--shell)}.w12-zone-context{color:var(--paper);background:var(--ultra)}
.w12-zone-title{align-self:start;margin:0;padding-top:.35rem;font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2.3rem);font-weight:760;letter-spacing:.06em}
.w12-zone-content{min-width:0}
.w12-topic-fieldset{min-inline-size:0;margin:0;padding:0;border:0}
.w12-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.w12-field{display:grid;gap:.4rem;font-size:.82rem;font-weight:720}
.w12-field input,.w12-field textarea{width:100%;min-height:3.35rem;padding:.75rem .85rem;color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:0;font-size:1rem;font-weight:500}
.w12-field textarea{min-height:11rem;resize:vertical}
.w12-field-wide{grid-column:1/-1}
.w12-radio-strip{display:flex;flex-wrap:wrap;gap:.55rem}
.w12-radio{position:relative}
.w12-radio input{position:absolute;opacity:0;pointer-events:none}
.w12-radio span{display:inline-flex;min-height:3rem;padding:.65rem .9rem;align-items:center;background:var(--paper);border:1px solid var(--ink);font-size:.84rem;font-weight:720;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.w12-radio input:checked+span{color:var(--paper);background:var(--green);border-color:var(--green)}
.w12-radio input:focus-visible+span{outline:none;box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 5px var(--ink)}
.w12-topic-guide{min-height:1.55em;margin:1rem 0 0;font-size:.86rem}
.w12-zone-context .w12-field{color:var(--paper)}
.w12-letter-action{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:2rem clamp(2rem,4vw,4rem);background:var(--paper)}
.w12-form-notice{max-width:54rem;margin:0;font-size:.8rem}
.w12-submit{min-height:3.8rem;padding:.85rem 1.15rem;color:var(--ink);background:var(--melon);border:2px solid var(--ink);font-weight:800}
.w12-submit:hover{color:var(--paper);background:var(--green)}
.w12-submit:focus-visible{outline-color:var(--ultra);outline-offset:3px}.w12-submit:disabled{cursor:not-allowed;opacity:.55}
.w12-form-status{grid-column:1/-1;min-height:1.6em;margin:0;font-weight:740}
.w12-noscript{display:block;grid-column:1/-1;padding:.8rem;background:var(--melon);font-size:.82rem}

/* Three offset footer bands; intentionally no navigation columns or CTA. */
.w12-footer{padding-top:clamp(3rem,6vw,6rem);overflow:hidden;background:var(--paper)}
.w12-foot-band{display:flex;gap:1rem;align-items:center;min-height:5.2rem;padding:1rem var(--pad);font-family:var(--display);font-size:clamp(1.05rem,2.2vw,2rem);font-weight:660;line-height:1.08}
.w12-foot-name{width:94%;color:var(--paper);background:var(--green);clip-path:polygon(0 0,calc(100% - 32px) 0,100% 50%,calc(100% - 32px) 100%,0 100%)}
.w12-foot-address{width:94%;margin:.55rem 0 0 3%;color:var(--paper);background:var(--ultra);clip-path:polygon(32px 0,100% 0,100% 100%,32px 100%,0 50%)}
.w12-foot-direct{width:91%;margin:.55rem 0 0 9%;background:var(--melon);clip-path:polygon(28px 0,100% 0,100% 100%,28px 100%,0 50%)}
.w12-foot-band small{flex:0 0 auto;font-family:var(--body);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}
.w12-foot-direct a{text-decoration:none}.w12-foot-direct a+a{margin-left:auto}
.w12-photo-disclaimer{margin:2.5rem 0 0;padding:1.2rem var(--pad);color:rgba(255,253,250,.8);background:var(--ink);font-size:.75rem;line-height:1.5}

@media(max-width:1000px){
  .w12-header{grid-template-columns:1fr auto}.w12-brand{grid-column:1;grid-row:1}.w12-head-contact{grid-column:1/-1;grid-row:2;display:flex}.w12-head-contact a{flex:1;justify-content:center}.w12-menu-button.is-ready{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center}
  .w12-mobile-routes.is-open{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-top:.7rem;border-top:1px solid var(--line)}
  .w12-mobile-routes a,.w12-nojs-routes a{display:flex;justify-content:space-between;padding:.8rem;color:var(--paper);background:var(--green);font-family:var(--display);font-weight:680;text-decoration:none}
  .w12-mobile-routes a[aria-current="page"],.w12-nojs-routes a[aria-current="page"]{color:var(--ink);background:var(--melon)}
  .w12-nojs-routes{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding-top:.7rem}
  noscript .w12-nojs-routes{display:grid}
  .w12-route-ribbon{display:none}
  .w12-bay-hero{min-height:47rem}.w12-bay-copy{width:min(42%,31rem)}.w12-bay-copy h1{font-size:clamp(3rem,7vw,5.5rem)}
  .w12-action-band{width:96%}.w12-action-band:nth-of-type(even){width:94%;margin-left:6%}
  .w12-road-hero{grid-template-columns:1fr .7fr}.w12-road-step{grid-template-columns:5rem .75fr 1.25fr}
  .w12-wheel-cut{grid-template-columns:1fr}.w12-wheel-cut figure{min-height:30rem;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%)}
  .w12-context-stage{grid-template-columns:.8fr 1.2fr}
  .w12-work-hero .w12-page-copy{right:6%}
}

@media(max-width:760px){
  :root{--pad:1rem}.w12-header{min-height:6rem;padding:.8rem 1rem}.w12-mark{width:4.5rem;height:2.8rem}.w12-brand-name strong{font-size:.9rem}.w12-brand-name small{font-size:.72rem;letter-spacing:.07em}.w12-menu-button{font-size:.75rem}
  .w12-mobile-routes.is-open,.w12-nojs-routes{grid-template-columns:1fr}
  .w12-bay-hero{display:flex;min-height:0;flex-direction:column}.w12-bay-image{position:relative;inset:auto;height:auto;aspect-ratio:1586/992;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.w12-bay-image img{height:100%;object-position:center}.w12-bay-image figcaption{left:1rem;right:1rem;bottom:1rem}.w12-bay-copy{position:relative;inset:auto;width:auto;padding:3rem 1rem}.w12-bay-copy h1{font-size:clamp(3rem,16vw,5.7rem);line-height:.86}.w12-topic-bar{position:relative;inset:auto}
  .w12-action-intro,.w12-known{grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}.w12-action-band,.w12-action-band:nth-of-type(even){grid-template-columns:1fr;width:100%;min-height:0;margin-left:0;padding:2rem 1rem;clip-path:none}.w12-action-band>span{font-size:clamp(3.8rem,19vw,7rem)}
  .w12-contact-line{grid-template-columns:1fr;gap:.45rem}.w12-contact-line a{white-space:normal}
  .w12-road-hero{grid-template-columns:1fr;min-height:0}.w12-road-hero .w12-page-copy{padding:4rem 1rem}.w12-page-copy h1{font-size:clamp(3.4rem,17vw,6rem);line-height:.86}.w12-road-photo{height:auto;aspect-ratio:4/5;clip-path:polygon(0 8%,8% 0,100% 0,100% 100%,0 100%)}
  .w12-warehouse-hero{grid-template-columns:1fr;min-height:30rem;padding:4rem 1rem}.w12-bay-outline{position:absolute;right:-3rem;top:-3rem;width:15rem;opacity:.45}.w12-work-hero{min-height:36rem}.w12-work-hero .w12-page-copy{left:1rem;right:0;padding:1.5rem 1rem;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 50%,calc(100% - 25px) 100%,0 100%)}.w12-work-hero .w12-page-copy h1{font-size:clamp(3rem,15vw,5.5rem)}
  .w12-contact-hero{padding:4rem 1rem}.w12-direct-lines a,.w12-direct-lines address{grid-template-columns:1fr;gap:.25rem;overflow-wrap:anywhere}
  .w12-road-step{grid-template-columns:3rem 1fr;padding:2.5rem 1rem}.w12-road-step p{grid-column:2}.w12-wheel-cut figure{min-height:21rem}.w12-wheel-copy{padding:3rem 1rem}.w12-express-boundary{grid-template-columns:1fr;padding:4rem 1rem}
  .w12-context-stage{grid-template-columns:1fr;min-height:0}.w12-context-photo{height:auto;aspect-ratio:4/5;clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)}.w12-context-rails{padding:3rem 1rem}.w12-address-boundary{grid-template-columns:1fr;padding:4rem 1rem}
  .w12-work-first{grid-template-columns:1fr;padding:4rem 1rem}.w12-work-boundary{grid-template-columns:1fr}.w12-work-boundary article{min-height:0;padding:4rem 1rem}
  .w12-address-note{grid-template-columns:1fr;gap:.35rem}.w12-letter-wrap{padding:4rem 1rem}.w12-letter{border-left-width:8px}.w12-letter-zone{grid-template-columns:1fr;padding:2rem 1rem}.w12-zone-title,legend.w12-zone-title{float:none;width:auto;padding:0}.w12-field-grid{grid-template-columns:1fr}.w12-field-wide{grid-column:auto}.w12-letter-action{grid-template-columns:1fr;padding:2rem 1rem}.w12-submit{width:100%}
  .w12-foot-band,.w12-foot-name,.w12-foot-address,.w12-foot-direct{width:100%;margin-left:0;clip-path:none;align-items:flex-start;flex-direction:column}.w12-foot-direct a+a{margin-left:0}.w12-photo-disclaimer{padding-bottom:2rem}
}

@media(max-width:430px){.w12-brand-name{max-width:9rem}.w12-brand-name small{font-size:.68rem}.w12-menu-button{padding:.55rem}.w12-radio-strip{display:grid}.w12-radio span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}