:root{--green:#087e62;--deep:#092d2d;--ink:#102b2c;--muted:#526668;--cream:#f5f7f5;--wordmark-font:'Exo 2',sans-serif}
.brand strong,.brand small{font-family:var(--wordmark-font)}
.site-header{background:#fff;position:relative;z-index:5}
.hero{display:block;min-height:680px;position:relative;isolation:isolate;background:#0b2728;color:#fff;overflow:hidden}
.hero-images{position:absolute;inset:0;display:grid;grid-template-columns:2.2fr 1.1fr 1.1fr;grid-template-rows:1fr 1fr;gap:5px;z-index:-2}
.hero-images img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);background:#dbe8e6}
.hero-images img:first-child{grid-row:1/3;object-position:47% center}
.hero-images img:nth-child(2){grid-column:2;grid-row:1}
.hero-images img:nth-child(3){grid-column:3;grid-row:1}
.hero-images img:nth-child(4){grid-column:2/4;grid-row:2;object-position:50% 56%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,29,.93) 0%,rgba(3,27,29,.76) 36%,rgba(3,27,29,.27) 70%,rgba(3,27,29,.16) 100%);z-index:-1}
.hero-copy{min-height:680px;max-width:900px;padding:100px 7vw 48px;display:flex;flex-direction:column}
.hero .eyebrow{color:#78e9c7;font-size:13px}
.hero h1{font-size:clamp(48px,5.6vw,84px);line-height:1.06;max-width:860px;color:#fff}
.hero h1 em{font-style:normal;color:#9ef1d5}
.hero-intro{color:#e0ece9;font-size:20px;line-height:1.55;max-width:650px;margin:26px 0 34px}
.hero-actions .text-link{color:#fff}
.hero .primary{background:#0ba57d}
.hero-stats{width:min(760px,100%);gap:18px;margin-top:auto;padding-top:56px}
.hero-stats div{border-top:1px solid #a5c5ba;min-width:0;flex:1}
.hero-stats strong{color:#fff;font-size:25px;white-space:nowrap}
.hero-stats span{color:#d6e9e3;font-size:13px}
.intro-strip{background:#0f3735}
.typefaces{padding-top:70px;padding-bottom:70px;background:#f0f7f4}
.typefaces .section-heading{margin-bottom:25px}
.typefaces h2{font-size:clamp(30px,3vw,42px)}
.font-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.font-option{border:1px solid #cbddd6;background:#fff;text-align:left;padding:18px 16px;cursor:pointer;min-height:104px;transition:border-color .2s,box-shadow .2s,transform .2s}
.font-option:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0b413016}
.font-option[aria-pressed="true"]{border:2px solid var(--green);background:#eafff5}
.font-option small{display:block;color:#5d746c;font:700 12px 'DM Sans',sans-serif;margin-bottom:10px}
.font-option strong{display:block;color:var(--green);font-size:21px;line-height:1;letter-spacing:.03em}
.font-option span{display:block;color:#6d8cc6;font-size:10px;letter-spacing:.16em;font-weight:700;margin-top:3px}
.machinery{background:#fff}
.machine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0}
.machine-card,.machine-card:nth-child(3n),.machine-card:nth-child(n+4){min-width:0;padding:0;border:1px solid #d8e4e0;background:#fff;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.machine-photo{height:205px;position:relative;background:#e8efec;overflow:hidden}
.machine-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.machine-card:hover .machine-photo img{transform:scale(1.04)}
.machine-card:nth-child(2) .machine-photo img,.machine-card:nth-child(3) .machine-photo img,.machine-card:nth-child(4) .machine-photo img{object-fit:contain;padding:12px;background:#edf4f1}
.machine-card:nth-child(8) .machine-photo img{object-position:center}
.machine-photo span{position:absolute;left:12px;bottom:12px;color:#fff;background:rgba(8,45,45,.87);padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.1em}
.machine-info{padding:20px;display:flex;flex-direction:column;flex:1}
.machine-info h3{font-size:21px;margin:0 0 10px;line-height:1.2}
.machine-info p{font-size:14px;line-height:1.55;margin:0 0 17px;color:#526668}
.machine-info .brand-list{line-height:1.5;font-size:12px;color:#164c42;border-top:1px solid #d8e4e0;padding-top:12px;margin-top:auto}
.image-credit{margin-top:18px}
.about{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#f0f6f3;gap:0}
.about-photo{min-height:560px;position:relative;overflow:hidden;background:#2b3640}
.about-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.about-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.about-photo span{position:absolute;bottom:30px;left:35px;color:#fff;letter-spacing:.17em;font-size:13px;font-weight:800;z-index:1}
.about-copy{padding:72px 7vw 72px 6vw}
.about-copy p{font-size:17px;line-height:1.68;color:#435b58;margin:18px 0}
.about-copy .eyebrow{font-size:12px;color:var(--green);margin:0 0 18px}
.about-copy h2{font-size:clamp(36px,3.4vw,52px);margin:0 0 24px}
.about-copy strong{color:#173b34}
.process{background:#fff}
.process .section-heading>p{max-width:430px}
.steps{gap:20px}
.steps>div{border:1px solid #d8e4e0;padding:0 0 24px}
.step-photo{height:220px;overflow:hidden;background:#e5eee9;margin-bottom:22px}
.step-photo img{width:100%;height:100%;object-fit:cover}
.steps>div:nth-child(1) .step-photo img,.steps>div:nth-child(3) .step-photo img{object-fit:contain;padding:12px;background:#e8f0ed}
.steps span,.steps strong,.steps p{margin-left:23px;margin-right:23px}
.steps strong{font-size:22px}
.steps p{font-size:15px;max-width:none;line-height:1.65}
.network{background:#0b302f;color:#fff;position:relative;overflow:hidden}
.network:before{content:"";position:absolute;inset:0;background:url('assets/cargo-ship.jpg') center/cover;opacity:.1;pointer-events:none}
.network>*{position:relative}
.network .section-heading{align-items:end}
.network h2{max-width:800px}
.network-stat{display:flex;flex-direction:column;min-width:180px;border-left:2px solid #4dd3a6;padding-left:20px}
.network-stat strong{font:800 58px/1 Manrope,sans-serif;color:#81e8c8}
.network-stat span{font-size:14px;color:#d9eee8}
.network-intro{max-width:760px;font-size:17px;color:#d3e8e1;margin:-10px 0 36px}
.country-area{display:grid;grid-template-columns:1fr 1.65fr 1.25fr;gap:18px}
.country-area>div{border:1px solid #5a7c74;background:#ffffff0c;padding:21px}
.country-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.country-chips span{display:inline-block;color:#fff;border:1px solid #8bb7aa;background:#ffffff16;padding:6px 10px;font-size:14px}
.network-destinations{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #5a7c74;margin-top:35px;padding-top:27px}
.network-destinations p{font-size:17px;color:#e6f3ee;line-height:1.6;margin:10px 0 0}
footer{display:block;padding:42px 6vw 26px;background:#f7faf8}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;align-items:center;padding-bottom:28px;border-bottom:1px solid #d9e4df}
.footer-top p{color:#526668;font-size:14px}
.footer-top>a:not(.brand){font-weight:700}
.footer-legal{padding-top:20px;display:grid;grid-template-columns:1fr 2fr;gap:20px;color:#637571;font-size:12px;line-height:1.6}
.footer-legal p{margin:0}
.footer-legal .credits{grid-column:1/-1}
.footer-legal a{text-decoration:underline}
.site-header{height:108px;gap:16px}
.brand{gap:14px;min-width:265px}.brand img{width:65px;height:75px;object-fit:contain}.brand strong{font-size:34px;line-height:.92}.brand small{font-size:13px;letter-spacing:.22em}
.music-toggle{border:1px solid #bad7ce;background:#eff9f5;color:#0a5d49;font-size:12px;font-weight:800;padding:11px 12px;white-space:nowrap;cursor:pointer}.music-toggle:hover{background:#ddf5eb}
.machine-card:nth-child(2) .machine-photo img,.machine-card:nth-child(3) .machine-photo img,.machine-card:nth-child(4) .machine-photo img,.machine-card:nth-child(5) .machine-photo img,.machine-card:nth-child(6) .machine-photo img,.machine-card:nth-child(7) .machine-photo img,.machine-card:nth-child(8) .machine-photo img,.machine-card:nth-child(10) .machine-photo img{object-fit:contain;object-position:center;padding:10px;background:#ecf4f0}
.machine-card:nth-child(9) .machine-photo img{object-fit:cover;object-position:center}
.brand-directory{background:#eaf5ef}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory-grid>div{background:#fff;border:1px solid #caddd2;padding:23px}.directory-grid h3{font-size:19px;margin:0 0 10px}.directory-grid p{margin:0;color:#416258;font-size:15px;line-height:1.7}
.steps>div:nth-child(1) .step-photo img,.steps>div:nth-child(2) .step-photo img{object-fit:cover;padding:0;background:none}
.network{background:#082d3a}.network:before{background:radial-gradient(circle at 65% 40%,#47bda330 0 18%,transparent 19%),radial-gradient(circle at 76% 45%,#47bda322 0 2%,transparent 3%),radial-gradient(circle at 55% 27%,#47bda322 0 2%,transparent 3%),repeating-linear-gradient(0deg,transparent 0 43px,#a7e3e010 44px 45px),repeating-linear-gradient(90deg,transparent 0 43px,#a7e3e010 44px 45px);opacity:1}
.country-area{grid-template-columns:repeat(2,minmax(0,1fr))}.country-area>div{background:#ffffff0e;border-color:#6d9a9a}.country-chips span{background:#ffffff1b}
.updates{position:relative;isolation:isolate;background:#e8f2ee}.updates:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e8f2eeed,#e8f2eec9),url('assets/santex-banner.jpg') center/cover;z-index:-1}.feed a{background:#fff}
.contact{background:radial-gradient(circle at 80% 35%,#20896f 0,#126b61 30%,#0a454d 70%,#082e3a 100%)}
.footer-brand img{width:90px!important;height:100px!important}.footer-brand strong{font-size:46px!important}.footer-brand small{font-size:17px!important}.footer-brand{min-width:330px}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header nav a{font-size:12px}.brand{min-width:220px}.brand strong{font-size:29px}.brand small{font-size:11px}.brand img{width:56px;height:65px}}
@media(max-width:800px){.site-header{height:92px}.directory-grid{grid-template-columns:repeat(2,1fr)}.country-area{grid-template-columns:1fr 1fr}.country-area>div:last-child{grid-column:auto}.music-toggle{margin-left:auto}}
@media(max-width:550px){.site-header{gap:7px;padding:0 10px}.brand{min-width:0;gap:6px}.brand img{width:42px;height:50px}.brand strong{font-size:19px}.brand small{font-size:7px}.music-toggle{font-size:0;padding:8px 9px}.music-toggle:before{content:'♪';font-size:20px}.header-contact{font-size:10px;padding:8px}.header-contact span{display:none}.directory-grid{grid-template-columns:1fr}.country-area{grid-template-columns:1fr}.footer-brand img{width:75px!important;height:86px!important}.footer-brand strong{font-size:36px!important}.footer-brand small{font-size:14px!important}}
.youtube-music{position:fixed;width:1px;height:1px;left:-9999px;top:-9999px;overflow:hidden;pointer-events:none}
.machine-photo img,.machine-card:nth-child(9) .machine-photo img{object-fit:contain;object-position:center;padding:10px;background:#ecf4f0}
.network-destinations{align-items:stretch}.destination-card{border:1px solid #6d9a9a;background:#ffffff0e;padding:21px}.destination-card p{font-size:14px;margin:12px 0 16px;color:#d6eae7}.destination-card .country-chips{margin-top:0}
.footer-legal .credits{grid-column:1/-1;line-height:1.9}.footer-legal .credits+ .credits{padding-top:4px}
.machine-card:nth-child(11) .machine-photo img{object-fit:cover;object-position:50% 78%;padding:0;transform:scale(1.24)}
.machine-card:nth-child(11):hover .machine-photo img{transform:scale(1.3)}
.brand-directory{position:relative;isolation:isolate;background:#123a3e;color:#fff}.brand-directory:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b353ee8,#16544acc),url('assets/santex-banner.jpg') center/cover;z-index:-1}.brand-directory .section-heading>p{color:#e1eee9}.brand-directory .eyebrow{color:#80e0be}.directory-grid>div{color:#102b2c;background:#fffffff2}.directory-grid p{color:#416258}
.about-copy a:not(.text-link){color:#087e62;text-decoration:underline;text-underline-offset:3px;font-weight:700}
@media(max-width:1100px){.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-options{grid-template-columns:repeat(3,1fr)}.country-area{grid-template-columns:1fr 1fr}.country-area>div:last-child{grid-column:1/-1}}
@media(max-width:800px){.hero,.hero-copy{min-height:620px}.hero-images{grid-template-columns:1.3fr 1fr}.hero-images img:first-child{grid-row:1/3}.hero-images img:nth-child(2){grid-column:2;grid-row:1}.hero-images img:nth-child(3){grid-column:2;grid-row:2}.hero-images img:nth-child(4){display:none}.hero-shade{background:linear-gradient(90deg,rgba(3,27,29,.9),rgba(3,27,29,.5))}.hero-copy{padding:75px 6vw 35px}.hero h1{font-size:clamp(45px,8vw,68px)}.about{grid-template-columns:1fr}.about-photo{min-height:370px}.about-copy{padding:65px 6vw}.steps{grid-template-columns:1fr}.step-photo{height:270px}.network .section-heading{display:flex}.country-area{grid-template-columns:1fr 1fr}.footer-legal{grid-template-columns:1fr}}
@media(max-width:550px){.hero,.hero-copy{min-height:650px}.hero-images{grid-template-columns:1fr 1fr}.hero-images img:first-child{grid-column:1/3;grid-row:1}.hero-images img:nth-child(2){grid-column:1;grid-row:2}.hero-images img:nth-child(3){grid-column:2;grid-row:2}.hero-shade{background:linear-gradient(0deg,rgba(3,27,29,.92),rgba(3,27,29,.63))}.hero-copy{padding-top:70px}.hero h1{font-size:45px}.hero-intro{font-size:17px}.hero-stats{gap:7px;padding-top:35px}.hero-stats strong{font-size:16px}.hero-stats span{font-size:10px}.font-options{grid-template-columns:repeat(2,1fr)}.font-option{min-height:97px;padding:14px 11px}.font-option strong{font-size:17px}.machine-grid{grid-template-columns:1fr}.machine-card,.machine-card:nth-child(3n),.machine-card:nth-child(n+4),.machine-card:nth-child(2n),.machine-card:nth-child(n+5){border:1px solid #d8e4e0}.machine-photo{height:220px}.country-area,.network-destinations{grid-template-columns:1fr}.country-area>div:last-child{grid-column:auto}.network .section-heading{display:block}.network-stat{margin-top:25px}.footer-top{grid-template-columns:1fr}.about-photo{min-height:300px}}
