@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');

:root { --ink:#16201f; --muted:#66706e; --red:#b51f32; --red-dark:#871425; --paper:#fbfbf8; --mist:#f0f1ed; --line:#dfe2dc; --display:'Rajdhani','Arial Narrow',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }

.site-header { position:sticky; top:0; z-index:30; background:rgba(251,251,248,.93); border-bottom:1px solid rgba(22,32,31,.08); backdrop-filter:blur(16px); }
.nav-shell { height:86px; display:flex; align-items:center; gap:34px; }
.brand { display:inline-flex; align-items:center; gap:11px; margin-right:auto; }
.brand-logo-crop { display:flex; align-items:center; width:178px; height:52px; flex:none; }
.brand-logo-crop img { width:100%; height:auto; max-height:52px; object-fit:contain; }
.brand-company { padding-left:13px; border-left:1px solid var(--line); color:#515b58; font-size:10px; font-weight:800; letter-spacing:.1em; line-height:1.35; text-transform:uppercase; }
.brand-mark { display:grid; place-items:center; width:41px; height:41px; border-radius:50%; background:linear-gradient(145deg,#d54b57,var(--red-dark)); color:white; font-size:24px; font-weight:800; font-style:italic; box-shadow:inset -5px -6px 12px rgba(0,0,0,.18); }
.brand-type { display:flex; flex-direction:column; line-height:1; }
.brand-type strong { color:var(--red); font-size:23px; letter-spacing:.18em; }
.brand-type small { color:var(--muted); font-size:8px; margin-top:6px; letter-spacing:.08em; text-transform:uppercase; }
.desktop-nav { display:flex; align-items:center; gap:33px; }
.desktop-nav a { font-size:14px; font-weight:600; }
.desktop-nav a:hover { color:var(--red); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:52px; padding:0 24px; background:var(--red); color:white; font-size:13px; font-weight:750; letter-spacing:.02em; border:1px solid var(--red); transition:.2s ease; }
.button:hover { background:var(--red-dark); border-color:var(--red-dark); transform:translateY(-1px); }
.button-small { min-height:43px; padding-inline:18px; }
.mobile-menu { display:none; position:relative; }
.menu-toggle { list-style:none; padding:10px 14px; border:1px solid var(--line); background:white; color:var(--ink); font-size:12px; font-weight:700; cursor:pointer; }
.mobile-nav { position:absolute; right:0; top:46px; display:none; width:190px; padding:10px; background:white; border:1px solid var(--line); box-shadow:0 14px 35px rgba(0,0,0,.1); }
.mobile-nav.is-open { display:grid; }
.mobile-nav a { padding:12px; font-size:14px; }
.desktop-nav a[aria-current="page"] { color:var(--red); }

.hero { overflow:hidden; padding:78px 0 88px; background:radial-gradient(circle at 72% 50%,#fff 0 26%,transparent 55%),var(--paper); }
.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:var(--red); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow span { width:28px; height:1px; background:currentColor; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:26px; font-family:var(--display); font-size:clamp(48px,5.5vw,78px); line-height:.95; letter-spacing:-.035em; font-weight:600; }
h1 em { color:var(--red); font-style:normal; font-weight:inherit; }
.hero-lead { max-width:590px; margin-bottom:31px; color:var(--muted); font-size:17px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.text-link { display:inline-flex; align-items:center; gap:13px; padding-block:10px; border-bottom:1px solid #b9bfba; font-size:13px; font-weight:700; }
.trust-row { display:flex; align-items:center; gap:12px; margin-top:48px; color:#75807d; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.trust-row i { width:3px; height:3px; border-radius:50%; background:var(--red); }
.hero-visual { position:relative; min-height:520px; }
.hero-photo-wrap { position:absolute; inset:0 0 0 30px; overflow:hidden; background:#e7e8e4; box-shadow:0 30px 70px rgba(31,40,38,.14); }
.hero-photo-wrap::after { content:''; position:absolute; inset:0; background:linear-gradient(140deg,rgba(181,31,50,.05),transparent 55%,rgba(14,23,21,.17)); }
.hero-photo-wrap img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.02); }
.hero-badge { position:absolute; top:32px; left:0; z-index:2; display:flex; flex-direction:column; justify-content:center; width:104px; height:104px; padding:18px; border-radius:50%; background:var(--red); color:white; box-shadow:0 16px 30px rgba(143,25,39,.22); }
.hero-badge strong { font:600 30px/1 var(--display); }
.hero-badge span { margin-top:6px; font-size:9px; line-height:1.3; text-transform:uppercase; }
.hero-caption { position:absolute; right:0; bottom:25px; z-index:3; width:275px; padding:18px 20px; background:rgba(255,255,255,.94); border-left:3px solid var(--red); box-shadow:0 10px 35px rgba(20,30,28,.1); }
.hero-caption span,.hero-caption strong { display:block; }
.hero-caption span { margin-bottom:5px; color:var(--red); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.hero-caption strong { font:600 19px/1.15 var(--display); }

.intro-section { padding:100px 0 110px; background:white; }
.split-heading { display:grid; grid-template-columns:1fr 380px; gap:80px; align-items:end; margin-bottom:58px; }
.split-heading h2 { margin-bottom:0; font:600 clamp(40px,4vw,58px)/.98 var(--display); letter-spacing:-.025em; }
.split-heading>p { margin:0 0 7px; color:var(--muted); font-size:15px; line-height:1.75; }
.product-strip { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.product-strip article { position:relative; min-height:280px; padding:32px 30px 28px; border-right:1px solid var(--line); transition:.2s ease; }
.product-strip article:last-child { border-right:0; }
.product-strip article:hover { background:var(--mist); }
.card-number { color:var(--red); font:500 13px/1 var(--font-geist-mono),monospace; }
.product-strip h3 { margin:72px 0 13px; font:600 28px/1.05 var(--display); letter-spacing:-.015em; }
.product-strip p { min-height:52px; color:var(--muted); font-size:13px; line-height:1.6; }
.product-strip a { display:inline-flex; gap:10px; margin-top:12px; color:var(--red); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }

.stats-band { padding:0 0 105px; background:white; }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr) 1.25fr; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stats-grid>div { min-height:144px; padding:31px 25px; border-right:1px solid var(--line); }
.stats-grid strong,.stats-grid span { display:block; }
.stats-grid strong { color:var(--red); font:600 42px/1 var(--display); }
.stats-grid span { margin-top:15px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.stats-grid>p { margin:0; padding:25px 30px; color:var(--muted); font:italic 16px/1.55 Georgia,serif; }
.process-section { padding:105px 0; background:var(--mist); }
.process-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:105px; }
.process-copy h2,.story-copy h2,.custom-grid h2 { margin-bottom:25px; font:600 clamp(40px,4vw,57px)/.98 var(--display); letter-spacing:-.025em; }
.process-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:1.75; }
.process-copy .text-link { margin-top:14px; }
.process-list { list-style:none; margin:0; padding:0; border-top:1px solid #cfd3cd; }
.process-list li { display:grid; grid-template-columns:55px 1fr; gap:14px; padding:25px 0; border-bottom:1px solid #cfd3cd; }
.process-list li>span { color:var(--red); font:500 11px/1 var(--font-geist-mono),monospace; }
.process-list strong { display:block; margin-bottom:6px; font:600 24px/1 var(--display); }
.process-list p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.cta-panel-section { padding:80px 0; background:var(--mist); }
.cta-panel { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:58px 62px; background:var(--red); color:white; }
.cta-panel h2 { max-width:720px; margin:0; font:600 clamp(36px,4vw,54px)/.98 var(--display); letter-spacing:-.025em; }
.eyebrow.light { color:#ffd9de; }
.button-light { flex:none; background:white; border-color:white; color:var(--red); }
.button-light:hover { background:#f8e8ea; color:var(--red-dark); }

.page-hero { padding:95px 0 105px; background:linear-gradient(125deg,var(--paper),#f3f4f0); border-bottom:1px solid var(--line); }
.page-hero-grid { display:grid; grid-template-columns:1.4fr .6fr; gap:90px; align-items:end; }
.page-hero h1 { margin:0; font-size:clamp(50px,6vw,82px); }
.page-hero-grid>p { margin:0 0 8px; color:var(--muted); font-size:16px; line-height:1.75; }
.story-section { padding:115px 0; background:white; }
.story-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }
.story-visual { position:relative; height:560px; overflow:hidden; background:#e1e4df; box-shadow:0 25px 60px rgba(27,39,36,.12); }
.story-visual::before { content:'SEI / CUSTOM BUILD'; position:absolute; z-index:2; left:24px; top:22px; padding:8px 11px; background:var(--red); color:white; font-size:9px; font-weight:800; letter-spacing:.14em; }
.story-visual img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.03); }
.story-copy>p:not(.eyebrow) { margin-bottom:18px; }
.mini-facts { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:35px; padding-top:25px; border-top:1px solid var(--line); }
.mini-facts strong,.mini-facts span { display:block; }
.mini-facts strong { color:var(--red); font:600 20px/1.1 var(--display); }
.mini-facts span { margin-top:8px; color:var(--muted); font-size:11px; }
.values-section { padding:105px 0 115px; background:var(--paper); }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.values-grid article { min-height:285px; padding:34px; background:white; }
.values-grid article>span { color:var(--red); font:500 11px/1 var(--font-geist-mono),monospace; }
.values-grid h3 { margin:78px 0 15px; font:600 30px/1 var(--display); }
.values-grid p { color:var(--muted); font-size:13px; line-height:1.65; }
.industries-section { padding:95px 0; background:#18211f; color:white; }
.industries-grid { display:grid; grid-template-columns:1fr 1fr; gap:105px; }
.industries-grid h2 { max-width:520px; margin:0; font:600 clamp(40px,4vw,58px)/.98 var(--display); letter-spacing:-.025em; }
.industry-list { display:grid; grid-template-columns:1fr 1fr; align-content:start; border-top:1px solid #3a4642; }
.industry-list span { padding:18px 4px; border-bottom:1px solid #3a4642; color:#cbd1ce; font-size:13px; }

.products-hero { background:linear-gradient(125deg,#fbfbf8,#eef0eb); }
.product-groups { padding:110px 0; background:white; }
.product-group { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; padding:0 0 110px; margin-bottom:110px; border-bottom:1px solid var(--line); }
.product-group:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.product-group:nth-child(even) .catalog-frame { order:2; }
.catalog-frame { position:relative; height:500px; overflow:hidden; background:#e5e7e3; box-shadow:0 22px 55px rgba(20,32,29,.12); }
.catalog-frame img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.02); }
.product-group-copy h2 { margin:22px 0 17px; font:600 clamp(40px,4vw,56px)/.98 var(--display); letter-spacing:-.025em; }
.product-group-copy>p { max-width:510px; color:var(--muted); font-size:15px; line-height:1.7; }
.product-group-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:0 25px; list-style:none; margin:28px 0 25px; padding:0; border-top:1px solid var(--line); }
.product-group-copy li { position:relative; padding:13px 0 13px 15px; border-bottom:1px solid var(--line); font-size:12px; line-height:1.35; }
.product-group-copy li::before { content:''; position:absolute; left:0; top:19px; width:5px; height:5px; background:var(--red); }
.equipment-range { padding:105px 0 115px; background:var(--mist); }
.equipment-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.equipment-card { min-width:0; background:white; }
.equipment-card-media { overflow:hidden; aspect-ratio:4/3; background:#f5f2ef; }
.equipment-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.equipment-card:hover .equipment-card-media img { transform:scale(1.025); }
.equipment-card-copy { padding:27px 28px 30px; }
.equipment-card-copy>span { display:block; margin-bottom:13px; color:var(--red); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.equipment-card h3 { margin-bottom:13px; font:600 28px/1.02 var(--display); letter-spacing:-.015em; }
.equipment-card p { min-height:64px; margin-bottom:19px; color:var(--muted); font-size:13px; line-height:1.6; }
.equipment-card a { display:inline-flex; align-items:center; gap:11px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.equipment-card a b { font-size:15px; font-weight:500; transition:transform .2s ease; }
.equipment-card a:hover b { transform:translateX(3px); }
.custom-section { padding:100px 0; background:var(--red); color:white; }
.custom-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.custom-grid h2 { margin:0; }
.custom-grid>div:last-child>p { color:#f0cbd0; font-size:16px; line-height:1.7; }
.custom-grid .button { margin-top:16px; }

.contact-hero { padding:90px 0 110px; background:linear-gradient(125deg,var(--paper),#eef0eb); }
.contact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:start; }
.contact-intro { padding-top:34px; }
.contact-intro h1 { font-size:clamp(52px,5.5vw,76px); }
.contact-intro>p:not(.eyebrow) { max-width:520px; color:var(--muted); font-size:16px; line-height:1.75; }
.contact-details { display:grid; gap:0; margin-top:48px; border-top:1px solid var(--line); }
.contact-details>div { display:grid; grid-template-columns:90px 1fr; gap:3px 20px; padding:22px 0; border-bottom:1px solid var(--line); }
.contact-details>div>span { grid-row:1/4; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.contact-details a,.contact-details address { grid-column:2; font-size:14px; line-height:1.6; font-style:normal; }
.enquiry-card { padding:45px 48px 42px; background:white; box-shadow:0 26px 70px rgba(31,42,39,.1); }
.form-kicker { margin-bottom:12px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.enquiry-card h2 { margin-bottom:32px; font:600 42px/1 var(--display); letter-spacing:-.02em; }
.enquiry-card form { display:grid; gap:19px; }
.enquiry-card label { display:grid; gap:8px; color:#495350; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.enquiry-card input,.enquiry-card select,.enquiry-card textarea { width:100%; border:1px solid #d7dbd5; border-radius:0; background:#fafbf8; color:var(--ink); padding:13px 14px; font:400 14px/1.3 Arial,sans-serif; text-transform:none; letter-spacing:0; outline:none; }
.enquiry-card input:focus,.enquiry-card select:focus,.enquiry-card textarea:focus { border-color:var(--red); box-shadow:0 0 0 2px rgba(181,31,50,.08); }
.enquiry-card textarea { resize:vertical; }
.enquiry-card button { width:100%; cursor:pointer; }
.enquiry-card form>small { color:#858d8a; font-size:10px; font-weight:400; line-height:1.45; text-align:center; letter-spacing:0; text-transform:none; }

.site-footer { padding:66px 0 24px; background:#18211f; color:#e8ece9; }
.footer-grid { display:grid; grid-template-columns:1.7fr .7fr 1fr; gap:80px; }
.site-footer .brand { margin:0 0 24px; }
.site-footer .brand-company { border-color:#3b4743; color:#aeb7b3; }
.footer-grid>div:first-child p { max-width:430px; color:#aeb7b3; font-size:13px; line-height:1.7; }
.footer-grid h3 { margin:4px 0 20px; color:white; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.footer-grid>div:not(:first-child) { display:flex; flex-direction:column; gap:13px; color:#b7bfbb; font-size:13px; }
.site-footer a:hover { color:white; }
.footer-bottom { display:flex; justify-content:space-between; margin-top:58px; padding-top:22px; border-top:1px solid #35403d; color:#78837f; font-size:10px; letter-spacing:.04em; }

@media (max-width:900px) {
  .desktop-nav,.desktop-quote { display:none; }
  .mobile-menu { display:block; }
  .hero { padding-top:58px; }
  .hero-grid { grid-template-columns:1fr; gap:46px; }
  .hero-visual { min-height:440px; }
  .split-heading { grid-template-columns:1fr; gap:25px; }
  .product-strip { grid-template-columns:1fr; }
  .product-strip article { min-height:220px; border-right:0; border-bottom:1px solid var(--line); }
  .product-strip article:last-child { border-bottom:0; }
  .product-strip h3 { margin-top:45px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid>div:first-child { grid-column:1/-1; }
  .stats-grid { grid-template-columns:repeat(3,1fr); }
  .stats-grid>p { grid-column:1/-1; border-top:1px solid var(--line); }
  .process-grid,.story-grid,.industries-grid,.contact-grid { grid-template-columns:1fr; gap:55px; }
  .page-hero-grid { grid-template-columns:1fr; gap:30px; }
  .page-hero-grid>p { max-width:600px; }
  .values-grid { grid-template-columns:1fr; }
  .values-grid article { min-height:230px; }
  .values-grid h3 { margin-top:48px; }
  .product-group { grid-template-columns:1fr; gap:48px; }
  .product-group:nth-child(even) .catalog-frame { order:0; }
  .equipment-grid { grid-template-columns:repeat(2,1fr); }
  .custom-grid { grid-template-columns:1fr; gap:35px; }
}

@media (max-width:560px) {
  .shell { width:min(100% - 32px,1180px); }
  .nav-shell { height:74px; }
  .brand-logo-crop { width:130px; height:44px; }
  .brand-logo-crop img { max-height:44px; }
  .brand-company { display:none; }
  .hero { padding:48px 0 64px; }
  h1 { font-size:48px; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:12px; }
  .button { width:100%; }
  .text-link { justify-content:center; }
  .trust-row { flex-wrap:wrap; gap:9px; margin-top:34px; }
  .hero-visual { min-height:330px; }
  .hero-photo-wrap { inset:0 0 0 18px; }
  .hero-badge { width:86px; height:86px; padding:15px; }
  .hero-badge strong { font-size:23px; }
  .hero-caption { width:235px; bottom:16px; }
  .intro-section { padding:72px 0; }
  .footer-grid { grid-template-columns:1fr; gap:42px; }
  .footer-grid>div:first-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; gap:8px; }
  .stats-grid { grid-template-columns:1fr; }
  .stats-grid>div { min-height:105px; border-right:0; border-bottom:1px solid var(--line); }
  .stats-grid>p { grid-column:auto; }
  .process-section,.story-section,.values-section,.product-groups,.equipment-range { padding:72px 0; }
  .cta-panel-section { padding:0; }
  .cta-panel { width:100%; flex-direction:column; align-items:flex-start; padding:50px 24px; }
  .page-hero { padding:65px 0 72px; }
  .page-hero h1 { font-size:48px; }
  .story-visual,.catalog-frame { height:390px; }
  .mini-facts,.industry-list,.product-group-copy ul,.form-row { grid-template-columns:1fr; }
  .industries-section,.custom-section { padding:72px 0; }
  .product-group { padding-bottom:72px; margin-bottom:72px; }
  .equipment-grid { grid-template-columns:1fr; }
  .equipment-card p { min-height:0; }
  .contact-hero { padding:45px 0 72px; }
  .contact-intro h1 { font-size:48px; }
  .enquiry-card { padding:34px 22px; }
  .contact-details>div { grid-template-columns:70px 1fr; }
}
