.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.divider{background:linear-gradient(to right, color-mix(in srgb, var(--border-strong) 25%, transparent), color-mix(in srgb, var(--border-strong) 75%, transparent), color-mix(in srgb, var(--border-strong) 25%, transparent));width:100%;height:1px}:root,html[data-theme=light]{--background:#f7f4f1;--surface:#fefdfc;--text:#241f2b;--text-muted:#5c5563;--text-subtle:#938c99;--border:#e7e0da;--border-strong:#d8cfd8;--accent:#a561d6;--text-on-accent:#fff}html[data-theme=dark]{--background:#100c16;--surface:#191320;--text:#f2ecf5;--text-muted:#b2a7bd;--text-subtle:#726a7d;--border:#29222f;--border-strong:#382e42;--accent:#b878e4;--text-on-accent:#17101f}:root{--page-padding:12rem;--album-columns:6;--album-gap:.75rem}@media screen and (width<=1400px){:root{--page-padding:8rem}}@media screen and (width<=1200px){:root{--page-padding:6rem}}@media screen and (width<=992px){:root{--page-padding:3rem;--album-gap:.5rem;--album-columns:4}}@media screen and (width<=768px){:root{--page-padding:2rem}}@media screen and (width<=576px){:root{--page-padding:1.5rem;--album-columns:2}}@media screen and (width<=384px){:root{--page-padding:1rem}}@media screen and (width<=320px){:root{--page-padding:.5rem}}.branding{align-items:center;gap:1rem;display:flex}.branding .logo{--size:2.25rem;height:var(--size);width:var(--size);background-color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.branding .logo .icon{--size-icon:1rem;height:var(--size-icon);width:var(--size-icon);color:var(--text-on-accent);fill:currentColor;stroke:currentColor}.branding .name{font-family:Fraunces,serif;font-size:1.25rem;font-weight:500}.theme-button{--size:2.25rem;height:var(--size);width:var(--size);border:1px solid var(--border);background-color:var(--surface);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-button .icon{--size-icon:18px;color:var(--text);height:var(--size-icon);width:var(--size-icon)}.eyebrow{letter-spacing:.5px;color:var(--text-subtle);font-family:JetBrainsMono,monospace;font-size:.875rem}.eyebrow.accent{color:var(--accent)}.time{flex-direction:column;align-items:center;gap:.5rem;width:4.75rem;display:flex}.time strong{font-family:Fraunces,serif;font-size:4.5rem;font-weight:400}.time span{letter-spacing:.5px;color:var(--text-subtle);font-family:JetBrainsMono,monospace;font-size:.75rem}@media screen and (width<=768px){.time strong{font-size:3.75rem}}@media screen and (width<=576px){.time strong{font-size:3rem}.time span{letter-spacing:.5px}}@media screen and (width<=384px){.time strong{font-size:2rem}.time span{letter-spacing:0}}.card{transform-origin:bottom;transition:transform .4s,opacity .4s}.card.active{opacity:0;transform:rotateX(90deg)}.card{background-color:var(--surface);-webkit-user-select:none;user-select:none;border-radius:1.5rem;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.card-header{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.card-header .icon-wrapper{--size:2.25rem;height:var(--size);width:var(--size);border-radius:35%;justify-content:center;align-items:center;display:flex}.card-header .icon-wrapper .icon{--size-icon:1.25rem;height:var(--size-icon);width:var(--size-icon)}.card-header .tag{letter-spacing:.5px;border-radius:calc(.375rem + 6px);padding:6px 10px;font-family:JetBrainsMono,monospace;font-size:.75rem}.card-info{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.card-info .tag{color:var(--text-subtle);letter-spacing:.5px;font-family:JetBrainsMono,monospace;font-size:.875rem}.card-info .num{font-family:Fraunces,serif;font-size:3.75rem;font-weight:400;line-height:.9}.card-info .day{color:var(--text-subtle);letter-spacing:.5px;font-family:JetBrainsMono,monospace;font-size:.875rem}.card-footer{align-items:center;gap:.25rem;display:flex}.card-footer .icon{--size:1rem;height:var(--size);width:var(--size)}.card-footer span{font-family:Inter,sans-serif;font-size:1rem}.card.locked{cursor:default;filter:opacity(.5);border:1px dashed var(--border)}.card.locked .card-header .icon-wrapper{border:1px dashed var(--border);background-color:#0000}.card.locked .card-header .icon-wrapper .icon{color:var(--text-subtle)}.card.locked .card-header .tag{color:var(--text-subtle);border:1px dashed var(--border);background-color:#0000}.card.locked .card-info .num{color:var(--text-muted)}.card.locked .card-footer .icon,.card.locked .card-footer span{color:var(--text-subtle)}.card.opened{border:1px solid var(--border)}.card.opened .card-header .icon-wrapper{border:1px solid var(--border);background-color:#0000}.card.opened .card-header .icon-wrapper .icon{color:var(--text-subtle)}.card.opened .card-header .tag{color:var(--text-subtle);border:1px solid var(--border);background-color:#0000}.card.opened .card-info .num{color:var(--text-muted)}.card.opened .card-footer .icon{color:var(--accent)}.card.opened .card-footer span{color:var(--text-muted)}.card.unlocked{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}.card.unlocked .card-header .icon-wrapper{background-color:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.card.unlocked .card-header .icon-wrapper .icon{color:var(--accent)}.card.unlocked .card-header .tag{background-color:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.card.unlocked .card-info .num{color:var(--text)}.card.unlocked .card-footer .icon,.card.unlocked .card-footer span{color:var(--accent)}.card.today{border:1px solid var(--accent);background-color:color-mix(in srgb, var(--accent) 7.5%, var(--surface));box-shadow:0 .125rem 1rem 0 color-mix(in srgb, var(--accent) 20%, transparent)}.card.today .card-header .icon-wrapper{background-color:color-mix(in srgb, var(--accent) 90%, transparent);box-shadow:0 .125rem .75rem 0 color-mix(in srgb, var(--accent) 30%, transparent);border:1px solid #0000}.card.today .card-header .icon-wrapper .icon{color:var(--text-on-accent)}.card.today .card-header .tag{background-color:color-mix(in srgb, var(--accent) 90%, transparent);color:var(--text-on-accent);box-shadow:0 .125rem .75rem 0 color-mix(in srgb, var(--accent) 30%, transparent);border:1px solid #0000;font-weight:600}.card.today .card-info .num{color:var(--text)}.card.today .card-footer .icon,.card.today .card-footer span{color:var(--accent)}@media screen and (width<=1200px){.card{gap:1.25rem;padding:1.25rem}.card .card-header .icon-wrapper{--size:2rem;height:var(--size);width:var(--size)}.card .card-header .icon-wrapper .icon{--size-icon:1.125rem;height:var(--size-icon);width:var(--size-icon)}.card .card-header .tag{letter-spacing:.5px;font-size:.625rem}.card .card-info .tag{font-size:.75rem}.card .card-info .num{font-size:3rem}.card .card-info .day{font-size:.75rem}.card .card-footer span{font-size:.875rem}}@media screen and (width<=880px){.card{gap:1.5rem;padding:1.5rem}.card .card-header .icon-wrapper{--size:2.25rem;height:var(--size);width:var(--size)}.card .card-header .icon-wrapper .icon{--size-icon:1.375rem;height:var(--size-icon);width:var(--size-icon)}.card .card-header .tag{letter-spacing:.5px;font-size:.75rem}.card .card-info .tag{font-size:.875rem}.card .card-info .num{font-size:3.75rem}.card .card-info .day{font-size:.875rem}.card .card-footer span{font-size:1rem}}@media screen and (width<=576px){.card{gap:1.25rem;padding:1.25rem}.card .card-header .icon-wrapper{--size:1.875rem;height:var(--size);width:var(--size)}.card .card-header .icon-wrapper .icon{--size-icon:1.125rem;height:var(--size-icon);width:var(--size-icon)}.card .card-header .tag{letter-spacing:.5px;padding:6px 8px;font-size:.625rem}.card .card-info .tag{font-size:.75rem}.card .card-info .num{font-size:3rem}.card .card-info .day{font-size:.75rem}.card .card-footer span{font-size:.875rem}}@media screen and (width<=384px){.card .card-header{justify-content:flex-end}.card .card-header .icon-wrapper{display:none}}@media screen and (width<=320px){.card .card-header{display:none}}.photo{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:1rem;outline:1.5px solid #0000;transition:outline .4s;position:relative;overflow:hidden}.photo img{object-fit:cover;object-position:center;will-change:scale;width:100%;min-width:0;height:100%;min-height:0;transition:scale .4s;scale:1}.photo .over{opacity:0;background:linear-gradient(#0000,#000000c0);flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem;padding-block:.75rem;transition:opacity .4s;display:flex;position:absolute;inset:35% 0 0}.photo .over span{letter-spacing:.5px;color:#a0a0a0;font-family:JetBrainsMono,monospace;font-size:.75rem}.photo .over p{color:#f7f7f7;font-family:Inter,sans-serif;font-size:.875rem}.photo:hover{outline:1.5px solid var(--accent)}.photo:hover img{scale:1.05}.photo:hover .over{opacity:1}.player-slider{appearance:none;cursor:pointer;border-radius:999px;height:.5rem}.player-slider::-webkit-slider-thumb{--size:1rem;appearance:none;height:var(--size);width:var(--size);background-color:var(--accent);border-radius:50%}.counter{flex-direction:column;gap:1.75rem;display:flex}.counter .wrapper{align-items:center;gap:2rem;display:flex}.counter .wrapper .dot{--size:.5rem;height:var(--size);width:var(--size);background-color:color-mix(in srgb, var(--accent) 50%, transparent);border-radius:50%;flex:none;transform:translateY(-.625rem)}@media screen and (width<=768px){.counter .wrapper{gap:1rem}}@media screen and (width<=320px){.counter .dot{display:none}}.gifts{flex-direction:column;gap:2rem;display:flex}.gifts-header{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.gifts-header .heading{flex-direction:column;gap:1rem;display:flex}.gifts-header .heading h2{font-family:Fraunces,serif;font-size:3rem;font-weight:400}.gifts-header .stats{align-items:flex-end;gap:1rem;margin-left:auto;display:flex}.gifts-header .stats .dots{--size:10px;grid-template-columns:repeat(8, var(--size));grid-template-rows:repeat(2, var(--size));gap:6px;display:grid}.gifts-header .stats .dots .dot{background-color:var(--border);height:var(--size);width:var(--size);border-radius:75%;flex:none}.gifts-header .stats .dots .dot.accent{background-color:var(--accent)}.gifts-header .stats .count{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.gifts-header .stats .count .num{align-items:flex-end;gap:.25rem;font-family:Fraunces,serif;display:flex}.gifts-header .stats .count .num .opened{color:var(--text);font-size:2rem;font-weight:400}.gifts-header .stats .count .num .slash{color:var(--text-subtle);font-size:1.25rem;font-weight:600}.gifts-header .stats .count .num .total{color:var(--text-subtle);font-size:1.25rem;font-weight:400}.gifts-header .stats .count .tag{letter-spacing:.5px;color:var(--text-subtle);font-family:JetBrainsMono,monospace;font-size:.75rem}.gifts-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media screen and (width<=880px){.gifts .gifts-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(2,1fr)}}@media screen and (width<=320px){.gifts .gifts-grid{gap:.5rem}}.header{justify-content:space-between;padding-block:1.5rem;display:flex}.hero{flex-direction:column;gap:2rem;margin-block-start:2rem;display:flex}.hero h1{color:var(--text);max-width:7ch;font-family:Fraunces,serif;font-size:5.5rem;font-weight:400;line-height:.85}.hero h1 span{color:var(--accent);line-height:.85}.hero .description{text-wrap:pretty;max-width:32ch;color:var(--text-muted);margin-top:1rem;font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.5}.hero .lead{text-wrap:pretty;color:var(--text-subtle);font-family:Fraunces,serif;font-size:1rem}.album{flex-direction:column;gap:2rem;display:flex}.album-header{flex-direction:column;gap:1rem;display:flex}.album-header h2{font-family:Fraunces,serif;font-size:3rem;font-weight:400}.album-header p{text-wrap:pretty;max-width:48ch;color:var(--text-muted);font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.5}.album-grid{grid-template-columns:repeat(var(--album-columns), 1fr);grid-auto-rows:minmax(0, calc((100cqw - var(--album-gap) * (var(--album-columns) - 1)) / var(--album-columns)));gap:var(--album-gap);display:grid;container-type:inline-size}.album-grid .photo.i-0{grid-area:1/1/3/3}.album-grid .photo.i-1{grid-area:1/3/2/4}.album-grid .photo.i-2{grid-area:1/4/3/5}.album-grid .photo.i-3{grid-area:1/5/2/6}.album-grid .photo.i-4{grid-area:1/6/2/7}.album-grid .photo.i-5{grid-area:2/3/4/4}.album-grid .photo.i-6{grid-area:2/5/4/7}.album-grid .photo.i-7{grid-area:3/1/5/3}.album-grid .photo.i-8{grid-area:4/3/5/4}.album-grid .photo.i-9{grid-area:3/4/5/5}.album-grid .photo.i-10{grid-area:4/5/5/6}.album-grid .photo.i-11{grid-area:4/6/5/7}@media screen and (width<=992px){.album .album-grid .photo.i-0{grid-area:1/1/3/3}.album .album-grid .photo.i-1{grid-area:1/3/2/4}.album .album-grid .photo.i-2{grid-area:1/4/2/5}.album .album-grid .photo.i-3{grid-area:2/3/4/5}.album .album-grid .photo.i-4{grid-area:3/1/5/2}.album .album-grid .photo.i-5{grid-area:3/2/4/3}.album .album-grid .photo.i-6{grid-area:4/2/5/3}.album .album-grid .photo.i-7{grid-area:4/3/6/4}.album .album-grid .photo.i-8{grid-area:4/4/5/5}.album .album-grid .photo.i-9{grid-area:5/1/7/3}.album .album-grid .photo.i-10{grid-area:5/4/7/5}.album .album-grid .photo.i-11{grid-area:6/3/7/4}}@media screen and (width<=576px){.album .album-grid .photo.i-0{grid-area:1/1/3/3}.album .album-grid .photo.i-1{grid-area:3/1/4/2}.album .album-grid .photo.i-2{grid-area:3/2/5/3}.album .album-grid .photo.i-3{grid-area:4/1/6/2}.album .album-grid .photo.i-4{grid-area:5/2/6/3}.album .album-grid .photo.i-5{grid-area:6/1/7/2}.album .album-grid .photo.i-7{grid-area:6/2/8/3}.album .album-grid .photo.i-6{grid-area:7/1/8/2}.album .album-grid .photo.i-8{grid-area:8/1/10/3}.album .album-grid .photo.i-9{grid-area:10/1/12/2}.album .album-grid .photo.i-10{grid-area:10/2/11/3}.album .album-grid .photo.i-11{grid-area:11/2/12/3}}.playlist{flex-direction:column;gap:2rem;display:flex}.playlist-header{flex-direction:column;gap:1rem;display:flex}.playlist-header h2{font-family:Fraunces,serif;font-size:3rem;font-weight:400}.playlist-header p{text-wrap:pretty;max-width:48ch;color:var(--text-muted);font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.5}.footer{justify-content:flex-start;align-items:center;display:flex}.home{flex-direction:column;gap:4rem;display:flex}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}h1,h2,h3,h4,h5,h6,p,a,span,strong{margin:0;line-height:1}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit}button{background:0 0;border:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;cursor:pointer}#root{padding-inline:var(--page-padding);min-height:100vh;margin-bottom:4rem;position:relative;overflow:hidden}::selection{background-color:color-mix(in srgb, var(--accent) 25%, transparent)}.blur{z-index:-10;background-color:color-mix(in srgb, var(--accent) 10%, transparent);filter:blur(64px);border-radius:50%;position:fixed}.blur.top{opacity:.4;width:420px;height:420px;top:-8rem;right:-6rem}.blur.mid{opacity:.25;width:360px;height:360px;top:33.333%;left:-8rem}@font-face{font-family:Inter;src:url(/assets/Inter-Variable-BY0vKDoq.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/Fraunces-Variable-Bw_ZAJUq.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrainsMono;src:url(/assets/JetBrainsMono-Variable-D5KFAJfm.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}