:root{--bg: #faf6f1;--ink: #2b2620;--muted: #7a6f64;--accent: #b08968;--line: #e8ddd0;--rose: #d4a5a5}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}h1,h2,h3,.serif{font-family:Playfair Display,Times New Roman,serif;font-weight:400;letter-spacing:.01em}.landing{min-height:100vh;width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.landing-scene{position:relative;display:flex;align-items:center;justify-content:center}.landing-heart{position:absolute;width:min(580px,92vw);height:min(545px,86vw);top:50%;left:50%;transform:translate(-50%,-52%) rotate(-3deg);pointer-events:none;overflow:visible}.landing-faces{position:relative;z-index:1;display:flex;align-items:flex-start;gap:clamp(1.5rem,5vw,3.5rem);padding:40px 24px 4px}.landing-person{display:flex;flex-direction:column;align-items:center;gap:.7rem;cursor:pointer}.landing-face{position:relative;width:clamp(96px,17vw,150px);height:clamp(96px,17vw,150px);transform-origin:center 60%;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.face-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.face-closed{opacity:1}.face-open{opacity:1;transition:opacity .3s ease}.landing-person:hover .face-open{opacity:0}.landing-person:nth-child(1):hover .landing-face{transform:translateY(-8px) rotate(-9deg) scale(1.09)}.landing-person:nth-child(2):hover .landing-face{transform:translateY(-8px) rotate(9deg) scale(1.09)}.landing-person:hover .landing-name{transform:scale(1.08) rotate(-2deg)}.landing-name{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.landing-name{font-family:Playfair Display,Times New Roman,serif;font-style:italic;font-weight:700;font-size:clamp(1.25rem,2.6vw,1.7rem);color:#b02424;letter-spacing:.03em;text-shadow:0 0 4px #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff}