:root{--neutral: #f6f2e7;--green: #557c70;--green-deep: #3f5f56;--green-soft: #6b8f83;--white: #ffffff;--ink: #3a4642;--ink-soft: #64726c;--hair: rgba(85, 124, 112, .24);--peach: #f0a184;--sun: #e9c46a;--blush: #e59ec2;--sky: #83bccb;--mint: #8fce9f;--cursive: "Parisienne", cursive;--serif: "Cormorant Garamond", "Times New Roman", serif;--maxw: 60rem;--pad: clamp(1.5rem, 5vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--serif);color:var(--ink);background:var(--neutral);font-size:1.125rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}#scene,#scene-fallback{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#scene-fallback{z-index:0;background:radial-gradient(90% 60% at 82% 8%,rgba(240,161,132,.28),transparent 60%),radial-gradient(80% 55% at 14% 22%,rgba(229,158,194,.24),transparent 60%),radial-gradient(120% 80% at 50% 118%,rgba(131,188,203,.3),transparent 62%),radial-gradient(140% 110% at 50% -10%,#fff7ef,#fdf3e6 30%,#f6f2e7,#eef1e6 80%,#e2ebe0)}#scene{z-index:1;background:transparent}#content{position:relative;z-index:2}section{position:relative;overflow:hidden;padding:clamp(4rem,12vh,8rem) var(--pad)}.wrap{max-width:var(--maxw);margin-inline:auto}section.sky{background:transparent}section.cream{background:var(--neutral)}section.green{background:var(--green);color:var(--white)}section.green:before{content:"";position:absolute;top:-1px;left:0;right:0;height:48px;background:var(--neutral);border-radius:0 0 50% 50%/0 0 100% 100%;transform:scaleX(1.5)}.eyebrow{font-family:var(--serif);font-weight:600;letter-spacing:.32em;text-transform:uppercase;font-size:.72rem;color:var(--green);text-align:center}section.green .eyebrow{color:#ffffffd9}.sec-head{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.2rem}.sec-head:before,.sec-head:after{content:"";height:1px;width:clamp(1.5rem,8vw,3.5rem);background:var(--hair)}section.green .sec-head:before,section.green .sec-head:after{background:#fff6}h2{font-family:var(--cursive);font-weight:400;font-size:clamp(2.8rem,8vw,4.5rem);color:var(--green-deep);text-align:center;line-height:1.05;margin-bottom:2.6rem}section.green h2{color:var(--white)}.hero{position:relative;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:clamp(4rem,12vh,8rem) var(--pad);background:linear-gradient(to bottom,transparent 58%,var(--neutral) 94%)}.hero .kicker{font-family:var(--serif);font-weight:600;letter-spacing:.34em;text-transform:uppercase;font-size:clamp(.62rem,1.6vw,.78rem);color:var(--green);margin-bottom:1.2rem}.hero .name{font-family:var(--cursive);font-weight:400;font-size:clamp(4.5rem,20vw,13rem);line-height:.95;color:var(--green-deep);text-shadow:0 2px 30px rgba(255,255,255,.7);padding:0 .1em}.hero .surname{font-family:var(--serif);font-weight:700;text-transform:uppercase;letter-spacing:.4em;font-size:clamp(.95rem,2.6vw,1.4rem);color:var(--green);margin-top:.8rem;padding-left:.4em}.hero .tagline{font-style:normal;font-weight:400;font-size:clamp(1.2rem,3vw,1.75rem);color:var(--ink-soft);margin:1.8rem auto 0;max-width:24ch;text-align:center;letter-spacing:.02em}.scroll-hint{margin-top:3.4rem;font-family:var(--serif);font-weight:500;letter-spacing:.22em;text-transform:uppercase;font-size:.66rem;color:var(--ink-soft);display:inline-flex;flex-direction:column;align-items:center;gap:.7rem;opacity:.8}.scroll-hint:after{content:"";width:1px;height:2.6rem;background:linear-gradient(var(--green),transparent);animation:pulse 2.6s ease-in-out infinite}.register-lede{text-align:center;font-style:italic;font-size:clamp(1.15rem,3vw,1.5rem);color:#ffffffe6;margin-bottom:2.4rem;max-width:36ch;margin-inline:auto}.ledger{max-width:34rem;margin-inline:auto}.ledger .row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.9rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.28)}.ledger .row:last-child{border-bottom:0}.ledger .label{font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:#ffffffbf;white-space:nowrap}.ledger .row:before{content:"";border-bottom:1px dotted rgba(255,255,255,.35);transform:translateY(-.28em)}.ledger .value{font-size:clamp(1.4rem,3.6vw,2rem);font-weight:500;color:var(--white);text-align:right;white-space:nowrap}.godparents{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2rem,8vw,5rem);margin-top:.5rem}.gp{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gp-rol{font-weight:600;letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;color:#ffffffbf}.gp-naam{font-family:var(--cursive);font-size:clamp(2rem,5.5vw,3rem);color:var(--white);line-height:1.1}.parents{text-align:center}.parents .names{font-family:var(--cursive);font-size:clamp(2.6rem,7vw,4rem);color:var(--green-deep);line-height:1.15;margin-top:.4rem}.poem{text-align:center}.poem .flourish{color:var(--peach);font-size:1.8rem;margin:0 auto 1.2rem;display:block}.poem p{font-size:clamp(1.5rem,4vw,2.2rem);font-style:italic;color:var(--green-deep);line-height:1.75}.sibling{text-align:center;font-size:clamp(1.1rem,3vw,1.45rem);font-style:italic;color:var(--ink-soft);margin-top:2.4rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:clamp(1.4rem,4vw,2.4rem);align-items:start}figure.photo{position:relative;margin:0;aspect-ratio:4 / 5;overflow:hidden;background:var(--white);border:4px solid var(--white);box-shadow:0 24px 50px -28px #3f5f5699;border-radius:58% 42% 55% 45%/55% 52% 48% 45%;transition:transform .7s cubic-bezier(.22,1,.36,1)}figure.photo:nth-child(3n+1){border-radius:60% 40% 52% 48%/58% 55% 45% 42%;box-shadow:0 24px 50px -28px #f0a184a6}figure.photo:nth-child(3n+2){border-radius:45% 55% 60% 40%/48% 45% 55% 52%;box-shadow:0 24px 50px -28px #e59ec299}figure.photo:nth-child(3n+3){border-radius:52% 48% 43% 57%/45% 58% 42% 55%;box-shadow:0 24px 50px -28px #83bccb99}figure.photo:hover{transform:translateY(-6px) rotate(-1deg)}figure.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,1,.36,1)}figure.photo:hover img{transform:scale(1.06)}figure.photo figcaption{position:absolute;inset:auto 0 0 0;padding:2.2rem 1.4rem 1.4rem;font-style:italic;font-size:1.05rem;color:#fff;text-align:center;background:linear-gradient(transparent,#3f5f56b8)}.photo.placeholder{display:grid;place-items:center;text-align:center;padding:1.5rem;border:3px dashed var(--hair);background:radial-gradient(120% 90% at 50% 25%,#fffdf8,#eef1e7);box-shadow:none}.photo.placeholder .ph-icon{font-size:2.6rem;margin-bottom:.6rem}.photo.placeholder .ph-cap{font-style:italic;color:var(--green-deep);font-size:1.1rem}.photo.placeholder .ph-hint{font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-top:.6rem}.photo img,.lb-img{-webkit-user-drag:none;-khtml-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.photo img{pointer-events:none}.photo-open{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:transparent;cursor:pointer;border-radius:inherit}.photo-open:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);background:#263833d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .3s ease}.lightbox.open{opacity:1}.lightbox[hidden]{display:none}.lb-stage{margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:100%;touch-action:pan-y}.lb-img{max-width:min(90vw,640px);max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:1rem;border:4px solid #fff;box-shadow:0 30px 70px -30px #0009;background:#ffffff0f;opacity:0;transform:scale(.98);transition:opacity .28s ease,transform .28s ease}.lb-img.loaded{opacity:1;transform:none}.lb-img.swap{opacity:0}.lb-cap{color:#fff;font-style:italic;font-size:clamp(1.1rem,3vw,1.5rem);text-align:center;max-width:40ch;text-shadow:0 1px 12px rgba(0,0,0,.4)}.lb-close,.lb-nav{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;border-radius:50%;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease;line-height:1}.lb-close:hover,.lb-nav:hover{background:#ffffff42}.lb-close:active,.lb-nav:active{transform:scale(.94)}.lb-close{top:clamp(1rem,3vw,1.8rem);right:clamp(1rem,3vw,1.8rem);width:2.9rem;height:2.9rem;font-size:1.7rem}.lb-nav{top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;font-size:2rem}.lb-nav:active{transform:translateY(-50%) scale(.94)}.lb-prev{left:clamp(.5rem,3vw,2rem)}.lb-next{right:clamp(.5rem,3vw,2rem)}.lb-nav[hidden]{display:none}.lb-counter{position:absolute;bottom:clamp(1rem,3vw,1.8rem);left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.85rem;letter-spacing:.14em}@media(max-width:560px){.lb-nav{width:2.7rem;height:2.7rem;font-size:1.7rem}.lb-img{max-height:72vh}}@media(prefers-reduced-motion:reduce){.lightbox,.lb-img{transition:none}}.closing{text-align:center}.closing .msg{font-size:clamp(1.15rem,3vw,1.5rem);font-style:italic;color:var(--ink-soft);max-width:34ch;margin:0 auto 2.4rem}.signature{font-family:var(--cursive);font-size:clamp(2.6rem,6.5vw,3.8rem);color:var(--green-deep)}.closing .flourish{display:block;font-size:1.6rem;color:var(--blush);margin-top:1.4rem}.decor{position:absolute;z-index:0;pointer-events:none;opacity:.92;animation:float 8s ease-in-out infinite}.decor--tl{top:clamp(1rem,4vw,2.75rem);left:clamp(.75rem,3vw,2.5rem);width:clamp(4.5rem,10vw,7rem)}.decor--tr{top:clamp(1rem,4vw,2.75rem);right:clamp(.75rem,3vw,2.5rem);width:clamp(4rem,9vw,6.25rem);transform:scaleX(-1);animation-delay:1.5s}.decor--bl{bottom:clamp(1rem,4vw,2.75rem);left:clamp(.75rem,3vw,2.5rem);width:clamp(4rem,9vw,6.25rem);animation-delay:2.5s}.decor--br{bottom:clamp(1rem,4vw,2.75rem);right:clamp(.75rem,3vw,2.5rem);width:clamp(5rem,11vw,7.5rem);transform:scaleX(-1);animation-delay:1s}.confetti-dot{position:absolute;border-radius:50%;z-index:0;pointer-events:none;opacity:.8;animation:bob 6s ease-in-out infinite}.wrap{position:relative;z-index:1}@keyframes pulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0) var(--flip, )}50%{transform:translateY(-9px) var(--flip, )}}.decor--tr,.decor--br{--flip: scaleX(-1)}.flat .reveal{opacity:1!important;transform:none!important}.flat .hero{min-height:auto!important}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-hint:after,.confetti-dot,.decor{animation:none}}@media(max-width:560px){.hero .kicker,.eyebrow{letter-spacing:.16em}.hero .surname{letter-spacing:.28em;padding-left:.28em}.gp-rol{letter-spacing:.18em}.decor{opacity:.85}.decor--tl,.decor--bl{width:clamp(3.5rem,15vw,5rem)}.decor--tr,.decor--br{width:clamp(3.25rem,14vw,4.75rem)}.godparents{gap:2rem}}