/* Home-specific — Modern Craft. Scoped under body.mk-modern. */
body.mk-modern .ph{width:100%;height:100%;object-fit:cover;display:block;}

body.mk-modern .hero{position:relative;overflow:hidden;}
body.mk-modern .hero-inner{display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center;padding:74px 0 86px;}
body.mk-modern .hero-copy .eyebrow{margin-bottom:20px;display:inline-flex;}
body.mk-modern .hero-copy h1{margin-bottom:22px;}
body.mk-modern .hero-copy .lead{margin-bottom:34px;max-width:33ch;}
body.mk-modern .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
body.mk-modern .hero-trust{display:flex;gap:26px;margin-top:38px;}
body.mk-modern .hero-trust .ht{display:flex;flex-direction:column;gap:3px;}
body.mk-modern .hero-trust .ht b{font-size:23px;font-weight:700;color:var(--fg);letter-spacing:-.02em;}
body.mk-modern .hero-trust .ht span{font-size:13px;color:var(--muted-fg);}
body.mk-modern .hero-trust .ht-sep{width:1px;background:var(--border);}

body.mk-modern .hero-media{position:relative;}
body.mk-modern .hero-media .frame{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);transform:rotate(1.4deg);}
body.mk-modern .hero-media .frame .ph{height:540px;}
body.mk-modern .hero-media .float-badge{
  position:absolute;left:-26px;bottom:38px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:15px 19px;display:flex;align-items:center;gap:13px;
  transform:rotate(-2deg);z-index:3;
}
body.mk-modern .hero-media .float-badge .fb-ic{width:42px;height:42px;border-radius:var(--r);background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
body.mk-modern .hero-media .float-badge .fb-ic svg{width:22px;height:22px;}
body.mk-modern .hero-media .float-badge b{display:block;font-size:15px;}
body.mk-modern .hero-media .float-badge span{font-size:12.5px;color:var(--muted-fg);}
body.mk-modern .hero-blob{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(60px);opacity:.5;z-index:-1;}
body.mk-modern .hero-blob.a{background:rgba(95,158,67,.22);top:-120px;right:-80px;}
body.mk-modern .hero-blob.b{background:rgba(27,122,140,.16);bottom:-140px;left:30%;}

body.mk-modern .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px;}
body.mk-modern .sec-head .sh-l{max-width:560px;}
body.mk-modern .sec-head .eyebrow{margin-bottom:14px;display:inline-flex;}
body.mk-modern .sec-head p.muted{margin-top:12px;font-size:16px;}

body.mk-modern .cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
body.mk-modern .cat-card{display:flex;flex-direction:column;cursor:pointer;}
body.mk-modern .cat-card .cc-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--muted);}
body.mk-modern .cat-card .cc-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1;}
body.mk-modern .cat-card .cc-title{font-size:19px;font-weight:700;letter-spacing:-.01em;}
body.mk-modern .cat-card .cc-desc{font-size:14px;color:var(--muted-fg);line-height:1.55;flex:1;}
body.mk-modern .cat-card .cc-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-weight:600;font-size:14.5px;margin-top:6px;transition:gap .15s;}
body.mk-modern .cat-card:hover .cc-link{gap:11px;}
body.mk-modern .cat-card .cc-link svg{width:16px;height:16px;}
body.mk-modern .cat-badge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);}

body.mk-modern .feature{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--teal-700);color:#fff;}
body.mk-modern .feature::before{content:"";position:absolute;inset:0;background:var(--grad);opacity:1;}
body.mk-modern .feature-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch;}
body.mk-modern .feature-copy{padding:60px 56px;display:flex;flex-direction:column;justify-content:center;}
body.mk-modern .feature-copy .eyebrow{color:rgba(255,255,255,.85);margin-bottom:16px;}
body.mk-modern .feature-copy h2{color:#fff;font-size:clamp(26px,2.6vw,36px);margin-bottom:16px;}
body.mk-modern .feature-copy p{color:rgba(255,255,255,.9);font-size:17px;line-height:1.6;max-width:42ch;margin-bottom:30px;}
body.mk-modern .feature-copy .btn-light{background:#fff;color:var(--teal-700);}
body.mk-modern .feature-copy .btn-light:hover{background:rgba(255,255,255,.9);}
body.mk-modern .feature-media{position:relative;min-height:340px;}
body.mk-modern .feature-media .ph{position:absolute;inset:0;}
body.mk-modern .feature-dots{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1.5px,transparent 0);background-size:26px 26px;pointer-events:none;}

body.mk-modern .story{display:grid;grid-template-columns:1fr 1.06fr;gap:56px;align-items:center;}
body.mk-modern .story-media{position:relative;}
body.mk-modern .story-media .frame{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);}
/* the source photo is 3:4 portrait — follow it instead of cropping to a
   near-square 480px box, capped so it stays sane on very wide screens */
body.mk-modern .story-media .frame{aspect-ratio:3/4;max-height:760px;}
body.mk-modern .story-media .frame .ph{height:100%;}
body.mk-modern .story-copy .eyebrow{margin-bottom:16px;display:inline-flex;}
body.mk-modern .story-copy h2{margin-bottom:24px;}
body.mk-modern .story-copy p{color:var(--fg-soft);font-size:16.5px;line-height:1.72;margin-bottom:18px;}
body.mk-modern .story-sign{margin-top:28px;font-size:26px;color:var(--teal);font-weight:700;font-style:italic;letter-spacing:-.01em;font-family:'Caveat',cursive;}

body.mk-modern .values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
body.mk-modern .value{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);}
body.mk-modern .value .v-ic{width:46px;height:46px;border-radius:var(--r);background:rgba(95,158,67,.14);color:var(--green-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
body.mk-modern .value .v-ic svg{width:23px;height:23px;}
body.mk-modern .value h3{font-size:16.5px;margin-bottom:5px;}
body.mk-modern .value p{font-size:14px;color:var(--muted-fg);line-height:1.55;}

@media (max-width:960px){
  body.mk-modern .hero-inner{grid-template-columns:1fr;gap:40px;}
  body.mk-modern .hero-media .frame{transform:none;}
  body.mk-modern .cat-grid,body.mk-modern .values{grid-template-columns:1fr;}
  body.mk-modern .feature-grid,body.mk-modern .story{grid-template-columns:1fr;}
  body.mk-modern .feature-media{min-height:240px;}
  body.mk-modern .story-media{order:-1;}
}