:root{--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2.5rem,1.2rem + 3.4vw,5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--display:'Boska',Georgia,serif;--body:'Satoshi','Trebuchet MS',sans-serif;--radius-lg:1.5rem;--radius-full:999px}
:root,[data-theme=light]{--bg:#f7f1f5;--surface:#fffafd;--text:#2b1727;--muted:#806c7b;--line:#e5d5e1;--primary:#812abb;--primary-hover:#642191;--accent:#c33cb6;--rose:#f3c5d4;--shadow:0 25px 80px rgba(105,38,108,.17)}[data-theme=dark]{--bg:#170f18;--surface:#241624;--text:#f8eaf4;--muted:#b9a1b6;--line:#493348;--primary:#c47bea;--primary-hover:#d999f5;--accent:#e87bd5;--rose:#513044;--shadow:0 25px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--body);font-size:var(--text-base);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;top:-5rem;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--primary);color:white;z-index:20}.skip-link:focus{top:var(--space-4)}
.site-header{height:82px;padding:0 clamp(1.25rem,7vw,7rem);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:var(--space-2);font:600 var(--text-lg) var(--display);letter-spacing:-.03em}.brand svg{width:28px;height:28px;fill:none;stroke:var(--primary);stroke-width:1.8}.brand-dot{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--space-6)}.tiny-note{font:var(--text-xs) var(--body);color:var(--muted);letter-spacing:.04em}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--primary);border-radius:var(--radius-full);width:42px;height:42px}.theme-icon{font-size:1.25rem}
.hero{min-height:calc(100vh - 82px);max-width:1400px;margin:auto;padding:clamp(var(--space-12),9vw,var(--space-24)) clamp(1.25rem,9vw,9rem);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(370px,1.1fr);align-items:center;gap:clamp(var(--space-10),10vw,var(--space-24));position:relative;isolation:isolate}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 var(--space-6);color:var(--muted);font:var(--text-xs) var(--body);letter-spacing:.09em;text-transform:uppercase}.heart-mark{color:var(--accent);margin-right:var(--space-2)}h1,h2{font:500 var(--text-2xl)/.9 var(--display);letter-spacing:-.055em;margin:0}h1{font-size:clamp(4rem,9vw,8.5rem);max-width:7ch}h1 em,h2 em{font-style:italic;color:var(--primary)}.lede{max-width:35ch;color:var(--muted);font-size:var(--text-lg);line-height:1.45;margin:var(--space-8) 0}.reveal-button{display:inline-flex;align-items:center;gap:var(--space-4);border:0;border-bottom:1px solid var(--primary);padding:var(--space-3) 0;background:transparent;color:var(--primary);font-weight:700;transition:gap .25s ease}.reveal-button:hover{gap:var(--space-6)}.button-heart{font-size:1.1em;color:var(--accent)}.signature{margin-top:clamp(var(--space-10),8vw,var(--space-16));color:var(--muted);font:italic var(--text-sm) var(--display);line-height:1.15}.signature strong{font-size:var(--text-lg);font-weight:500;color:var(--text)}
.hero-art{min-height:560px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--accent) 19%,transparent) 0 19%,transparent 20%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 50%)}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;inset:12% 9%;transform:rotate(24deg)}.hero-art:after{inset:18% 3%;transform:rotate(-37deg)}.moon{position:absolute;top:4%;right:12%;width:56px;height:56px;border-radius:50%;background:var(--accent);opacity:.8;box-shadow:0 0 35px color-mix(in srgb,var(--accent) 55%,transparent)}.heart-glow{width:245px;height:245px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,transparent),transparent 67%);animation:float 5s ease-in-out infinite}.heart-glow span{font-size:clamp(8rem,18vw,13rem);line-height:1;color:var(--primary);filter:drop-shadow(0 18px 20px color-mix(in srgb,var(--primary) 32%,transparent));transform:rotate(-8deg)}.star,.flower{position:absolute;color:var(--accent)}.star{font-size:var(--text-lg)}.star-a{top:19%;left:12%}.star-b{bottom:23%;right:15%;font-size:var(--text-2xl)}.star-c{top:31%;right:8%;font-size:var(--text-2xl)}.flower{font-size:var(--text-2xl);color:var(--primary);opacity:.75}.flower-a{bottom:9%;left:13%;transform:rotate(-20deg)}.flower-b{top:10%;left:30%;font-size:var(--text-xl)}.flower-c{bottom:15%;right:30%;transform:rotate(15deg)}.art-caption{position:absolute;bottom:5%;right:7%;color:var(--muted);font:var(--text-xs) var(--body);text-align:right;letter-spacing:.08em;text-transform:uppercase}.art-caption span{color:var(--primary);font-size:.9em}.hero-orbit{position:absolute;border-radius:50%;z-index:-1;filter:blur(2px)}.orbit-one{width:300px;height:300px;left:-170px;top:16%;background:color-mix(in srgb,var(--rose) 38%,transparent)}.orbit-two{width:240px;height:240px;right:-100px;bottom:3%;background:color-mix(in srgb,var(--accent) 10%,transparent)}
.note-section{padding:clamp(var(--space-16),13vw,var(--space-24)) var(--space-4);background:color-mix(in srgb,var(--rose) 16%,var(--bg));display:grid;place-items:center}.note-card{max-width:680px;width:100%;padding:clamp(var(--space-8),7vw,var(--space-16));background:var(--surface);box-shadow:var(--shadow);position:relative;text-align:center;display:none}.note-card.is-visible{display:block;animation:appear .55s ease both}.note-corner{position:absolute;top:var(--space-6);right:var(--space-6);color:var(--accent);font:italic var(--text-xs) var(--display)}.note-kicker{color:var(--muted);font:italic var(--text-sm) var(--display)}.note-message,.note-footer{color:var(--muted);max-width:42ch;margin:var(--space-8) auto 0}.note-card h2{font-size:clamp(3rem,8vw,6rem);margin-top:var(--space-4)}.note-line{width:55px;height:1px;background:var(--accent);margin:var(--space-8) auto}.site-footer{padding:var(--space-6) clamp(1.25rem,7vw,7rem);display:flex;justify-content:space-between;gap:var(--space-4);color:var(--muted);font-size:var(--text-xs);border-top:1px solid var(--line)}.site-footer strong{font-weight:700;color:var(--text)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heart-glow{animation:none}.note-card.is-visible{animation:none}}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:var(--space-16);gap:var(--space-8)}.hero-art{min-height:420px;order:-1}.hero-copy{text-align:center}.eyebrow{margin-bottom:var(--space-4)}.lede{margin-inline:auto}.signature{margin-top:var(--space-10)}.tiny-note{display:none}}@media(max-width:480px){.site-header{height:70px}.hero{padding-top:var(--space-12)}h1{font-size:clamp(4.5rem,22vw,6.5rem)}.hero-art{min-height:360px}.heart-glow{width:180px;height:180px}.moon{width:42px;height:42px}.art-caption{bottom:3%}.site-footer{flex-wrap:wrap}.site-footer span:last-child{margin-left:auto}}