/* MBM link page. Layout only: every word, link and image name is in content.json.
   Numbers are the approved mock v2b/v2c at 390 px wide (mock-v2/layout-v2.json). Fonts are self-hosted. */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/playfair-display-700-latin.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/poppins-400-latin.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/poppins-500-latin.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/poppins-600-latin.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/poppins-700-latin.woff2) format("woff2")}

:root{
  --peach:#FFD7A6; --peach-line:#FED8B5; --peach-pill:#FEDCBC; --blush:#FEF0F3; --card:#FFFBFC;
  --ink:#2B2625; --plum:#4A1530; --berry:#9C2A5E; --muted:#5E4B52; --divider:#F5D7E2;
  --rose:#FF69A7; --button:#EE5394; --lilac:#EAD6F2;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* ONE VALUE for the disclosure line's size (Kyle, 2026-10-22: 10 px; raise it here if it reads too small) */
  --disclosure-size:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--blush);color:var(--ink);font-family:var(--sans);font-weight:400}
.defs{position:absolute;width:0;height:0}
img{max-width:100%}
a{color:inherit}
p,h1,h2,h3,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}

.page{position:relative;max-width:430px;margin:0 auto;background:var(--blush);overflow-x:clip;box-shadow:0 0 60px rgba(194,87,127,.14)}

/* decoration */
.sp{position:absolute;fill:#fff;pointer-events:none}
.dot{position:absolute;border-radius:50%;background:#fff;pointer-events:none}

/* top band */
.topband{height:44px;background:var(--peach);display:flex;align-items:center;justify-content:center}
.wordmark{font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:2.2px;text-indent:2.2px;color:var(--plum);line-height:1}

/* hero 44 -> 578 */
.hero{position:relative;padding:8.8px 0 37.9px;
  background:
   linear-gradient(238.3deg,rgba(255,215,166,.35) 0,rgba(255,215,166,0) 60%),
   linear-gradient(145.6deg,#FFF4F6 5%,#FFE4EC 42.5%,#FFBFD4 88.3%)}
.hs1{left:18px;top:72px;width:24px;height:24px}
.hs2{right:20px;top:140px;width:36px;height:36px}
.hs3{left:12px;top:295px;width:12px;height:12px;opacity:.9}
.hs4{right:14px;top:72px;width:8px;height:8px;opacity:.9}
.hs5{left:4px;top:421px;width:10px;height:10px;opacity:.8}
.hs6{right:17px;top:371px;width:10px;height:10px;opacity:.85}
.hd1{right:47px;top:15px;width:6px;height:6px;opacity:.7}
.hd2{right:55.5px;top:251.5px;width:9px;height:9px;opacity:.65}
.hd3{left:16px;top:492px;width:18px;height:18px;background:#F4C6E8;opacity:.6}
.hd4{right:21px;top:500px;width:8px;height:8px;opacity:.7}
.hd5{left:73px;top:466px;width:4px;height:4px;opacity:.8}
.hd6{right:35.5px;top:423.5px;width:5px;height:5px;opacity:.8}

.frame{position:relative;width:217.37px;height:217.37px;margin:0 auto}
.frame-photo{position:absolute;inset:0;background:#F5E7D4;clip-path:url(#scallop)}
.frame-photo picture{display:contents}
.frame-photo img{position:absolute;left:-35.09px;top:-41.58px;width:287.2px;height:273.36px;max-width:none}
.frame-line{position:absolute;left:-1.5px;top:-1.5px;width:220.37px;height:220.37px;pointer-events:none}
.frame-line path{fill:none;stroke:var(--lilac);stroke-width:2.5;stroke-linejoin:round}

.welcome{position:relative;margin-top:1.8px;font-family:var(--serif);font-weight:700;font-size:20px;line-height:24px;letter-spacing:.6px;color:var(--ink);text-align:center}
.welcome span{display:block}
.welcome span:first-child::after{content:"";display:inline-block;width:21px;height:19px;margin-left:6px;vertical-align:-2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath fill='%23FF69A7' d='M12 21.5C5 15.8 1 12.1 1 7.4 1 4 3.6 1.5 6.8 1.5c2.2 0 4 1.1 5.2 3 1.2-1.9 3-3 5.2-3C20.4 1.5 23 4 23 7.4c0 4.7-4 8.4-11 14.1z'/%3E%3C/svg%3E") no-repeat center/contain}
.intro{position:relative;margin-top:5px;font-size:12.5px;line-height:15.5px;letter-spacing:.7px;text-align:center;color:var(--ink)}

.buttons{position:relative;margin-top:10.4px}
.btn{display:block;width:min(295px,calc(100% - 40px));height:53.7px;margin:0 auto 6.3px;border:3.5px solid var(--peach-line);border-radius:13px;background:var(--button);color:#fff;text-decoration:none;
  font-weight:700;font-size:20px;letter-spacing:.4px;text-align:center}
.buttons .btn:last-child{margin-bottom:0}
.btn-in{display:flex;align-items:center;justify-content:center;height:100%;white-space:nowrap}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(1px)}
a:focus-visible{outline:3px solid var(--plum);outline-offset:2px}
.btn:focus-visible{outline-color:var(--plum)}

/* freebie band 578 -> 692, polaroid hangs over the shop band */
.freebie{position:relative;z-index:2;height:114px;background:var(--blush);--pw:112px;--ph:120px}
.fs1{left:22px;top:22px;width:12px;height:12px;fill:#F5B63E}
.freebie-text{position:absolute;left:34px;top:23.6px;width:200px;text-align:center;font-weight:500;font-size:13.5px;line-height:17px;letter-spacing:.5px;color:var(--ink)}
.freebie-pill{position:absolute;left:49px;top:67.5px;width:177px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--peach-pill);color:var(--plum);text-decoration:none;font-weight:500;font-size:11.5px;letter-spacing:.4px}
.freebie-pill:hover{filter:brightness(.97)}
.polaroid{position:absolute;right:22px;top:0;width:var(--pw);height:var(--ph);transform:rotate(8deg)}
.polaroid-back{position:absolute;left:9px;top:8px;width:100%;height:100%;background:#E4DAFD;border-radius:3px}
.polaroid-card{position:absolute;inset:0;padding:8px;background:#FFFDFC;border-radius:3px;box-shadow:0 3px 10px rgba(176,96,127,.18)}
.polaroid-card picture{display:block}
.polaroid-card img{display:block;width:100%;height:calc(var(--ph) - 16px);object-fit:cover}
.clip{position:absolute;left:calc(var(--pw) - 30px);top:-12px;width:20px;height:34px;overflow:visible}
.clip path{fill:none;stroke:var(--rose);stroke-width:2;stroke-linecap:round}

/* shop band */
.shop{position:relative;z-index:1;padding:22px 0 26px;background:linear-gradient(to bottom right,#EDB9D2 0,#FBCDE0 50%,#F0BCD8 100%)}
.ss1{left:8px;top:24px;width:12px;height:12px;opacity:.95}
.ss2{right:5px;top:51px;width:18px;height:18px;opacity:.95}
.ss5{left:7px;bottom:9px;width:10px;height:10px;opacity:.85}
.ss6{right:6px;bottom:33px;width:14px;height:14px;opacity:.9}
.sd1{left:37px;top:15px;width:6px;height:6px;opacity:.6}
.sd2{right:33px;top:20px;width:4px;height:4px;opacity:.8}
.shop-heading{position:relative;text-align:center;font-family:var(--serif);font-weight:700;font-size:22px;line-height:28px;letter-spacing:1.5px;text-indent:1.5px;color:var(--plum)}
.shop-sub{position:relative;margin-top:2px;text-align:center;font-size:12.5px;line-height:18px;letter-spacing:.3px;color:var(--plum)}
.posts{position:relative;display:grid;gap:22px;margin-top:22px;padding:0 20px}
.card-wrap{position:relative}
.ps1{left:-15px;top:-16px;width:10px;height:10px;opacity:.9}
.ps2{right:-16px;top:294px;width:12px;height:12px;opacity:.9}
.pd1{right:-35px;top:-15px;width:6px;height:6px;opacity:.6}

.card{position:relative;padding:12px 12px 8px;background:var(--card);border:2px solid var(--peach-line);border-radius:18px;box-shadow:0 4px 16px rgba(194,87,127,.16)}
.card-pic{position:relative}
.card-pic picture{display:block}
.card-pic img{display:block;width:100%;height:auto;aspect-ratio:966/1208;border-radius:12px;object-fit:cover;background:#F5E7D4}
.pic-pill{position:absolute;left:10px;right:10px;bottom:-24px;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;background:#fff;border:1.5px solid var(--peach-line);border-radius:17px;box-shadow:0 4px 16px rgba(194,87,127,.16)}
.pp-l{flex:1;min-width:0;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px;color:var(--plum)}
.pp-r{font-weight:600;font-size:10px;letter-spacing:1px;color:var(--berry);white-space:nowrap}
.card-label{margin-top:36px;font-weight:600;font-size:10px;line-height:15px;letter-spacing:1.5px;color:var(--berry);white-space:pre}
.card-title{font-family:var(--serif);font-weight:700;font-size:19px;line-height:26px;color:var(--ink)}
/* the disclosure: one plain small black line, directly above the first product row, normal gap under the title */
.disclosure{margin:12px 0 3px;font-weight:400;font-size:var(--disclosure-size);line-height:1.4;color:#000;background:none}
.card-note{margin:6px 0 3px;font-size:11.5px;line-height:16px;color:var(--muted)}
.rows{margin-top:0}
.row{display:grid;grid-template-columns:28px 1fr 60px;column-gap:10px;align-items:start;min-height:52px}
.row+.row{box-shadow:inset 0 1px 0 var(--divider)}
.swatch{width:28px;height:28px;margin-top:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 .5px rgba(0,0,0,.06)}
.row-text{padding:7px 0 5px;min-width:0}
.row-text>span{display:block}
.row-brand{font-weight:600;font-size:10px;line-height:12px;letter-spacing:1.2px;color:var(--berry)}
.row-product{font-weight:600;font-size:13px;line-height:16px;color:var(--ink)}
.row-shade{font-weight:400;font-size:11.5px;line-height:14px;color:var(--muted)}
.shop-pill{display:flex;align-items:center;justify-content:center;width:60px;height:28px;margin-top:12px;border-radius:14px;background:var(--rose);color:var(--plum);text-decoration:none;font-weight:600;font-size:11px;letter-spacing:1.2px}
.shop-pill:hover{filter:brightness(1.05)}
.tips{counter-reset:t}
.tip{counter-increment:t;display:grid;grid-template-columns:24px 1fr;column-gap:10px;min-height:44px}
.tip+.tip{box-shadow:inset 0 1px 0 var(--divider)}
.tip::before{content:counter(t);width:24px;height:24px;margin-top:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFE4EC;border:1.5px solid #FFBFD4;font-weight:600;font-size:12px;color:var(--plum)}
.tip-text{padding:5px 0 4px}
.tip-text>span{display:block}
.btn-watch{width:100%;height:46px;margin:8px 0 14px;border-width:3px;border-radius:12px;font-size:19px}

/* footer */
.footer{height:60px;background:var(--peach);display:flex;align-items:center;justify-content:center}
.socials{display:flex;gap:28px}
.social{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFF4EE;color:#FF1493;text-decoration:none}
.social svg{width:16px;height:16px}
.nojs{padding:16px;font-size:14px;text-align:center}

@media (max-width:359px){
  .freebie{--pw:94px;--ph:102px}
  .fs1{left:10px}
  .freebie-text{left:20px;width:172px;font-size:12.5px}
  .freebie-pill{left:22px;width:156px}
  .btn{font-size:18px}
  .pp-l{font-size:11px}
  .pp-r{letter-spacing:.5px}
  .card-label{white-space:normal}
}