:root{
  --bg: #fff3ec;
  --pink: #f3b2cf;
  --pink-strong: #ff9cc8;
  --sage: #9db37e;
  --ink: #1a1a1a;
  --shadow: 0 10px 30px rgba(0,0,0,.10);
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Quicksand,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.08)}
.brand{font-weight:700;color:#8a5e6e;text-decoration:none}
.tabs{display:flex;gap:.6rem}
.tabs a{text-decoration:none;color:#6d3e50;font-weight:600;background:#fff;border:1px solid rgba(0,0,0,.08);padding:.45rem .9rem;border-radius:999px;box-shadow:var(--shadow)}
.tabs a:hover{background:var(--pink);color:#fff}
.hero{display:grid;grid-template-columns:1.2fr .8fr;max-width:1200px;margin:1rem auto 2rem;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.left{padding:clamp(18px,3vw,40px)}
.right{background:var(--sage);position:relative;min-height:520px}
.h1{font-size:clamp(36px,7vw,96px);line-height:.95;font-weight:600;color:var(--pink);margin:0 0 .2em 0}
.h1 em{font-style:italic;color:#7a915d}
.pill{display:inline-block;text-align:center;background:#b5c694;color:#fff;font-weight:700;padding:.9rem 1.2rem;min-width:260px;border-radius:999px;box-shadow:var(--shadow);text-decoration:none}
.pill.secondary{background:#ffd0e3;color:#6d3e50}
.pill small{display:block;font-weight:600;opacity:.95;margin-top:.2rem}
.stack{display:grid;gap:1rem;margin-top:1.2rem}
.links{position:absolute;top:40px;right:40px;left:40px;display:grid;gap:18px}
.links a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.tape,.tape2{position:absolute;width:90px;height:160px;background-size:24px 24px;opacity:.9;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12));transform:rotate(6deg)}
.tape{right:48%;top:20px;background-image:linear-gradient(0deg,#f7b9d2 50%,#ffffff 50%),linear-gradient(90deg,#f7b9d2 50%,#ffffff 50%);background-size:24px 24px,24px 24px;mix-blend-mode:multiply}
.tape2{right:48%;top:250px;transform:rotate(-4deg);background-image:linear-gradient(0deg,#a7bd87 50%,#ffffff 50%),linear-gradient(90deg,#a7bd87 50%,#ffffff 50%);background-size:24px 24px,24px 24px;mix-blend-mode:multiply}
.photo{position:absolute;bottom:0;right:0;left:0;height:55%;background-position:right bottom;background-size:cover;border-top-left-radius:12px}
.foot{max-width:1200px;margin:.8rem auto 2rem;padding:0 8px;color:#7a6b71;font-size:.92rem}