/* ===== Arjun Machine Tools — enhancement layer (loads after styles.css) ===== */
:root{
  --orange:#d8141c;--orange-dark:#b50f16;
  --navy-deep:#0b1320;--navy:#111d31;--navy-mid:#1b2a45;
  --grey-bg:#f3f5f8;--grey-line:#e0e5ec;
  --font-body:'Archivo',system-ui,sans-serif;--font-head:'Archivo',system-ui,sans-serif;--font-mono:'Archivo',system-ui,sans-serif;
  --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --arrow-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5252c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em}
.hero h1,.page-hero h1,.section-title,.m-body h3,.cat-body h3,.why-card h4,.sc-item figcaption b{text-transform:none}
.section-title{font-size:clamp(30px,4.2vw,46px);line-height:1.08}
.eyebrow,.hero-tag{font-size:12.5px;font-weight:600;letter-spacing:.12em}
.hero-tag{border-radius:3px;text-transform:none;letter-spacing:.04em}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.reveal{transform:none;transition:opacity .5s ease}

/* Buttons */
.btn{font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:4px;padding:14px 26px}
.btn-small{font-size:14px;padding:10px 18px}
.btn::after{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
.btn-navy:hover{background:var(--orange);border-color:var(--orange)}

/* Header */
header.nav{background:rgba(11,19,32,.94)}
.nav-links a{font-size:14.5px;font-weight:500;letter-spacing:0;text-transform:none}
.logo-mark{width:auto;height:auto;background:none;border:0;padding:0;display:block}
.logo-mark::before,.logo-mark::after{display:none}
.logo-mark svg{width:44px;height:44px;display:block}
.logo-text{font-weight:800;letter-spacing:-.01em}
footer{border-top:4px solid var(--orange)}

/* Home hero: full-bleed CNC video, dark industrial overlay */
.hero{min-height:min(92vh,820px);padding:150px 0 72px;display:flex;align-items:center;background:var(--navy-deep);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,19,32,.93) 0%,rgba(11,19,32,.74) 48%,rgba(11,19,32,.42) 100%),linear-gradient(0deg,rgba(11,19,32,.8),transparent 38%);pointer-events:none}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:0}
.hero-inner{position:relative;z-index:2;display:block}
.hero h1{font-size:clamp(38px,5.6vw,76px);line-height:1.02;max-width:13em}
.hero h1 span{display:block}
.hero p.lead{max-width:520px;font-size:18px;color:rgba(255,255,255,.82);margin-top:22px}
.hero-actions{margin:32px 0 44px}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px 40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);max-width:660px;list-style:none;color:rgba(255,255,255,.72);font-size:14px}
.hero-trust b{display:block;color:#fff;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.page-hero{position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,19,32,.94),rgba(11,19,32,.7));pointer-events:none}
.page-hero::after{z-index:1}
.page-hero-inner{position:relative;z-index:2}

/* Trust strip under hero */
.trust{background:#fff;border-bottom:1px solid var(--grey-line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:flex;align-items:center;gap:14px;padding:22px 20px;font-weight:700;font-size:15px;line-height:1.25}
.trust-item+.trust-item{border-left:1px solid var(--grey-line)}
.trust-item svg{width:34px;height:34px;flex-shrink:0;stroke:var(--orange);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Showcase: 3 / 3 / 2 grid, icon badge + arrow on each card */
.showcase{background:var(--grey-bg);padding:96px 0}
.showcase-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:250px;gap:16px}
.sc-item,.sc-wide{grid-column:span 2;grid-row:auto;border:0;border-radius:8px}
.sc-item:nth-last-child(-n+2){grid-column:span 3}
.sc-item::after{background:linear-gradient(0deg,rgba(11,19,32,.94) 0%,rgba(11,19,32,.35) 55%,rgba(11,19,32,.05) 100%)}
.sc-item figcaption{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:20px 72px 20px 18px}
.sc-item figcaption::before{content:"";grid-row:1/3;width:42px;height:42px;border:1.5px solid var(--orange);border-radius:50%;background:rgba(11,19,32,.65) center/20px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9zM4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")}
.sc-item:nth-child(4n+2) figcaption::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M18.7 5.3l-2.1 2.1M7.4 16.6l-2.1 2.1'/%3E%3C/svg%3E")}
.sc-item:nth-child(4n+3) figcaption::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 2v4M12 18v4M2 12h4M18 12h4'/%3E%3C/svg%3E")}
.sc-item:nth-child(4n) figcaption::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z'/%3E%3Cpath d='M9 12l2.2 2.2L15.5 10'/%3E%3C/svg%3E")}
.sc-item figcaption::after{content:"";position:absolute;right:16px;bottom:20px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1) var(--arrow-red) center/16px no-repeat}
.sc-item figcaption b,.sc-wide figcaption b{font-size:17px;margin:0}
.sc-item figcaption span{grid-column:2}

/* Product cards */
.machines{background:#fff}
.m-card{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px -14px rgba(11,19,32,.18)}
.m-media{height:280px}
.m-code,.cat-tag{background:var(--orange);color:#fff;border:0;border-radius:3px;font-weight:700;letter-spacing:.04em;text-transform:none}
.m-body h3{font-size:23px}
.spec-list{background:var(--grey-bg);border:0;border-radius:6px;padding:14px 16px}
.spec-list label{font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
.cat-card{border-radius:8px;overflow:hidden}
.cat-media{aspect-ratio:4/3;height:auto}
.cat-body h3{font-size:20px}

/* Why-us: numbers removed (content isn't a sequence), red rule instead */
.why-num{display:none}
.why-card{border-top:3px solid var(--orange)}

/* Sub-page hero echo of the red slash */
.page-hero{overflow:hidden}
.page-hero::after{content:"";position:absolute;top:0;bottom:0;right:4%;width:16%;background:var(--orange);opacity:.9;clip-path:polygon(62% 0,80% 0,38% 100%,20% 100%);pointer-events:none}

/* ===== Tablet / mobile ===== */
@media(max-width:1100px){
  .hero{min-height:600px;padding:130px 0 64px}
  .hero p.lead{font-size:16.5px}
}
@media(max-width:860px){
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(3){border-left:0}
  .trust-item:nth-child(n+3){border-top:1px solid var(--grey-line)}
  .showcase-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}
  .sc-item,.sc-item:nth-last-child(-n+2){grid-column:span 1}
  .sc-item:last-child{grid-column:span 2}
  .wa-float{top:auto;bottom:20px;right:16px;transform:none;width:56px;height:56px}
  .wa-float:hover{transform:scale(1.06)}
}
@media(max-width:700px){
  .topbar-email,.topbar-hours{display:none}
  .topbar-inner{justify-content:space-between}
  .cat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .cat-card:last-child{grid-column:span 2}
  .cat-body{padding:14px 14px 16px}
  .cat-body h3{font-size:15.5px;margin-bottom:12px}
  .cat-body p{display:none}
  .cat-links .btn{width:100%;justify-content:space-between}
  .m-media{height:240px}
}
@media(max-width:520px){
  .showcase-grid{grid-template-columns:1fr;grid-auto-rows:220px}
  .sc-item:last-child{grid-column:span 1}
  .trust-item{padding:16px 12px;gap:10px;font-size:13.5px}
  .trust-item svg{width:28px;height:28px}
}

/* Logo image (used exactly as supplied) */
.logo-mark svg{display:none}
.logo-mark img{height:58px;width:auto;display:block}
.nav-inner{padding-top:8px;padding-bottom:8px}
footer .logo-mark img{height:96px}
@media(max-width:700px){.logo-mark img{height:48px}}

/* Large product cards */
.prod-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.prod-card{grid-column:span 2;position:relative;display:block;min-height:440px;border-radius:8px;overflow:hidden;background:var(--navy-deep)}
.prod-card:nth-child(n+4){grid-column:span 3;min-height:400px}
.prod-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.prod-card:hover img{transform:scale(1.05)}
.prod-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,19,32,.95) 0%,rgba(11,19,32,.45) 45%,rgba(11,19,32,0) 75%)}
.prod-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px}
.prod-body h3{color:#fff;font-size:24px;line-height:1.15;margin-bottom:8px}
.prod-body p{color:rgba(255,255,255,.78);font-size:15px;max-width:34ch;margin-bottom:16px}
.prod-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:15px;border-bottom:2px solid var(--orange);padding-bottom:3px}
.prod-link::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
@media(max-width:860px){.prod-grid{grid-template-columns:1fr 1fr}.prod-card,.prod-card:nth-child(n+4){grid-column:span 1;min-height:340px}.prod-card:last-child{grid-column:span 2}}
@media(max-width:560px){.prod-grid{grid-template-columns:1fr}.prod-card:last-child{grid-column:span 1}.prod-card,.prod-card:nth-child(n+4){min-height:320px}}

/* Team portraits */
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:28px}
.team-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:8px;background:var(--grey-bg)}
.team-card figcaption{padding:14px 2px 0;border-top:3px solid var(--orange);margin-top:14px}
.team-card figcaption b{display:block;font-size:21px;font-weight:800;letter-spacing:-.02em}
.team-card figcaption span{color:var(--steel);font-size:15px}
@media(max-width:700px){.team-grid{grid-template-columns:1fr;gap:32px;max-width:420px}}

/* Hero heading accent */
.hero h1 .hl{color:#f0343b}

/* Content protection: no text selection, no image dragging / long-press save */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select{-webkit-user-select:text;user-select:text}
img,video{-webkit-user-drag:none;user-drag:none;pointer-events:none}