@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Rajdhani:wght@600;700&display=swap');
:root{--black:#020202;--black2:#050505;--white:#fff;--gray:#a7a7a7;--muted:#6f6f6f;--accent:#c8ff00;--line:rgba(255,255,255,.14);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}a{color:inherit;text-decoration:none}p{font-family:"Inter",Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:.01em;line-height:1.58;color:#d7d7d7;font-size:16px}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;transition:transform .25s ease, background .25s ease;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 42px;background:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.06));backdrop-filter:blur(3px)}.brand-logo img{width:188px;height:auto;display:block}.nav{display:flex;align-items:center;gap:42px;font-weight:400;font-size:14px;letter-spacing:.14em}.nav a{opacity:.92}.nav a:hover{color:var(--accent)}.menu-mobile{display:none}.menu-mobile summary{list-style:none;cursor:pointer;border:1px solid var(--accent);padding:15px 24px;font-weight:900;letter-spacing:.12em}.menu-mobile summary::-webkit-details-marker{display:none}.menu-mobile nav{position:absolute;right:22px;top:86px;min-width:240px;background:rgba(2,2,2,.96);border:1px solid var(--line);padding:18px;display:grid;gap:14px}.menu-mobile a{padding:12px 10px;border-bottom:1px solid var(--line);font-weight:900}.hero{min-height:72vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#020202}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.95) 34%,rgba(2,2,2,.56) 58%,rgba(2,2,2,.2) 100%),linear-gradient(0deg,#020202 0%,rgba(2,2,2,.35) 27%,rgba(2,2,2,.15) 100%),url('../images/hero-mok.jpg');background-repeat:no-repeat;background-position:center right;background-size:auto 50%,auto 50%,50% auto;filter:saturate(.96) contrast(1.05)}.hero-content{position:relative;z-index:2;width:min(var(--max),100%);margin:0 auto;padding:150px 44px 70px}.eyebrow{color:var(--accent);font-size:21px;letter-spacing:.28em;margin-bottom:24px}.hero h1,.page-hero h1{margin:0;font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-style:italic;font-size:clamp(54px,9vw,132px);line-height:.88;letter-spacing:.01em;text-shadow:0 7px 22px rgba(0,0,0,.55)}.hero-sub{max-width:720px;margin:30px 0 34px;font-size:clamp(22px,3vw,37px);line-height:1.32;font-weight:900;letter-spacing:.13em;color:#f1f1f1}.cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--accent);padding:15px 28px;font-weight:900;font-style:italic;color:var(--accent);letter-spacing:.18em;font-size:17px;background:rgba(0,0,0,.35)}.button:hover{background:var(--accent);color:#020202}.button span{font-size:26px;line-height:1}.text-link{display:inline-block;color:#fff;font-weight:900;letter-spacing:.16em;border-bottom:1px solid var(--accent);padding-bottom:12px}.text-link:hover{color:var(--accent)}.footer{border-top:1px solid var(--line);padding:34px 42px;color:#8d8d8d;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-tag{font-weight:900;color:#fff;letter-spacing:.18em}.socials{display:flex;gap:12px}.social-btn{border:1px solid rgba(200,255,0,.55);color:#fff;padding:12px 16px;font-weight:900;font-size:12px;letter-spacing:.14em;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.social-btn:hover{color:#020202;background:var(--accent)}.page-hero{padding:150px 44px 70px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0%,rgba(200,255,0,.09),transparent 35%),#020202}.page-wrap{width:min(var(--max),100%);margin:0 auto;padding:64px 44px}.page-kicker{color:var(--accent);letter-spacing:.26em;margin-bottom:20px}.lead{font-size:18px;max-width:880px;color:#f1f1f1;line-height:1.58}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{border:1px solid var(--line);background:#080808;padding:22px;min-height:180px}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:saturate(.95);margin-bottom:18px}.card h3{font-size:20px;margin:0 0 10px}.disabled{opacity:.55;pointer-events:none}.notice{border:1px solid rgba(200,255,0,.5);padding:28px;background:rgba(200,255,0,.035);max-width:850px}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.info-list{display:grid;gap:14px;margin-top:24px}.info-list div{border-bottom:1px solid var(--line);padding:15px 0;color:#dcdcdc;font-weight:900}.contact-box{border:1px solid var(--line);padding:30px;background:#080808}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.email-link{text-decoration:underline;text-underline-offset:5px}.dealer-form{display:grid;gap:18px;margin-top:34px;max-width:720px}.dealer-form label{display:grid;gap:8px;color:#fff;font-weight:900;letter-spacing:.14em}.dealer-form input,.dealer-form textarea{width:100%;border:1px solid var(--line);background:#070707;color:#fff;padding:15px 16px;font-family:"Inter",Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:.01em;text-transform:none;outline:none}.dealer-form input:focus,.dealer-form textarea:focus{border-color:rgba(200,255,0,.75)}.dealer-form textarea{resize:vertical;line-height:1.55}.dealer-form .button{border-radius:0;cursor:pointer;justify-content:space-between;width:max-content}.contact-box h2{font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-size:34px;line-height:1;margin-top:0}.social-disabled{opacity:.55;pointer-events:none;cursor:default}.social-disabled:hover{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
@media(max-width:850px){.site-header{padding:24px 24px}.brand-logo img{width:160px}.nav{display:none}.menu-mobile{display:block}.hero{min-height:690px;align-items:flex-end}.hero:before{background-image:linear-gradient(180deg,rgba(2,2,2,.18) 0%,rgba(2,2,2,.72) 46%,#020202 92%),url('../images/hero-mok.jpg');background-size:100% auto;background-position:center 92px}.hero-content{padding:260px 28px 58px}.eyebrow{font-size:17px}.hero-sub{font-size:24px}.button{font-size:16px;padding:15px 24px}.page-hero{padding:130px 28px 50px}.page-wrap{padding:44px 28px}.grid,.split{grid-template-columns:1fr}.footer{padding:28px;align-items:flex-start;flex-direction:column}}@media(max-width:420px){.brand-logo img{width:145px}.hero h1,.page-hero h1{font-size:52px}.hero-sub{font-size:19px}.button{width:100%;justify-content:space-between}.menu-mobile summary{padding:13px 20px}}

/* v3 updates */
.product-intro{margin-top:52px;max-width:900px;padding-left:0}
.product-intro h2{margin:0 0 18px;font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-style:italic;font-size:clamp(34px,5vw,68px);line-height:.96;letter-spacing:.03em}
.video-panel{margin:64px 0 18px;border:1px solid var(--line);background:#080808;padding:12px;max-width:860px}
.video-panel video{display:block;width:100%;max-height:520px;object-fit:cover;background:#000}
.product-grid{grid-template-columns:repeat(3,minmax(0,250px));justify-content:start;gap:18px;margin-top:54px}
.product-card{min-height:auto;padding:16px}
.product-card img{max-width:220px;margin:0 auto 14px;aspect-ratio:1/1;object-fit:cover}
.product-card h3{font-size:18px}
.product-card p{font-size:14px;line-height:1.5}
@media(max-width:850px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card img{max-width:180px}.video-panel{max-width:100%}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr}.product-card img{max-width:170px}}

/* v5 performance clarity + on-the-water section */
.nav{gap:28px;font-size:13px}
.hero-proof{max-width:760px;margin:0 0 34px;color:#d9d9d9;font-size:16px;line-height:1.65;letter-spacing:.06em;text-transform:none}
.tight-wrap{padding-top:54px}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 26px;max-width:980px}
.feature-strip div{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:20px;min-height:132px}
.feature-strip strong{display:block;color:#fff;font-size:14px;letter-spacing:.15em;margin-bottom:12px}
.feature-strip span{display:block;font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:.01em;color:#cfcfcf;line-height:1.55;font-size:14px}
.quiet-link-panel{margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:980px}
.quiet-link-panel h2{margin:0;font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-style:italic;font-size:clamp(30px,4vw,52px);line-height:1;color:#fff}
.narrow-lead{max-width:820px}.catch-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:42px}.catch-card{border:1px solid var(--line);background:#070707;overflow:hidden}.catch-card img{width:100%;height:360px;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}.catch-card div{padding:24px}.catch-card h2{margin:0 0 10px;font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-style:italic;font-size:34px;line-height:1}.catch-card p{margin:0}.feature-catch{grid-row:span 2}.feature-catch img{height:640px}
@media(max-width:950px){.nav{gap:18px;font-size:12px}.brand-logo img{width:170px}.feature-strip,.catch-grid{grid-template-columns:1fr}.feature-catch{grid-row:auto}.feature-catch img,.catch-card img{height:auto;max-height:none}.quiet-link-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.hero-proof{font-size:15px}.feature-strip div{min-height:auto}}

/* dealer form thank-you state */
.form-thank-you{display:none;border:1px solid rgba(200,255,0,.55);background:linear-gradient(180deg,rgba(200,255,0,.08),rgba(255,255,255,.025));padding:34px;margin-top:34px;max-width:720px;text-align:left}
.form-thank-you.is-visible{display:block}
.form-thank-you h2{margin:0 0 12px;font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-style:italic;font-size:clamp(34px,6vw,64px);line-height:.95;color:#fff;letter-spacing:.08em}
.form-thank-you p{margin:0 0 18px;color:#d7d7d7}
.button.secondary{background:transparent;color:#fff;border-color:var(--line)}
.button.secondary:hover{background:var(--accent);color:#020202;border-color:var(--accent)}


/* v8 launch cleanup */
.field-report-panel{margin-top:64px;border-top:1px solid var(--line);padding-top:46px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}
.field-report-panel h2{margin:0 0 18px;font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;font-style:italic;font-size:clamp(38px,6vw,76px);line-height:.9;letter-spacing:.03em}
.field-report-panel .dealer-form{margin-top:0;max-width:none}
.field-report-panel .form-thank-you{grid-column:2;max-width:none;margin-top:0}
@media(max-width:850px){.field-report-panel{grid-template-columns:1fr}.field-report-panel .form-thank-you{grid-column:auto}}

/* v9 product-page flow + cleaner contact panels */
.button-small{width:auto;display:inline-flex;font-size:14px;padding:12px 18px;letter-spacing:.16em}
.side-note{margin-top:24px;color:#8f8f8f;font-size:14px;letter-spacing:.08em}
.contact-box .button{margin-top:8px}
.contact-box p:last-child{margin-bottom:0}
@media(max-width:420px){.button-small{width:100%;justify-content:space-between}}


/* v12 custom MOK ghost-pattern background - restored / visible */
body.pattern-page{
  background:#020202 url('../images/mok-pattern-bg.jpg') center top/cover fixed no-repeat !important;
}
body.pattern-page .page-hero{
  background-image:
    linear-gradient(180deg,rgba(2,2,2,.18),rgba(2,2,2,.52)),
    url('../images/mok-pattern-bg.jpg') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
body.pattern-page main{
  background:linear-gradient(180deg,rgba(2,2,2,.18),rgba(2,2,2,.44) 45%,rgba(2,2,2,.58)) !important;
}
body.pattern-page .page-wrap{
  background:transparent !important;
}
body.pattern-page .contact-box,
body.pattern-page .card,
body.pattern-page .notice{
  background:rgba(8,8,8,.68) !important;
  backdrop-filter:blur(1.5px);
}
.on-water-page .field-report-panel{
  border:1px solid var(--line);
  padding:46px 28px 28px;
  background-image:
    linear-gradient(180deg,rgba(2,2,2,.34),rgba(2,2,2,.64)),
    url('../images/mok-pattern-bg.jpg') !important;
  background-size:cover !important;
  background-position:center !important;
}
@media(max-width:850px){
  body.pattern-page{background-size:auto 1000px !important;background-position:center top !important;background-attachment:scroll !important;}
  body.pattern-page .page-hero{background-size:auto 900px !important;background-position:center top !important;}
  .on-water-page .field-report-panel{margin-left:-8px;margin-right:-8px;padding:38px 22px 24px;}
}

/* v11 final polish: product facts, tighter copy, uniform sizing */
.page-wrap p{font-size:16px;line-height:1.58;}
.product-intro p,.contact-box p,.catch-card p,.field-report-panel p{font-size:16px;line-height:1.58;}
.lead{font-size:18px;line-height:1.58;}
.product-facts{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 28px;}
.product-facts span{border:1px solid rgba(200,255,0,.58);color:#fff;background:rgba(200,255,0,.04);padding:10px 15px;font-weight:900;letter-spacing:.15em;font-size:13px;}
.product-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;border:1px solid rgba(200,255,0,.65);color:var(--accent);padding:12px 14px;font-weight:900;font-style:italic;letter-spacing:.14em;font-size:13px;}
.product-card:hover .product-btn{background:var(--accent);color:#020202;}
.product-card:hover{border-color:rgba(200,255,0,.45);}
.card h3,.contact-box h2,.catch-card h2{letter-spacing:.08em;}
.info-list div{font-size:16px;}
@media(max-width:850px){.page-wrap p{font-size:15.5px;line-height:1.55}.lead{font-size:17px}.product-facts span{font-size:12px}.product-btn{font-size:12px}}


/* v12 redundancy cleanup */
.single-panel{max-width:760px;margin:0 auto;}
.single-panel .button{margin-top:18px;}
.dealer-clean{max-width:900px;}
.dealer-clean .support-copy{max-width:760px;color:#cfcfcf;margin-bottom:0;}
.dealer-clean .dealer-form{max-width:760px;}
.dealer-clean .form-thank-you{max-width:760px;}
@media(max-width:850px){.single-panel{margin:0}.dealer-clean{max-width:100%}}

/* v13 homepage rhythm polish */
.hero-sub{margin:42px 0 48px;}
.hero-proof{margin:0 0 56px;}
.hero-content{padding-bottom:86px;}
@media(max-width:850px){
  .hero-content{padding:270px 28px 76px;}
  .hero-sub{margin:46px 0 50px;}
  .hero-proof{margin:0 0 58px;}
  .cta-row{gap:44px;}
  .text-link{margin-top:4px;}
}
@media(max-width:420px){
  .hero-sub{margin:42px 0 46px;}
  .hero-proof{margin-bottom:54px;}
}


/* v14 shop pattern + correct tablet/desktop Texas mark */
body.shop-page{
  background:#020202 url('../images/mok-pattern-bg.jpg') center top/cover fixed no-repeat !important;
}
body.shop-page .page-hero{
  background-image:
    linear-gradient(90deg,rgba(2,2,2,.18),rgba(2,2,2,.44)),
    url('../images/mok-pattern-bg.jpg') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.shop-page main{
  background:linear-gradient(180deg,rgba(2,2,2,.06),rgba(2,2,2,.35) 55%,rgba(2,2,2,.55)) !important;
}
.store-note{max-width:820px;color:#bfbfbf;font-size:15px;margin-top:-8px;margin-bottom:28px;}
@media(max-width:767px){
  body.shop-page{background-attachment:scroll !important;background-size:auto 1000px !important;}
  body.shop-page .page-hero{min-height:auto;background-size:auto 900px !important;}
}


/* v15 shop page fitment fixes: continuous pattern + corrected Texas logo */
body.shop-page{
  background:#020202 url('../images/mok-pattern-bg.jpg') center top/cover fixed no-repeat !important;
}
body.shop-page .page-hero{
  background:transparent !important;
  background-image:none !important;
  min-height:420px;
  position:relative;
  overflow:hidden;
}
body.shop-page main{
  background:transparent !important;
}
@media (min-width:768px){
  .desktop-texas-logo{
    display:block !important;
    position:absolute;
    right:11%;
    top:52%;
    transform:translateY(-50%);
    width:min(22vw,260px);
    max-width:24%;
    opacity:.74;
    filter:drop-shadow(0 0 12px rgba(200,255,0,.16));
    pointer-events:none;
    z-index:1;
  }
}
@media (max-width:767px){
  .desktop-texas-logo{display:none !important;}
  body.shop-page{background-attachment:scroll !important;background-size:auto 1000px !important;}
  body.shop-page .page-hero{min-height:auto;}
}


/* v16 uniform interior page pattern fix
   Use one continuous background image on all pattern pages instead of separate section backgrounds. */
body.pattern-page{
  background:#020202 url('../images/mok-pattern-bg.jpg') center top/cover fixed no-repeat !important;
}
body.pattern-page .page-hero,
body.pattern-page main,
body.pattern-page .page-wrap,
.on-water-page .field-report-panel{
  background:transparent !important;
  background-image:none !important;
}
body.pattern-page .page-hero{
  border-bottom:1px solid var(--line);
}
body.pattern-page .contact-box,
body.pattern-page .card,
body.pattern-page .notice,
body.pattern-page .form-thank-you{
  background:rgba(8,8,8,.70) !important;
  backdrop-filter:blur(1.5px);
}
body.shop-page .page-hero{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
@media(max-width:850px){
  body.pattern-page{
    background-attachment:scroll !important;
    background-size:auto 1000px !important;
    background-position:center top !important;
  }
  body.pattern-page .page-hero{background:transparent !important;background-image:none !important;}
}


/* v17 charter approved section */
.charter-approved{
  margin-top:58px;
  border:1px solid var(--line);
  background:rgba(8,8,8,.72);
  backdrop-filter:blur(1.5px);
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:0;
  overflow:hidden;
}
.charter-approved .charter-media img{
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  display:block;
  filter:saturate(.92) contrast(1.04) brightness(.88);
}
.charter-copy{
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.charter-copy h2{
  margin:0 0 20px;
  font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;
  font-style:italic;
  font-size:clamp(38px,4.6vw,68px);
  line-height:.95;
  letter-spacing:.04em;
}
.charter-copy p{max-width:520px;}
.charter-copy .button{margin-top:18px;width:max-content;}
@media(max-width:850px){
  .charter-approved{grid-template-columns:1fr;margin-top:46px;}
  .charter-approved .charter-media img{min-height:0;height:auto;}
  .charter-copy{padding:28px 22px 30px;}
  .charter-copy .button{width:100%;justify-content:space-between;}
}


/* v17 homepage option 1: keep hero photo clean, introduce MOK pattern only in the lower content area */
body.home-page .hero{
  background:#020202;
}
body.home-page .hero:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:52%;
  z-index:1;
  pointer-events:none;
  background:url('../images/mok-pattern-bg.jpg') center bottom/cover no-repeat;
  opacity:.42;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.15) 12%, #000 38%, #000 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.15) 12%, #000 38%, #000 100%);
}
body.home-page .hero-content{
  z-index:2;
}
@media(max-width:850px){
  body.home-page .hero:after{
    height:58%;
    background-size:auto 900px;
    background-position:center bottom;
    opacity:.38;
  }
}

/* v18 homepage pattern activation fix */
body.home-page .hero:after{
  height:60% !important;
  opacity:.52 !important;
  background:url('../images/mok-pattern-bg.jpg') center bottom/cover no-repeat !important;
}
@media(max-width:850px){
  body.home-page .hero:after{
    height:62% !important;
    opacity:.48 !important;
    background-size:auto 950px !important;
  }
}


/* v19 final owner section + homepage/interior pattern cleanup */
body.home-page .hero:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
body.home-page .hero{
  background:#020202 !important;
}
.shop-page .product-intro > .page-kicker{
  font-size:clamp(20px,2.25vw,30px);
  letter-spacing:.24em;
  margin-bottom:22px;
  font-weight:900;
}
.owner-stack{
  border:1px solid var(--line);
  background:rgba(8,8,8,.70);
  backdrop-filter:blur(1.5px);
  padding:24px;
  display:grid;
  gap:26px;
}
.owner-card{
  display:grid;
  gap:12px;
}
.owner-card img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  display:block;
  border:1px solid rgba(255,255,255,.13);
  filter:saturate(.9) contrast(1.05) brightness(.86);
}
.owner-card h2{
  margin:4px 0 0;
  font-family:"Rajdhani",Impact,Arial Black,Arial,sans-serif;
  font-size:28px;
  line-height:1;
  letter-spacing:.12em;
}
.owner-card .owner-role{
  color:var(--accent);
  font-weight:900;
  letter-spacing:.22em;
  font-size:14px;
}
@media(max-width:850px){
  .owner-stack{padding:18px;gap:28px;}
  .owner-card h2{font-size:26px;}
}

/* v20 owner layout balance: desktop/iPad side-by-side cards in right column */
@media (min-width:851px){
  .owner-stack{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
    align-items:start;
    padding:22px !important;
    margin-top:18px;
  }
  .owner-card{
    gap:10px !important;
  }
  .owner-card img{
    width:100% !important;
    height:300px !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center center;
  }
  .owner-card h2{
    font-size:24px !important;
    letter-spacing:.12em;
  }
  .owner-card .owner-role{
    font-size:13px !important;
  }
}
@media (min-width:851px) and (max-width:1100px){
  .owner-card img{height:250px !important;}
  .owner-card h2{font-size:21px !important;}
  .owner-card .owner-role{font-size:12px !important;}
}

/* v16 mobile polish: align product fact buttons */
@media (max-width: 767px){
  .product-facts{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:12px;
    margin:28px 0 32px;
    width:100%;
  }
  .product-facts span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    box-sizing:border-box;
    min-height:54px;
    text-align:center;
    padding:14px 18px;
  }
}

/* v21 mobile shop spacing polish */
@media (max-width: 767px){
  body.shop-page .page-hero{
    min-height:0 !important;
    padding:118px 28px 34px !important;
    justify-content:flex-start !important;
  }
  body.shop-page .page-hero h1{
    margin-bottom:0 !important;
  }
  body.shop-page .tight-wrap{
    padding-top:30px !important;
  }
  body.shop-page .product-intro{
    margin-top:8px !important;
  }
  body.shop-page .product-intro > .page-kicker{
    margin-bottom:18px !important;
  }
  body.shop-page .product-intro h2{
    margin-bottom:22px !important;
  }
}

/* v20 Option 2: make the MOK pattern more subdued in code, not by editing the image.
   The pattern now sits on its own fixed layer at reduced opacity over pure black. */
body.pattern-page,
body.shop-page{
  background:#020202 !important;
  position:relative;
}
body.pattern-page::before,
body.shop-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url('../images/mok-pattern-bg.jpg') center top/cover no-repeat;
  opacity:.82;
}
body.pattern-page > *,
body.shop-page > *{
  position:relative;
  z-index:1;
}
body.pattern-page .page-hero,
body.pattern-page main,
body.pattern-page .page-wrap,
body.shop-page .page-hero,
body.shop-page main{
  background:transparent !important;
  background-image:none !important;
}
@media(max-width:850px){
  body.pattern-page::before,
  body.shop-page::before{
    background-size:auto 1000px;
    background-position:center top;
    opacity:.78;
  }
}

/* v21 mobile menu repair + link safety audit
   Keeps the fixed header and dropdown menu above the pattern overlay and all page content. */
.site-header{
  z-index:9999 !important;
  pointer-events:auto !important;
}
.menu-mobile{
  position:relative !important;
  z-index:10000 !important;
  pointer-events:auto !important;
}
.menu-mobile summary{
  position:relative !important;
  z-index:10001 !important;
  pointer-events:auto !important;
  user-select:none;
  -webkit-tap-highlight-color:rgba(200,255,0,.25);
}
.menu-mobile[open] summary{
  background:rgba(200,255,0,.08);
  color:#fff;
}
.menu-mobile nav{
  z-index:10002 !important;
  pointer-events:auto !important;
  box-shadow:0 24px 60px rgba(0,0,0,.72);
}
.menu-mobile nav a{
  display:block !important;
  color:#fff !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.menu-mobile nav a:hover,
.menu-mobile nav a:focus{
  color:var(--accent) !important;
}
@media(max-width:850px){
  .menu-mobile nav{
    position:fixed !important;
    top:96px !important;
    right:24px !important;
    left:24px !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    padding:18px !important;
  }
}


/* v22 Justin review edits */
@media (min-width:768px){
  body.pattern-page .desktop-texas-logo{
    display:block !important;
    position:absolute;
    right:11%;
    top:52%;
    transform:translateY(-50%);
    width:min(22vw,260px);
    max-width:24%;
    opacity:.74;
    filter:drop-shadow(0 0 12px rgba(200,255,0,.16));
    pointer-events:none;
    z-index:1;
  }
  body.pattern-page .page-hero{position:relative;overflow:hidden;}
  body.pattern-page .page-hero h1,
  body.pattern-page .page-hero .page-kicker{position:relative;z-index:2;}
}
@media (max-width:767px){
  .desktop-texas-logo{display:none !important;}
}
.hero-sub{font-size:clamp(24px,3.2vw,42px);font-weight:900;}
.hero-proof{max-width:760px;}
.shop-page .page-hero h1{font-size:clamp(70px,10.5vw,148px);font-weight:900;}
.shop-page .product-intro h2{font-size:clamp(38px,5.5vw,76px);font-weight:900;line-height:.95;}
.shop-page .tight-wrap{padding-top:38px;}
.shop-page .product-grid{margin-top:24px;}
.shop-page .product-intro{margin-bottom:20px;}
.dealer-lead-green{color:var(--accent) !important;font-size:clamp(22px,3vw,34px) !important;font-weight:900;letter-spacing:.05em;max-width:860px;}
.on-water-wrap{padding-top:44px;}
.on-water-lead{color:var(--accent);font-weight:800;}
.catch-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;}
.catch-photo-grid figure{margin:0;border:1px solid var(--line);background:rgba(8,8,8,.72);overflow:hidden;}
.catch-photo-grid img{width:100%;height:330px;object-fit:cover;display:block;filter:saturate(.94) contrast(1.04) brightness(.9);transition:transform .3s ease,filter .3s ease;}
.catch-photo-grid figure:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.06) brightness(.95);}
@media(max-width:950px){.catch-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.catch-photo-grid img{height:300px;}}
@media(max-width:650px){.catch-photo-grid{grid-template-columns:1fr;gap:18px}.catch-photo-grid img{height:260px;}.shop-page .page-hero h1{font-size:clamp(58px,17vw,92px)}}

/* v23 QC pass: product-first shop flow + consistent labels */
.page-kicker,
.eyebrow{
  font-size:clamp(18px,2.1vw,26px) !important;
  font-weight:900 !important;
  letter-spacing:.28em !important;
}
.hero-sub{
  font-size:clamp(20px,2.45vw,32px) !important;
  line-height:1.24 !important;
  max-width:740px !important;
}
.shop-flow{padding-top:34px !important;}
.shop-page .product-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  justify-content:center !important;
  align-items:start !important;
  gap:18px !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
  max-width:900px !important;
}
.shop-page .product-card{
  padding:14px !important;
  min-height:0 !important;
  text-align:center !important;
}
.shop-page .product-card img{
  width:100% !important;
  max-width:180px !important;
  margin:0 auto 12px !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
}
.shop-page .product-card h3{
  margin:0 !important;
  font-size:clamp(14px,2.1vw,20px) !important;
  letter-spacing:.1em !important;
}
.shop-single-cta{
  display:flex;
  justify-content:center;
  margin:18px 0 34px;
  max-width:900px;
}
.shop-page .product-intro{
  margin-top:0 !important;
  max-width:900px !important;
}
.shop-page .product-intro h2{
  font-size:clamp(32px,4.8vw,64px) !important;
}
.catch-preview-panel{margin-top:54px !important;}
.catch-thumb-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  max-width:980px;
  margin:20px 0 0;
}
.catch-thumb-strip img{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
  border:1px solid var(--line);
  filter:saturate(.94) contrast(1.04) brightness(.9);
}
.field-tested-contact{
  margin-top:54px;
  padding:30px 0 0;
  border-top:1px solid var(--line);
  max-width:980px;
}
.field-tested-contact p{
  font-size:18px;
  color:#f1f1f1;
}
@media(max-width:850px){
  .hero-sub{font-size:22px !important;line-height:1.25 !important;}
  .shop-page .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .shop-page .product-card{padding:8px !important;}
  .shop-page .product-card img{max-width:104px !important;margin-bottom:8px !important;}
  .shop-page .product-card h3{font-size:12px !important;letter-spacing:.08em !important;}
  .shop-single-cta{margin:16px 0 30px;}
  .catch-thumb-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .catch-thumb-strip img{height:138px;}
}
@media(max-width:430px){
  .hero-sub{font-size:18px !important;}
  .shop-page .product-card img{max-width:92px !important;}
  .shop-page .product-card h3{font-size:11px !important;}
}

.product-card-link{text-decoration:none;color:inherit;display:block}

.site-header.header-hidden{transform:none !important;}
.site-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:9999 !important;transform:none !important;}


/* MOKV14 final client polish */
.brand-logo img{width:230px !important;max-width:34vw;height:auto;}
@media(max-width:850px){.brand-logo img{width:190px !important;max-width:46vw;}}
@media(max-width:420px){.brand-logo img{width:170px !important;max-width:48vw;}}
.shop-page .catch-preview-panel{align-items:center;}
.shop-page .catch-preview-panel .page-kicker{margin-bottom:0;font-size:clamp(20px,2.25vw,30px);font-weight:900;}
@media(max-width:850px){.shop-page .catch-preview-panel{gap:20px;}}


/* MOKV15 dealer retail proof + single bait product photos */
.dealer-proof{
  margin:40px 0 38px;
  padding:28px;
  border:1px solid var(--line);
  background:rgba(8,8,8,.62);
  backdrop-filter:blur(1.5px);
}
.dealer-proof .page-kicker{
  margin-bottom:20px;
}
.dealer-pack-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.dealer-pack-grid img{
  width:100%;
  height:230px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(255,255,255,.14);
  filter:saturate(.95) contrast(1.04) brightness(.92);
}
.dealer-proof-copy{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.dealer-proof-copy p{
  margin:0;
  padding:14px 12px;
  border:1px solid rgba(200,255,0,.38);
  background:rgba(200,255,0,.035);
  color:#f1f1f1;
  font-weight:700;
  font-size:14px;
  line-height:1.35;
  text-align:center;
}
.shop-page .product-card img{
  aspect-ratio:16/9 !important;
  object-fit:contain !important;
  background:#f4f4f4 !important;
  padding:6px !important;
}
.shop-page .product-card:first-child img{
  background:#090909 !important;
}
@media(max-width:850px){
  .dealer-proof{padding:20px;margin:34px 0;}
  .dealer-pack-grid{grid-template-columns:1fr;gap:14px;}
  .dealer-pack-grid img{height:250px;}
  .dealer-proof-copy{grid-template-columns:1fr;gap:10px;}
  .dealer-proof-copy p{text-align:left;}
  .shop-page .product-card img{padding:4px !important;}
}
@media(max-width:430px){
  .dealer-pack-grid img{height:220px;}
}

/* MOKV16 product image swap: keep existing layout, use black product-photo background */
.shop-page .product-card img{
  background:#050505 !important;
}
.shop-page .product-card:first-child img{
  background:#050505 !important;
}


/* MOKV17 final polish */
/* Remove visible rectangular edges/bars from homepage hero image on desktop/tablet */
body.home-page .hero:before{
  background-size:auto, auto, cover !important;
  background-position:center, center, center right !important;
}

/* Dealer intro should stay chartreuse but not bold */
.dealer-lead-green{
  font-weight:500 !important;
}

/* MOKV18 hero responsive crop fix: prevent over-zoom on mobile and iPad landscape while keeping hero clean */
@media (max-width: 850px){
  body.home-page .hero:before{
    background-image:linear-gradient(180deg,rgba(2,2,2,.18) 0%,rgba(2,2,2,.72) 46%,#020202 92%),url('../images/hero-mok.jpg') !important;
    background-repeat:no-repeat !important;
    background-size:100% auto !important;
    background-position:center 92px !important;
  }
}

@media (min-width: 851px) and (max-width: 1199px){
  body.home-page .hero:before{
    background-image:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.95) 34%,rgba(2,2,2,.56) 58%,rgba(2,2,2,.2) 100%),linear-gradient(0deg,#020202 0%,rgba(2,2,2,.35) 27%,rgba(2,2,2,.15) 100%),url('../images/hero-mok.jpg') !important;
    background-repeat:no-repeat !important;
    background-size:auto, auto, auto 88% !important;
    background-position:center, center, right center !important;
  }
}

@media (min-width: 1200px){
  body.home-page .hero:before{
    background-image:linear-gradient(90deg,#020202 0%,rgba(2,2,2,.95) 34%,rgba(2,2,2,.56) 58%,rgba(2,2,2,.2) 100%),linear-gradient(0deg,#020202 0%,rgba(2,2,2,.35) 27%,rgba(2,2,2,.15) 100%),url('../images/hero-mok.jpg') !important;
    background-repeat:no-repeat !important;
    background-size:auto, auto, auto 100% !important;
    background-position:center, center, right center !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px){
.dealer-packaging-grid img,
.packaging-grid img,
.gallery-grid img,
.dealer-gallery img{
object-fit:contain !important;
height:auto !important;
max-height:320px !important;
width:100% !important;
}
}

/* MOKV20 responsive proof-gallery polish */
.dealer-lead-green{
  font-weight:500 !important;
  line-height:1.35 !important;
}
.dealer-proof-copy{
  margin-top:22px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px 18px !important;
}
.dealer-proof-copy p{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  text-align:left !important;
  font-weight:600 !important;
  color:#f1f1f1 !important;
  line-height:1.35 !important;
}
.dealer-proof-copy p::before{
  content:'✓';
  color:var(--accent);
  margin-right:8px;
  font-weight:900;
}

@media (min-width:651px) and (max-width:1024px){
  .dealer-proof{
    padding:22px !important;
    margin:32px 0 34px !important;
  }
  .dealer-pack-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .dealer-pack-grid img{
    height:165px !important;
    width:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
  .dealer-proof-copy{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .catch-thumb-strip{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .catch-thumb-strip img{
    height:108px !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}

@media (max-width:650px){
  .dealer-pack-grid{
    grid-template-columns:1fr !important;
  }
  .dealer-pack-grid img{
    height:220px !important;
    object-fit:cover !important;
    object-position:center !important;
  }
  .dealer-proof-copy{
    grid-template-columns:1fr !important;
  }
  .catch-thumb-strip{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .catch-thumb-strip img{
    height:112px !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}


/* STATICMETHOD signature + favicon/SEO package */
.sm-signature{width:100%;text-align:center;margin-top:18px;font-size:10px;letter-spacing:.24em;color:rgba(255,255,255,.38);font-weight:700;}
.sm-signature a{color:rgba(255,255,255,.42);text-decoration:none;}
.sm-signature a:hover{color:var(--accent);}
@media(max-width:850px){.sm-signature{text-align:left;margin-top:8px;font-size:9px;}}


/* MOKV18 product card fix: true transparent lure PNGs, no black inner square, 35% larger visual */
.shop-page .product-card img{
  background:transparent !important;
  padding:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  display:block !important;
  width:86% !important;
  max-width:204px !important;
  height:auto !important;
  margin:4px auto 16px !important;
}
.shop-page .product-card:first-child img{
  background:transparent !important;
}
@media(max-width:850px){
  .shop-page .product-card img{
    width:91% !important;
    max-width:186px !important;
    margin:2px auto 12px !important;
  }
}
@media(max-width:430px){
  .shop-page .product-card img{
    width:100% !important;
    max-width:195px !important;
  }
}
\n
/* MOK On The Water — radial scroll gallery
   Visual direction adapted from Chris Bolson's MIT-licensed CSS Scroll-Driven Radial Gallery.
   The MOK integration uses one compositor wheel transform driven by requestAnimationFrame
   for consistent Safari/iPad/Chrome behavior and a simple static fallback. */
.on-water-page .on-water-lead{
  margin-bottom:clamp(3.5rem,7vw,6rem);
}
.mok-radial-gallery{
  --card-w:clamp(15rem,31vw,26rem);
  --card-ratio:3 / 4;
  --radius:calc(var(--card-w) * 2.08);
  position:relative;
  height:760svh;
  margin-inline:calc(50% - 50vw);
  width:100vw;
  contain:layout style;
}
.mok-radial-stage{
  position:sticky;
  top:0;
  width:100%;
  height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:#050505;
}
.mok-radial-wheel{
  --mok-rotation:0deg;
  position:absolute;
  left:50%;
  top:calc(50% + var(--radius));
  width:0;
  height:0;
  transform:rotate(var(--mok-rotation));
  transform-origin:center;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.mok-radial-card{
  --angle:calc(var(--slot) * 30deg);
  position:absolute;
  left:calc(var(--card-w) * -.5);
  top:calc((var(--card-w) * 4 / 3) * -.5);
  width:var(--card-w);
  aspect-ratio:var(--card-ratio);
  margin:0;
  transform:rotate(var(--angle)) translateY(calc(var(--radius) * -1));
  transform-origin:center;
  pointer-events:none;
  z-index:1;
}
.mok-radial-card__media{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:.55rem;
  box-shadow:0 1.2rem 3rem rgba(0,0,0,.48);
  filter:blur(5px) grayscale(1);
  opacity:0;
  transform:scale(.93);
  transition:filter 220ms ease,opacity 220ms ease,transform 220ms ease,box-shadow 220ms ease;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.mok-radial-card.is-near .mok-radial-card__media{
  filter:blur(2.5px) grayscale(.8);
  opacity:.26;
  transform:scale(.96);
}
.mok-radial-card.is-active{
  z-index:4;
}
.mok-radial-card.is-active .mok-radial-card__media{
  filter:none;
  opacity:1;
  transform:scale(1.045);
  box-shadow:0 1.6rem 4.5rem rgba(0,0,0,.72);
}
.mok-radial-vignette{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(5,5,5,.32) 0%,transparent 20%,transparent 76%,#050505 100%);
}
.mok-radial-progress{
  position:absolute;
  left:50%;
  bottom:max(1.1rem,env(safe-area-inset-bottom));
  z-index:6;
  translate:-50% 0;
  display:flex;
  align-items:center;
  gap:.65rem;
  color:rgba(255,255,255,.58);
  font-size:.66rem;
  letter-spacing:.16em;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  pointer-events:none;
}
.mok-radial-progress i{
  display:block;
  width:2.7rem;
  height:1px;
  background:rgba(215,255,47,.55);
}
.desktop-texas-logo{
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}
@media (max-width:700px){
  .on-water-page .on-water-lead{
    margin-bottom:clamp(4.5rem,18vw,6rem) !important;
  }
  .mok-radial-gallery{
    --card-w:min(72vw,21rem);
    --radius:calc(var(--card-w) * 2.04);
    height:840svh;
  }
  .mok-radial-card__media{border-radius:.42rem;}
}
@media (min-width:768px) and (max-width:1180px) and (orientation:landscape){
  .desktop-texas-logo{
    width:min(20vw,220px) !important;
    max-width:22% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .on-water-page .on-water-lead{margin-bottom:4rem !important;}
  .mok-radial-gallery{
    --card-w:min(32vw,20rem);
    --radius:calc(var(--card-w) * 2.05);
    height:760svh;
  }
}
@media (prefers-reduced-motion:reduce){
  .mok-radial-gallery{height:auto;margin-inline:0;width:auto;contain:none;}
  .mok-radial-stage{position:relative;height:auto;overflow:visible;background:transparent;}
  .mok-radial-wheel{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
  .mok-radial-card{position:relative;left:auto;top:auto;width:auto;aspect-ratio:3/4;transform:none!important;}
  .mok-radial-card__media,.mok-radial-card.is-near .mok-radial-card__media,.mok-radial-card.is-active .mok-radial-card__media{filter:none;opacity:1;transform:none;}
  .mok-radial-vignette,.mok-radial-progress{display:none;}
}
@supports not (position:sticky){
  .mok-radial-gallery{height:auto;margin-inline:0;width:auto;}
  .mok-radial-stage{position:relative;height:auto;overflow:visible;background:transparent;}
  .mok-radial-wheel{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
  .mok-radial-card{position:relative;left:auto;top:auto;width:auto;transform:none!important;}
  .mok-radial-card__media{filter:none;opacity:1;transform:none;}
  .mok-radial-vignette,.mok-radial-progress{display:none;}
}

/* Lightweight bot trap: present to automated form fillers, unavailable to visitors. */
.spam-trap{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
button.js-mok-email{cursor:pointer;font-family:inherit;text-transform:uppercase;}

/* MOK v37 — portrait gallery fit polish
   Keep the approved landscape/desktop radial geometry unchanged.
   Portrait phones/tablets bring the first card into view sooner;
   iPad/tablet portrait gets a larger photo stage. */
@media (max-width:700px) and (orientation:portrait){
  .on-water-page .on-water-lead{
    margin-bottom:clamp(2rem,7vw,3rem) !important;
  }
  .mok-radial-wheel{
    top:calc(42% + var(--radius));
  }
}

@media (min-width:701px) and (max-width:1180px) and (orientation:portrait){
  .on-water-page .on-water-lead{
    margin-bottom:2rem !important;
  }
  .mok-radial-gallery{
    --card-w:min(46vw,31rem);
    --radius:calc(var(--card-w) * 2.05);
    height:760svh;
  }
  .mok-radial-wheel{
    top:calc(34% + var(--radius));
  }
  .mok-radial-card__media{
    border-radius:.5rem;
  }
}


/* v38 — SHOP BAITS / actual MOK bait geometry */
.bait-showcase{width:min(1380px,100%);margin:0 auto;padding:48px 44px 88px;position:relative;}
.bait-showcase__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:44px;align-items:end;margin-bottom:34px;}
.bait-showcase__intro h2,.bait-shop-row h2,.bait-colors h2{font-family:"Rajdhani",Impact,"Arial Black",Arial,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.025em;margin:0;line-height:.9;}
.bait-showcase__intro h2{font-size:clamp(54px,7.7vw,112px);}
.bait-showcase__intro p{font-size:clamp(16px,1.55vw,21px);line-height:1.5;color:#cfcfcf;margin:0 0 6px;max-width:520px;}
.bait-stage{--bait-accent:#e7f4ee;position:relative;min-height:clamp(520px,62vw,760px);overflow:hidden;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--bait-accent) 13%,transparent),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 28%),#030303;isolation:isolate;}
.bait-stage::before,.bait-stage::after{content:"";position:absolute;pointer-events:none;z-index:1;}
.bait-stage::before{inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(200,255,0,.1) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.045) 50%,transparent 50.1%);opacity:.55;}
.bait-stage::after{left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,255,0,.3),transparent);transform:scaleX(.72);opacity:.48;}
.bait-stage__hud{position:absolute;z-index:5;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8e8e8e;}
.bait-stage__hud span:first-child{color:var(--bait-accent);}
.bait-stage__halo{position:absolute;width:min(56vw,680px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--bait-accent) 30%,transparent);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%);z-index:0;opacity:.34;box-shadow:0 0 80px color-mix(in srgb,var(--bait-accent) 10%,transparent),inset 0 0 80px color-mix(in srgb,var(--bait-accent) 6%,transparent);transition:border-color .55s ease,box-shadow .55s ease;}
.bait-stage__halo::before,.bait-stage__halo::after{content:"";position:absolute;border-radius:50%;inset:9%;border:1px solid rgba(255,255,255,.05);}.bait-stage__halo::after{inset:28%;border-color:rgba(255,255,255,.035);}
.bait-stage__pulse{position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--bait-accent) 28%,transparent),transparent 37%);opacity:0;transform:scale(.82);pointer-events:none;}
.bait-stage.is-switching .bait-stage__pulse{animation:bait-pulse .75s ease-out;}
@keyframes bait-pulse{0%{opacity:0;transform:scale(.78)}35%{opacity:.75}100%{opacity:0;transform:scale(1.12)}}
.bait-stage__viewport{position:absolute;inset:56px 2% 78px;z-index:3;display:grid;place-items:center;}
.bait-stage__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .45s ease;outline:none;}
.bait-stage__canvas.is-ready{opacity:1;}.bait-stage__canvas:active{cursor:grabbing;}
.bait-stage__fallback{width:min(88%,1050px);height:auto;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.65));transition:opacity .35s ease,transform .6s ease;z-index:1;}
.bait-stage__canvas.is-ready + .bait-stage__loading{opacity:0;}
.bait-stage.has-3d .bait-stage__fallback{opacity:0;transform:scale(.98);pointer-events:none;}
.bait-stage__loading{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#777;white-space:nowrap;transition:opacity .3s ease;}
.bait-stage__bottom{position:absolute;z-index:5;bottom:23px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;gap:22px;pointer-events:none;}
.bait-stage__identity span{display:block;font-size:10px;font-weight:900;letter-spacing:.2em;color:#737373;margin-bottom:4px;}.bait-stage__identity strong{display:block;font-family:"Rajdhani",Impact,"Arial Black",Arial,sans-serif;font-style:italic;font-size:clamp(27px,3vw,42px);line-height:.9;text-transform:uppercase;letter-spacing:.03em;color:var(--bait-accent);transition:color .45s ease;}
.bait-stage__hint{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#999;}.bait-stage__hint span{color:var(--bait-accent);font-size:18px;margin-right:7px;}
.bait-variants{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.13);}
.bait-variant{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.4);color:#8b8b8b;padding:20px 22px;display:flex;align-items:center;justify-content:center;gap:11px;font:900 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease;}.bait-variant:last-child{border-right:0}.bait-variant:hover,.bait-variant.is-active{background:rgba(200,255,0,.055);color:#fff}.bait-variant.is-active{box-shadow:inset 0 -2px 0 var(--accent)}
.bait-variant__swatch{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 16px currentColor;}.bait-variant__swatch--ghost{background:#e7f4ee;color:#e7f4ee}.bait-variant__swatch--rose{background:#e77794;color:#e77794}.bait-variant__swatch--slime{background:#c8ff00;color:#c8ff00}
.bait-shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:46px;align-items:end;padding:70px 0 52px;}.bait-shop-row__copy{max-width:930px}.bait-shop-row h2{font-size:clamp(44px,6vw,86px);margin-bottom:22px}.bait-shop-row p{font-size:17px;line-height:1.62;color:#cfcfcf;max-width:820px;margin:0}.bait-shop-cta{min-width:220px;justify-content:space-between;white-space:nowrap;margin-bottom:4px;}
.bait-spec-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}.bait-spec-rail>div{padding:23px 20px;border-right:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:14px}.bait-spec-rail>div:last-child{border-right:0}.bait-spec-rail span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.16em}.bait-spec-rail strong{font-size:12px;letter-spacing:.14em;color:#f0f0f0;}
.bait-colors{width:min(1380px,100%);margin:0 auto;padding:30px 44px 88px;}.bait-colors__head{display:grid;grid-template-columns:1fr minmax(280px,470px);align-items:end;gap:36px;padding:0 0 34px;}.bait-colors__head h2{font-size:clamp(46px,6.4vw,90px)}.bait-colors__head p{font-size:15.5px;line-height:1.55;color:#aaa;margin:0 0 6px}.bait-color-lineup{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.bait-color-lineup figure{margin:0;min-width:0;padding:32px 24px 21px;border-right:1px solid rgba(255,255,255,.13);overflow:hidden}.bait-color-lineup figure:last-child{border-right:0}.bait-color-lineup img{width:100%;height:clamp(150px,20vw,260px);object-fit:contain;display:block;filter:drop-shadow(0 18px 26px rgba(0,0,0,.6));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.bait-color-lineup figure:hover img{transform:translateY(-5px) scale(1.04)}.bait-color-lineup figcaption{border-top:1px solid rgba(255,255,255,.11);padding-top:15px;font-family:"Rajdhani",Impact,"Arial Black",Arial,sans-serif;font-style:italic;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:.06em}.bait-color-lineup figcaption span{font:900 10px/1 Arial,sans-serif;color:var(--accent);letter-spacing:.16em;margin-right:12px}.shop-lower-flow{padding-top:16px!important}.shop-proof-title{display:block;font-family:"Rajdhani",Impact,"Arial Black",Arial,sans-serif;font-style:italic;font-size:clamp(30px,3.6vw,48px);line-height:.95;text-transform:uppercase;}
@media(max-width:900px){.bait-showcase{padding:38px 26px 68px}.bait-showcase__intro,.bait-colors__head{grid-template-columns:1fr;gap:20px}.bait-showcase__intro p{max-width:680px}.bait-stage{min-height:580px}.bait-stage__halo{width:min(78vw,610px)}.bait-shop-row{grid-template-columns:1fr;gap:28px;padding-top:54px}.bait-shop-cta{width:min(100%,280px)}.bait-spec-rail{grid-template-columns:repeat(2,1fr)}.bait-spec-rail>div:nth-child(2){border-right:0}.bait-spec-rail>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.bait-colors{padding:24px 26px 68px}.bait-color-lineup{grid-template-columns:1fr}.bait-color-lineup figure{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:25px 18px 18px}.bait-color-lineup figure:last-child{border-bottom:0}.bait-color-lineup img{height:min(34vw,280px)}}
@media(max-width:620px){.bait-showcase{padding:30px 18px 56px}.bait-showcase__intro h2{font-size:clamp(50px,15.5vw,78px)}.bait-showcase__intro{margin-bottom:24px}.bait-stage{min-height:470px}.bait-stage__viewport{inset:52px 0 84px}.bait-stage__halo{width:96vw}.bait-stage__hud{top:17px;left:17px;right:17px;font-size:9px}.bait-stage__hud span:last-child{display:none}.bait-stage__bottom{left:17px;right:17px;bottom:17px}.bait-stage__hint{font-size:9px}.bait-stage__identity strong{font-size:30px}.bait-variants{grid-template-columns:1fr}.bait-variant{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:15px 16px;justify-content:flex-start}.bait-variant:last-child{border-bottom:0}.bait-variant.is-active{box-shadow:inset 2px 0 0 var(--accent)}.bait-shop-row{padding:45px 0 38px}.bait-shop-row h2{font-size:clamp(42px,13.5vw,66px)}.bait-shop-row p{font-size:15.5px}.bait-spec-rail>div{padding:18px 13px;gap:9px}.bait-spec-rail strong{font-size:10px}.bait-colors{padding:16px 18px 56px}.bait-colors__head h2{font-size:clamp(45px,14vw,68px)}.bait-color-lineup img{height:38vw;min-height:150px}.bait-color-lineup figcaption{font-size:19px}}
@media(prefers-reduced-motion:reduce){.bait-stage__pulse{display:none}.bait-color-lineup img,.bait-stage__fallback,.bait-stage__canvas{transition:none!important}}
\n\n/* v39 — clean 3D shop presentation + site content protection */
.bait-showcase--clean{padding-top:34px!important;padding-bottom:88px!important;}
.bait-showcase--clean .bait-stage{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 30%),#030303!important;
  min-height:clamp(500px,56vw,720px);
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}
.bait-showcase--clean .bait-stage__halo,
.bait-showcase--clean .bait-stage__pulse,
.bait-showcase--clean .bait-stage__hud,
.bait-showcase--clean .bait-stage__bottom,
.bait-showcase--clean .bait-stage__loading{display:none!important;}
.bait-showcase--clean .bait-stage__viewport{inset:26px 2%;}
.bait-showcase--clean .bait-stage::before{opacity:.38;}
.bait-showcase--clean .bait-stage::after{opacity:.34;}
.bait-variants--clean{margin-bottom:0;}
.bait-variants--clean .bait-variant__swatch{border-radius:1px;width:14px;height:6px;box-shadow:none;}
.bait-showcase--clean .shop-single-cta{margin:28px 0 0;}
.bait-showcase--clean .product-intro{margin-top:58px;}
@media(max-width:900px){
  .bait-showcase--clean{padding:28px 26px 68px!important;}
  .bait-showcase--clean .bait-stage{min-height:560px;}
  .bait-showcase--clean .bait-stage__viewport{inset:20px 0;}
}
@media(max-width:620px){
  .bait-showcase--clean{padding:24px 18px 56px!important;}
  .bait-showcase--clean .bait-stage{min-height:430px;}
  .bait-showcase--clean .bait-stage__viewport{inset:10px 0;}
  .bait-showcase--clean .product-intro{margin-top:46px;}
}

/* Normal browser UI cannot select/copy/drag public site content. Form fields remain usable. */
html,body,body *:not(input):not(textarea):not(select):not(option){
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
img,svg,canvas{
  -webkit-user-drag:none!important;
  user-drag:none!important;
}
input,textarea,select,option{
  -webkit-user-select:text!important;
  user-select:text!important;
}


/* v40 — glass 3D stage + restored real product lineup (no new copy) */
.bait-showcase--clean .bait-stage{
  background:
    linear-gradient(180deg,rgba(0,0,0,.56),rgba(0,0,0,.28) 58%,rgba(0,0,0,.38)) !important;
  -webkit-backdrop-filter:blur(9px) saturate(112%);
  backdrop-filter:blur(9px) saturate(112%);
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.18);
}
.bait-showcase--clean .bait-stage::before{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 28%) !important;
  opacity:1 !important;
}
.bait-showcase--clean .bait-stage::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent) !important;
  opacity:.45 !important;
}
.bait-showcase--clean .bait-stage__viewport{inset:18px 1.5%;}

/* Keep the color selector visually attached to the glass stage. */
.bait-variants--clean{
  background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.22));
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  border-left:1px solid rgba(255,255,255,.09);
  border-right:1px solid rgba(255,255,255,.09);
}
.bait-variants--clean .bait-variant{background:transparent;}

/* Real-pour lineup: editorial, not cards. */
.real-bait-lineup{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:42px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}
.real-bait-item{
  display:grid;
  grid-template-rows:minmax(190px,1fr) auto;
  align-items:center;
  min-width:0;
  padding:26px 24px 20px;
  border-right:1px solid rgba(255,255,255,.12);
  transition:background .25s ease;
}
.real-bait-item:last-child{border-right:0;}
.real-bait-item:hover{background:rgba(255,255,255,.025);}
.real-bait-item img{
  display:block;
  width:100%;
  max-width:430px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.real-bait-item:hover img{transform:translateY(-4px) scale(1.025);}
.real-bait-name{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.1);
  font-family:"Rajdhani",Impact,"Arial Black",Arial,sans-serif;
  font-style:italic;
  font-weight:900;
  font-size:20px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.bait-showcase--clean .shop-single-cta{margin:34px 0 0;}

@media(max-width:900px){
  .bait-showcase--clean .bait-stage{min-height:500px;}
  .real-bait-lineup{grid-template-columns:1fr;margin-top:30px;}
  .real-bait-item{
    grid-template-rows:auto auto;
    padding:24px 16px 18px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .real-bait-item:last-child{border-bottom:0;}
  .real-bait-item img{width:min(94%,680px);max-width:none;}
  .real-bait-name{font-size:19px;}
}
@media(max-width:620px){
  .bait-showcase--clean .bait-stage{min-height:370px;}
  .bait-showcase--clean .bait-stage__viewport{inset:4px 0;}
  .real-bait-lineup{margin-top:26px;}
  .real-bait-item{padding:22px 8px 17px;}
  .real-bait-item img{width:100%;}
  .real-bait-name{margin:14px 10px 0;padding-top:13px;font-size:18px;}
  .bait-showcase--clean .shop-single-cta{margin-top:28px;}
}


/* v41 — final technical polish: slightly tighter phone 3D stage; desktop/tablet unchanged. */
@media(max-width:620px){
  .bait-showcase--clean .bait-stage{min-height:340px;}
}


/* MOK v43 — client-requested radial gallery direction hint.
   The hint lives outside the sticky/overflow-hidden gallery stage so it can never
   be clipped by the radial compositor. Spacing below the hint is reserved before
   the gallery begins, including phone and iPad portrait layouts. */
.on-water-page .on-water-lead{
  margin-bottom:clamp(1.15rem,2.4vw,1.8rem) !important;
}
.mok-gallery-hint{
  display:flex;
  align-items:center;
  min-height:1.65rem;
  margin:0 0 clamp(2.6rem,5vw,4rem);
  padding:0;
  color:var(--accent);
  font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;
  font-size:clamp(.78rem,1.1vw,.92rem);
  font-weight:900;
  font-style:italic;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.92;
  transition:opacity .32s ease,transform .32s ease;
  pointer-events:none;
  position:relative;
  z-index:2;
}
.mok-gallery-hint b{
  display:inline-block;
  margin-left:.45rem;
  font-size:1.05em;
  line-height:1;
}
.mok-gallery-hint__touch{display:none;}
.mok-gallery-hint__pointer{display:inline-flex;align-items:center;}
.mok-gallery-hint.is-dismissed{
  opacity:0;
  transform:translateY(-.35rem);
}
@media (hover:none), (pointer:coarse){
  .mok-gallery-hint__touch{display:inline-flex;align-items:center;}
  .mok-gallery-hint__pointer{display:none;}
}
@media (max-width:700px) and (orientation:portrait){
  .on-water-page .on-water-lead{margin-bottom:1rem !important;}
  .mok-gallery-hint{
    min-height:1.5rem;
    margin-bottom:2.2rem;
    font-size:.8rem;
  }
}
@media (min-width:701px) and (max-width:1180px) and (orientation:portrait){
  .on-water-page .on-water-lead{margin-bottom:1.15rem !important;}
  .mok-gallery-hint{
    min-height:1.65rem;
    margin-bottom:2.7rem;
    font-size:.88rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .mok-gallery-hint{transition:none;}
}

/* MOK production build v45: uniquely named asset to prevent stale cross-build cache mixing. */

/* MOK v47 — rebuilt scroll-driven radial gallery.
   Keeps the selected radial-gallery visual language while avoiding parent-wheel
   rotation/compositing bugs: every card is positioned directly on the radial arc. */
.mok-radial-gallery{
  --card-w:clamp(17rem,28vw,25rem);
  --card-ratio:3 / 4;
  position:relative !important;
  height:760svh !important;
  width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  contain:layout style !important;
}
.mok-radial-stage{
  position:sticky !important;
  top:0 !important;
  width:100% !important;
  height:100svh !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#050505 !important;
}
.mok-radial-wheel{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  transform-origin:center !important;
  will-change:auto !important;
}
.mok-radial-card{
  --mok-x:0px;
  --mok-y:0px;
  --mok-angle:0deg;
  --mok-scale:1;
  --mok-opacity:0;
  --mok-blur:7px;
  --mok-gray:1;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:var(--card-w) !important;
  aspect-ratio:var(--card-ratio) !important;
  margin:0 !important;
  transform:translate(-50%,-50%) translate3d(var(--mok-x),var(--mok-y),0) rotate(var(--mok-angle)) scale(var(--mok-scale)) !important;
  transform-origin:center !important;
  opacity:var(--mok-opacity) !important;
  pointer-events:none !important;
  z-index:1 !important;
  will-change:transform,opacity !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
.mok-radial-card__media,
.mok-radial-card.is-near .mok-radial-card__media,
.mok-radial-card.is-active .mok-radial-card__media{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:.55rem !important;
  filter:blur(var(--mok-blur)) grayscale(var(--mok-gray)) !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  box-shadow:0 1.3rem 3.4rem rgba(0,0,0,.52) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}
.mok-radial-card.is-active{z-index:4 !important;}
.mok-radial-card.is-active .mok-radial-card__media{box-shadow:0 1.8rem 5rem rgba(0,0,0,.74) !important;}
.mok-radial-vignette{
  background:linear-gradient(to bottom,rgba(5,5,5,.28) 0%,transparent 17%,transparent 78%,#050505 100%) !important;
}
@media (max-width:700px){
  .mok-radial-gallery{--card-w:min(80vw,23rem);height:820svh !important;}
  .mok-radial-card__media{border-radius:.46rem !important;}
}
@media (min-width:701px) and (max-width:1180px) and (orientation:portrait){
  .mok-radial-gallery{--card-w:min(54vw,34rem);height:760svh !important;}
}
@media (min-width:768px) and (max-width:1180px) and (orientation:landscape){
  .mok-radial-gallery{--card-w:min(34vw,22rem);height:760svh !important;}
}
@media (prefers-reduced-motion:reduce){
  .mok-radial-gallery{height:auto !important;width:auto !important;margin-inline:0 !important;contain:none !important;}
  .mok-radial-stage{position:relative !important;height:auto !important;overflow:visible !important;background:transparent !important;}
  .mok-radial-wheel{position:relative !important;inset:auto !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1rem !important;}
  .mok-radial-card{position:relative !important;left:auto !important;top:auto !important;width:auto !important;aspect-ratio:3/4 !important;transform:none !important;opacity:1 !important;}
  .mok-radial-card__media{filter:none !important;}
  .mok-radial-vignette,.mok-radial-progress{display:none !important;}
}


/* MOK v53 — NEW CTA + SOCIAL COMPONENT SYSTEM
   Isolated from legacy .button / .social-btn styling.
   No gallery, layout, navigation, bait-selector, or content selectors are touched. */

.mok-cta,
.mok-social{
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  border:0;
  border-radius:0;
  outline:0;
  -webkit-appearance:none;
  appearance:none;
  text-decoration:none;
  cursor:pointer;
  color:var(--accent);
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),
    rgba(2,2,2,.58);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
  backdrop-filter:blur(12px) saturate(120%);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

/* Draw the four chartreuse edges explicitly rather than using a native border. */
.mok-cta::before,
.mok-social::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(var(--accent),var(--accent)) top left / 100% 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) bottom left / 100% 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) top left / 1px 100% no-repeat,
    linear-gradient(var(--accent),var(--accent)) top right / 1px 100% no-repeat;
}

.mok-cta{
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding:15px 28px;
  font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;
  font-size:17px;
  font-weight:900;
  font-style:italic;
  line-height:normal;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.mok-cta span{
  font-size:26px;
  line-height:1;
}

.mok-cta:hover,
.mok-cta:focus-visible,
.mok-social:hover,
.mok-social:focus-visible{
  color:#020202;
  background:var(--accent);
}

.mok-cta:active,
.mok-social:active{
  transform:translateY(1px);
}

.mok-cta:focus-visible,
.mok-social:focus-visible{
  outline:2px solid rgba(200,255,0,.42);
  outline-offset:3px;
}

.mok-cta--small{
  width:auto;
  display:inline-flex;
  font-size:14px;
  padding:12px 18px;
  letter-spacing:.16em;
}

.mok-social{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:normal;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* Preserve the placement/size behavior of the CTA controls being replaced. */
.dealer-form .mok-cta{
  justify-content:space-between;
  width:max-content;
}

.contact-box .mok-cta{margin-top:8px;}
.single-panel .mok-cta{margin-top:18px;}
.charter-copy .mok-cta{margin-top:18px;width:max-content;}

@media(max-width:850px){
  .mok-cta{
    font-size:16px;
    padding:15px 24px;
  }
}

@media(max-width:420px){
  .mok-cta{
    width:100%;
    justify-content:space-between;
  }
  .mok-cta--small{
    width:100%;
    justify-content:space-between;
  }
}

@media(max-width:720px){
  .charter-copy .mok-cta{
    width:100%;
    justify-content:space-between;
  }
}

@media(prefers-reduced-motion:reduce){
  .mok-cta,
  .mok-social{transition:none;}
}


/* MOK v54 — true replacement CTA/social components.
   Desktop-safe glass look WITHOUT backdrop-filter compositing.
   Only CTA + footer social controls use these classes. */

.mok-glass-cta,
.mok-glass-social{
  box-sizing:border-box;
  position:relative;
  display:inline-flex;
  align-items:center;
  border:0 !important;
  border-radius:0 !important;
  outline:0;
  -webkit-appearance:none;
  appearance:none;
  text-decoration:none;
  cursor:pointer;
  color:var(--accent);
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.015)),
    rgba(2,2,2,.74);
  box-shadow:0 0 0 1px var(--accent) !important;
  -webkit-box-shadow:0 0 0 1px var(--accent) !important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}

/* Explicitly kill any old pseudo-element/button edge drawing. */
.mok-glass-cta::before,
.mok-glass-cta::after,
.mok-glass-social::before,
.mok-glass-social::after{
  content:none !important;
  display:none !important;
}

.mok-glass-cta{
  gap:18px;
  padding:15px 28px;
  font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;
  font-size:17px;
  font-weight:900;
  font-style:italic;
  line-height:normal;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.mok-glass-cta span{
  font-size:26px;
  line-height:1;
}

.mok-glass-social{
  justify-content:center;
  padding:12px 16px;
  font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:normal;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mok-glass-cta:hover,
.mok-glass-cta:focus-visible,
.mok-glass-social:hover,
.mok-glass-social:focus-visible{
  color:#020202;
  background:var(--accent);
  box-shadow:0 0 0 1px var(--accent) !important;
  -webkit-box-shadow:0 0 0 1px var(--accent) !important;
}

.mok-glass-cta:active,
.mok-glass-social:active{
  transform:translateY(1px);
}

.mok-glass-cta:focus-visible,
.mok-glass-social:focus-visible{
  outline:2px solid rgba(200,255,0,.38);
  outline-offset:3px;
}

.mok-glass-cta--small{
  width:auto;
  font-size:14px;
  padding:12px 18px;
  letter-spacing:.16em;
}

/* Preserve the current button dimensions and placement. */
.dealer-form .mok-glass-cta{
  justify-content:space-between;
  width:max-content;
}
.contact-box .mok-glass-cta{margin-top:8px;}
.single-panel .mok-glass-cta{margin-top:18px;}
.charter-copy .mok-glass-cta{margin-top:18px;width:max-content;}

@media(max-width:850px){
  .mok-glass-cta{
    font-size:16px;
    padding:15px 24px;
  }
}

@media(max-width:420px){
  .mok-glass-cta{
    width:100%;
    justify-content:space-between;
  }
  .mok-glass-cta--small{
    width:100%;
    justify-content:space-between;
  }
}

@media(max-width:720px){
  .charter-copy .mok-glass-cta{
    width:100%;
    justify-content:space-between;
  }
}

@media(prefers-reduced-motion:reduce){
  .mok-glass-cta,
  .mok-glass-social{transition:none;}
}


/* MOK v56 — dealer-button face cloned site-wide.
   Every CTA/social uses the same inner rendering surface. No gallery selectors touched. */

.mok-unified-control{
  box-sizing:border-box !important;
  display:inline-block !important;
  border:0 !important;
  outline:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:inherit;
  text-decoration:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
  vertical-align:middle;
  font:inherit;
}

.mok-unified-face{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  position:relative;
  padding:15px 28px;
  border:1px solid #c8ff00;
  border-radius:0;
  color:#c8ff00;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
    rgba(2,2,2,.72);
  font-family:"Rajdhani",Arial Narrow,Roboto Condensed,Impact,Arial,sans-serif;
  font-size:17px;
  font-weight:900;
  font-style:italic;
  line-height:normal;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.mok-unified-face::before,
.mok-unified-face::after{
  content:none !important;
  display:none !important;
}

.mok-unified-arrow{
  display:inline-block;
  font-size:26px;
  line-height:1;
}

.mok-unified-control:hover .mok-unified-face,
.mok-unified-control:focus-visible .mok-unified-face{
  background:#c8ff00;
  color:#020202;
  border-color:#c8ff00;
}

.mok-unified-control:focus-visible{
  outline:2px solid rgba(200,255,0,.42) !important;
  outline-offset:3px !important;
}

.mok-unified-control:active .mok-unified-face{transform:translateY(1px);}

.mok-unified-control--small .mok-unified-face{
  font-size:14px;
  padding:12px 18px;
  letter-spacing:.16em;
}

.mok-unified-control--social .mok-unified-face{
  gap:0;
  padding:12px 16px;
  font-size:12px;
  font-style:normal;
  letter-spacing:.14em;
}

.dealer-form .mok-unified-control{width:max-content;}
.contact-box .mok-unified-control{margin-top:8px;}
.single-panel .mok-unified-control{margin-top:18px;}
.charter-copy .mok-unified-control{margin-top:18px;width:max-content;}

@media(max-width:850px){
  .mok-unified-control:not(.mok-unified-control--small):not(.mok-unified-control--social) .mok-unified-face{
    font-size:16px;
    padding:15px 24px;
  }
}

@media(max-width:420px){
  .mok-unified-control:not(.mok-unified-control--social){
    width:100% !important;
  }
  .mok-unified-control:not(.mok-unified-control--social) .mok-unified-face{
    width:100%;
  }
}

@media(max-width:720px){
  .charter-copy .mok-unified-control{
    width:100% !important;
  }
  .charter-copy .mok-unified-face{
    width:100%;
  }
}


/* MOK v58 — Our Story founder-photo responsive repair.
   Scoped only to .owner-stack/.owner-card. No CTA, gallery, 3D, nav, or global media rules. */

.owner-stack{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:start !important;
  gap:22px !important;
}

.owner-card{
  min-width:0;
}

.owner-card img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
}

@media (max-width:599px){
  .owner-stack{
    grid-template-columns:1fr !important;
    gap:26px !important;
    padding:16px !important;
  }

  .owner-card img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4 / 5 !important;
  }
}

@media (min-width:600px) and (max-width:850px){
  .owner-stack{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    padding:18px !important;
  }
}

@media (min-width:851px) and (max-width:1100px){
  .owner-stack{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    padding:20px !important;
  }
}

@media (min-width:1101px){
  .owner-stack{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
    padding:22px !important;
  }
}