@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9SII.ttf) format("truetype")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjcB9SII.ttf) format("truetype")}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjSx6SII.ttf) format("truetype")}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/WnznHAc5bAfYB2QRah7pcpNvOx-pjRV6SII.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/q5uXsoe9Lv5t7Meb31EcOR9UdVTNs822plVRRQ5c.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/q5uXsoe9Lv5t7Meb31EcOR9UdVTNs822plVjRQ5c.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/q5uXsoe9Lv5t7Meb31EcOR9UdVTNs822plWPQg5c.ttf) format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/q5uXsoe9Lv5t7Meb31EcOR9UdVTNs822plW2Qg5c.ttf) format("truetype")}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFkqg.ttf) format("truetype")}@font-face{font-family:Lora;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-PgFkqg.ttf) format("truetype")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/0QI6MX1D_JOuGQbT0gvTJPa787weuyJG.ttf) format("truetype")}@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/0QI6MX1D_JOuGQbT0gvTJPa787wsuyJG.ttf) format("truetype")}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/0QI6MX1D_JOuGQbT0gvTJPa787zAvCJG.ttf) format("truetype")}:root{font-family:Golos Text,sans-serif;color:#302f2c;background:#f5f1e8;font-synthesis:none;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #366253;outline-offset:5px}button{transition:transform .2s,background .2s,box-shadow .2s}button:active{transform:translateY(2px)}.site-shell{overflow:clip;min-height:100svh}.quiz-layout{max-width:1180px;min-height:100svh;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;align-content:center;column-gap:75px;padding:66px 54px 24px}.eyebrow{font-size:.65rem;letter-spacing:.17em;display:block;margin-bottom:30px}h1,h2,p{margin:0}.intro h1{font-weight:400;line-height:1.06}.cutout{display:inline-flex;align-items:center;white-space:nowrap;gap:.055em;font-size:clamp(4.2rem,6vw,6rem);font-weight:600}.cut-letter{display:inline-block;line-height:1;padding:.015em .065em .06em;box-shadow:1px 2px 2px #302f2c18}.cut-0{background:#ae3e35;color:#fffaf1;transform:rotate(-8deg);font-family:Lora,serif}.cut-1{background:#e8cdda;color:#453536;transform:rotate(5deg);font-family:Georgia,serif;font-style:italic}.cut-2{background:#dddcc6;color:#343e34;transform:rotate(-4deg);font-family:Golos Text,sans-serif}.cut-3{background:#313b33;color:#fcf7eb;transform:rotate(7deg);font-family:Georgia,serif}.cut-4{background:#e5c793;color:#614735;transform:rotate(-4deg);font-family:monospace}.cut-5{background:#f7eee3;color:#ae3e35;transform:rotate(3deg);font-family:Lora,serif}.cut-space{width:.18em}.serif-title{font-family:Lora,serif;font-size:clamp(3.6rem,5.8vw,5.5rem);display:inline-block;margin-top:18px;letter-spacing:-.06em}.hand-title{font-family:Caveat,cursive;font-size:6.6rem;line-height:.9;display:inline-block;color:#ae3e35;transform:rotate(-7deg);margin-left:65px}.intro-copy{font-size:.94rem;line-height:1.8;color:#6e685f;margin-top:30px}.birthday-label{display:inline-flex;align-items:center;gap:14px;border-top:1px solid #b7aea0;border-bottom:1px solid #b7aea0;padding:7px 2px;margin-top:26px;transform:rotate(-4deg)}.birthday-label>span:first-child{font-family:Lora,serif;font-size:2.5rem;line-height:1.2;color:#ae3e35}.birthday-label>span:last-child{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.margin-note{font-family:Caveat,cursive;font-size:1.35rem;display:inline-block;vertical-align:middle;color:#6e7362;transform:rotate(5deg);margin-left:24px}.quiz-area{position:relative;align-self:center}.paper-under{position:absolute;top:8px;right:-10px;bottom:-9px;left:4px;background:#e8e1d1;transform:rotate(3deg);border:1px solid #d9d2c5}.quiz-card{position:relative;background:#fffdf7;padding:38px 36px 30px;min-height:370px;box-shadow:0 12px 28px #4f3e2810,1px 2px 3px #4f3e2810;outline:none;animation:card-in .42s ease both}.tape{position:absolute;width:114px;height:31px;background:repeating-linear-gradient(90deg,#cab88611 0,#cab88611 2px,#cab88622 2px,#cab88622 4px),#d9ca9b75;clip-path:polygon(2% 0,99% 4%,97% 15%,100% 30%,98% 43%,100% 64%,97% 79%,99% 97%,1% 100%,3% 80%,0 60%,3% 42%,0 22%);z-index:2}.tape-top{top:-16px;left:calc(50% - 57px);transform:rotate(-4deg)}.question-number{display:block;font-family:Caveat,cursive;font-size:1.3rem;color:#ae3e35;margin-bottom:9px}.quiz-card h2{font-family:Lora,serif;font-weight:500;font-size:1.9rem;line-height:1.28;letter-spacing:-.045em}.question-subtitle{font-size:.95rem;color:#756d62;margin-top:12px}.answers{display:grid;gap:10px;margin-top:25px}.answer-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#faf7f0;color:#302f2c;border:1px solid #dcd4c7;padding:13px 15px;font-size:.88rem;line-height:1.5;min-height:58px}.answer-button .answer-index{color:#ae3e35;font-family:Lora,serif;font-size:.85rem;flex-shrink:0}.answer-button .answer-arrow{margin-left:auto;color:#ae3e35;font-size:1.2rem}.single-answer .answer-button{font-size:1.1rem;padding:17px;background:#ae3e35;color:#fffaf4;border-color:#ae3e35;box-shadow:3px 3px #dec7af;transform:rotate(-1deg)}.single-answer .answer-button .answer-index,.single-answer .answer-button .answer-arrow{color:inherit}.single-answer .answer-button .answer-index{font-size:1.4rem}.handwriting{font-family:Caveat,cursive}.question-note{font-size:1.3rem;color:#797767;margin-top:20px;line-height:1.15;transform:rotate(-2deg)}.card-side-note{font-family:Caveat,cursive;position:absolute;bottom:-49px;left:22px;color:#7a7266;transform:rotate(3deg);font-size:1.45rem}.quiz-footer{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:70px;font-size:.65rem;letter-spacing:.08em;color:#797366}.quiz-footer .handwriting{font-size:1.25rem;letter-spacing:0;color:#ae3e35}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 20px;background:#ae3e35;color:#fffaf3;border:0;width:100%;box-shadow:3px 3px #dec7af;font-size:.95rem}.primary-button>span:last-child{margin-left:auto}.answer-result{text-align:center}.answer-result .result-mark{display:block;font-size:3.4rem;color:#ae3e35;line-height:1;margin:0 0 16px}.answer-result p{font-size:.94rem;line-height:1.65;margin:16px 0 25px;color:#726c63}.result-note{display:block;color:#797767;font-size:1.4rem;margin-top:14px;transform:rotate(-3deg)}.invitation{text-align:center}.invitation h2{font-size:2rem}.invitation h2 em{font-weight:400;color:#ae3e35}.invitation p{font-size:.9rem;line-height:1.8;margin:20px 0 28px}.album-placeholder{max-width:600px;margin:60px auto;text-align:center;padding:24px}.album-placeholder img{width:100%;margin:30px 0}@keyframes card-in{0%{opacity:0;transform:translateY(9px) rotate(.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(hover:hover){.answer-button:hover{background:#eee5d7;transform:translateY(-2px)}.single-answer .answer-button:hover,.primary-button:hover{background:#90352e;box-shadow:4px 5px #dec7af}}@media(min-width:1500px){.quiz-layout{padding-top:100px;padding-bottom:65px}}@media(max-width:760px){.quiz-layout{display:block;padding:35px 25px 22px;min-height:100svh;max-width:500px}.intro{position:relative;margin-bottom:36px}.eyebrow{font-size:.52rem;letter-spacing:.12em;margin-bottom:18px}.intro h1{display:grid;grid-template-columns:max-content max-content;align-items:baseline;column-gap:12px;row-gap:10px;line-height:1.05;padding-bottom:7px}.intro h1 br{display:none}.intro h1 .cutout{grid-column:1/-1;justify-self:start;font-size:3.6rem}.serif-title{font-size:clamp(2.2rem,10vw,2.9rem);margin:0;white-space:nowrap}.hand-title{font-size:clamp(3.4rem,14vw,4.5rem);line-height:1;display:block;margin:0;text-align:left;white-space:nowrap}.intro-copy{font-size:.78rem;line-height:1.55;margin-top:18px;max-width:none}.birthday-label{position:absolute;top:0;right:0;margin:0;border:0;padding:0;gap:5px;transform:rotate(7deg)}.birthday-label>span:first-child{font-size:1.45rem}.birthday-label>span:last-child{font-size:.45rem}.margin-note{display:none}.quiz-card{padding:28px 24px 24px;min-height:290px}.quiz-card h2{font-size:1.65rem}.question-number{font-size:1.15rem}.answers{margin-top:23px}.answer-button{font-size:.86rem;padding:12px;min-height:55px;gap:10px}.question-note{font-size:1.17rem}.card-side-note{font-size:1.2rem;bottom:-43px;left:5px}.quiz-footer{margin-top:74px;gap:20px;font-size:.55rem;align-items:center}.quiz-footer .handwriting{font-size:1.08rem}.answer-result p{font-size:.88rem}.invitation h2{font-size:1.6rem}}@media(max-width:360px){.quiz-layout{padding-left:20px;padding-right:20px}.intro h1 .cutout{font-size:3rem}.quiz-card{padding:26px 20px 23px}.eyebrow{max-width:200px}.intro{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.memory-album{padding-bottom:20px;animation:card-in .7s ease both}.album-intro{position:relative;max-width:850px;margin:auto;padding:90px 30px 95px;text-align:center}.album-intro .eyebrow{margin-bottom:28px}.album-intro h1{font-family:Lora,serif;font-size:clamp(3.8rem,7vw,6.3rem);font-weight:400;line-height:1.1;letter-spacing:-.065em;outline:none}.album-intro h1 span{font-family:Caveat,cursive;color:#ae3e35;font-size:1.23em;letter-spacing:-.035em}.album-intro p{color:#756d62;font-size:1rem;margin-top:25px;line-height:1.8}.album-heart{position:absolute;right:100px;top:100px;font-family:Caveat,cursive;font-size:5rem;transform:rotate(16deg);color:#ae3e35}.scroll-hint{display:inline-flex;align-items:center;gap:14px;margin-top:42px;color:#797568;font-family:Caveat,cursive;font-size:1.4rem;text-decoration:none}.scroll-hint span{font-family:serif;color:#ae3e35}.chapters{max-width:1040px;margin:0 auto}.chapter{padding:45px 45px 55px;position:relative}.chapter-copy{max-width:590px;margin:0 auto;text-align:center}.chapter-copy .eyebrow{margin-bottom:19px;color:#8c6354}.chapter-copy h2{font-family:Lora,serif;font-weight:400;font-size:2.3rem;line-height:1.3;letter-spacing:-.04em}.chapter-copy h2 em{color:#ae3e35;font-weight:400}.chapter-copy p{max-width:460px;margin:22px auto 0;line-height:1.9;color:#736b61;font-size:.96rem}.photo-composition{display:flex;align-items:center;justify-content:center;gap:38px;padding:65px 25px 28px;position:relative}.polaroid{position:relative;flex:0 1 320px;min-width:0;margin:0;background:#fffefb;padding:13px 13px 16px;box-shadow:0 8px 17px #40331e19,0 1px 2px #40331e20;transform:rotate(var(--tilt))}.polaroid img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.polaroid figcaption{text-align:center;font-family:Caveat,cursive;font-size:1.5rem;line-height:1.1;padding:19px 1px 2px;color:#534c44}.polaroid .photo-tape{top:-14px;left:calc(50% - 48px);width:96px;transform:rotate(calc(var(--tilt) * -2))}.landscape .polaroid{aspect-ratio:auto}.polaroid.landscape img{aspect-ratio:4/3}.photo-composition .polaroid:nth-child(2n){margin-top:65px}.count-3{gap:22px;padding-left:0;padding-right:0}.count-3 .polaroid{flex-basis:285px;padding:10px 10px 15px}.count-3 .polaroid figcaption{font-size:1.25rem}.count-3 .polaroid:nth-child(2){z-index:1;margin-top:85px}.count-3 .polaroid:nth-child(3){--tilt:3deg!important;margin-top:-15px}.chapter-note{text-align:center;font-size:1.85rem;line-height:1.2;color:#737863;margin:32px 0 38px;transform:rotate(-3deg)}.chapter-2{background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(217,207,183,.2549019608) 31px 32px)}.chapter-3 .photo-composition{flex-direction:row-reverse}.chapter-4{padding-bottom:50px}.letter-section{max-width:730px;margin:30px auto 0;padding:25px}.letter-paper{position:relative;padding:57px 65px 40px;background:#fffdf5;box-shadow:0 4px 24px #41362312;transform:rotate(-1deg)}.letter-paper .eyebrow{text-align:center;margin-bottom:25px}.letter-paper h2{font-family:Lora,serif;text-align:center;font-weight:400;font-size:2.9rem;line-height:1.5;letter-spacing:-.055em}.letter-paper h2 em{font-family:Caveat,cursive;color:#ae3e35;font-size:1.5em;font-style:normal;line-height:1.1}.birthday-cut{display:inline-block;background:#ae3e35;color:#fff8ef;padding:0 7px;line-height:1.15;transform:rotate(7deg);letter-spacing:-.06em;box-shadow:2px 2px #dabda4}.letter-body{padding-top:26px}.letter-body p{font-size:1rem;line-height:1.95;color:#605b52;margin-bottom:20px}.letter-body .letter-quote{font-family:Caveat,cursive;color:#ae3e35;font-size:2rem;line-height:1.15;margin:28px 0;transform:rotate(-2deg)}.letter-signature{font-family:Caveat,cursive;color:#ae3e35;font-size:2.6rem;text-align:right;margin-top:27px;transform:rotate(-5deg)}.album-footer{text-align:center;padding:65px 24px 25px;color:#797164}.album-footer .handwriting{font-size:1.6rem}.album-footer p{font-size:.72rem;letter-spacing:.06em;margin:16px 0}.album-footer>span:last-child{display:block;font-size:2rem;color:#ae3e35}.reveal.will-reveal{opacity:0;transform:translateY(40px) rotate(var(--tilt, 0deg));transition:opacity .85s ease var(--delay, 0ms),transform .85s cubic-bezier(.2,.7,.2,1) var(--delay, 0ms)}.reveal.visible{opacity:1;transform:translateY(0) rotate(var(--tilt, 0deg))}@media(max-width:760px){.album-intro{padding:58px 24px 60px}.album-intro h1{font-size:3.7rem}.album-intro p{font-size:1rem}.album-intro .eyebrow{font-size:.6rem;max-width:none}.album-heart{font-size:3.4rem;top:91px;right:23px}.scroll-hint{font-size:1.3rem;margin-top:28px}.chapter{padding:30px 25px 38px}.chapter-copy h2{font-size:1.85rem;line-height:1.3}.chapter-copy p{font-size:1rem;line-height:1.8;text-align:left;margin-top:20px}.chapter-copy .eyebrow{font-size:.6rem;max-width:none}.photo-composition,.chapter-3 .photo-composition{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:44px 8px 12px}.polaroid{flex:none;width:82%;padding:10px 10px 13px}.polaroid figcaption{font-size:1.35rem;padding-top:16px}.polaroid img{aspect-ratio:3/4}.photo-composition .polaroid:nth-child(2n){align-self:flex-end;margin-top:0}.photo-composition .polaroid.landscape{width:90%}.count-3 .polaroid{flex-basis:auto}.count-3 .polaroid figcaption{font-size:1.3rem}.count-3 .polaroid:nth-child(3){margin-top:0}.chapter-note{font-size:1.6rem;max-width:280px;margin:28px auto 12px}.letter-section{padding:18px;margin-top:15px}.letter-paper{padding:39px 26px 32px}.letter-paper h2{font-size:2.5rem}.letter-paper .eyebrow{font-size:.57rem;max-width:none}.letter-body p{font-size:1rem;line-height:1.85}.letter-body .letter-quote{font-size:1.8rem}.letter-signature{font-size:2.2rem}.album-footer{padding-top:40px}.album-footer .handwriting{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.reveal.will-reveal{opacity:1;transform:rotate(var(--tilt, 0deg))}}.eyebrow,.quiz-footer,.birthday-label>span:last-child{font-size:.75rem}.intro-copy,.answer-button,.question-subtitle,.answer-result p,.invitation p,.primary-button{font-size:1rem}@media(max-width:760px){.intro .eyebrow{font-size:.75rem;max-width:calc(100% - 48px);line-height:1.6}.birthday-label>span:first-child{font-size:2rem}.birthday-label>span:last-child{display:none}.intro-copy{font-size:.875rem;max-width:none}.quiz-footer{font-size:.75rem;flex-wrap:wrap;gap:8px}.album-intro .eyebrow,.chapter-copy .eyebrow,.letter-paper .eyebrow{font-size:.75rem}.answer-button,.answer-result p,.invitation p{font-size:1rem}.answer-index{font-size:.875rem}}.letter-title-line{white-space:nowrap}@media(max-width:360px){.letter-paper h2{font-size:1.9rem}}