:root{
  --bg:#050708;--panel:#0a0d0f;--panel2:#111518;--text:#f4f4f1;--muted:#b5b7b9;
  --orange:#e86f00;--orange2:#ff8a00;--line:#282d30;--silver:#cacaca;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.container{width:min(1180px,92vw);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* EXACT approved homepage at desktop widths */
.exact-home{display:block;background:#000;position:relative;line-height:0}
.exact-home .approved{width:100%;height:auto;display:block}
.hotspot{position:absolute;display:block;z-index:5;border-radius:4px;transition:.18s;background:transparent}
.hotspot:hover,.hotspot:focus-visible{outline:2px solid rgba(255,128,0,.72);background:rgba(255,128,0,.045)}
/* nav */
.hs-logo{left:1.1%;top:1.2%;width:17%;height:9%}
.hs-molds{left:33.1%;top:1.0%;width:6.6%;height:6.2%}
.hs-custom{left:40.1%;top:1.0%;width:7.1%;height:6.2%}
.hs-materials{left:47.7%;top:1.0%;width:8.1%;height:6.2%}
.hs-about{left:56.3%;top:1.0%;width:5.9%;height:6.2%}
.hs-gallery{left:62.7%;top:1.0%;width:7.0%;height:6.2%}
.hs-contact{left:70.1%;top:1.0%;width:7.6%;height:6.2%}
.hs-quote{left:88.9%;top:1.0%;width:9.3%;height:6.1%}
.hs-shop{left:3.7%;top:31.4%;width:9.8%;height:4.8%}
.hs-customhero{left:14.2%;top:31.4%;width:10.5%;height:4.8%}
/* product cards */
.hs-stock{left:1.2%;top:48.1%;width:25.9%;height:16.7%}
.hs-custommdf{left:27.6%;top:48.1%;width:24.0%;height:16.7%}
.hs-maple{left:52.1%;top:48.1%;width:22.4%;height:16.7%}
.hs-custommaple{left:74.9%;top:48.1%;width:23.8%;height:16.7%}

/* responsive live site */
.live-home{display:none}
.site-header{position:sticky;top:0;z-index:30;background:rgba(4,5,6,.95);backdrop-filter:blur(10px);border-bottom:1px solid #1e2326}
.nav{height:72px;display:flex;align-items:center;gap:28px}
.brand{display:flex;flex-direction:column;line-height:.9;min-width:max-content}
.brand strong{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;font-size:35px;letter-spacing:1px}
.brand span{text-transform:uppercase;font-size:10px;letter-spacing:.7px;margin-top:5px}
.nav-links{display:flex;gap:27px;margin-left:auto;align-items:center}
.nav-links a{text-transform:uppercase;font-family:'Arial Narrow',Arial,sans-serif;font-size:14px;letter-spacing:.6px}
.nav-links a:hover,.nav-links a.active{color:var(--orange2)}
.nav-actions{display:flex;gap:12px;align-items:center}
.menu-btn{display:none;background:transparent;border:0;color:white;font-size:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 20px;border:1px solid #a9adb0;background:#07090a;color:#fff;text-transform:uppercase;font-family:'Arial Narrow',Arial,sans-serif;letter-spacing:.55px;transition:.18s}
.btn:hover{transform:translateY(-1px);border-color:#fff}.btn.primary{background:var(--orange);border-color:var(--orange)}.btn.primary:hover{background:var(--orange2)}

.mobile-hero{min-height:610px;display:flex;align-items:center;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.76) 44%,rgba(0,0,0,.08) 78%),url('hero-cnc.jpg') center/cover no-repeat}
.mobile-hero:after,.page-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35))}
.display{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.35px;line-height:.94;margin:0}
.mobile-hero h1{font-size:clamp(50px,13vw,88px);max-width:730px}.dot{color:var(--orange2)}
.mobile-hero p{font-size:18px;line-height:1.55;max-width:530px;color:#e7e7e7}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}
.stats{background:linear-gradient(#e2e2e0,#a8a9aa);color:#0a0b0c;border-block:1px solid #8e9091}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.stat{padding:23px 15px;border-right:1px solid #888;display:flex;align-items:center;gap:12px}.stat:last-child{border-right:0}
.stat b{font-family:Impact,'Arial Narrow',sans-serif;font-size:34px;white-space:nowrap}.stat span{text-transform:uppercase;font-size:11px;line-height:1.35}
.section{padding:74px 0}.dark{background:#090c0e}.section-title{font-size:46px;margin:0 0 12px}.lede{color:var(--muted);line-height:1.65;max-width:760px;margin:0 0 32px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#0b0e10;border:1px solid #252a2d;display:flex;flex-direction:column;min-width:0}
.card-image{aspect-ratio:1.65/1;background:#050607;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}
.card-body{padding:18px}.badge{display:inline-block;background:var(--orange2);color:#0b0b0b;font-size:10px;font-weight:700;text-transform:uppercase;padding:7px 10px;margin-bottom:12px}.badge.gray{background:#c5c7c8}
.card h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:25px;line-height:1.05;margin:0 0 8px}.card p{color:#c7c9ca;line-height:1.5;font-size:14px;min-height:63px}.price{font-size:17px;margin-top:auto}.more{color:var(--orange2);font-weight:700;text-transform:uppercase;font-size:13px;display:inline-block;margin-top:10px}
.shop-banner{min-height:420px;background:url('shop-floor.jpg') center/cover no-repeat;border-block:1px solid #1e2427}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #2c3235}.benefit{padding:25px 18px;border-right:1px solid #2c3235}.benefit:last-child{border-right:0}.benefit b{display:block;text-transform:uppercase;margin-bottom:5px}.benefit span{color:#bdc0c2;font-size:13px;line-height:1.4}

/* Interior pages */
.page-hero{position:relative;isolation:isolate;min-height:390px;display:flex;align-items:flex-end;padding:85px 0 55px;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.12)),url('hero-cnc.jpg') center/cover no-repeat}
.page-hero h1{font-size:clamp(55px,7.2vw,92px)}.page-hero p{max-width:700px;color:#ddd;font-size:18px;line-height:1.6}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.panel{background:#0b0e10;border:1px solid #2a3033;padding:30px}.panel h3{font-size:30px;margin:0 0 12px}.panel p,.panel li{color:#c3c6c8;line-height:1.62}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid #2a2f32;text-align:left}.table th{color:var(--orange2);text-transform:uppercase;font-size:12px}.table td{color:#d2d4d5}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid img{width:100%;height:270px;object-fit:cover;border:1px solid #262b2e}
form{display:grid;gap:14px}input,select,textarea{width:100%;background:#080b0d;color:white;border:1px solid #3a4043;padding:13px 14px;font:inherit}textarea{min-height:160px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note{font-size:12px;color:#9fa4a6;line-height:1.5}
.site-footer{padding:48px 0 24px;background:#030405;color:#b6b9bb}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.footer-col h4{color:white;text-transform:uppercase;margin:0 0 14px}.footer-col a{display:block;padding:5px 0;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #222;margin-top:32px;padding-top:18px;font-size:12px}

@media(max-width:900px){
  .exact-home{display:none}.live-home{display:block}.site-header{display:block}
  .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#050708;padding:22px 4vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #222}.nav-links.open{display:flex}
  .nav-actions .btn{display:none}.menu-btn{display:block;margin-left:auto}.stats-grid,.cards,.benefits,.split,.gallery-grid,.footer-grid{grid-template-columns:1fr}.stat,.benefit{border-right:0;border-bottom:1px solid #8a8a8a}.card p{min-height:0}.two{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.gallery-grid img{height:auto}
}

/* -------------------------------------------------------------
   MOBILE / TABLET EXPERIENCE
   The desktop homepage artwork above 1024px remains untouched.
   ------------------------------------------------------------- */
body{overflow-x:hidden}
.eyebrow{color:var(--orange2);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.35px}
.shop-proof{background:#080b0d}
.shop-proof-copy{display:none}

@media (max-width:1024px){
  /* Switch away from the fixed desktop artwork on tablets/phones. */
  .exact-home{display:none!important}
  .live-home{display:block!important}
  .site-header{display:block}
  .container{width:min(100% - 36px,760px)}

  /* Header / navigation */
  .nav{height:68px;gap:12px}
  .brand strong{font-size:30px}
  .brand span{font-size:9px;letter-spacing:.55px}
  .nav-links{
    display:none;position:fixed;z-index:100;top:68px;left:0;right:0;bottom:0;
    padding:26px 24px 110px;background:rgba(4,6,7,.985);backdrop-filter:blur(14px);
    flex-direction:column;align-items:stretch;gap:0;overflow:auto;border-top:1px solid #222
  }
  .nav-links.open{display:flex}
  .nav-links a{font-size:24px;font-weight:700;padding:18px 2px;border-bottom:1px solid #202528}
  .nav-links a:last-child{border-bottom:0}
  .nav-actions{margin-left:auto}
  .nav-actions .btn{display:none}
  .menu-btn{display:block;margin-left:auto;width:46px;height:46px;padding:0;border:1px solid #30363a;border-radius:3px;line-height:1;font-size:23px;cursor:pointer}
  body.menu-open{overflow:hidden}

  /* Homepage hero: deliberately vertical, not squeezed desktop art. */
  .mobile-hero{display:block;min-height:0;background:#050708;padding:0;border-bottom:1px solid #1d2326}
  .mobile-hero:after{display:none}
  .mobile-hero-art{
    width:100%;aspect-ratio:16/8.4;
    background:url('hero-cnc.jpg') 58% center/cover no-repeat;
    border-bottom:1px solid #24292c;position:relative
  }
  .mobile-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22))}
  .mobile-hero-copy{padding-top:30px;padding-bottom:38px}
  .mobile-hero h1{font-size:clamp(47px,9vw,72px);max-width:none;margin:8px 0 17px}
  .mobile-hero p{font-size:17px;line-height:1.55;margin:0;color:#d9dcdd}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .actions .btn{width:100%;min-height:48px;padding:0 12px;font-size:13px}

  /* Silver credibility bar becomes a readable 2x2 + full-width USA tile. */
  .stats{border:0;background:linear-gradient(135deg,#e7e7e5,#b4b5b5)}
  .stats .container{width:100%;max-width:none}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat{min-height:96px;padding:19px 18px;border-right:1px solid #969696;border-bottom:1px solid #969696;gap:10px}
  .stat:nth-child(even){border-right:0}
  .stat:nth-child(5){grid-column:1/-1;border-bottom:0;border-right:0;justify-content:center;min-height:78px}
  .stat b{font-size:31px}
  .stat span{font-size:10px;letter-spacing:.3px}

  /* Product section */
  .section{padding:54px 0}
  .section-title{font-size:42px;line-height:.98}
  .lede{font-size:15px;margin-bottom:24px}
  .cards{grid-template-columns:1fr 1fr;gap:14px}
  .card{border-color:#282e31;border-radius:4px;overflow:hidden}
  .card-image{aspect-ratio:1.8/1}
  .card-body{padding:16px}
  .card h3{font-size:23px}
  .card p{min-height:0;font-size:13px;margin-bottom:14px}
  .price{font-weight:700}
  .more{font-size:12px;padding:4px 0}

  /* Factory proof section */
  .shop-proof{padding-bottom:44px;border-top:1px solid #1d2225}
  .shop-banner{min-height:0;aspect-ratio:16/7.5;background-position:50% center;border:0}
  .shop-proof-copy{display:block;padding-top:28px}
  .shop-proof-copy h2{font-size:39px;line-height:.98;margin:9px 0 14px}
  .shop-proof-copy p{color:#c0c3c5;line-height:1.62;margin:0 0 22px;font-size:15px}

  /* Benefits and footer */
  .benefits{grid-template-columns:1fr 1fr;width:100%;border-top:1px solid #2c3235;border-bottom:0}
  .benefit{min-height:116px;padding:22px 18px;border-right:1px solid #2c3235;border-bottom:1px solid #2c3235}
  .benefit:nth-child(even){border-right:0}
  .benefit b{font-size:13px}
  .benefit span{font-size:12px}
  .site-footer{padding:38px 0 92px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-bottom{flex-direction:column;gap:7px}

  /* Interior pages */
  body:not(:has(.exact-home)) .site-header{position:sticky}
  .page-hero{min-height:360px;padding:54px 0 38px;background-position:58% center}
  .page-hero h1{font-size:clamp(48px,10vw,74px);line-height:.94}
  .page-hero p{font-size:16px;max-width:620px}
  .split{grid-template-columns:1fr;gap:22px}
  .panel{padding:22px}
  .panel h3{font-size:27px}
  .table{font-size:14px}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .gallery-grid img{height:230px}
  input,select,textarea{min-height:48px;font-size:16px;border-radius:2px}
  textarea{min-height:170px}
  .two{grid-template-columns:1fr}
}

@media (max-width:600px){
  .container{width:min(100% - 28px,560px)}
  .nav{height:64px}
  .brand strong{font-size:27px}
  .brand span{font-size:8.3px}
  .nav-links{top:64px;padding-inline:18px}

  .mobile-hero-art{aspect-ratio:16/10.5;background-position:56% center}
  .mobile-hero-copy{padding-top:25px;padding-bottom:31px}
  .mobile-hero h1{font-size:46px;letter-spacing:0;line-height:.91}
  .mobile-hero p{font-size:15px}
  .actions{grid-template-columns:1fr}
  .actions .btn{min-height:50px}

  .stats-grid{grid-template-columns:1fr 1fr}
  .stat{min-height:91px;padding:16px 12px;align-items:flex-start;flex-direction:column;gap:3px}
  .stat b{font-size:29px;line-height:1}
  .stat span{font-size:9.4px}
  .stat:nth-child(5){flex-direction:row;align-items:center;gap:14px;min-height:72px}

  .section{padding:43px 0}
  .section-title{font-size:38px}
  .cards{grid-template-columns:1fr;gap:16px}
  .card{display:grid;grid-template-columns:42% 58%;min-height:174px}
  .card-image{aspect-ratio:auto;height:100%;min-height:174px}
  .card-body{padding:14px 14px 14px 15px;display:flex;flex-direction:column;align-items:flex-start}
  .badge{padding:6px 8px;font-size:9px;margin-bottom:9px}
  .card h3{font-size:21px;margin-bottom:6px}
  .card p{font-size:12.5px;line-height:1.38;margin:0 0 9px}
  .price{font-size:15px;margin-top:auto}
  .more{font-size:11px;margin-top:5px}

  .shop-proof{padding-bottom:38px}
  .shop-banner{aspect-ratio:1/1;background-position:50% center}
  .shop-proof-copy{padding-top:24px}
  .shop-proof-copy h2{font-size:34px}
  .shop-proof-copy .btn{width:100%;min-height:49px}

  .benefits{grid-template-columns:1fr 1fr}
  .benefit{min-height:108px;padding:18px 14px}
  .benefit b{font-size:12px;line-height:1.25}
  .benefit span{font-size:11.5px}

  .footer-grid{grid-template-columns:1fr 1fr;gap:26px 16px}
  .footer-col h4{font-size:13px}
  .footer-col a{font-size:13px}

  .page-hero{min-height:315px;padding:42px 0 30px;background-position:58% center}
  .page-hero h1{font-size:46px}
  .page-hero p{font-size:15px}
  .panel{padding:18px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid img{height:auto;aspect-ratio:4/3}
  .table{font-size:12.5px}
  .table th,.table td{padding:11px 8px}
}


/* -------------------------------------------------------------
   PORTRAIT PHONE TUNING
   Keeps desktop + landscape/tablet exactly as-is; this only applies
   to upright phones and very narrow browser windows.
   ------------------------------------------------------------- */
@media (max-width:600px) and (orientation:portrait){
  .container{width:calc(100% - 24px);max-width:480px}

  /* Header stays compact so the first screen feels intentional. */
  .nav{height:62px}
  .brand strong{font-size:25px;line-height:.85}
  .brand span{font-size:7.6px;letter-spacing:.45px;margin-top:5px}
  .menu-btn{width:42px;height:42px;font-size:21px}
  .nav-links{top:62px}

  /* Give the machining image a real portrait composition instead of a wide crop. */
  .mobile-hero-art{
    aspect-ratio:4/3;
    min-height:0;
    background-size:cover;
    background-position:62% 50%;
  }
  .mobile-hero-copy{padding:24px 0 30px}
  .mobile-hero h1{font-size:clamp(39px,12vw,48px);line-height:.93;margin:7px 0 14px}
  .mobile-hero p{font-size:15px;line-height:1.5;max-width:34ch}
  .eyebrow{font-size:9.5px;letter-spacing:1px}
  .actions{grid-template-columns:1fr;gap:9px;margin-top:20px}
  .actions .btn{min-height:48px;font-size:12.5px}

  /* Silver proof bar: two clean columns, then USA full width. */
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat{min-height:82px;padding:14px 13px;display:flex;flex-direction:row;align-items:center;gap:9px}
  .stat b{font-size:27px}
  .stat span{font-size:8.8px;line-height:1.28}
  .stat:nth-child(5){min-height:64px;justify-content:center;gap:12px}

  /* True vertical product cards. The prior side-by-side card layout was too cramped in portrait. */
  .section{padding:39px 0}
  .section-title{font-size:35px;line-height:1}
  .lede{font-size:14px;line-height:1.5;margin-bottom:19px}
  .cards{grid-template-columns:1fr;gap:15px}
  .card{display:block;min-height:0;border-radius:4px;overflow:hidden}
  .card-image{width:100%;height:auto;aspect-ratio:16/8.8;min-height:0}
  .card-body{padding:15px 16px 17px;display:block}
  .badge{font-size:9px;padding:6px 8px;margin-bottom:9px}
  .card h3{font-size:23px;line-height:1.02;margin:0 0 7px}
  .card p{font-size:13px;line-height:1.43;margin:0 0 10px}
  .price{font-size:16px;margin-top:0}
  .more{font-size:11.5px;margin-top:7px;padding:2px 0}

  /* Use a wider crop of the shop photo but keep enough height to read the scene. */
  .shop-banner{aspect-ratio:4/3;background-size:cover;background-position:50% center}
  .shop-proof{padding-bottom:34px}
  .shop-proof-copy{padding-top:22px}
  .shop-proof-copy h2{font-size:31px;line-height:1;margin:7px 0 12px}
  .shop-proof-copy p{font-size:14px;line-height:1.5;margin-bottom:18px}

  /* Benefits are easier to scan one at a time on a narrow phone. */
  .benefits{grid-template-columns:1fr}
  .benefit{min-height:0;padding:16px 15px;border-right:0!important;border-bottom:1px solid #2c3235}
  .benefit:last-child{border-bottom:0}
  .benefit b{font-size:12px;margin-bottom:3px}
  .benefit span{font-size:11.5px}

  .site-footer{padding:34px 0 72px}
  .footer-grid{grid-template-columns:1fr;gap:23px}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-col h4{font-size:12.5px;margin-bottom:9px}
  .footer-col a{font-size:13px;padding:4px 0}
  .footer-bottom{font-size:11px;gap:5px}

  /* Interior pages / quote form. */
  .page-hero{min-height:285px;padding:38px 0 27px;background-position:63% center}
  .page-hero h1{font-size:41px;line-height:.94}
  .page-hero p{font-size:14px;line-height:1.5}
  .split{gap:18px}
  .panel{padding:17px}
  .panel h3{font-size:25px}
  .panel p,.panel li{font-size:14px;line-height:1.5}
  .table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid img{aspect-ratio:4/3;height:auto}
  input,select,textarea{font-size:16px;min-height:49px}
  textarea{min-height:160px}
}

/* Mobile team collage is reserved for upright phones only. */
.mobile-team-hero,.portrait-actions{display:none}

@media (max-width:600px) and (orientation:portrait){
  /* Keep desktop and landscape/tablet layouts untouched. On portrait phones,
     the approved workshop team becomes the primary visual instead of a CNC crop. */
  .mobile-hero-art,.mobile-hero-copy{display:none}
  .mobile-team-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    position:relative;
    height:min(116vw,520px);
    min-height:430px;
    overflow:hidden;
    background:#07090a;
    border-bottom:1px solid #24292c;
  }
  .mobile-team-panel{
    min-width:0;
    background-repeat:no-repeat;
    background-color:#090b0c;
    filter:saturate(.94) contrast(1.03);
  }
  .mobile-team-man{
    background-image:url('mobile-man.jpg');
    background-size:cover;
    background-position:51% center;
  }
  .mobile-team-woman{
    background-image:url('mobile-woman.jpg');
    background-size:cover;
    background-position:50% center;
  }
  .mobile-team-shade{
    position:absolute;inset:0;pointer-events:none;
    background:
      linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.02) 38%,rgba(0,0,0,.76) 76%,rgba(0,0,0,.98) 100%),
      linear-gradient(90deg,rgba(0,0,0,.10),transparent 28%,transparent 72%,rgba(0,0,0,.08));
  }
  .mobile-team-copy{
    position:absolute;z-index:2;left:17px;right:17px;bottom:18px;
    text-shadow:0 2px 16px rgba(0,0,0,.85);
  }
  .mobile-team-copy .eyebrow{font-size:9.5px;letter-spacing:1.15px;margin-bottom:7px}
  .mobile-team-copy h1{font-size:clamp(38px,11.5vw,49px);line-height:.91;margin:0 0 11px;max-width:340px}
  .mobile-team-copy p{font-size:13.5px;line-height:1.43;margin:0;max-width:34ch;color:#e5e7e8}
  .portrait-actions{display:block;padding-top:14px;padding-bottom:20px;background:#07090a}
  .portrait-actions .actions{margin-top:0;grid-template-columns:1fr;gap:9px}
  .portrait-actions .btn{min-height:49px;width:100%;font-size:12.5px}

  /* Make the later factory-proof image a secondary supporting scene, centered
     more on the equipment so the hero remains the people-focused moment. */
  .shop-banner{background-image:url('mobile-machine.jpg');background-position:center;background-size:cover;aspect-ratio:16/9}
  .shop-proof-copy .eyebrow{font-size:9px}
}