/* ═══════════════════════════════════════════════════════
   MGL2390 Premium Theme — Main Stylesheet
   Developed by DR LAAK | mglgolfmarkers.com
   Version: 1.0.0
═══════════════════════════════════════════════════════ */

:root{
  --g1:#1A3326;--g2:#224433;--g3:#2C5840;--g4:#3A7052;--g5:#4E8C68;
  --c1:#B87333;--c2:#CA8F50;--c3:#DCA96E;--c4:#ECC48C;
  --i1:#F8F4EE;--i2:#F0EAE0;--i3:#E4DAC8;--i4:#D4C8B0;
  --s1:#0E1E16;--s2:#162A1E;
  --ink:#1A1A1A;--mid:#6B6258;--dim:#9A9088;--white:#FFFFFF;
  --ff-h:'Cormorant',Georgia,serif;
  --ff-b:'Outfit',system-ui,sans-serif;
  --ff-m:'DM Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--i1);color:var(--ink);font-family:var(--ff-b);line-height:1.6;overflow-x:hidden;cursor:none}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--c1);border-radius:2px}

/* CURSOR */
#cur{position:fixed;top:0;left:0;z-index:9999;width:10px;height:10px;background:var(--c1);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:width .18s,height .18s}
#cur-r{position:fixed;top:0;left:0;z-index:9998;width:36px;height:36px;border:1.5px solid rgba(184,115,51,.45);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
@media(hover:none){#cur,#cur-r{display:none}body{cursor:auto}}

/* LAYOUT */
.w{max-width:1340px;margin:0 auto;padding:0 52px}
@media(max-width:768px){.w{padding:0 20px}}

/* REVEAL */
.rv{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.35s}.d4{transition-delay:.5s}

/* EYEBROW */
.eye{font-family:var(--ff-m);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--c1);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.eye::before{content:'';width:26px;height:1px;background:var(--c1)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-b);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:13px 32px;border:none;cursor:pointer;border-radius:2px;transition:transform .3s var(--ease),box-shadow .3s,background .2s}
.btn:hover{transform:translateY(-2px)}
.bg{background:var(--g1);color:#EAE4D8}
.bg:hover{background:var(--g2);box-shadow:0 10px 28px rgba(26,51,38,.3)}
.bc{background:var(--c1);color:#fff}
.bc:hover{background:var(--c2);box-shadow:0 10px 28px rgba(184,115,51,.4)}
.bo{background:transparent;border:1px solid rgba(26,51,38,.25);color:var(--g1)}
.bo:hover{background:var(--g1);color:#EAE4D8;border-color:var(--g1)}
.bow{background:transparent;border:1px solid rgba(248,244,238,.3);color:#F0EAE0}
.bow:hover{border-color:var(--c4);color:var(--c4)}
.blg{padding:15px 42px;font-size:13px}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:700;padding:0 52px;display:flex;align-items:center;justify-content:space-between;height:80px;transition:height .3s,background .4s,box-shadow .4s}
#nav.s{background:rgba(248,244,238,.97);backdrop-filter:blur(20px);height:62px;box-shadow:0 1px 0 rgba(26,51,38,.1)}
.nlogo{position:relative;height:46px;display:flex;align-items:center}
#nav.s .nlogo{height:38px}
.nlogo img{height:100%;width:auto;object-fit:contain;position:relative;top:auto;transform:none;transition:opacity .25s;flex-shrink:0}
.nlo-w{opacity:1;left:0}.nlo-d{opacity:0;left:0}
#nav.s .nlo-w{opacity:0}#nav.s .nlo-d{opacity:1}
.nlinks{display:flex;gap:2px;list-style:none}
.nlinks a{font-family:'Outfit',system-ui,sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:2px;transition:color .2s,background .2s;color:rgba(248,244,238,.8)}
#nav.s .nlinks a{color:var(--s2)}
.nlinks a:hover{color:var(--c1);background:rgba(184,115,51,.08)}
.nright{display:flex;align-items:center;gap:10px}
.nacc{font-family:'Outfit',system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 15px;border-radius:2px;cursor:pointer;border:1px solid rgba(248,244,238,.25);background:transparent;color:rgba(248,244,238,.85);transition:all .2s}
#nav.s .nacc{border-color:rgba(26,51,38,.2);color:var(--g1)}
.nacc:hover{border-color:var(--c1);color:var(--c1)}
.ncta{font-family:'Outfit',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:9px 20px;border-radius:2px;cursor:pointer;border:none;background:var(--c1);color:#fff;transition:all .2s}
.ncta:hover{background:var(--c2);transform:translateY(-1px);box-shadow:0 5px 18px rgba(184,115,51,.4)}
#nham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
#nham span{display:block;width:20px;height:1.5px;background:#F0EAE0;transition:all .3s}
#nav.s #nham span{background:var(--g1)}
#mob{display:none;position:fixed;top:62px;left:0;right:0;bottom:0;z-index:699;background:var(--i1);padding:28px 24px;flex-direction:column;gap:2px;overflow-y:auto}
#mob.open{display:flex}
#mob a{font-family:'Outfit',system-ui,sans-serif;font-size:27px;font-weight:300;color:var(--g1);padding:13px 0;border-bottom:1px solid var(--i3);transition:color .2s}
#mob a:hover{color:var(--c1)}
@media(max-width:1080px){.nlinks{display:none}}
@media(max-width:768px){#nav{padding:0 20px}#nham{display:flex}.nright .ncta{display:none}}

/* HERO */

#home{position:relative;min-height:50vh;display:flex;align-items:center;background:#0A160F;overflow:hidden}
.h-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);opacity:.2;pointer-events:none}
.hmc{overflow:hidden}
.hmc img{width:100%;height:100%;object-fit:cover;filter:sepia(15%) saturate(.9)}

/* ── Hero background image (single, no repeat, covers full section) ── */
.h-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  z-index: 0;
  pointer-events: none;
  /* Fallback dark colour while image loads */
  background-color: #0A160F;
}

.hov{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* Dark gradient on left for text legibility
     Lighter on right so golfers are clearly visible */
  background: linear-gradient(
    to right,
    rgba(8, 18, 12, 0.88) 0%,
    rgba(8, 18, 12, 0.72) 30%,
    rgba(8, 18, 12, 0.45) 55%,
    rgba(8, 18, 12, 0.20) 80%,
    rgba(8, 18, 12, 0.10) 100%
  );
}
.hg{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.hcont{position:relative;z-index:10;width:100%;padding-top:65px}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:40px 0}
.hkick{font-family:var(--ff-m);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--c4);display:flex;align-items:center;gap:12px;margin-bottom:28px}
.hkl{width:36px;height:1px;background:var(--c1)}
h1.htitle{font-family:var(--ff-h);font-size:clamp(30px,4vw,54px);font-weight:300;line-height:1.0;letter-spacing:-.03em;color:#F8F4EE;margin-bottom:12px}
h1.htitle em{font-style:italic;color:var(--c3)}
h1.htitle .hl{display:block}
.htag{font-family:var(--ff-h);font-size:clamp(16px,2vw,22px);font-style:italic;color:rgba(248,244,238,.5);margin-bottom:28px}
.hdesc{font-size:16px;color:rgba(248,244,238,.6);line-height:1.95;max-width:500px;margin-bottom:42px}
.hbtns{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.htrust{margin-top:20px;padding-top:14px;border-top:1px solid rgba(248,244,238,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:max-content}
.htn{font-family:var(--ff-h);font-size:36px;font-weight:400;color:var(--c4);line-height:1}
.htl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,244,238,.4);margin-top:4px}
/* Hero right */
.hright{display:flex;align-items:center;justify-content:center}
.hstack{position:relative;width:min(340px,46vw);aspect-ratio:1}
.hhalo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,rgba(184,115,51,.14) 0%,transparent 65%);border:1px solid rgba(184,115,51,.1);animation:hpulse 4s ease-in-out infinite}
.hring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:96%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(184,115,51,.08);animation:hspin 24s linear infinite}
.hring::after{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:var(--c1);box-shadow:0 0 14px var(--c1)}
.hdisc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(184,115,51,.18)}
.hdisc img{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}
.hftag{position:absolute;background:rgba(18,34,22,.9);backdrop-filter:blur(10px);border:1px solid rgba(184,115,51,.2);border-radius:8px;padding:10px 16px;white-space:nowrap}
.hfn{font-family:var(--ff-h);font-size:20px;font-weight:500;color:var(--c4);line-height:1}
.hfl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,244,238,.45);margin-top:3px}
.ft1{top:6%;right:-4%;animation:fl1 4s ease-in-out infinite}
.ft2{bottom:10%;left:-8%;animation:fl2 5s ease-in-out infinite}
.ft3{top:44%;right:-10%;animation:fl1 3.5s ease-in-out infinite .4s}
.hthumbs{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hth{width:56px;height:56px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid rgba(184,115,51,.2);transition:all .25s;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.hth.on{border-color:var(--c1);box-shadow:0 0 0 2px var(--c1),0 4px 18px rgba(184,115,51,.4)}
.hth img{width:100%;height:100%;object-fit:cover}
.hscroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(248,244,238,.3);font-family:var(--ff-m);font-size:9px;letter-spacing:.24em;text-transform:uppercase;animation:fl1 2s ease-in-out infinite}
.hsl{width:1px;height:44px;background:linear-gradient(to bottom,transparent,var(--c1))}
@keyframes hpulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}}
@keyframes hspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes fl1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fl2{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@media(max-width:900px){.hgrid{grid-template-columns:1fr;gap:44px;text-align:center;padding:52px 0}.hkick{justify-content:center}.hdesc{margin:0 auto 38px}.hbtns{justify-content:center}.htrust{margin:38px auto 0}.hright{order:-1}.hstack{width:min(320px,80vw)}.ft1,.ft2,.ft3{display:none}.hmc:nth-child(n+5){display:none}.h-mosaic{grid-template-columns:1fr 1fr}}

/* MARQUEE */
.mqstrip{
  background:var(--g1);
  padding:13px 0;
  overflow:hidden;       /* clips to single row */
  height:44px;           /* fixed height = exactly one line */
  border-top:1px solid rgba(184,115,51,.12);
  border-bottom:1px solid rgba(184,115,51,.12);
  display:flex;
  align-items:center;
}
.mqtrack{
  display:flex;
  flex-wrap:nowrap;      /* never wraps to second row */
  width:max-content;
  animation:mqrun 28s linear infinite;
  will-change:transform;
}
.mqtrack:hover{animation-play-state:paused}
.mqi{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0 28px;
  font-family:var(--ff-m);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(248,244,238,.45);
  white-space:nowrap;
  flex-shrink:0;
}
.mqd{width:4px;height:4px;border-radius:50%;background:var(--c1);flex-shrink:0}
@keyframes mqrun{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* TOP DESIGNS */
#featured{background:var(--i1);padding:120px 0}
.tdhdr{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:60px}
.tdhdr h2{font-family:var(--ff-h);font-size:clamp(36px,5vw,68px);font-weight:300;line-height:1.0;letter-spacing:-.03em;color:var(--g1)}
.tdhdr h2 em{font-style:italic;color:var(--c1)}
.tdgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tdc{background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--i3);transition:transform .4s var(--ease),box-shadow .4s;cursor:pointer;position:relative}
.tdc:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(26,51,38,.14)}
.tdimg{background:var(--i2);aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8%;position:relative}
.tdimg::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,rgba(184,115,51,.1) 0%,transparent 70%)}
.tdimg img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;transition:transform .6s var(--ease);box-shadow:0 18px 50px rgba(0,0,0,.18);position:relative;z-index:1}
.tdc:hover .tdimg img{transform:scale(1.06) rotate(2deg)}
.tdbadge{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--ff-m);font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.tdbadge.gr{background:var(--g1);color:#D4C8B0}
.tdbadge.cp{background:var(--c1);color:#fff}
.tdbody{padding:24px 26px 26px}
.tdname{font-family:var(--ff-h);font-size:21px;font-weight:400;color:var(--g1);margin-bottom:5px}
.tddesc{font-size:13px;color:var(--mid);line-height:1.65;margin-bottom:18px}

@media(max-width:1000px){.tdgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tdgrid{grid-template-columns:1fr}}

/* ABOUT */
#about{background:var(--g1);padding:130px 0;position:relative;overflow:hidden}
#about::before{content:'';position:absolute;top:-20%;right:-8%;width:600px;height:600px;border-radius:50%;background:radial-gradient(ellipse,rgba(184,115,51,.07) 0%,transparent 65%);pointer-events:none}
.abgrid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.abimg{position:relative}
.abframe{border-radius:4px;overflow:hidden;aspect-ratio:4/5;max-width:450px}
.abframe img{width:100%;height:100%;object-fit:cover}
.abacc{position:absolute;bottom:-22px;right:-22px;width:148px;height:148px;border-radius:50%;background:var(--c1);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 36px rgba(184,115,51,.4);text-align:center}
.aban{font-family:var(--ff-h);font-size:34px;font-weight:600;color:#fff;line-height:1}
.abat{font-size:10px;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.abtext .eye{color:var(--c4)}.abtext .eye::before{background:var(--c1)}
.abtext h2{font-family:var(--ff-h);font-size:clamp(32px,4.5vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.02em;color:#F8F4EE;margin-bottom:18px}
.abtext h2 em{font-style:italic;color:var(--c3)}
.abtext p{font-size:15px;color:rgba(248,244,238,.56);line-height:1.95;margin-bottom:14px}
.pills{display:flex;flex-direction:column;gap:11px;margin:26px 0 34px}
.pill{display:flex;gap:15px;align-items:flex-start;padding:15px 17px;background:rgba(248,244,238,.04);border:1px solid rgba(248,244,238,.07);border-radius:6px;transition:background .2s}
.pill:hover{background:rgba(184,115,51,.07)}
.pico{font-size:18px;flex-shrink:0;margin-top:1px}
.ph{font-size:14px;font-weight:600;color:#EAE4D8;margin-bottom:3px}
.pb{font-size:12.5px;color:rgba(248,244,238,.43);line-height:1.6;margin:0}
@media(max-width:900px){.abgrid{grid-template-columns:1fr;gap:48px}.abimg{max-width:360px;margin:0 auto}}

/* 3D VIEWER */
#custom-marker{background:var(--i2);padding:112px 0;position:relative;overflow:hidden}
#custom-marker::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(26,51,38,.03) 0px,rgba(26,51,38,.03) 1px,transparent 1px,transparent 68px),repeating-linear-gradient(90deg,rgba(26,51,38,.03) 0px,rgba(26,51,38,.03) 1px,transparent 1px,transparent 68px);pointer-events:none}
.cmgrid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.cmtext h2{font-family:var(--ff-h);font-size:clamp(32px,4.5vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.02em;color:var(--g1);margin-bottom:14px}
.cmtext h2 em{font-style:italic;color:var(--c1)}
.cmtext p{font-size:15px;color:var(--mid);line-height:1.95;margin-bottom:16px}
.cmfeats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:34px}
.cmfeats li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--s2)}
.cmfeats li::before{content:'✓';width:22px;height:22px;border-radius:50%;background:var(--g4);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.glbox{position:relative;border-radius:16px;overflow:hidden;background:var(--s1);box-shadow:0 36px 90px rgba(26,51,38,.22);aspect-ratio:1;border:1px solid rgba(184,115,51,.1)}
#glc{width:100%;height:100%;display:block}
.glhint{position:absolute;top:14px;right:14px;background:rgba(14,28,18,.75);backdrop-filter:blur(8px);border:1px solid rgba(184,115,51,.18);border-radius:5px;padding:7px 12px;font-family:var(--ff-m);font-size:10px;color:rgba(248,244,238,.5);pointer-events:none}
.glov{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(14,28,22,.95) 0%,transparent 50%);padding:22px;pointer-events:none}
.gllabel{font-family:var(--ff-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c3);margin-bottom:4px}
.gltitle{font-family:var(--ff-h);font-size:17px;font-weight:400;color:#fff}
.glfallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--s1)}
.glfallback img{width:65%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 18px 50px rgba(0,0,0,.5);animation:hspin 12s linear infinite}
@media(max-width:900px){.cmgrid{grid-template-columns:1fr;gap:44px}}

/* YOUTUBE + #1 */
#ytsec{background:var(--g1);padding:112px 0}
.ytgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:76px;align-items:center}
.ytembed{border-radius:12px;overflow:hidden;background:var(--s1);box-shadow:0 28px 70px rgba(0,0,0,.38);border:1px solid rgba(184,115,51,.1)}
.ytinner{position:relative;width:100%;padding-bottom:56.25%}
.ytph{position:absolute;inset:0;background:linear-gradient(135deg,#1A3326,#0E1E16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer}
.ytpi{position:absolute;inset:0;object-fit:cover;opacity:.35}
.ytplay{width:68px;height:68px;border-radius:50%;background:var(--c1);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 0 0 8px rgba(184,115,51,.2);transition:transform .25s,box-shadow .25s}
.ytph:hover .ytplay{transform:scale(1.1);box-shadow:0 0 0 12px rgba(184,115,51,.25)}
.ytlabel{font-family:var(--ff-m);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c4);position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap}
.yttext .eye{color:var(--c4)}.yttext .eye::before{background:var(--c1)}
.yttext h2{font-family:var(--ff-h);font-size:clamp(30px,4vw,52px);font-weight:300;line-height:1.08;letter-spacing:-.02em;color:#F8F4EE;margin-bottom:14px}
.yttext h2 em{font-style:italic;color:var(--c3)}
.yttext p{font-size:15px;color:rgba(248,244,238,.53);line-height:1.95;margin-bottom:12px}
.ytstats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.ytstat{background:rgba(248,244,238,.04);border:1px solid rgba(248,244,238,.07);border-radius:8px;padding:18px}
.ytn{font-family:var(--ff-h);font-size:36px;font-weight:400;color:var(--c3);line-height:1}
.ytl{font-size:11px;color:rgba(248,244,238,.43);margin-top:4px}
@media(max-width:900px){.ytgrid{grid-template-columns:1fr;gap:44px}}

/* PROS */
#pros{background:var(--i1);padding:112px 0}
.prosgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}
.procard{background:var(--white);border:1px solid var(--i3);border-radius:14px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.procard:hover{transform:translateY(-6px);box-shadow:0 22px 56px rgba(26,51,38,.12)}
.proct{padding:28px 26px 22px;background:linear-gradient(135deg,var(--g1),var(--s2));position:relative;overflow:hidden}
.proct::after{content:'';position:absolute;top:-40%;right:-20%;width:180px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(184,115,51,.1) 0%,transparent 65%)}
.proav{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--g3));display:flex;align-items:center;justify-content:center;font-family:var(--ff-h);font-size:24px;font-weight:600;color:#fff;border:3px solid rgba(184,115,51,.35);margin-bottom:14px;position:relative;z-index:1}
.proname{font-family:var(--ff-h);font-size:21px;font-weight:400;color:#F0EAE0;position:relative;z-index:1}
.protitle{font-size:12px;color:rgba(248,244,238,.48);position:relative;z-index:1;margin-top:2px}
.prorank{position:absolute;top:18px;right:18px;z-index:1;background:var(--c1);color:#fff;font-family:var(--ff-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.probody{padding:22px 26px}
.prowin{display:flex;align-items:flex-start;gap:11px;margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid var(--i3)}
.prowin:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}
.pwico{font-size:17px;flex-shrink:0;margin-top:1px}
.pwev{font-size:13px;font-weight:600;color:var(--g1)}
.pwyr{font-size:11px;color:var(--dim)}
.promarker{margin-top:18px;padding:12px;background:var(--i2);border-radius:8px;display:flex;align-items:center;gap:11px}
.pmimg{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0}
.pmimg img{width:100%;height:100%;object-fit:cover}
.pmlabel{font-size:11px;color:var(--mid)}.pmname{font-size:12px;font-weight:600;color:var(--g1);margin-top:2px}
@media(max-width:900px){.prosgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.prosgrid{grid-template-columns:1fr}}

/* PROCESS + SOCIALS */
#process{background:var(--g1);padding:112px 0}
.procgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(248,244,238,.06);border:1px solid rgba(248,244,238,.06);border-radius:8px;overflow:hidden}
.procs{padding:42px 34px;background:var(--g1);position:relative;transition:background .25s}
.procs:hover{background:var(--g2)}
.procn{font-family:var(--ff-h);font-size:68px;font-weight:300;color:rgba(184,115,51,.1);line-height:1;margin-bottom:14px}
.procico{font-size:24px;margin-bottom:14px;display:block}
.proct2{font-size:16px;font-weight:600;color:#EAE4D8;margin-bottom:7px}
.procb{font-size:13px;color:rgba(248,244,238,.4);line-height:1.75}
.procarr{position:absolute;top:50%;right:-1px;transform:translateY(-50%);color:rgba(184,115,51,.22);font-size:18px;z-index:1}
.procs:last-child .procarr{display:none}
/* Socials */
.procsoc{margin-top:56px;padding-top:56px;border-top:1px solid rgba(248,244,238,.08)}
.pshead{text-align:center;margin-bottom:34px}
.pshead h3{font-family:var(--ff-h);font-size:clamp(24px,3.5vw,40px);font-weight:300;color:#F0EAE0;margin-bottom:7px}
.pshead h3 em{font-style:italic;color:var(--c3)}
.pshead p{font-size:14px;color:rgba(248,244,238,.42)}
.psicons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.psico{display:flex;flex-direction:column;align-items:center;gap:8px;width:124px;min-width:0;padding:18px 10px;background:rgba(248,244,238,.04);border:1px solid rgba(248,244,238,.07);border-radius:10px;text-decoration:none;transition:all .25s var(--ease);overflow:hidden}
.psico:hover{background:rgba(184,115,51,.1);border-color:rgba(184,115,51,.25);transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.2)}
.psicoimg{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.psi-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.psi-yt{background:#FF0000}
.psi-tk{background:#010101;border:1px solid #333}
.psi-x{background:#1D9BF0}
.psi-em{background:var(--g3)}
.psi-ph{background:var(--c1)}
.psiname{font-family:var(--ff-m);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(248,244,238,.45);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.psihandle{font-size:11px;font-weight:600;color:#D4C8B0;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
@media(max-width:900px){.procgrid{grid-template-columns:1fr 1fr}.procarr{display:none}}
@media(max-width:560px){.procgrid{grid-template-columns:1fr}}

/* STOREFRONT */
#storefront{background:var(--i1);padding:112px 0}
.sfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px}
.sfc{background:var(--white);border:1px solid var(--i3);border-radius:12px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.sfc:hover{transform:translateY(-6px);box-shadow:0 22px 56px rgba(26,51,38,.12)}
.sfimg{aspect-ratio:1;background:var(--i2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:8%}
.sfimg img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 15px 36px rgba(0,0,0,.18);transition:transform .5s var(--ease)}
.sfc:hover .sfimg img{transform:scale(1.07)}
.sfbadge{position:absolute;top:13px;right:13px;background:var(--c1);color:#fff;font-family:var(--ff-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:2px}
.sfbody{padding:20px 22px}
.sfbody h4{font-family:var(--ff-h);font-size:19px;font-weight:400;color:var(--g1);margin-bottom:4px}
.sfdesc{font-size:13px;color:var(--mid);line-height:1.6;margin-bottom:17px}

/* REQUEST */
#request-design{background:var(--i2);padding:112px 0}
.rdgrid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start}
.rdl h2{font-family:var(--ff-h);font-size:clamp(30px,4vw,52px);font-weight:300;line-height:1.08;color:var(--g1);margin-bottom:14px}
.rdl h2 em{font-style:italic;color:var(--c1)}
.rdl p{font-size:15px;color:var(--mid);line-height:1.95;margin-bottom:20px}
.rdcons{display:flex;flex-direction:column;gap:13px;margin-bottom:28px}
.rdc{display:flex;align-items:center;gap:13px;font-size:14px;color:var(--s2)}
.rdci{width:37px;height:37px;border-radius:6px;background:rgba(26,51,38,.08);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.rdc a{color:var(--g1);font-weight:500}.rdc a:hover{color:var(--c1)}
.rdform{background:var(--white);border:1px solid var(--i3);border-radius:12px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.rdform h3{font-family:var(--ff-h);font-size:22px;font-weight:400;color:var(--g1);margin-bottom:26px}
.fr{margin-bottom:17px}
.fr label{display:block;font-family:var(--ff-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);margin-bottom:6px}
.fr input,.fr select,.fr textarea{width:100%;background:var(--i2);border:1px solid var(--i3);border-radius:4px;color:var(--ink);font-family:var(--ff-b);font-size:14px;padding:12px 15px;outline:none;transition:border-color .2s}
.fr input:focus,.fr select:focus,.fr textarea:focus{border-color:var(--g4)}
.fr textarea{min-height:95px;resize:vertical}
.f2c{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:900px){.rdgrid{grid-template-columns:1fr}}
@media(max-width:560px){.f2c{grid-template-columns:1fr}.rdform{padding:26px}}

/* ── Request form submit button ─────────────────────────────── */
#rdsub { width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:none;background:var(--g1);color:#EAE4D8;font-family:var(--ff-m);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:15px 42px;border-radius:2px;cursor:pointer;transition:transform .3s,box-shadow .3s,background .2s }
#rdsub:hover { background:var(--g2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,51,38,.3) }
#rdsub:disabled { opacity:.7;cursor:not-allowed;transform:none }
.mgl-cf7-wrap .wpcf7-form p { margin-bottom:17px; }
.mgl-cf7-wrap .wpcf7-form label,
.mgl-cf7-wrap .wpcf7-form .wpcf7-form-control-wrap::before { display:block;font-family:var(--ff-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);margin-bottom:6px; }
.mgl-cf7-wrap .wpcf7-form input[type=text],
.mgl-cf7-wrap .wpcf7-form input[type=email],
.mgl-cf7-wrap .wpcf7-form input[type=tel],
.mgl-cf7-wrap .wpcf7-form input[type=url],
.mgl-cf7-wrap .wpcf7-form input[type=number],
.mgl-cf7-wrap .wpcf7-form select,
.mgl-cf7-wrap .wpcf7-form textarea { width:100%;background:var(--i2);border:1px solid var(--i3);border-radius:4px;color:var(--ink);font-family:var(--ff-b);font-size:14px;padding:12px 15px;outline:none;transition:border-color .2s;box-sizing:border-box; }
.mgl-cf7-wrap .wpcf7-form input:focus,
.mgl-cf7-wrap .wpcf7-form select:focus,
.mgl-cf7-wrap .wpcf7-form textarea:focus { border-color:var(--g4); }
.mgl-cf7-wrap .wpcf7-form textarea { min-height:95px;resize:vertical; }
.mgl-cf7-wrap .wpcf7-form input[type=submit],
.mgl-cf7-wrap .wpcf7-form .wpcf7-submit {
    width:100% !important;
    background:var(--g1) !important;
    color:#EAE4D8 !important;
    border:none !important;
    border-radius:2px !important;
    padding:15px 42px !important;
    font-family:var(--ff-m) !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
    transition:transform .3s,box-shadow .3s,background .2s !important;
    box-sizing:border-box !important;
    display:block !important;
    -webkit-appearance:none !important;
    appearance:none !important;
}
.mgl-cf7-wrap .wpcf7-form input[type=submit]:hover,
.mgl-cf7-wrap .wpcf7-form .wpcf7-submit:hover {
    background:var(--g2) !important;
    transform:translateY(-2px);
    box-shadow:0 10px 28px rgba(26,51,38,.3);
}
.mgl-cf7-wrap .wpcf7-form input[type=submit]:disabled { opacity:.7 !important;cursor:not-allowed !important;transform:none !important; }
.mgl-cf7-wrap .wpcf7-response-output { border-radius:6px;padding:10px 14px;font-size:13px;border:none;margin-top:10px; }
.mgl-cf7-wrap .wpcf7-mail-sent-ok { background:#f0fff4;color:#1A3326; }
.mgl-cf7-wrap .wpcf7-validation-errors, .mgl-cf7-wrap .wpcf7-spam-blocked { background:#fee2e2;color:#dc2626; }
.mgl-cf7-wrap .wpcf7-not-valid-tip { color:#dc2626;font-size:11px;margin-top:3px; }

/* EVENTS */
#events{background:var(--i1);padding:112px 0}
.evlist{display:flex;flex-direction:column}
.ev{display:grid;grid-template-columns:86px 1fr auto;gap:26px;align-items:center;padding:24px 0;border-bottom:1px solid var(--i3);cursor:pointer;transition:padding-left .25s,background .2s;border-radius:4px}
.ev:hover{padding-left:16px;background:rgba(26,51,38,.03)}
.evday{font-family:var(--ff-h);font-size:36px;font-weight:300;color:var(--c1);line-height:1}
.evmon{font-family:var(--ff-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.evt{font-size:17px;font-weight:500;color:var(--g1);margin-bottom:4px}
.evm{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--dim)}
.evb{font-family:var(--ff-m);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;border-radius:20px;border:1px solid}
.evb.sp{border-color:rgba(184,115,51,.35);color:var(--c1)}
.evb.op{border-color:rgba(74,124,89,.35);color:var(--g4)}
.evb.fr{border-color:rgba(26,107,58,.3);color:#2E7D52}
.evb.li{border-color:rgba(139,32,32,.3);color:#B71C1C}
@media(max-width:640px){.ev{grid-template-columns:70px 1fr}.evb{display:none}}

/* REVIEWS */
#reviews{background:var(--g1);padding:96px 0;overflow:hidden}
.rvh{text-align:center;margin-bottom:48px}
.rvh .eye{justify-content:center;color:var(--c4)}.rvh .eye::before{background:var(--c1)}
.rvh h2{font-family:var(--ff-h);font-size:clamp(30px,4vw,50px);font-weight:300;color:#F0EAE0}
.rvh h2 em{font-style:italic;color:var(--c3)}
.rvtrack{display:flex;gap:18px;animation:rvsrc 35s linear infinite;width:max-content}
.rvtrack:hover{animation-play-state:paused}
.rvc{flex-shrink:0;width:305px;background:rgba(248,244,238,.04);border:1px solid rgba(248,244,238,.07);border-radius:10px;padding:24px}
.rvcstars{color:var(--c4);font-size:13px;letter-spacing:2px;margin-bottom:11px}
.rvctext{font-size:14px;font-style:italic;color:rgba(248,244,238,.6);line-height:1.75;margin-bottom:17px;font-family:'Libre Baskerville',Georgia,serif}
.rvcauth{display:flex;align-items:center;gap:10px}
.rvcav{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--g3));display:flex;align-items:center;justify-content:center;font-family:var(--ff-h);font-size:13px;font-weight:600;color:#fff}
.rvcn{font-size:13px;font-weight:600;color:#EAE4D8}
.rvcr{font-size:11px;color:rgba(248,244,238,.36)}
@keyframes rvsrc{to{transform:translateX(-50%)}}

/* BLOG */
#blog{background:var(--i2);padding:112px 0}
.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
@media(max-width:900px){.bloggrid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.bloggrid{grid-template-columns:1fr;}}
.blogcard{background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--i3);transition:transform .4s var(--ease),box-shadow .4s;cursor:pointer}
.blogcard:hover{transform:translateY(-6px);box-shadow:0 26px 64px rgba(26,51,38,.11)}
.bcimg{overflow:hidden}
.bcinner{transition:transform .6s var(--ease)}
.blogcard:hover .bcinner{transform:scale(1.04)}
.bcgrad{height:200px;display:flex;align-items:center;justify-content:center;font-size:48px}
.bg1{background:linear-gradient(135deg,#1C3A2A,#2E6347)}
.bg2{background:linear-gradient(135deg,#2A1808,#7A4818)}
.bg3{background:linear-gradient(135deg,#1E2530,#374254)}
.bg4{background:linear-gradient(135deg,#3A1C10,#7A3820)}
.bcbody{padding:28px}
.bccat{font-family:var(--ff-m);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--g4);margin-bottom:10px}
.bcbody h3{font-family:var(--ff-h);font-size:clamp(19px,2.5vw,26px);font-weight:400;line-height:1.25;color:var(--g1);margin-bottom:10px}
.bcbody p{font-size:13.5px;color:var(--mid);line-height:1.8;margin-bottom:20px}
.bcmeta{display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}
.bcread{color:var(--c1);font-weight:600;letter-spacing:.05em}
.blogcard.feat{}
.feat .bcgrad{height:280px;font-size:56px}
.feat .bcbody h3{font-size:clamp(22px,3vw,34px)}
@media(max-width:760px){.bloggrid{grid-template-columns:1fr}.blogcard.feat{grid-column:auto}.feat .bcgrad{height:220px}}

/* CTA BAND */
#ctaband{background:var(--g1);padding:112px 0;text-align:center;position:relative;overflow:hidden}
#ctaband::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(ellipse,rgba(184,115,51,.08) 0%,transparent 60%)}
.ctbi{position:relative;z-index:1}
.ctbi h2{font-family:var(--ff-h);font-size:clamp(42px,6.5vw,88px);font-weight:300;line-height:1.0;letter-spacing:-.03em;color:#F0EAE0;margin:14px 0 20px}
.ctbi h2 em{font-style:italic;color:var(--c3)}
.ctbi p{font-size:17px;color:rgba(248,244,238,.48);max-width:460px;margin:0 auto 44px;line-height:1.9}
.ctbbtns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.ctbnote{margin-top:22px;font-family:var(--ff-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(248,244,238,.2)}

/* FOOTER */
footer{background:#0E1E16;background:var(--s1);border-top:1px solid rgba(184,115,51,.1);padding:84px 0 0;color:rgba(248,244,238,.6)}
.fttop{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.3fr;gap:56px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.05)}
.fblogo{margin-bottom:16px}
.fblogo img{height:42px;width:auto;opacity:.88}
.fbp{font-size:13px;color:rgba(248,244,238,.36);line-height:1.85;max-width:285px;margin-bottom:17px}
.fbtag{font-style:italic;font-size:14px;color:var(--c3);font-family:'Libre Baskerville',Georgia,serif}
.socrow{display:flex;gap:9px;margin-top:20px}
.soca{width:37px;height:37px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;color:rgba(248,244,238,.38);transition:all .2s}
.soca:hover{background:rgba(184,115,51,.15);border-color:rgba(184,115,51,.3);color:var(--c3);transform:translateY(-2px)}
.fc h5{font-family:var(--ff-m);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(184,115,51,.6);margin-bottom:18px}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.fc ul a{font-size:13px;color:rgba(248,244,238,.36);text-decoration:none;transition:color .2s}
.fc ul a:hover{color:#EAE4D8}
.fcont{display:flex;flex-direction:column;gap:11px}
.fcr{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:rgba(248,244,238,.36)}
.fcr a{color:rgba(248,244,238,.36);text-decoration:none}.fcr a:hover{color:var(--c3)}
.ftbot{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:11px;color:rgba(248,244,238,.2);flex-wrap:wrap;gap:10px}
.ftbot a{color:rgba(248,244,238,.2);text-decoration:none}.ftbot a:hover{color:var(--c3)}
.fdev{font-family:var(--ff-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(184,115,51,.35)}
.fusa{background:rgba(184,115,51,.07);border:1px solid rgba(184,115,51,.14);border-radius:3px;padding:4px 9px;font-family:var(--ff-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(184,115,51,.5)}
@media(max-width:1000px){.fttop{grid-template-columns:1fr 1fr;gap:38px}.fblogo{grid-column:1/-1}}
@media(max-width:560px){.fttop{grid-template-columns:1fr}.ftbot{flex-direction:column;text-align:center}}

/* LOGIN MODAL */
#loginm{display:none;position:fixed;inset:0;z-index:999;background:rgba(14,28,18,.75);backdrop-filter:blur(12px);align-items:center;justify-content:center}
#loginm.open{display:flex}
.mbox{background:var(--i1);border-radius:14px;padding:44px;width:min(420px,92vw);position:relative;box-shadow:0 36px 90px rgba(0,0,0,.22)}
.mcls{position:absolute;top:14px;right:14px;background:none;border:none;font-size:19px;cursor:pointer;color:var(--mid);padding:4px 8px}
.mcls:hover{color:var(--g1)}
.mlogo{text-align:center;margin-bottom:28px}
.mlogo img{height:40px;width:auto;margin:0 auto}
.mtabs{display:flex;border-bottom:1px solid var(--i3);margin-bottom:24px}
.mtab{flex:1;text-align:center;padding:10px;cursor:pointer;font-size:13px;font-weight:600;color:var(--mid);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}
.mtab.on{color:var(--g1);border-bottom-color:var(--c1)}
.mform{display:flex;flex-direction:column;gap:13px}
.mform input{width:100%;background:var(--i2);border:1px solid var(--i3);border-radius:4px;color:var(--ink);font-family:var(--ff-b);font-size:14px;padding:12px 15px;outline:none;transition:border-color .2s}
.mform input:focus{border-color:var(--g4)}
.mform input::placeholder{color:var(--dim)}
.mdiv{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--dim)}
.mdiv::before,.mdiv::after{content:'';flex:1;height:1px;background:var(--i3)}

/* ═══════════════════════════════════════════════════════
   WORDPRESS CORE RESETS & COMPATIBILITY
═══════════════════════════════════════════════════════ */

/* Reset WP default styles that conflict with our design */
.site-main { padding: 0; margin: 0; }
.wp-block-group { max-width: 100%; }
.entry-content > * { max-width: 100%; }
p { margin-bottom: 1rem; }

/* Accessibility skip link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 1em;
  z-index: 9999;
  background: var(--g1);
  color: var(--i1);
  padding: 8px 16px;
  border-radius: 4px;
  font-family: var(--ff-b);
  font-size: 13px;
}
.skip-link:focus { left: 1em; }

/* WP admin bar spacing */
.admin-bar #nav { top: 32px; }
@media (max-width: 782px) { .admin-bar #nav { top: 46px; } }

/* ═══════════════════════════════════════════════════════
   ELEMENTOR COMPATIBILITY
═══════════════════════════════════════════════════════ */

/* Allow Elementor to take full width */
.elementor-page .site-main,
.elementor-page .entry-content,
.elementor-page article.page {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Elementor section — preserve our CSS variables */
.elementor-section,
.elementor-container {
  font-family: var(--ff-b);
}

/* Elementor widget heading override */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--ff-h);
}

/* Elementor button override */
.elementor-button {
  font-family: var(--ff-b);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

/* Elementor button — copper style */
.elementor-button.btn-copper-el {
  background: var(--c1);
  color: #fff;
  border: none;
  border-radius: 2px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.elementor-button.btn-copper-el:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(184, 115, 51, 0.4);
}

/* Elementor button — forest style */
.elementor-button.btn-forest-el {
  background: var(--g1);
  color: #EAE4D8;
  border: none;
  border-radius: 2px;
}

/* Elementor image widget — round markers */
.elementor-widget-image.marker-round img {
  border-radius: 50%;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

/* ═══════════════════════════════════════════════════════
   WORDPRESS NATIVE PAGE STYLES
   (used on standard WP pages like Blog, Privacy Policy etc.)
═══════════════════════════════════════════════════════ */

.wp-page-content {
  max-width: 860px;
  margin: 140px auto 80px;
  padding: 0 40px;
}
.wp-page-content h1 {
  font-family: var(--ff-h);
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 300;
  color: var(--g1);
  margin-bottom: 24px;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.wp-page-content h2 {
  font-family: var(--ff-h);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 400;
  color: var(--g1);
  margin: 40px 0 16px;
}
.wp-page-content h3 {
  font-family: var(--ff-h);
  font-size: 22px;
  font-weight: 400;
  color: var(--g2);
  margin: 32px 0 12px;
}
.wp-page-content p {
  font-size: 16px;
  color: var(--mid);
  line-height: 1.95;
  margin-bottom: 20px;
}
.wp-page-content a {
  color: var(--c1);
  text-decoration: underline;
}
.wp-page-content a:hover { color: var(--g1); }

/* ═══════════════════════════════════════════════════════
   BLOG / ARCHIVE PAGE
═══════════════════════════════════════════════════════ */

.blog-archive {
  padding: 140px 0 80px;
  background: var(--i1);
}
.blog-archive-header {
  margin-bottom: 56px;
}
.blog-archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 32px;
}
.blog-post-card {
  background: var(--white);
  border: 1px solid var(--i3);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.4s var(--ease), box-shadow 0.4s;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.blog-post-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 64px rgba(26, 51, 38, 0.11);
}
.blog-post-card .post-thumbnail {
  overflow: hidden;
  height: 220px;
}
.blog-post-card .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s var(--ease);
}
.blog-post-card:hover .post-thumbnail img { transform: scale(1.04); }
.blog-post-card .post-body {
  padding: 28px 28px 32px;
}
.blog-post-card .post-category {
  font-family: var(--ff-m);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g4);
  margin-bottom: 10px;
}
.blog-post-card h2.post-title {
  font-family: var(--ff-h);
  font-size: clamp(20px, 2.5vw, 24px);
  font-weight: 400;
  line-height: 1.25;
  color: var(--g1);
  margin-bottom: 10px;
}
.blog-post-card .post-excerpt {
  font-size: 14px;
  color: var(--mid);
  line-height: 1.75;
  margin-bottom: 20px;
}
.blog-post-card .post-meta {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--dim);
}
.blog-post-card .read-more {
  color: var(--c1);
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* ── Single Post ─────────────────────────── */
.single-post-wrap {
  max-width: 760px;
  margin: 140px auto 80px;
  padding: 0 40px;
}
.single-post-header { margin-bottom: 48px; }
.post-cat-badge {
  display: inline-block;
  font-family: var(--ff-m);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g4);
  background: rgba(58, 112, 82, 0.1);
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.single-post-header h1 {
  font-family: var(--ff-h);
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 300;
  color: var(--g1);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}
.post-byline {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: var(--dim);
  border-bottom: 1px solid var(--i3);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.post-byline .byline-author { font-weight: 600; color: var(--g1); }
.single-post-featured-img {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 48px;
  box-shadow: 0 16px 48px rgba(26, 51, 38, 0.12);
}
.single-post-featured-img img { width: 100%; display: block; }
.single-post-content {
  font-family: var(--ff-a);
  font-size: 18px;
  line-height: 1.9;
  color: var(--ink);
}
.single-post-content h2 {
  font-family: var(--ff-h);
  font-size: 32px;
  font-weight: 400;
  color: var(--g1);
  margin: 48px 0 20px;
  letter-spacing: -0.01em;
}
.single-post-content h3 {
  font-family: var(--ff-h);
  font-size: 24px;
  font-weight: 400;
  color: var(--g2);
  margin: 36px 0 16px;
}
.single-post-content p { margin-bottom: 24px; }
.single-post-content blockquote {
  border-left: 3px solid var(--c1);
  padding: 16px 24px;
  margin: 32px 0;
  background: var(--i2);
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: var(--mid);
}
.single-post-content img {
  border-radius: 8px;
  margin: 32px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.single-post-content a { color: var(--c1); }
.single-post-content a:hover { color: var(--g1); }

/* ── Pagination ──────────────────────────── */
.mgl-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 60px;
}
.mgl-pagination .page-numbers {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--white);
  border: 1px solid var(--i3);
  font-family: var(--ff-b);
  font-size: 14px;
  color: var(--g1);
  text-decoration: none;
  transition: all 0.2s;
}
.mgl-pagination .page-numbers:hover,
.mgl-pagination .page-numbers.current {
  background: var(--g1);
  color: var(--i3);
  border-color: var(--g1);
}

/* ═══════════════════════════════════════════════════════
   WOOCOMMERCE COMPATIBILITY
═══════════════════════════════════════════════════════ */

.woocommerce-page .site-main {
  padding: 140px 0 80px;
}
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--g1) !important;
  color: #EAE4D8 !important;
  font-family: var(--ff-b) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 12px 28px !important;
  border: none !important;
  transition: background 0.2s, transform 0.2s !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover {
  background: var(--g3) !important;
  transform: translateY(-2px) !important;
}
.woocommerce .button.alt,
.woocommerce .button.checkout-button {
  background: var(--c1) !important;
  color: #fff !important;
}
.woocommerce .button.alt:hover {
  background: var(--c2) !important;
}
.woocommerce-message, .woocommerce-info {
  border-top-color: var(--c1);
  background: var(--i1);
  font-family: var(--ff-b);
}
.woocommerce-message::before { color: var(--c1); }

@media (max-width: 600px) {
  .wp-page-content,
  .single-post-wrap { padding: 0 20px; }
  .blog-archive-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════
   SMOOTH SCROLL — native CSS + JS-assisted
═══════════════════════════════════════════════════════ */

/* Native smooth scroll on the html element */
html {
  scroll-behavior: smooth;
}

/* Offset for fixed nav — sections get padding-top equal to nav height
   so the anchor target isn't hidden behind the nav bar */
section[id],
div[id].mgl-section {
  scroll-margin-top: 80px;
}

/* Tighter offset on mobile where nav is shorter */
@media (max-width: 768px) {
  section[id],
  div[id].mgl-section {
    scroll-margin-top: 64px;
  }
}

/* Active nav link state */
.nlinks a.active,
.nlinks a[data-active="true"] {
  color: var(--c1) !important;
}

/* Nav link hover — add copper underline */
.nlinks a {
  position: relative;
}
.nlinks a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1.5px;
  background: var(--c1);
  transition: width 0.25s ease;
}
.nlinks a:hover::after,
.nlinks a.active::after {
  width: calc(100% - 28px);
}

/* ═══════════════════════════════════════════════════════
   TEXT LOGO FALLBACK
   Shows when no custom logo is uploaded and no PNG files exist
═══════════════════════════════════════════════════════ */
.mgl-text-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
.mgl-text-logo-mark {
  font-family: var(--ff-h);
  font-size: 28px;
  font-weight: 600;
  color: var(--c3);
  letter-spacing: -0.02em;
  line-height: 1;
  transition: color 0.2s;
}
#nav.s .mgl-text-logo-mark { color: var(--g1); }
.mgl-text-logo-words {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.mgl-text-logo-name {
  font-family: var(--ff-h);
  font-size: 15px;
  font-weight: 500;
  color: rgba(248,244,238,0.9);
  letter-spacing: 0.01em;
  line-height: 1;
  transition: color 0.2s;
}
.mgl-text-logo-tag {
  font-family: var(--ff-m);
  font-size: 8px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c1);
  line-height: 1;
}
#nav.s .mgl-text-logo-name { color: var(--g1); }

/* WP custom_logo image sizing in nav */
.nlogo .custom-logo-link img,
.nlogo .custom-logo-link {
  height: 100%;
  width: auto;
  display: block;
}
.nlogo .custom-logo {
  height: 100%;
  width: auto;
  max-height: 46px;
  object-fit: contain;
}
#nav.s .nlogo .custom-logo {
  max-height: 38px;
}

/* ═══════════════════════════════════════════════════════
   MARQUEE — single-display fix
   The track contains items×2 (for seamless loop).
   overflow:hidden on .mqstrip ensures only one line shows.
═══════════════════════════════════════════════════════ */
.mqstrip {
  overflow: hidden !important;
  white-space: nowrap;
}
.mqtrack {
  display: inline-flex !important;
  flex-wrap: nowrap;
  width: max-content;
}
/* Ensure animation runs to exactly half (the duplicate set) */
@keyframes mqrun { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* ═══════════════════════════════════════════════════════
   BLOG CARDS — clickable read links
═══════════════════════════════════════════════════════ */
.bcread {
  color: var(--c1);
  font-weight: 600;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: color 0.2s;
}
.bcread:hover { color: var(--g1); }

/* ── Storefront card body ── */
.sfbody{padding:20px 22px 22px}

.sfdesc{font-size:12.5px;color:var(--mid);line-height:1.55;margin-bottom:16px}

/* ── Featured card body ── */
.tdbody{padding:22px 26px 26px}

.tddesc{font-size:12.5px;color:var(--mid);line-height:1.6;margin-bottom:18px}

/* ── Full-width shared button base ── */

/* BUY — copper */

/* CUSTOMIZE — forest green */

/* Remove parent card click cursor on featured (buttons handle clicks now) */

/* ═══════════════════════════════════════════════════════
   IP PROTECTION — CSS layer
   MGL2390 Premium Theme © 2025 DR LAAK / MGL Golf Markers
   Unauthorised cloning prohibited. design@mglgolfmarkers.com
═══════════════════════════════════════════════════════ */

/* Disable text selection on non-input elements */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Allow selection inside form fields only */
input, textarea, select, [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Disable image dragging */
img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}

/* Re-enable pointer events on clickable images */
a img, button img, .hth img, .sfimg img, .tdimg img,
.abframe img, .promarker img, .rdl img, .glfallback img {
  pointer-events: auto;
}

/* Title row: name left, price right */

.sfdesc {
  font-size: 12.5px;
  color: var(--mid);
  line-height: 1.55;
  margin-bottom: 18px;
}

/* Button row — original style, side by side with gap */

/* Featured card title row */

.tddesc {
  font-size: 12.5px;
  color: var(--mid);
  line-height: 1.6;
  margin-bottom: 18px;
}

/* ── Shared button base — ORIGINAL style matching existing .btn ── */

/* BUY — copper, matches .btn-c */

/* CUSTOMIZE — forest green, matches .btn-g */

/* Storefront card footer: price left, buttons right */

/* Button container — sits to the right of the price */

/* Both buttons share the original .sfbtn base style */

/* BUY button — copper accent */

/* CUSTOMIZE button — forest green */

/* ── Featured (Top Designs) card footer ── */

/* Featured button container */

/* Featured cards reuse sfbtn styles */

/* Remove onclick cursor from featured parent cards — buttons handle clicks */
.tdc { cursor: default; }

/* ── Storefront footer ── */

/* /each text hidden per request */

/* ── Featured (top designs) footer ── */

/* /each text hidden per request */

/* ── Shared button base ── */

.sfbtn:hover,

/* BUY — copper */

/* CUSTOMIZE — forest green */


/* ══════════════════════════════════════════════════════════════════
   CARD FOOTER — Definitive, single-source button styles
   Price left · [BUY] · [CUSTOMIZE] right with 20px gap between
   No /each text shown. Buttons have 20px padding, 20px gap.
══════════════════════════════════════════════════════════════════ */

/* Storefront card footer */
.sffoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  flex-wrap: nowrap;
}
.sfprice {
  font-family: var(--ff-h);
  font-size: 26px;
  font-weight: 600;
  color: var(--c1);
  line-height: 1;
  flex-shrink: 0;
}
/* Hide /each */
.sfprice span { display: none; }

/* Button row */
.sfbtns {
  display: flex;
  align-items: center;
  gap: 20px;       /* ← 20px between BUY and CUSTOMIZE */
  flex-shrink: 0;
}

/* Featured card footer */
.tdftr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  flex-wrap: nowrap;
}
.tdprice {
  font-family: var(--ff-h);
  font-size: 26px;
  font-weight: 600;
  color: var(--c1);
  line-height: 1;
  flex-shrink: 0;
}
/* Hide /each */
.tdprice sub { display: none; }

.tdbtns {
  display: flex;
  align-items: center;
  gap: 20px;       /* ← 20px between BUY and CUSTOMIZE */
  flex-shrink: 0;
}

/* Shared button base — both .sfbtn and .tdbtn */
.sfbtn,
.tdbtn {
  font-family: var(--ff-b);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 11px 20px;    /* ← 20px horizontal padding */
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
}
.sfbtn:hover,
.tdbtn:hover { transform: translateY(-2px); }

/* BUY — copper */
.sfbtn-buy,
.tdbtn-buy {
  background: var(--c1);
  color: #fff;
}
.sfbtn-buy:hover,
.tdbtn-buy:hover {
  background: var(--c2);
  box-shadow: 0 5px 16px rgba(184,115,51,0.45);
}

/* CUSTOMIZE — forest green */
.sfbtn-customize,
.tdbtn-customize {
  background: var(--g1);
  color: #D4C8B0;
}
.sfbtn-customize:hover,
.tdbtn-customize:hover {
  background: var(--g3);
  box-shadow: 0 5px 16px rgba(26,51,38,0.3);
}

/* Featured card: remove parent onclick cursor */
.tdc { cursor: default; }

/* ══════════════════════════════════════════════════════════════════
   BLOG GRID — 3 columns max, 6 cards, good spacing
══════════════════════════════════════════════════════════════════ */
.bloggrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.blogcard {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--i3);
  background: var(--white);
  transition: transform 0.4s var(--ease), box-shadow 0.4s;
  cursor: pointer;
}
.blogcard:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(26,51,38,0.1);
}
/* No more feature card spanning full width */
.blogcard.feat { grid-column: auto; }

@media (max-width: 900px) {
  .bloggrid { grid-template-columns: 1fr 1fr; gap: 24px; }
}
@media (max-width: 560px) {
  .bloggrid { grid-template-columns: 1fr; gap: 20px; }
}

/* ══════════════════════════════════════════════════════════════════
   HERO BACKGROUND IMAGE
   Applied via JS as background-image on .h-bg-img div
══════════════════════════════════════════════════════════════════ */
.h-bg-img {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: 0;
  pointer-events: none;
  background-color: #0A160F; /* fallback */
}

/* ══════════════════════════════════════════════════════════════════
   ELEMENTOR EDITOR COMPATIBILITY
   Removes WP default padding that makes sections look misaligned
══════════════════════════════════════════════════════════════════ */
.elementor-editor-active .site-main,
.elementor-page .site-main,
.mgl-elementor-active .site-main,
.elementor-page #main {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
/* Elementor sections use our CSS custom properties */
.elementor-section,
.elementor-container,
.elementor-widget-container,
.e-container {
  --ff-h: 'Cormorant', Georgia, serif;
  --ff-b: 'Outfit', system-ui, sans-serif;
  --ff-m: 'DM Mono', monospace;
}
/* Full width in Elementor */
.elementor-section.elementor-section-full_width .elementor-container {
  max-width: 100%;
}
/* Our theme sections inside Elementor HTML widget */
.elementor-widget-html section,
.elementor-widget-html div {
  max-width: 100%;
}


/* ════ Blog / Article Global Typography ════ */
.mgl-post-body,
.entry-content,
.post-content,
article.post .the-content,
.single-post .post-body {
    font-family: 'Cormorant', Georgia, serif;
    font-size: 20px;
    line-height: 1.85;
    color: #2C2218;
}
.mgl-post-body h2, .entry-content h2 {
    font-family: 'Cormorant', Georgia, serif;
    font-size: clamp(24px,3.5vw,36px);
    font-weight: 500;
    color: #1A3326;
    margin: 48px 0 16px;
    letter-spacing: -.01em;
}
.mgl-post-body h3, .entry-content h3 {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #B87333;
    margin: 32px 0 10px;
}
.mgl-post-body p, .entry-content p { margin: 0 0 24px; }
.mgl-post-body strong, .entry-content strong { color: #1A3326; font-weight: 700; }

/* ════ MGL2390 Studios Brand Name — Playfair Display ════ */
.mgl-logo-name,
.mgl-footer-brand,
[class*="mgl-brand"],
.mgl-studio-name {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
}

/* ════ Page Body Typography ════ */
.mgl-page-body,
.mgl-page-wrap .mgl-page-body {
    font-family: 'Cormorant', Georgia, serif;
    font-size: 18px;
    line-height: 1.85;
}

/* ════ Marquee Strip (new) ════ */
.mq-wrap {
    overflow: hidden;
    white-space: nowrap;
    background: var(--g1);
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.mq-track {
    display: inline-flex;
    align-items: center;
    gap: 0;
    animation: mqrun 28s linear infinite;
    will-change: transform;
}
.mq-wrap:hover .mq-track { animation-play-state: paused; }
.mq-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 28px;
    font-family: var(--ff-m);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(236,196,140,.65);
    white-space: nowrap;
    flex-shrink: 0;
}
.mq-dot {
    color: var(--c1);
    font-size: 8px;
    opacity: .6;
}

/* ════ Who We Are Section ════ */
.mgl-wwa-wrap { max-width:1200px;margin:0 auto;padding:0 32px }
.mgl-wwa-hdr { text-align:center;margin-bottom:64px }
.mgl-wwa-hdr .eye {
    font-family:var(--ff-m);font-size:10px;letter-spacing:.22em;
    text-transform:uppercase;color:var(--c1);
    display:inline-flex;align-items:center;gap:12px;margin-bottom:16px
}
.mgl-wwa-hdr .eye span { width:28px;height:1px;background:var(--c1);display:inline-block }
.mgl-wwa-hdr h2 {
    font-family:var(--ff-h);font-size:clamp(36px,5vw,64px);
    font-weight:300;color:var(--g1);margin:0 0 16px;letter-spacing:-.02em
}
.mgl-wwa-hdr h2 em { font-style:italic;color:var(--c1) }
.mgl-wwa-hdr p {
    font-family:var(--ff-h);font-size:19px;font-style:italic;
    color:var(--g3);max-width:520px;margin:0 auto
}

/* Card layout */
.mgl-wwa-card {
    display:grid;grid-template-columns:1fr 1fr;
    border:1px solid #E4DAC8;border-radius:20px;
    overflow:hidden;background:#fff;
    margin-bottom:28px;
    box-shadow:0 2px 16px rgba(26,51,38,.07), 0 0 0 1px rgba(228,218,200,.8);
    opacity:0;transform:translateY(28px);
    transition:opacity .6s ease,transform .6s ease,box-shadow .3s,transform .3s
}
.mgl-wwa-card.mgl-visible { opacity:1;transform:translateY(0) }
.mgl-wwa-card:hover { box-shadow:0 20px 56px rgba(26,51,38,.13), 0 0 0 1px rgba(184,115,51,.4);transform:translateY(-3px) }
.mgl-wwa-card.flip { direction:rtl }
.mgl-wwa-card.flip > * { direction:ltr }
@media(max-width:768px) {
    .mgl-wwa-card,
    .mgl-wwa-card.flip { grid-template-columns:1fr;direction:ltr }
}

/* Image side */
.mgl-wwa-img {
    position:relative;min-height:360px;overflow:hidden;
    background:linear-gradient(135deg,#F0EBE3 0%,#E0D5C8 100%)
}
.mgl-wwa-img img {
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .5s ease
}
.mgl-wwa-card:hover .mgl-wwa-img img { transform:scale(1.04) }
.mgl-wwa-img::after {
    content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--c1),var(--c2),var(--c1));
    opacity:0;transition:opacity .3s
}
.mgl-wwa-card:hover .mgl-wwa-img::after { opacity:1 }

/* Placeholder */
.mgl-wwa-ph {
    position:absolute;inset:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px
}
.mgl-wwa-ph svg { opacity:.5 }
.mgl-wwa-ph span {
    font-family:var(--ff-m);font-size:9px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--g3)
}

/* Text side */
.mgl-wwa-body {
    padding:52px 48px;display:flex;flex-direction:column;justify-content:center
}
@media(max-width:900px) { .mgl-wwa-body { padding:36px 32px } }
@media(max-width:768px) { .mgl-wwa-body { padding:32px 24px } }

.mgl-wwa-eyebrow {
    font-family:var(--ff-m);font-size:9px;letter-spacing:.2em;
    text-transform:uppercase;color:var(--c1);
    display:flex;align-items:center;gap:10px;margin-bottom:18px
}
.mgl-wwa-eyebrow::before {
    content:'';width:20px;height:1px;background:var(--c1);display:inline-block
}
.mgl-wwa-title {
    font-family:'Cormorant',Georgia,serif;font-size:clamp(24px,3.5vw,38px);
    font-weight:400;color:var(--g1);line-height:1.15;
    margin:0 0 20px;letter-spacing:-.01em
}
.mgl-wwa-text {
    font-family:var(--ff-h);font-size:18px;color:var(--g3);line-height:1.85;margin:0
}

/* ════ Global: all body/paragraph text uses Cormorant serif ════ */
body, p, li, td, th,
.mgl-wwa-text, .mgl-usp-body, .mgl-proc-body,
.mgl-rev-text, .mgl-svc-body, .mgl-sc-desc,
.mgl-blog-excerpt, .ct-left-sub, .ft-desc,
.mgl-svc-simple-p, .mgl-yt-hdr p,
.mgl-prod-hdr-right, .mgl-gal-hdr p,
.mgl-brands-desc, .mgl-brand-desc {
    font-family: 'Cormorant', Georgia, serif;
}
/* Keep monospace where intentional */
.mgl-svc-pill, .mgl-proc-body .ff-m,
.mgl-blog-cat, .mgl-blog-date, .mgl-blog-read,
.eye, .mgl-wwa-eyebrow, .mgl-usp-stat,
.mgl-sc-buy, .mgl-sc-customize, .mgl-sc-badge,
.ft-bottom, .ft-col h5, .ft-soc-btn,
[class*="ff-m"], [style*="ff-m"] {
    font-family: 'DM Mono', monospace;
}