:root{--bg:#05110e;--bg2:#071914;--panel:#0b211a;--panel2:#0d2b21;--paper:#f6f8f5;--ink:#0b1612;--muted:#627169;--muted2:#97aaa0;--green:#13b76d;--green2:#42dc95;--blue:#0b5f87;--orange:#ff8a1e;--line:rgba(255,255,255,.11);--line-dark:#dfe7e2;--shadow:0 24px 70px rgba(1,18,12,.18);--radius:24px;--wrap:min(1240px,calc(100% - 44px));}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.noise{pointer-events:none;position:fixed;inset:0;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(4,17,13,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.nav-shell{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-emblem{width:54px;height:49px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}.brand-type{display:flex;flex-direction:column;line-height:.95;white-space:nowrap}.brand-type strong{font-size:20px;letter-spacing:.04em}.brand-type span{font-size:9px;letter-spacing:.31em;color:var(--green2);font-weight:800;margin-top:6px}.brand-type small{font-size:6.5px;letter-spacing:.14em;color:#9bb0a6;margin-top:6px;font-weight:800}.desktop-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:#c8d5ce}.desktop-nav a{position:relative;padding:29px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--green2);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.contact-mini{font-size:12px;color:#bfd0c7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-green{background:linear-gradient(135deg,#18c879,#0da35f);color:#fff;box-shadow:0 12px 28px rgba(19,183,109,.2)}.btn-dark{background:#071b15;color:#fff;border-color:rgba(255,255,255,.12)}.btn-ghost{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.04)}.btn-light{background:#fff;color:#0c1c16;border-color:#dfe7e2}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:12px}.menu-toggle span{display:block;width:19px;height:2px;background:#fff;margin:5px auto}.mobile-menu{display:none;background:#071914;padding:8px 22px 20px;border-top:1px solid rgba(255,255,255,.08)}.mobile-menu a{display:block;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:750;color:#d8e4de}.mobile-menu.open{display:block}
.hero{position:relative;background:radial-gradient(circle at 80% 25%,rgba(19,183,109,.16),transparent 34%),radial-gradient(circle at 48% 75%,rgba(8,94,134,.12),transparent 28%),linear-gradient(135deg,#03100d,#071914 55%,#04110d);color:#fff;min-height:760px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}#globe{position:absolute;inset:0;width:100%;height:100%;opacity:.95;pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;min-height:760px;padding:84px 0 104px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:var(--green2)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--green2)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,6vw,86px);line-height:.94;letter-spacing:-.055em;margin:20px 0 24px;max-width:730px}.hero h1 span{color:var(--green2)}.hero-lead{max-width:650px;color:#b7c9c0;font-size:17px;line-height:1.7}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:720px;margin-top:28px}.proof-row span{display:flex;align-items:center;gap:8px;color:#b8c8c0;font-size:11px}.proof-row i{font-style:normal;color:var(--orange);font-weight:900}.hero-visual{position:relative;height:560px}.visual-card{position:absolute;margin:0;border:1px solid rgba(255,255,255,.13);background:#0a1e18;border-radius:22px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.26);transition:transform .25s}.visual-card img{width:100%;height:100%;object-fit:cover}.visual-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 16px;background:linear-gradient(transparent,rgba(2,12,8,.93));display:flex;flex-direction:column}.visual-card figcaption strong{font-size:14px}.visual-card figcaption span{font-size:10px;color:#a8bbb1;margin-top:4px}.visual-main{right:6%;top:4%;width:49%;height:59%;transform:rotate(2deg)}.visual-fruit{left:5%;top:21%;width:46%;height:37%;transform:rotate(-3deg)}.visual-coconut{right:2%;bottom:1%;width:50%;height:31%;transform:rotate(2.5deg)}.visual-grape{left:14%;bottom:3%;width:31%;height:28%;transform:rotate(-3deg)}.route-label{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(4,19,14,.76);backdrop-filter:blur(8px);font-size:10px;font-weight:800;color:#d7e8df}.route-a{right:0;top:68%}.route-b{left:0;top:8%}.trade-ticker{position:absolute;left:0;right:0;bottom:0;height:44px;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);background:rgba(2,11,8,.58)}.trade-ticker>div{display:flex;gap:40px;width:max-content;animation:ticker 32s linear infinite;padding:14px 0;color:#86a79a;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.trade-ticker span:before{content:"•";color:var(--orange);margin-right:40px}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:96px 0}.section-dark{background:#061712;color:#fff}.section-soft{background:#edf2ee}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2{font-size:clamp(38px,4.2vw,62px);line-height:1;letter-spacing:-.045em;margin:10px 0 0;max-width:860px}.section-heading p{max-width:530px;color:var(--muted);line-height:1.65;margin:0}.section-dark .section-heading p{color:#9db2a8}.link-arrow{display:inline-flex;align-items:center;gap:8px;color:#0d7e4b;font-weight:850;font-size:13px}.link-arrow:hover{gap:12px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#0f985b}
.choice-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.choice-card{border-radius:30px;padding:38px;min-height:410px;position:relative;overflow:hidden;border:1px solid var(--line-dark);background:#fff;box-shadow:0 18px 55px rgba(10,27,20,.07)}.choice-card.dark{background:linear-gradient(135deg,#071b15,#0a2b20);color:#fff;border-color:rgba(255,255,255,.09)}.choice-card h3{font-size:34px;line-height:1.05;letter-spacing:-.035em;max-width:530px}.choice-card p{max-width:520px;color:var(--muted);line-height:1.7}.choice-card.dark p{color:#a9beb3}.choice-bullets{display:grid;gap:9px;margin:24px 0}.choice-bullets span{font-size:13px;font-weight:750}.choice-bullets span:before{content:"✓";display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#ddf7e9;color:#0c9355;margin-right:9px}.choice-card.dark .choice-bullets span:before{background:rgba(42,213,141,.14);color:var(--green2)}.mini-collage{position:absolute;right:-10px;bottom:-10px;width:46%;height:58%}.mini-collage img{position:absolute;border-radius:18px;object-fit:cover;box-shadow:0 18px 38px rgba(0,0,0,.2);border:5px solid #fff}.mini-collage img:nth-child(1){width:62%;height:76%;right:0;bottom:0}.mini-collage img:nth-child(2){width:52%;height:62%;left:0;top:0}.mini-collage img:nth-child(3){width:44%;height:48%;left:8%;bottom:0}.choice-card.dark .mini-collage img{border-color:#0e2a21}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line-dark);border-radius:24px;overflow:hidden;background:var(--line-dark)}.trust-item{background:#fff;padding:24px}.trust-item b{display:block;font-size:12px;color:#0e8952;text-transform:uppercase;letter-spacing:.08em}.trust-item strong{display:block;font-size:20px;margin-top:9px}.trust-item small{display:block;color:var(--muted);margin-top:7px;line-height:1.45}.trust-item .status{display:inline-flex;margin-top:15px;padding:6px 9px;border-radius:999px;background:#e7f8ef;color:#0b8650;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.image-card{position:relative;border-radius:28px;overflow:hidden;min-height:390px;background:#0b1d17;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.image-card.span6{grid-column:span 6}.image-card.span4{grid-column:span 4}.image-card.span8{grid-column:span 8}.image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.image-card:hover img{transform:scale(1.045)}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,12,8,.94) 0%,rgba(1,12,8,.44) 48%,rgba(1,12,8,.06) 80%)}.image-card .content{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.image-card .tag{display:inline-flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:7px 9px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:13px}.image-card h3{font-size:28px;line-height:1.02;letter-spacing:-.03em;margin-bottom:10px}.image-card p{color:#b9c9c1;font-size:13px;line-height:1.5;max-width:480px}.image-card .link-arrow{color:#73e7a8}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.process-step{padding:24px;border:1px solid var(--line-dark);border-radius:22px;background:#fff;position:relative}.process-step b{color:var(--orange);font-size:12px}.process-step h3{font-size:18px;margin:22px 0 8px}.process-step p{color:var(--muted);font-size:12.5px;line-height:1.55}.process-step:not(:last-child):after{content:"→";position:absolute;right:-18px;top:48%;z-index:2;width:26px;height:26px;border-radius:50%;background:#071914;color:#fff;display:grid;place-items:center;font-size:11px}
.route-shell{border-radius:34px;background:linear-gradient(135deg,#061611,#0b2a20);padding:44px;position:relative;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.09)}.route-shell:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(101,231,169,.24) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 65%)}.route-grid{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.route-grid h2{font-size:52px;line-height:1.02;letter-spacing:-.04em}.route-grid p{color:#a9beb3;line-height:1.7}.route-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.route-card{padding:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:18px}.route-card strong{display:block;font-size:15px}.route-card span{display:block;color:#9db2a8;font-size:11px;margin-top:5px}.route-card em{font-style:normal;color:var(--green2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.cta-panel{background:linear-gradient(135deg,#071d16,#0d3427);color:#fff;border-radius:32px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.cta-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-220px;top:-210px;box-shadow:0 0 80px rgba(19,183,109,.14)}.cta-panel h2{font-size:44px;line-height:1.02;letter-spacing:-.04em;margin-bottom:12px;max-width:700px}.cta-panel p{color:#a6bbb0;margin:0}.cta-panel .actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}
.page-hero{background:radial-gradient(circle at 78% 28%,rgba(19,183,109,.16),transparent 28%),linear-gradient(135deg,#03100c,#071b15);color:#fff;padding:96px 0 84px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;top:-310px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 100px rgba(19,183,109,.12)}.page-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.breadcrumbs{font-size:11px;color:#8fa69a;margin-bottom:18px}.breadcrumbs a{color:#c8d8d0}.page-hero h1{font-size:clamp(50px,6vw,78px);line-height:.96;letter-spacing:-.05em;margin:10px 0 20px}.page-hero p{font-size:17px;line-height:1.7;color:#adc0b6;max-width:700px}.page-hero-media{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:430px}.page-hero-media img{width:100%;height:100%;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.page-hero-media img:first-child{grid-row:span 2}.page-hero-media img:nth-child(2),.page-hero-media img:nth-child(3){height:210px}.page-hero .hero-buttons{margin-bottom:0}
.copy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.side-title{position:sticky;top:120px;align-self:start}.side-title h2{font-size:42px;line-height:1.04;letter-spacing:-.035em}.prose p{font-size:17px;line-height:1.8;color:#4f6259}.prose h3{font-size:27px;margin:40px 0 12px}.prose ul{padding-left:20px;color:#4f6259;line-height:1.8}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fact{border:1px solid var(--line-dark);border-radius:22px;padding:24px;background:#fff}.fact b{font-size:11px;color:#0c9457;text-transform:uppercase;letter-spacing:.11em}.fact strong{display:block;font-size:22px;margin-top:12px}.fact p{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 0}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:190px;gap:10px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:22px;position:relative;background:#ddd}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figure:nth-child(1){grid-column:span 5;grid-row:span 2}.gallery-grid figure:nth-child(2){grid-column:span 3}.gallery-grid figure:nth-child(3){grid-column:span 4}.gallery-grid figure:nth-child(4){grid-column:span 4}.gallery-grid figure:nth-child(5){grid-column:span 3}.gallery-grid figure:nth-child(6){grid-column:span 5}.gallery-grid figcaption{position:absolute;left:12px;bottom:12px;background:rgba(3,16,12,.75);color:#fff;padding:8px 10px;border-radius:12px;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{border:1px solid var(--line-dark);background:#fff;border-radius:24px;padding:27px;min-height:245px}.service-card .num{font-size:11px;color:var(--orange);font-weight:900}.service-card h3{font-size:23px;margin:36px 0 10px}.service-card p{font-size:13px;line-height:1.65;color:var(--muted)}.service-card a{margin-top:16px}.service-card.featured{background:#071c16;color:#fff;border-color:#071c16}.service-card.featured p{color:#9eb4a9}.service-card.featured .link-arrow{color:#56dea0}
.compliance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.compliance-card{border-radius:26px;padding:30px;border:1px solid var(--line-dark);background:#fff;position:relative;overflow:hidden}.compliance-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-40px;top:-50px;background:#e7f8ef}.compliance-card .icon{width:44px;height:44px;border-radius:14px;background:#e5f8ed;display:grid;place-items:center;color:#0c9355;font-weight:900}.compliance-card h3{font-size:25px;margin:20px 0 6px}.compliance-card .number{font:800 16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#214235}.compliance-card p{color:var(--muted);font-size:13px;line-height:1.65}.compliance-card .status{display:inline-flex;margin-top:14px;padding:7px 10px;border-radius:999px;background:#e7f8ef;color:#0b8650;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.notice{margin-top:20px;padding:18px 20px;border-radius:18px;background:#fff6e9;border:1px solid #f1d3a8;color:#704915;font-size:13px;line-height:1.6}
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.location-card{border-radius:26px;padding:28px;background:linear-gradient(145deg,#071b15,#0b2c21);color:#fff;border:1px solid rgba(255,255,255,.09);min-height:220px;position:relative;overflow:hidden}.location-card:after{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-45px;bottom:-65px}.location-card .flag{font-size:30px}.location-card h3{font-size:26px;margin:22px 0 8px}.location-card p{color:#a7bbb1;font-size:13px}.location-card span{color:var(--green2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-card{border-radius:28px;background:#071c16;color:#fff;padding:36px}.contact-card h2{font-size:38px;line-height:1.05}.contact-card p{color:#a7bbb1;line-height:1.65}.contact-links{display:grid;gap:10px;margin-top:30px}.contact-links a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:800}.quote-form{border:1px solid var(--line-dark);border-radius:28px;background:#fff;padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:850;color:#42534b}.field input,.field textarea,.field select{width:100%;padding:14px 15px;border:1px solid #dbe4df;border-radius:13px;background:#fbfcfb;color:#0b1712;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#52c893;box-shadow:0 0 0 4px rgba(19,183,109,.08)}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:11px;color:#77877f;line-height:1.5;margin-top:13px}.form-shell .btn{margin-top:18px}
.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-card{border:1px solid var(--line-dark);background:#fff;border-radius:22px;padding:24px;min-height:250px}.blog-card .cat{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#0c9457}.blog-card h2,.blog-card h3{font-size:22px;line-height:1.18;margin:24px 0 10px}.blog-card p{font-size:13px;line-height:1.6;color:var(--muted)}.blog-card .meta{font-size:10px;color:#87978f;margin-top:24px}.blog-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.blog-filter button{border:1px solid var(--line-dark);border-radius:999px;background:#fff;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}.blog-filter button.active{background:#071c16;color:#fff;border-color:#071c16}
.article-shell{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:50px;align-items:start}.article .content{font-size:17px;line-height:1.82;color:#35473e}.article .content h2{font-size:32px;line-height:1.12;color:#0b1712;letter-spacing:-.03em;margin:46px 0 14px}.article .content h3{font-size:22px;color:#0b1712;margin-top:34px}.article .content ul{padding-left:22px}.article .callout{padding:22px;border-radius:18px;background:#eaf7f0;border:1px solid #cfe9da;margin:28px 0;color:#1d4935}.article .meta{font-size:11px;color:#7d8f86;margin-bottom:26px}.article-aside{position:sticky;top:110px;border-radius:22px;background:#071c16;color:#fff;padding:24px}.article-aside h3{font-size:24px}.article-aside p{color:#9eb4a9;font-size:13px;line-height:1.6}.article-aside .btn{width:100%;margin-top:10px}
.footer{background:#04110d;color:#fff;padding:62px 0 18px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:36px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-emblem{width:64px;height:56px;object-fit:contain}.footer-logo div{display:flex;flex-direction:column;line-height:1}.footer-logo strong{font-size:22px}.footer-logo span{font-size:9px;color:var(--green2);letter-spacing:.26em;margin-top:5px;font-weight:900}.footer-logo small{font-size:6.5px;color:#80958a;letter-spacing:.13em;margin-top:5px}.footer p{color:#91a69b;font-size:13px;line-height:1.65}.footer h3{font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.footer a,.footer span{display:block;color:#91a69b;font-size:12px;margin:9px 0}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom span{font-size:10px;color:#71877c}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:900;background:#18c56e;color:#fff;padding:12px 14px;border-radius:999px;display:flex;align-items:center;gap:9px;box-shadow:0 14px 34px rgba(0,0,0,.24);font-weight:900;font-size:11px}.floating-whatsapp b{font-size:16px}.mobile-bottom{display:none}
.reveal{opacity:0;transform:translateY(18px)}
@media(max-width:1100px){:root{--wrap:min(100% - 34px,1000px)}.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.contact-mini{display:none}.hero-grid{grid-template-columns:1fr .9fr}.proof-row{grid-template-columns:repeat(2,1fr)}.choice-grid,.route-grid,.page-hero-grid,.copy-grid,.form-shell{grid-template-columns:1fr}.side-title{position:static}.trust-strip{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.process-step:after{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:1fr}.article-aside{position:static}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:820px){:root{--wrap:calc(100% - 28px)}.nav-shell{min-height:68px}.desktop-nav,.nav-actions .btn{display:none}.menu-toggle{display:block}.brand{min-width:0}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:64px 0 92px}.hero h1{font-size:56px}.hero-visual{height:510px}.visual-main{right:1%;width:51%}.visual-fruit{left:0;width:48%}.visual-coconut{right:0;width:52%}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:440px}.trust-strip{grid-template-columns:1fr 1fr}.image-card.span6,.image-card.span4,.image-card.span8{grid-column:span 12}.process-grid{grid-template-columns:1fr 1fr}.section{padding:72px 0}.section-heading{align-items:flex-start;flex-direction:column}.route-shell{padding:30px}.route-grid h2{font-size:42px}.fact-grid,.service-grid,.location-grid,.blog-list,.compliance-grid{grid-template-columns:1fr 1fr}.page-hero{padding:68px 0 62px}.page-hero-grid{grid-template-columns:1fr}.page-hero-media{height:360px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery-grid figure:nth-child(n){grid-column:auto;grid-row:auto}.gallery-grid figure:nth-child(1){grid-column:span 2;grid-row:span 2}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.floating-whatsapp{bottom:78px}.mobile-bottom{display:grid;position:fixed;left:8px;right:8px;bottom:8px;z-index:890;grid-template-columns:repeat(4,1fr);background:rgba(4,17,13,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.32)}.mobile-bottom a{color:#a9bbb2;text-align:center;font-size:9px;font-weight:800;padding:10px 4px;border-radius:12px}.mobile-bottom a.primary{background:linear-gradient(135deg,#17c377,#0b9c5a);color:#fff}.footer{padding-bottom:90px}}
@media(max-width:560px){:root{--wrap:calc(100% - 22px)}.brand-emblem{width:44px;height:42px}.brand-type strong{font-size:16px}.brand-type span{font-size:7px}.brand-type small{display:none}.hero-grid{padding-top:50px}.hero h1{font-size:46px}.hero-lead{font-size:15px}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}.proof-row{grid-template-columns:1fr 1fr}.hero-visual{height:430px}.visual-main{width:53%;height:58%}.visual-fruit{width:49%;height:34%;top:24%}.visual-coconut{width:54%;height:29%}.visual-grape{width:35%;height:25%}.route-label{font-size:8px}.section{padding:62px 0}.section-heading h2{font-size:40px}.choice-card{padding:27px;min-height:470px}.choice-card h3{font-size:30px}.mini-collage{width:62%;height:48%}.trust-strip{grid-template-columns:1fr}.trust-item{padding:20px}.process-grid,.fact-grid,.service-grid,.location-grid,.blog-list,.compliance-grid{grid-template-columns:1fr}.route-shell{padding:24px}.route-grid h2{font-size:38px}.route-cards{grid-template-columns:1fr}.cta-panel{padding:30px;align-items:flex-start;flex-direction:column}.cta-panel h2{font-size:36px}.page-hero h1{font-size:47px}.page-hero p{font-size:15px}.page-hero-media{height:320px;gap:8px}.page-hero-media img:first-child{grid-row:span 2}.page-hero-media img:nth-child(2),.page-hero-media img:nth-child(3){height:156px}.copy-grid{gap:30px}.prose p{font-size:15px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px}.gallery-grid figure:nth-child(1){grid-column:auto;grid-row:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.quote-form,.contact-card{padding:25px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.floating-whatsapp span{display:none}.floating-whatsapp{padding:12px}.article .content{font-size:15.5px}.article .content h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}#globe{display:none}}

.graphic-feature{grid-column:span 6;min-height:390px;border-radius:28px;position:relative;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#071b15,#0b2b21);box-shadow:var(--shadow)}
.graphic-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(42,213,141,.15),transparent 32%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.035))}.graphic-copy{position:absolute;z-index:3;left:28px;bottom:28px;max-width:54%}.graphic-copy .tag{display:inline-flex;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:7px 9px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:13px}.graphic-copy h3{font-size:30px;line-height:1.02;letter-spacing:-.03em;margin-bottom:10px}.graphic-copy p{color:#b8c9c0;font-size:13px;line-height:1.55}.graphic-copy .link-arrow{color:#72e7a7}.commerce-visual,.cargo-visual{position:absolute;right:3%;top:8%;width:46%;height:75%}.screen{position:absolute;right:5%;top:10%;width:82%;height:58%;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(180deg,#f7fbf8,#dfe9e3);box-shadow:0 18px 40px rgba(0,0,0,.25);transform:perspective(700px) rotateY(-9deg) rotateX(3deg);padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.screen:before{content:"";grid-column:1/-1;height:7px;border-radius:999px;background:#b7c8bf}.screen i{height:58px;border-radius:9px;background:linear-gradient(145deg,#0d2a21,#15aa68)}.screen b{height:6px;border-radius:999px;background:#b2c4bb}.box{position:absolute;width:72px;height:58px;background:linear-gradient(145deg,#d09a55,#9d6e35);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 24px rgba(0,0,0,.22)}.box:before,.box:after{content:"";position:absolute;background:rgba(255,255,255,.12)}.box:before{left:50%;top:0;bottom:0;width:1px}.box:after{top:14px;left:0;right:0;height:1px}.b1{right:10%;bottom:3%;transform:rotate(-4deg)}.b2{right:33%;bottom:6%;transform:rotate(5deg)}.b3{right:20%;bottom:23%;transform:rotate(-1deg)}.cargo-visual{border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(15,94,135,.38),rgba(4,17,13,.1) 62%,transparent 64%)}.cargo-visual:before,.cargo-visual:after{content:"";position:absolute;border:1px solid rgba(85,226,162,.22);border-radius:50%;inset:9%}.cargo-visual:after{inset:25%;border-color:rgba(255,138,30,.18)}.ship{position:absolute;left:11%;right:7%;bottom:16%;height:70px;background:linear-gradient(180deg,#174d68,#082c3c);clip-path:polygon(0 18%,100% 0,88% 72%,14% 100%);filter:drop-shadow(0 18px 18px rgba(0,0,0,.25));padding:8px 44px 20px 52px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ship span{background:linear-gradient(145deg,#ff8a1e,#c95c0a);border:1px solid rgba(255,255,255,.18)}.route-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--green2),transparent);transform-origin:left}.r1{width:62%;left:0;top:22%;transform:rotate(18deg)}.r2{width:60%;left:34%;top:15%;transform:rotate(128deg);background:linear-gradient(90deg,transparent,var(--orange),transparent)}.route-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green2);box-shadow:0 0 18px var(--green2)}.d1{left:12%;top:31%}.d2{right:18%;top:26%;background:var(--orange);box-shadow:0 0 18px var(--orange)}
@media(max-width:820px){.graphic-feature{grid-column:span 12}.graphic-copy{max-width:58%}}
@media(max-width:560px){.graphic-feature{min-height:420px}.graphic-copy{max-width:88%;left:22px;right:22px;bottom:22px}.commerce-visual,.cargo-visual{width:58%;height:52%;right:3%;top:6%;opacity:.78}.graphic-copy h3{font-size:28px}}


/* bilingual language switch */
.language-switch{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);white-space:nowrap}
.language-switch a{font-size:11px;font-weight:900;color:#94a99e;padding:4px 6px;border-radius:999px;line-height:1}
.language-switch a.active{background:#fff;color:#071914}.language-switch span{font-size:9px;color:#5f756b}
.mobile-language-switch{display:flex;gap:8px;padding:14px 2px 2px}.mobile-language-switch a{flex:1;text-align:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:10px!important}.mobile-language-switch a.active{background:#fff;color:#071914!important}
html[dir="rtl"] body{font-family:"Somar","IBM Plex Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif;text-align:right}
html[dir="rtl"] .eyebrow{letter-spacing:.02em;text-transform:none}
html[dir="rtl"] .desktop-nav{direction:rtl}
html[dir="rtl"] .desktop-nav a:after{left:100%;right:0}
html[dir="rtl"] .desktop-nav a:hover:after,html[dir="rtl"] .desktop-nav a.active:after{left:0;right:0}
html[dir="rtl"] .section-heading,html[dir="rtl"] .footer-grid,html[dir="rtl"] .page-hero-grid,html[dir="rtl"] .copy-grid,html[dir="rtl"] .form-shell,html[dir="rtl"] .article-shell{direction:rtl}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right;direction:rtl}
html[dir="rtl"] .graphic-copy{left:auto;right:28px}
html[dir="rtl"] .floating-whatsapp{right:auto;left:18px}
html[dir="rtl"] .link-arrow{direction:rtl}
html[dir="rtl"] .breadcrumbs{direction:rtl}
html[dir="rtl"] .article .content ul{padding-left:0;padding-right:22px}
@media(max-width:820px){.language-switch{margin-inline-start:auto}.nav-actions{gap:8px}}
@media(max-width:560px){.language-switch{padding:4px 6px}.language-switch a{font-size:10px;padding:4px}.language-switch span{display:none}html[dir="rtl"] .graphic-copy{right:22px;left:22px}}

/* keep bilingual header comfortable on tablets */
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-actions .btn,.contact-mini{display:none}}
/* QA RTL refinements */
html[dir="rtl"] .choice-bullets span:before{margin-right:0;margin-left:9px}
html[dir="rtl"] .commerce-visual,html[dir="rtl"] .cargo-visual{right:auto;left:3%}
@media(max-width:560px){html[dir="rtl"] .commerce-visual,html[dir="rtl"] .cargo-visual{right:auto;left:3%}}



/* Saudi Arabic locale + typography (ZATCA-inspired hierarchy; SOMAR used when legitimately available) */
html[lang="ar-SA"] body{font-family:"Somar","IBM Plex Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.65}
html[lang="ar-SA"] .desktop-nav{font-size:14px}
html[lang="ar-SA"] .hero h1,
html[lang="ar-SA"] .section-heading h2,
html[lang="ar-SA"] .choice-card h3,
html[lang="ar-SA"] .image-card h3,
html[lang="ar-SA"] .route-grid h2,
html[lang="ar-SA"] .cta-panel h2,
html[lang="ar-SA"] .page-hero h1,
html[lang="ar-SA"] .side-title h2,
html[lang="ar-SA"] .article .content h2,
html[lang="ar-SA"] .graphic-copy h3{letter-spacing:0;font-weight:700}
html[lang="ar-SA"] .hero h1{line-height:1.1}
html[lang="ar-SA"] .section-heading h2{line-height:1.15}
html[lang="ar-SA"] .choice-card h3,
html[lang="ar-SA"] .image-card h3,
html[lang="ar-SA"] .route-grid h2,
html[lang="ar-SA"] .cta-panel h2,
html[lang="ar-SA"] .side-title h2,
html[lang="ar-SA"] .graphic-copy h3{line-height:1.18}
html[lang="ar-SA"] .page-hero h1{line-height:1.12}
html[lang="ar-SA"] .article .content h2{line-height:1.28}
html[lang="ar-SA"] .eyebrow,
html[lang="ar-SA"] .kicker,
html[lang="ar-SA"] .trust-item b,
html[lang="ar-SA"] .trust-item .status,
html[lang="ar-SA"] .fact b,
html[lang="ar-SA"] .blog-card .cat,
html[lang="ar-SA"] .footer h3,
html[lang="ar-SA"] .graphic-copy .tag{text-transform:none;letter-spacing:0}
html[lang="ar-SA"] p,
html[lang="ar-SA"] .hero-lead,
html[lang="ar-SA"] .prose{font-weight:400}
html[lang="ar-SA"] .btn,
html[lang="ar-SA"] .desktop-nav,
html[lang="ar-SA"] .mobile-menu a,
html[lang="ar-SA"] .link-arrow{font-weight:600}

/* =========================================================
   2026-08-22 Responsive / RTL stability pass
   Keep content readable even when animation CDNs are blocked.
   ========================================================= */

/* Critical content must never depend on JavaScript to be visible. */
.reveal{opacity:1!important;transform:none!important}

/* Prevent long Arabic/English labels and headings from forcing layout overflow. */
.hero-copy,.section-heading>*,.choice-card,.trust-item,.image-card,.process-step,.route-grid>*,.cta-panel>*,.page-hero-grid>*,.copy-grid>*,.service-card,.compliance-card,.location-card,.form-shell>*,.blog-card,.article-shell>*,.footer-grid>*{min-width:0}
.hero h1,.section-heading h2,.choice-card h3,.image-card h3,.route-grid h2,.cta-panel h2,.page-hero h1,.side-title h2,.service-card h3,.compliance-card h3,.location-card h3,.blog-card h2,.blog-card h3,.article .content h2,.article .content h3,.graphic-copy h3,.btn,.mobile-menu a,.footer a{overflow-wrap:anywhere;word-break:normal}

/* The old homepage collage was absolutely positioned over copy. Put it in flow. */
.mini-collage{position:relative;right:auto;left:auto;bottom:auto;top:auto;width:100%;height:auto;margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mini-collage img,.mini-collage img:nth-child(1),.mini-collage img:nth-child(2),.mini-collage img:nth-child(3){position:relative;inset:auto;width:100%;height:150px;object-fit:cover;border-radius:16px}

/* Single hero images should use the entire media area. */
.page-hero-media img:only-child{grid-column:1/-1;grid-row:1/-1;height:100%}

/* Correct process direction in RTL desktop layouts. */
html[dir="rtl"] .process-step:not(:last-child):after{right:auto;left:-18px;content:"←"}
html[dir="rtl"] .gallery-grid figcaption{left:auto;right:12px}
html[dir="rtl"] .prose ul{padding-left:0;padding-right:20px}

/* Keep the complete footer visible on tablets. */
@media(max-width:1100px){
  .footer-grid>div:last-child{display:block}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
}

/* Switch to the compact navigation before the long bilingual header can overflow. */
@media(max-width:1180px){
  .desktop-nav{display:none}
  .menu-toggle{display:block;flex:0 0 44px}
  .nav-actions .btn,.contact-mini{display:none}
  .nav-shell{gap:14px}
  .nav-actions{margin-inline-start:auto;flex:0 0 auto}
}

@media(max-width:820px){
  /* Header */
  .site-header{backdrop-filter:blur(12px)}
  .nav-shell{min-height:66px}
  .mobile-menu{max-height:calc(100dvh - 66px);overflow-y:auto;overscroll-behavior:contain}

  /* Homepage hero: no absolute image collisions on tablet/mobile. */
  .hero-grid{gap:34px;padding:58px 0 88px}
  .hero-visual{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .visual-card,.visual-main,.visual-fruit,.visual-coconut,.visual-grape{position:relative;inset:auto;width:100%;height:clamp(165px,29vw,220px);transform:none!important}
  .route-label{display:none}
  .visual-card figcaption{padding:36px 12px 12px}

  /* Product cards: image first, copy second. No copy sitting on top of photos. */
  .image-card{display:flex;flex-direction:column;min-height:0;background:#071914}
  .image-card img{position:relative;inset:auto;width:100%;height:250px;object-fit:cover;flex:0 0 auto}
  .image-card:after{display:none}
  .image-card .content{position:relative;inset:auto;width:100%;padding:22px 22px 24px;background:#071914}
  .image-card h3{font-size:27px;line-height:1.2}
  .image-card p{max-width:none}

  /* Ecommerce/logistics illustration cards: illustration and text get separate space. */
  .graphic-feature{display:flex;flex-direction:column;min-height:0;padding:18px}
  .graphic-copy{position:relative;inset:auto;max-width:none;width:100%;order:2;padding:20px 4px 4px}
  html[dir="rtl"] .graphic-copy{inset:auto}
  .commerce-visual,.cargo-visual,html[dir="rtl"] .commerce-visual,html[dir="rtl"] .cargo-visual{position:relative;inset:auto;width:100%;height:220px;order:1;opacity:1}

  /* Layouts */
  .section-heading{gap:16px}
  .choice-card{min-height:0}
  .cta-panel .actions{width:100%}
  .cta-panel .actions .btn{flex:1 1 220px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid>div:last-child{display:block}
  .floating-whatsapp{bottom:calc(78px + env(safe-area-inset-bottom));left:auto;right:18px}
  html[dir="rtl"] .floating-whatsapp{right:auto;left:18px}
  .mobile-bottom{bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}
  .footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

@media(max-width:560px){
  /* The language switch already exists inside the mobile menu; hiding this copy frees header space. */
  .nav-actions>.language-switch{display:none}
  .nav-shell{gap:8px}
  .brand{max-width:calc(100% - 56px)}
  .brand-emblem{flex:0 0 42px;width:42px;height:40px}
  .brand-type{min-width:0}
  .brand-type strong{font-size:15px}
  .brand-type span{font-size:6.5px;letter-spacing:.24em}

  /* Comfortable mobile typography, especially for Saudi Arabic. */
  .hero h1{font-size:clamp(38px,11vw,46px);line-height:1.08}
  .hero h1 br{display:none}
  .section-heading h2{font-size:clamp(32px,9.5vw,40px);line-height:1.12}
  .choice-card h3{font-size:28px;line-height:1.2}
  .route-grid h2{font-size:34px;line-height:1.15}
  .cta-panel h2{font-size:32px;line-height:1.16}
  .page-hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1.13}
  .side-title h2{font-size:34px;line-height:1.15}
  .contact-card h2{font-size:32px;line-height:1.18}
  .article .content h2{font-size:27px;line-height:1.3}
  .article .content h3{font-size:21px;line-height:1.35}
  html[lang="ar-SA"] .hero h1,html[lang="ar-SA"] .page-hero h1,html[lang="ar-SA"] .section-heading h2{letter-spacing:0}

  /* Images */
  .hero-visual{gap:8px}
  .visual-card,.visual-main,.visual-fruit,.visual-coconut,.visual-grape{height:clamp(145px,42vw,190px);border-radius:18px}
  .visual-card figcaption strong{font-size:12px;line-height:1.3}
  .visual-card figcaption span{display:none}
  .page-hero-media{height:290px;gap:7px}
  .page-hero-media img{border-radius:18px}
  .page-hero-media img:nth-child(2),.page-hero-media img:nth-child(3){height:141px}
  .image-card img{height:220px}
  .mini-collage{gap:7px;margin-top:22px}
  .mini-collage img,.mini-collage img:nth-child(1),.mini-collage img:nth-child(2),.mini-collage img:nth-child(3){height:120px;border-width:3px;border-radius:14px}
  .commerce-visual,.cargo-visual,html[dir="rtl"] .commerce-visual,html[dir="rtl"] .cargo-visual{height:190px}

  /* Cards/forms/buttons */
  .choice-card{padding:24px}
  .cta-panel{padding:25px}
  .cta-panel .actions{display:grid;grid-template-columns:1fr}
  .cta-panel .actions .btn{width:100%;flex:auto}
  .btn{white-space:normal;text-align:center;line-height:1.35;min-height:44px}
  .quote-form,.contact-card{padding:22px}
  .field input,.field textarea,.field select{font-size:16px} /* avoids iOS form zoom */
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom{align-items:flex-start}
}

@media(max-width:360px){
  :root{--wrap:calc(100% - 18px)}
  .brand-emblem{width:38px;height:36px;flex-basis:38px}
  .brand-type strong{font-size:14px}
  .hero h1{font-size:36px}
  .page-hero h1{font-size:35px}
  .section-heading h2{font-size:31px}
  .proof-row{grid-template-columns:1fr}
  .hero-visual{grid-template-columns:1fr}
  .visual-card,.visual-main,.visual-fruit,.visual-coconut,.visual-grape{height:190px}
  .mini-collage{grid-template-columns:1fr}
  .mini-collage img,.mini-collage img:nth-child(1),.mini-collage img:nth-child(2),.mini-collage img:nth-child(3){height:170px}
  .mobile-bottom a{font-size:8.5px;padding-inline:2px}
}

/* Desktop graphic feature cards also use separated columns: no decorative overlap. */
@media(min-width:821px){
  .graphic-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:end;padding:28px;min-height:390px}
  .graphic-copy{position:relative;inset:auto;max-width:none;width:100%;grid-column:1;grid-row:1;align-self:end}
  .commerce-visual,.cargo-visual{position:relative;inset:auto;width:100%;height:300px;grid-column:2;grid-row:1;align-self:center}
  html[dir="rtl"] .graphic-copy{position:relative;inset:auto;grid-column:2;grid-row:1}
  html[dir="rtl"] .commerce-visual,html[dir="rtl"] .cargo-visual{position:relative;inset:auto;width:100%;height:300px;grid-column:1;grid-row:1}
}