:root{--red:#c8202f;--red2:#e43b45;--ink:#0b0d12;--coal:#141821;--soft:#f5f7fb;--muted:#687080;--line:#e5e8ef;--card:#ffffff;--shadow:0 18px 45px rgba(12,18,30,.12);--radius:24px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,20,30,.08)}.nav{min-height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:14px;min-width:260px}.brand img{height:56px;width:auto}.brand span{font-weight:900;letter-spacing:.04em}.navlinks{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:1;flex-wrap:wrap;position:relative;padding-bottom:6px}.navlinks a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:800;color:#1d4ed8;background:#e5e7eb;border:1px solid #c9ced6;box-shadow:0 3px 10px rgba(0,0,0,.08)}.navlinks a:hover{background:#eef2f7;color:#1547b7;transform:translateY(-1px)}.navlinks a.active{background:#0f2f57;color:#fff;border-color:#0f2f57;box-shadow:0 4px 12px rgba(15,47,87,.25);position:relative}.navlinks a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-5px;height:3px;background:#b22222;border-radius:2px}.navlinks:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#b22222;opacity:.8}.hero,.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(200,32,47,.18),transparent 30%),linear-gradient(135deg,#111622 0%,#262b37 58%,#0d0f14 100%);color:#fff}.hero{min-height:calc(100vh - 78px);display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#f4d4d7;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,82px);line-height:.95;margin:22px 0 20px;letter-spacing:-.06em}.hero p,.page-hero p{font-size:clamp(18px,2vw,22px);color:#d9dde7;max-width:700px}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:24px;box-shadow:var(--shadow)}.hero-card img{border-radius:24px;object-fit:cover;aspect-ratio:4/3}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 20px;font-weight:900;cursor:pointer;transition:.2s;min-height:46px}.btn.primary{background:var(--red);color:#fff;box-shadow:0 12px 24px rgba(200,32,47,.28)}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:#fff;color:var(--ink)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn:hover{transform:translateY(-2px)}.section{padding:82px 0}.section.alt{background:#fff}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-title h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:0;letter-spacing:-.04em}.section-title p{max-width:560px;color:var(--muted);margin:0}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 26px rgba(12,18,30,.06)}.card h3{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}.card p{margin:0;color:var(--muted)}.stat{font-size:46px;font-weight:950;color:var(--red);letter-spacing:-.05em}.hard-strip{background:var(--ink);color:#fff;padding:34px 0}.hard-strip .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.hard-strip strong{font-size:clamp(23px,3vw,36px);letter-spacing:-.03em}.page-hero{padding:76px 0}.page-hero h1{max-width:880px}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-img{border-radius:32px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;padding:12px}.pill-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.pill{background:#f0f2f6;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:800;color:#303746}.market-list{columns:2;list-style:none;margin:0;padding:0}.market-list li{break-inside:avoid;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:#f4f5f8;font-weight:800}.quote{font-size:clamp(28px,4vw,52px);font-weight:950;line-height:1;color:var(--red);letter-spacing:-.05em}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.person{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line)}.person b{display:block}.person span{color:var(--muted);font-size:14px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.doc-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 8px 26px rgba(12,18,30,.06);display:flex;flex-direction:column}.doc-card img{height:220px;width:100%;object-fit:cover;background:#eef1f5}.doc-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.doc-body p{color:var(--muted);margin:0}.doc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.map-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:start}.location-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow);position:sticky;top:100px}.map-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.branch{padding:16px;border:1px solid var(--line);border-radius:16px;background:#c8202f;cursor:pointer}.branch:hover{border-color:var(--red);box-shadow:0 8px 20px rgba(200,32,47,.1)}.branch b{display:block}.branch small{color:var(--muted)}.footer{background:#080a0f;color:#d9dce3;padding:28px 0;margin-top:0}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer strong{color:#fff}.fixed-actions{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.fixed-actions .btn{box-shadow:0 12px 28px rgba(0,0,0,.22)}.home-float{position:fixed;left:18px;bottom:18px;z-index:60}.mobile-menu{display:none}.preview-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:100;display:none;padding:22px}.preview-modal.open{display:grid;grid-template-rows:auto 1fr;gap:12px}.preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#fff}.preview-frame{width:100%;height:100%;border:0;border-radius:16px;background:#fff}@media (max-width:860px){.nav{align-items:flex-start;padding:12px 0;flex-direction:column}.brand{min-width:0}.brand img{height:48px}.navlinks{justify-content:flex-start}.navlinks a{padding:8px 10px;font-size:13px}.hero-grid,.split,.map-wrap{grid-template-columns:1fr}.grid.three,.grid.two,.doc-grid,.people,.branch-grid{grid-template-columns:1fr}.section{padding:56px 0}.hero{min-height:auto}.hero-grid{padding:54px 0}.hard-strip .container,.footer .container,.section-title{align-items:flex-start;flex-direction:column}.fixed-actions{right:12px;bottom:12px}.fixed-actions .btn{padding:11px 13px;font-size:13px}.home-float{display:none}.location-panel{position:static}.market-list{columns:1}.doc-card img{height:180px}}

/* Updated Technology dispenser image layout */
.dispenser-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}
.dispenser-showcase img{width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;min-height:360px}
.dispenser-showcase img:nth-child(2){min-height:300px}

/* Clickable location map pins */
.interactive-map{position:relative;overflow:hidden;padding:18px}
.interactive-map img{width:100%;height:auto;border-radius:18px;display:block}
.location-marker{position:absolute;transform:translate(-50%,-100%);width:22px;height:22px;border:3px solid #fff;border-radius:999px;background:var(--red);box-shadow:0 8px 18px rgba(0,0,0,.28);cursor:pointer;z-index:3}
.location-marker::after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--red)}
.location-marker span{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);background:#111622;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s}
.location-marker:hover,.location-marker:focus{transform:translate(-50%,-105%) scale(1.08);outline:none}
.location-marker:hover span,.location-marker:focus span{opacity:1}
.map-note{margin:18px 4px 0;color:var(--muted);font-weight:800}
@media(max-width:860px){.dispenser-showcase{grid-template-columns:1fr}.dispenser-showcase img{min-height:240px}.interactive-map{overflow-x:auto}.interactive-map img{min-width:680px}.location-marker{transform:translate(-50%,-100%) scale(.9)}.location-marker span{display:none}}


/* Updated technology page layout: left equipment photo, center card, right equipment photo */
.technology-feature{background:#fff;overflow:hidden}
.tech-showcase{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:28px;align-items:center}
.tech-photo{width:100%;object-fit:cover;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}
.tech-photo.wide{aspect-ratio:4/3;min-height:265px}
.tech-photo.tall{aspect-ratio:3/4;min-height:470px}
.tech-copy-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:38px 36px;box-shadow:var(--shadow)}
.tech-copy-card h2{font-size:clamp(42px,4.6vw,60px);line-height:.96;letter-spacing:-.06em;margin:0 0 22px;color:#111622}
.tech-copy-card p{font-size:20px;color:#3e485a;margin:0 0 22px}
.tech-copy-card .pill-list{display:flex;flex-direction:column;align-items:flex-start}
@media(max-width:1000px){.tech-showcase{grid-template-columns:1fr}.tech-photo.tall,.tech-photo.wide{min-height:260px;aspect-ratio:16/10}.tech-copy-card{order:-1}.tech-copy-card .pill-list{flex-direction:row}}


/* Precise map pin placement: coordinates are relative to the map image itself */
.interactive-map{padding:0 !important; position:relative; overflow:hidden;}
.interactive-map img{width:100%;height:auto;border-radius:26px;display:block;}
.location-marker{z-index:5;}
@media(max-width:860px){.interactive-map{overflow-x:auto}.interactive-map img{min-width:680px}}

/* Leadership Team LinkedIn cards */
.person-linkedin{position:relative;display:flex;align-items:center;gap:14px;min-height:112px;overflow:hidden;transition:transform .2s, box-shadow .2s, border-color .2s}
.person-linkedin:hover{transform:translateY(-4px);border-color:#0a66c2;box-shadow:0 14px 32px rgba(10,102,194,.16)}
.person-photo{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(135deg,#0a66c2,#174a8b);color:#fff;font-weight:950;letter-spacing:.03em;border:3px solid #eef5ff}
.person-info{min-width:0;display:flex;flex-direction:column;gap:2px}.person-info b{display:block;line-height:1.1}.person-info span{color:var(--muted);font-size:14px}.person-info em{font-style:normal;color:#0a66c2;font-size:13px;font-weight:900;margin-top:4px}.linkedin-mark{margin-left:auto;align-self:flex-start;width:28px;height:28px;border-radius:7px;background:#0a66c2;color:white;display:flex;align-items:center;justify-content:center;font-weight:950;font-family:Arial,sans-serif}.linkedin-mark.muted{background:#aab1bd}.person-no-link{cursor:default}.person-no-link:hover{transform:none;border-color:var(--line);box-shadow:none}.person-no-link .person-photo{background:linear-gradient(135deg,#666,#222)}.person-no-link .person-info em{color:var(--muted)}
@media (max-width:860px){.person-linkedin{min-height:104px}.person-photo{width:52px;height:52px}.linkedin-mark{width:26px;height:26px}}

.person-photo{background-size:cover !important;background-position:center center !important;color:transparent;font-size:0;overflow:hidden}


/* Modern leadership overview page */
.leadership-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,rgba(8,17,33,.97),rgba(9,39,75,.95)),radial-gradient(circle at 85% 20%,rgba(200,32,47,.25),transparent 34%);padding:92px 0 86px;border-bottom:1px solid rgba(255,255,255,.08)}
.leadership-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none}
.leadership-hero .container{position:relative;z-index:1}.leadership-hero h1{font-size:clamp(44px,6vw,78px);line-height:.95;margin:22px 0 18px;letter-spacing:-.06em;max-width:900px}.leadership-hero p{font-size:clamp(18px,2vw,22px);color:#d9dde7;max-width:780px;margin:0}.leadership-section{background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%)}
.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.leader-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 14px 36px rgba(12,18,30,.10);display:flex;flex-direction:column;min-height:100%;transition:transform .2s, box-shadow .2s}.leader-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(12,18,30,.14)}.leader-photo{height:286px;background-size:cover;background-position:center top;background-color:#eef1f5;border-bottom:1px solid var(--line)}.leader-initials{height:286px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fc,#eef1f6);border-bottom:1px solid var(--line)}.leader-initials span{width:134px;height:134px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111622,#0b356a);color:#fff;font-family:Georgia,serif;font-size:48px;letter-spacing:.03em;border:4px solid #b87a28;box-shadow:0 10px 25px rgba(12,18,30,.18)}.leader-body{padding:24px 26px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}.leader-body h2{margin:0;color:#111622;font-size:25px;line-height:1.05;letter-spacing:-.03em}.leader-title{margin:8px 0 0;color:#9a5714;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.08em}.leader-rule{height:1px;background:var(--line);width:82%;margin:14px auto}.leader-copy{margin:0 0 18px;color:#515b6b;font-size:15px}.leader-linkedin{margin-top:auto;width:36px;height:36px;border-radius:8px;background:#0a66c2;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:950;font-size:22px}.leader-linkedin:hover{transform:translateY(-2px)}@media(max-width:1000px){.leadership-grid{grid-template-columns:repeat(2,1fr)}.leader-photo,.leader-initials{height:260px}}@media(max-width:640px){.leadership-hero{padding:64px 0}.leadership-grid{grid-template-columns:1fr}.leader-photo,.leader-initials{height:250px}.leader-body{padding:22px 20px 24px}}


/* Header update: larger logo with navigation buttons below, flush left in one row */
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,20,30,.08)}
.nav{min-height:124px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:14px 0 12px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{height:82px;width:auto;max-width:min(440px,92vw)}
.navlinks{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:2px;scrollbar-width:thin}
.navlinks a{padding:9px 14px;border-radius:999px;font-size:14px;font-weight:800;color:#232734;flex:0 0 auto}
.hero{min-height:calc(100vh - 124px)}
.qc-report-img{border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;width:100%;height:auto}
.qc-report-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
@media (max-width:860px){.nav{min-height:118px;align-items:flex-start;padding:12px 0}.brand img{height:68px;max-width:88vw}.navlinks{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.navlinks a{padding:8px 10px;font-size:13px}.hero{min-height:calc(100vh - 118px)}}


.footer-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.linkedin-link{
display:inline-flex;
align-items:center;
padding:10px 16px;
border-radius:999px;
text-decoration:none;
font-weight:700;
border:1px solid rgba(255,255,255,.25);
transition:.2s ease;
}
.linkedin-link:hover{transform:translateY(-1px);opacity:.9}
.linkedin-link::before{content:"in";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-weight:800;margin-right:8px;border:1px solid currentColor}


/* Contact page */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 8px 26px rgba(12,18,30,.06);display:flex;gap:20px;align-items:flex-start;transition:.2s}
.contact-card:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 18px 40px rgba(12,18,30,.12)}
.contact-card span{display:block;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:6px}
.contact-card h2{margin:0 0 8px;font-size:28px;letter-spacing:-.04em;color:#111622}
.contact-card p{margin:0;color:var(--muted)}
.contact-icon{width:54px;height:54px;border-radius:16px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:24px;flex:0 0 auto}
.contact-icon.linkedin-icon{background:#0a66c2;font-family:Arial,sans-serif}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:22px}.contact-card h2{font-size:24px}}


/* Leadership contact action buttons */
.leader-actions{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.leader-email{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;background:#111622;color:#fff;font-weight:900;font-size:13px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 18px rgba(12,18,30,.14)}
.leader-email:hover{transform:translateY(-2px);background:#0b356a;color:#fff}
.leader-actions .leader-linkedin{margin-top:0;flex:0 0 auto;text-decoration:none}

/* Premium J.M. Fry header: white logo field with red navigation action bar */
:root{--fry-premium-red:#b01925;--fry-premium-red-dark:#8f111b;}
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:#fff;
  backdrop-filter:none;
  border-bottom:0;
  box-shadow:0 10px 26px rgba(12,18,30,.12);
}
.nav{
  min-height:142px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0;
  padding:14px 0 0;
}
.brand{
  display:flex;
  align-items:center;
  min-width:0;
  padding:0 0 14px;
}
.brand img{
  height:88px;
  width:auto;
  max-width:min(470px,92vw);
}
.navlinks{
  position:relative;
  width:100vw;
  margin-left:calc((100vw - min(1160px, calc(100vw - 36px))) / -2);
  padding-left:calc((100vw - min(1160px, calc(100vw - 36px))) / 2);
  padding-right:18px;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  flex:0 0 auto;
  flex-wrap:nowrap;
  overflow-x:auto;
  white-space:nowrap;
  background:linear-gradient(180deg,var(--fry-premium-red),var(--fry-premium-red-dark));
  border-top:1px solid rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  scrollbar-width:thin;
}
.navlinks a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:50px;
  padding:0 15px;
  border-radius:0;
  font-size:14px;
  font-weight:900;
  letter-spacing:.015em;
  color:#fff;
  flex:0 0 auto;
  transition:background .18s ease, color .18s ease;
}
.navlinks a:hover,
.navlinks a.active{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.navlinks a.active::after{
  content:"";
  position:absolute;
  left:15px;
  right:15px;
  bottom:8px;
  height:3px;
  border-radius:999px;
  background:#fff;
}
.hero{min-height:calc(100vh - 142px)}
@media (max-width:860px){
  .nav{min-height:130px;padding:12px 0 0;}
  .brand{padding-bottom:12px;}
  .brand img{height:68px;max-width:88vw;}
  .navlinks{min-height:48px;margin-left:-18px;padding-left:18px;padding-right:18px;}
  .navlinks a{min-height:48px;padding:0 12px;font-size:13px;}
  .navlinks a.active::after{left:12px;right:12px;bottom:7px;}
  .hero{min-height:calc(100vh - 130px)}
}


/* Professional icon action bar update */
:root{--action-blue:#0647a8;--action-blue-dark:#003c92;--action-line:#e3e8f1;}
.topbar{
  background:linear-gradient(180deg,var(--fry-premium-red,#b01925),var(--fry-premium-red-dark,#8f111b)) !important;
  border-bottom:0 !important;
  box-shadow:0 10px 28px rgba(12,18,30,.16) !important;
}
.nav{
  min-height:154px !important;
  padding:18px 0 0 !important;
  gap:0 !important;
  align-items:flex-start !important;
}
.brand{
  padding:0 0 18px !important;
}
.brand img{
  height:86px !important;
  width:auto !important;
  max-width:min(455px,90vw) !important;
}
.navlinks{
  width:100% !important;
  margin-left:0 !important;
  padding:0 20px !important;
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
  background:#fff !important;
  border:1px solid rgba(6,71,168,.08) !important;
  border-top:0 !important;
  border-radius:0 0 22px 22px !important;
  box-shadow:0 12px 24px rgba(12,18,30,.18) !important;
  scrollbar-width:thin !important;
}
.navlinks a{
  position:relative !important;
  min-height:62px !important;
  padding:0 19px !important;
  border-radius:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.015em !important;
  text-transform:uppercase !important;
  color:var(--action-blue) !important;
  background:transparent !important;
  flex:0 0 auto !important;
  transition:background .18s ease,color .18s ease,transform .18s ease !important;
}
.navlinks a + a{border-left:1px solid var(--action-line) !important;}
.navlinks a:hover{background:#f6f9ff !important;color:var(--action-blue-dark) !important;}
.navlinks a.active{background:#fff !important;color:var(--action-blue-dark) !important;}
.navlinks a.active::after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:0 !important;
  height:5px !important;
  border-radius:999px 999px 0 0 !important;
  background:var(--action-blue) !important;
}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:var(--action-blue);}
.nav-icon svg{width:22px;height:22px;display:block;fill:currentColor;}
.nav-text{line-height:1;}
.hero{min-height:calc(100vh - 154px) !important;}
@media(max-width:980px){
  .navlinks{padding:0 12px !important;}
  .navlinks a{padding:0 15px !important;font-size:12px !important;gap:8px !important;}
}
@media(max-width:860px){
  .nav{min-height:140px !important;padding:14px 0 0 !important;}
  .brand{padding-bottom:14px !important;}
  .brand img{height:70px !important;max-width:88vw !important;}
  .navlinks{min-height:58px !important;border-radius:0 0 18px 18px !important;margin-left:0 !important;padding:0 10px !important;}
  .navlinks a{min-height:58px !important;padding:0 13px !important;font-size:11px !important;}
  .navlinks a.active::after{left:13px !important;right:13px !important;height:4px !important;}
  .nav-icon,.nav-icon svg{width:21px;height:21px;}
  .hero{min-height:calc(100vh - 140px) !important;}
}
@media(max-width:620px){
  .navlinks a{min-width:92px;flex-direction:column;gap:4px;padding:6px 12px !important;}
  .navlinks a + a{border-left:1px solid var(--action-line) !important;}
  .nav-text{font-size:10px;}
}

/* Final header update: solid white logo box + wider full action bar */
.topbar{
  background:linear-gradient(180deg,var(--fry-premium-red,#b01925),var(--fry-premium-red-dark,#8f111b)) !important;
  overflow:visible !important;
}
.nav{
  min-height:164px !important;
  padding:16px 0 0 !important;
  overflow:visible !important;
}
.brand{
  background:#fff !important;
  padding:10px 24px !important;
  margin:0 0 16px 0 !important;
  border-radius:8px !important;
  box-shadow:0 9px 24px rgba(0,0,0,.20) !important;
  display:inline-flex !important;
  align-items:center !important;
}
.brand img{
  height:82px !important;
  max-width:min(440px,88vw) !important;
  display:block !important;
}
.navlinks{
  width:calc(100vw - 32px) !important;
  max-width:1380px !important;
  margin-left:calc((min(1160px, calc(100vw - 36px)) - min(1380px, calc(100vw - 32px))) / 2) !important;
  margin-right:0 !important;
  padding:0 14px !important;
  min-height:64px !important;
  justify-content:center !important;
  overflow:visible !important;
}
.navlinks a{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding:0 10px !important;
  font-size:11.5px !important;
  gap:7px !important;
  letter-spacing:.01em !important;
}
.nav-icon,
.nav-icon svg{width:20px !important;height:20px !important;flex-basis:20px !important;}
.nav-text{white-space:nowrap !important;}
@media(max-width:980px){
  .navlinks{overflow-x:auto !important;justify-content:flex-start !important;width:calc(100vw - 20px) !important;margin-left:-8px !important;padding:0 10px !important;}
  .navlinks a{flex:0 0 auto !important;min-width:105px !important;font-size:10.5px !important;padding:0 10px !important;}
}
@media(max-width:620px){
  .nav{min-height:148px !important;}
  .brand{padding:8px 16px !important;margin-bottom:12px !important;}
  .brand img{height:62px !important;}
  .navlinks{min-height:58px !important;border-radius:0 0 16px 16px !important;}
  .navlinks a{min-width:96px !important;}
}

/* Correction: American flag only in the header/navigation area, not the page body */
body{
  background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%) !important;
}
.hero,.page-hero{
  background:radial-gradient(circle at 15% 20%,rgba(200,32,47,.18),transparent 30%),linear-gradient(135deg,#111622 0%,#262b37 58%,#0d0f14 100%) !important;
}
.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.16) 68%,rgba(255,255,255,.52) 100%),
    url("american-flag-header-fade.svg") left center / cover no-repeat,
    #ffffff !important;
  border-bottom:1px solid rgba(15,20,30,.10) !important;
  box-shadow:0 10px 28px rgba(12,18,30,.12) !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.topbar::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.05)) !important;
}
.topbar .nav{
  position:relative !important;
  z-index:1 !important;
}
.brand{
  background:#fff !important;
  position:relative !important;
  z-index:2 !important;
  box-shadow:0 9px 24px rgba(0,0,0,.20) !important;
  border:1px solid rgba(255,255,255,.95) !important;
}
.navlinks{
  position:relative !important;
  z-index:2 !important;
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(1.5px) !important;
}
@media(max-width:620px){
  .topbar{
    background:
      linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.45) 100%),
      url("american-flag-header-fade.svg") left center / cover no-repeat,
      #ffffff !important;
  }
}

/* Exact patriotic corporate mockup flag header artwork */
body{
  background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%) !important;
}
.hero,.page-hero{
  background:radial-gradient(circle at 15% 20%,rgba(200,32,47,.18),transparent 30%),linear-gradient(135deg,#111622 0%,#262b37 58%,#0d0f14 100%) !important;
}
.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background-image:url("exact-patriotic-mockup-header.png") !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#fff !important;
  border-bottom:1px solid rgba(15,20,30,.10) !important;
  box-shadow:0 10px 28px rgba(12,18,30,.12) !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.topbar::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 42%,rgba(255,255,255,.14) 78%,rgba(255,255,255,.26) 100%) !important;
}
.topbar .nav{
  position:relative !important;
  z-index:1 !important;
}
.brand{
  background:#fff !important;
  position:relative !important;
  z-index:3 !important;
  border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
  border-radius:10px !important;
}
.navlinks{
  position:relative !important;
  z-index:2 !important;
  background:rgba(255,255,255,.62) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
  border-color:rgba(255,255,255,.55) !important;
}
@media(max-width:860px){
  .topbar{
    background-size:auto 100% !important;
    background-position:left top !important;
  }
  .navlinks{background:rgba(255,255,255,.74) !important;}
}

/* Tighten the white logo box around the company logo */
.brand{
  padding:6px 10px !important;
  margin:0 0 14px 0 !important;
  border-radius:7px !important;
  width:auto !important;
  max-width:max-content !important;
  line-height:0 !important;
}
.brand img{
  height:46px !important;
  width:auto !important;
  max-width:min(360px,82vw) !important;
  object-fit:contain !important;
}
@media(max-width:620px){
  .brand{padding:5px 8px !important;margin-bottom:12px !important;}
  .brand img{height:40px !important;max-width:82vw !important;}
}

/* Align logo box with the left edge of the Home button/action bar */
.brand{
  margin-left:calc((min(1160px, calc(100vw - 36px)) - min(1380px, calc(100vw - 32px))) / 2 + 14px) !important;
  margin-right:0 !important;
}
@media(max-width:980px){
  .brand{
    margin-left:2px !important;
  }
}
@media(max-width:620px){
  .brand{
    margin-left:0 !important;
  }
}

/* Premium header polish: softer logo shadow, glass navigation, taller flag space, and right-side fade */
.topbar{
  box-shadow:0 8px 22px rgba(12,18,30,.10) !important;
  border-bottom:1px solid rgba(15,20,30,.08) !important;
}
.topbar::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.02) 38%,rgba(255,255,255,.18) 76%,rgba(255,255,255,.72) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.08) 100%) !important;
}
.nav{
  min-height:178px !important;
  padding-top:20px !important;
}
.brand{
  box-shadow:0 6px 16px rgba(12,18,30,.14) !important;
  border:1px solid rgba(255,255,255,.90) !important;
}
.navlinks{
  background:rgba(255,255,255,.50) !important;
  backdrop-filter:blur(9px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(9px) saturate(135%) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 8px 22px rgba(12,18,30,.08) !important;
}
.navlinks a:hover,
.navlinks a.active{
  background:rgba(255,255,255,.78) !important;
}
@media(max-width:860px){
  .nav{min-height:172px !important;padding-top:18px !important;}
  .topbar::before{
    background:
      linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.38) 78%,rgba(255,255,255,.78) 100%),
      linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.10) 100%) !important;
  }
}
@media(max-width:620px){
  .nav{min-height:160px !important;padding-top:14px !important;}
  .navlinks{
    background:rgba(255,255,255,.66) !important;
    backdrop-filter:blur(7px) saturate(125%) !important;
    -webkit-backdrop-filter:blur(7px) saturate(125%) !important;
  }
}


/* === Site-wide polish pass: hero, typography, motion, locations, leadership, footer, and mobile === */
:root{--navy:#071a3a;--navy2:#0b2a58;--cream:#fbfaf7;--premium-shadow:0 20px 50px rgba(8,17,32,.12);}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3,.quote{font-family:Georgia,'Times New Roman',serif;color:var(--navy);letter-spacing:-.035em;}
.hero h1,.page-hero h1,.leadership-hero h1{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.25);}
.hero{background:linear-gradient(135deg,rgba(7,26,58,.96),rgba(11,42,88,.88) 48%,rgba(200,32,47,.72)),radial-gradient(circle at 78% 18%,rgba(255,255,255,.14),transparent 34%) !important;}
.hero-grid{gap:56px !important;}
.hero-grid>div:first-child{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:34px;box-shadow:0 18px 55px rgba(0,0,0,.18);backdrop-filter:blur(8px);}
.hero .eyebrow,.page-hero .eyebrow,.leadership-hero .eyebrow{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:#fff;}
.hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;}
.hero-highlights div{padding:16px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);}
.hero-highlights strong{display:block;color:#fff;font-weight:900;margin-bottom:4px;}
.hero-highlights span{display:block;color:rgba(255,255,255,.78);font-size:13px;line-height:1.35;}
.hero-card{transform:rotate(1deg);background:rgba(255,255,255,.12) !important;}
.hero-card img{box-shadow:0 24px 60px rgba(0,0,0,.26);}
.quick-paths{padding-top:64px !important;background:linear-gradient(180deg,#fff,#f7f8fb);}
.quick-card{display:block;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.quick-card span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:rgba(200,32,47,.10);color:var(--red);font-weight:950;margin-bottom:18px;}
.quick-card:hover{transform:translateY(-5px);box-shadow:var(--premium-shadow);border-color:rgba(200,32,47,.32);}
.section-title h2,.card h3,.doc-card h3{color:var(--navy);}
.card,.doc-card,.leader-card,.location-panel,.map-card{box-shadow:0 12px 34px rgba(8,17,32,.07) !important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.card:hover,.doc-card:hover,.leader-card:hover,.branch:hover{transform:translateY(-4px);box-shadow:var(--premium-shadow) !important;}
.btn{min-height:48px;padding:13px 22px;}
.btn.primary{background:linear-gradient(135deg,#c8202f,#e43b45) !important;}
.btn.dark{background:linear-gradient(135deg,#071a3a,#0b2a58) !important;}

/* Leadership refinement */
.leadership-hero,.page-hero{background:linear-gradient(135deg,#071a3a 0%,#0b2a58 60%,#102f5c 100%) !important;}
.leadership-grid{gap:22px !important;align-items:stretch;}
.leader-card{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid rgba(8,17,32,.10);border-radius:28px;overflow:hidden;}
.leader-body{padding:24px !important;}
.leader-body h2{font-size:clamp(24px,2.2vw,32px);margin-bottom:4px;}
.leader-title{font-weight:900;color:var(--red) !important;letter-spacing:.01em;}
.leader-copy{color:#4c5668 !important;min-height:74px;}
.leader-photo,.leader-initials{min-height:260px !important;background-size:cover;background-position:center top;}
.leader-initials{display:grid;place-items:center;background:linear-gradient(135deg,#071a3a,#0d3b75);color:#fff;}
.leader-initials span{font-family:Georgia,'Times New Roman',serif;font-size:64px;font-weight:900;letter-spacing:-.05em;}
.leader-actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;}

/* Locations refinement */
.locations-intro-strip{background:#fff;border-bottom:1px solid var(--line);padding:22px 0;}
.locations-intro-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.location-benefit{padding:18px 20px;border-radius:20px;background:#f8f9fc;border:1px solid var(--line);}
.location-benefit strong{display:block;color:var(--navy);font-weight:950;margin-bottom:4px;}
.location-benefit span{color:var(--muted);font-size:14px;}
.branch{min-height:92px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#fbfcff);}
.branch b{color:var(--navy);font-size:17px;}
.location-panel h2{font-family:Georgia,'Times New Roman',serif;color:var(--navy);font-size:clamp(28px,3vw,40px);line-height:1;}
.location-marker{width:24px;height:24px;background:linear-gradient(135deg,#d31928,#a90f1c);}
.location-marker::after{border-top-color:#a90f1c;}

/* Premium footer */
.footer.premium-footer{background:linear-gradient(135deg,#050b18 0%,#071a3a 62%,#0b2a58 100%);padding:46px 0 40px;border-top:5px solid var(--red);}
.footer-grid{display:grid !important;grid-template-columns:1.4fr 1.2fr .9fr;gap:28px;align-items:start !important;}
.footer-brand img{height:54px;width:auto;background:#fff;border-radius:8px;padding:6px 10px;margin-bottom:16px;}
.footer-brand p,.footer-contact span{color:#dce4f2;margin:0;}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;}
.footer-links a,.footer-contact a{color:#f6f8ff;font-weight:850;}
.footer-links a:hover,.footer-contact a:hover{color:#ffccd1;}
.footer-contact{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;}
.linkedin-link{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:8px 13px;}

/* Smooth scroll animations */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
.reveal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn:hover,.card:hover,.doc-card:hover,.leader-card:hover,.branch:hover,.quick-card:hover{transform:none}}

/* Mobile spacing and touch target refinement */
@media(max-width:980px){
  .container{width:min(100% - 28px,1160px);}
  .hero-grid>div:first-child{padding:28px;}
  .hero-highlights{grid-template-columns:1fr;}
  .locations-intro-strip .container,.footer-grid{grid-template-columns:1fr;}
  .footer-links{grid-template-columns:1fr 1fr;}
}
@media(max-width:620px){
  .container{width:calc(100% - 24px);}
  .section{padding:48px 0 !important;}
  .hero-grid{padding:42px 0 !important;}
  .hero-grid>div:first-child{padding:22px;border-radius:24px;}
  .hero h1,.page-hero h1,.leadership-hero h1{font-size:clamp(38px,12vw,54px) !important;line-height:1.02;}
  .hero p,.page-hero p,.leadership-hero p{font-size:17px !important;}
  .actions{display:grid;grid-template-columns:1fr;}
  .btn{width:100%;min-height:50px;}
  .fixed-actions{left:12px;right:12px;align-items:stretch;}
  .fixed-actions .btn{width:100%;min-height:46px;}
  .footer-links{grid-template-columns:1fr;}
  .footer-brand img{height:46px;max-width:100%;}
  .leader-photo,.leader-initials{min-height:220px !important;}
  .doc-actions{display:grid;grid-template-columns:1fr;}
}

/* Mobile map/zoom fix: keep the Locations page responsive instead of forcing a 680px-wide map that creates blank space when Safari is zoomed out. */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

@media(max-width:860px){
  .map-wrap,
  .map-card,
  .interactive-map{
    width:100% !important;
    max-width:100% !important;
  }

  .interactive-map{
    overflow:visible !important;
  }

  .interactive-map img{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
  }

  .location-marker{
    transform:translate(-50%,-100%) scale(.82) !important;
  }
}

@media(max-width:620px){
  body{
    padding-bottom:112px;
  }
}

/* Locations mobile order: show the map above the branch information. */
@media(max-width:860px){
  .map-wrap > div{
    order:1 !important;
  }
  .map-wrap > .location-panel{
    order:2 !important;
  }
}


/* Mobile floating buttons match desktop size */
@media (max-width:860px){
  .fixed-actions .btn{
    padding:13px 20px !important;
    font-size:14px !important;
    min-height:46px !important;
  }
}

/* White divider between header and page content */
.topbar{
  border-bottom:3px solid #ffffff !important;
}
.page-hero,
.hero,
main,
.section:first-of-type{
  border-top:3px solid #ffffff;
}

/* Header fixed-position correction + premium separation */
.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:9999 !important;
  border-bottom:3px solid #ffffff !important;
  box-shadow:0 3px 0 rgba(255,255,255,.95), 0 14px 32px rgba(8,17,32,.20), 0 4px 12px rgba(8,17,32,.12) !important;
}
body{
  padding-top:178px !important;
}
.topbar + .hero,
.topbar + .page-hero,
.topbar + main,
body > .hero,
body > .page-hero,
body > main{
  border-top:3px solid #ffffff !important;
}
@media(max-width:860px){
  body{padding-top:172px !important;}
}
@media(max-width:620px){
  body{padding-top:160px !important;padding-bottom:112px !important;}
  .fixed-actions{
    left:auto !important;
    right:12px !important;
    bottom:12px !important;
    align-items:flex-end !important;
  }
  .fixed-actions .btn{
    width:auto !important;
    min-width:0 !important;
    padding:13px 20px !important;
    font-size:14px !important;
    min-height:46px !important;
    align-self:flex-end !important;
  }
}

/* Premium light-gray header action bar with blue lettering */
:root{
  --premium-nav-blue:#0647a8;
  --premium-nav-blue-dark:#003c92;
  --premium-nav-gray:#f3f4f6;
  --premium-nav-gray-2:#e7ebf1;
  --premium-nav-border:#cfd6e1;
}
.topbar{
  box-shadow:0 3px 0 rgba(255,255,255,.96), 0 12px 30px rgba(8,17,32,.18), 0 3px 10px rgba(8,17,32,.10) !important;
}
.topbar::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:1px !important;
  background:rgba(255,255,255,.9) !important;
  pointer-events:none !important;
  z-index:5 !important;
}
.navlinks{
  background:linear-gradient(180deg,#f8f9fb 0%, var(--premium-nav-gray) 100%) !important;
  border:1px solid var(--premium-nav-border) !important;
  box-shadow:0 10px 24px rgba(8,17,32,.12), inset 0 1px 0 rgba(255,255,255,.95) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.navlinks a{
  background:transparent !important;
  color:var(--premium-nav-blue) !important;
  border:0 !important;
  border-radius:0 !important;
  text-shadow:none !important;
  transition:background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.navlinks a + a{
  border-left:1px solid var(--premium-nav-border) !important;
}
.navlinks a:hover{
  background:#ffffff !important;
  color:var(--premium-nav-blue-dark) !important;
  transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 5px 12px rgba(8,17,32,.08) !important;
}
.navlinks a.active{
  background:linear-gradient(180deg,var(--premium-nav-blue) 0%, var(--premium-nav-blue-dark) 100%) !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 8px rgba(0,0,0,.18) !important;
}
.navlinks a.active::after{
  display:none !important;
}
.navlinks a.active .nav-icon,
.navlinks a.active .nav-icon svg{
  color:#ffffff !important;
  fill:#ffffff !important;
}
.nav-icon,
.nav-icon svg{
  color:var(--premium-nav-blue) !important;
  fill:currentColor !important;
}
.navlinks a:hover .nav-icon,
.navlinks a:hover .nav-icon svg{
  color:var(--premium-nav-blue-dark) !important;
  fill:currentColor !important;
}
.brand{
  box-shadow:0 7px 18px rgba(8,17,32,.16) !important;
  border:1px solid rgba(210,216,225,.85) !important;
}
@media(max-width:620px){
  .navlinks{
    background:linear-gradient(180deg,#f9fafb 0%, var(--premium-nav-gray) 100%) !important;
    box-shadow:0 8px 18px rgba(8,17,32,.14), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }
  .navlinks a:hover{transform:none !important;}
}

/* VERIFIED UPDATE: navy active navigation with red accent line */
:root{
  --jm-nav-light-gray:#f3f4f6;
  --jm-nav-border:#cfd6e1;
  --jm-nav-blue:#0647a8;
  --jm-nav-blue-dark:#003c92;
  --jm-nav-active-navy:#071a3a;
  --jm-nav-active-navy-2:#0b2a58;
  --jm-nav-red:#c8202f;
}
.topbar{
  border-bottom:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 2px 0 rgba(255,255,255,.95), 0 14px 34px rgba(8,17,32,.20) !important;
}
.navlinks{
  background:linear-gradient(180deg,#fafbfc 0%, var(--jm-nav-light-gray) 100%) !important;
  border:1px solid var(--jm-nav-border) !important;
  box-shadow:0 10px 24px rgba(8,17,32,.14), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.navlinks a{
  position:relative !important;
  isolation:isolate !important;
  background:transparent !important;
  color:var(--jm-nav-blue) !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
.navlinks a + a{
  border-left:1px solid var(--jm-nav-border) !important;
}
.navlinks a:hover{
  background:#ffffff !important;
  color:var(--jm-nav-blue-dark) !important;
  transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 5px 12px rgba(8,17,32,.10) !important;
}
.navlinks a.active,
.navlinks a.active:hover{
  background:linear-gradient(180deg,var(--jm-nav-active-navy-2) 0%, var(--jm-nav-active-navy) 100%) !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 8px rgba(0,0,0,.22) !important;
  transform:none !important;
}
.navlinks a.active::after,
.navlinks a.active:hover::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:3px !important;
  background:var(--jm-nav-red) !important;
  border-radius:0 !important;
  z-index:2 !important;
}
.navlinks a.active .nav-icon,
.navlinks a.active .nav-icon svg,
.navlinks a.active:hover .nav-icon,
.navlinks a.active:hover .nav-icon svg{
  color:#ffffff !important;
  fill:#ffffff !important;
}
.navlinks a:not(.active) .nav-icon,
.navlinks a:not(.active) .nav-icon svg{
  color:var(--jm-nav-blue) !important;
  fill:currentColor !important;
}
@media(max-width:620px){
  .navlinks a.active::after,
  .navlinks a.active:hover::after{height:3px !important;}
  .navlinks a:hover{transform:none !important;}
}

/* FINAL FIX: make each individual header navigation button visibly light gray */
.navlinks{
  background:rgba(255,255,255,.78) !important;
  gap:8px !important;
  border:1px solid #c7ccd4 !important;
  padding:7px !important;
}
.navlinks a{
  background:#e3e6eb !important;
  color:#0647a8 !important;
  border:1px solid #c1c8d2 !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 2px 5px rgba(8,17,32,.08) !important;
}
.navlinks a + a{
  border-left:1px solid #c1c8d2 !important;
}
.navlinks a:hover{
  background:#d8dde5 !important;
  color:#003c92 !important;
  transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 5px 12px rgba(8,17,32,.12) !important;
}
.navlinks a.active,
.navlinks a.active:hover{
  background:linear-gradient(180deg,#0b2a58 0%, #071a3a 100%) !important;
  color:#ffffff !important;
  border-color:#071a3a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 8px rgba(0,0,0,.22), 0 5px 12px rgba(8,17,32,.16) !important;
}
.navlinks a.active::after,
.navlinks a.active:hover::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:4px !important;
  height:3px !important;
  background:#c8202f !important;
  border-radius:999px !important;
  z-index:2 !important;
}
@media(max-width:860px){
  .navlinks{gap:7px !important; padding:7px !important;}
  .navlinks a{border-radius:999px !important;}
}

/* FINAL UPDATE: remove the white navigation tray/box so buttons stand alone */
.navlinks{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
  gap:8px !important;
}
.navlinks a{
  background:#e3e6eb !important;
  color:#0647a8 !important;
  border:1px solid #c1c8d2 !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 2px 5px rgba(8,17,32,.10) !important;
}
.navlinks a + a{
  border-left:1px solid #c1c8d2 !important;
}
.navlinks a:hover{
  background:#d8dde5 !important;
  color:#003c92 !important;
}
.navlinks a.active,
.navlinks a.active:hover{
  background:linear-gradient(180deg,#0b2a58 0%, #071a3a 100%) !important;
  color:#ffffff !important;
  border-color:#071a3a !important;
}
@media(max-width:860px){
  .navlinks{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 10px !important;
  }
}

/* FINAL CORRECTION: remove the full-width red accent line across the navigation row; keep only the active-button accent. */
.navlinks::after,
.navlinks:after{
  content:none !important;
  display:none !important;
  background:transparent !important;
  height:0 !important;
}

/* FINAL FIX 2026-06-14: active nav should NOT have navy fill; keep red underline only */
.navlinks a.active,
.navlinks a.active:hover,
.navlinks a[aria-current="page"],
.navlinks a[aria-current="page"]:hover{
  background:#e3e6eb !important;
  color:#0647a8 !important;
  border-color:#c1c8d2 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 2px 5px rgba(8,17,32,.10) !important;
  transform:none !important;
}
.navlinks a.active .nav-icon,
.navlinks a.active .nav-icon svg,
.navlinks a.active:hover .nav-icon,
.navlinks a.active:hover .nav-icon svg,
.navlinks a[aria-current="page"] .nav-icon,
.navlinks a[aria-current="page"] .nav-icon svg{
  color:#0647a8 !important;
  fill:currentColor !important;
}
.navlinks a.active::after,
.navlinks a.active:hover::after,
.navlinks a[aria-current="page"]::after,
.navlinks a[aria-current="page"]:hover::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:4px !important;
  height:3px !important;
  background:#c8202f !important;
  border-radius:999px !important;
  z-index:2 !important;
}


/* FINAL ADJUSTMENT: active-button red accent is shorter, thicker, and fully inside the gray button. */
.navlinks a.active,
.navlinks a.active:hover,
.navlinks a[aria-current="page"],
.navlinks a[aria-current="page"]:hover{
  position:relative !important;
}
.navlinks a.active::after,
.navlinks a.active:hover::after,
.navlinks a[aria-current="page"]::after,
.navlinks a[aria-current="page"]:hover::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:28% !important;
  right:28% !important;
  bottom:7px !important;
  height:5px !important;
  background:#c8202f !important;
  border-radius:999px !important;
  z-index:3 !important;
  box-shadow:0 1px 2px rgba(120,0,0,.25) !important;
}
@media(max-width:860px){
  .navlinks a.active::after,
  .navlinks a.active:hover::after,
  .navlinks a[aria-current="page"]::after,
  .navlinks a[aria-current="page"]:hover::after{
    left:24% !important;
    right:24% !important;
    bottom:6px !important;
    height:4px !important;
  }
}

/* Hamburger menu */
.menu-toggle{margin-left:auto;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid #c9ced6;border-radius:8px;background:#c8202f;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;background:#ffffff}
.navlinks{display:none;position:absolute;top:78px;right:20px;flex-direction:column;align-items:stretch;background:#fff;padding:12px;border:1px solid #d5dbe3;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:240px;z-index:100}
.navlinks.open{display:flex}
.navlinks:after{display:none}
.navlinks a.active:after{bottom:2px}

/* DESKTOP + MOBILE NAV UPDATE: full button row on desktop, hamburger dropdown on tablet/mobile */
@media (min-width:1025px){
  .topbar .nav{
    position:relative !important;
    min-height:160px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:12px !important;
    padding:16px 0 14px !important;
  }
  .menu-toggle{
    display:none !important;
  }
  .navlinks,
  .navlinks.open{
    display:flex !important;
    position:static !important;
    top:auto !important;
    right:auto !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    min-width:0 !important;
    gap:8px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    z-index:auto !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }
  .navlinks a{
    flex:0 0 auto !important;
  }
}

@media (max-width:1024px){
  .topbar .nav{
    position:relative !important;
    min-height:92px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:12px 0 !important;
  }
  .brand{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
  .brand img{
    height:58px !important;
    max-width:calc(100vw - 110px) !important;
    width:auto !important;
  }
  .menu-toggle{
    display:flex !important;
    flex:0 0 46px !important;
    margin-left:auto !important;
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(7,26,58,.22) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:0 8px 22px rgba(8,17,32,.13) !important;
  }
  .menu-toggle span{
    width:24px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#071a3a !important;
  }
  .navlinks{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 10px) !important;
    right:0 !important;
    left:auto !important;
    width:min(310px, calc(100vw - 36px)) !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:12px !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(7,26,58,.14) !important;
    border-radius:16px !important;
    box-shadow:0 18px 45px rgba(8,17,32,.22) !important;
    z-index:1000 !important;
    overflow:visible !important;
    white-space:normal !important;
  }
  .navlinks.open{
    display:flex !important;
  }
  .navlinks a{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    flex:0 0 auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:0 14px !important;
    font-size:14px !important;
    border-radius:999px !important;
  }
  .navlinks a + a{
    border-left:1px solid #c1c8d2 !important;
  }
  .navlinks a.active::after,
  .navlinks a.active:hover::after,
  .navlinks a[aria-current="page"]::after,
  .navlinks a[aria-current="page"]:hover::after{
    left:34% !important;
    right:34% !important;
    bottom:6px !important;
    height:4px !important;
  }
  .hero{min-height:auto !important;}
}

/* FINAL OVERRIDE: mobile hamburger red button with white three-line icon */
@media (max-width: 860px){
  .menu-toggle,
  button.menu-toggle{
    background:#c8202f !important;
    background-color:#c8202f !important;
    border-color:#a91624 !important;
  }
  .menu-toggle span,
  button.menu-toggle span,
  .menu-toggle span::before,
  .menu-toggle span::after{
    background:#ffffff !important;
    background-color:#ffffff !important;
  }
}

/* FINAL MOBILE FIX: remove the extra gap below the fixed header on phone/tablet pages. */
@media (max-width:1024px){
  body{
    padding-top:var(--jm-fixed-header-height, 118px) !important;
  }
  .topbar + .hero,
  .topbar + .page-hero,
  .topbar + main,
  body > .hero,
  body > .page-hero,
  body > main{
    margin-top:0 !important;
  }
}
@media (max-width:620px){
  body{
    padding-top:var(--jm-fixed-header-height, 112px) !important;
  }
}


/* FINAL LOGO FIX: prevent duplicate text from appearing beside the logo on desktop or mobile. */
.brand > span,
.brand > b,
.brand > strong{
  display:none !important;
}
.brand{
  gap:0 !important;
  overflow:hidden !important;
}
.brand img{
  display:block !important;
}


/* PREMIUM HEADER REFINEMENTS
   - slimmer desktop navigation bar
   - subtle frosted-glass header treatment
   - shorter/thicker active underline
   - smoother desktop hover motion
   - tighter spacing between logo and first navigation button
*/
.topbar{
  background:rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(14px) saturate(130%) !important;
  backdrop-filter:blur(14px) saturate(130%) !important;
  box-shadow:0 8px 24px rgba(8,17,32,.08) !important;
}

/* Desktop only: slightly shorter header/navigation area */
@media (min-width:1025px){
  .topbar .nav{
    min-height:148px !important;
    padding:12px 0 10px !important;
    gap:8px !important;
  }

  .brand img{
    height:76px !important;
  }

  .navlinks,
  .navlinks.open{
    gap:6px !important;
    padding-left:0 !important;
  }

  .navlinks a{
    transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease !important;
  }

  .navlinks a:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 8px 18px rgba(8,17,32,.14) !important;
  }

  .navlinks a.active::after,
  .navlinks a.active:hover::after,
  .navlinks a[aria-current="page"]::after,
  .navlinks a[aria-current="page"]:hover::after{
    left:36% !important;
    right:36% !important;
    bottom:7px !important;
    height:6px !important;
  }
}

/* Mobile/tablet: keep the compact hamburger header, with the same polished glass finish */
@media (max-width:1024px){
  .topbar{
    background:rgba(255,255,255,.82) !important;
  }

  .navlinks a{
    transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
  }

  .navlinks a:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 6px 14px rgba(8,17,32,.12) !important;
  }

  .navlinks a.active::after,
  .navlinks a.active:hover::after,
  .navlinks a[aria-current="page"]::after,
  .navlinks a[aria-current="page"]:hover::after{
    left:38% !important;
    right:38% !important;
    height:5px !important;
  }
}

/* FLAG RESTORE FIX: keep the premium refinements but restore the patriotic flag artwork behind the header. */
.topbar{
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.06) 42%, rgba(255,255,255,.22) 78%, rgba(255,255,255,.58) 100%),
    url("exact-patriotic-mockup-header.png") center top / cover no-repeat,
    #ffffff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.topbar::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.08) 100%) !important;
}
.topbar .nav,
.topbar .brand,
.topbar .menu-toggle,
.topbar .navlinks{
  position:relative !important;
}
.topbar .nav{z-index:1 !important;}
.topbar .brand,
.topbar .menu-toggle,
.topbar .navlinks{z-index:2 !important;}
@media(max-width:1024px){
  .topbar{
    background:
      linear-gradient(90deg, rgba(255,255,255,.00) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.38) 100%),
      url("exact-patriotic-mockup-header.png") left top / auto 100% no-repeat,
      #ffffff !important;
  }
}


/* OPTION 1: CONSISTENT JM FRY BLUE/RED FADE BACKGROUND ACROSS EVERY PAGE
   Homepage keeps the strongest branded look. Interior pages receive a softer
   blue/red fade so the white content cards remain readable and consistent. */
body{
  background:
    radial-gradient(circle at 12% 10%, rgba(6,71,168,.16), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(200,32,47,.13), transparent 32%),
    linear-gradient(135deg, rgba(7,26,58,.10) 0%, #f7f8fb 46%, rgba(200,32,47,.08) 100%) !important;
  background-attachment:fixed !important;
}
body.home-page{
  background:
    radial-gradient(circle at 10% 12%, rgba(6,71,168,.24), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(200,32,47,.22), transparent 32%),
    linear-gradient(135deg, rgba(7,26,58,.18) 0%, #f6f8fb 45%, rgba(200,32,47,.15) 100%) !important;
  background-attachment:fixed !important;
}
body.interior-page{
  background:
    radial-gradient(circle at 9% 12%, rgba(6,71,168,.11), transparent 35%),
    radial-gradient(circle at 92% 18%, rgba(200,32,47,.10), transparent 34%),
    linear-gradient(135deg, rgba(7,26,58,.065) 0%, #f8f9fc 48%, rgba(200,32,47,.055) 100%) !important;
  background-attachment:fixed !important;
}
body.interior-page .section:not(.technology-feature):not(.leadership-section),
body.home-page .section:not(.quick-paths){
  background:rgba(255,255,255,.70) !important;
}
body.interior-page .section.alt,
body.home-page .section.alt,
body.home-page .quick-paths,
body.interior-page .leadership-section,
body.interior-page .technology-feature{
  background:rgba(255,255,255,.78) !important;
}
body.interior-page .page-hero,
body.interior-page .leadership-hero{
  background:
    linear-gradient(135deg, rgba(7,26,58,.94) 0%, rgba(11,42,88,.86) 58%, rgba(200,32,47,.58) 100%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.13), transparent 34%) !important;
}
body.home-page .hero{
  background:
    linear-gradient(135deg, rgba(7,26,58,.97), rgba(11,42,88,.90) 48%, rgba(200,32,47,.76)),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.16), transparent 34%) !important;
}
.card,
.doc-card,
.leader-card,
.location-panel,
.map-card,
.contact-card,
.tech-copy-card,
.person,
.feature-img{
  background:rgba(255,255,255,.94) !important;
}
@media(max-width:860px){
  body,
  body.home-page,
  body.interior-page{
    background-attachment:scroll !important;
  }
}


/* MOBILE MENU ARTIFACT FIX
   Make the opened hamburger dropdown cover the header/logo area cleanly on phones/tablets,
   so no clipped logo pinwheel or duplicate hamburger sliver shows beside the menu. */
@media (max-width:1024px){
  .topbar{
    overflow:visible !important;
  }

  .topbar .nav{
    overflow:visible !important;
  }

  .topbar .navlinks{
    left:18px !important;
    right:18px !important;
    top:calc(100% + 10px) !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:0 !important;
    padding:14px !important;
    z-index:9999 !important;
  }

  .topbar .navlinks.open{
    display:flex !important;
  }

  .topbar .navlinks.open::before{
    content:"" !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    background:transparent !important;
    z-index:-1 !important;
    pointer-events:none !important;
  }

  .topbar .navlinks.open a{
    width:100% !important;
    justify-content:flex-start !important;
  }
}

@media (max-width:620px){
  .topbar .navlinks{
    left:14px !important;
    right:14px !important;
    top:calc(100% + 8px) !important;
    padding:12px !important;
  }
}

/* DEFINITIVE MOBILE DROPDOWN FIX: when the hamburger menu is open, hide the
   header logo/button underneath and render one clean centered dropdown panel. */
@media (max-width:1024px){
  body.mobile-menu-open .topbar .brand,
  body.mobile-menu-open .topbar .menu-toggle{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.mobile-menu-open .topbar .navlinks.open{
    display:flex !important;
    position:fixed !important;
    top:calc(var(--jm-fixed-header-height, 92px) + 10px) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(360px, calc(100vw - 36px)) !important;
    max-width:min(360px, calc(100vw - 36px)) !important;
    min-width:0 !important;
    margin:0 !important;
    z-index:10000 !important;
    padding:12px !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid rgba(7,26,58,.16) !important;
    border-radius:18px !important;
    box-shadow:0 18px 46px rgba(8,17,32,.24) !important;
    overflow:visible !important;
  }

  body.mobile-menu-open .topbar .navlinks.open a{
    width:100% !important;
    max-width:100% !important;
  }
}

/* FINAL MOBILE OPEN STATE: flag-only background behind the hamburger dropdown.
   When the menu is open, the header expands into a clean flag canvas so no
   logo pieces, hamburger slivers, page content, or floating buttons show behind it. */
@media (max-width:1024px){
  body.mobile-menu-open{
    overflow:hidden !important;
  }

  body.mobile-menu-open .fixed-actions{
    display:none !important;
  }

  body.mobile-menu-open .topbar{
    height:100svh !important;
    min-height:100svh !important;
    max-height:100svh !important;
    overflow:hidden !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    background:
      linear-gradient(90deg, rgba(7,26,58,.08) 0%, rgba(7,26,58,.02) 48%, rgba(255,255,255,.22) 100%),
      url("exact-patriotic-mockup-header.png") left top / cover no-repeat,
      #ffffff !important;
  }

  body.mobile-menu-open .topbar::before,
  body.mobile-menu-open .topbar::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    height:auto !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
  }

  body.mobile-menu-open .topbar .nav{
    width:100% !important;
    height:100svh !important;
    min-height:100svh !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    position:relative !important;
    z-index:1 !important;
  }

  body.mobile-menu-open .topbar .brand,
  body.mobile-menu-open .topbar .menu-toggle{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.mobile-menu-open .topbar .navlinks.open{
    display:flex !important;
    position:fixed !important;
    top:24px !important;
    right:18px !important;
    left:auto !important;
    transform:none !important;
    width:min(360px, calc(100vw - 36px)) !important;
    max-width:min(360px, calc(100vw - 36px)) !important;
    min-width:0 !important;
    max-height:calc(100svh - 48px) !important;
    overflow:auto !important;
    margin:0 !important;
    padding:12px !important;
    z-index:10000 !important;
    background:rgba(255,255,255,.98) !important;
    border:1px solid rgba(7,26,58,.16) !important;
    border-radius:18px !important;
    box-shadow:0 18px 46px rgba(8,17,32,.24) !important;
  }

  body.mobile-menu-open .topbar .navlinks.open a{
    width:100% !important;
    max-width:100% !important;
    min-height:48px !important;
    justify-content:flex-start !important;
  }
}

@media (max-width:480px){
  body.mobile-menu-open .topbar .navlinks.open{
    top:20px !important;
    right:14px !important;
    width:min(330px, calc(100vw - 28px)) !important;
    max-width:min(330px, calc(100vw - 28px)) !important;
    max-height:calc(100svh - 40px) !important;
  }
}


/* Mobile home hero order: show the hero photo before the action buttons. */
.hero-card-mobile{
  display:none !important;
}
@media (max-width: 620px){
  .home-page .hero-grid > .hero-card{
    display:none !important;
  }
  .home-page .hero-card-mobile{
    display:block !important;
    margin:22px 0 4px !important;
    padding:14px !important;
    border-radius:22px !important;
    transform:none !important;
  }
  .home-page .hero-card-mobile img{
    border-radius:18px !important;
    aspect-ratio:4 / 3 !important;
    width:100% !important;
    object-fit:cover !important;
  }
  .home-page .actions{
    margin-top:18px !important;
  }
}

/* Mobile-only home hero CTA placement: move Explore Company / Training Documents below the Training Resources highlight. */
@media (max-width: 620px){
  .home-page .hero-grid > div:first-child{
    display:flex !important;
    flex-direction:column !important;
  }
  .home-page .hero-card-mobile{order:4 !important;}
  .home-page .hero-highlights{order:5 !important;}
  .home-page .actions{
    order:6 !important;
    margin-top:18px !important;
    margin-bottom:0 !important;
  }
}


/* Center training document action buttons */
.doc-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.doc-actions .btn{margin-left:auto;margin-right:auto;}

/* === Home page ink-splash hero redesign (homepage only) ===
   Professional blue/red ink dispersion background inspired by the approved mockup.
   All other pages remain unchanged. */
body.home-page .hero{
  min-height:calc(100vh - 142px) !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  color:#071a3a !important;
  background:
    radial-gradient(circle at 6% 44%, rgba(0,93,190,.34) 0 4%, transparent 5%),
    radial-gradient(circle at 13% 29%, rgba(0,117,216,.18) 0 2%, transparent 3%),
    radial-gradient(circle at 91% 35%, rgba(200,32,47,.28) 0 4%, transparent 5%),
    radial-gradient(circle at 84% 62%, rgba(200,32,47,.22) 0 3%, transparent 4%),
    linear-gradient(90deg, rgba(0,82,166,.34) 0%, rgba(0,82,166,.10) 24%, rgba(255,255,255,.92) 43%, rgba(255,255,255,.90) 58%, rgba(200,32,47,.13) 76%, rgba(200,32,47,.42) 100%),
    #ffffff !important;
}
body.home-page .hero::before,
body.home-page .hero::after{
  content:"" !important;
  position:absolute !important;
  inset:auto !important;
  pointer-events:none !important;
  z-index:0 !important;
  filter:blur(.2px) saturate(1.08) !important;
}
body.home-page .hero::before{
  left:-9vw !important;
  top:-4vh !important;
  width:48vw !important;
  height:86vh !important;
  background:
    radial-gradient(ellipse at 36% 50%, rgba(0,77,165,.86), transparent 39%),
    radial-gradient(ellipse at 56% 66%, rgba(0,141,222,.34), transparent 35%),
    radial-gradient(circle at 78% 26%, rgba(0,50,120,.70) 0 1.2%, transparent 1.5%),
    radial-gradient(circle at 82% 34%, rgba(0,82,166,.58) 0 .75%, transparent 1%),
    radial-gradient(circle at 70% 42%, rgba(0,82,166,.45) 0 .62%, transparent .9%),
    radial-gradient(circle at 65% 18%, rgba(0,82,166,.40) 0 .45%, transparent .7%),
    radial-gradient(circle at 88% 52%, rgba(0,82,166,.35) 0 .55%, transparent .85%);
  opacity:.92 !important;
  border-radius:42% 58% 46% 54% / 32% 48% 52% 68% !important;
  transform:rotate(-7deg) !important;
}
body.home-page .hero::after{
  right:-10vw !important;
  bottom:-6vh !important;
  width:51vw !important;
  height:88vh !important;
  background:
    radial-gradient(ellipse at 58% 56%, rgba(200,32,47,.84), transparent 40%),
    radial-gradient(ellipse at 32% 36%, rgba(238,52,68,.32), transparent 34%),
    radial-gradient(circle at 18% 24%, rgba(200,32,47,.62) 0 .95%, transparent 1.3%),
    radial-gradient(circle at 28% 14%, rgba(200,32,47,.42) 0 .55%, transparent .85%),
    radial-gradient(circle at 12% 41%, rgba(200,32,47,.42) 0 .7%, transparent 1%),
    radial-gradient(circle at 36% 28%, rgba(200,32,47,.30) 0 .45%, transparent .7%);
  opacity:.94 !important;
  border-radius:56% 44% 62% 38% / 42% 50% 50% 58% !important;
  transform:rotate(8deg) !important;
}
body.home-page .hero-grid{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  padding:92px 0 72px !important;
}
body.home-page .hero-grid > div:first-child{
  max-width:760px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body.home-page .hero-grid > .hero-card{
  display:none !important;
}
body.home-page .hero .eyebrow{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(7,26,58,.12) !important;
  color:#c8202f !important;
  box-shadow:0 12px 30px rgba(7,26,58,.08) !important;
}
body.home-page .hero h1{
  color:#071a3a !important;
  text-shadow:0 2px 18px rgba(255,255,255,.72) !important;
  font-size:clamp(46px,5.8vw,84px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  margin:22px 0 18px !important;
}
body.home-page .hero h1::after{
  content:"";
  display:block;
  width:72px;
  height:7px;
  border-radius:99px;
  background:#c8202f;
  margin:24px auto 0;
  box-shadow:0 8px 20px rgba(200,32,47,.25);
}
body.home-page .hero p{
  color:#2f3a4a !important;
  max-width:660px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-shadow:0 1px 10px rgba(255,255,255,.65) !important;
}
body.home-page .actions{
  justify-content:center !important;
  margin-top:30px !important;
}
body.home-page .actions .btn{
  min-width:190px !important;
  box-shadow:0 15px 34px rgba(200,32,47,.18) !important;
}
body.home-page .hero-highlights{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  margin:34px auto 0 !important;
  max-width:900px !important;
}
body.home-page .hero-highlights div{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(7,26,58,.10) !important;
  box-shadow:0 14px 36px rgba(7,26,58,.09) !important;
  color:#071a3a !important;
  backdrop-filter:blur(10px) !important;
}
body.home-page .hero-highlights strong{
  color:#071a3a !important;
}
body.home-page .hero-highlights span{
  color:#435064 !important;
}
@media(max-width:860px){
  body.home-page .hero{
    min-height:auto !important;
  }
  body.home-page .hero::before{
    left:-35vw !important;
    top:14vh !important;
    width:85vw !important;
    height:66vh !important;
    opacity:.52 !important;
  }
  body.home-page .hero::after{
    right:-38vw !important;
    bottom:-2vh !important;
    width:90vw !important;
    height:68vh !important;
    opacity:.58 !important;
  }
  body.home-page .hero-grid{
    padding:58px 0 48px !important;
  }
  body.home-page .hero-grid > div:first-child{
    max-width:100% !important;
  }
  body.home-page .hero-highlights{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:620px){
  body.home-page .hero{
    background:
      linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.86) 42%, rgba(0,82,166,.12) 68%, rgba(200,32,47,.14) 100%),
      #ffffff !important;
  }
  body.home-page .hero h1{
    font-size:clamp(40px,12vw,58px) !important;
  }
  body.home-page .hero-card-mobile{
    display:none !important;
  }
  body.home-page .actions{
    order:6 !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
  }
  body.home-page .actions .btn{
    width:min(100%, 290px) !important;
  }
}

/* === Exact premium inks mockup treatment for HOME page only === */
body.home-page{
  background:#fff !important;
}
body.home-page .topbar{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background:#fff !important;
  border-bottom:1px solid #e7ebf2 !important;
  box-shadow:0 5px 22px rgba(9,20,40,.08) !important;
  backdrop-filter:none !important;
}
body.home-page .topbar::before,
body.home-page .topbar::after{display:none !important;}
body.home-page .nav{
  min-height:104px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  padding:0 !important;
}
body.home-page .brand{padding:0 !important;min-width:220px !important;}
body.home-page .brand img{height:72px !important;max-width:260px !important;width:auto !important;}
body.home-page .menu-toggle{display:none !important;}
body.home-page .navlinks{
  width:auto !important;
  min-height:104px !important;
  margin:0 !important;
  padding:0 !important;
  flex:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:28px !important;
  overflow:visible !important;
  white-space:nowrap !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.home-page .navlinks::after{display:none !important;}
body.home-page .navlinks a,
body.home-page .navlinks a + a{
  min-height:auto !important;
  padding:38px 0 34px !important;
  border:0 !important;
  border-left:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#071a3a !important;
  font-size:16px !important;
  font-weight:900 !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  position:relative !important;
}
body.home-page .navlinks a:hover,
body.home-page .navlinks a.active{color:#c8202f !important;background:transparent !important;}
body.home-page .navlinks a.active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:24px !important;
  height:3px !important;
  border-radius:999px !important;
  background:#c8202f !important;
}
body.home-page .nav-icon{display:none !important;}
body.home-page .nav-text{display:inline !important;}
body.home-page .fixed-actions{display:none !important;}

/* Hide the previous hero rules completely on homepage */
body.home-page .hero{display:none !important;}

.premium-home-hero{
  position:relative;
  overflow:hidden;
  min-height:650px;
  display:flex;
  align-items:center;
  background:#fff;
  border-bottom:1px solid #eef1f6;
}
.premium-ink-bg,
.premium-ink-bg::before,
.premium-ink-bg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.premium-ink-bg{
  background:
    radial-gradient(circle at 17% 18%, rgba(0,93,190,.50) 0 1.1%, transparent 1.35%),
    radial-gradient(circle at 22% 31%, rgba(0,93,190,.56) 0 .65%, transparent .9%),
    radial-gradient(circle at 12% 38%, rgba(0,136,222,.32) 0 .5%, transparent .8%),
    radial-gradient(circle at 82% 25%, rgba(224,24,82,.38) 0 .55%, transparent .82%),
    radial-gradient(circle at 78% 48%, rgba(224,24,82,.45) 0 .8%, transparent 1.1%),
    radial-gradient(circle at 70% 66%, rgba(255,188,16,.50) 0 .7%, transparent 1%),
    linear-gradient(90deg, rgba(0,118,214,.18) 0%, rgba(255,255,255,.96) 30%, rgba(255,255,255,.98) 56%, rgba(224,24,82,.09) 78%, rgba(224,24,82,.28) 100%);
}
.premium-ink-bg::before{
  width:45vw;
  height:105%;
  left:-11vw;
  top:0;
  background:
    radial-gradient(ellipse at 30% 64%, rgba(0,35,110,.88), transparent 31%),
    radial-gradient(ellipse at 54% 60%, rgba(0,120,220,.58), transparent 38%),
    radial-gradient(ellipse at 38% 34%, rgba(0,145,235,.46), transparent 34%),
    radial-gradient(circle at 77% 21%, rgba(0,84,178,.78) 0 1.6%, transparent 1.85%),
    radial-gradient(circle at 87% 31%, rgba(0,84,178,.55) 0 .9%, transparent 1.12%),
    radial-gradient(circle at 72% 42%, rgba(0,84,178,.45) 0 .65%, transparent .9%);
  border-radius:45% 55% 50% 50% / 34% 45% 55% 66%;
  filter:blur(.1px) saturate(1.14);
  transform:rotate(-7deg);
  opacity:.97;
}
.premium-ink-bg::after{
  width:52vw;
  height:104%;
  right:-10vw;
  top:0;
  background:
    radial-gradient(ellipse at 72% 54%, rgba(196,0,28,.92), transparent 34%),
    radial-gradient(ellipse at 42% 35%, rgba(236,30,118,.62), transparent 36%),
    radial-gradient(ellipse at 39% 79%, rgba(255,190,0,.52), transparent 21%),
    radial-gradient(circle at 30% 32%, rgba(224,24,82,.62) 0 1.1%, transparent 1.35%),
    radial-gradient(circle at 25% 20%, rgba(224,24,82,.45) 0 .65%, transparent .9%),
    radial-gradient(circle at 17% 48%, rgba(224,24,82,.43) 0 .85%, transparent 1.08%);
  border-radius:56% 44% 54% 46% / 40% 55% 45% 60%;
  filter:blur(.15px) saturate(1.14);
  transform:rotate(7deg);
  opacity:.96;
}
.premium-hero-content{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:780px;
  padding:88px 0 82px;
}
.premium-eyebrow{
  display:inline-flex;
  background:rgba(255,255,255,.82) !important;
  color:#c8202f !important;
  border:1px solid rgba(7,26,58,.10) !important;
  box-shadow:0 14px 36px rgba(7,26,58,.08) !important;
}
.premium-hero-content h1{
  margin:22px 0 0;
  font-size:clamp(54px,5.9vw,88px);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:950;
  color:#071a3a;
  text-shadow:0 2px 18px rgba(255,255,255,.72);
}
.premium-hero-content h1 span{display:block;}
.premium-hero-content h1 .red-line{color:#c8202f;}
.hero-rule{
  width:68px;
  height:7px;
  border-radius:999px;
  background:#c8202f;
  margin:28px auto 24px;
  box-shadow:0 9px 20px rgba(200,32,47,.25);
}
.premium-hero-content p{
  max-width:650px;
  margin:0 auto;
  color:#253145;
  font-size:clamp(19px,2vw,24px);
  line-height:1.38;
  text-shadow:0 1px 12px rgba(255,255,255,.7);
}
.premium-actions{justify-content:center;margin-top:34px;}
.premium-actions .btn{min-width:210px;min-height:58px;font-size:17px;box-shadow:0 18px 38px rgba(200,32,47,.18);}
.premium-actions .btn.light{background:rgba(255,255,255,.82);}
.premium-feature-row{background:#fff;padding:36px 0 38px;border-bottom:1px solid #eef1f6;}
.premium-features{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:center;}
.premium-feature{display:flex;align-items:center;gap:18px;text-align:left;}
.feature-icon{width:64px;height:64px;border-radius:50%;background:#071a3a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:31px;line-height:1;box-shadow:0 10px 26px rgba(7,26,58,.18);flex:0 0 auto;}
.premium-feature h3{margin:0 0 5px;color:#071a3a;font-size:20px;line-height:1.05;letter-spacing:-.03em;}
.premium-feature p{margin:0;color:#4d596b;font-size:16px;line-height:1.38;}
.premium-fast-strip{background:linear-gradient(135deg,#061b3e,#092b60);padding:34px 0;color:#fff;text-align:center;}
.premium-fast-strip h2{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;}
.premium-quick-paths{background:#fff !important;}

@media(max-width:1100px){
  body.home-page .nav{gap:18px !important;}
  body.home-page .brand{min-width:190px !important;}
  body.home-page .brand img{height:62px !important;max-width:220px !important;}
  body.home-page .navlinks{gap:18px !important;}
  body.home-page .navlinks a{font-size:14px !important;}
  .premium-features{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  body.home-page .topbar{background:#fff !important;}
  body.home-page .nav{min-height:88px !important;flex-direction:row !important;padding:0 !important;}
  body.home-page .brand img{height:56px !important;}
  body.home-page .menu-toggle{display:flex !important;background:#071a3a !important;border-color:#071a3a !important;}
  body.home-page .menu-toggle span{background:#fff !important;}
  body.home-page .navlinks{display:none !important;position:absolute !important;top:calc(100% + 10px) !important;left:18px !important;right:18px !important;width:auto !important;min-height:0 !important;padding:12px !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;background:#fff !important;border:1px solid #e7ebf2 !important;border-radius:18px !important;box-shadow:0 18px 46px rgba(8,17,32,.20) !important;}
  body.home-page .navlinks.open{display:flex !important;}
  body.home-page .navlinks a{padding:14px 16px !important;width:100% !important;text-align:left !important;}
  body.home-page .navlinks a.active::after{display:none !important;}
  .premium-home-hero{min-height:auto;}
  .premium-hero-content{padding:62px 0 54px;}
  .premium-ink-bg::before{left:-35vw;width:82vw;opacity:.58;}
  .premium-ink-bg::after{right:-38vw;width:88vw;opacity:.58;}
}
@media(max-width:620px){
  .premium-home-hero{min-height:auto;}
  .premium-hero-content{padding:48px 0 44px;}
  .premium-hero-content h1{font-size:clamp(42px,12vw,58px);}
  .premium-hero-content p{font-size:18px;}
  .premium-actions{flex-direction:column;align-items:center;}
  .premium-actions .btn{width:min(100%,300px);}
  .premium-features{grid-template-columns:1fr;gap:24px;}
  .premium-feature{align-items:flex-start;}
  .feature-icon{width:58px;height:58px;font-size:27px;}
}


/* === EXACT Premium Inks mockup homepage rebuild (home page only) === */
body.home-page{background:#fff !important;color:#071a3a !important;}
body.home-page .premium-topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98) !important;backdrop-filter:blur(14px);border-bottom:1px solid #dde3ec;box-shadow:0 2px 14px rgba(7,26,58,.05)}
body.home-page .premium-nav{height:102px;display:grid;grid-template-columns:300px 1fr 300px;align-items:center;gap:24px;width:min(1440px,calc(100% - 64px));margin:0 auto;}
body.home-page .premium-brand{min-width:0;display:flex;align-items:center;}
body.home-page .premium-brand img{height:68px;width:auto;max-width:260px;object-fit:contain;}
body.home-page .premium-navlinks{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:nowrap;padding:0;background:transparent;border:0;overflow:visible;}
body.home-page .premium-navlinks:after{display:none;}
body.home-page .premium-navlinks a{background:transparent !important;border:0 !important;box-shadow:none !important;color:#071a3a !important;border-radius:0;padding:34px 0 24px;font-size:16px;font-weight:850;line-height:1;position:relative;}
body.home-page .premium-navlinks a .nav-icon{display:none !important;}
body.home-page .premium-navlinks a.active{color:#c9152b !important;}
body.home-page .premium-navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:3px;background:#c9152b;border-radius:4px;}
body.home-page .premium-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;}
body.home-page .shop-btn,body.home-page .login-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 27px;border-radius:16px;font-weight:900;font-size:16px;}
body.home-page .shop-btn{background:#c9152b;color:#fff;box-shadow:0 8px 20px rgba(201,21,43,.18)}
body.home-page .login-btn{background:#fff;color:#071a3a;border:1.5px solid #071a3a;}
body.home-page .premium-home-hero{position:relative;min-height:650px !important;height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff !important;color:#071a3a !important;border-bottom:0;}
body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{content:"";position:absolute;top:0;bottom:0;width:50%;background-repeat:no-repeat;background-size:cover;pointer-events:none;z-index:0;}
body.home-page .premium-home-hero:before{left:0;background-image:url('premium-ink-left.webp');background-position:left center;}
body.home-page .premium-home-hero:after{right:0;background-image:url('premium-ink-right.webp');background-position:right center;}
body.home-page .premium-hero-content{position:relative;z-index:2;width:min(850px,calc(100% - 40px));margin:0 auto;text-align:center;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;backdrop-filter:none !important;}
body.home-page .premium-hero-content h1{margin:0;color:#071a3a !important;text-shadow:none !important;font-size:clamp(54px,5.5vw,78px) !important;line-height:1.05 !important;letter-spacing:-.055em !important;font-weight:950;}
body.home-page .premium-hero-content h1 span{display:block;}
body.home-page .premium-hero-content h1 .accent{color:#c9152b !important;}
body.home-page .premium-hero-content h1:after{display:none !important;}
body.home-page .premium-hero-rule{width:64px;height:6px;border-radius:6px;background:#c9152b;margin:28px auto 24px;}
body.home-page .premium-hero-content p{max-width:560px;margin:0 auto;color:#1d2638 !important;text-shadow:none !important;font-size:22px !important;line-height:1.38;}
body.home-page .premium-hero-actions{justify-content:center;margin-top:34px;gap:20px;}
body.home-page .btn.primary{background:#c9152b;color:#fff;border:2px solid #c9152b;border-radius:16px;min-width:190px;min-height:58px;font-size:16px;box-shadow:0 12px 24px rgba(201,21,43,.18);}
body.home-page .btn.outline-red{background:#fff;color:#c9152b;border:2px solid #c9152b;border-radius:16px;min-width:220px;min-height:58px;font-size:16px;font-weight:900;}
body.home-page .premium-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;align-items:center;padding:44px max(56px,calc((100% - 1360px)/2)) 42px;background:#fff;border-top:1px solid rgba(7,26,58,.03);box-shadow:0 -8px 30px rgba(7,26,58,.03);}
body.home-page .premium-feature{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:20px;min-width:0;}
body.home-page .feature-icon{width:76px;height:76px;border-radius:50%;background:#071f43;color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:400;box-shadow:0 10px 20px rgba(7,31,67,.12);}
body.home-page .premium-feature strong{display:block;color:#071a3a;font-size:20px;line-height:1.1;margin:0 0 7px;font-weight:950;}
body.home-page .premium-feature p{margin:0;color:#273349;font-size:16px;line-height:1.45;}
body.home-page .quick-paths{padding-top:0 !important;background:#fff !important;}
body.home-page .quick-paths .section-title{width:100%;max-width:none;margin:0 0 70px;padding:36px 20px;background:linear-gradient(90deg,#061832,#06305d);color:#fff;text-align:center;display:block;}
body.home-page .quick-paths .section-title h2{color:#fff;font-size:30px;line-height:1.2;margin:0 auto;font-weight:950;}
body.home-page .quick-paths .section-title p{display:none;}
body.home-page .quick-paths .container{width:100%;}
body.home-page .quick-paths .grid{width:min(1160px,calc(100% - 36px));margin:0 auto;}
body.home-page .hero-card,body.home-page .hero-card-mobile,body.home-page .hero-highlights,body.home-page .eyebrow{display:none !important;}
@media(max-width:1100px){body.home-page .premium-nav{grid-template-columns:260px 1fr;grid-template-areas:"brand actions" "nav nav";height:auto;padding:12px 0 0;}body.home-page .premium-brand{grid-area:brand}body.home-page .premium-header-actions{grid-area:actions}body.home-page .premium-navlinks{grid-area:nav;justify-content:center;gap:22px;overflow-x:auto;padding-bottom:8px}body.home-page .premium-feature-row{grid-template-columns:repeat(2,1fr);gap:28px;padding-left:28px;padding-right:28px}}
@media(max-width:700px){body.home-page .premium-nav{width:min(100% - 28px,440px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;}body.home-page .premium-brand img{height:auto;max-width:260px;}body.home-page .premium-navlinks{width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;}body.home-page .premium-header-actions{display:none;}body.home-page .premium-home-hero{height:auto;min-height:620px !important;padding:82px 0 76px;}body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{width:68%;opacity:.95;}body.home-page .premium-home-hero:before{transform:translateX(-22%);}body.home-page .premium-home-hero:after{transform:translateX(22%);}body.home-page .premium-hero-content h1{font-size:clamp(42px,12vw,58px) !important;}body.home-page .premium-hero-content p{font-size:18px !important;max-width:340px;}body.home-page .premium-hero-actions{flex-direction:column;align-items:center;}body.home-page .btn.primary,body.home-page .btn.outline-red{width:min(290px,100%);}body.home-page .premium-feature-row{grid-template-columns:1fr;gap:22px;padding:34px 22px;}body.home-page .premium-feature{grid-template-columns:68px 1fr;}body.home-page .feature-icon{width:60px;height:60px;font-size:28px;}body.home-page .quick-paths .section-title h2{font-size:24px;}}

/* === FINAL CLEANUP: exact mockup homepage, no top gap, no duplicated text in ink art === */
html, body { margin:0 !important; }
body.home-page{
  margin:0 !important;
  padding-top:0 !important;
  background:#fff !important;
  overflow-x:hidden !important;
}
body.home-page .premium-topbar,
body.home-page header.topbar{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  margin:0 !important;
  background:#fff !important;
  border-bottom:1px solid #dfe5ee !important;
  box-shadow:0 3px 14px rgba(7,26,58,.07) !important;
  z-index:1000 !important;
}
body.home-page .premium-nav{
  height:102px !important;
  min-height:102px !important;
  width:min(1440px,calc(100% - 70px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:300px 1fr !important;
  align-items:center !important;
  gap:28px !important;
}
body.home-page .premium-brand,
body.home-page .brand.premium-brand{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  min-width:0 !important;
  max-width:none !important;
}
body.home-page .premium-brand img{
  height:70px !important;
  width:auto !important;
  max-width:270px !important;
}
body.home-page .premium-header-actions,
body.home-page .shop-btn,
body.home-page .login-btn{display:none !important;}
body.home-page .premium-navlinks{
  min-height:102px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:36px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}
body.home-page .premium-home-hero{
  height:650px !important;
  min-height:650px !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.85) 30%, #fff 43%, #fff 57%, rgba(255,255,255,.85) 70%, rgba(255,255,255,.03) 100%) !important;
}
body.home-page .premium-home-hero:before,
body.home-page .premium-home-hero:after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:50% !important;
  pointer-events:none !important;
  z-index:0 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}
body.home-page .premium-home-hero:before{
  left:0 !important;
  background-image:url('premium-ink-left-clean.webp') !important;
  background-position:left center !important;
}
body.home-page .premium-home-hero:after{
  right:0 !important;
  background-image:url('premium-ink-right-clean.webp') !important;
  background-position:right center !important;
}
body.home-page .premium-hero-content{
  position:relative !important;
  z-index:3 !important;
  width:min(830px,calc(100% - 40px)) !important;
  padding:0 !important;
  margin:0 auto !important;
  text-align:center !important;
  background:transparent !important;
}
body.home-page .premium-hero-content h1{
  margin:0 !important;
  color:#071a3a !important;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif !important;
  font-size:clamp(54px,5.2vw,78px) !important;
  line-height:1.04 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  text-shadow:0 2px 18px rgba(255,255,255,.82) !important;
}
body.home-page .premium-hero-content h1 span{display:block !important;}
body.home-page .premium-hero-rule{
  width:64px !important;
  height:6px !important;
  margin:28px auto 24px !important;
  background:#c9152b !important;
  border-radius:999px !important;
}
body.home-page .premium-hero-content p{
  max-width:580px !important;
  margin:0 auto !important;
  color:#1e293b !important;
  font-size:22px !important;
  line-height:1.38 !important;
  text-shadow:0 2px 14px rgba(255,255,255,.86) !important;
}
body.home-page .premium-hero-actions{justify-content:center !important;gap:20px !important;margin-top:34px !important;}
body.home-page .premium-feature-row{margin-top:0 !important;}
@media(max-width:900px){
  body.home-page{padding-top:0 !important;}
  body.home-page .premium-nav{width:calc(100% - 28px) !important;grid-template-columns:1fr auto !important;height:86px !important;min-height:86px !important;}
  body.home-page .premium-brand img{height:56px !important;max-width:230px !important;}
  body.home-page .menu-toggle{display:flex !important;background:#071a3a !important;border-color:#071a3a !important;}
  body.home-page .premium-navlinks{display:none !important;position:absolute !important;top:calc(100% + 8px) !important;left:14px !important;right:14px !important;min-height:0 !important;padding:12px !important;background:#fff !important;border:1px solid #e7ebf2 !important;border-radius:18px !important;box-shadow:0 18px 46px rgba(8,17,32,.20) !important;flex-direction:column !important;gap:0 !important;align-items:stretch !important;}
  body.home-page .premium-navlinks.open{display:flex !important;}
  body.home-page .premium-navlinks a{padding:14px 16px !important;text-align:left !important;}
  body.home-page .premium-home-hero{height:auto !important;min-height:590px !important;padding:62px 0 58px !important;}
  body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{width:72% !important;opacity:.72 !important;}
  body.home-page .premium-home-hero:before{transform:translateX(-26%) !important;}
  body.home-page .premium-home-hero:after{transform:translateX(26%) !important;}
}
@media(max-width:620px){
  body.home-page{padding-top:0 !important;padding-bottom:0 !important;}
  body.home-page .premium-hero-content h1{font-size:clamp(40px,11vw,56px) !important;}
  body.home-page .premium-hero-content p{font-size:18px !important;max-width:340px !important;}
}

/* === 2026-06-14 FINAL WEBSITE FILE FIX ===
   Exact clean Premium Inks-style homepage + consistent white header on every page.
   Removes the old flag header, removes Shop/Login, removes top whitespace, and
   masks the ink art so no ghost text/artifacts appear behind the hero copy. */
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body,body.home-page,body.interior-page{padding-top:0!important;background:#fff!important;color:#071a3a!important;}
.topbar,.premium-topbar,body.home-page .topbar,body.interior-page .topbar{
  position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:0!important;
  z-index:9999!important;background:#fff!important;background-image:none!important;border:0!important;border-bottom:1px solid #dfe5ee!important;
  box-shadow:0 2px 16px rgba(7,26,58,.07)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;
}
.topbar:before,.topbar:after,.premium-topbar:before,.premium-topbar:after{display:none!important;content:none!important;}
.premium-nav,.topbar .premium-nav,body.home-page .premium-nav,body.interior-page .premium-nav{
  width:min(1440px,calc(100% - 70px))!important;height:102px!important;min-height:102px!important;margin:0 auto!important;padding:0!important;
  display:grid!important;grid-template-columns:300px 1fr!important;align-items:center!important;gap:28px!important;position:relative!important;
}
.brand,.premium-brand,.topbar .brand,body.home-page .premium-brand,body.interior-page .premium-brand{
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
  width:auto!important;max-width:none!important;min-width:0!important;line-height:1!important;display:flex!important;align-items:center!important;overflow:visible!important;
}
.brand img,.premium-brand img,body.home-page .premium-brand img,body.interior-page .premium-brand img{
  height:70px!important;width:auto!important;max-width:270px!important;object-fit:contain!important;display:block!important;
}
.premium-header-actions,.shop-btn,.login-btn{display:none!important;}
.menu-toggle{display:none!important;}
.navlinks,.premium-navlinks,body.home-page .premium-navlinks,body.interior-page .premium-navlinks{
  position:static!important;display:flex!important;min-height:102px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
  flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:36px!important;flex-wrap:nowrap!important;overflow:visible!important;
  white-space:nowrap!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.navlinks:after,.premium-navlinks:after{display:none!important;content:none!important;}
.navlinks a,.premium-navlinks a,.navlinks a+a,body.home-page .premium-navlinks a,body.interior-page .premium-navlinks a{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;width:auto!important;min-width:0!important;
  padding:39px 0 36px!important;background:transparent!important;border:0!important;border-left:0!important;border-radius:0!important;box-shadow:none!important;
  color:#071a3a!important;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;font-size:16px!important;font-weight:900!important;text-transform:none!important;letter-spacing:-.01em!important;
}
.navlinks a:hover,.premium-navlinks a:hover,.navlinks a.active,.premium-navlinks a.active{background:transparent!important;color:#c9152b!important;transform:none!important;box-shadow:none!important;}
.navlinks a.active:after,.premium-navlinks a.active:after{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:26px!important;height:3px!important;background:#c9152b!important;border-radius:999px!important;
}
.nav-icon{display:none!important}.nav-text{display:inline!important;white-space:nowrap!important;}

/* Homepage hero that matches the approved Premium Inks / vibrant ink design */
body.home-page main{margin:0!important;padding:0!important;border:0!important;}
body.home-page .hero{display:none!important;}
body.home-page .premium-home-hero{
  position:relative!important;height:650px!important;min-height:650px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:#fff!important;border:0!important;border-bottom:1px solid #eef1f6!important;color:#071a3a!important;
}
body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{
  content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:58%!important;z-index:0!important;pointer-events:none!important;background-repeat:no-repeat!important;background-size:cover!important;
}
body.home-page .premium-home-hero:before{left:0!important;background-image:url('premium-ink-left-final.webp')!important;background-position:left center!important;}
body.home-page .premium-home-hero:after{right:0!important;background-image:url('premium-ink-right-final.webp')!important;background-position:right center!important;}
body.home-page .premium-home-hero .premium-hero-content{
  position:relative!important;z-index:3!important;width:min(850px,calc(100% - 44px))!important;margin:0 auto!important;padding:0!important;text-align:center!important;
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
}
body.home-page .premium-hero-content h1{
  margin:0!important;color:#071a3a!important;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;font-size:clamp(56px,5.35vw,82px)!important;line-height:1.04!important;
  letter-spacing:-.058em!important;font-weight:950!important;text-shadow:0 3px 18px rgba(255,255,255,.88)!important;
}
body.home-page .premium-hero-content h1 span{display:block!important;}
body.home-page .premium-hero-rule{display:block!important;width:66px!important;height:6px!important;margin:28px auto 24px!important;background:#c9152b!important;border-radius:999px!important;box-shadow:none!important;}
body.home-page .premium-hero-content p{max-width:595px!important;margin:0 auto!important;color:#1e293b!important;font-size:22px!important;line-height:1.38!important;text-shadow:0 2px 14px rgba(255,255,255,.88)!important;}
body.home-page .premium-hero-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:20px!important;margin-top:34px!important;}
body.home-page .btn.primary{background:#c9152b!important;color:#fff!important;border:2px solid #c9152b!important;border-radius:16px!important;min-width:190px!important;min-height:58px!important;padding:0 27px!important;font-size:16px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(201,21,43,.18)!important;}
body.home-page .btn.outline-red{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#c9152b!important;border:2px solid #c9152b!important;border-radius:16px!important;min-width:220px!important;min-height:58px!important;padding:0 27px!important;font-size:16px!important;font-weight:900!important;}
body.home-page .premium-feature-row{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:42px!important;align-items:center!important;margin:0!important;padding:44px max(56px,calc((100% - 1360px)/2)) 42px!important;
  background:#fff!important;border:0!important;box-shadow:none!important;
}
body.home-page .premium-feature{display:grid!important;grid-template-columns:84px 1fr!important;align-items:center!important;gap:20px!important;text-align:left!important;min-width:0!important;}
body.home-page .feature-icon{width:76px!important;height:76px!important;border-radius:50%!important;background:#071f43!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:38px!important;box-shadow:0 10px 20px rgba(7,31,67,.12)!important;flex:0 0 auto!important;}
body.home-page .premium-feature strong{display:block!important;color:#071a3a!important;font-size:20px!important;line-height:1.1!important;margin:0 0 7px!important;font-weight:950!important;}
body.home-page .premium-feature p{margin:0!important;color:#273349!important;font-size:16px!important;line-height:1.45!important;}
body.home-page .quick-paths{padding-top:0!important;background:#fff!important;}
body.home-page .quick-paths .container{width:100%!important;max-width:none!important;margin:0!important;}
body.home-page .quick-paths .section-title{display:block!important;width:100%!important;max-width:none!important;margin:0 0 70px!important;padding:36px 20px!important;background:linear-gradient(90deg,#061832,#06305d)!important;color:#fff!important;text-align:center!important;}
body.home-page .quick-paths .section-title h2{margin:0 auto!important;color:#fff!important;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;font-size:30px!important;line-height:1.2!important;font-weight:950!important;letter-spacing:-.04em!important;}
body.home-page .quick-paths .section-title p{display:none!important;}
body.home-page .quick-paths .grid{width:min(1160px,calc(100% - 36px))!important;margin:0 auto!important;}
body.home-page .fixed-actions{display:none!important;}

/* Mobile: same header style, hamburger only when needed */
@media(max-width:900px){
  .premium-nav,.topbar .premium-nav,body.home-page .premium-nav,body.interior-page .premium-nav{width:calc(100% - 28px)!important;height:86px!important;min-height:86px!important;grid-template-columns:1fr auto!important;gap:12px!important;}
  .brand img,.premium-brand img,body.home-page .premium-brand img,body.interior-page .premium-brand img{height:56px!important;max-width:230px!important;}
  .menu-toggle{display:flex!important;width:46px!important;height:46px!important;flex:0 0 46px!important;background:#c9152b!important;border:0!important;border-radius:12px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;box-shadow:0 8px 22px rgba(201,21,43,.16)!important;}
  .menu-toggle span{display:block!important;width:23px!important;height:3px!important;border-radius:999px!important;background:#fff!important;}
  .navlinks,.premium-navlinks,body.home-page .premium-navlinks,body.interior-page .premium-navlinks{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;width:auto!important;min-height:0!important;padding:12px!important;background:#fff!important;border:1px solid #e7ebf2!important;border-radius:18px!important;box-shadow:0 18px 46px rgba(8,17,32,.20)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;z-index:10000!important;}
  .navlinks.open,.premium-navlinks.open,body.home-page .premium-navlinks.open,body.interior-page .premium-navlinks.open{display:flex!important;}
  .navlinks a,.premium-navlinks a,body.home-page .premium-navlinks a,body.interior-page .premium-navlinks a{width:100%!important;justify-content:flex-start!important;padding:14px 16px!important;font-size:15px!important;}
  .navlinks a.active:after,.premium-navlinks a.active:after{display:none!important;}
  body.home-page .premium-home-hero{height:auto!important;min-height:590px!important;padding:62px 0 58px!important;}
  body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{width:76%!important;opacity:.74!important;}
  body.home-page .premium-home-hero:before{transform:translateX(-24%)!important;}
  body.home-page .premium-home-hero:after{transform:translateX(24%)!important;}
  body.home-page .premium-feature-row{grid-template-columns:repeat(2,1fr)!important;gap:28px!important;padding:36px 28px!important;}
}
@media(max-width:620px){
  body.home-page .premium-home-hero{min-height:560px!important;padding:54px 0 50px!important;}
  body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{width:94%!important;opacity:.52!important;}
  body.home-page .premium-home-hero:before{transform:translateX(-44%)!important;}
  body.home-page .premium-home-hero:after{transform:translateX(44%)!important;}
  body.home-page .premium-hero-content h1{font-size:clamp(40px,11vw,56px)!important;}
  body.home-page .premium-hero-content p{font-size:18px!important;max-width:340px!important;}
  body.home-page .premium-hero-actions{flex-direction:column!important;gap:14px!important;}
  body.home-page .btn.primary,body.home-page .btn.outline-red{width:min(290px,100%)!important;}
  body.home-page .premium-feature-row{grid-template-columns:1fr!important;gap:24px!important;padding:34px 22px!important;}
  body.home-page .premium-feature{grid-template-columns:68px 1fr!important;}
  body.home-page .feature-icon{width:60px!important;height:60px!important;font-size:28px!important;}
  body.home-page .quick-paths .section-title h2{font-size:24px!important;}
}


/* Final header consistency + FryMeasure renamed to FryMeasure */
html, body { margin: 0 !important; padding: 0 !important; }
.topbar.premium-topbar { margin-top: 0 !important; top: 0; }
.premium-nav { max-width: 1540px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 22px 54px; }
.premium-navlinks { flex: 1; justify-content: center; gap: 30px; }
.premium-navlinks a { white-space: nowrap; }
.premium-header-actions { display: none !important; }
@media (max-width: 900px) {
  .premium-nav { padding: 14px 18px; }
  .premium-navlinks { gap: 0; }
}


/* tech nav fit fix */
.premium-navlinks{gap:clamp(14px,1.55vw,28px);}
@media (max-width: 1180px){.premium-navlinks{gap:14px;font-size:14px}.premium-brand img{max-width:210px}}


/* === FINAL CORRECTION PASS: nav wording/order, consistent header, smoother premium ink hero === */
.topbar.premium-topbar,
body.home-page .topbar.premium-topbar,
body.interior-page .topbar.premium-topbar{
  position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  background:#fff!important;background-image:none!important;border-bottom:1px solid #dfe5ee!important;
  box-shadow:0 2px 16px rgba(7,26,58,.07)!important;z-index:9999!important;margin:0!important;
}
.premium-nav, .topbar .premium-nav{
  width:min(1440px,calc(100% - 70px))!important;height:102px!important;min-height:102px!important;
  margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:300px 1fr!important;
  align-items:center!important;gap:28px!important;position:relative!important;
}
.premium-brand, .brand.premium-brand{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
.premium-brand img{height:70px!important;width:auto!important;max-width:270px!important;object-fit:contain!important;}
.premium-navlinks{display:flex!important;position:static!important;min-height:102px!important;justify-content:center!important;align-items:center!important;gap:clamp(14px,2vw,32px)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;white-space:nowrap!important;overflow:visible!important;}
.premium-navlinks a,.premium-navlinks a+a{position:relative!important;background:transparent!important;border:0!important;border-left:0!important;box-shadow:none!important;border-radius:0!important;padding:39px 0 36px!important;color:#071a3a!important;font-size:16px!important;font-weight:900!important;text-transform:none!important;letter-spacing:-.01em!important;min-height:0!important;}
.premium-navlinks a:hover,.premium-navlinks a.active{color:#c9152b!important;background:transparent!important;transform:none!important;}
.premium-navlinks a.active:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:26px!important;height:3px!important;background:#c9152b!important;border-radius:999px!important;}
.premium-navlinks .nav-icon{display:none!important}.premium-navlinks .nav-text{display:inline!important;}
.premium-header-actions,.shop-btn,.login-btn{display:none!important;}
body.home-page{padding-top:0!important;background:#fff!important;}
body.home-page .premium-home-hero{position:relative!important;height:650px!important;min-height:650px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important;border-bottom:1px solid #eef1f6!important;}
body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:60%!important;z-index:0!important;pointer-events:none!important;background-repeat:no-repeat!important;background-size:cover!important;}
body.home-page .premium-home-hero:before{left:0!important;background-image:url('premium-ink-left-ultrasmooth.webp')!important;background-position:left center!important;}
body.home-page .premium-home-hero:after{right:0!important;background-image:url('premium-ink-right-ultrasmooth.webp')!important;background-position:right center!important;}
body.home-page .premium-home-hero .premium-hero-content{z-index:3!important;width:min(850px,calc(100% - 44px))!important;margin:0 auto!important;text-align:center!important;background:transparent!important;}
body.home-page .premium-hero-content:before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(760px,92vw)!important;height:430px!important;background:radial-gradient(ellipse at center, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 48%, rgba(255,255,255,.70) 70%, rgba(255,255,255,0) 100%)!important;z-index:-1!important;pointer-events:none!important;}
body.home-page .premium-hero-content h1{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;color:#071a3a!important;text-shadow:none!important;font-size:clamp(56px,5.35vw,82px)!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.058em!important;margin:0!important;}
body.home-page .premium-hero-content h1 span{display:block!important;}
body.home-page .premium-hero-rule{width:66px!important;height:6px!important;border-radius:999px!important;background:#c9152b!important;margin:28px auto 24px!important;}
body.home-page .premium-hero-content p{max-width:595px!important;margin:0 auto!important;color:#1e293b!important;font-size:22px!important;line-height:1.38!important;text-shadow:none!important;}
body.home-page .premium-hero-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:20px!important;margin-top:34px!important;}
body.home-page .btn.primary{background:#c9152b!important;color:#fff!important;border:2px solid #c9152b!important;border-radius:16px!important;min-width:190px!important;min-height:58px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(201,21,43,.18)!important;}
body.home-page .btn.outline-red{background:#fff!important;color:#c9152b!important;border:2px solid #c9152b!important;border-radius:16px!important;min-width:220px!important;min-height:58px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.home-page .premium-feature-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:42px!important;align-items:center!important;margin:0!important;padding:44px max(56px,calc((100% - 1360px)/2)) 42px!important;background:#fff!important;}
@media(max-width:1100px){.premium-navlinks{gap:18px!important}.premium-navlinks a{font-size:14px!important}.premium-nav{grid-template-columns:260px 1fr!important}.premium-brand img{max-width:240px!important}}
@media(max-width:900px){.premium-nav,.topbar .premium-nav{width:calc(100% - 28px)!important;height:86px!important;min-height:86px!important;grid-template-columns:1fr auto!important}.premium-brand img{height:56px!important;max-width:230px!important}.menu-toggle{display:flex!important;width:46px!important;height:46px!important;background:#c9152b!important;border:0!important;border-radius:12px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important}.menu-toggle span{display:block!important;width:23px!important;height:3px!important;border-radius:999px!important;background:#fff!important}.premium-navlinks{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;min-height:0!important;padding:12px!important;background:#fff!important;border:1px solid #e7ebf2!important;border-radius:18px!important;box-shadow:0 18px 46px rgba(8,17,32,.20)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;z-index:10000!important}.premium-navlinks.open{display:flex!important}.premium-navlinks a{width:100%!important;justify-content:flex-start!important;padding:14px 16px!important;font-size:15px!important}.premium-navlinks a.active:after{display:none!important}body.home-page .premium-home-hero{height:auto!important;min-height:590px!important;padding:62px 0 58px!important}body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{width:78%!important;opacity:.72!important}body.home-page .premium-home-hero:before{transform:translateX(-27%)!important}body.home-page .premium-home-hero:after{transform:translateX(27%)!important}body.home-page .premium-feature-row{grid-template-columns:repeat(2,1fr)!important;gap:28px!important;padding:36px 28px!important}}
@media(max-width:620px){body.home-page .premium-home-hero{min-height:560px!important;padding:54px 0 50px!important}body.home-page .premium-home-hero:before,body.home-page .premium-home-hero:after{width:96%!important;opacity:.50!important}body.home-page .premium-home-hero:before{transform:translateX(-44%)!important}body.home-page .premium-home-hero:after{transform:translateX(44%)!important}body.home-page .premium-hero-content h1{font-size:clamp(40px,11vw,56px)!important}body.home-page .premium-hero-content p{font-size:18px!important;max-width:340px!important}body.home-page .premium-hero-actions{flex-direction:column!important;gap:14px!important}body.home-page .premium-feature-row{grid-template-columns:1fr!important;gap:24px!important;padding:34px 22px!important}}



/* FINAL HERO BACKGROUND MATCH: use the exact reference-style ink proportions with a wide clean white center */
body.home-page .premium-home-hero{
  height:648px !important;
  min-height:648px !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff url('premium-hero-reference-clean.webp') center center / 100% 100% no-repeat !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
body.home-page .premium-home-hero::before,
body.home-page .premium-home-hero::after,
body.home-page .premium-hero-content::before{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.home-page .premium-home-hero .premium-hero-content{
  position:relative !important;
  z-index:2 !important;
  width:min(780px,calc(100% - 44px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  text-align:center !important;
}
body.home-page .premium-hero-content h1{
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size:clamp(54px,5.4vw,82px) !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
  color:#071a3a !important;
  text-shadow:none !important;
}
body.home-page .premium-hero-rule,
body.home-page .hero-rule{
  width:68px !important;
  height:6px !important;
  border-radius:999px !important;
  background:#d11f32 !important;
  margin:26px auto 24px !important;
}
body.home-page .premium-hero-content p{
  max-width:650px !important;
  margin:0 auto !important;
  color:#1b2433 !important;
  font-size:22px !important;
  line-height:1.42 !important;
  text-shadow:none !important;
}
body.home-page .premium-hero-actions,
body.home-page .premium-actions{
  justify-content:center !important;
  margin-top:34px !important;
}
body.home-page .premium-feature-row{
  padding-top:42px !important;
  padding-bottom:42px !important;
}
@media(max-width:860px){
  body.home-page .premium-home-hero{
    height:auto !important;
    min-height:590px !important;
    padding:58px 0 !important;
    background-size:auto 100% !important;
    background-position:center center !important;
  }
}
@media(max-width:620px){
  body.home-page .premium-home-hero{
    min-height:560px !important;
    padding:50px 0 !important;
    background-size:auto 100% !important;
  }
  body.home-page .premium-hero-content h1{font-size:clamp(40px,11vw,56px) !important;}
  body.home-page .premium-hero-content p{font-size:18px !important;max-width:340px !important;}
}

/* FINAL: exact premium hero visual match using the approved reference image */
body.home-page .premium-home-hero{
  position:relative!important;
  height:650px!important;
  min-height:650px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff url('premium-hero-exact.webp') center top / cover no-repeat!important;
  border-bottom:0!important;
}
body.home-page .premium-home-hero:before,
body.home-page .premium-home-hero:after{
  display:none!important;
  content:none!important;
  background:none!important;
}
body.home-page .premium-home-hero .premium-hero-content{
  opacity:0!important;
  pointer-events:auto!important;
  width:min(720px,92vw)!important;
  max-width:720px!important;
  transform:none!important;
}
body.home-page .premium-home-hero .premium-hero-content *{pointer-events:auto!important;}
body.home-page .premium-home-hero .premium-hero-actions{
  opacity:1!important;
  visibility:visible!important;
}
body.home-page .premium-home-hero .premium-hero-actions .btn{
  opacity:0!important;
}
body.home-page .premium-feature-row{
  margin-top:0!important;
  border-top:0!important;
}
@media(max-width:900px){
  body.home-page .premium-home-hero{
    height:590px!important;
    min-height:590px!important;
    background-size:auto 100%!important;
    background-position:center top!important;
  }
}
@media(max-width:600px){
  body.home-page .premium-home-hero{
    height:560px!important;
    min-height:560px!important;
    background-size:auto 100%!important;
    background-position:center top!important;
  }
}


/* FINAL REPAIR: restore approved premium ink splash AND keep editable hero text visible */
body.home-page .premium-home-hero{
  position:relative !important;
  height:650px !important;
  min-height:650px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff url('premium-hero-exact.webp') center top / cover no-repeat !important;
  border-bottom:0 !important;
}
body.home-page .premium-home-hero::before,
body.home-page .premium-home-hero::after,
body.home-page .premium-hero-content::before{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.home-page .premium-home-hero .premium-hero-content{
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  position:relative !important;
  z-index:5 !important;
  width:min(720px,92vw) !important;
  max-width:720px !important;
  margin:0 auto !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  pointer-events:auto !important;
}
body.home-page .premium-home-hero .premium-hero-content *,
body.home-page .premium-home-hero .premium-hero-actions,
body.home-page .premium-home-hero .premium-hero-actions .btn{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.home-page .premium-hero-content h1{
  color:#071a3a !important;
  font-size:clamp(56px,5.35vw,82px) !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
  margin:0 !important;
  text-shadow:none !important;
}
body.home-page .premium-hero-rule{
  display:block !important;
  width:66px !important;
  height:6px !important;
  border-radius:999px !important;
  background:#c9152b !important;
  margin:28px auto 24px !important;
}
body.home-page .premium-hero-content p{
  max-width:595px !important;
  margin:0 auto !important;
  color:#1e293b !important;
  font-size:22px !important;
  line-height:1.38 !important;
  text-align:center !important;
  text-shadow:0 2px 12px rgba(255,255,255,.65) !important;
}
body.home-page .premium-hero-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:20px !important;
  margin-top:34px !important;
}
body.home-page .premium-feature strong{white-space:nowrap !important;}
@media(max-width:900px){
  body.home-page .premium-home-hero{height:590px !important;min-height:590px !important;background-size:auto 100% !important;background-position:center top !important;}
  body.home-page .premium-feature strong{white-space:normal !important;}
}
@media(max-width:600px){
  body.home-page .premium-home-hero{height:560px !important;min-height:560px !important;background-size:auto 100% !important;background-position:center top !important;}
  body.home-page .premium-hero-content h1{font-size:clamp(40px,11vw,56px) !important;}
  body.home-page .premium-hero-content p{font-size:18px !important;max-width:340px !important;}
  body.home-page .premium-hero-actions{flex-direction:column !important;gap:14px !important;}
}



/* ABSOLUTE FINAL CLEAN HERO: use the corrected raster hero once, with no duplicated HTML overlays */
body.home-page .premium-home-hero{
  position:relative !important;
  height:650px !important;
  min-height:650px !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#fff url('premium-hero-exact.webp') center top / cover no-repeat !important;
  border-bottom:0 !important;
}
body.home-page .premium-home-hero::before,
body.home-page .premium-home-hero::after,
body.home-page .premium-hero-content::before{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.home-page .premium-home-hero .premium-hero-content{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.home-page .premium-feature-row{
  margin-top:0 !important;
  border-top:0 !important;
}
@media(max-width:900px){
  body.home-page .premium-home-hero{
    height:590px !important;
    min-height:590px !important;
    background-size:auto 100% !important;
    background-position:center top !important;
  }
}
@media(max-width:600px){
  body.home-page .premium-home-hero{
    height:560px !important;
    min-height:560px !important;
    background-size:auto 100% !important;
    background-position:center top !important;
  }
}


/* Products page: Manufacturing & Color Control mockup layout */
.products-hero{
  position:relative;
  overflow:hidden;
  min-height:150px;
  background:linear-gradient(90deg,#06152d 0%,#061d3d 48%,#07152d 100%);
  color:#fff;
  display:flex;
  align-items:center;
  text-align:center;
}
.products-hero-inner{position:relative;z-index:2;padding:26px 0;}
.products-hero h1{margin:0;font-size:clamp(34px,4.2vw,52px);letter-spacing:.02em;line-height:1;font-weight:950;color:#fff;}
.products-hero p{margin:12px 0 0;color:#fff;font-size:clamp(17px,2vw,22px);}
.products-hero-ink{position:absolute;top:0;bottom:0;width:280px;background-size:cover;background-repeat:no-repeat;opacity:.72;pointer-events:none;}
.products-hero-ink.left{left:0;background-image:url('premium-ink-left-clean.webp');background-position:left center;}
.products-hero-ink.right{right:0;background-image:url('premium-ink-right-clean.webp');background-position:right center;}
.products-control-section{background:#fff;padding:68px 0 42px;}
.products-control-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;}
.products-control-copy{max-width:520px;}
.products-eyebrow{color:#c8202f;font-weight:950;font-size:22px;letter-spacing:.03em;margin-bottom:16px;}
.products-red-rule,.products-mini-rule{width:45px;height:3px;background:#c8202f;border-radius:999px;margin:0 0 26px;}
.products-control-copy h2{margin:0 0 28px;color:#061a3a;font-size:clamp(32px,3.8vw,46px);line-height:1.14;letter-spacing:-.035em;font-weight:950;}
.products-control-copy p{margin:0 0 22px;color:#30384b;font-size:17px;line-height:1.65;}
.products-lab-card img{width:100%;border-radius:22px;box-shadow:0 18px 46px rgba(12,18,30,.12);object-fit:cover;}
.products-feature-section{background:#fff;padding:36px 0 78px;}
.products-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:58px;}
.products-feature-card{display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:flex-start;}
.products-icon{width:66px;height:66px;border-radius:50%;background:#06244d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:900;box-shadow:0 14px 28px rgba(6,36,77,.16);}
.products-feature-card h3{margin:0 0 12px;color:#061a3a;font-size:22px;line-height:1.15;font-weight:950;letter-spacing:-.025em;}
.products-feature-card .products-mini-rule{margin-bottom:18px;width:42px;height:3px;}
.products-feature-card p{margin:0;color:#30384b;font-size:16px;line-height:1.58;}
@media(max-width:900px){.products-control-grid{grid-template-columns:1fr;gap:30px}.products-feature-grid{grid-template-columns:1fr;gap:28px}.products-hero-ink{width:160px;opacity:.46}.products-control-section{padding:50px 0 30px}}


/* Products/Technology polished hero adjustments */
.products-hero{position:relative;overflow:hidden;background:#061a3a !important;min-height:150px;display:flex;align-items:center;text-align:center;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);}
.products-hero-inner{position:relative;z-index:3;padding:34px 0 !important;display:flex;align-items:center;justify-content:center;}
.products-hero h1{display:none !important;}
.products-hero p.products-hero-title,.products-hero .products-hero-title{margin:0 auto !important;color:#fff !important;font-size:clamp(26px,3.2vw,42px) !important;line-height:1.12 !important;font-weight:800 !important;text-align:center !important;max-width:900px;text-shadow:0 2px 12px rgba(0,0,0,.22);}
.products-hero-ink{position:absolute;top:0;bottom:0;width:360px;background-size:cover;background-repeat:no-repeat;opacity:.76;pointer-events:none;z-index:1;}
.products-hero-ink.left{left:0;background-image:linear-gradient(90deg,rgba(6,26,58,0) 0%,rgba(6,26,58,.12) 58%,#061a3a 100%),url('premium-ink-left-clean.webp') !important;background-position:left center;}
.products-hero-ink.right{right:0;background-image:linear-gradient(270deg,rgba(6,26,58,0) 0%,rgba(6,26,58,.12) 58%,#061a3a 100%),url('premium-ink-right-clean.webp') !important;background-position:right center;}
.products-hero:before,.products-hero:after{content:"";position:absolute;top:0;bottom:0;width:220px;z-index:2;pointer-events:none;}
.products-hero:before{left:220px;background:linear-gradient(90deg,rgba(6,26,58,0),#061a3a 78%);}
.products-hero:after{right:220px;background:linear-gradient(270deg,rgba(6,26,58,0),#061a3a 78%);}
.technology-clean-hero .products-hero-title{font-size:clamp(26px,3.2vw,42px) !important;}
.technology-product-style .products-lab-card img{aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:22px;}
@media(max-width:900px){.products-hero{min-height:135px}.products-hero-ink{width:190px;opacity:.5}.products-hero:before{left:105px;width:120px}.products-hero:after{right:105px;width:120px}.products-hero p.products-hero-title{font-size:24px !important}.products-control-grid{grid-template-columns:1fr !important;gap:32px !important;}}


/* Unified polished interior pages: Company, Leadership, FryMeasure, Training */
.products-section-heading{max-width:720px;margin:0 0 34px;}
.products-section-heading p{margin:0;color:#30384b;font-size:18px;line-height:1.62;}
.company-statement-card{
  min-height:330px;
  background:linear-gradient(135deg,#061a3a 0%,#092b62 100%);
  border-radius:22px;
  box-shadow:0 18px 46px rgba(12,18,30,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
}
.company-quote{
  color:#fff;
  font-size:clamp(34px,4vw,56px);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.045em;
  text-align:center;
}
.company-quote span{color:#e11937;}
.markets-pill-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.markets-pill-grid span{
  background:#fff;
  border:1px solid #dfe5ef;
  box-shadow:0 12px 32px rgba(8,24,50,.06);
  border-radius:999px;
  padding:16px 20px;
  color:#061a3a;
  font-weight:850;
  text-align:center;
}
.leadership-summary-card,.training-summary-card{
  background:#fff;
  border:1px solid #dfe5ef;
  border-radius:22px;
  box-shadow:0 18px 46px rgba(12,18,30,.08);
  padding:42px;
  color:#30384b;
  font-size:22px;
  line-height:1.55;
  font-weight:650;
}
.leadership-product-style .leadership-grid{margin-top:0;}
.leadership-product-style .leader-card{
  box-shadow:0 18px 44px rgba(8,24,50,.08);
  border:1px solid #dfe5ef;
}
.training-doc-section .doc-grid{
  margin-top:0;
}
.training-doc-section .doc-card{
  box-shadow:0 18px 44px rgba(8,24,50,.08);
  border:1px solid #dfe5ef;
}
.fry-qc-section{padding-top:44px;}
.products-check-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;}
.products-check-list li{position:relative;padding-left:28px;color:#061a3a;font-weight:800;}
.products-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:#c8202f;font-weight:950;}
.next-band{
  background:#061a3a;
  color:#fff;
  padding:38px 0;
}
.next-band .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.next-band p{
  margin:0;
  color:#fff;
  font-size:clamp(24px,2.6vw,36px);
  font-weight:900;
  letter-spacing:-.035em;
}
.next-band .btn{white-space:nowrap;}
@media(max-width:900px){
  .markets-pill-grid{grid-template-columns:1fr 1fr;}
  .next-band .container{flex-direction:column;text-align:center;}
  .company-statement-card{min-height:240px;}
}
@media(max-width:600px){
  .markets-pill-grid{grid-template-columns:1fr;}
  .leadership-summary-card,.training-summary-card{padding:28px;font-size:18px;}
}


/* V2 confirmed matching page styles for Locations, Contact, Training */
.products-side-card{background:#fff;border:1px solid #dfe5ef;border-radius:22px;box-shadow:0 18px 46px rgba(12,18,30,.08);padding:42px;}
.products-side-card h3{margin:0 0 16px;color:#061a3a;font-size:28px;line-height:1.15;font-weight:950;letter-spacing:-.035em;}
.location-clean-hero .products-hero-title,.locations-matched-hero .products-hero-title,.contact-matched-hero .products-hero-title,.training-matched-hero .products-hero-title{font-size:clamp(28px,3.4vw,44px) !important;}
.locations-map-section .map-wrap{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start;}
.locations-map-section .location-panel,.locations-map-section .map-card{box-shadow:0 18px 46px rgba(8,24,50,.08);border:1px solid #dfe5ef;}
.contact-product-grid{grid-template-columns:repeat(4,1fr) !important;gap:30px !important;}
.contact-feature-card{text-decoration:none;color:inherit;}
.contact-feature-card .products-icon{font-size:28px;}
.training-centered-grid{display:block !important;max-width:900px;margin:0 auto;text-align:center;}
.training-centered-grid .products-control-copy{max-width:820px;margin:0 auto;}
.training-centered-grid .products-red-rule{margin-left:auto;margin-right:auto;}
.training-doc-section{padding-top:24px !important;}
.training-doc-grid-clean{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.training-doc-grid-clean .doc-card{margin:0;box-shadow:0 18px 44px rgba(8,24,50,.08);border:1px solid #dfe5ef;}
.training-doc-grid-clean .doc-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;}
@media(max-width:1000px){.locations-map-section .map-wrap{grid-template-columns:1fr}.contact-product-grid{grid-template-columns:1fr 1fr !important}.training-doc-grid-clean{grid-template-columns:1fr;}}
@media(max-width:650px){.contact-product-grid{grid-template-columns:1fr !important}.products-side-card{padding:28px}.training-doc-grid-clean{gap:20px}}


/* Final Training/Contact cleanup */
.training-language-section{padding:4px 0 28px !important;background:#fff;}
.training-language-grid{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;}
.training-language-card{align-items:flex-start;text-align:left;}
.training-language-card p{max-width:560px;}
.contact-intro-centered{display:block !important;max-width:900px;margin:0 auto;text-align:center;}
.contact-intro-centered .products-control-copy{max-width:820px;margin:0 auto;}
.contact-intro-centered .products-red-rule{margin-left:auto;margin-right:auto;}
.contact-card-section{padding-top:24px !important;}
.contact-product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:28px !important;}
@media(max-width:1100px){.contact-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:680px){.contact-product-grid{grid-template-columns:1fr !important;}.training-language-card{text-align:center;align-items:center;}.training-language-card .products-mini-rule{margin-left:auto;margin-right:auto;}}



/* =========================================================
   FINAL RESPONSIVE HEADER + MOBILE HAMBURGER GUARANTEE
   Desktop/tablet-wide: full navigation only, no hamburger.
   Mobile/tablet-narrow: hamburger only; menu opens as overlay.
   ========================================================= */
.topbar{
  width:100% !important;
  z-index:9999 !important;
  background:#fff !important;
  border-bottom:1px solid rgba(6,26,58,.10) !important;
}
.premium-nav,
.topbar .premium-nav{
  width:min(1160px,calc(100% - 36px)) !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  height:auto !important;
  min-height:92px !important;
  padding:14px 0 !important;
  position:relative !important;
}
.premium-brand,
.topbar .premium-brand{
  flex:0 0 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}
.premium-brand img,
.topbar .premium-brand img{
  width:auto !important;
  max-width:230px !important;
  height:auto !important;
  max-height:66px !important;
  object-fit:contain !important;
}
.menu-toggle{
  display:none !important;
}
.premium-navlinks,
.topbar .premium-navlinks,
.navlinks.premium-navlinks{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:1 1 auto !important;
  gap:22px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  pointer-events:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
.premium-navlinks::after,
.navlinks.premium-navlinks::after{
  display:none !important;
}
.premium-navlinks a,
.navlinks.premium-navlinks a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#061a3a !important;
  padding:10px 0 !important;
  margin:0 !important;
  border-radius:0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  min-width:0 !important;
}
.premium-navlinks a.active,
.navlinks.premium-navlinks a.active{
  color:#c8202f !important;
  background:transparent !important;
}
.premium-navlinks a.active::after,
.navlinks.premium-navlinks a.active::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:2px !important;
  height:3px !important;
  background:#c8202f !important;
  border-radius:99px !important;
}
.premium-navlinks a,
.navlinks.premium-navlinks a{
  position:relative !important;
}

/* Interior/product page mobile safety */
.products-control-grid{align-items:center !important;}
.products-lab-card img,
.technology-product-style .products-lab-card img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:cover !important;
}
.products-feature-grid,
.contact-product-grid,
.training-doc-grid-clean{
  width:100% !important;
}

/* Hamburger breakpoint */
@media (max-width:1024px){
  body{
    padding-top:0 !important;
  }
  .premium-topbar,
  .topbar{
    position:sticky !important;
    top:0 !important;
    overflow:visible !important;
  }
  .premium-nav,
  .topbar .premium-nav{
    width:calc(100% - 28px) !important;
    min-height:86px !important;
    padding:12px 0 !important;
    flex-direction:row !important;
  }
  .premium-brand img,
  .topbar .premium-brand img{
    max-width:220px !important;
    max-height:58px !important;
  }
  .menu-toggle,
  button.menu-toggle{
    display:inline-flex !important;
    width:48px !important;
    height:48px !important;
    border-radius:14px !important;
    border:1px solid rgba(6,26,58,.14) !important;
    background:#c8202f !important;
    box-shadow:0 10px 24px rgba(200,32,47,.20) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:0 !important;
    margin:0 !important;
    cursor:pointer !important;
    position:relative !important;
    z-index:10002 !important;
  }
  .menu-toggle span,
  button.menu-toggle span{
    display:block !important;
    width:22px !important;
    height:2px !important;
    border-radius:2px !important;
    background:#fff !important;
    transition:transform .2s ease, opacity .2s ease !important;
  }
  body.mobile-menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg) !important;}
  body.mobile-menu-open .menu-toggle span:nth-child(2){opacity:0 !important;}
  body.mobile-menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg) !important;}

  .premium-navlinks,
  .topbar .premium-navlinks,
  .navlinks.premium-navlinks{
    position:fixed !important;
    top:78px !important;
    left:14px !important;
    right:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:10px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(6,26,58,.12) !important;
    box-shadow:0 24px 60px rgba(6,26,58,.22) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-10px) !important;
    pointer-events:none !important;
    max-height:calc(100vh - 100px) !important;
    overflow-y:auto !important;
    z-index:10001 !important;
  }
  .premium-navlinks.open,
  .topbar .premium-navlinks.open,
  .navlinks.premium-navlinks.open,
  body.mobile-menu-open .premium-navlinks,
  body.mobile-menu-open .topbar .premium-navlinks,
  body.mobile-menu-open .navlinks.premium-navlinks{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }
  .premium-navlinks a,
  .navlinks.premium-navlinks a{
    width:100% !important;
    justify-content:flex-start !important;
    padding:14px 16px !important;
    border-radius:12px !important;
    color:#061a3a !important;
    border:0 !important;
    background:#fff !important;
    font-size:16px !important;
  }
  .premium-navlinks a.active,
  .navlinks.premium-navlinks a.active{
    color:#fff !important;
    background:#c8202f !important;
  }
  .premium-navlinks a.active::after,
  .navlinks.premium-navlinks a.active::after{
    display:none !important;
  }
}

/* Small-phone spacing and one-column layouts */
@media (max-width:700px){
  .premium-nav,
  .topbar .premium-nav{
    width:calc(100% - 22px) !important;
    min-height:78px !important;
    padding:10px 0 !important;
  }
  .premium-brand img,
  .topbar .premium-brand img{
    max-width:190px !important;
    max-height:52px !important;
  }
  .menu-toggle,
  button.menu-toggle{
    width:44px !important;
    height:44px !important;
    border-radius:12px !important;
  }
  .premium-navlinks,
  .topbar .premium-navlinks,
  .navlinks.premium-navlinks{
    top:70px !important;
    left:11px !important;
    right:11px !important;
  }
  .products-control-section{
    padding:44px 0 26px !important;
  }
  .products-control-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  .products-lab-card{
    width:100% !important;
  }
  .products-feature-grid,
  .contact-product-grid,
  .training-doc-grid-clean{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .products-feature-card{
    grid-template-columns:60px 1fr !important;
    gap:16px !important;
  }
  .products-icon{
    width:58px !important;
    height:58px !important;
    font-size:26px !important;
  }
  .products-hero{
    min-height:132px !important;
  }
  .products-hero .products-hero-title{
    font-size:clamp(24px,7vw,32px) !important;
  }
}

/* FINAL FIX: fixed nav fallback */
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important}body{padding-top:0!important}header.topbar,.topbar,.premium-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:2147483647!important;background:#fff!important;margin:0!important;transform:none!important}header.topbar .premium-nav,.topbar .premium-nav{height:96px!important;min-height:96px!important;max-height:96px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:0!important;padding-bottom:0!important}main{padding-top:96px!important;margin-top:0!important}@media(max-width:860px){header.topbar .premium-nav,.topbar .premium-nav{height:86px!important;min-height:86px!important;max-height:86px!important}main{padding-top:86px!important}}


/* FryMeasure intro alignment: keep the FryMeasure text heading level with the top of the letter preview */
.frymeasure-page .frymeasure-intro-section .products-control-grid{
  align-items:flex-start !important;
}
.frymeasure-page .frymeasure-intro-section .products-control-copy{
  align-self:flex-start !important;
  padding-top:0 !important;
  margin-top:0 !important;
}
.frymeasure-page .frymeasure-intro-section .products-lab-card{
  align-self:flex-start !important;
  margin-top:0 !important;
}
.frymeasure-page .frymeasure-intro-section .products-eyebrow{
  margin-top:0 !important;
}


/* Announcements page */
.announcements-products-hero .products-hero-title{max-width:980px;}
.announcements-intro-section .products-control-copy p{max-width:650px;}
.announcements-summary-card{border-left:6px solid #c9152b;}
.announcements-content-section{background:#f7f9fc;padding-top:72px;padding-bottom:86px;}
.announcement-list{display:grid;gap:34px;}
.announcement-card{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid rgba(7,26,58,.10);border-radius:24px;box-shadow:0 20px 48px rgba(7,26,58,.10);overflow:hidden;}
.announcement-card-photo{grid-template-columns:280px minmax(0,1fr);}
.announcement-photo-wrap{background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);display:flex;align-items:flex-start;justify-content:center;padding:34px 28px;}
.announcement-photo{display:block;width:100%;max-width:220px;border-radius:16px;box-shadow:0 14px 34px rgba(7,26,58,.18);}
.announcement-copy{padding:38px 42px 40px;}
.announcement-date{display:inline-flex;align-items:center;margin-bottom:13px;color:#c9152b;font-size:13px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;}
.announcement-copy h3{margin:0 0 20px;color:#071a3a;font-size:clamp(25px,2.4vw,36px);line-height:1.12;font-weight:950;letter-spacing:-.03em;}
.announcement-copy p{margin:0 0 16px;color:#26364c;font-size:17px;line-height:1.7;}
.announcement-signature{margin-top:28px;color:#071a3a;font-size:16px;line-height:1.55;}
.announcement-signature strong{display:block;font-weight:950;}
@media (max-width:860px){.announcements-content-section{padding-top:48px;padding-bottom:62px}.announcement-card,.announcement-card-photo{grid-template-columns:1fr}.announcement-photo-wrap{justify-content:flex-start;padding:28px 30px 0;background:#fff}.announcement-photo{max-width:185px}.announcement-copy{padding:28px 30px 34px}.announcement-copy h3{font-size:clamp(23px,6vw,31px)}.announcement-copy p{font-size:16px;line-height:1.65}}
@media (max-width:520px){.announcements-content-section{padding-top:40px;padding-bottom:54px}.announcement-list{gap:24px}.announcement-card{border-radius:18px}.announcement-copy{padding:24px 22px 30px}.announcement-photo-wrap{padding:24px 22px 0}.announcement-date{font-size:12px}.announcement-copy p{font-size:15.5px}}


/* =========================================================
   FINAL DESKTOP + MOBILE RESPONSIVE SAFEGUARDS
   ========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
img, video, iframe, embed, object, svg {
  max-width: 100%;
}
iframe, embed, object {
  width: 100%;
}
button, a, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}
a, button {
  touch-action: manipulation;
}

/* Keep page content from being hidden beneath the fixed/sticky header. */
:root {
  --jm-safe-header-height: 96px;
}
main {
  min-width: 0;
}
section, .container, .card, .announcement-card, .announcement-copy,
.doc-card, .resource-card, .leader-card, .contact-card {
  min-width: 0;
}
h1, h2, h3, p, a {
  overflow-wrap: anywhere;
}

/* Resource and announcement images remain visible without distortion. */
.announcement-photo-wrap,
.announcement-card-photo .announcement-photo-wrap {
  overflow: hidden;
}
.announcement-photo,
.announcement-photo-wrap img,
.doc-card img,
.resource-card img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Desktop nav/dropdowns stay above all page content. */
.topbar, .site-header, header {
  z-index: 1000;
}
.jmf-dropdown-menu,
.resource-mega-menu {
  z-index: 1100;
  max-height: min(78vh, 720px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* Tablet and mobile navigation */
@media (max-width: 1024px) {
  .topbar .container,
  .premium-nav,
  .nav {
    width: min(100% - 24px, 1160px);
    margin-inline: auto;
  }

  .menu-toggle {
    display: flex !important;
    flex: 0 0 auto;
    min-width: 46px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
  }

  .premium-navlinks,
  .navlinks.premium-navlinks,
  .topbar .premium-navlinks {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: calc(var(--jm-fixed-header-height, 82px) + 8px) !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--jm-fixed-header-height, 82px) - 24px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(7,26,58,.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 50px rgba(7,26,58,.22) !important;
    padding: 10px !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    z-index: 1200 !important;
  }

  .premium-navlinks.open,
  .navlinks.premium-navlinks.open,
  body.mobile-menu-open .premium-navlinks,
  body.mobile-menu-open .navlinks.premium-navlinks {
    display: flex !important;
  }

  .jmf-nav-item {
    width: 100% !important;
  }

  .premium-navlinks a,
  .navlinks.premium-navlinks a,
  .jmf-nav-link {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    white-space: normal !important;
  }

  /* Show submenu items inside the opened mobile menu instead of hover-only. */
  .jmf-dropdown-menu,
  .resource-mega-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-left: 3px solid #e31937 !important;
    border-radius: 0 !important;
    margin: 2px 0 8px 10px !important;
    padding: 4px 0 4px 8px !important;
    overflow: visible !important;
  }

  .jmf-dropdown-menu a,
  .resource-mega-menu a {
    font-size: 14px !important;
    padding: 9px 10px !important;
  }

  body.mobile-menu-open {
    overflow: hidden !important;
  }

  .fixed-actions {
    right: 10px !important;
    bottom: 10px !important;
  }
}

/* Phone layout */
@media (max-width: 640px) {
  .container {
    width: min(100% - 28px, 1160px) !important;
  }

  .brand img,
  .premium-brand img {
    max-width: min(72vw, 310px) !important;
    height: auto !important;
  }

  .hero,
  .page-hero,
  .jmf-matched-interior-hero,
  .resource-hero,
  .announcements-hero {
    min-height: auto !important;
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .hero h1,
  .page-hero h1,
  .jmf-matched-interior-title,
  .resource-hero h1,
  .announcements-hero h1 {
    font-size: clamp(2.15rem, 11vw, 3.3rem) !important;
    line-height: 1.02 !important;
    white-space: normal !important;
    max-width: 100% !important;
  }

  .hero p,
  .page-hero p,
  .resource-hero p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  .section {
    padding: 46px 0 !important;
  }

  .grid,
  .grid.two,
  .grid.three,
  .doc-grid,
  .leadership-grid,
  .people,
  .branch-grid,
  .resource-category-grid,
  .featured-resources-grid {
    grid-template-columns: 1fr !important;
  }

  .announcement-card,
  .announcement-card-photo {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .announcement-photo-wrap,
  .announcement-card-photo .announcement-photo-wrap {
    width: 100% !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  .announcement-photo,
  .announcement-photo-wrap img {
    width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  .announcement-copy {
    padding: 24px 20px 28px !important;
  }

  .announcement-copy h3 {
    font-size: clamp(1.75rem, 8vw, 2.5rem) !important;
    line-height: 1.08 !important;
  }

  .announcement-linkedin-button,
  .btn {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .footer .container {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .preview-modal {
    padding: 8px !important;
  }

  .preview-frame {
    border-radius: 8px !important;
  }
}

/* Very small phones */
@media (max-width: 390px) {
  .container {
    width: calc(100% - 20px) !important;
  }
  .announcement-copy {
    padding: 20px 16px 24px !important;
  }
  .premium-navlinks,
  .navlinks.premium-navlinks,
  .topbar .premium-navlinks {
    left: 6px !important;
    right: 6px !important;
  }
}


/* =========================================================
   FINAL INK 101 DESKTOP + MOBILE SAFEGUARDS
   ========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
img, video, iframe, embed, object, svg {
  max-width: 100%;
  height: auto;
}
iframe, embed, object {
  width: 100%;
}
* {
  box-sizing: border-box;
}
section, .container, .card, .resource-card, .doc-card,
.announcement-card, .announcement-copy, .resource-category-card {
  min-width: 0;
}
h1, h2, h3, h4, p, a, span {
  overflow-wrap: anywhere;
}
a, button {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Resource files and presentation links */
a[href$=".pdf"],
a[href$=".pptx"] {
  max-width: 100%;
}

/* Navigation stays usable on tablets and phones */
@media (max-width: 1024px) {
  .menu-toggle {
    display: flex !important;
    min-width: 46px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
  }

  .premium-navlinks,
  .navlinks.premium-navlinks,
  .topbar .premium-navlinks {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    top: calc(var(--jm-fixed-header-height, 82px) + 8px) !important;
    width: auto !important;
    max-height: calc(100dvh - var(--jm-fixed-header-height, 82px) - 24px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(7,26,58,.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 50px rgba(7,26,58,.22) !important;
    padding: 10px !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    z-index: 1200 !important;
  }

  .premium-navlinks.open,
  .navlinks.premium-navlinks.open,
  body.mobile-menu-open .premium-navlinks,
  body.mobile-menu-open .navlinks.premium-navlinks {
    display: flex !important;
  }

  .jmf-nav-item {
    width: 100% !important;
  }

  .premium-navlinks a,
  .navlinks.premium-navlinks a,
  .jmf-nav-link {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    white-space: normal !important;
  }

  .jmf-dropdown-menu,
  .resource-mega-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-left: 3px solid #e31937 !important;
    border-radius: 0 !important;
    margin: 2px 0 8px 10px !important;
    padding: 4px 0 4px 8px !important;
    overflow: visible !important;
  }

  body.mobile-menu-open {
    overflow: hidden !important;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 28px, 1160px) !important;
  }

  .brand img,
  .premium-brand img {
    max-width: min(72vw, 310px) !important;
  }

  .hero,
  .page-hero,
  .resource-hero,
  .jmf-matched-interior-hero {
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .hero h1,
  .page-hero h1,
  .resource-hero h1,
  .jmf-matched-interior-title {
    font-size: clamp(2.15rem, 11vw, 3.3rem) !important;
    line-height: 1.03 !important;
    white-space: normal !important;
    max-width: 100% !important;
  }

  .grid,
  .grid.two,
  .grid.three,
  .doc-grid,
  .resource-category-grid,
  .featured-resources-grid,
  .announcement-card,
  .announcement-card-photo {
    grid-template-columns: 1fr !important;
  }

  .resource-card,
  .doc-card,
  .announcement-card {
    width: 100% !important;
  }

  .resource-card a,
  .doc-card a,
  .btn,
  .announcement-linkedin-button {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}