@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--pink:#df286e;--ink:#54283f;--paper:#fff9fc;--line:#edcddc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 'DM Sans',sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #652abb;outline-offset:5px}header{max-width:1380px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:3px;font-weight:700;text-decoration:none;color:var(--ink)}.brand span{color:var(--pink)}.header-note{font-size:13px;letter-spacing:3px}.date-chip{font-size:12px;letter-spacing:1px;border:1px solid var(--line);padding:8px 13px;border-radius:30px}main{max-width:1250px;margin:auto;padding:44px 35px 20px}.party-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;color:var(--pink)}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.03;margin:16px 0 24px}h1{font-size:clamp(54px,6.2vw,86px);letter-spacing:-3px}em{color:var(--pink);font-weight:500}.star{font-size:62px;color:var(--pink);display:inline-block;margin-left:30px}.photo-wrap{position:relative;margin:30px 10px 24px 0;transform:rotate(-2deg);background:#fff;padding:10px 10px 38px;box-shadow:0 9px 30px #70325118;border:1px solid #f0e1e7}.photo{display:block;width:100%;height:340px;object-fit:cover;object-position:50% 65%;border-radius:2px}.photo-caption{position:absolute;bottom:8px;width:100%;left:0;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:16px}.seven{position:absolute;right:-24px;top:-26px;width:105px;height:105px;border-radius:50%;background:#f9df64;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font-size:14px;border:4px double #aa832f}.seven strong{font-family:Georgia,serif;font-size:61px;font-weight:500;line-height:1}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:7px}.details span{font-size:11px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:7px;color:var(--pink)}.details strong{font-size:16px}.details p{margin:3px 0;font-size:14px}.dress-note{font-family:Georgia,serif;font-style:italic;font-size:17px;margin-top:24px}.salon{background:#fff0f6;border:1px solid #f0cbdc;border-radius:180px 180px 24px 24px;padding:35px 35px 23px;text-align:center;box-shadow:0 12px 50px #d0387610}.salon-top{display:flex;align-items:center;justify-content:center;gap:20px;color:var(--pink);margin:9px 0 15px}.pill{font-size:11px;font-weight:700;letter-spacing:1.5px}.salon h2{font-size:44px;line-height:1.12;margin:10px 0 14px;letter-spacing:-1px}.instructions{font-size:15px;margin:0;color:#7c5066}.hand-stage{position:relative;width:100%;max-width:370px;aspect-ratio:1;margin:7px auto 6px}.hand{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.nail{position:absolute;border:1px solid #cc9d8b;border-radius:45% 45% 35% 35%;background:#f4d2c5;transform:translate(-50%,-50%) rotate(var(--angle));width:var(--w);height:var(--h);padding:0;box-shadow:inset 2px 2px 3px #ffffff65;transition:background .2s,box-shadow .2s}.nail::before{content:'';position:absolute;left:22%;top:17%;width:12%;height:46%;background:#ffffff55;border-radius:50%}.nail.sparkles{background-image:radial-gradient(circle,#fff 1px,transparent 1.6px),radial-gradient(circle,#ffe29e 1px,transparent 1.6px);background-size:7px 9px,11px 8px;background-position:0 0,4px 3px}.nail.stars::after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:16px}.stage-label{position:absolute;bottom:6px;left:0;right:0;font-size:10px;letter-spacing:2px;color:#986c81}fieldset{padding:0;border:0;text-align:left;margin:13px 0 17px}legend{padding:0;font-size:12px;color:var(--pink);font-weight:700;letter-spacing:1px;margin-bottom:12px}legend span{color:var(--ink);font-size:14px;letter-spacing:0;margin-left:8px}.swatches{display:flex;justify-content:space-between;gap:8px}.swatch{border:4px solid #fff;width:43px;height:43px;border-radius:50%;box-shadow:0 0 0 1px #ebcddd;position:relative}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.swatch[aria-pressed=true]::after{content:'✓';color:#fff;text-shadow:0 1px 3px #0009;position:absolute;inset:0;display:grid;place-items:center;font-size:20px}.finish-options{display:flex;gap:9px}.finish-options button{flex:1;background:#fff9fc;border:1px solid #e7bfd1;padding:9px 4px;border-radius:30px;font-size:14px;color:var(--ink)}.finish-options button[aria-pressed=true]{border-color:var(--pink);color:#aa1550;background:#ffe0ed}.progress-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:21px}.reset{font-size:12px;border:0;background:none;text-decoration:underline;color:#86566e;padding:5px}.progress-track{height:4px;background:#eed8e2;border-radius:8px;margin:8px 0 18px;overflow:hidden}#progress{width:0;height:100%;background:var(--pink);transition:width .3s}.rsvp-button{width:100%;padding:15px 13px;border:0;border-radius:10px;background:var(--pink);color:white;font-weight:600;display:flex;justify-content:space-between;align-items:center}.rsvp-button:disabled{background:#e6c6d5;color:#74495e;cursor:default}.rsvp-button span{font-size:24px;line-height:1}.small-note{font-size:11px;color:#87566e;margin-bottom:0}.rsvp-section{text-align:center;max-width:780px;margin:70px auto 20px;padding-top:40px;border-top:1px solid var(--line)}.rsvp-section h2{font-size:52px;margin-bottom:18px}.rsvp-section h2 span{color:var(--pink)}.rsvp-section p{color:#805369}.form-frame{margin-top:30px;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}iframe{display:block;border:0}.form-help{font-size:14px}.form-help a{color:#b51f5a}footer{text-align:center;font-size:12px;letter-spacing:.6px;color:#966d80;padding:35px 20px}footer span{margin:0 13px;color:var(--pink)}.curtain{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.drape{position:absolute;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#aa1857 0%,#e34c8e 8%,#f577ab 14%,#c22b6c 23%);box-shadow:0 0 60px #4e122988;transition:transform 1.7s cubic-bezier(.65,0,.25,1)}.left{left:0}.right{right:0;transform:scaleX(-1)}.curtain-label{position:absolute;top:42%;width:100%;text-align:center;color:#fff3df;font:italic 48px Georgia,serif;text-shadow:0 2px 12px #87204f;transition:opacity .5s}.curtain-label span{display:block;font:16px 'DM Sans',sans-serif;margin:15px 0 20px;letter-spacing:2px}.opened .left{transform:translateX(-105%)}.opened .right{transform:translateX(105%) scaleX(-1)}.opened .curtain-label{opacity:0}.noscript{text-align:center;padding:20px}@media(min-width:1000px){.invitation{padding-top:15px}}@media(max-width:800px){main{padding:30px 22px}.party-layout{gap:30px}.salon{padding:30px 20px 22px}.salon h2{font-size:34px}.header-note{display:none}.details{grid-template-columns:1fr}.photo{height:310px}.swatch{width:36px;height:36px}h1{font-size:59px}.star{margin-left:15px;font-size:45px}}@media(max-width:600px){header{padding:18px 24px}.party-layout{grid-template-columns:1fr;gap:24px}.invitation{max-width:450px;margin:auto;width:100%}h1{font-size:68px;margin-bottom:20px}.photo-wrap{margin-right:14px}.photo{height:310px}.details{grid-template-columns:1fr 1fr}.details strong{font-size:14px}.details p{font-size:13px}.salon{padding:33px 25px 23px;border-radius:155px 155px 22px 22px}.salon h2{font-size:40px}.swatch{width:42px;height:42px}.hand-stage{max-width:335px}.rsvp-section h2{font-size:40px}.curtain-label{font-size:37px}.date-chip{font-size:10px}.rsvp-section{margin-top:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.curtain{display:none}}

.photo-crop{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:2px}.photo-crop .photo{position:absolute;width:120%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-54%)}.instructions{font-size:16px;text-align:left;background:#fff9fc;border:1px solid var(--line);border-radius:12px;padding:16px;margin:18px 0 10px}.instructions strong{display:block;color:var(--ink);line-height:1.4}.instructions ol{margin:12px 0 0;padding-left:22px}.instructions li+li{margin-top:8px}

.girls-note{font-size:17px;line-height:1.5;color:var(--pink);font-weight:600;margin:-6px 0 24px}