@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";:root{color:#34261d;font-synthesis:none;text-rendering:optimizelegibility;background:#efe5d2;font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#efe5d2;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.section{padding:clamp(4.5rem,9vw,8rem) max(1.25rem,50vw - 590px)}.eyebrow{color:#9d653b;letter-spacing:.16em;margin:0 0 .8rem;font:500 .72rem/1.3 DM Mono,monospace}.section-heading{text-align:center;max-width:640px;margin:0 auto 3.2rem}.section-heading h2,.decade-section h2,.future-letter h2{letter-spacing:.04em;margin:0;font-size:clamp(2.15rem,5vw,4rem);font-weight:700}.section-heading>p:last-child{color:#765d4a;margin:1rem auto 0;line-height:1.9}.empty-state{color:#785d46;text-align:center;border:1px dashed #b89d7d;margin:2rem auto;padding:2.5rem}.hero-section{color:#fff9ec;isolation:isolate;background-color:#1e1712;background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;min-height:min(800px,100svh);display:grid;position:relative;overflow:hidden}.hero-section__overlay{z-index:-1;background:linear-gradient(100deg,#19100bd1,#21140c59 55%,#1b110aa8),radial-gradient(circle at 55% 42%,#0000 0 20%,#0000004d 92%);position:absolute;inset:0}.hero-section__content{text-align:center;width:min(100% - 2.5rem,1100px);padding:3rem 0}.hero-section .eyebrow{color:#f2c991}.hero-section__years{color:#f3d4a3;letter-spacing:.26em;margin:0 0 .7rem;font:500 clamp(.8rem,1.7vw,1rem)/1 DM Mono,monospace}.hero-section__years span{opacity:.7;padding:0 .5rem}.hero-section h1{letter-spacing:.08em;text-shadow:0 3px 22px #00000073;margin:0;font-size:clamp(3.2rem,9vw,7.8rem);font-weight:900;line-height:1.18}.hero-section h1 span{color:#f5b45e;font-family:DM Mono,monospace;font-size:.72em}.hero-section__copy{letter-spacing:.07em;text-shadow:0 1px 5px #00000080;margin:2rem auto;font-size:clamp(1rem,2vw,1.28rem);line-height:2}.scroll-cue{color:inherit;border-bottom:1px solid #ffefc9b3;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-size:.9rem;text-decoration:none;transition:transform .2s;display:inline-flex}.scroll-cue:hover{transform:translateY(4px)}.scroll-cue span{font-size:1.25rem}.archive-section{background:repeating-linear-gradient(90deg,#724e2e07 0 1px,#0000 1px 5px),#f6eedf}.archive-grid{grid-template-columns:repeat(5,1fr);gap:1.15rem;max-width:1280px;margin:auto;display:grid}.archive-card{background:#fffaf1;border:1px solid #d5c1a2;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 7px 18px #462b1617}.archive-card:hover{transform:translateY(-8px)rotate(-.4deg);box-shadow:0 18px 28px #462b162b}.archive-card__photo-wrap{aspect-ratio:.8;background:#d8c7ad;position:relative;overflow:hidden}.archive-card__photo-wrap img{object-fit:cover;filter:sepia(.12)contrast(1.03);width:100%;height:100%;transition:transform .5s}.archive-card:hover img{transform:scale(1.04)}.archive-card__number{color:#ffedcf;background:#2f2017;padding:.32rem .44rem;font:.7rem DM Mono,monospace;position:absolute;top:.75rem;left:.75rem}.archive-card__body{padding:1rem}.archive-card__since{color:#9c704c;letter-spacing:.08em;margin:0 0 .35rem;font:.66rem DM Mono,monospace}.archive-card h3{margin:0;font-size:1.45rem}.archive-card h3 small{color:#96765a;margin-top:.18rem;font-size:.73rem;font-weight:400;display:block}.tag-list{flex-wrap:wrap;gap:.32rem;margin:.75rem 0;display:flex}.tag-list span{color:#806249;border:1px solid #e3d1b7;padding:.22rem .4rem;font-size:.67rem}.archive-card blockquote{color:#5d3f2b;min-height:3.4em;margin:.8rem 0;font-size:.86rem;font-weight:600;line-height:1.65}.archive-card__joke,.archive-card__description{color:#775f4e;margin:.55rem 0 0;font-size:.74rem;line-height:1.7}.archive-card__description{color:#5e493a;border-top:1px dashed #d8c2a6;padding-top:.55rem}.decade-section{position:relative;overflow:hidden}.decade-section--decade-one{background:#e7d4b5}.decade-section--decade-two{background:#dce4df}.decade-section--decade-one:before,.decade-section--decade-two:before{pointer-events:none;content:"";opacity:.25;mix-blend-mode:multiply;background-image:radial-gradient(#533b2538 .7px,#0000 .8px);background-size:5px 5px;position:absolute;inset:0}.decade-section__intro{text-align:center;max-width:680px;margin:0 auto 3rem;position:relative}.decade-section__years{color:#a45c37;letter-spacing:.18em;margin:0 0 .55rem;font:500 clamp(.9rem,2vw,1.1rem)/1 DM Mono,monospace}.decade-section__subtitle{margin:1rem auto .5rem;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:600;line-height:1.8}.decade-section__description{color:#725945;margin:0;line-height:1.8}.photo-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem);max-width:1180px;margin:auto;display:grid;position:relative}.photo-card{color:#39281d;text-align:left;background:#fffaf1;border:0;min-width:0;padding:.55rem .55rem 1rem;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 13px #3d2b1c29}.photo-card:hover{z-index:1;transform:translateY(-7px)rotate(0);box-shadow:0 17px 23px #3d2b1c3b}.photo-card--1{transform:rotate(-1.8deg)}.photo-card--2{transform:rotate(1.2deg)}.photo-card--3{transform:rotate(-.5deg)}.photo-card--4{transform:rotate(1.7deg)}.photo-card--5{transform:rotate(-1deg)}.photo-card__frame{aspect-ratio:1.13;background:#c8b291;display:block;overflow:hidden}.photo-card__frame img{object-fit:cover;filter:saturate(.85)sepia(.1);width:100%;height:100%;transition:transform .45s}.photo-card:hover img{transform:scale(1.06)}.photo-card__caption{padding:.65rem .25rem 0;display:block}.photo-card__caption b{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;display:block;overflow:hidden}.photo-card__caption small{color:#9b7559;margin-top:.2rem;font:.67rem DM Mono,monospace;display:block}.decade-section--decade-two .photo-card__frame img{filter:saturate(.92)contrast(1.03)}.moments-section{color:#f7e9d1;background:#33261f}.section-heading--light .eyebrow{color:#e4ad6f}.section-heading--light>p:last-child{color:#ddc7a8}.moments-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1120px;margin:auto;display:grid}.moment-card{background:linear-gradient(145deg,#ffffff17,#ffffff05);border:1px solid #f5d9b138;min-height:260px;padding:1.8rem;position:relative;overflow:hidden}.moment-card__number{color:#c6814d;font:1.1rem DM Mono,monospace;display:block}.moment-card__year{color:#d9b388;letter-spacing:.1em;margin:1.2rem 0 .25rem;font-size:.73rem}.moment-card h3{margin:0;font-size:1.32rem}.moment-card>p:not(.moment-card__year){color:#e0ccb1;font-size:.88rem;line-height:1.9}.moment-card footer{color:#c59e78;font-size:.76rem;position:absolute;bottom:1.5rem}.empty-state--light{color:#f0dbbd;border-color:#f5d9b14d}.future-letter{background:#e8dfcf;padding:clamp(4.5rem,9vw,8rem) 1.25rem 2rem}.future-letter__paper{text-align:center;background:#fffaf0;max-width:760px;margin:auto;padding:clamp(2.2rem,7vw,5rem);position:relative;overflow:hidden;box-shadow:0 18px 40px #422e1c2e}.future-letter__paper:before{pointer-events:none;content:"";border:1px solid #e2d1b6;position:absolute;inset:13px}.future-letter h2{font-family:Ma Shan Zheng,Noto Serif SC,cursive;font-size:clamp(2.6rem,7vw,4.6rem)}.future-letter__paper>p:not(.eyebrow){color:#654d3c;text-align:left;margin:1.35rem 0 0;font-size:clamp(.96rem,2vw,1.08rem);line-height:2.15;position:relative}.future-letter__signoff{font-family:Ma Shan Zheng,cursive;text-align:right!important;font-size:1.35rem!important}.site-footer{color:#8c725c;letter-spacing:.1em;text-align:center;margin-top:3.5rem;font:.72rem DM Mono,monospace}.music-player{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffefd3;background:#2e2218db;border:1px solid #fbefda99;border-radius:999px;align-items:center;gap:.65rem;padding:.45rem .65rem .45rem .45rem;display:flex;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 4px 16px #00000047}.music-player button{color:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .55rem .38rem .38rem;font-size:.75rem;display:inline-flex}.music-player__icon{background:#b96e3b;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;font-size:.76rem;display:grid}.music-player__status{color:#d9c0a2;max-width:160px;font-size:.67rem;display:none}.music-player:hover .music-player__status,.music-player:focus-within .music-player__status{display:inline}.photo-modal{z-index:50;background:#140e0ad1;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0;overflow-y:auto}.photo-modal__panel{background:#fff9ee;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);width:min(100%,980px);max-height:calc(100svh - 2.5rem);display:grid;position:relative;overflow:auto;box-shadow:0 18px 50px #00000059}.photo-modal__image{background:#281c14;min-height:280px}.photo-modal__image img{object-fit:contain;width:100%;height:100%;max-height:calc(100svh - 2.5rem)}.photo-modal__content{padding:clamp(1.8rem,4vw,3rem)}.photo-modal__content h2{margin:0 0 1.3rem;font-size:clamp(1.7rem,4vw,2.5rem)}.photo-modal dl{border-top:1px solid #ead9bf;margin:0}.photo-modal dl div{border-bottom:1px solid #ead9bf;grid-template-columns:5.5em 1fr;gap:.5rem;padding:.58rem 0;font-size:.84rem;display:grid}.photo-modal dt{color:#9c714f}.photo-modal dd{color:#5d4634;margin:0}.photo-modal__memory{color:#644b37;line-height:1.9}.photo-modal__joke{color:#a1633c;font-size:.86rem;line-height:1.8}.photo-modal__close{z-index:1;color:#fff;background:#2e2016c2;border:0;border-radius:50%;width:2.25rem;height:2.25rem;font-size:1.6rem;line-height:1;position:absolute;top:.75rem;right:.75rem}@media (width<=980px){.archive-grid,.photo-gallery{grid-template-columns:repeat(3,1fr)}.moments-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.section{padding-left:1rem;padding-right:1rem}.hero-section{min-height:100svh}.hero-section__content{width:min(100% - 2rem,1100px)}.hero-section h1{letter-spacing:.02em}.hero-section__copy{font-size:.95rem}.archive-grid,.photo-gallery{grid-template-columns:repeat(2,1fr);gap:.8rem}.archive-card__body{padding:.78rem}.archive-card h3{font-size:1.2rem}.archive-card blockquote{min-height:auto;font-size:.78rem}.archive-card__joke,.archive-card__description{font-size:.69rem}.photo-card{padding:.4rem .4rem .7rem}.photo-card__caption b{font-size:.76rem}.moments-grid{grid-template-columns:1fr}.moment-card{min-height:215px}.music-player{bottom:.75rem;right:.75rem}.music-player button>span:last-child{display:none}.photo-modal{align-items:start;padding:.7rem}.photo-modal__panel{grid-template-columns:1fr;max-height:none;margin:.7rem 0}.photo-modal__image img{max-height:52svh}.photo-modal__content{padding:1.5rem}}