@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#2e2924;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#2e2924;--muted:#766b61;--paper:#fffaf0;--paper-aged:#f0e3d0;--rose:#c6817e;--burgundy:#8d3539;--blue:#91a7ad;--sage:#98a27e;--shadow:0 22px 54px #412a1c2b;--small-shadow:0 10px 24px #412a1c24;background:#f5efe4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;overflow-x:hidden}body{background:radial-gradient(circle at 8% 12%,#c6817e21,#0000 24rem),radial-gradient(circle at 92% 18%,#91a7ad26,#0000 22rem),linear-gradient(90deg,#43321f09 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#f8f1e6,#efe1cf);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.38;mix-blend-mode:multiply;background-image:linear-gradient(115deg,#0000 0 48%,#5f473414 49% 51%,#0000 52%),repeating-linear-gradient(0deg,#ffffff57 0 1px,#0000 1px 5px);position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:3px solid #8d353973}.app-shell{min-height:100vh}.site-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,100% - 28px);margin:0 auto;padding:16px 0 10px;display:flex;position:sticky;top:0}.brand-mark{width:48px;height:48px;box-shadow:var(--small-shadow);background:#fffaf0d1;border:1px solid #2e292429;border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Playfair Display,Georgia,serif;font-size:1rem;font-weight:700;display:inline-flex}.brand-mark span:nth-child(2){color:var(--burgundy);margin:0 1px;font-family:Caveat,cursive;font-size:1.25rem}.chapter-nav{scrollbar-width:none;background:#fffaf0b8;border:1px solid #2e29241f;border-radius:999px;gap:4px;max-width:calc(100vw - 92px);padding:7px;display:flex;overflow-x:auto;box-shadow:0 12px 32px #4a36231a}.chapter-nav::-webkit-scrollbar{display:none}.nav-link{min-height:34px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 13px;font-size:.82rem;font-weight:700;display:inline-flex}.lock-icon{opacity:.72;border:2px solid;border-radius:2px;width:.74rem;height:.58rem;display:inline-block;position:relative}.lock-icon:before{content:"";border:2px solid;border-bottom:0;border-radius:999px 999px 0 0;width:.42rem;height:.36rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.lock-icon-large{border-width:2px;width:1.1rem;height:.86rem}.lock-icon-feature{width:1.7rem;height:1.28rem;color:var(--burgundy);border-width:3px}.lock-icon-feature:before{border-width:3px;width:.96rem;height:.75rem}.nav-link.active{color:var(--ink);background:#f3dacd;box-shadow:inset 0 0 0 1px #8d35391f}.page-pad{width:min(1120px,100% - 28px);margin:0 auto;padding:54px 0 96px}h1,h2{color:#251f1a;letter-spacing:0;margin:0;font-family:Playfair Display,Georgia,serif;line-height:.98}h1{font-size:clamp(3.3rem,13vw,8.2rem)}h2{font-size:clamp(2.1rem,5.4vw,4.1rem)}p{margin:0;line-height:1.65}.date-stamp{color:#51473d;letter-spacing:.08em;text-transform:uppercase;border:1px solid #2e292452;width:fit-content;padding:5px 9px 4px;font-size:.73rem;font-weight:800;line-height:1;display:inline-flex;transform:rotate(-1deg)}.handwritten-caption{color:var(--burgundy);font-family:Caveat,cursive;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.05}.home-page{grid-template-columns:minmax(0,.8fr) minmax(310px,1.2fr);align-items:center;gap:clamp(1.6rem,6vw,4.5rem);min-height:calc(100vh - 74px);padding-top:26px;display:grid}.home-intro{z-index:2;position:relative}.home-intro h1{max-width:8ch;margin-top:18px}@media (width>=821px){.home-intro h1{max-width:6.3ch;font-size:clamp(4.5rem,8.2vw,6.7rem)}}.home-intro p{max-width:31ch;color:var(--muted);margin-top:20px;font-size:clamp(1rem,2vw,1.25rem)}.cover-composition{isolation:isolate;place-items:center;min-height:min(72vh,690px);display:grid;position:relative}.cover-composition:before{z-index:-2;content:"";background:var(--paper);box-shadow:var(--shadow);position:absolute;inset:8% 12% 3% 2%;transform:rotate(1.2deg)}.cover-composition:after{z-index:-3;content:"";box-shadow:var(--small-shadow);background:#ead8bf;position:absolute;inset:3% 3% 10% 16%;transform:rotate(-2deg)}.cover-composition .polaroid{width:min(74vw,520px)}.cover-tuck{width:min(34vw,210px);position:absolute;bottom:12%;right:0}.cover-composition .scrapbook-note{width:min(48vw,260px);position:absolute;bottom:8%;left:0}.cover-composition .sticker{position:absolute;top:11%;right:8%}.home-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.primary-link,.quiet-link{justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-link{color:#fff9ed;background:#2e2924;border:1px solid #2e292429;transition:transform .22s,box-shadow .22s;transform:rotate(-.5deg);box-shadow:8px 8px #d5b9aa}.primary-link:hover{transform:rotate(0)translateY(-2px);box-shadow:10px 12px #d5b9aa}.quiet-link{color:var(--burgundy);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.polaroid,.taped-photo,.scrapbook-note,.paper-scrap{background:var(--paper);box-shadow:var(--shadow);transform:rotate(var(--rotate,0deg));margin:0;position:relative}.polaroid{padding:13px 13px 48px;transition:transform .26s,box-shadow .26s}.polaroid:hover,.taped-photo:hover{transform:rotate(var(--rotate,0deg)) translateY(-4px);box-shadow:0 28px 64px #412a1c38}.polaroid img,.polaroid video,.taped-photo img,.taped-photo video,.photo-strip img,.photo-strip video{aspect-ratio:4/5;object-fit:cover;filter:saturate(.93)contrast(1.02);background:#dbc8b1;width:100%}.polaroid figcaption{color:var(--muted);font-family:Caveat,cursive;font-size:1.4rem;position:absolute;bottom:10px;right:18px}.taped-photo{padding:8px}.wide-photo img{aspect-ratio:16/10}.tape{z-index:2;opacity:.92;background:linear-gradient(90deg,#0000 0 4px,#ffffff59 4px 8px,#0000 8px),#dac4a1b8;width:88px;height:27px;display:block;position:absolute;box-shadow:0 3px 8px #3c2d1e14}.tape-top{top:-13px;left:50%;transform:translate(-50%)rotate(1deg)}.tape-corner{top:-12px;left:12px;transform:rotate(-8deg)}.tape-side{top:18px;right:-26px;transform:rotate(83deg)}.scrapbook-note{color:#4b4036;padding:24px}.scrapbook-note:before,.paper-scrap:before{pointer-events:none;content:"";background-image:repeating-linear-gradient(0deg,#63493209 0 1px,#0000 1px 8px);position:absolute;inset:0}.paper-scrap{color:#554b42;padding:12px 14px;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.05;display:inline-flex}.paper-scrap-rose{background:#f2d3cf}.paper-scrap-blue{background:#dce7e8}.paper-scrap-cream{background:#f8e8c5}.sticker{min-width:76px;min-height:34px;color:var(--burgundy);background:#f6d8d1;border:1px solid #8d353933;border-radius:50%;justify-content:center;align-items:center;padding:6px 12px;font-family:Caveat,cursive;font-size:1.35rem;line-height:1;display:inline-flex;transform:rotate(5deg)}.doodle{width:116px;height:32px;color:var(--burgundy);margin-top:8px;display:block}.doodle-underline{border-bottom:3px solid;border-radius:50%;transform:rotate(-2deg)}.doodle-arrow:before{content:"->";font-family:Caveat,cursive;font-size:3rem}.doodle-spark:before{content:"*  *";font-family:Caveat,cursive;font-size:2.4rem}.doodle-circle{border:3px solid;border-radius:50%;width:72px;height:48px;transform:rotate(-12deg)}.year-heading{text-align:center;justify-items:center;gap:16px;max-width:760px;margin:12px auto 54px;display:grid}.year-heading p{max-width:48rem;color:var(--muted)}.memory-list{gap:clamp(5rem,13vw,10rem);display:grid}.memory-section{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:620px;padding:clamp(1rem,3vw,2rem);display:grid;position:relative}.memory-section:before{z-index:-2;content:"";box-shadow:var(--shadow);transform:rotate(var(--page-tilt,0deg));background:#fffaf0bd;position:absolute;inset:0}.memory-section:after{z-index:-3;content:"";transform:rotate(calc(var(--page-tilt,0deg) * -1));background:#eadbc7;position:absolute;inset:18px -5px -14px 9px}.section-index{color:#2e29242e;font-family:Playfair Display,Georgia,serif;font-size:clamp(4rem,10vw,8rem);line-height:1;position:absolute;top:22px;right:28px}.memory-copy{gap:12px;display:grid}.memory-copy h2{overflow-wrap:anywhere;max-width:12ch;font-size:clamp(1.85rem,4.9vw,3.75rem)}.memory-copy>p:not(.date-stamp):not(.handwritten-caption){max-width:32rem;color:var(--muted);font-size:1rem}.layout-polaroid{--page-tilt:-.7deg}.layout-polaroid .photo-stack{grid-column:2/span 5;position:relative}.layout-polaroid .mini-overlap{width:42%;position:absolute;bottom:-42px;right:-44px}.layout-polaroid .scrapbook-note{grid-column:7/span 5}.layout-strip{--page-tilt:.5deg}.photo-strip{width:min(260px,100%);box-shadow:var(--shadow);background:#211d1b;grid-column:2/span 4;gap:12px;margin:0 auto;padding:12px;display:grid;transform:rotate(-2deg)}.photo-strip img,.photo-strip video{aspect-ratio:1/1.12;border:6px solid #fbf7ef}.message-cluster{grid-column:7/span 5;align-content:center;gap:16px;display:grid}.message-bubble{max-width:310px;box-shadow:var(--small-shadow);color:#40514f;background:#e7f0ee;border-radius:4px 18px 18px;padding:14px 16px;font-weight:600;transform:rotate(1deg)}.layout-landscape{--page-tilt:-.3deg}.landscape-cluster{grid-column:1/span 8;padding:5% 10% 8% 4%;position:relative}.landscape-cluster .wide-photo{width:100%}.small-left,.small-right{width:26%;position:absolute}.small-left{bottom:0;left:0}.small-right{top:0;right:2%}.layout-landscape .scrapbook-note{grid-column:9/span 4}.layout-quiet{--page-tilt:.4deg;min-height:680px}.quiet-photo-wrap{grid-column:2/span 5}.quiet-photo{width:min(100%,470px);max-width:none}.quiet-photo video,.quiet-photo img{aspect-ratio:3/4}.quiet-copy{box-shadow:var(--small-shadow);background:#fffaf0d1;grid-column:8/span 4;align-self:center;margin-bottom:0;padding:24px;transform:rotate(.8deg)}.layout-scatter{--page-tilt:-.5deg}.scatter-board{grid-column:1/span 7;min-height:520px;position:relative}.scatter-photo{width:clamp(130px,19vw,235px);position:absolute}.scatter-1{top:4%;left:8%}.scatter-2{top:20%;right:6%}.scatter-3{bottom:6%;left:18%}.scatter-4{bottom:1%;right:18%}.scatter-board .sticker{position:absolute;top:46%;left:48%}.scatter-board .paper-scrap{position:absolute;bottom:34%;right:2%}.layout-scatter .scrapbook-note{grid-column:8/span 4}.layout-pinup{--page-tilt:.35deg;align-items:center}.pinup-content{grid-column:1/span 12;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;display:grid}.pinup-board{min-height:520px;position:relative}.pinup-photo{width:clamp(190px,24vw,310px);position:absolute}.pinup-1{top:4%;left:8%}.pinup-2{bottom:2%;right:10%}.pinup-3{bottom:0;left:31%}.pinup-board .sticker{position:absolute;top:42%;left:49%}.pinup-board .paper-scrap{position:absolute;bottom:16%;left:13%}.layout-pinup .pinup-2 figcaption{min-width:0;color:var(--burgundy);text-align:center;background:#f6d8d1;border:1px solid #8d353933;border-radius:50%;padding:3px 5px;font-size:.95rem;line-height:1;bottom:8px;left:6px;right:6px;transform:rotate(-3deg)}.layout-pinup .scrapbook-note{align-self:center;margin-bottom:0}.layout-pinup .memory-copy h2{max-width:10.5ch}.layout-feature{--page-tilt:-.25deg}.feature-board{grid-column:1/span 8;padding:4% 8% 7% 4%;position:relative}.feature-main{width:min(100%,760px)}.feature-main img,.feature-main video{aspect-ratio:4/5;object-fit:contain;background:linear-gradient(#fffaf0b8,#fffaf0b8),#dbc8b1}.feature-small{width:clamp(150px,20vw,245px);position:absolute;bottom:0;right:3%}.layout-feature .scrapbook-note{grid-column:9/span 4}.layout-sideBySide{--page-tilt:.2deg}.side-by-side-board{grid-column:1/span 8;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1rem,3vw,2rem);width:100%;display:grid}.layout-sideBySide .polaroid{width:100%}.layout-sideBySide .polaroid:nth-child(2) img,.layout-sideBySide .polaroid:nth-child(2) video{object-fit:contain;object-position:center;background:linear-gradient(#fffaf0b8,#fffaf0b8),#dbc8b1}.layout-sideBySide .scrapbook-note{grid-column:9/span 4}.song-line{color:var(--sage);font-size:.9rem;font-weight:800}.year-ending{box-shadow:var(--shadow);text-align:center;background:#fffaf0d1;justify-items:center;gap:24px;margin-top:clamp(5rem,14vw,10rem);padding:clamp(1.2rem,4vw,3rem);display:grid}.favorite-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(.5rem,2vw,1.2rem);width:min(860px,100%);display:grid}.favorite-row .polaroid{padding:8px 8px 32px}.next-chapter{justify-items:center;gap:8px;margin-top:12px;display:grid}.locked-page{place-items:center;min-height:calc(100vh - 72px);display:grid}.locked-paper{background:var(--paper);width:min(680px,100%);min-height:580px;box-shadow:var(--shadow);text-align:center;justify-items:center;gap:18px;padding:clamp(1.5rem,7vw,4rem);display:grid;position:relative;transform:rotate(-.4deg)}.closed-envelope{width:min(78vw,390px);height:220px;box-shadow:var(--small-shadow);background:#ead8bf;border:1px solid #2e292429;position:relative}.closed-envelope:before,.closed-envelope:after{content:"";position:absolute;inset:0}.closed-envelope:before{clip-path:polygon(0 0,50% 56%,100% 0);background:#f2e3ce}.closed-envelope:after{clip-path:polygon(0 100%,50% 45%,100% 100%);background:#dfc7ac}.closed-envelope span{z-index:2;background:var(--burgundy);border-radius:50%;width:42px;height:42px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.locked-paper .scrapbook-note{max-width:360px}.locked-paper .sticker{position:absolute;bottom:17%;right:10%}@media (width<=820px){.page-pad{width:min(100% - 24px,700px);padding-bottom:72px}.site-header{align-items:flex-start;width:calc(100% - 20px)}.brand-mark{width:42px;height:42px}.chapter-nav{border-radius:18px}.nav-link{min-height:32px;padding:0 10px;font-size:.76rem}.home-page{grid-template-columns:1fr;gap:28px;min-height:auto}.home-intro h1{max-width:7ch}.cover-composition{min-height:520px}.cover-composition .polaroid{width:min(86vw,430px)}.cover-tuck{width:min(38vw,160px);bottom:7%;right:2%}.cover-composition .scrapbook-note{width:min(60vw,240px);bottom:0;left:2%}.memory-section{grid-template-columns:1fr;gap:30px;min-height:auto;padding:38px 18px 44px}.memory-section>*{grid-column:1!important}.section-index{top:12px;right:16px}.layout-polaroid .photo-stack{width:min(84%,390px);margin:28px auto 8px}.layout-polaroid .scrapbook-note,.layout-landscape .scrapbook-note,.layout-scatter .scrapbook-note,.layout-feature .scrapbook-note,.layout-sideBySide .scrapbook-note{width:min(100%,430px);margin:0 auto}.layout-pinup{grid-template-columns:1fr;align-items:start;gap:0}.pinup-content{grid-template-columns:minmax(0,148px) minmax(0,1fr);align-items:start;gap:34px;width:min(100%,352px);margin:0 auto;grid-column:1!important}.layout-pinup .section-index{right:10px}.layout-pinup .pinup-board{grid-column:auto!important}.layout-pinup .scrapbook-note{align-self:start;width:100%;margin:0;grid-column:auto!important}.photo-strip{width:min(58vw,240px)}.message-cluster{justify-items:start;width:min(100%,430px);margin:0 auto}.landscape-cluster{padding:48px 16px 92px}.small-left,.small-right{width:34%}.quiet-photo-wrap,.quiet-copy{width:min(100%,460px);margin:0 auto}.quiet-copy{box-shadow:none;background:0 0;align-self:auto;padding:0;transform:none}.scatter-board{min-height:470px}.scatter-photo{width:clamp(118px,37vw,170px)}.pinup-board{grid-template-columns:1fr;align-items:start;gap:44px;width:100%;min-height:auto;margin:0 auto;display:grid}.pinup-photo{width:100%;position:relative;transform:none!important}.pinup-1{top:auto;left:auto}.pinup-2{margin-top:0;margin-left:0;bottom:auto;right:auto}.feature-board{justify-items:center;padding:20px 4px 22px;display:grid}.feature-main{width:min(100%,440px)}.feature-small{width:min(42vw,190px);right:2%}.layout-pinup .memory-copy{gap:8px}.layout-pinup .memory-copy h2{max-width:100%;font-size:clamp(1.25rem,5.2vw,1.85rem);line-height:1}.layout-pinup .memory-copy>p:not(.date-stamp):not(.handwritten-caption){font-size:.82rem;line-height:1.45}.layout-pinup .handwritten-caption{font-size:1.15rem}.pinup-board .sticker,.pinup-board .paper-scrap{display:none}.side-by-side-board{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:8px;width:min(100%,340px);margin:42px auto 0}.layout-sideBySide .polaroid{padding:7px 7px 32px}.layout-sideBySide .polaroid:nth-child(2){transform:translateX(-12px) rotate(var(--rotate,0deg))}.layout-sideBySide .polaroid:nth-child(2) img,.layout-sideBySide .polaroid:nth-child(2) video{aspect-ratio:4/5;object-fit:contain;object-position:center}.memory-copy h2{max-width:13ch;font-size:clamp(1.95rem,8vw,3.1rem)}.favorite-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.page-pad{width:calc(100% - 18px)}h1{font-size:clamp(3rem,18vw,4.6rem)}.site-header{gap:8px}.nav-link{gap:3px;padding:0 9px}.home-actions{align-items:stretch}.primary-link,.quiet-link{min-height:44px}.cover-composition{min-height:480px}.cover-composition:before{inset:9% 3% 5%}.cover-composition:after{inset:5% 8% 8%}.cover-composition .scrapbook-note{width:210px}.scrapbook-note{padding:20px}.polaroid{padding:9px 9px 38px}.memory-list{gap:62px}.memory-section{padding-inline:12px}.memory-copy h2{font-size:clamp(1.8rem,7.7vw,2.65rem)}.layout-polaroid .mini-overlap{width:45%;bottom:-24px;right:-22px}.landscape-cluster{padding-inline:0}.scatter-board{min-height:430px}.scatter-1{left:2%}.scatter-2{right:1%}.scatter-3{left:6%}.scatter-4{right:7%}.scatter-board .paper-scrap{max-width:148px;bottom:39%;right:0}.layout-pinup{gap:8px;padding-inline:10px}.pinup-content{grid-template-columns:minmax(0,132px) minmax(0,1fr);gap:32px;width:min(100%,340px)}.layout-pinup .scrapbook-note{padding:14px;transform:none!important}.layout-pinup .memory-copy h2{font-size:clamp(1.1rem,4.8vw,1.45rem)}.layout-pinup .memory-copy>p:not(.date-stamp):not(.handwritten-caption){font-size:.76rem}.pinup-board .sticker{top:47%;left:43%}.pinup-board .paper-scrap{max-width:150px;bottom:9%;left:4%}.side-by-side-board{gap:8px;width:min(100%,332px);margin-top:46px}.layout-sideBySide .polaroid{padding:6px 6px 30px}.layout-sideBySide .polaroid:nth-child(2){transform:translateX(-14px) rotate(var(--rotate,0deg))}.layout-sideBySide .polaroid figcaption{font-size:1.05rem}.locked-paper{min-height:560px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}