:root{--navy:#202a2d;--navy-deep:#103a32;--teal:#155c43;--teal-bright:#1d7752;--orange:#e1794a;--cream:#f3f0e6;--sand:#e3ddce;--ink:#243336;--muted:#65777a;--line:rgba(16,44,60,.16);--sans:"DM Sans",sans-serif;--display:"DM Serif Display",Georgia,serif;--ui:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:88px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,104px);background:rgba(243,240,230,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,44,60,.08)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:46px;height:40px;object-fit:contain;background:var(--navy);border-radius:8px;padding:4px}.brand-name{display:flex;flex-direction:column;gap:3px;color:var(--navy)}.brand-name strong{font:800 14px var(--display);letter-spacing:.07em}.brand-name small{font:600 8px var(--sans);letter-spacing:.13em}.main-nav{display:flex;align-items:center;gap:38px;color:#4c6066;font-size:13px;font-weight:600}.main-nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--orange)}.nav-cta{background:var(--navy);color:var(--cream);padding:13px 18px;border-radius:2px}.nav-cta span{color:#d8a92a;margin-left:9px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:var(--navy);color:var(--cream);min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:72px clamp(24px,9vw,136px) 76px}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(243,240,230,.08);border-radius:50%;top:-245px;left:-245px}.hero-copy{position:relative;z-index:2;max-width:610px;padding-bottom:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#b9c7bd;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block}.hero h1,.section-heading h2,.about-copy h2,.approach h2,.contact-top h2{font:700 clamp(46px,6vw,78px)/1.08 var(--display);letter-spacing:-.06em;margin:27px 0 22px}.hero h1 em,.section-heading h2 em,.about-copy h2 em,.approach h2 em,.contact-top h2 em{color:#d8a92a;font-style:normal}.hero-intro{font-size:16px;line-height:1.8;color:#b9c7c4;max-width:430px;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:2px;padding:16px 20px;font-size:12px;font-weight:700;cursor:pointer}.button-orange{background:var(--orange);color:#fff}.button-orange:hover{background:#f28056}.button span{font-size:16px}.text-link{font-size:12px;font-weight:700}.text-link span{color:var(--orange);margin-left:9px}.hero-foot{margin-top:72px;display:flex;align-items:center;gap:10px;color:#9baca9;font-size:11px}.hero-foot strong{color:#e5e9dc;font-weight:600}.location-mark{color:#d8a92a;font-size:20px}.hero-art{position:relative;min-height:475px;display:flex;align-items:center;justify-content:center}.art-sun{position:absolute;width:min(35vw,380px);height:min(35vw,380px);border-radius:50%;background:linear-gradient(135deg,#f3a263,#da5f3d);opacity:.92;right:7%;top:8%}.art-orbit{position:absolute;border:1px solid rgba(235,240,222,.28);border-radius:50%;width:450px;height:230px;transform:rotate(-31deg)}.orbit-one{right:0;top:22%}.orbit-two{width:530px;height:310px;right:-8%;top:13%;transform:rotate(20deg);border-color:rgba(235,240,222,.14)}.truck-illustration{position:relative;z-index:1;width:120%;max-width:760px;margin-top:52px;filter:drop-shadow(0 22px 16px rgba(4,22,29,.18))}.art-label{position:absolute;z-index:2;font-size:9px;font-weight:700;letter-spacing:.16em;color:#e4e8dc}.label-top{top:18%;right:4%;display:flex;align-items:center;gap:9px}.label-line{width:28px;height:1px;background:var(--orange)}.label-bottom{bottom:10%;left:9%}.label-bottom span{color:var(--orange);padding:0 5px}.hero-stamp{position:absolute;right:1%;bottom:3%;display:flex;align-items:center;gap:8px;color:#f2d5b2;font:700 8px/1.5 var(--sans);letter-spacing:.12em}.hero-stamp img{width:38px;height:32px}.hero-side-note{position:absolute;right:20px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);color:#78908f;letter-spacing:.2em;font-size:8px}.hero-side-note span{color:var(--orange);padding:8px 0}
.intro-band{background:var(--teal);color:var(--cream);padding:50px clamp(24px,12vw,180px);display:flex;align-items:center;gap:35px;position:relative}.intro-band p{font:700 clamp(24px,3vw,38px)/1.3 var(--display);letter-spacing:-.04em;margin:0}.intro-band p span{color:#9dd0be}.round-arrow{width:45px;height:45px;border:1px solid rgba(243,240,230,.45);border-radius:50%;display:grid;place-items:center;color:var(--cream);font-size:19px;flex:none}.intro-rule{height:1px;background:rgba(243,240,230,.25);flex:1;margin-left:20px}
.section-pad{padding:115px clamp(24px,12vw,180px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.eyebrow-dark{color:var(--teal)}.section-heading h2,.approach h2{font-size:clamp(42px,5vw,61px);margin:18px 0 0}.section-heading h2 em,.approach h2 em{color:var(--teal)}.section-heading>p,.approach-top>p{max-width:370px;font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:61px}.service-card{background:#eae7dc;min-height:280px;padding:25px 27px 22px;position:relative;transition:transform .2s,background .2s}.service-card:hover{transform:translateY(-5px);background:#e1e2d4}.service-number{font-size:9px;font-weight:700;letter-spacing:.14em;color:#7c8983}.service-icon{width:46px;height:46px;margin-top:28px;color:var(--teal)}.service-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font:700 20px var(--display);letter-spacing:-.04em;margin:20px 0 9px}.service-card p{font-size:12px;line-height:1.7;color:var(--muted);max-width:280px;margin:0}.service-card>a{position:absolute;right:25px;bottom:23px;color:var(--orange);font-size:20px}.services-note{font-size:11px;color:var(--muted);margin:25px 0 0}
.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:var(--navy);color:var(--cream)}.about-art{background:var(--teal);position:relative;overflow:hidden;min-height:490px;display:grid;place-items:center}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(243,240,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(243,240,230,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 23%,#000 80%,transparent)}.africa-shape{position:relative;width:250px;max-height:340px;filter:drop-shadow(0 9px 15px rgba(0,0,0,.12))}.map-caption{position:absolute;right:15%;top:49%;font-size:9px;line-height:1.8;font-weight:700;letter-spacing:.12em;color:#fae6cb}.map-caption span{font-weight:500;color:#add2c1;font-size:8px}.map-index{position:absolute;left:12%;bottom:11%;font-size:9px;letter-spacing:.15em;color:#a9d0bf}.about-copy{padding:100px clamp(32px,8vw,116px);align-self:center}.about-copy h2{font-size:clamp(39px,4.5vw,57px);margin:22px 0}.about-copy p{font-size:13px;line-height:1.9;color:#b9c7c4;max-width:435px}.text-link-light{display:inline-block;color:var(--cream);margin-top:19px}
.approach{padding-top:112px;padding-bottom:112px}.approach-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.approach-top>p{max-width:425px}.approach-values{margin-top:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.approach-values>div{padding-top:21px}.approach-values span{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.1em}.approach-values h3{font:700 18px var(--display);margin:21px 0 9px}.approach-values p{font-size:12px;line-height:1.7;color:var(--muted);max-width:280px;margin:0}
.contact-section{background:var(--navy);color:var(--cream);padding:96px clamp(24px,12vw,180px);display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center}.contact-top h2{font-size:clamp(43px,5vw,63px);margin:22px 0}.contact-top>p{font-size:13px;color:#b9c7c4}.contact-form{display:flex;flex-direction:column;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{font-size:10px;color:#cfdbd1;letter-spacing:.06em;display:flex;flex-direction:column;gap:8px}.optional{color:#7f9693}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(243,240,230,.23);border-radius:0;padding:12px 13px;background:rgba(255,255,255,.04);color:var(--cream);font-size:12px;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#d8a92a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#738b88}.contact-form .button{align-self:flex-start}.form-note{font-size:10px;line-height:1.7;color:#90a49e;margin:0}.form-note code{color:#e9b081;font-size:10px}
.site-footer{background:var(--navy-deep);color:var(--cream);padding:36px clamp(24px,7vw,104px) 20px}.brand-footer .brand-name{color:var(--cream)}.footer-slogan{font-size:9px;font-weight:700;letter-spacing:.16em;color:#94aaa2;margin:28px 0 35px}.footer-bottom{padding-top:16px;border-top:1px solid rgba(243,240,230,.15);display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#90a49e}.footer-bottom a:hover{color:#d8a92a}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;padding-left:6vw;padding-right:6vw}.hero h1{font-size:56px}.hero-art{min-height:390px}.section-pad{padding-left:8vw;padding-right:8vw}.about-copy{padding-left:8vw;padding-right:8vw}.contact-section{padding-left:8vw;padding-right:8vw;gap:6%}}
@media(max-width:680px){html{scroll-padding-top:70px}.site-header{height:70px;padding:0 20px}.brand-mark{width:40px;height:35px}.brand-name strong{font-size:12px}.brand-name small{font-size:7px}.menu-toggle{display:flex;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-toggle span{height:2px;width:20px;background:var(--navy);transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--cream);padding:20px 24px 26px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-cta){padding:14px 0;border-bottom:1px solid var(--line)}.nav-cta{margin-top:16px;text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding:64px 24px 45px;min-height:auto}.hero h1{font-size:clamp(48px,13vw,68px);margin-top:23px}.hero-intro{font-size:14px;max-width:390px}.hero-actions{gap:17px;flex-wrap:wrap;margin-top:26px}.hero-foot{margin-top:35px}.hero-art{min-height:330px;margin:10px -10px -12px}.art-sun{width:260px;height:260px;right:13%;top:8%}.orbit-one{width:310px;height:160px;right:1%}.orbit-two{width:360px;height:210px;right:-8%}.truck-illustration{width:120%;margin-top:45px}.label-top{top:11%;right:0}.label-bottom{bottom:4%;left:4%}.hero-stamp{right:0;bottom:0}.hero-side-note{display:none}.intro-band{padding:34px 24px;gap:17px}.intro-band p{font-size:24px}.round-arrow{width:38px;height:38px}.intro-rule{display:none}.section-pad{padding:76px 24px}.section-heading,.approach-top{display:block}.section-heading>p,.approach-top>p{margin-top:22px}.section-heading h2,.approach h2{font-size:46px}.service-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.service-card{min-height:235px;padding:21px}.service-icon{margin-top:20px}.service-card h3{margin-top:13px}.about-section{grid-template-columns:1fr}.about-art{min-height:370px}.africa-shape{width:205px}.map-caption{right:12%;top:48%}.about-copy{padding:67px 24px 74px}.about-copy h2{font-size:43px}.approach{padding-top:72px;padding-bottom:76px}.approach-values{grid-template-columns:1fr;gap:0;margin-top:36px}.approach-values>div{padding:19px 0 17px;border-bottom:1px solid var(--line)}.approach-values h3{margin:11px 0 6px}.contact-section{grid-template-columns:1fr;padding:72px 24px;gap:35px}.contact-top h2{font-size:47px}.form-row{grid-template-columns:1fr}.site-footer{padding:29px 20px 17px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* The supplied mark has a landscape lockup, so give it room to breathe. */
.brand-mark{width:122px;height:60px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}
.hero-stamp img{width:92px;height:49px;object-fit:contain;background:#fff;border-radius:3px;padding:2px}
@media(max-width:680px){.brand-mark{width:103px;height:51px}.brand{gap:8px}.brand-name strong{font-size:11px}.brand-name small{font-size:7px}.hero-stamp img{width:82px;height:44px}}

/* Editorial display type gives the site a more distinctive, confident voice. */
.hero h1,.section-heading h2,.about-copy h2,.approach h2,.contact-top h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em}
.hero h1 em,.section-heading h2 em,.about-copy h2 em,.approach h2 em,.contact-top h2 em{font-style:italic}
.service-card h3,.approach-values h3{font-family:var(--ui);font-weight:700;letter-spacing:-.04em}
.service-card{border-top:2px solid var(--orange)}
.button,.main-nav,.eyebrow,.service-number,.brand-name{font-family:var(--ui)}
.brand-mark{background:var(--navy);padding:0;border-radius:6px}
.hero-stamp img{background:transparent;padding:0}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.service-card{min-height:265px;padding:21px 20px 24px;background:#eeeadf}
.service-card h3{font-size:17px;line-height:1.25}
.service-icon{color:var(--orange)}
.process-strip{margin-top:42px;padding:26px 28px;background:var(--navy);color:var(--cream)}
.process-strip .eyebrow{color:#d7ded7}
.process-steps{display:flex;align-items:center;gap:clamp(12px,3vw,40px);margin-top:22px}
.process-steps span{display:flex;align-items:center;gap:9px;font:600 12px var(--ui);white-space:nowrap}
.process-steps b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:10px}
.process-steps i{height:1px;background:rgba(243,240,230,.26);flex:1}
.values-section{background:#eeeadf}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.values-grid article{padding:24px 21px;background:var(--cream);border:1px solid rgba(32,42,45,.1);min-height:155px}
.values-grid article>span{font-size:10px;font-weight:700;color:var(--orange);letter-spacing:.12em}
.values-grid h3{font:700 18px var(--ui);margin:20px 0 7px}
.values-grid p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin-top:42px;border-top:1px solid var(--line)}
.why-grid p{margin:0;padding:18px 4px;border-bottom:1px solid var(--line);font:600 13px var(--ui);color:var(--ink)}
.why-grid p:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:11px;border-radius:50%;background:var(--teal);color:#fff;font-size:11px}
.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.mission-vision article{padding:25px 28px;background:var(--navy);color:var(--cream);border-bottom:3px solid var(--orange)}
.mission-vision article>span{font:700 10px var(--ui);letter-spacing:.16em;color:var(--orange)}
.mission-vision article p{font:400 17px/1.6 var(--display);margin:14px 0 0}
.contact-details{display:grid;gap:14px;margin-top:35px}
.contact-details a,.contact-details p{margin:0;color:#f3f0e6;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.contact-details span{display:block;margin-bottom:3px;color:var(--orange);font:700 9px var(--ui);letter-spacing:.15em}
.site-header{height:104px}
html{scroll-padding-top:104px}
.brand-mark{width:110px;height:88px}
.brand-footer .brand-mark{width:124px;height:98px}
.hero-stamp img{width:108px;height:82px}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.site-header{height:84px}.main-nav{top:83px}.brand-mark{width:96px;height:77px}.brand-footer .brand-mark{width:110px;height:88px}.hero-stamp img{width:92px;height:70px}html{scroll-padding-top:84px}.service-grid{grid-template-columns:1fr}.service-card{min-height:225px}.values-grid{grid-template-columns:1fr 1fr;gap:10px}.values-grid article{padding:19px 15px;min-height:140px}.why-grid{grid-template-columns:1fr;gap:0;margin-top:28px}.why-grid p{padding:14px 2px}.mission-vision{grid-template-columns:1fr;gap:12px;margin-top:30px}.mission-vision article{padding:22px}.process-strip{padding:22px 18px}.process-steps{display:grid;grid-template-columns:1fr 1fr;gap:15px}.process-steps i{display:none}.process-steps span{white-space:normal}.contact-details{margin-top:27px;grid-template-columns:1fr 1fr;gap:16px 12px}.contact-details a,.contact-details p{font-size:11px}.brand-mark{background:#fff;border-radius:4px;padding:3px}}
.brand-mark{background:#fff;border-radius:4px;padding:3px}
.hero-stamp img{background:#fff;border-radius:3px;padding:2px}
.hero-photo{position:relative;width:100%;height:475px;margin:0;overflow:hidden;border-radius:4px;box-shadow:0 24px 55px rgba(0,0,0,.24)}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 58%;display:block}
.hero-photo figcaption{position:absolute;z-index:1;left:22px;right:22px;bottom:19px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#fff}
.hero-photo figcaption span{font:700 10px var(--ui);letter-spacing:.14em}
.hero-photo figcaption a,.about-photo-credit{font:500 9px var(--sans);color:rgba(255,255,255,.78)}
.hero-photo figcaption a:hover,.about-photo-credit:hover{color:#fff;text-decoration:underline}
.service-card{min-height:350px}
.service-photo{display:block;width:100%;height:125px;object-fit:cover;border-radius:2px;margin:17px 0 0;background:#d8ddd2}
.service-card>.service-credit{position:static;display:block;width:max-content;max-width:100%;margin-top:7px;color:var(--muted);font:500 8px var(--sans);letter-spacing:0}
.service-card>.service-credit:hover{color:var(--teal);text-decoration:underline}
.service-card>.service-arrow{position:absolute;right:20px;bottom:18px;color:var(--orange);font-size:20px}
.about-art{isolation:isolate}
.about-photo{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.map-caption,.map-index,.about-photo-credit{z-index:1}
.about-photo-credit{position:absolute;right:12%;bottom:7%;text-decoration:none}
.hero{min-height:calc(100svh - 104px);grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,76px);align-items:center;padding:38px clamp(24px,7vw,104px)}
.hero-copy{max-width:620px}
.hero-brand{display:block;width:154px;height:94px;object-fit:contain;background:#fff;border-radius:5px;padding:2px;margin:0 0 25px}
.hero h1{font-size:clamp(54px,6vw,82px);margin:19px 0 17px}
.hero-intro{max-width:480px}
.hero-actions{margin-top:28px}
.hero-foot{margin-top:36px}
.hero-art{min-height:0;width:100%;height:min(72vh,680px)}
.hero-photo{height:100%;width:100%;border-radius:5px}
.hero-photo>img{object-position:center center}
.hero-photo:after{display:none}
.about-art:after{display:none}
.about-art{background:var(--teal)}
.about-photo{z-index:0}
.about-copy{position:relative;z-index:1}
.about-photo-credit,.map-caption,.map-index{display:none}
@media(max-width:680px){.hero{min-height:calc(100svh - 84px);display:flex;flex-direction:column;align-items:stretch;padding:30px 24px 34px;gap:22px}.hero-brand{width:128px;height:78px;margin-bottom:19px}.hero h1{font-size:clamp(43px,11vw,58px);margin:16px 0}.hero-intro{font-size:14px}.hero-actions{margin-top:23px}.hero-foot{margin-top:24px}.hero-art{height:auto;min-height:0;margin:0}.hero-photo{height:clamp(250px,39vh,350px)}.hero-side-note{display:none}}
@media(max-width:680px){.hero-photo{height:345px}.hero-photo figcaption{left:14px;right:14px;bottom:14px;display:grid;gap:6px}.service-card{min-height:330px}.service-photo{height:150px}.about-photo-credit{right:7%;bottom:6%}}

/* Brand and section refinements: let the mark sit naturally on the page, and
   give the company purpose a clear place immediately after Who We Are. */
.brand-mark,.hero-brand,.hero-stamp img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.hero{background:var(--cream);color:var(--ink)}
.hero:before{border-color:rgba(16,58,50,.08)}
.hero .eyebrow{color:var(--teal)}
.hero h1 em{color:var(--teal-bright)}
.hero-intro{color:var(--muted)}
.hero-foot{color:#687875}
.hero-foot strong{color:var(--ink)}
.location-mark{color:var(--orange)}
.hero-side-note{color:#71827d}
.purpose-section{background:#eeeadf;padding-top:92px;padding-bottom:92px}
.purpose-section .mission-vision{margin-top:42px}
.service-text-card{min-height:225px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.service-text-card h3{margin-top:26px;max-width:240px}
.service-text-card p{max-width:245px}
.site-footer{background:var(--cream);color:var(--ink);border-top:1px solid var(--line)}
.footer-slogan{color:var(--teal);margin:4px 0 25px}
.footer-bottom{border-color:var(--line);color:var(--muted)}
.footer-bottom a:hover{color:var(--orange)}
@media(max-width:680px){.purpose-section{padding-top:68px;padding-bottom:68px}.service-text-card{min-height:190px}.service-text-card h3{margin-top:20px}}

/* Show complete photographs: preserve source proportions instead of filling
   short, wide crops. The original logo mark has a transparent PNG background. */
.hero-art{height:auto;min-height:0;aspect-ratio:1586 / 992}
.hero-photo{height:100%;min-height:0}
.hero-photo>img{object-fit:contain;background:var(--sand)}
.about-section{min-height:0;align-items:center}
.about-art{height:auto;min-height:0;aspect-ratio:16 / 10;align-self:center}
.about-photo{object-fit:contain;background:var(--teal)}
.service-photo{height:auto!important;aspect-ratio:auto;object-fit:contain;background:#e1ded2;margin-top:17px}
.service-card{height:auto;min-height:0}
.service-text-card{min-height:225px}
.tracking-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,8vw,110px);align-items:center;padding:86px clamp(24px,12vw,180px);background:var(--navy);color:var(--cream)}
.tracking-copy h2{font:400 clamp(42px,5vw,62px)/1.08 var(--display);letter-spacing:-.035em;margin:20px 0 14px}
.tracking-copy h2 em{font-style:italic;color:#d8a92a}
.tracking-copy>p{max-width:370px;font-size:13px;line-height:1.8;color:#b9c7c4;margin:0}
.tracking-form{padding:28px;background:rgba(243,240,230,.06);border:1px solid rgba(243,240,230,.15)}
.tracking-form>label{display:block;font:700 10px var(--ui);letter-spacing:.08em;color:#cfdbd1;margin-bottom:10px}
.tracking-input-row{display:flex;gap:10px}
.tracking-input-row input{flex:1;min-width:0;border:1px solid rgba(243,240,230,.25);padding:14px;background:rgba(255,255,255,.04);color:var(--cream);font-size:13px;outline:none}
.tracking-input-row input:focus{border-color:#d8a92a}
.tracking-input-row input::placeholder{color:#90a49e}
.tracking-input-row .button{white-space:nowrap}
.tracking-note{font-size:10px;line-height:1.7;color:#9baca9;margin:13px 0 0}
@media(max-width:760px){.hero-art{aspect-ratio:16 / 10}.about-art{aspect-ratio:16 / 10;width:100%}.tracking-section{grid-template-columns:1fr;gap:25px;padding:68px 24px}.tracking-form{padding:22px}}
@media(max-width:520px){.tracking-input-row{flex-direction:column}.tracking-input-row .button{align-self:stretch}.service-photo{margin-top:14px}}

/* Port-side tracking panel inspired by the supplied layout reference. */
.tracking-section{position:relative;display:flex;align-items:center;min-height:530px;padding:58px clamp(24px,8vw,120px);overflow:hidden;isolation:isolate;background:#153c38}
.tracking-section:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(11,35,31,.7),rgba(11,35,31,.42) 48%,rgba(11,35,31,.25))}
.tracking-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%}
.tracking-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,8vw,112px);align-items:center;width:100%;max-width:1320px;margin:0 auto}
.tracking-copy{color:#fff}
.tracking-copy .eyebrow{color:#f1d28a}
.tracking-copy h2{font:600 clamp(42px,5vw,68px)/1.08 var(--ui);letter-spacing:-.05em;margin:23px 0 16px;color:#fff}
.tracking-copy h2 em{font-style:normal;color:#efc15e}
.tracking-copy>p{max-width:370px;color:rgba(255,255,255,.85);font-size:15px;line-height:1.8;margin:0}
.tracking-panel{min-height:305px;padding:0 25px 25px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 22px 60px rgba(0,0,0,.24)}
.tracking-tabs{height:58px;display:flex;align-items:stretch;gap:4px;border-bottom:1px solid #dce1df}
.tracking-tabs a{display:flex;align-items:center;gap:8px;padding:0 16px;color:#64716f;font:600 12px var(--ui);border-bottom:2px solid transparent}
.tracking-tabs a span{font-size:16px;color:#788681}
.tracking-tabs a.is-active{color:var(--teal);border-color:var(--orange)}
.tracking-tabs a.is-active span{color:var(--orange)}
.tracking-form{position:relative;display:block;padding:21px 0 0;background:transparent;border:0}
.tracking-form>label{display:block;margin:0 0 8px;color:#394744;font:600 11px var(--ui);letter-spacing:0}
.tracking-form>label span{color:var(--orange)}
.tracking-form input{display:block;width:100%;height:44px;padding:0 12px;border:1px solid #bfc8c5;background:#fff;color:var(--ink);font:13px var(--sans);outline:none}
.tracking-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,92,67,.1)}
.tracking-form input::placeholder{color:#8c9996}
.tracking-help{font-size:10px;line-height:1.5;color:#64716f;margin:8px 0 0}
.tracking-form .button{display:flex;margin:74px 0 0 auto;background:var(--teal);color:#fff;padding:13px 21px;gap:15px}
.tracking-form .button:hover{background:#0f4935}
.tracking-form .button span{color:#edc15c}
.tracking-note{margin:13px 0 0;color:#73807d;font-size:10px;line-height:1.6}
@media(max-width:760px){.tracking-section{min-height:0;padding:58px 22px}.tracking-layout{grid-template-columns:1fr;gap:27px}.tracking-copy h2{font-size:46px}.tracking-panel{padding:0 18px 21px}.tracking-tabs{height:54px}.tracking-tabs a{padding:0 11px;font-size:11px}.tracking-form .button{margin-top:30px}}
@media(max-width:400px){.tracking-tabs{justify-content:space-between}.tracking-tabs a{gap:5px;padding:0 7px;font-size:10px}.tracking-panel{padding-left:14px;padding-right:14px}}

/* Match the opening frame to the supplied panoramic port photo so no green
   filler bands appear above or below it. */
.hero-art{aspect-ratio:16 / 9;background:transparent}
.hero-photo{height:100%;background:transparent}
.hero-photo>img{width:100%;height:100%;object-fit:contain;background:transparent}
.about-art{background:var(--cream)}
.about-photo{background:transparent}
@media(max-width:680px){.hero-art{aspect-ratio:16 / 9}.hero-photo{height:100%}}

@media(prefers-reduced-motion:no-preference){
  .commitment-headline>span,.commitment-headline>em{display:inline-block;animation:headline-arrive .78s cubic-bezier(.2,.72,.2,1) both}
  .commitment-headline>em{animation-delay:.18s}
  @keyframes headline-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
}
.brand{flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:none}
.brand-subtitle{display:block;color:var(--teal);font:700 6.5px/1.2 var(--ui);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.hero-logo-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 25px}
.hero-logo-lockup>span{margin-top:-7px;padding-left:3px;color:var(--teal);font:700 8px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase}
.hero-logo-lockup .hero-brand{margin:0}
@media(max-width:680px){.brand-subtitle{font-size:5.8px;letter-spacing:.07em}.hero-logo-lockup{margin-bottom:19px}.hero-logo-lockup>span{font-size:7px;letter-spacing:.11em}}
