:root{--ink: #14172B;--ink-2: #1E2340;--ink-3: #2B3157;--jasmine: #F2EEE1;--muted: #9AA0BC;--marigold: #F0A13A;--rose: #C9456C;--palm: #4AA396;--measure: 60ch;--gap: clamp(1rem, 2.5vw, 1.75rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--jasmine);font-family:Karla,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1rem,.96rem + .25vw,1.125rem);line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--marigold);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:-9999px;top:0;background:var(--marigold);color:var(--ink);padding:.65rem 1rem;z-index:100;font-weight:600}.skip:focus{left:.75rem;top:.75rem}main{max-width:68rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.hero{min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 0 3rem}.kolam{width:clamp(120px,22vw,190px);height:auto;margin-bottom:clamp(1.5rem,4vw,2.75rem)}.kolam-dots circle{fill:var(--ink-3)}.kolam-line{stroke:var(--marigold);stroke-width:1.7;stroke-linecap:round;opacity:.9}.hero-greeting{margin:0;font-size:clamp(.95rem,2vw,1.1rem);letter-spacing:.02em;color:var(--muted);font-weight:400}.hero-name{margin:.15em 0 0;font-family:Fraunces,Georgia,serif;font-weight:300;font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 120;font-size:clamp(3.4rem,15vw,9rem);line-height:.92;letter-spacing:-.03em;color:var(--jasmine)}.hero-dateline{margin:1.4rem 0 0;color:var(--muted);font-size:.95rem;max-width:34ch}.section{padding-block:clamp(3.5rem,9vw,6.5rem);border-top:1px solid var(--ink-2)}.section-heading{margin:0 0 clamp(1.5rem,4vw,2.5rem);font-family:Fraunces,Georgia,serif;font-weight:400;font-variation-settings:"SOFT" 40,"opsz" 40;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15;letter-spacing:-.015em}.letter-body{max-width:var(--measure);margin:0 0 1.15em;color:#dcd8ca}.letter-signoff{margin:2rem 0 0;font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-variation-settings:"SOFT" 80,"WONK" 1;color:var(--marigold)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(150px,26vw,230px),1fr));gap:var(--gap)}.shot{margin:0}.shot--wide{grid-column:span 2}.shot--big{grid-column:span 2;grid-row:span 2}.shot--tall{grid-row:span 2}.shot-btn{display:block;width:100%;height:100%;padding:0;border:0;background:var(--ink-2);cursor:pointer;overflow:hidden}.shot-btn img{width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3;transition:transform .5s cubic-bezier(.2,0,.2,1),filter .4s ease;filter:saturate(.92)}.shot--big .shot-btn img,.shot--tall .shot-btn img{aspect-ratio:auto}.shot-btn:hover img,.shot-btn:focus-visible img{transform:scale(1.035);filter:saturate(1.05)}.shot figcaption{margin-top:.6rem;font-size:.85rem;color:var(--muted);line-height:1.45}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0c18f5;display:grid;place-items:center;padding:clamp(1rem,5vw,3rem)}.lightbox figure{margin:0;max-width:min(90vw,62rem)}.lightbox img{max-height:78svh;width:auto;margin-inline:auto}.lightbox figcaption{margin-top:1rem;text-align:center;color:var(--muted);font-size:.9rem}.lb-btn,.lb-close{position:absolute;background:none;border:1px solid var(--ink-3);color:var(--jasmine);cursor:pointer;font-family:inherit}.lb-btn{top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;font-size:1.8rem;line-height:1}.lb-prev{left:clamp(.5rem,2vw,1.5rem)}.lb-next{right:clamp(.5rem,2vw,1.5rem)}.lb-close{top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);padding:.45rem .9rem;font-size:.85rem}.lb-btn:hover,.lb-close:hover{border-color:var(--marigold);color:var(--marigold)}.stack{display:grid;gap:.9rem}.player{display:flex;align-items:center;gap:clamp(.9rem,2.5vw,1.4rem);padding:clamp(.9rem,2.5vw,1.35rem);background:var(--ink-2);border-left:2px solid var(--marigold)}.player--quiet{background:transparent;border:1px solid var(--ink-3);border-left-width:1px}.player-toggle{flex:none;width:3rem;height:3rem;border-radius:50%;border:0;background:var(--marigold);color:var(--ink);cursor:pointer;display:grid;place-items:center}.player--quiet .player-toggle{background:var(--ink-3);color:var(--jasmine)}.player-toggle svg{width:1.15rem;height:1.15rem;fill:currentColor}.player-toggle:hover{filter:brightness(1.08)}.player-body{flex:1;min-width:0}.player-title{margin:0;font-weight:600;font-size:1rem}.player-note{margin:.1rem 0 0;font-size:.85rem;color:var(--muted)}.player-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;margin:.75rem 0 .4rem;background:var(--ink-3);cursor:pointer}.player-track::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--marigold)}.player-track::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--marigold)}.player--quiet .player-track::-webkit-slider-thumb{background:var(--muted)}.player--quiet .player-track::-moz-range-thumb{background:var(--muted)}.player-time{margin:0;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.player-time span{opacity:.45}.wishes{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.5rem,4vw,2.25rem);max-width:var(--measure)}.wish-text{margin:0;font-family:Fraunces,Georgia,serif;font-weight:300;font-variation-settings:"SOFT" 50,"opsz" 30;font-size:clamp(1.15rem,2.6vw,1.4rem);line-height:1.45}.wish-from{margin:.5rem 0 0;font-size:.85rem;color:var(--palm)}.sealed-frame{max-width:var(--measure);border:1px solid var(--ink-3);padding:clamp(1.5rem,5vw,2.5rem)}.sealed-label{margin:0 0 .75rem;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(1.25rem,3vw,1.6rem);color:var(--jasmine)}.sealed-summary{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.sealed-open,.sealed-close{margin-top:1.75rem;padding:.7rem 1.4rem;background:none;border:1px solid var(--ink-3);color:var(--jasmine);font-family:inherit;font-size:.95rem;cursor:pointer}.sealed-open:hover,.sealed-close:hover{border-color:var(--muted)}.sealed-panel{margin-top:1.75rem}.sealed-panel:focus{outline:none}.sealed-warning{margin:0 0 1.25rem;padding-left:.9rem;border-left:2px solid var(--rose);font-size:.9rem;color:var(--muted)}.sealed-image{margin:1.25rem 0 0}.sealed-image img{border:1px solid var(--ink-3)}.sealed-afterword{margin:1.5rem 0 0;font-size:.9rem;color:var(--muted)}.closing{padding-block:clamp(5rem,14vw,9rem);border-top:1px solid var(--ink-2);text-align:center}.closing-line{margin:0;font-family:Fraunces,Georgia,serif;font-weight:300;font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 100;font-size:clamp(2rem,7vw,4rem);line-height:1.05;letter-spacing:-.02em}.closing-sub{margin:1rem 0 0;color:var(--muted);font-size:.95rem}@media (max-width: 34rem){.shot--big,.shot--wide{grid-column:span 1}.shot--big,.shot--tall{grid-row:span 1}.shot--big .shot-btn img,.shot--tall .shot-btn img{aspect-ratio:4 / 3}.player{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}