/* Queen Logistics · visual redesign for V19 staging. No third-party brand assets. */
:root{--night:#09090b;--black:#111114;--panel:#1a181a;--white:#fcfbf7;--cream:#f2eee6;--red:#ce2530;--red-dark:#a41b25;--gold:#c4a15e;--line:#353135;--muted:#bcb4ad;--max:1350px;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:"DM Sans",Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--white);font:16px/1.64 var(--body);overflow-x:hidden}body.nav-open{overflow:hidden}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.96;letter-spacing:.005em;text-transform:uppercase}h1{font-size:clamp(76px,9.25vw,150px)}h2{font-size:clamp(55px,6vw,100px)}h3{font-size:clamp(28px,3.2vw,46px)}h1 span,h2 span,h2 em{font-style:normal;color:var(--accent-red)}p{line-height:1.73}p+p{margin-top:18px}.kicker{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.23em;line-height:1.65;color:var(--accent-red);margin-bottom:24px}.kicker.gold{color:var(--accent-red)}.skip{position:fixed;z-index:150;top:-100px;left:20px;background:var(--white);color:var(--night);padding:12px 16px}.skip:focus{top:12px}
/* Navigation: compact desktop, immersive mobile overlay. */
.header{position:relative;z-index:60;background:#0a0a0c;border-bottom:1px solid rgba(255,255,255,.09)}.navigation{min-height:99px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:block;flex:0 0 118px}.brand-image{height:83px;object-fit:contain;object-position:left center}.desktop-links{display:flex;align-items:center;gap:clamp(12px,1.8vw,30px)}.desktop-links>a{font:600 12px/1.2 var(--body);white-space:nowrap;transition:color .2s}.desktop-links>a:not(.nav-action):hover,.desktop-links>a[aria-current=page]{color:var(--accent-red)}.desktop-links .desktop-login{padding-left:22px;border-left:1px solid #5c5353}.desktop-links .nav-action{padding:16px 24px;background:var(--red);text-transform:uppercase;letter-spacing:.08em;color:white}.desktop-links .nav-action:hover{background:var(--red-dark)}.desktop-links .nav-action span{margin-left:16px}.menu{display:none;border:0;background:transparent;color:white;align-items:center;gap:16px;font:700 13px var(--body);letter-spacing:.13em}.menu-bars{width:32px;display:grid;gap:6px}.menu-bars i{height:2px;width:100%;background:var(--gold);display:block}.menu-bars i:nth-child(2){width:75%;margin-left:auto}.mobile-nav{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#050506;color:#faf9f6;visibility:hidden;opacity:0;transform:translateX(24px);pointer-events:none;transition:transform .33s ease,opacity .33s ease,visibility .33s}.mobile-nav.open{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto}.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;padding:24px clamp(25px,5vw,48px) 14px}.mobile-mark{font:800 32px/1 var(--display);letter-spacing:.08em}.mobile-mark span{display:block;font:700 10px/1.6 var(--body);letter-spacing:.31em;color:var(--accent-red)}.nav-close{width:52px;height:52px;background:none;border:0;color:#c9c5c1;font:300 56px/1 var(--body)}.mobile-nav-items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;padding:12px clamp(25px,5vw,48px) 12px;gap:0}.mobile-nav-items>a:not(.mobile-login){display:flex;align-items:center;gap:15px;font:700 clamp(36px,7.5vw,66px)/1.24 var(--display);text-transform:uppercase;color:#b2aeae;letter-spacing:.012em;transition:color .15s}.mobile-nav-items>a:not(.mobile-login):hover,.mobile-nav-items>a[aria-current=page]{color:#fff}.nav-caret{display:inline-block;color:var(--red);opacity:0;transform:translateX(-8px);transition:opacity .2s,transform .2s;font:800 .9em var(--display)}.mobile-nav-items>a[aria-current=page] .nav-caret,.mobile-nav-items>a:hover .nav-caret{opacity:1;transform:translateX(0)}.mobile-login{font:700 16px var(--body);background:var(--red);color:white!important;padding:15px 48px;margin-top:22px;letter-spacing:.05em}.mobile-nav-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #393737;padding:18px clamp(25px,5vw,48px) 24px;font-size:11px;letter-spacing:.05em}.mobile-nav-foot a{color:var(--accent-red)}
/* Buttons and hero */
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:17px 25px;border:1px solid transparent;font:700 12px/1.2 var(--body);letter-spacing:.07em;text-transform:uppercase;transition:background .2s,transform .2s,color .2s}.button span{font-size:22px;font-weight:400;line-height:1}.button:hover{transform:translateY(-3px)}.button-red{background:var(--red);color:#fff}.button-red:hover{background:var(--red-dark)}.button-outline{color:var(--white);border-color:#99815e;background:transparent}.button-outline:hover{background:rgba(196,161,94,.13)}.button-ghost{border-color:rgba(255,255,255,.62);background:#10101480;color:#fff}.button-ghost:hover{background:rgba(255,255,255,.12)}.hero{min-height:780px;position:relative;isolation:isolate;overflow:hidden;background:var(--black);display:flex;flex-direction:column}.hero-media,.hero-cover{position:absolute;inset:0;z-index:-1}.hero-media img{height:100%;object-position:center center}.hero-cover{background:transparent;}.hero-content{flex:1;display:flex;align-items:center;padding-top:88px;padding-bottom:90px}.hero-content>div{max-width:1000px}.hero h1{font-size:clamp(74px,9.2vw,148px);text-wrap:balance}.hero h1 span{color:var(--white)}.hero-content p:not(.kicker){max-width:560px;margin-top:25px;color:#e3dcd4;font-size:17px}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.hero-tail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px max(48px,calc((100% - var(--max))/2));font:700 10px var(--body);letter-spacing:.18em;color:#e4ded2;border-top:1px solid #ffffff48;background:#05050577}.hero-tail b{color:var(--red);padding:0 6px}.hero-tail a{white-space:nowrap;color:var(--accent-red)}
/* Open editorial rhythm and photographic contrast. */
.section{padding:120px 0}.intro-band{padding:112px 0;background:var(--cream);color:#111}.intro-band .kicker{color:var(--red)}.intro-head{display:grid;grid-template-columns:1fr .65fr;gap:35px;align-items:end;margin-bottom:50px}.intro-head .kicker{grid-column:1/-1;margin-bottom:-10px}.intro-head h2{font-size:clamp(58px,6vw,97px)}.intro-head h2 em{color:var(--red)}.intro-head>p:last-child{font-size:16px;color:#4d4742;max-width:420px;padding-bottom:8px}.feature-photos{display:grid;grid-template-columns:1.1fr 1.08fr .8fr;gap:14px}.feature-photos>div:nth-child(2){padding-top:40px}.feature-photos>div:nth-child(3){padding-top:82px}.photo{position:relative;overflow:hidden;line-height:0}.photo img{height:100%;transition:transform .6s ease}.photo:hover img{transform:scale(1.025)}.photo.image-portrait{aspect-ratio:4/4.4}.photo.image-portrait img{height:100%}.feature-photos .photo-tint{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -30px 50px #0001}.services-preview{background:#0c0c0d}.section-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:60px;align-items:end;margin-bottom:55px}.section-top>.kicker{grid-column:1/-1}.section-top h2{font-size:clamp(63px,6.6vw,102px)}.section-top h2 span{color:var(--accent-red)}.section-top p:not(.kicker){color:var(--muted);font-size:16px;max-width:350px}.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.service-card{position:relative;min-height:525px;overflow:hidden;background:#1b1b1b;display:flex;align-items:flex-end}.service-card>img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .7s ease}.service-card:after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;}.service-card:hover img{transform:scale(1.04)}.service-copy{position:relative;z-index:1;padding:35px 40px 39px}.service-copy h3{font-size:clamp(37px,4vw,59px);max-width:560px}.service-copy p{margin-top:12px;color:#ddd5d1;max-width:410px}.service-copy>span{display:inline-block;margin-top:25px;font-size:12px;color:var(--accent-red);font-weight:700;letter-spacing:.04em}.center-action{text-align:center;margin-top:45px}.editorial{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--cream);color:#151318}.editorial-photo{min-height:590px;overflow:hidden}.editorial-photo img{height:100%;object-position:center}.editorial-body{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:75px clamp(35px,6vw,110px)}.editorial-body .kicker{color:var(--red)}.editorial-body h2{font-size:clamp(60px,5vw,92px);max-width:600px}.editorial-body h2 em{color:var(--red)}.editorial-body p:not(.kicker){margin-top:24px;max-width:480px;color:#4b4546}.editorial-body .button{margin-top:34px}.editorial-body .button-outline{color:#111;border-color:#8b262d}.showcase{background:#151114}.showcase-grid{display:grid;grid-template-columns:1.15fr .85fr .8fr;gap:16px;align-items:stretch}.showcase-grid>div:nth-child(2){padding-top:45px}.showcase-grid>div:nth-child(3){padding-top:90px}.showcase-grid .photo{aspect-ratio:1/1.08}.reach-banner{background:var(--red);padding:74px 0}.reach-banner>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.reach-banner .kicker{color:#fff;margin-bottom:13px}.reach-banner h2{font-size:clamp(60px,5.5vw,94px)}.reach-banner h2 span{color:#fff}.reach-banner .button-red{border:1px solid #fff;background:#08080a;white-space:nowrap}.reach-banner .button-red:hover{background:#282225}
/* Common page heroes, alternating contrast */
.page-hero{position:relative;min-height:575px;display:flex;align-items:center;isolation:isolate;background:#1b1a1b;overflow:hidden}.page-hero-photo,.page-hero-dim{position:absolute;inset:0;z-index:-1}.page-hero-photo img{height:100%;object-position:center}.page-hero-dim{background:transparent;}.page-hero>.wrap{position:relative;padding-block:100px}.page-hero h1{font-size:clamp(70px,8.3vw,130px)}.page-hero h1 span{color:var(--accent-red)}.page-hero>.wrap>p:last-child{max-width:650px;color:#e5dad8;margin-top:20px}.page-hero.compact{min-height:390px;background:#090909;border-bottom:3px solid var(--red);}.page-hero.compact>.wrap{padding-block:65px}.page-hero.compact h1{font-size:clamp(65px,8vw,116px)}.page-hero.compact .hero-buttons{margin-top:32px}.page-hero-contact .page-hero-photo img{object-position:center 43%}.page-hero-about .page-hero-photo img{object-position:center 53%}
.intro-statement{background:#090909;color:#201719;padding:32px 0;text-align:center;}.intro-statement p{font:700 clamp(11px,1.1vw,17px)/1.5 var(--body);letter-spacing:.08em}.intro-statement span{padding:0 22px;color:var(--red);font-size:.7em}.details-section{background:#100e0f}.service-nav{display:flex;flex-wrap:wrap;gap:14px 37px;padding:35px 0;border-bottom:1px solid #454045;position:relative}.service-nav a{font-size:12px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:var(--muted)}.service-nav a:hover,.service-nav a[aria-current=location]{color:var(--accent-red)}.service-detail{scroll-margin-top:35px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,5vw,90px);padding:115px 0;border-bottom:1px solid #3a3438}.service-detail.flip .service-photo{order:2}.service-detail.flip .detail-copy{order:1}.service-photo{overflow:hidden;aspect-ratio:1/.97}.service-photo img{height:100%}.detail-copy h2{font-size:clamp(61px,5.5vw,89px)}.detail-copy>p:not(.kicker){margin-top:24px;color:#d7d0cd;max-width:590px}.detail-copy ul{list-style:none;padding:0;margin:26px 0 34px}.detail-copy li{padding:13px 0 13px 21px;border-bottom:1px solid #3c3539;position:relative;color:#e7dfd9}.detail-copy li:before{content:"›";position:absolute;left:0;color:var(--red);font-size:22px;top:8px}.service-extra{background:var(--cream);color:var(--night)}.service-extra .kicker{color:var(--red)}.service-extra .section-top h2 em{color:var(--red)}.extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.extra-grid img{aspect-ratio:1.4;margin-bottom:24px}.extra-grid h3{font-size:38px}.extra-grid p{color:#514c4c;margin-top:12px}
.about-story{background:var(--cream);color:#141213}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-story .kicker{color:var(--red)}.about-story h2 em{color:var(--red)}.about-prose{padding-top:45px;color:#514b48}.about-prose .lead{font-size:25px;font-weight:700;line-height:1.4;color:#201b1c}.about-prose .button-outline{color:#161314;border-color:#8f2129;margin-top:34px}.about-highlight{background:#170e12}.about-highlight-grid{display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:center;padding-block:75px}.about-highlight-grid img{aspect-ratio:1.23}.about-highlight-grid p:not(.kicker){color:#d4c6c1;max-width:540px;margin-top:20px}.about-highlight-grid .button{margin-top:33px}.gallery-section{background:#100e10}.photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gallery-item{position:relative;appearance:none;border:0;padding:0;background:#252025;overflow:hidden;aspect-ratio:1.06}.gallery-item:nth-child(6n/**/+1),.gallery-item:nth-child(6n/**/+4){aspect-ratio:.82}.gallery-item img{height:100%;transition:transform .5s}.gallery-item:hover img{transform:scale(1.04)}.gallery-magnify{position:absolute;bottom:10px;right:14px;background:var(--red);color:#fff;display:grid;place-items:center;width:40px;height:40px;font-size:23px}.lightbox{border:1px solid #76614d;background:#090909;padding:38px 22px 22px;color:white;max-width:min(1100px,94vw);max-height:95dvh}.lightbox::backdrop{background:#000e}.lightbox img{width:auto;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.lightbox p{text-align:center;margin-top:12px;font-size:13px}.close-dialog{position:absolute;right:3px;top:0;border:0;background:#c92831;color:#fff;width:42px;height:42px;font-size:32px;line-height:1}
/* Contact and signup: function over form. */
.contact-section{background:var(--cream);color:#151112}.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(40px,6vw,110px)}.contact-section .kicker{color:var(--red)}.contact-layout aside>p:not(.kicker){margin:24px 0;color:#5f5654}.contact-layout aside h2 em{color:var(--red)}.contact-lines{margin-top:38px}.contact-lines>div{display:flex;flex-direction:column;border-top:1px solid #c8bcb7;padding:16px 0}.contact-lines span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#9c3137;margin-bottom:6px}.contact-lines a,.contact-lines p{font-size:16px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.contact-private{font-size:13px!important}.contact-layout form{background:#090909;padding:43px 47px;box-shadow:0 12px 40px rgba(36,9,12,.08);}.contact-layout form h2{font-size:clamp(55px,4.5vw,75px);color:#181316}.contact-layout form .form-intro{margin-top:18px;font-size:13px;color:#655f5d}.contact-layout form label,.account-card form label{display:flex;flex-direction:column;gap:7px;margin-top:20px;font-weight:700;font-size:12px;letter-spacing:.015em}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields label{min-width:0}input,textarea,select{width:100%;border:1px solid #aa9f9e;border-radius:0;min-width:0;padding:14px 15px;background:#090909;color:#1b1516;font:500 15px var(--body);}input:focus,select:focus,textarea:focus{border-color:#b42832;outline-offset:1px}textarea{resize:vertical}.contact-layout form>.button{width:100%;margin-top:28px}.form-disclaimer{font-size:12px;color:#666;margin-top:15px}.local-notice{padding:10px;background:#090909;color:#7a1f1f;}.bot-field{display:none}
.two-offers{display:grid;grid-template-columns:1fr 1fr;gap:27px}.offer{padding:55px;background:#191518;border:1px solid #46383d;min-height:440px}.offer h2{font-size:clamp(56px,5vw,80px)}.offer p{color:#d3c4bf;margin-top:24px}.offer .button{margin-top:33px}.ship-section{background:var(--night)}
.account-section{background:#100e10}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.76fr);gap:80px;align-items:start}.account-card{background:#1c171a;border:1px solid #5c4347;padding:clamp(27px,4vw,55px);min-width:0}.account-card form{margin-top:25px}.account-card form label{color:#eee}.account-card form input{background:#0e0e10;border-color:#8a7479;color:#fff}.account-card form button{margin-top:24px}.account-card form>.button{width:100%}.account-card p,.account-card>p:not(#account-status){color:#d8ced0;font-size:14px}.account-card p a{color:var(--accent-red);font-weight:700}.account-card>p{margin-top:15px}.account-card #account-status{border-left:3px solid var(--gold);padding-left:16px;color:#eee;margin:0 0 25px}.account-card h2{font-size:65px;margin-top:20px}.account-card h3{font-size:35px;margin:20px 0}.account-card #profile-email{word-break:break-word}.account-card #verify-panel,.account-card #shipments{margin-top:30px;padding-top:24px;border-top:1px solid #5b484d}.account-card #username-form{margin:20px 0}.account-card .provider-buttons{display:grid;gap:12px;margin-top:22px}.account-card .provider-buttons button{width:100%;min-height:52px}.account-aside h2{font-size:clamp(60px,5vw,85px)}.account-aside p:not(.kicker){max-width:420px;color:#cec5c2;margin-top:24px}.account-aside .button{margin-top:30px}.account-card.narrow{max-width:720px}
/* Footer */
.footer{background:#070708;border-top:1px solid #3e292f}.footer-top{padding:70px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #43363b;gap:30px}.footer-top h2{font-size:clamp(59px,5.2vw,90px)}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;padding:60px 0}.footer-brand img{width:135px;height:118px;object-fit:contain;object-position:left}.footer-brand p{color:#c7c0b9;font-size:13px}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-col strong{font-size:11px;letter-spacing:.16em;color:var(--accent-red);margin-bottom:7px}.footer-col a,.footer-col span{font-size:13px;color:#d0c9c4;overflow-wrap:anywhere}.footer-col a:hover{color:var(--accent-red)}.footer-bottom{border-top:1px solid #43363b;padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:#948b88;font-size:10px;letter-spacing:.07em}
/* Only progressively hide reveal elements when observer is available. */
@media(prefers-reduced-motion:no-preference){html.has-motion [data-reveal]:not(.is-visible){opacity:0;transform:translateY(34px)}html.has-motion [data-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.18,.74,.25,1)}html.has-motion [data-reveal].is-visible{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.desktop-links{gap:15px}.wrap{width:min(var(--max),calc(100% - 64px))}.hero{min-height:720px}.service-card{min-height:420px}.intro-head{grid-template-columns:1fr .7fr}.footer-main{grid-template-columns:1.2fr repeat(3,1fr)}}
@media(max-width:860px){.header{position:sticky;top:0}.navigation{min-height:88px}.brand{flex-basis:102px}.brand-image{height:75px}.desktop-links{display:none}.menu{display:flex}.hero{min-height:740px}.hero-media img{object-position:63% center}.hero-cover{background:transparent;}.hero h1{font-size:clamp(68px,10.5vw,102px)}.intro-head,.section-top{grid-template-columns:1fr}.intro-head .kicker,.section-top>.kicker{grid-column:auto;margin-bottom:8px}.intro-head>p:last-child,.section-top>p:last-child{max-width:630px;margin-top:14px}.section{padding:85px 0}.intro-band{padding:85px 0}.service-cards{gap:14px}.service-card{min-height:430px}.service-copy{padding:24px}.editorial{grid-template-columns:1fr}.editorial-photo{min-height:420px;max-height:500px}.editorial-body{padding:65px 50px}.service-detail{gap:30px}.detail-copy h2{font-size:clamp(56px,5.5vw,75px)}.about-story-grid{gap:40px}.about-highlight-grid{gap:35px}.contact-layout{gap:32px}.contact-layout form{padding:30px}.account-layout{gap:35px}.footer-main{grid-template-columns:1.1fr 1fr 1fr}.footer-col:last-child{grid-column:2 / -1}.footer-top{flex-wrap:wrap}}
@media(max-width:640px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.navigation{min-height:80px}.brand{flex-basis:95px}.brand-image{height:69px}.menu{font-size:12px}.mobile-nav-top{padding-top:19px}.mobile-nav-items{gap:0;padding-top:15px}.mobile-nav-items>a:not(.mobile-login){font-size:clamp(39px,11.6vw,61px);line-height:1.31}.mobile-nav-foot{font-size:9px}.mobile-login{margin-top:20px}.hero{min-height:calc(100svh - 80px);min-height:max(680px,calc(100svh - 80px))}.hero-media img{object-position:66% center}.hero-content{padding-top:45px;padding-bottom:60px}.hero-content .kicker{font-size:10px}.hero h1{font-size:clamp(59px,14.6vw,94px);line-height:.93}.hero-content p:not(.kicker){font-size:14px;line-height:1.62;max-width:320px;margin-top:23px}.hero-buttons{flex-direction:column;align-items:flex-start;margin-top:27px;gap:10px}.hero-buttons .button{min-width:240px}.hero-tail{padding:15px 20px;display:block}.hero-tail a{display:none}.hero-tail span{font-size:8px;letter-spacing:.09em}.section{padding:71px 0}.intro-band{padding:70px 0}.intro-head{margin-bottom:30px;gap:10px}.intro-head h2,.section-top h2{font-size:clamp(57px,13vw,82px)}.intro-head>p:last-child,.section-top p:not(.kicker){font-size:14px}.feature-photos{grid-template-columns:1fr 1fr;gap:8px}.feature-photos>div:nth-child(2){padding-top:25px}.feature-photos>div:nth-child(3){display:none}.photo.image-portrait{aspect-ratio:3/4}.section-top{margin-bottom:30px}.service-cards{grid-template-columns:1fr;gap:13px}.service-card{min-height:440px}.service-copy{padding:28px}.service-copy h3{font-size:clamp(47px,11vw,65px)}.service-copy p{font-size:14px}.center-action{margin-top:28px}.editorial-photo{min-height:330px;max-height:390px}.editorial-body{padding:65px 25px}.editorial-body h2,.about-highlight-grid h2{font-size:clamp(58px,13vw,78px)}.showcase-grid{grid-template-columns:1fr 1fr;gap:8px}.showcase-grid>div:nth-child(2){padding-top:35px}.showcase-grid>div:nth-child(3){display:none}.showcase-grid .photo{aspect-ratio:1/1.4}.reach-banner{padding:55px 0}.reach-banner>.wrap{display:block}.reach-banner h2{font-size:clamp(58px,12vw,75px)}.reach-banner .button{margin-top:25px}.page-hero{min-height:450px}.page-hero>.wrap{padding:76px 0}.page-hero h1,.page-hero.compact h1{font-size:clamp(65px,13.5vw,91px)}.page-hero .kicker{margin-bottom:20px}.page-hero p:not(.kicker){font-size:14px}.intro-statement{padding:25px 0}.intro-statement p{font-size:10px;line-height:2}.intro-statement span{padding:0 5px}.service-nav{gap:10px 22px;padding:22px 0}.service-nav a{font-size:10px}.service-detail{grid-template-columns:1fr;gap:25px;padding:65px 0}.service-detail.flip .service-photo,.service-detail.flip .detail-copy{order:initial}.service-photo{aspect-ratio:1.3}.detail-copy h2{font-size:clamp(58px,13vw,82px)}.detail-copy>p:not(.kicker){font-size:14px}.detail-copy li{font-size:14px}.extra-grid{grid-template-columns:1fr;gap:40px}.extra-grid img{aspect-ratio:1.65;margin-bottom:16px}.extra-grid h3{font-size:43px}.about-story-grid,.about-highlight-grid{grid-template-columns:1fr;gap:25px}.about-story h2{font-size:clamp(65px,14vw,92px)}.about-prose{padding-top:10px}.about-prose .lead{font-size:21px}.about-highlight-grid{padding-block:60px}.about-highlight-grid img{aspect-ratio:1.4}.photo-gallery{grid-template-columns:1fr 1fr;gap:8px}.gallery-item:nth-child(n){aspect-ratio:.93}.gallery-magnify{height:31px;width:31px;font-size:18px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout aside h2{font-size:67px}.contact-layout form{padding:27px 21px}.contact-layout form h2{font-size:63px}.fields{grid-template-columns:1fr;gap:0}.two-offers{grid-template-columns:1fr}.offer{min-height:0;padding:36px 24px}.offer h2{font-size:65px}.account-layout{grid-template-columns:1fr;gap:55px}.account-card{padding:25px 20px}.account-aside h2{font-size:70px}.footer-top{padding:55px 0}.footer-top h2{font-size:65px}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding:42px 0}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;font-size:9px;gap:8px}.button{min-height:52px;padding:14px 21px}}
@media(max-height:650px) and (max-width:860px){.mobile-nav-items>a:not(.mobile-login){font-size:clamp(31px,7vw,43px);line-height:1.2}.mobile-login{margin-top:12px;padding:10px 30px}.mobile-nav-top{padding-top:10px;padding-bottom:4px}.mobile-nav-foot{padding-top:9px;padding-bottom:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.mobile-nav.open{transform:none}}

/* Protect small screens from long logistics terms and contact addresses. */
.service-detail>*,.contact-layout>*,.about-story-grid>*,.about-highlight-grid>*,.intro-head>*,.service-cards>*,.account-layout>*{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}
@media(max-width:640px){.hero h1{font-size:clamp(49px,12.9vw,70px)}.contact-layout aside h2{font-size:clamp(51px,12vw,66px)}.detail-copy h2{font-size:clamp(50px,12vw,72px)}.contact-layout form h2{font-size:clamp(52px,12vw,67px)}.account-aside h2{font-size:clamp(55px,12vw,72px)}.intro-head h2,.section-top h2{font-size:clamp(53px,12vw,78px)}.service-copy h3{font-size:clamp(44px,10vw,65px)}}
/* Final mobile type tuning: preserve whole words, not awkward split letters. */
@media(max-width:640px){.page-hero h1,.page-hero.compact h1{font-size:clamp(45px,10.4vw,70px);overflow-wrap:normal}.contact-layout aside h2{font-size:clamp(40px,10.3vw,59px);overflow-wrap:normal}.about-story h2{font-size:clamp(52px,12vw,74px)}.service-copy h3{font-size:clamp(35px,8.7vw,54px);overflow-wrap:normal}.detail-copy h2{font-size:clamp(44px,10.6vw,65px);overflow-wrap:normal}}


/* ====== V19.1: single-use imagery + company-logo entrance ====== */
.sr-only{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}
/* The intro is a progressive enhancement; without JS or with reduced motion the site shows immediately. */
.intro-screen{visibility:hidden;pointer-events:none;opacity:0;position:fixed;inset:0;z-index:300;background:#050507;display:grid;place-content:center;justify-items:center;gap:24px;transition:opacity .65s ease,visibility .65s ease}
.intro-screen img{width:clamp(185px,30vw,345px);height:auto;object-fit:contain;filter:none;}
.intro-progress{width:min(260px,56vw);height:2px;background:rgba(196,161,94,.18);overflow:hidden}
.intro-progress span{display:block;width:0;height:100%;background:var(--gold);animation:intro-loading 1.25s cubic-bezier(.2,.75,.2,1) both;}
html.intro-running{overflow:hidden}
html.intro-running .intro-screen{visibility:visible;opacity:1;pointer-events:auto}
html.intro-running .intro-screen img{animation:logo-appear .9s cubic-bezier(.18,.7,.2,1) both}
@keyframes intro-loading{0%{width:0}100%{width:100%}}
@keyframes logo-appear{from{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}
/* The first photograph now occupies the hero unobscured; the buttons are a quiet bottom label. */
.hero{min-height:min(780px,calc(100svh - 90px));min-height:max(640px,min(780px,calc(100svh - 90px)));background:#09090c}
.hero-media img{height:100%;object-position:center 56%;object-fit:cover}
.hero-cover{background:transparent;}
.hero-content{align-items:flex-end;padding-top:70px;padding-bottom:95px}
.hero-intro{max-width:min(660px,94%)!important}
.hero-small-title{color:#fff!important;font:700 clamp(20px,2.7vw,33px)/1.15 var(--display)!important;letter-spacing:.12em!important;margin:0!important;text-transform:uppercase;text-shadow:0 2px 16px #0008}
.hero-small-subtitle{color:#f3e9d8!important;font:600 11px/1.6 var(--body)!important;letter-spacing:.21em!important;margin:8px 0 0!important;text-transform:uppercase}
.hero-intro .hero-buttons{margin-top:19px}
.hero-tail{background:#09090bec;border-color:rgba(196,161,94,.35)}
/* Unique photographs animate separately from the reveal of text blocks. */
@media(prefers-reduced-motion:no-preference){html.has-motion main img[data-photo]:not(.photo-visible){opacity:0;transform:scale(1.035)}html.has-motion main img[data-photo]{transition:opacity .8s ease,transform 1.35s cubic-bezier(.17,.67,.28,1)}html.has-motion main img[data-photo].photo-visible{opacity:1;transform:scale(1)}html.intro-running .hero-media img{opacity:0!important}html.intro-complete .hero-media img{animation:hero-enter 1s ease-out both}}
@keyframes hero-enter{from{opacity:.25;filter:brightness(.6);transform:scale(1.045)}to{opacity:1;filter:brightness(1);transform:scale(1)}}
/* Services without recycled photographic backgrounds: bespoke blocks of color & typography. */
.service-card.no-photo{min-height:340px;align-items:flex-end;background:#090909;}
.service-card.no-photo:nth-child(2){background:#090909;}
.service-card.no-photo:nth-child(3){background:#090909;}
.service-card.no-photo:nth-child(4){background:#090909;}
.service-card.no-photo:after{background:none}
.service-card.no-photo::before{content:"";position:absolute;inset:18px;border:1px solid rgba(196,161,94,.27);pointer-events:none}
.service-card.no-photo:hover::before{border-color:rgba(196,161,94,.7)}
.card-graphic{position:relative;display:flex;gap:7px;margin:0 0 35px;height:5px}
.card-graphic i{display:block;width:41px;height:3px;background:var(--gold);transform:skew(-18deg)}
.card-graphic i:nth-child(2){width:22px;background:var(--red)}.card-graphic i:nth-child(3){width:12px;background:var(--gold)}
.feature-photos{grid-template-columns:1fr 1fr}.feature-photos>div:nth-child(n){padding-top:0}.feature-photos>div:nth-child(2){padding-top:55px}.feature-photos .photo.image-portrait{aspect-ratio:1.25}
.showcase-grid.single-photo-showcase{grid-template-columns:minmax(0,1fr)}
.single-photo-showcase>div{max-width:820px;margin-inline:auto;width:100%}
.single-photo-showcase .photo{aspect-ratio:1.7}
.extra-grid .text-feature{background:rgba(255,255,255,.63);padding:33px 27px 39px;border:1px solid rgba(20,15,12,.09);min-height:245px}
.feature-line{width:70px;height:3px;background:var(--red);margin-bottom:30px}
.values-section{background:#120f12;color:#fff}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.values-grid article{border:1px solid rgba(196,161,94,.28);padding:36px 27px 45px;background:#090909;}
.values-grid h3{font-size:clamp(34px,3vw,49px);margin-top:23px}
.values-grid p{margin-top:15px;color:#d5ceca;font-size:14px}
.values-rule{display:block;width:60px;height:3px;background:var(--red)}
.page-hero.no-photo-hero{background:#090909;}
.page-hero.no-photo-hero::after{content:"";position:absolute;right:6vw;top:12%;height:72%;width:1px;background:transparent;opacity:.45;z-index:-1;}
@media(max-width:860px){.hero{min-height:calc(100svh - 88px)}.hero-content{padding-bottom:75px}.values-grid{grid-template-columns:1fr}.feature-photos{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hero{min-height:min(740px,calc(100svh - 80px));min-height:max(540px,calc(100svh - 80px))}.hero-media img{object-position:61% center}.hero-content{padding-top:30px;padding-bottom:46px}.hero-small-title{font-size:clamp(19px,6vw,27px)!important;letter-spacing:.07em!important}.hero-small-subtitle{font-size:9px!important}.hero-intro .hero-buttons{flex-direction:row;gap:9px}.hero-intro .hero-buttons .button{min-width:unset;font-size:10px;padding:13px 12px;min-height:46px;gap:10px}.hero-tail{padding-block:12px}.feature-photos{grid-template-columns:1fr 1fr;gap:9px}.feature-photos>div:nth-child(2){padding-top:30px}.feature-photos .photo.image-portrait{aspect-ratio:.8}.service-card.no-photo{min-height:325px}.single-photo-showcase .photo{aspect-ratio:1.08}.values-grid{grid-template-columns:1fr}.values-grid article{padding:28px 25px 33px}}
@media(prefers-reduced-motion:reduce){.intro-screen{display:none!important}html.intro-running{overflow:auto!important}main img[data-photo]{opacity:1!important;transform:none!important}}

/* Corporate logo replaces text monogram inside the mobile menu. */
.mobile-mark img{width:115px;height:78px;object-fit:contain;object-position:left center}
.mobile-nav-top{min-height:105px}
@media(max-width:640px){.mobile-mark img{width:105px;height:75px}.mobile-nav-top{min-height:95px}}


/* ===== V19.2 — CLIENT REVIEW CORRECTIONS =====
   Two type families only: Barlow Condensed for headings; DM Sans for prose.
   Palette: black / red / gold with light neutral text only for readability.
   Use natural image aspect ratios everywhere: no cropped photographs. */
:root{--night:#070607;--black:#0b090a;--panel:#181012;--cream:#0d0b0c;--white:#f5efe4;--muted:#ddd0b8;--red:#c7232f;--red-dark:#9e1a26;--gold:#d1ab61;--line:#483b30}
body{background:var(--night);color:var(--white);font-family:var(--body)}
h1,h2,h3,.mobile-nav-items>a:not(.mobile-login){font-family:var(--display)}
h2,h3{color:var(--accent-red)}
h2 em,h2 span,.kicker{color:var(--red)}
/* Distinct charcoal + crimson + gold sections, no pale/white slabs. */
.intro-band,.intro-statement,.editorial,.service-extra,.about-story,.contact-section{background:#120d0e;color:var(--white)}
.intro-band,.about-story{background:#090909;}
.editorial{background:#0c0b0c}
.contact-section,.service-extra{background:#090909;}
.intro-band .kicker,.about-story .kicker,.contact-section .kicker,.service-extra .kicker,.editorial-body .kicker{color:var(--accent-red)}
.intro-head>p:last-child,.intro-band p,.editorial-body p:not(.kicker),.about-prose,.about-prose .lead,.contact-layout aside>p:not(.kicker),.contact-lines a,.contact-lines p,.extra-grid p{color:#e5d9c4}
.editorial-body h2,.about-story h2,.intro-head h2,.contact-layout h2,.service-extra h2{color:var(--accent-red)}
.editorial-body h2 em,.about-story h2 em,.intro-head h2 em,.contact-layout h2 em,.service-extra h2 em{color:var(--red)}
.editorial-body .button-outline,.about-prose .button-outline{color:var(--white);border-color:var(--accent-red)}
.intro-statement{background:#a21c27;color:var(--white)}
.intro-statement span{color:var(--accent-red)}
.contact-lines>div{border-top-color:rgba(209,171,97,.28)}
.contact-lines span{color:var(--accent-red)}
.contact-layout form{background:#171013;box-shadow:none;border:1px solid rgba(209,171,97,.3);color:var(--white)}
.contact-layout form h2{color:var(--accent-red)}
.contact-layout form .form-intro,.form-disclaimer{color:#d4c8b4}
input,textarea,select{background:#0b0a0b;color:var(--white);border:1px solid #6c5946}
input:focus,textarea:focus,select:focus{border-color:var(--accent-red)}
.extra-grid .text-feature{background:#090909;color:var(--white);border:1px solid rgba(209,171,97,.28);}
.extra-grid h3{color:var(--accent-red)}
/* Remove the small red/gold stripes and overlaid card framing. */
.card-graphic,.feature-line,.values-rule{display:none!important}
.service-card.no-photo::before{display:none}
.service-card.no-photo{border:1px solid rgba(209,171,97,.13);min-height:300px}
.service-card.no-photo:nth-child(2),.service-card.no-photo:nth-child(4){border-color:rgba(199,35,47,.33)}
.service-card.no-photo:hover{border-color:var(--accent-red)}
.service-card .service-copy{padding:46px clamp(25px,4vw,48px)}
.service-card h3{color:var(--accent-red)}
.service-card:nth-child(even) h3{color:var(--heading-red)}
/* Whole photographs, including the hero and every responsive detail/feature. */
img{object-fit:contain}
.photo,.photo.image-portrait,.showcase-grid .photo,.single-photo-showcase .photo,.service-photo,.editorial-photo,.gallery-item{aspect-ratio:auto;min-height:0;overflow:visible}
.photo img,.photo.image-portrait img,.feature-photos .photo img,.showcase-grid .photo img,.editorial-photo img,.service-photo img,.gallery-item img,.about-highlight-grid img,.extra-grid img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
.photo:hover img,.gallery-item:hover img,.service-card:hover img{transform:none}
.feature-photos,.showcase-grid{align-items:start}
.feature-photos .photo.image-portrait,.feature-photos .photo.image-portrait img{aspect-ratio:auto}
.single-photo-showcase .photo,.single-photo-showcase img{aspect-ratio:auto}
.editorial-photo{display:flex;align-items:center;background:#0d0b0c}
.about-highlight-grid img{aspect-ratio:auto}
/* Full photographs on subpages: media and heading are side by side, never cropped. */
.page-hero:has(.page-hero-photo){display:grid;grid-template-columns:1fr 1fr;min-height:0;align-items:center;background:#110b0e;isolation:auto}
.page-hero .page-hero-photo{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:1}
.page-hero .page-hero-photo img{width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:auto}
.page-hero .page-hero-dim{display:none}
.page-hero:has(.page-hero-photo)>.wrap{grid-column:1;grid-row:1;margin:0;width:auto;padding:clamp(35px,6vw,100px) clamp(25px,5.8vw,105px);z-index:2}
.page-hero:has(.page-hero-photo) h1{font-size:clamp(49px,5.9vw,95px);color:var(--accent-red)}
.page-hero:has(.page-hero-photo) h1 span{color:var(--red)}
/* Full homepage truck: natural ratio; brand + links replace oversized white lettering. */
.hero{min-height:0!important;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;overflow:hidden;background:#080709}
.hero-media{position:relative;inset:auto;grid-row:1;grid-column:1;z-index:0;line-height:0}
.hero-media img{height:auto!important;width:100%;object-fit:contain!important;object-position:center!important;aspect-ratio:auto;transform:none!important}
.hero-cover{grid-row:1;grid-column:1;position:relative;z-index:1;inset:auto;pointer-events:none;background:transparent;}
.hero-content{grid-row:1;grid-column:1;align-self:center;z-index:2;min-height:0;display:flex;align-items:center;padding-top:35px;padding-bottom:35px;pointer-events:none}
.hero-content>*{pointer-events:auto}
.hero-intro{max-width:620px!important}
.hero-logo-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hero-logo-lockup img{width:clamp(170px,21vw,345px);height:auto;max-height:350px;object-fit:contain;filter:none;}
.hero-logo-caption{margin:0!important;color:var(--accent-red)!important;max-width:440px!important;font:700 clamp(12px,1.3vw,16px)/1.4 var(--body)!important;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 4px 15px #000}
.hero-intro .hero-buttons{margin-top:25px}
.hero-tail{grid-row:2;grid-column:1;background:#0c090b}
/* Sign-in, registration and profile get a large centered corporate logo rather than a big white slogan. */
.account-hero{background:#090909!important;border-bottom:1px solid rgba(209,171,97,.35)!important;text-align:center;min-height:0!important;}
.account-hero>.wrap{padding-block:45px 55px!important;display:flex;flex-direction:column;align-items:center;gap:10px}
.account-hero-logo{display:block;width:clamp(190px,24vw,320px);height:auto;max-width:80vw;object-fit:contain;filter:none;animation:logo-appear .85s ease-out both;}
.account-hero .kicker{margin:0;order:2;color:var(--accent-red)}
.account-hero>.wrap>p:last-child{margin:0!important;order:3;max-width:550px;color:#ddceb3!important;font-size:14px}
.account-section{background:#090809}
/* Smooth reveals never zoom/crop source photographs. */
@media(prefers-reduced-motion:no-preference){html.has-motion main img[data-photo]:not(.photo-visible){opacity:0;transform:translateY(12px)}html.has-motion main img[data-photo]{transition:opacity .8s ease,transform .8s ease}html.has-motion main img[data-photo].photo-visible{opacity:1;transform:translateY(0)}html.intro-complete .hero-media img{animation:photo-fade .9s ease-out both}}
@keyframes photo-fade{from{opacity:.35}to{opacity:1}}
@media(max-width:860px){.hero{min-height:0!important}.page-hero:has(.page-hero-photo) h1{font-size:clamp(46px,7vw,70px)}}
@media(max-width:640px){.hero{grid-template-rows:auto auto auto;background:#0a0709}.hero-media{grid-row:1;grid-column:1}.hero-cover{display:none}.hero-content{grid-row:2;grid-column:1;position:relative;display:block;padding:24px 20px 35px;background:#100c0d}.hero-logo-lockup{align-items:center}.hero-logo-lockup img{width:clamp(170px,52vw,245px)}.hero-logo-caption{text-align:center;font-size:11px!important}.hero-intro .hero-buttons{justify-content:center;gap:10px;margin-top:23px}.hero-intro .hero-buttons .button{font-size:10px;padding:13px 12px}.hero-tail{grid-row:3;grid-column:1}.page-hero:has(.page-hero-photo){grid-template-columns:1fr;grid-template-rows:auto auto}.page-hero .page-hero-photo{grid-row:1;grid-column:1}.page-hero:has(.page-hero-photo)>.wrap{grid-row:2;grid-column:1;padding:35px 20px 43px}.page-hero:has(.page-hero-photo) h1{font-size:clamp(48px,12vw,75px)}.feature-photos{grid-template-columns:1fr;gap:25px}.feature-photos>div:nth-child(n){padding-top:0}.showcase-grid{grid-template-columns:1fr}.editorial-photo{min-height:0}.account-hero-logo{width:clamp(170px,54vw,235px)}.service-card.no-photo{min-height:245px}.service-card .service-copy{padding:30px}}
@media(prefers-reduced-motion:reduce){.account-hero-logo{animation:none}}


/* V19.3 — Ship / Track photo and cleaned document imagery. */
/* Original photos always render at their native aspect ratio: no photo cropping. */
.feature-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,30px);align-items:start}
.feature-photos > div:nth-child(n){padding-top:0!important;margin-top:0!important}
.feature-photos .photo{background:transparent;line-height:0}
.feature-photos .photo img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;border:0}
.page-hero.ship-photo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);align-items:center;min-height:0;background:#090909;}
.page-hero.ship-photo-hero .page-hero-photo{grid-column:2;grid-row:1;position:relative;inset:auto;align-self:stretch;display:flex;align-items:center;overflow:visible;background:#090708}
.page-hero.ship-photo-hero .page-hero-photo img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.page-hero.ship-photo-hero > .wrap{grid-column:1;grid-row:1;margin:0;padding:clamp(44px,6vw,88px) clamp(24px,5.4vw,90px);width:auto;z-index:2}
.page-hero.ship-photo-hero h1{font-size:clamp(57px,6.2vw,104px);line-height:.93;overflow-wrap:normal}
.page-hero.ship-photo-hero h1 span{color:var(--accent-red)}
.page-hero.ship-photo-hero .page-hero-dim{display:none}
@media(max-width:860px){.page-hero.ship-photo-hero{grid-template-columns:1fr;grid-template-rows:auto auto}.page-hero.ship-photo-hero .page-hero-photo{grid-column:1;grid-row:1}.page-hero.ship-photo-hero > .wrap{grid-column:1;grid-row:2;padding:42px 30px 50px}.feature-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:640px){.page-hero.ship-photo-hero > .wrap{padding:36px 20px 50px}.page-hero.ship-photo-hero h1{font-size:clamp(54px,13.1vw,74px)}.feature-photos{grid-template-columns:1fr;gap:20px}}


/* ===== QUEEN LOGISTICS V19.4 / FLAT BRAND PALETTE =====
   Solid black, red and gold only; readable neutral lettering. Zero gradients. */
:root { --night:#000000; --black:#000000; --panel:#090909; --cream:#090909;
        --red:#c92532; --red-dark:#a51e28; --gold:#cba65e; --line:#33291c; }
html,body { background:#000000; }
.header,.footer,.services-preview,.ship-section,.account-section,.values-section,
.intro-band,.about-story,.editorial,.service-extra,.contact-section,
.showcase,.about-highlight,.page-hero,.page-hero.compact,.page-hero.no-photo-hero,
.page-hero.no-photo-hero:before,.page-hero.no-photo-hero:after,
.account-hero,.hero-content,.hero-tail { background:#000000!important; }
.page-hero.no-photo-hero:after { display:none!important; }
.service-card,.service-card.no-photo,.service-card.no-photo:nth-child(2),
.service-card.no-photo:nth-child(3),.service-card.no-photo:nth-child(4),
.extra-grid .text-feature,.values-grid article,.offer,.account-card,
.contact-layout form,.contact-tip,.local-notice { background:#090909!important; }
.hero-cover,.page-hero-dim,.service-card:after { background:transparent!important; }
.hero-logo-lockup img,.intro-screen img,.account-hero-logo { filter:none!important; }
.button-outline,.button-ghost { background:#000!important; border-color:var(--accent-red); }
.button-red,.nav-action,.mobile-login { background:var(--red)!important; }
.intro-progress span { background:var(--gold)!important; }
.intro-band,.about-story,.contact-section,.editorial,.service-extra,
.intro-band .intro-head>p:last-child,.about-prose,.about-prose .lead,
.contact-layout aside>p:not(.kicker),.editorial-body p { color:#f8f5ef!important; }
.page-hero .kicker,.intro-band .kicker,.about-story .kicker,
.contact-section .kicker { color:var(--accent-red)!important; }
.service-card:nth-child(even) h3 { color:var(--red)!important; }
.card-graphic,.feature-line,.values-rule,.photo-tint { display:none!important; }
/* No photographs placed on an off-white mat, and no CSS image zooms or clipping. */
.feature-photos,.showcase-grid { align-items:start!important; }
.feature-photos .photo,.service-photo,.editorial-photo,.gallery-item,
.about-highlight-grid figure,.about-highlight-grid .photo { background:#000!important; border:0!important; }
.feature-photos .photo img,.service-photo img,.editorial-photo img,.gallery-item img,
.about-highlight-grid img,.page-hero-photo img { display:block; width:100%; height:auto;
 object-fit:contain!important; object-position:center; border:none!important; margin:0!important;
 transform:none!important; }
/* Ship / Track: the original, intact photo fills the back layer; flat black copy panel. */
.page-hero.ship-full-photo { display:grid!important; grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto!important; min-height:0!important; background:#000!important;
 overflow:hidden; position:relative; isolation:isolate; }
.page-hero.ship-full-photo .page-hero-photo { position:relative!important; inset:auto!important;
 display:block!important; grid-area:1/1!important; width:100%!important; align-self:start!important;
 background:#000!important; z-index:0; }
.page-hero.ship-full-photo .page-hero-photo img { display:block; width:100%; height:auto!important;
 object-fit:contain!important; margin:0!important; transform:none!important; }
.page-hero.ship-full-photo>.ship-photo-copy { grid-area:1/1!important; z-index:2;
 align-self:center!important; justify-self:start!important; position:relative!important;
 width:min(600px,48vw)!important; margin:24px 0 24px clamp(20px,5vw,85px)!important;
 padding:clamp(24px,3vw,46px)!important; background:rgba(0,0,0,.88)!important;
 border-left:4px solid var(--gold); }
.page-hero.ship-full-photo .ship-photo-copy h1 { font-size:clamp(45px,5.4vw,81px)!important;
 line-height:.96; color:var(--accent-red)!important; max-width:100%; overflow-wrap:normal; }
.page-hero.ship-full-photo .ship-photo-copy h1 span { color:var(--red)!important; }
.page-hero.ship-full-photo .ship-photo-copy>p:last-child { color:#fff!important; }
.page-hero.ship-full-photo .ship-photo-copy .kicker { color:var(--accent-red)!important; }
@media(max-width:860px){
 .page-hero.ship-full-photo>.ship-photo-copy { width:min(520px,55vw)!important;
   padding:22px!important; }
 .page-hero.ship-full-photo .ship-photo-copy h1 { font-size:clamp(39px,5.4vw,65px)!important; }
}
@media(max-width:640px){
 .page-hero.ship-full-photo { display:flex!important; flex-direction:column!important; }
 .page-hero.ship-full-photo .page-hero-photo { order:0; width:100%!important; }
 .page-hero.ship-full-photo>.ship-photo-copy { order:1; width:100%!important; margin:0!important;
   padding:32px 22px 40px!important; background:#000!important; border-left:0;
   border-top:3px solid var(--gold); }
 .page-hero.ship-full-photo .ship-photo-copy h1 { font-size:clamp(53px,12vw,72px)!important; }
 .page-hero.ship-full-photo .ship-photo-copy>p:last-child { margin-top:16px; }
}

/* V19.4 final visual correction: leave the truck visible around a small solid card. */
@media(min-width:641px){
 .hero-content{background:transparent!important;}
 .hero-intro{background:#000!important;padding:25px 30px 28px;max-width:490px!important;}
}
@media(min-width:641px){ .hero-intro{max-width:550px!important;padding:26px 30px 30px;} }


/* ===== V19.5: TRUE PHOTO-BACKGROUND HEROES / NO BLACK TITLE CARDS =====
   Five pages: photographs run behind the headings, not beside black panels.
   Text uses shadows to remain readable; no color overlays or gradients. */
.hero, .page-hero:has(>.page-hero-photo),.page-hero.ship-full-photo {
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto!important;
 min-height:0!important;
 height:auto!important;
 background:#000!important;
 position:relative!important;
 isolation:isolate!important;
 overflow:hidden!important;
}
.hero-media,.page-hero:has(>.page-hero-photo)>.page-hero-photo,
.page-hero.ship-full-photo>.page-hero-photo {
 position:relative!important;
 inset:auto!important;
 display:block!important;
 grid-area:1/1!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 z-index:0!important;
 line-height:0!important;
 background:transparent!important;
 border:0!important;
 overflow:hidden!important;
}
.hero-media img,.page-hero:has(>.page-hero-photo)>.page-hero-photo img,
.page-hero.ship-full-photo>.page-hero-photo img {
 display:block!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 object-fit:contain!important;
 object-position:center!important;
 border:0!important;
 box-shadow:none!important;
 padding:0!important;
 margin:0!important;
 aspect-ratio:auto!important;
 transform:none!important;
}
.hero-cover,.page-hero-dim {display:none!important;}
.hero-content,.page-hero:has(>.page-hero-photo)>.wrap,
.page-hero.ship-full-photo>.ship-photo-copy {
 grid-area:1/1!important;
 grid-column:1!important;
 grid-row:1!important;
 position:relative!important;
 z-index:2!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 max-width:none!important;
 width:min(1400px,calc(100% - 96px))!important;
 margin-inline:auto!important;
 margin-top:0!important;
 margin-bottom:0!important;
 padding:28px 0!important;
 align-self:end!important;
 justify-self:center!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:flex-end!important;
 pointer-events:none!important;
}
.hero-content>* ,.page-hero:has(>.page-hero-photo)>.wrap>* ,
.page-hero.ship-full-photo>.ship-photo-copy>* {pointer-events:auto!important;}
/* No background patches around the company logo or any hero copy. */
.hero .hero-intro,.hero .hero-logo-lockup,.hero .hero-buttons,
.page-hero .ship-photo-copy,.page-hero:has(>.page-hero-photo)>.wrap {
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
}
.hero .hero-intro {padding:0!important;max-width:min(630px,65%)!important;}
.hero .hero-logo-lockup img {
 width:clamp(170px,23vw,335px)!important;
 height:auto!important;
 max-height:none!important;
 filter:drop-shadow(0 2px 4px #000) drop-shadow(0 6px 16px #000)!important;
}
.hero .hero-logo-caption,.page-hero .kicker,
.page-hero:has(>.page-hero-photo)> .wrap>p:last-child {
 color:var(--accent-red)!important;
 text-shadow:0 2px 7px #000,0 0 19px #000!important;
}
.page-hero:has(>.page-hero-photo)>.wrap,
.page-hero.ship-full-photo>.ship-photo-copy {
 align-self:center!important;
}
.page-hero:has(>.page-hero-photo)>.wrap>*,
.page-hero.ship-full-photo>.ship-photo-copy>* {max-width:min(700px,57%);}
.page-hero:has(>.page-hero-photo) h1,
.page-hero.ship-full-photo .ship-photo-copy h1 {
 font-family:var(--display)!important;
 font-size:clamp(46px,5.3vw,88px)!important;
 line-height:.96!important;
 color:var(--accent-red)!important;
 /* Avoid the stacked dark glyph edges that caused triangular artifacts. */
 text-shadow:none!important;
 -webkit-text-stroke:0 transparent!important;
}
.page-hero:has(>.page-hero-photo) h1 span,
.page-hero.ship-full-photo .ship-photo-copy h1 span {color:var(--red)!important;}
.page-hero:has(>.page-hero-photo)>.wrap>p:last-child,
.page-hero.ship-full-photo>.ship-photo-copy>p:last-child {
 color:#fff!important;
 text-shadow:0 2px 6px #000,0 0 15px #000!important;
 max-width:550px;
}
.hero .button-ghost {background:transparent!important;border:1px solid var(--gold)!important;
 color:#fff!important;text-shadow:0 1px 4px #000!important;}
.hero .hero-tail{grid-row:2!important;grid-column:1!important;position:relative!important;z-index:2!important;}
/* Remove the one-pixel printing/export seams; source photos are otherwise intact. */
.hero img,.page-hero img,.feature-photos img {outline:0!important;box-shadow:none!important;}
@media(max-width:860px){
 .hero-content,.page-hero:has(>.page-hero-photo)>.wrap,
 .page-hero.ship-full-photo>.ship-photo-copy{width:calc(100% - 48px)!important;}
 .page-hero:has(>.page-hero-photo) h1,.page-hero.ship-full-photo .ship-photo-copy h1{
 font-size:clamp(35px,5.7vw,64px)!important;}
}
@media(max-width:640px){
 .hero,.page-hero:has(>.page-hero-photo),.page-hero.ship-full-photo{
 display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;
 min-height:0!important;}
 .hero-media,.page-hero:has(>.page-hero-photo)>.page-hero-photo,
 .page-hero.ship-full-photo>.page-hero-photo{
 grid-area:1/1!important;align-self:stretch!important;order:unset!important;}
 .hero-content,.page-hero:has(>.page-hero-photo)>.wrap,
 .page-hero.ship-full-photo>.ship-photo-copy{
 grid-area:1/1!important;width:calc(100% - 28px)!important;
 padding:10px 0!important;margin:0 auto!important;
 align-self:center!important;order:unset!important;
 }
 .hero .hero-intro {max-width:100%!important;width:100%!important;}
 .hero .hero-logo-lockup {align-items:flex-start!important;}
 .hero .hero-logo-lockup img {width:clamp(105px,28vw,170px)!important;}
 .hero .hero-logo-caption {font-size:9px!important;letter-spacing:.11em!important;}
 .hero .hero-buttons{justify-content:flex-start!important;gap:6px!important;margin-top:12px!important;}
 .hero .hero-buttons .button{padding:8px 9px!important;min-height:35px!important;
 font-size:8px!important;gap:6px!important;}
 .hero .hero-tail{grid-area:2/1!important;min-height:35px;}
 .page-hero:has(>.page-hero-photo)>.wrap>*,
 .page-hero.ship-full-photo>.ship-photo-copy>*{max-width:90%!important;}
 .page-hero:has(>.page-hero-photo) h1,.page-hero.ship-full-photo .ship-photo-copy h1{
 font-size:clamp(28px,8.7vw,47px)!important;line-height:.94!important;}
 .page-hero:has(>.page-hero-photo) .kicker{font-size:8px!important;margin-bottom:8px!important;}
 .page-hero:has(>.page-hero-photo)>.wrap>p:last-child,
 .page-hero.ship-full-photo>.ship-photo-copy>p:last-child{
 font-size:11px!important;line-height:1.25!important;margin-top:8px!important;}
 .page-hero .page-hero-photo img{width:100%!important;height:auto!important;object-fit:contain!important;}
}

/* V19.5: discard the pale line separating the original home hero from its footer */
.hero .hero-tail {border:0!important;}

/* V19.6 — buttons without arrow icons, and subtle source-image edge cleanup. */
.button, .desktop-links .nav-action {justify-content:center!important;gap:0!important;}
.button > span[aria-hidden="true"], .desktop-links .nav-action > span[aria-hidden="true"] {display:none!important;}
/* Only conceal the 4 px white export edge, not the photograph itself. */
img[src$="port-cranes.webp"], img[src$="packing-boxes.webp"] {clip-path:inset(0 0 0 4px);}


/* V19.7 — client palette: RED headings, RED small labels, WHITE descriptions.
   Gold is reserved exclusively for the corporate logo and decorative borders. */
:root { --heading-red:#e43a46; --accent-red:#f15a65; }
h1, h2, h3, h1 span, h2 span, h2 em, h3 span,
.page-hero h1, .page-hero h1 span,
.page-hero.ship-full-photo .ship-photo-copy h1,
.page-hero.ship-full-photo .ship-photo-copy h1 span,
.section-top h2, .intro-head h2, .editorial-body h2,
.detail-copy h2, .service-copy h3, .extra-grid h3,
.account-aside h2, .account-card h2,
.reach-banner h2, .footer-top h2 {
  color:var(--heading-red)!important;
  font-family:var(--display)!important;
  font-weight:800!important;
  line-height:1.03;
  text-shadow:none;
}
.kicker, .kicker.gold, .hero-logo-caption,
.intro-band .kicker, .about-story .kicker,
.contact-section .kicker, .service-extra .kicker,
.editorial-body .kicker, .page-hero .kicker,
.page-hero.ship-full-photo .ship-photo-copy .kicker,
.footer-col strong, .contact-lines span,
.hero-tail a, .service-copy>span,
.service-nav a, .intro-statement span,
.mobile-nav-foot a, .desktop-links>a[aria-current="page"],
.mobile-nav-items>a[aria-current="page"],
.service-nav a[aria-current="location"] {
  color:var(--accent-red)!important;
  font-weight:800!important;
}
.hero-logo-caption, .kicker { text-shadow:none!important; }
.section-top p:not(.kicker), .intro-head>p:last-child,
.detail-copy>p:not(.kicker), .service-copy p,
.page-hero>.wrap>p:last-child,
.contact-layout aside>p:not(.kicker),
.account-aside p:not(.kicker) { color:#faf7f3!important; }
/* The call-to-action must remain legible; red-on-red would not be. */
.reach-banner, .intro-statement { background:#000!important; }
.button, .desktop-links .nav-action, .service-nav a {
  font-weight:800!important;
}
.button-red, .desktop-links .nav-action, .mobile-login {
  color:#fff!important;
}
.mobile-nav-items>a[aria-current="page"] .nav-caret {color:var(--accent-red)!important;}
.service-detail .detail-copy h2 { max-width:100%; }
@media(max-width:640px) {
  .detail-copy h2 {font-size:clamp(48px,11.2vw,68px)!important;line-height:1.04!important;}
  .service-copy h3 {font-size:clamp(43px,10vw,64px)!important;line-height:1.05!important;}
  .service-nav a {font-size:12px!important;letter-spacing:.04em;}
  .detail-copy {padding-top:4px;}
  .detail-copy .kicker {font-size:12px!important;letter-spacing:.13em;}
}
/* Scroll-built sections: no photo cropping and no movement when reduced motion. */
@media(prefers-reduced-motion:no-preference) {
 html.has-motion [data-reveal]:not(.is-visible) {
   opacity:0;transform:translateY(42px);filter:blur(5px);
 }
 html.has-motion [data-reveal] {
   transition:opacity .82s ease,transform .85s cubic-bezier(.16,.68,.22,1),filter .8s ease!important;
 }
 html.has-motion [data-reveal].is-visible {
   opacity:1;transform:translateY(0);filter:blur(0);
 }
 html.has-motion .service-detail .detail-copy[data-reveal] {transition-delay:.1s!important;}
}
@media(prefers-reduced-motion:reduce) {
 html.has-motion [data-reveal] {opacity:1!important;transform:none!important;filter:none!important;}
}


/* V19.7 — approved homepage structure: photo unobstructed, header logo + white descriptor,
   and both red action buttons below the small warehouse/fulfillment/logistics line. */
.header .navigation {gap:clamp(13px,2vw,32px)!important;}
.header .brand {
 display:flex!important;align-items:center!important;gap:clamp(8px,1.2vw,16px)!important;
 flex:0 1 355px!important;min-width:0!important;
}
.header .brand-image {
 width:clamp(107px,10.8vw,160px)!important;
 height:clamp(80px,8.2vw,114px)!important;
 object-fit:contain!important;flex:0 0 auto!important;
}
.header .brand-tagline {
 display:block!important;max-width:175px!important;
 color:#fff!important;font:800 clamp(10px,.98vw,13px)/1.26 var(--body)!important;
 letter-spacing:.075em;text-transform:uppercase;overflow-wrap:normal;
}
.desktop-links{gap:clamp(10px,1.4vw,22px)!important;}
.desktop-links>a {font-weight:800!important;}
.desktop-links .nav-action{padding:15px 17px!important;}
.hero .hero-cover{display:none!important;}
.hero .hero-tail {
 grid-area:2 / 1!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:14px!important;
 padding:23px 24px 29px!important;margin:0!important;background:#000!important;
 border:0!important;text-align:center;min-height:0!important;
}
.hero .hero-tail-services {
 color:#fff!important;font:800 clamp(11px,1.12vw,16px)/1.35 var(--body)!important;
 letter-spacing:.13em;text-transform:uppercase;
}
.hero .hero-tail-services b {color:var(--heading-red)!important;font-weight:800;}
.hero .hero-tail-actions {
 display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
 gap:14px;margin:0;
}
.hero .hero-tail-actions .button {
 display:inline-flex!important;align-items:center;justify-content:center!important;
 min-width:190px;min-height:52px;padding:14px 24px!important;
 border:1px solid var(--red)!important;
 background:var(--red)!important;color:#fff!important;
 font:800 13px/1.2 var(--body)!important;letter-spacing:.06em;
}
.hero .hero-tail-actions .button:hover, .hero .hero-tail-actions .button:focus-visible {
 background:var(--red-dark)!important;border-color:var(--red-dark)!important;
}
@media (max-width:1100px) and (min-width:861px) {
 .header .brand{flex-basis:265px!important;gap:8px!important;}
 .header .brand-image{width:104px!important;height:81px!important;}
 .header .brand-tagline{font-size:10px!important;max-width:148px!important;}
 .desktop-links{gap:10px!important;}
 .desktop-links>a{font-size:10px!important;}
 .desktop-links .nav-action{padding:12px 11px!important;}
}
@media (max-width:860px) {
 .header .navigation{min-height:87px!important;}
 .header .brand{flex:0 1 auto!important;gap:10px!important;}
 .header .brand-image{height:75px!important;width:108px!important;}
 .header .brand-tagline{font-size:10px!important;max-width:150px!important;}
}
@media (max-width:640px) {
 .header .navigation{min-height:82px!important;gap:6px!important;}
 .header .brand-image{height:70px!important;width:94px!important;}
 .header .brand-tagline{font-size:9px!important;max-width:125px!important;letter-spacing:.02em!important;}
 .hero .hero-tail{padding:20px 12px 25px!important;gap:13px!important;}
 .hero .hero-tail-services{font-size:10px!important;letter-spacing:.055em!important;}
 .hero .hero-tail-actions{width:100%;gap:9px;}
 .hero .hero-tail-actions .button {
  flex:1 1 0;min-width:0!important;min-height:47px!important;
  padding:13px 10px!important;font-size:11px!important;
 }
}
@media (max-width:360px) {
 .header .brand-image{width:78px!important;}
 .header .brand-tagline{max-width:110px!important;font-size:8px!important;}
}


/* V19.7 — slim, functional WHITE scroll indicators inspired by the user's reference.
   The marks navigate actual page sections, not simulated image slides. */
.hero .hero-rail {
 position:absolute!important;top:clamp(80px,21vw,280px)!important;
 right:clamp(16px,3vw,52px)!important;
 z-index:12!important;display:flex;flex-direction:column;
 gap:15px;align-items:flex-end;background:transparent!important;
}
.hero .hero-rail a {
 display:flex;align-items:center;justify-content:flex-end;
 width:62px;height:19px;padding:0;
 color:#fff!important;outline-offset:4px;
}
.hero .hero-rail a span {
 display:block;width:24px;height:3px;border-radius:0;
 background:#fff!important;transition:width .25s ease,opacity .25s ease;
 opacity:.68;
}
.hero .hero-rail a:hover span,
.hero .hero-rail a:focus-visible span,
.hero .hero-rail a.is-active span {width:52px;opacity:1;}
@media(max-width:640px) {
 .hero .hero-rail {right:12px!important;top:clamp(55px,13vw,96px)!important;gap:8px!important;}
 .hero .hero-rail a {width:39px;height:15px;}
 .hero .hero-rail a span {width:18px;height:2px;}
 .hero .hero-rail a.is-active span,
 .hero .hero-rail a:hover span {width:33px;}
}
/* White line-work sticker graphics for the Services section. */
.service-card.no-photo {
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:flex-end!important;gap:0!important;
}
.service-sticker {
 display:inline-grid;place-items:center;flex:none;
 width:75px;height:75px;margin:29px 0 0 40px;
 color:#fff!important;background:var(--red)!important;
 border:2px solid #fff!important;border-radius:8px;
 transform:none!important;
}
.service-sticker svg {
 width:47px;height:47px;display:block;
 stroke:#fff!important;fill:none!important;
}
.service-card .service-copy {width:100%;padding-top:24px!important;}
.service-sticker-detail {margin:0 0 23px 0!important;width:66px;height:66px;}
.service-sticker-detail svg {width:43px;height:43px;}
@media(max-width:640px) {
 .service-sticker {width:64px;height:64px;margin:25px 0 0 27px;}
 .service-sticker svg{width:40px;height:40px;}
 .service-card .service-copy{padding:18px 27px 30px!important;}
 .service-sticker-detail {margin:0 0 19px 0!important;}
}
/* Clarity: white text on red buttons; red titles elsewhere. */
.service-card.no-photo h3,
.service-card.no-photo:nth-child(even) h3,
.detail-copy h2, .detail-copy h2 span {color:var(--heading-red)!important;}
.service-card.no-photo h3 {font-weight:800!important;}
/* No motion for visitors requesting reduced animation. */
@media(prefers-reduced-motion:reduce) {
 .hero .hero-rail a span {transition:none!important;}
}


/* =================================================================
   QUEEN LOGISTICS V19.8 — client review
   - Large, clear red headings; all small labels in WHITE
   - White sticker tiles (black pictograms), not red tiles
   - No lines across the truck image
   - One white, solid Motion-style chevron BETWEEN the two final CTA bands
   - Enlarged corporate wordmark, readable white descriptor
   - Sticky header: black at top, semi-transparent while scrolling
   ================================================================= */

/* Small labels and captions stay white throughout the site. */
:root { --accent-red:#ffffff; }
.kicker,.kicker.gold,
.intro-band .kicker,.about-story .kicker,.contact-section .kicker,
.service-extra .kicker,.editorial-body .kicker,.page-hero .kicker,
.page-hero.ship-full-photo .ship-photo-copy .kicker,
.service-copy>span,.service-copy>span *,
.footer-col strong,.footer-col a,.footer-main strong,
.footer-bottom,.footer-top .kicker,.contact-lines span,
.hero-logo-caption,.hero-tail a,.hero-tail-services,
.hero-tail-services b,.service-nav a,.service-nav a[aria-current="location"],
.intro-statement span,.mobile-nav-foot a,.brand-tagline,
.desktop-links>a:not(.nav-action),.mobile-nav-items>a,
.detail-copy .kicker,.service-card .service-copy>span {
  color:#ffffff!important;
}
.service-copy p,.detail-copy p,.intro-head p:not(.kicker),
.section-top p:not(.kicker),.footer-brand p,
.contact-layout p:not(.kicker),.account-aside p:not(.kicker) {
  color:#f7f7f7!important;
}
/* Red only for large headlines; company logo keeps its original artwork. */
main h1:not(.sr-only),main h2,main h3,
.footer-top h2,.service-copy h3,.detail-copy h2 {
  color:var(--heading-red)!important;
  font-family:var(--display)!important;font-weight:800!important;
}
main h1 span,main h2 span,main h2 em,
.footer-top h2 em { color:var(--heading-red)!important; }
/* Exception: white lettering on the solid RED call-to-action band is
   necessary for contrast, as in the user's selected screenshot. */
.reach-banner {
  position:relative!important;overflow:visible!important;
  background:var(--red)!important;z-index:3;
  padding:74px 0!important;
}
.reach-banner .kicker,.reach-banner h2,.reach-banner h2 span,
.reach-banner p {color:#ffffff!important;}
.reach-banner .wrap {position:relative!important;z-index:4;}
.reach-banner .button {
  color:#fff!important;background:transparent!important;
  border:2px solid #fff!important;
}
.reach-banner .button:hover {background:#000!important;border-color:#fff!important;}
/* No thin separators or fake indicators on the truck photograph. */
.hero .hero-rail,.hero-rail {display:none!important;}

/* One dramatic, real white open-chevron shape (solid silhouette).
   It sits between the upper red CTA and lower black footer CTA. */
.cta-chevron {
  position:absolute;left:68%;bottom:-93px;
  width:113px;height:181px;z-index:7;pointer-events:none;
  background:#fff;
  clip-path:polygon(0 0,34% 0,100% 50%,34% 100%,0 100%,66% 50%);
  filter:none;
}
.footer {position:relative;z-index:1;background:#000!important;}
.footer-top {min-height:262px;}
@media(max-width:1100px) {
  .cta-chevron{left:66%;width:78px;height:132px;bottom:-70px;}
}
@media(max-width:720px) {
  .reach-banner {padding:50px 0!important;}
  .cta-chevron{left:auto;right:16px;width:42px;height:72px;bottom:-34px;}
  .footer-top{min-height:0;}
}

/* Off-white "sticker" tile with charcoal drawing, like the corporate icons.
   Not a red square; both large tiles and detailed-services icons match. */
.service-sticker,.service-sticker-detail {
  background:#f5f5f3!important;border:2px solid #fff!important;
  color:#1a1a1a!important;border-radius:6px!important;
  box-shadow:0 3px 0 rgba(255,255,255,.18)!important;
}
.service-sticker svg,.service-sticker-detail svg,
.service-sticker svg *, .service-sticker-detail svg * {
  color:#1a1a1a!important;stroke:#1a1a1a!important;
  fill:none!important;
}
.service-sticker-detail {display:inline-grid!important;}
.service-copy>span {font-weight:800!important;}

/* Corporate header always remains visible as the visitor scrolls. */
.header {
  position:sticky!important;top:0!important;z-index:160!important;
  background:#000!important;
  transition:background-color .28s ease,border-color .28s ease!important;
}
.header.is-scrolled {
  background:rgba(0,0,0,.61)!important;
  border-bottom-color:rgba(255,255,255,.23)!important;
}
/* Blur in a pseudo-element, so the fullscreen mobile navigation keeps
   its correct viewport positioning (backdrop-filter on header would break it). */
.header.is-scrolled::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.header .navigation {
  min-height:131px!important;gap:20px!important;
}
.header .brand {
  display:flex!important;flex:0 1 475px!important;
  align-items:center!important;gap:22px!important;min-width:0;
}
.header .brand-image {
  flex:0 0 auto!important;width:176px!important;
  height:124px!important;object-fit:contain!important;
}
.header .brand-tagline {
  max-width:250px!important;overflow-wrap:normal!important;
  color:#fff!important;font:800 clamp(16px,1.28vw,20px)/1.22 var(--body)!important;
  letter-spacing:.012em!important;text-transform:uppercase!important;
}
.desktop-links {gap:clamp(9px,1.1vw,18px)!important;}
.desktop-links>a{font-weight:700!important;}
@media(max-width:1260px) and (min-width:861px) {
  .header .navigation{min-height:112px!important;gap:10px!important;}
  .header .brand{flex-basis:325px!important;gap:10px!important;}
  .header .brand-image{width:127px!important;height:102px!important;}
  .header .brand-tagline{max-width:170px!important;font-size:14px!important;}
  .desktop-links>a {font-size:10px!important;}
  .desktop-links{gap:10px!important;}
  .desktop-links .nav-action{padding:12px 10px!important;}
}
@media(max-width:860px) {
  .header .navigation{min-height:103px!important;gap:9px!important;}
  .header .brand {flex:0 1 auto!important;gap:12px!important;}
  .header .brand-image{height:94px!important;width:124px!important;}
  .header .brand-tagline{font-size:clamp(12px,1.7vw,16px)!important;max-width:205px!important;}
}
@media(max-width:640px) {
  .header .navigation{min-height:91px!important;gap:8px!important;}
  .header .brand{gap:10px!important;}
  .header .brand-image{width:108px!important;height:86px!important;}
  .header .brand-tagline{font-size:clamp(12px,3.0vw,15px)!important;
    max-width:170px!important;line-height:1.23!important;letter-spacing:0!important;}
  .menu{flex:0 0 auto;}
}
@media(max-width:400px) {
  .header .brand-image{width:92px!important;height:79px!important;}
  .header .brand-tagline{font-size:11px!important;max-width:148px!important;}
}
@media(prefers-reduced-motion:reduce) {
  .header {transition:none!important;}
}


/* ================================================================
   V19.9 — Motion-style typography + client-requested header/CTA
   Reference: the supplied Motion Express screenshots.
   Font note: Montserrat is a visually close, open-source substitute;
   the exact font family of the reference website could not be verified.
   ================================================================ */

/* One consistent, bold family for all user-interface text. */
:root {
 --display:"Montserrat",Arial,Helvetica,sans-serif;
 --body:"Montserrat",Arial,Helvetica,sans-serif;
}
html,body,button,input,textarea,select {font-family:var(--body)!important;font-weight:700!important;}
body :is(p,span,a,button,label,input,textarea,select,option,li,small,strong,b,th,td) {
 font-family:var(--body)!important;font-weight:700!important;
}
h1,h2,h3,h4,h5,h6,
body :is(.hero-logo-caption,.section-title,.mobile-nav-items>a) {
 font-family:var(--display)!important;font-weight:900!important;
 letter-spacing:-.035em;
}
main :is(h1,h2,h3),.footer-top h2 {
 font-family:var(--display)!important;font-weight:900!important;
 line-height:1.04!important;
}
main .section-top h2,main .intro-head h2 {
 font-size:clamp(46px,5.65vw,87px)!important;
}
main .service-copy h3 {
 font-size:clamp(30px,3.15vw,46px)!important;
 line-height:1.11!important;letter-spacing:-.032em!important;
}
main .detail-copy h2 {
 font-size:clamp(38px,4.5vw,68px)!important;
 overflow-wrap:normal!important;
}
main .page-hero h1 {font-size:clamp(48px,6.3vw,95px)!important;}
.kicker,.kicker.gold,
.service-copy>span,.service-nav a,
.desktop-links>a,.mobile-nav-items>a,
.button,.footer-col strong,.contact-lines span {
 font-family:var(--body)!important;font-weight:800!important;
}
body :is(p,li,label) {letter-spacing:0;}
body .button {font-weight:800!important;}
@media(max-width:640px) {
 main .section-top h2,main .intro-head h2{font-size:clamp(38px,9vw,57px)!important;}
 main .service-copy h3{font-size:clamp(30px,7.7vw,43px)!important;}
 main .detail-copy h2{font-size:clamp(36px,9vw,53px)!important;}
 main .page-hero h1{font-size:clamp(39px,9.2vw,62px)!important;}
 main .reach-banner h2,.footer-top h2{font-size:clamp(35px,8.5vw,56px)!important;}
}

/* Larger mark and a legible rendered company motto. Original gold/red
   logo artwork is preserved without stretching or substituting assets. */
.header .navigation {
 min-height:290px!important;
 gap:clamp(12px,1.5vw,25px)!important;
}
.header .brand {
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:clamp(12px,1.8vw,27px)!important;
 flex:0 1 665px!important;min-width:0!important;
}
.header .brand-emblem {
 display:flex!important;flex-direction:column;justify-content:center!important;
 align-items:center!important;
 flex:0 0 clamp(260px,21vw,328px)!important;
 min-width:0!important;
}
.header .brand-image {
 display:block!important;
 width:100%!important;height:auto!important;max-height:none!important;
 object-fit:contain!important;flex:none!important;
}
.header .brand-motto {
 display:block;max-width:100%;padding:0 5px;
 color:#e9c16e!important;text-align:center;
 font:800 clamp(10px,.84vw,13px)/1.27 var(--body)!important;
 letter-spacing:.015em!important;text-transform:uppercase;
}
.header .brand-tagline {
 display:block!important;
 max-width:290px!important;
 color:#fff!important;
 font:900 clamp(18px,1.5vw,23px)/1.23 var(--body)!important;
 letter-spacing:-.012em!important;
 overflow-wrap:normal!important;
 text-shadow:0 2px 6px rgba(0,0,0,.65)!important;
}
.header .desktop-links {flex:0 0 auto;gap:clamp(9px,.9vw,17px)!important;}
.header .desktop-links>a{font-size:11px!important;white-space:nowrap!important;}
.header .desktop-links .nav-action{padding:15px 13px!important;}
/* Enough room on narrower laptops without truncating controls. */
@media(min-width:861px) and (max-width:1330px) {
 .header .navigation{min-height:235px!important;}
 .header .brand{flex:0 1 470px!important;gap:10px!important;}
 .header .brand-emblem{flex:0 0 clamp(185px,18vw,245px)!important;}
 .header .brand-tagline{font-size:clamp(14px,1.5vw,19px)!important;max-width:220px!important;}
 .header .brand-motto{font-size:10px!important;}
 .header .desktop-links{gap:8px!important;}
 .header .desktop-links>a{font-size:10px!important;}
 .header .desktop-links .nav-action{padding:12px 10px!important;}
}
@media(max-width:860px) {
 .header .navigation{min-height:0!important;padding-block:10px!important;}
 .header .brand{flex:1 1 auto!important;gap:12px!important;}
 .header .brand-emblem{flex:0 0 clamp(135px,23vw,200px)!important;}
 .header .brand-motto{font-size:9px!important;}
 .header .brand-tagline{font-size:clamp(14px,2.1vw,18px)!important;max-width:220px!important;}
}
@media(max-width:640px) {
 /* Two rows make room for the actual logo lettering on a phone. */
 .header .navigation{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;column-gap:6px!important;
  row-gap:0!important;padding-block:5px 10px!important;
 }
 .header .brand {
  grid-column:1 / -1!important;grid-row:1!important;
  width:100%!important;max-width:100%!important;justify-content:flex-start!important;
  gap:10px!important;
 }
 .header .brand-emblem{flex:0 0 clamp(125px,40vw,182px)!important;}
 .header .brand-motto{font-size:clamp(8px,2vw,10px)!important;}
 .header .brand-tagline{
  max-width:185px!important;
  font-size:clamp(13px,3.8vw,18px)!important;line-height:1.19!important;
 }
 .header .menu{
  grid-column:2!important;grid-row:2!important;justify-self:end!important;
  margin:0!important;padding:3px 0!important;min-height:37px!important;
 }
}
@media(max-width:360px) {
 .header .brand-emblem{flex-basis:118px!important;}
 .header .brand-tagline{font-size:12px!important;max-width:142px!important;}
 .header .brand-motto{font-size:8px!important;}
}
/* Animation: after initial logo splash, logo rises in and becomes larger,
   then settles in its final header location. */
@keyframes ql-brand-arrive {
 0%{opacity:0;transform:translateY(145px) scale(.73);}
 72%{opacity:1;transform:translateY(-8px) scale(1.035);}
 100%{opacity:1;transform:translateY(0) scale(1);}
}
@media(prefers-reduced-motion:no-preference) {
 .header .brand{
  animation:ql-brand-arrive 1.3s cubic-bezier(.18,.78,.19,1) both!important;
  transform-origin:left center!important;
 }
 html.intro-running .header .brand{animation:none!important;opacity:0!important;}
 html.intro-complete .header .brand{
  animation:ql-brand-arrive 1.6s cubic-bezier(.16,.7,.18,1) both!important;
 }
}
@media(prefers-reduced-motion:reduce) {
 .header .brand{animation:none!important;opacity:1!important;transform:none!important;}
}

/* Sticky, glass-like transparency — NO backdrop blur and NO censorship.
   Background fades out smoothly; labels, logo, and buttons remain sharp. */
.header {position:sticky!important;top:0!important;z-index:160!important;
 background:rgba(0,0,0,1)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 filter:none!important;
 transition:background-color .55s ease,border-color .4s ease!important;
}
.header.is-scrolled {
 background:rgba(0,0,0,.22)!important;
 border-bottom-color:rgba(255,255,255,.15)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 filter:none!important;
}
.header.is-scrolled::before {content:none!important;display:none!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
.header :is(.navigation,.brand,.brand-tagline,.desktop-links,.menu,.menu-bars) {
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 filter:none!important;
}
.header .desktop-links>a,.header .menu {
 text-shadow:0 2px 4px rgba(0,0,0,.86)!important;
}

/* Three separate white '>' arrows INSIDE each of the red and black
   CTA bands, instead of one giant arrow crossing their boundary. */
.cta-chevron {display:none!important;}
.reach-banner {
 position:relative!important;overflow:hidden!important;
 background:var(--red)!important;
}
.reach-banner>.wrap,.footer-top {
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(115px,185px) auto!important;
 align-items:center!important;
 column-gap:clamp(15px,2vw,38px)!important;
}
.reach-banner>.wrap>div:first-child,.footer-top>div:first-child{min-width:0;}
.cta-chevron-group {
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:8px;min-width:0;
}
.cta-chevron-group>span {
 display:block!important;flex:0 0 42px;
 width:42px;height:76px;background:#ffffff!important;
 clip-path:polygon(0 0,34% 0,100% 50%,34% 100%,0 100%,65% 50%);
}
.cta-chevron-group>span:nth-child(2){opacity:.75;}
.cta-chevron-group>span:nth-child(3){opacity:.48;}
.reach-banner>.wrap>a.button,.footer-top>a.button{white-space:nowrap!important;justify-self:end;}
.footer-top {position:relative;min-height:270px!important;}
@media(max-width:1150px) {
 .reach-banner>.wrap,.footer-top {
  grid-template-columns:minmax(0,1fr) 120px auto!important;
  column-gap:14px!important;
 }
 .cta-chevron-group{gap:3px!important;}
 .cta-chevron-group>span{flex-basis:31px;width:31px;height:56px;}
}
@media(max-width:860px) {
 .reach-banner>.wrap,.footer-top {
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;row-gap:19px!important;
 }
 .reach-banner>.wrap>div:first-child,.footer-top>div:first-child{grid-column:1 / -1;}
 .cta-chevron-group{grid-column:1;grid-row:2;justify-self:start;}
 .reach-banner>.wrap>a.button,.footer-top>a.button{grid-column:2;grid-row:2;}
 .footer-top{min-height:0!important;padding-block:55px!important;}
}
@media(max-width:640px) {
 .cta-chevron-group{gap:4px!important;}
 .cta-chevron-group>span{flex-basis:23px;width:23px;height:43px;}
 .reach-banner>.wrap>a.button,.footer-top>a.button{font-size:10px!important;min-height:47px;}
}
@media(max-width:355px) {
 .cta-chevron-group>span{flex-basis:19px;width:19px;height:35px;}
 .reach-banner>.wrap>a.button,.footer-top>a.button{font-size:9px!important;padding:12px 10px!important;}
}


/* ================================================================
   QUEEN LOGISTICS V19.10 — stable oversized original logo
   Keep Motion-style unified Montserrat typography from V19.9.
   The original logo contains the gold company motto; no duplicate.
   The header remains in normal document flow and never floats.
   ================================================================ */

/* No sticky/fixed positioning or glass/blur effects. This header
   is always black and scrolls away naturally with its page. */
.header, .header.is-scrolled {
 position:relative!important;
 top:auto!important;
 z-index:60!important;
 background:#000!important;
 border-bottom:0!important;
 transition:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 filter:none!important;
}
.header::before,.header.is-scrolled::before {
 content:none!important;display:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.header .navigation,
.header .brand,
.header .brand-emblem,
.header .brand-image,
.header .brand-tagline {
 transform:none!important;
 opacity:1!important;
 animation:none!important;
 transition:none!important;
 filter:none!important;
}
html.intro-running .header .brand,
html.intro-complete .header .brand {
 opacity:1!important;transform:none!important;
 animation:none!important;transition:none!important;
}
.header .navigation {
 display:flex!important;
 align-items:center!important;
 min-height:320px!important;
 padding-block:10px!important;
 gap:16px!important;
}
.header .brand {
 display:flex!important;flex:0 1 620px!important;
 align-items:center!important;gap:22px!important;
 min-width:0!important;
}
.header .brand-emblem {
 display:block!important;
 flex:0 0 clamp(285px,23vw,338px)!important;
 width:clamp(285px,23vw,338px)!important;
 min-width:0!important;
}
.header .brand-image {
 display:block!important;
 width:100%!important;height:auto!important;
 max-height:none!important;object-fit:contain!important;
}
.header .brand-tagline {
 display:block!important;
 flex:1 1 auto!important;
 max-width:265px!important;
 font-family:var(--body)!important;
 font-weight:900!important;
 font-size:clamp(20px,1.65vw,26px)!important;
 line-height:1.2!important;
 letter-spacing:-.012em!important;
 color:#fff!important;
 text-shadow:none!important;
 overflow-wrap:normal!important;
}
.header .desktop-links{gap:clamp(8px,1vw,18px)!important;}
.header .desktop-links>a{font-weight:800!important;}
.header .desktop-links .nav-action{white-space:nowrap!important;}
/* Remove extra wordmark captions: the original artwork contains them. */
.header .brand-motto{display:none!important;}

/* Laptop and compact desktops: keep space for every navigation button. */
@media(min-width:861px) and (max-width:1330px) {
 .header .navigation{min-height:260px!important;padding-block:12px!important;}
 .header .brand{flex:0 1 460px!important;gap:14px!important;}
 .header .brand-emblem{
  flex:0 0 clamp(210px,20vw,270px)!important;
  width:clamp(210px,20vw,270px)!important;
 }
 .header .brand-tagline{
  font-size:clamp(16px,1.6vw,21px)!important;max-width:185px!important;
 }
 .header .desktop-links{gap:8px!important;}
 .header .desktop-links>a{font-size:10px!important;}
 .header .desktop-links .nav-action{padding:13px 12px!important;}
}

/* Tablet: menu button stays next to a larger logo + white descriptor. */
@media(max-width:860px) {
 .header .navigation{
  display:flex!important;
  min-height:0!important;
  padding-block:12px!important;
  gap:9px!important;
 }
 .header .brand{
  flex:1 1 auto!important;min-width:0!important;
  gap:clamp(9px,1.8vw,17px)!important;
 }
 .header .brand-emblem {
  flex:0 0 clamp(170px,28vw,245px)!important;
  width:clamp(170px,28vw,245px)!important;
 }
 .header .brand-tagline {
  max-width:220px!important;
  font-size:clamp(15px,2.05vw,19px)!important;
  line-height:1.2!important;
 }
 .header .menu {flex:0 0 auto!important;}
}
/* On a phone the logo needs its own row, instead of being squeezed into
   a very small left corner. The white description remains at its right. */
@media(max-width:640px) {
 .header .navigation{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  row-gap:0!important;
  padding-block:9px 12px!important;
  gap:0!important;
  min-height:0!important;
 }
 .header .brand {
  display:flex!important;
  grid-column:1/-1!important;
  grid-row:1!important;
  justify-content:flex-start!important;
  width:100%!important;max-width:100%!important;
  gap:clamp(7px,1.4vw,12px)!important;
 }
 .header .brand-emblem{
  flex:0 0 clamp(162px,51vw,243px)!important;
  width:clamp(162px,51vw,243px)!important;
 }
 .header .brand-tagline{
  flex:1 1 auto!important;
  max-width:none!important;
  font-size:clamp(12px,3.75vw,19px)!important;
  line-height:1.17!important;
  letter-spacing:-.025em!important;
 }
 .header .menu {
  grid-column:2!important;grid-row:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;padding:4px 0!important;
  min-height:37px!important;
 }
}
@media(max-width:370px) {
 .header .brand-emblem{flex-basis:clamp(144px,49vw,178px)!important;width:clamp(144px,49vw,178px)!important;}
 .header .brand-tagline{font-size:clamp(11px,3.2vw,13px)!important;}
}
/* Visitors with reduced motion do not receive header animation either. */
@media(prefers-reduced-motion:reduce) {
 .header .navigation,.header .brand{animation:none!important;transition:none!important;}
}


/* ================================================================
   QUEEN LOGISTICS V19.11 — client feedback 29 October 2026
   Headings: bold, larger, red.
   Descriptions, subtitles, navigation and labels: white, larger,
   regular-weight. Keep the original logo, photo layout and security.
   ================================================================ */

/* Montserrat 400 is now loaded on every page alongside the bold weights.
   Previous versions forced everything to 700; restore visual hierarchy. */
body,body :is(p,span,a,button,label,input,textarea,select,option,li,small,strong,b,th,td) {
 font-family:var(--body)!important;
 font-weight:400!important;
}
body :is(h1,h2,h3,h4,h5,h6),
body main :is(h1,h2,h3),
body .footer-top h2,
body main :is(.service-copy h3,.detail-copy h2,.editorial-body h2,.section-top h2,.intro-head h2),
body :is(h1,h2,h3,h4,h5,h6) :is(span,em,strong,b) {
 font-family:var(--display)!important;
 font-weight:800!important;
}
/* Only descriptive text remains lightweight. Text-based logo tagline
   remains white, readable, and next to the original company image. */
body .header .brand-tagline {
 font-weight:400!important;
 font-size:clamp(20px,1.7vw,26px)!important;
 line-height:1.28!important;
}
body :is(.kicker,.kicker.gold,.hero-tail-services,.hero-tail-services b,
 .desktop-links>a,.mobile-nav-items>a,.menu,.footer-col strong,.footer-col a,
 .footer-main p,.footer-bottom,.contact-lines span,.service-nav a,.service-copy>span) {
 font-weight:400!important;
}
body .kicker,body .kicker.gold {
 color:#fff!important;
 font-size:clamp(14px,.98vw,17px)!important;
 line-height:1.6!important;
 letter-spacing:.11em!important;
 margin-bottom:18px;
}
body main p:not(.kicker),body .footer-main p {
 font-size:clamp(17px,1.22vw,20px)!important;
 font-weight:400!important;
 line-height:1.7!important;
 color:#fff!important;
}
body main p:not(.kicker) :is(span,strong,b) {
 font-weight:400!important;
}
body main :is(.detail-copy p,.service-copy p,.editorial-body p,
 .intro-head>p:last-child,.section-top>p:last-child,.extra-grid p,
 .about-prose p,.values-grid p,.contact-layout p) {
 color:#fff!important;
 font-weight:400!important;
 font-size:clamp(17px,1.23vw,20px)!important;
 line-height:1.65!important;
}
body .desktop-links>a {
 font-size:clamp(12px,.95vw,14px)!important;
 font-weight:400!important;
}
body .header .desktop-links .nav-action,
body .button,body .mobile-login {
 font-weight:400!important;
}
body .footer-main :is(strong,a,span,p) {
 font-size:clamp(14px,1.0vw,17px)!important;
 font-weight:400!important;
}
body .menu{font-weight:400!important;}

/* Large headings carry the emphasis; preserve brand red/white contrast. */
body main .intro-head h2,body main .section-top h2 {
 font-size:clamp(66px,6.75vw,104px)!important;
 line-height:1.04!important;
}
body main .service-copy h3 {
 font-size:clamp(40px,3.75vw,58px)!important;
 line-height:1.08!important;
}
body main .detail-copy h2 {
 font-size:clamp(44px,4.7vw,74px)!important;
 line-height:1.07!important;
}
body main .editorial-body h2 {
 font-size:clamp(58px,5.85vw,92px)!important;
 line-height:1.07!important;
}
body main .page-hero h1 {
 font-size:clamp(54px,6.6vw,104px)!important;
}
body main .service-extra h3,body main .extra-grid h3 {
 font-size:clamp(30px,3.1vw,48px)!important;
}
body .footer-top h2{font-weight:800!important;}
/* Separate each service idea into its own readable line, while the
   complete card remains a link to the correct detailed service. */
body main .service-ideas{
 margin-top:15px!important;
 margin-bottom:0!important;
}
body main .service-ideas>span {
 display:block!important;
 color:#fff!important;
 font-size:clamp(17px,1.2vw,20px)!important;
 font-weight:400!important;
 line-height:1.5!important;
 margin-block:6px!important;
}
body main .service-card.no-photo {
 min-height:clamp(385px,28vw,470px)!important;
}
body main .service-card.no-photo .service-copy {
 width:100%!important;
}
body main .service-card.no-photo .service-copy h3 {font-weight:800!important;}
body main .service-card.no-photo .service-copy>span {display:none!important;}
body main .service-detail .detail-copy ul li{
 font-size:clamp(17px,1.16vw,19px)!important;
 font-weight:400!important;
 line-height:1.65!important;
}
body main .service-detail .detail-copy ul li+li{margin-top:8px;}

/* Family-business headline belongs BELOW "The Work. The Space.".
   It is specifically smaller on mobile, per client feedback. */
@media(max-width:860px){
 body main .intro-head h2,body main .section-top h2{
  font-size:clamp(48px,7.2vw,72px)!important;
 }
 body main .editorial-body h2{
  font-size:clamp(40px,5.6vw,56px)!important;
 }
}
@media(max-width:640px){
 body main .intro-head h2,body main .section-top h2{
  font-size:clamp(42px,10.3vw,62px)!important;
  line-height:1.07!important;
 }
 body main .service-copy h3{
  font-size:clamp(34px,8.6vw,47px)!important;
  line-height:1.09!important;
 }
 body main .editorial-body h2{
  font-size:clamp(30px,7.9vw,43px)!important;
  line-height:1.11!important;
  letter-spacing:-.035em!important;
 }
 body main .detail-copy h2{
  font-size:clamp(35px,8.7vw,53px)!important;
 }
 body main p:not(.kicker),body main .service-ideas>span {
  font-size:17px!important;
  line-height:1.63!important;
 }
 body .kicker,body .kicker.gold{font-size:14px!important;}
 body main .service-card.no-photo {
  min-height:340px!important;
 }
 body main .service-card.no-photo .service-copy {
  padding:22px 27px 31px!important;
 }
 body .header .brand-tagline {
  font-size:clamp(12px,3.6vw,18px)!important;
  font-weight:400!important;
 }
}


/* ===============================================================
   QUEEN LOGISTICS V19.12 — final client-requested review
   Keep ONE black quotation CTA, put its white headline first,
   and lift the Services label above its photograph.
   =============================================================== */

/* The outdated red banner is physically removed from the HTML.
   This defensive rule covers stale embedded copies too. */
body main .reach-banner{display:none!important;}

/* Black CTA, white headline; short supporting text goes BELOW it. */
body footer.footer {background:#000!important;}
body footer .footer-top.footer-top-clean{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(120px,150px) auto!important;
 grid-template-rows:auto!important;
 align-items:center!important;
 gap:clamp(15px,2.2vw,34px)!important;
 width:100%!important;
 padding:clamp(50px,5vw,80px) 0!important;
 min-height:0!important;
 border-top:0!important;
 border-bottom:1px solid rgba(255,255,255,.22)!important;
 background:#000!important;
}
body footer .footer-top-clean>.footer-top-copy{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:center!important;min-width:0!important;
 grid-column:1!important;grid-row:1!important;
 gap:clamp(15px,1.8vw,25px)!important;
}
body footer .footer-top-clean>.footer-top-copy h2,
body footer .footer-top-clean>.footer-top-copy h2 em{
 color:#fff!important;
 font-family:var(--display)!important;
 font-size:clamp(46px,5.2vw,76px)!important;
 line-height:1.08!important;
 letter-spacing:-.042em!important;
 font-style:normal!important;
 font-weight:800!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
 filter:none!important;
 max-width:900px!important;
 overflow-wrap:normal!important;
 margin:0!important;
}
body footer .footer-top-clean>.footer-top-copy .footer-top-subtitle{
 color:#fff!important;
 font-family:var(--body)!important;
 font-size:clamp(15px,1.25vw,19px)!important;
 font-weight:400!important;
 line-height:1.55!important;
 letter-spacing:.08em!important;
 text-transform:uppercase!important;
 margin:0!important;
}
body footer .footer-top-clean>.cta-chevron-group{
 display:flex!important;
 grid-column:2!important;grid-row:1!important;
 align-items:center!important;justify-content:center!important;
 justify-self:center!important;gap:6px!important;
}
body footer .footer-top-clean>.cta-chevron-group>span {
 background:#fff!important;
 flex:0 0 clamp(24px,2.3vw,36px)!important;
 width:clamp(24px,2.3vw,36px)!important;
 height:clamp(46px,4.1vw,65px)!important;
 clip-path:polygon(0 0,34% 0,100% 50%,34% 100%,0 100%,65% 50%)!important;
}
body footer .footer-top-clean>.cta-chevron-group>span:nth-child(2){opacity:.78!important;}
body footer .footer-top-clean>.cta-chevron-group>span:nth-child(3){opacity:.55!important;}
body footer .footer-top-clean>a.button.button-red{
 grid-column:3!important;grid-row:1!important;
 justify-self:end!important;min-width:0!important;
 padding:16px 20px!important;
 font-size:clamp(11px,1.02vw,14px)!important;
 font-weight:600!important;
 color:#fff!important;
 background:var(--red)!important;border:1px solid var(--red)!important;
 white-space:nowrap!important;
}
body footer .footer-top-clean>a.button.button-red:hover,
body footer .footer-top-clean>a.button.button-red:focus-visible{
 background:var(--red-dark)!important;border-color:var(--red-dark)!important;
}

/* Services: white introductory label in its own black strip ABOVE the photo. */
body main .service-hero-eyebrow{
 display:block!important;
 background:#000!important;
 padding:clamp(20px,2.6vw,38px) 0 clamp(15px,1.8vw,26px)!important;
}
body main .service-hero-eyebrow .wrap {display:block!important;}
body main .service-hero-eyebrow .kicker{
 display:block!important;
 color:#fff!important;
 font-family:var(--body)!important;
 font-size:clamp(18px,1.45vw,23px)!important;
 font-weight:400!important;
 line-height:1.45!important;
 letter-spacing:.05em!important;
 margin:0!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
}
/* Remove black strokes and multiple outlines that created triangular
   glyph artifacts over the warehouse photograph. */
body main .page-hero.page-hero-service:has(>.page-hero-photo)>.wrap.service-hero-copy{
 display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;
 padding:clamp(35px,4.2vw,68px) 0!important;
 margin-inline:auto!important;align-self:center!important;
 min-width:0!important;
}
body main .page-hero.page-hero-service:has(>.page-hero-photo)>.wrap.service-hero-copy>*{
 max-width:100%!important;min-width:0!important;
}
body main .page-hero.page-hero-service h1,
body main .page-hero.page-hero-service h1 span,
body main .page-hero.page-hero-service h1::before,
body main .page-hero.page-hero-service h1::after{
 font-family:var(--display)!important;
 font-weight:800!important;
 font-size:clamp(48px,5.4vw,84px)!important;
 line-height:1.04!important;
 letter-spacing:-.045em!important;
 -webkit-text-stroke:0 transparent!important;
 text-stroke:0 transparent!important;
 text-shadow:none!important;
 filter:none!important;
 box-shadow:none!important;
 paint-order:normal!important;
}
body main .page-hero.page-hero-service h1 {color:#fff!important;margin:0!important;}
body main .page-hero.page-hero-service h1 span{color:var(--heading-red)!important;}
body main .page-hero.page-hero-service h1::before,
body main .page-hero.page-hero-service h1::after {content:none!important;display:none!important;}
body main .page-hero.page-hero-service .service-hero-description{
 color:#fff!important;
 font-size:clamp(18px,1.35vw,22px)!important;
 font-weight:400!important;
 line-height:1.5!important;
 margin-top:clamp(17px,2vw,27px)!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
 filter:none!important;
 max-width:650px!important;
}

/* Tablet/mobile: three chevrons and a red quote button remain on the same
   separate row; no overlap with the heading or edge of the screen. */
@media(max-width:900px){
 body footer .footer-top.footer-top-clean{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  row-gap:clamp(20px,4vw,30px)!important;
  column-gap:clamp(10px,3vw,22px)!important;
  padding:clamp(42px,7vw,66px) 0!important;
 }
 body footer .footer-top-clean>.footer-top-copy{
  grid-column:1/-1!important;grid-row:1!important;
 }
 body footer .footer-top-clean>.cta-chevron-group{
  grid-column:1!important;grid-row:2!important;justify-self:start!important;
 }
 body footer .footer-top-clean>a.button.button-red{
  grid-column:2!important;grid-row:2!important;
  justify-self:end!important;
 }
 body main .page-hero.page-hero-service h1,
 body main .page-hero.page-hero-service h1 span {
  font-size:clamp(43px,7vw,65px)!important;
 }
}
@media(max-width:640px){
 body footer .footer-top-clean>.footer-top-copy h2,
 body footer .footer-top-clean>.footer-top-copy h2 em{
  font-size:clamp(34px,8.6vw,52px)!important;
  line-height:1.12!important;
  letter-spacing:-.039em!important;
 }
 body footer .footer-top-clean>.footer-top-copy .footer-top-subtitle{
  font-size:clamp(15px,3.7vw,18px)!important;
  letter-spacing:.04em!important;
 }
 body footer .footer-top-clean>.cta-chevron-group {gap:4px!important;}
 body footer .footer-top-clean>.cta-chevron-group>span{
  flex:0 0 clamp(18px,5vw,25px)!important;
  width:clamp(18px,5vw,25px)!important;
  height:clamp(34px,8.3vw,46px)!important;
 }
 body footer .footer-top-clean>a.button.button-red{
  font-size:clamp(10px,2.7vw,12px)!important;
  min-height:44px!important;
  padding:12px 14px!important;
 }
 body main .service-hero-eyebrow{
  padding:24px 0 17px!important;
 }
 body main .service-hero-eyebrow .kicker{
  font-size:clamp(17px,4.4vw,21px)!important;
  line-height:1.35!important;
 }
 body main .page-hero.page-hero-service:has(>.page-hero-photo)>.wrap.service-hero-copy{
  padding:18px 0!important;
  width:calc(100% - 36px)!important;
  align-self:center!important;
 }
 body main .page-hero.page-hero-service h1,
 body main .page-hero.page-hero-service h1 span{
  font-size:clamp(32px,8.3vw,49px)!important;
  line-height:1.07!important;
  letter-spacing:-.04em!important;
 }
 body main .page-hero.page-hero-service .service-hero-description{
  font-size:clamp(15px,4vw,18px)!important;
  line-height:1.4!important;
  margin-top:13px!important;
 }
}
@media(max-width:370px){
 body footer .footer-top-clean>.cta-chevron-group>span{
  flex-basis:17px!important;width:17px!important;height:33px!important;
 }
 body footer .footer-top-clean>a.button.button-red{
  padding:11px 10px!important;font-size:10px!important;
 }
}


/* V19.13 — clean typography across EVERY page.
   Triangular/miter artifacts are caused by old WebKit text strokes
   and stacked black text shadows; disable them everywhere, not
   merely on the Services hero. Keep the existing colors and fonts. */
body :is(h1,h2,h3,h4,h5,h6),
body :is(h1,h2,h3,h4,h5,h6) :is(span,em,strong,b),
body .page-hero :is(h1,h2,h3),
body .page-hero :is(h1,h2,h3) :is(span,em,strong,b),
body .page-hero.ship-full-photo .ship-photo-copy h1,
body .page-hero.ship-full-photo .ship-photo-copy h1 span {
  -webkit-text-stroke:0px transparent!important;
  text-stroke:0px transparent!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
  filter:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  clip-path:none!important;
  paint-order:normal!important;
}
/* Labels and descriptions over photographs remain readable and clean. */
body main .page-hero .kicker,
body main .page-hero .wrap>p:not(.kicker),
body main .page-hero.ship-full-photo .ship-photo-copy>p {
  -webkit-text-stroke:0px transparent!important;
  text-shadow:none!important;
  filter:none!important;
}
body main .page-hero h1::before,
body main .page-hero h1::after {content:none!important;display:none!important;}


/* ================================================================
   Queen Logistics V19.14 — Careers + Google Maps preview.
   Uses existing Montserrat typography; no new licensed photo assets.
   ================================================================ */
body main .location-section,
body main .careers-hero,
body main .careers-roles,
body main .careers-values,
body main .careers-apply {background:#050505!important;color:#fff!important;}
/* Make room for the additional desktop navigation entry without
   squeezing the oversized original company logo. */
@media(min-width:861px) and (max-width:1320px) {
 body .header .desktop-links{display:none!important;}
 body .header .menu{display:flex!important;align-items:center!important;}
 body .header .brand{flex:1 1 auto!important;}
 body .header .navigation{gap:16px!important;}
}
@media(min-width:1321px) {
 body .header .desktop-links{gap:clamp(7px,.75vw,13px)!important;}
 body .header .desktop-links>a{font-size:clamp(11px,.84vw,14px)!important;}
 body .header .brand{flex:0 1 570px!important;}
 body .header .navigation{gap:14px!important;}
}
body .location-grid{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;
 gap:clamp(30px,5vw,86px)!important;align-items:center!important;
}
body .location-copy h2,body .careers-roles h2,
body .careers-values h2,body .careers-apply h2{
 color:var(--heading-red)!important;letter-spacing:-.04em!important;
 font-size:clamp(48px,5vw,82px)!important;line-height:1.04!important;
 font-weight:800!important;
}
body .location-copy h2 em,body .careers-roles h2 em,
body .careers-values h2 em,body .careers-apply h2 em {
 font-style:normal!important;color:var(--heading-red)!important;
}
body .location-copy>p:not(.kicker),body .careers-section-intro>p:not(.kicker),
body .careers-hero-copy>p:not(.kicker),body .careers-values-grid>div>p:not(.kicker),
body .careers-apply-copy>p:not(.kicker){
 font-weight:400!important;font-size:clamp(17px,1.3vw,20px)!important;
 line-height:1.65!important;color:#fff!important;margin:24px 0!important;
}
body .location-copy address{
 display:flex;flex-direction:column;font-style:normal;
 padding:26px 0;border-top:1px solid #515151;
 gap:7px;color:#fff;font-size:clamp(17px,1.22vw,20px);
}
body .location-copy address strong{
 color:#fff!important;font-weight:700!important;letter-spacing:.08em!important;
}
body .location-copy address span{font-weight:400!important;}
body .location-copy .button{margin-top:15px!important;}
body .location-map-visual {
 position:relative!important;min-height:455px!important;overflow:hidden!important;
 background:#202023!important;border:1px solid #4a4a4c!important;
 box-shadow:16px 16px 0 #c92532!important;
}
body .location-map-visual iframe{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;border:0!important;
 pointer-events:none!important;
}
body .location-map-overlay{
 position:absolute!important;inset:0!important;z-index:2!important;
 display:flex!important;align-items:flex-end!important;justify-content:center!important;
 padding:20px!important;cursor:pointer!important;
 background:transparent!important;
}
body .location-map-label{
 display:block!important;background:rgba(0,0,0,.95)!important;color:#fff!important;
 border:1px solid #fff!important;padding:18px 24px!important;
 font-size:clamp(11px,.95vw,15px)!important;letter-spacing:.08em!important;
 font-weight:700!important;text-align:center!important;
 transition:background .2s ease;
}
body .location-map-overlay:hover .location-map-label,
body .location-map-overlay:focus-visible .location-map-label{
 background:#c92532!important;border-color:#c92532!important;
}

/* Careers hero — original flat warehouse illustration and dynamic hierarchy. */
body main .careers-hero{padding:clamp(55px,5vw,95px) 0!important;overflow:hidden!important;}
body .careers-hero-grid{
 display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;
 gap:clamp(26px,4vw,70px)!important;align-items:center!important;
}
body main .careers-hero h1,
body main .careers-hero h1 span{
 color:#fff!important;font-size:clamp(48px,5.1vw,80px)!important;
 font-weight:900!important;line-height:1.08!important;letter-spacing:-.05em!important;
 overflow-wrap:normal!important;
 text-shadow:none!important;-webkit-text-stroke:0 transparent!important;
}
body main .careers-hero h1 span{color:var(--heading-red)!important;}
body main .careers-hero .button{margin-top:15px!important;}
body .careers-hero-visual{
 width:100%!important;aspect-ratio:640/540!important;
 background:#202024!important;overflow:hidden!important;
 clip-path:polygon(20% 0,100% 0,88% 50%,100% 100%,20% 100%,0 50%)!important;
}
body .careers-hero-visual svg{display:block;width:100%;height:100%;object-fit:cover;}
body .careers-section-intro{max-width:820px;margin-bottom:42px!important;}
body .careers-roles{padding:clamp(70px,8vw,120px) 0!important;border-top:1px solid #363436!important;}
body .careers-role-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;
}
body .careers-role-grid>article{
 background:#151515!important;padding:36px 30px!important;
 border:1px solid #353535!important;border-left:4px solid var(--heading-red)!important;
 min-height:250px!important;
}
body .careers-role-grid>article>span{font-size:13px!important;font-weight:700!important;color:#fff!important;letter-spacing:.12em!important;}
body .careers-role-grid h3{
 color:var(--heading-red)!important;
 font-weight:800!important;font-size:clamp(26px,2.2vw,36px)!important;
 line-height:1.1!important;margin:20px 0 10px!important;
}
body .careers-role-grid p,body .careers-values-list p{
 color:#fff!important;font-size:clamp(16px,1.1vw,18px)!important;
 line-height:1.55!important;font-weight:400!important;
}
body .careers-values{padding:clamp(65px,7vw,115px) 0!important;}
body .careers-values-grid{
 display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
 gap:clamp(35px,6vw,100px)!important;align-items:start!important;
}
body .careers-values-list article{
 display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;
 gap:20px!important;padding:28px 0!important;border-bottom:1px solid #626262!important;
}
body .careers-values-list article:first-child{border-top:1px solid #626262!important;}
body .careers-values-list article>span{
 color:var(--heading-red)!important;font:800 21px/1.4 var(--body)!important;
}
body .careers-values-list h3{
 color:#fff!important;font-size:clamp(28px,2.6vw,41px)!important;
 font-weight:800!important;line-height:1.12!important;margin-bottom:9px!important;
}
body .careers-apply{padding:clamp(75px,8vw,125px) 0!important;border-top:1px solid #3d3d3d!important;}
body .careers-apply-grid{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 align-items:center!important;gap:clamp(30px,6vw,90px)!important;
}
body .careers-apply form{
 display:block!important;background:#101010!important;
 padding:clamp(25px,4vw,55px)!important;border:1px solid #424242!important;
}
body .careers-apply form>label{
 display:flex!important;flex-direction:column!important;
 gap:8px!important;margin:0 0 22px!important;font-size:13px!important;
 letter-spacing:.08em!important;font-weight:500!important;color:#fff!important;
}
body .careers-apply form :is(input,textarea,select){
 width:100%!important;min-width:0!important;
 background:#232323!important;border:1px solid #606060!important;color:#fff!important;
 border-radius:0!important;font:400 16px/1.5 var(--body)!important;
 padding:15px 17px!important;
}
body .careers-apply form :is(input,textarea)::placeholder{color:#b7b7b7!important;}
body .careers-apply form select option{background:#222!important;color:#fff!important;}
body .careers-apply form input[type=file]{padding:14px!important;font-size:14px!important;}
body .careers-apply form input::file-selector-button{
 background:#c92532!important;color:#fff!important;border:0!important;
 padding:10px 15px!important;cursor:pointer!important;margin-right:15px!important;
}
body .careers-file-hint{
 display:block!important;font-size:12px!important;font-weight:400!important;
 letter-spacing:0!important;color:#cdcdcd!important;
}
body .careers-apply form>button.button{width:100%!important;margin-top:10px!important;}
body .careers-privacy,body .careers-disclaimer{
 color:#cecece!important;font-size:14px!important;line-height:1.6!important;
 font-weight:400!important;margin-top:18px!important;
}
body .careers-apply-copy>a{
 display:inline-block;margin-top:20px;color:#fff!important;
 border-bottom:1px solid var(--heading-red)!important;padding-bottom:7px!important;
 font-size:16px!important;
}
@media(max-width:1050px) {
 body .careers-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body .location-grid,body .careers-hero-grid,body .careers-values-grid,body .careers-apply-grid{
  grid-template-columns:1fr!important;
 }
 body .careers-hero-visual{max-width:700px!important;justify-self:center!important;}
 body .location-map-visual{min-height:400px!important;}
}
@media(max-width:640px){
 body .careers-role-grid{grid-template-columns:1fr!important;}
 body .careers-role-grid>article{min-height:190px!important;padding:25px!important;}
 body .location-grid{gap:27px!important;}
 body .location-copy h2,body .careers-roles h2,
 body .careers-values h2,body .careers-apply h2{
  font-size:clamp(36px,9vw,54px)!important;
 }
 body main .careers-hero h1,body main .careers-hero h1 span{
  font-size:clamp(37px,9vw,56px)!important;
 }
 body .location-map-visual{min-height:340px!important;box-shadow:8px 8px 0 #c92532!important;}
 body .location-map-label{padding:12px!important;font-size:11px!important;}
 body .careers-hero{padding:47px 0!important;}
 body .careers-values-list article{grid-template-columns:42px minmax(0,1fr)!important;gap:15px!important;}
 body .careers-apply form{padding:22px!important;}
 body .careers-hero-visual{clip-path:polygon(14% 0,100% 0,88% 50%,100% 100%,14% 100%,0 50%)!important;}
}