:root{
    --paper:#F6F1E8;
    --paper-2:#FBF8F2;
    --sand:#EADFCB;
    --stone:#D6C7AC;
    --clay:#B6A584;
    --green:#15634A;
    --green-700:#0F4536;
    --signal:#1F8A63;
    --signal-tint:#E4EFE9;
    --ink:#1C1A14;
    --ink-soft:#5C574C;
    --ink-faint:#928B7C;
    --line:rgba(28,26,20,.13);
    --line-2:rgba(28,26,20,.08);
    --ui:"Quicksand", system-ui, sans-serif;
    --serif:"Playfair Display", Georgia, serif;
    --edit:"Cormorant Garamond", Georgia, serif;
    --hand:"Caveat", cursive;
    --maxw:1180px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;}
  body{font-family:var(--ui); color:var(--ink); background:var(--paper);}
  button{font-family:inherit; cursor:pointer;}
  input{font-family:inherit;}
  ::selection{background:var(--signal-tint);}

  /* ============ SECTION ============ */
  .section{
    background:
      radial-gradient(120% 80% at 50% -10%, var(--paper-2), transparent 60%),
      linear-gradient(180deg, var(--paper) 0%, var(--paper) 70%, var(--sand) 140%);
    padding:clamp(44px,6vw,88px) clamp(18px,5vw,72px) clamp(56px,8vw,110px);
  }
  .wrap{max-width:var(--maxw); margin:0 auto;}

  /* ============ MARKER ACCENTS (hand voice) ============ */
  .mk{font-family:var(--hand); color:var(--ink); line-height:1.02; pointer-events:none; user-select:none;}
  .mk .mk-txt{display:block; font-size:21px; font-weight:600; transform:rotate(-2deg);}
  .mk svg{display:block;}

  /* header */
  .head{display:grid; grid-template-columns:1fr auto; align-items:end; gap:28px; margin-bottom:30px;}
  .head-l{position:relative;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:11px;
    font-size:12px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--green);
    margin:0 0 16px;
  }
  .eyebrow::before{content:""; width:26px; height:1.5px; background:var(--green);}
  .head h2{
    margin:0; font-family:var(--serif); font-weight:500; letter-spacing:-.01em;
    font-size:clamp(28px,4.4vw,52px); line-height:1.08; color:var(--ink); max-width:15ch; text-wrap:balance;
  }
  .head h2 em{font-style:italic; color:var(--green); position:relative; white-space:nowrap;}
  .head h2 em .hand-line{
    position:absolute; left:-2%; right:-2%; bottom:-.05em; width:104%; height:.13em; color:var(--ink);
  }
  .head .lede{
    font-family:var(--edit); font-size:clamp(17px,1.9vw,22px); line-height:1.45; color:var(--ink-soft);
    max-width:34ch; margin:0; padding-bottom:6px;
  }
  /* handwritten aside removed from the homepage header — it collided with the lede */
  .mk-h2{display:none;}

  /* ============ SIZE PICKER · type cards + exact slider ============ */
  .picker{
    padding:22px clamp(18px,3vw,30px) 26px;
    background:var(--paper-2); border:1px solid var(--line); border-radius:20px;
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 16px 40px -34px rgba(28,26,20,.5);
    margin-bottom:clamp(34px,5vw,54px);
  }
  .picker-top{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap;}
  .picker-top .p-q{font-family:var(--serif); font-size:clamp(19px,2.2vw,25px); font-weight:500; color:var(--ink);}
  .picker-top .p-cur{font-size:14px; font-weight:600; color:var(--ink-faint);}
  .picker-top .p-cur{white-space:nowrap;}
  .picker-top .p-cur b{font-size:20px; color:var(--green-700); font-variant-numeric:tabular-nums; display:inline-block; min-width:5ch; text-align:right;}

  .type-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
  .typecard{
    cursor:pointer; border:2px solid var(--line); border-radius:16px; background:var(--paper);
    padding:18px 16px 16px; display:flex; flex-direction:column; gap:9px; min-height:150px;
    transition:transform .3s cubic-bezier(.22,.84,.24,1), border-color .15s, background .15s, box-shadow .3s;
    text-align:left;
  }
  .typecard .ic{width:30px; height:30px; color:var(--green);}
  .typecard .ic svg{width:100%; height:100%;}
  .typecard b{font-size:15.5px; color:var(--ink); font-weight:700; line-height:1.15;}
  .typecard .ts{font-size:12px; color:var(--ink-faint); font-weight:500;}
  .typecard .tsz{margin-top:auto; font-size:13px; color:var(--green-700); font-weight:700;}
  .typecard:hover{border-color:var(--ink-soft); transform:translateY(-3px); box-shadow:0 16px 32px -24px rgba(28,26,20,.55);}
  /* only colour changes on activation — geometry stays identical so the slider never makes the picker jump */
  .typecard.on{border-color:var(--green); background:var(--signal-tint);}

  /* --- exact-size slider --- */
  .slider-row{margin-top:20px; padding-top:18px; border-top:1.5px dashed var(--line);}
  .sl-top{display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:8px;}
  .sl-label{font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-faint);}
  .mk-slider{display:flex; align-items:flex-end; gap:4px; margin-bottom:-12px;}
  .mk-slider .mk-txt{font-size:20px;}
  .mk-slider svg{margin-bottom:-16px;}
  .sl-val{display:flex; align-items:baseline; gap:6px; font-variant-numeric:tabular-nums;}
  .sl-val b{font-size:28px; font-weight:700; color:var(--green-700); letter-spacing:-.01em; display:inline-block; min-width:4.4ch; text-align:right;}
  .sl-val span{font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-faint);}
  #sz-range{
    -webkit-appearance:none; appearance:none; width:100%; height:30px; background:transparent; margin:0; padding:0; cursor:pointer;
  }
  #sz-range::-webkit-slider-runnable-track{
    height:8px; border-radius:8px;
    background:linear-gradient(90deg, var(--green) var(--fill,10%), var(--sand) var(--fill,10%));
  }
  #sz-range::-webkit-slider-thumb{
    -webkit-appearance:none; width:28px; height:28px; border-radius:50%; margin-top:-10px;
    background:var(--paper-2); border:3.5px solid var(--green);
    box-shadow:0 2px 10px rgba(28,26,20,.3); cursor:grab;
  }
  #sz-range:active::-webkit-slider-thumb{cursor:grabbing; background:var(--signal-tint);}
  #sz-range::-moz-range-track{height:8px; border-radius:8px; background:var(--sand);}
  #sz-range::-moz-range-progress{height:8px; border-radius:8px; background:var(--green);}
  #sz-range::-moz-range-thumb{
    width:21px; height:21px; border-radius:50%; background:var(--paper-2);
    border:3.5px solid var(--green); box-shadow:0 2px 10px rgba(28,26,20,.3); cursor:grab;
  }
  .sl-scale{display:flex; justify-content:space-between; margin-top:7px;
    font-size:11px; font-weight:600; color:var(--ink-faint); font-variant-numeric:tabular-nums;}

  /* ============ MATRIX (desktop) ============ */
  .sub-head{display:flex; align-items:baseline; gap:14px; margin:0 0 18px; flex-wrap:wrap;}
  .sub-head .se{font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--green);}
  .sub-head .sx{font-family:var(--edit); font-style:italic; font-size:18px; color:var(--ink-soft);}

  .matrix{
    border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--paper-2);
    box-shadow:0 24px 60px -44px rgba(28,26,20,.55);
  }
  .mx-grid{display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;}
  .mx-cell{padding:22px clamp(12px,1.3vw,22px);}
  .mx-corner{display:flex; flex-direction:column; justify-content:flex-end; gap:6px; background:var(--paper-2);}
  .mx-corner .wi{font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--green);}
  .mx-corner .wi-sub{font-family:var(--edit); font-style:italic; font-size:17px; color:var(--ink-soft);}
  .mx-head{
    position:relative; border-left:1px solid var(--line-2); padding-top:52px;
    display:flex; flex-direction:column; gap:3px; background:var(--paper-2);
  }
  .mx-head.feat{background:linear-gradient(180deg, var(--signal-tint), var(--paper-2));}
  .mx-head .tag{
    position:absolute; top:12px; right:clamp(12px,1.3vw,22px);
    font-family:var(--hand); font-size:20px; font-weight:700; color:var(--green-700);
    transform:rotate(-3deg); white-space:nowrap;
  }
  .mx-head .pname{font-family:var(--serif); font-weight:600; font-size:21px; color:var(--ink); display:flex; align-items:center; gap:8px;}
  .mx-head .pname .ar{color:var(--green);}
  .mx-head .price{display:flex; align-items:baseline; gap:4px; margin-top:8px; position:relative; align-self:flex-start; padding:0 4px;}
  .mx-head .price .c{font-size:20px; font-weight:700; color:var(--green-700);}
  .mx-head .price .v{font-size:34px; font-weight:700; letter-spacing:-.02em; color:var(--ink); line-height:.95; font-variant-numeric:tabular-nums;}
  .mx-head.feat .price .v{color:var(--green-700);}
  .mk-ring{position:absolute; left:-13px; top:-11px; width:calc(100% + 26px); height:calc(100% + 21px);
    color:var(--ink); transform:rotate(-2deg); pointer-events:none;}
  .mx-head .psub{font-size:12.5px; color:var(--ink-faint); font-weight:600; margin-top:7px;}
  .mx-head .cta{
    margin-top:16px; padding:11px 14px; border-radius:100px; font-size:13.5px; font-weight:700;
    border:1.5px solid var(--ink); background:transparent; color:var(--ink); display:flex; align-items:center; justify-content:center; gap:8px; transition:.15s;
  }
  .mx-head .cta .ar{transition:transform .2s;}
  .mx-head .cta:hover .ar{transform:translateX(3px);}
  .mx-head.feat .cta{background:var(--green); border-color:var(--green); color:#fff;}
  .mx-head .cta:hover{background:var(--sand);}
  .mx-head.feat .cta:hover{background:var(--green-700);}
  .mx-row{display:contents;}
  .mx-row.mx-group .rl.gfull{
    grid-column:1 / -1; padding:11px clamp(12px,1.3vw,22px); background:var(--sand); border-top:none !important;
    font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--green);
  }
  .mx-row .rl, .mx-row .rc{padding:13px clamp(12px,1.3vw,22px); border-top:1px solid var(--line-2); display:flex; align-items:center;}
  .mx-row .rl .note{display:none; margin-left:6px; font-style:italic; color:var(--ink-faint); font-weight:500;}
  .mx-row .rl.show-note .note{display:none;} /* v2 · description shows as a floating popover, never inline */
  .mx-row .rl{gap:10px; flex-wrap:wrap;}
  .mx-row .rl b{font-size:14.5px; font-weight:600; color:var(--ink);}
  .mx-row .rl .note{font-family:var(--edit); font-style:italic; font-size:15px; color:var(--ink-faint);}
  .mx-row .rc{justify-content:center; border-left:1px solid var(--line-2);}
  .mx-row .rc[data-fi]{cursor:pointer;}
  .mx-row .rc.feat{background:rgba(31,138,99,.05);}
  .ck{width:24px;height:24px;border-radius:50%; background:var(--signal-tint); display:inline-flex; align-items:center; justify-content:center;}
  .ck svg{width:13px;height:13px;color:var(--green);}
  .dash{width:18px;height:1.5px;background:var(--stone); border-radius:2px;}
  .mx-row:last-child .rl, .mx-row:last-child .rc{padding-bottom:22px;}

  /* ============ LUXURY TIER ============ */
  .mx-head.lux{background:linear-gradient(168deg, #23271E 0%, var(--green-700) 130%); color:var(--paper);}
  .mx-head.lux .pname{color:var(--paper);}
  .mx-head.lux .pname .ar{color:var(--sand);}
  .mx-head.lux .price .c{color:var(--sand);}
  .mx-head.lux .price .v{color:var(--paper);}
  .mx-head.lux .psub{color:rgba(246,241,232,.55);}
  .mx-head.lux .tag{color:var(--sand);}
  .mx-head.lux .cta{border-color:var(--sand); color:var(--sand); background:transparent;}
  .mx-head.lux .cta:hover{background:var(--sand); color:var(--ink);}
  .mx-row .rc.lux{background:rgba(28,26,20,.035);}

  /* ============ FEATURE TOOLTIP · v2 floating popover ============ */
  .mx-row .rl[data-fi], .mx-row .rc[data-fi]{cursor:pointer;}
  /* desktop hover affordance — signals the row opens a sample */
  .mx-row .rl[data-fi]{transition:background .18s ease; border-radius:8px;}
  .mx-row .rl[data-fi]:hover{background:var(--signal-tint);}
  .mx-row .rl[data-fi]:hover b{text-decoration:underline; text-decoration-color:var(--signal); text-underline-offset:3px; text-decoration-thickness:1.5px;}
  .mx-row .rc[data-fi]:hover .ck{transform:scale(1.18); box-shadow:0 0 0 5px rgba(31,138,99,.1);}
  .mx-row .rc[data-fi] .ck{transition:transform .26s cubic-bezier(.34,1.56,.5,1), box-shadow .26s ease, background .26s ease;}
  .mx-row .rc[data-fi].cur .ck{transform:scale(1.26); box-shadow:0 0 0 6px rgba(31,138,99,.12);}
  .mc-feat[data-fi]{cursor:pointer;}
  .mc-feat[data-fi] .mck{transition:transform .26s cubic-bezier(.34,1.56,.5,1), box-shadow .26s ease;}
  .mc-feat[data-fi].cur .mck{transform:scale(1.22); box-shadow:0 0 0 5px rgba(31,138,99,.14);}

  /* ---- before/after drag slider (popover + mobile spoiler) ---- */
  .ftip .ft-media.is-ba, .ftip .ft-media:has(.ba-comp){height:auto;}
  .ba-comp{position:relative; width:100%; height:148px; border-radius:12px; overflow:hidden; touch-action:none; cursor:ew-resize; user-select:none; -webkit-user-select:none;}
  .ba-layer{position:absolute; inset:0;}
  .ba-layer image-slot{display:block; width:100% !important; height:148px !important;}
  .ba-before{z-index:2; clip-path:inset(0 calc(100% - var(--ba,50%)) 0 0);}
  .ba-handle{position:absolute; top:0; bottom:0; left:var(--ba,50%); width:2px; z-index:4; background:rgba(255,255,255,.95); transform:translateX(-1px); pointer-events:none; box-shadow:0 0 0 1px rgba(0,0,0,.18);}
  .ba-grip{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:32px; border-radius:50%; background:#fff; color:#211E17; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 9px rgba(0,0,0,.32);}
  .ba-grip svg{width:17px; height:17px;}
  .ba-tag{position:absolute; top:9px; z-index:3; pointer-events:none; font:700 9.5px/1 var(--ui); letter-spacing:.14em; text-transform:uppercase; color:#fff; padding:5px 7px; border-radius:7px; background:rgba(0,0,0,.42); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);}
  .ba-tag-before{left:9px;} .ba-tag-after{right:9px;}

  /* ---- mobile spoiler (inline slide-open reveal) ---- */
  .mc-feat .mc-flabel{flex:1 1 auto; min-width:0;}
  .mc-chev{display:inline-flex; align-self:center; flex:0 0 auto; margin-left:8px; color:var(--ink-faint); transition:transform .45s cubic-bezier(.22,.84,.24,1), color .25s;}
  .mc-chev svg{width:18px; height:18px;}
  .mcard.lux .mc-chev{color:rgba(246,241,232,.6);}
  .mc-feat.sp-open .mc-chev{transform:rotate(90deg); color:var(--green);}
  .mc-feat.sp-open b{color:var(--green);}
  .mcard.lux .mc-feat.sp-open .mc-chev, .mcard.lux .mc-feat.sp-open b{color:var(--sand);}
  .feat-panel{overflow:hidden; max-height:0; transition:max-height .5s cubic-bezier(.22,.84,.24,1);}
  .feat-panel .fp-inner{padding:2px 0 12px 26px;}
  .feat-panel .fp-card{position:relative; border-radius:13px; overflow:hidden; box-shadow:inset 0 0 0 1px var(--line-2); background:var(--sand);}
  .feat-panel .fp-card .ba-comp{height:150px;}
  .feat-panel .fp-card .ba-layer image-slot, .feat-panel .ft-slot{display:block; width:100% !important; height:150px !important;}
  .feat-panel .ft-mediatag{position:absolute; top:9px; left:9px; z-index:3; pointer-events:none; font:700 9.5px/1 var(--ui); letter-spacing:.15em; text-transform:uppercase; color:#FBF8F2; padding:5px 8px; border-radius:7px; background:rgba(28,26,20,.5); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);}
  .feat-panel .fp-note{margin:9px 2px 0; font:500 15px/1.34 var(--edit); font-style:italic; color:var(--ink-soft);}
  .mcard.lux .feat-panel .fp-note{color:rgba(246,241,232,.78);}
  @media (prefers-reduced-motion: reduce){ .feat-panel, .mc-chev{transition:none;} }

  .ftip{
    position:fixed; z-index:400; width:max-content; max-width:300px; pointer-events:auto;
    background:#211E17; color:var(--paper); border-radius:16px; padding:14px 16px 15px;
    box-shadow:0 30px 60px -24px rgba(18,16,10,.72), 0 6px 16px -8px rgba(18,16,10,.55);
    opacity:0; transform:translateY(9px) scale(.95); transform-origin:bottom center;
    transition:opacity .19s ease, transform .28s cubic-bezier(.22,1.2,.36,1);
    will-change:transform, opacity;
  }
  .ftip.on{opacity:1; transform:translateY(0) scale(1);}
  .ftip.below{transform-origin:top center;}
  .ftip .ft-media{
    position:relative; margin:0 0 13px; border-radius:12px; overflow:hidden;
    background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  }
  .ftip .ft-slot{ display:block; width:100% !important; height:148px !important; }
  .ftip .ft-mediatag{
    position:absolute; top:9px; left:9px; z-index:3; pointer-events:none;
    font:700 9.5px/1 var(--ui); letter-spacing:.15em; text-transform:uppercase; color:#FBF8F2;
    background:rgba(20,18,14,.55); border:1px solid rgba(255,255,255,.18); border-radius:100px; padding:5px 9px;
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  }
  .ftip .ft-name{
    display:flex; align-items:center; gap:10px; margin:0 0 7px;
    font:600 18px/1.22 var(--serif); color:var(--paper); letter-spacing:.005em;
  }
  .ftip .ft-name::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--signal); flex:0 0 auto;}
  .ftip .ft-desc{font:500 17px/1.34 var(--edit); font-style:italic; color:#D8C7A2; max-width:32ch;}
  .ftip .ft-tail{
    position:absolute; left:var(--tail,50%); bottom:-7px; width:15px; height:15px; margin-left:-7.5px;
    background:#211E17; transform:rotate(45deg); border-radius:3px;
  }
  .ftip.below .ft-tail{bottom:auto; top:-7px;}
  @media (prefers-reduced-motion: reduce){
    .ftip{transition:opacity .12s ease;}
    .mx-row .rc[data-fi].cur .ck, .mc-feat[data-fi].cur .mck{transform:none;}
  }

  /* ============ MOBILE CARDS ============ */
  .m-cards{display:none; flex-direction:column; gap:18px;}
  .mcard{
    position:relative; background:var(--paper-2); border:1.5px solid var(--line); border-radius:18px;
    padding:22px 20px 20px; box-shadow:0 14px 40px -36px rgba(28,26,20,.5);
  }
  .mcard.feat{border:2px solid var(--green); background:linear-gradient(180deg, var(--signal-tint), var(--paper-2) 55%);}
  /* tag now sits UNDER the price, inline */
  .mc-tagrow{margin-top:11px;}
  .mc-tagrow .mk-tag{
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
    font-family:var(--hand); font-size:20px; font-weight:700; line-height:1; color:var(--green-700); transform:rotate(-2deg);
  }
  .mc-tagrow .mk-tag::before{content:""; width:18px; height:2px; background:currentColor; border-radius:2px; transform:translateY(1px);}
  .mc-grp{
    margin:17px 0 5px; font:700 11px/1 var(--ui); letter-spacing:.16em; text-transform:uppercase; color:var(--green);
  }
  .mc-grp:first-child{margin-top:14px;}
  .mc-top{display:flex; align-items:baseline; justify-content:space-between; gap:14px;}
  .mc-name{font-family:var(--serif); font-weight:600; font-size:24px; color:var(--ink); display:flex; align-items:center; gap:8px; min-width:0;}
  .mc-name .ar{color:var(--green);}
  .mc-price{display:flex; align-items:baseline; gap:3px; flex:0 0 auto;}
  .mc-price .c{font-size:17px; font-weight:700; color:var(--green-700);}
  .mc-price .v{font-size:34px; font-weight:700; letter-spacing:-.02em; color:var(--ink); line-height:.9; font-variant-numeric:tabular-nums;}
  .mcard.feat .mc-price .v{color:var(--green-700);}
  .mc-sub{font-size:12.5px; color:var(--ink-faint); font-weight:600; margin-top:6px;}
  .mc-base{margin-top:14px; font-family:var(--edit); font-style:italic; font-size:16.5px; color:var(--ink-soft);}
  .mc-base b{color:var(--ink); font-style:normal; font-family:var(--ui); font-size:13.5px; font-weight:700;}
  .mc-feats{display:flex; flex-direction:column; gap:9px; margin-top:12px;}
  .mc-feat{display:flex; align-items:flex-start; gap:9px; font-size:13.5px; color:var(--ink-soft);}
  .mc-feat>span:nth-child(2){flex:1 1 auto; min-width:0;}
  .mc-feat .mck{width:17px;height:17px;border-radius:50%; background:var(--signal-tint); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; margin-top:1px;}
  .mc-feat .mck svg{width:10px;height:10px;color:var(--green);}
  .mc-feat b{font-weight:600; color:var(--ink);}
  .mc-feat .note{display:none;} /* v2 · revealed via tap popover */
  .mcard .cta{
    width:100%; margin-top:16px; padding:14px; border-radius:100px; font-size:14px; font-weight:700;
    border:1.5px solid var(--ink); background:transparent; color:var(--ink);
    display:flex; align-items:center; justify-content:center; gap:8px; transition:.15s;
  }
  .mcard.feat .cta{background:var(--green); border-color:var(--green); color:#fff;}
  .mcard .cta:active{transform:scale(.99);}
  .mcard.lux{background:linear-gradient(168deg, #23271E 0%, var(--green-700) 130%); border-color:var(--green-700); color:var(--paper);}
  .mcard.lux .mc-name{color:var(--paper);}
  .mcard.lux .mc-name .ar{color:var(--sand);}
  .mcard.lux .mc-price .c{color:var(--sand);}
  .mcard.lux .mc-price .v{color:var(--paper);}
  .mcard.lux .mc-sub{color:rgba(246,241,232,.55);}
  .mcard.lux .mc-base{color:rgba(246,241,232,.75);}
  .mcard.lux .mc-base b{color:var(--paper);}
  .mcard.lux .mc-feat{color:rgba(246,241,232,.8);}
  .mcard.lux .mc-feat b{color:var(--paper);}
  .mcard.lux .mc-feat .note{color:rgba(246,241,232,.6);}
  .mcard.lux .mc-feat .mck{background:rgba(246,241,232,.14);}
  .mcard.lux .mc-feat .mck svg{color:var(--sand);}
  .mcard.lux .cta{border-color:var(--sand); color:var(--sand);}
  .mcard.lux .mc-tagrow .mk-tag{color:var(--sand);}
  .mcard.lux .mc-grp{color:var(--sand);}
  .mcard.feat .mc-grp{color:var(--green-700);}

  .foot-note{margin-top:34px; text-align:center; font-family:var(--edit); font-style:italic; font-size:18px; color:var(--ink-soft);}
  .foot-note a{color:var(--green); text-decoration:underline; text-underline-offset:3px;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:980px){
    .head{grid-template-columns:1fr;}
    .head .lede{max-width:46ch;}
    .type-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:980px){
    .matrix{display:none;}
    .m-cards{display:flex;}
    .sub-head{margin-bottom:24px;}
  }
  @media (max-width:560px){
    .typecard{min-height:128px; padding:15px 13px 13px;}
    .sl-top{flex-wrap:wrap;}
    .mk-slider{order:3; width:100%; justify-content:flex-end; margin-bottom:-8px;}
    .picker-top .p-cur{display:none;}
  }
  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{transition-duration:.01ms !important; animation:none !important;}
  }