.hero{padding:clamp(40px,7vw,96px) 0 clamp(70px,9vw,130px);overflow:hidden}.hero .wrap{position:relative;display:grid;place-items:center}.envelope{position:absolute;width:min(860px,96%);aspect-ratio:1.75;bottom:-14%;background:var(--kraft);border-radius:6px;box-shadow:0 30px 60px #2e1c142e;background-image:linear-gradient(to top right,transparent calc(50% - 1px),color-mix(in srgb,var(--brown) 22%,transparent) 50%,transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),color-mix(in srgb,var(--brown) 22%,transparent) 50%,transparent calc(50% + 1px))}.envelope:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--airmail);border-radius:0 0 6px 6px;opacity:.9}.letter{position:relative;z-index:2;width:min(680px,100%);background:var(--paper);padding:clamp(30px,5vw,60px) clamp(22px,5vw,64px) clamp(30px,4vw,48px);box-shadow:0 2px 2px #0000000d,0 24px 50px #2e1c142e;rotate:-1deg;animation:rise 1.4s cubic-bezier(.2,.8,.2,1) .2s both}@keyframes rise{0%{translate:0 90px}to{translate:0 0}}.letter .dear{font-family:var(--font-hand);font-size:clamp(24px,2.4vw,30px);color:var(--brown);margin-bottom:4px}.letter h1{font-size:clamp(38px,5.6vw,70px)}.letter p{color:var(--ink-soft);font-size:clamp(16.5px,1.3vw,19px)}.letter .sign{font-family:var(--font-hand);font-size:24px;color:var(--ink);margin:18px 0 24px}.letter-ctas{display:flex;flex-wrap:wrap;gap:12px}.letter .wax{position:absolute;z-index:3;width:clamp(78px,9vw,112px);aspect-ratio:1;right:clamp(-10px,2vw,30px);top:-30px;rotate:12deg}.letter .cta-illus{display:block;width:min(290px,72%);margin:6px 0 -3px;mix-blend-mode:multiply}@media(max-width:860px){.hero{padding-top:54px}.letter{padding-top:64px}.envelope{width:112%;bottom:-6%}.letter .wax{right:8px;top:-26px}}.pause{padding:clamp(60px,8vw,110px) 0;background:var(--cool);color:var(--white);text-align:center}.pause .kicker{color:var(--yellow)}.pause .print{color:var(--white);text-shadow:.045em .03em 0 color-mix(in srgb,var(--cool-deep) 85%,var(--black))}.pause .breath-word{color:var(--white)}.pause .pause-steps{color:color-mix(in srgb,var(--white) 85%,transparent)}.pause .text-link{color:var(--white)}.pause h2{font-size:clamp(28px,3.6vw,42px)}.breath{position:relative;width:min(240px,60vw);aspect-ratio:1;margin:34px auto 24px;display:grid;place-items:center}.breath .timer{position:absolute;inset:-18px;rotate:-90deg}.breath .timer circle{fill:none;stroke-width:3}.breath .timer .track{stroke:color-mix(in srgb,var(--white) 45%,transparent);stroke-dasharray:2 6}.breath .timer .bar{stroke:var(--yellow);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.breath .big-seal{width:76%;aspect-ratio:1;transform:translateZ(0) scale(1);will-change:transform;backface-visibility:hidden;transition:transform 4s cubic-bezier(.45,0,.55,1)}.breath.inhale .big-seal{transform:translateZ(0) scale(1.32) rotate(24deg);transition-duration:4s}.breath.exhale .big-seal{transform:translateZ(0) scale(.82) rotate(0);transition-duration:6s}.breath:before{content:"";position:absolute;inset:12%;border-radius:50%;background:color-mix(in srgb,var(--yellow) 30%,transparent);transform:scale(.7);opacity:0;transition:transform 4s cubic-bezier(.45,0,.55,1),opacity 4s}.breath.inhale:before{transform:scale(1.35);opacity:1}.breath.exhale:before{transform:scale(.7);opacity:0;transition-duration:6s}@media(prefers-reduced-motion:reduce){.breath .big-seal,.breath:before{transition:none}}.breath-word{font-family:var(--font-hand);font-size:clamp(24px,2.6vw,30px);color:var(--brown);min-height:1.4em;margin:0}.pause-steps{color:var(--ink-soft);min-height:1.8em}.pause-actions{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:8px}.what{padding:clamp(60px,8vw,120px) 0}.card-open{display:grid;grid-template-columns:1fr 1.05fr;max-width:1060px;margin:0 auto;box-shadow:0 30px 60px #2e1c1426}.card-open>div{background:var(--white);padding:clamp(26px,4vw,56px)}.card-open .left{background:var(--cream);display:grid;align-content:center;gap:16px;position:relative;box-shadow:inset -18px 0 24px -20px #2e1c1459;transform:perspective(1400px) rotateY(6deg);transform-origin:right}.kit{display:grid;grid-template-columns:repeat(3,1fr);color:var(--brown)}.kit span{display:grid;justify-items:center;gap:2px;padding:14px 6px 10px;border-right:1.5px dashed var(--rule);border-bottom:1.5px dashed var(--rule)}.kit span:nth-child(3n){border-right:0}.kit span:nth-child(n+7){border-bottom:0}.kit .icon{width:clamp(52px,6.4vw,84px);height:auto;aspect-ratio:1}.kit span:nth-child(odd) .icon{color:var(--cool-deep)}.kit i{font-style:normal;font-family:var(--font-hand);font-size:17px;color:var(--ink-soft);line-height:1.1;text-align:center}.card-open .left .hand{font-size:22px;color:var(--brown);text-align:center;margin:0}.card-open h2{font-size:clamp(28px,3.4vw,42px)}.card-open p{font-size:clamp(16.5px,1.2vw,18.5px)}.tally{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px dashed var(--rule);padding-top:16px;margin-top:20px;text-align:center}.tally b{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(24px,2.6vw,32px);color:var(--orange)}.tally span{font-family:var(--font-hand);font-size:18px;color:var(--ink-soft);line-height:1.2}@media(max-width:860px){.card-open{grid-template-columns:1fr}.card-open .left{transform:none;box-shadow:none}}.upcoming{padding:clamp(60px,8vw,110px) 0}.upcoming .section-head .ph{display:inline-block;margin-top:6px}.tickets{display:grid;gap:clamp(22px,3vw,34px);max-width:1000px;margin:0 auto}.tickets .ticket-link:nth-child(2n){rotate:.5deg}.tickets .ticket-link:nth-child(odd){rotate:-.4deg}.see-all{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:clamp(30px,4vw,44px);text-align:center}.see-all .hand{font-size:20px;color:var(--ink-soft)}.book-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;margin-top:30px;font-family:var(--font-hand);font-size:21px}.book-steps span b{font-family:var(--font-display);font-weight:400;color:var(--orange);margin-right:6px}.collection{padding:clamp(60px,8vw,110px) 0}.label-card{background:var(--paper);padding:24px 28px;box-shadow:0 10px 24px #2e1c141a}.album{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,3vw,38px) clamp(16px,3vw,34px);max-width:1000px;margin:0 auto}.album-item{text-decoration:none;color:inherit;display:block;transition:rotate .3s,translate .3s}.album-item:nth-child(3n+1){rotate:-2deg}.album-item:nth-child(3n+2){rotate:1.5deg}.album-item:nth-child(3n){rotate:-.5deg}.album-item:hover{rotate:0deg;translate:0 -6px}.album-item p{font-family:var(--font-hand);font-size:17px;line-height:1.25;color:var(--ink-soft);text-align:center;margin:10px 4px 0;background:color-mix(in srgb,var(--white) 80%,transparent)}.album-item .stamp-cap{font-size:15px}.postcards-wrap{padding:clamp(60px,8vw,110px) 0}.postcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:clamp(22px,3vw,36px)}.postcard{position:relative;background:var(--white);display:grid;grid-template-columns:1.5fr 1fr;padding:22px;min-height:250px;box-shadow:0 14px 30px #2e1c1426}.postcard:nth-child(odd){rotate:-1deg}.postcard:nth-child(2n){rotate:.8deg}.postcard:before{content:"";position:absolute;inset:0;border:6px solid transparent;border-image:var(--airmail) 8;pointer-events:none}.postcard blockquote{margin:0;padding-right:20px;border-right:1.5px solid var(--rule);font-size:16px;line-height:1.7}.postcard .snap{float:right;width:112px;margin:2px 0 10px 14px;border:5px solid var(--white);outline:1px solid color-mix(in srgb,var(--brown) 15%,transparent);box-shadow:0 6px 12px #2e1c142e;rotate:3deg;aspect-ratio:1;object-fit:cover}.postcard .snap-cap{display:block;clear:both;font-family:var(--font-hand);font-size:15px;color:var(--ink-soft)}.postcard .to{position:relative;padding-left:20px;display:grid;align-content:space-between;gap:16px}.postcard .mini{justify-self:end;width:78px}.postcard .mini .stamp{--s: 4px;padding:6px}.postcard .mini .icon{width:70%}.postcard .pm{position:absolute;right:44px;top:20px;width:64px;color:var(--cool-deep);opacity:.55;rotate:-10deg}.postcard .lines{display:grid;gap:12px;font-family:var(--font-hand);font-size:19px;color:var(--brown)}.postcard .lines span{border-bottom:1.5px solid color-mix(in srgb,var(--cool) 40%,transparent);padding-bottom:2px}@media(max-width:560px){.postcard{grid-template-columns:1fr}.postcard blockquote{border-right:0;padding-right:0;border-bottom:1.5px solid var(--rule);padding-bottom:16px}.postcard .to{padding:16px 0 0;grid-template-columns:1fr auto;align-items:end}.postcard .mini{order:2}.postcard .pm{display:none}}.letters{padding:clamp(60px,8vw,110px) 0;background:var(--cool-soft)}.letter-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(22px,3vw,34px)}.letter-item{text-decoration:none;background:var(--paper);box-shadow:0 12px 26px #2e1c141f;display:flex;flex-direction:column;transition:translate .25s}.letter-item:hover{translate:0 -5px}.letter-item .flap{height:46px;background:var(--kraft);clip-path:polygon(0 0,100% 0,50% 100%)}.letter-item img{aspect-ratio:16/10;object-fit:cover;margin:-20px 18px 0;width:calc(100% - 36px);border:6px solid var(--white);box-shadow:0 6px 14px #2e1c1426}.letter-item .inner{padding:18px 22px 24px}.letter-item .date{font-family:var(--font-hand);color:var(--cool-deep);font-size:19px}.letter-item h3{font-size:23px;margin:2px 0 8px}.letter-item p{color:var(--ink-soft);font-size:15.5px;margin:0}.letters-more{text-align:center;margin-top:40px}.why{padding:clamp(60px,8vw,120px) 0;text-align:center}.why-inner{max-width:820px;margin:0 auto}.why h2{font-size:clamp(30px,4vw,50px)}.why .big{font-family:var(--font-display);font-size:clamp(22px,2.4vw,30px);line-height:1.45}.why .big span{color:var(--orange)}.why p{color:var(--ink-soft);font-size:18px}.drawline{width:min(560px,100%);height:auto;margin:0 auto 18px;display:block;color:var(--brown)}.drawline path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.js .drawline.armed path{stroke-dasharray:1;stroke-dashoffset:1}.js .drawline.armed.in path{transition:stroke-dashoffset 3.2s ease-in-out;stroke-dashoffset:0}.story{padding:clamp(60px,8vw,110px) 0}.story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:center;max-width:1080px;margin:0 auto}.story-photo{position:relative}.story-photo img{border:10px solid var(--white);box-shadow:0 18px 40px #2e1c142e;rotate:-2deg;aspect-ratio:4/5;object-fit:cover}.story-photo .tape{position:absolute;top:-12px;left:50%;translate:-50% 0;width:110px;height:30px;background:color-mix(in srgb,var(--yellow) 70%,transparent);rotate:-4deg;z-index:2}.story-photo figcaption{font-family:var(--font-hand);font-size:18px;color:var(--ink-soft);text-align:center;margin-top:12px}.story-letter{background:var(--paper);padding:34px clamp(22px,4vw,50px);box-shadow:0 18px 40px #2e1c141f;background-image:repeating-linear-gradient(transparent 0 33px,color-mix(in srgb,var(--cool) 22%,transparent) 33px 34px);line-height:34px}.story-letter>*{line-height:34px;margin:0 0 34px}.story-letter .kicker{margin:0}.story-letter p{font-size:17px}.story-letter h3{font-size:26px}.story-letter .ps{margin:0}.story-letter .ps{font-family:var(--font-hand);font-size:22px;color:var(--brown)}@media(max-width:860px){.story-grid{grid-template-columns:1fr}.story-photo{max-width:420px}}.work{padding:clamp(60px,8vw,110px) 0;background-color:var(--cream);background-image:linear-gradient(color-mix(in srgb,var(--brown) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brown) 10%,transparent) 1px,transparent 1px);background-size:32px 32px}.memo{position:relative;max-width:900px;margin:0 auto;background:var(--white);border-top:10px solid var(--cool);padding:clamp(26px,5vw,56px);box-shadow:0 20px 44px #2e1c1424;display:grid;grid-template-columns:1.3fr 1fr;gap:36px}.memo .to-line{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--cool-deep)}.memo h2{font-size:clamp(28px,3.4vw,42px);margin-top:8px}.memo p{color:var(--ink-soft)}.memo ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-family:var(--font-hand);font-size:20px;align-content:center}.memo li:before{content:"✓";color:var(--orange);font-family:var(--font-body);font-weight:700;margin-right:10px}.memo .memo-stamp{position:absolute;right:-14px;top:-40px;width:84px;rotate:8deg}.memo .memo-stamp .stamp{--s: 4px;padding:7px}@media(max-width:760px){.memo{grid-template-columns:1fr}.memo .memo-stamp{right:6px;top:-46px;width:70px}}.snaps{padding:clamp(40px,5vw,70px) 0 clamp(20px,3vw,40px)}.snaps .section-head{margin-bottom:18px}.snap-row{display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;padding:10px var(--gutter) 30px;scroll-snap-type:x mandatory;scrollbar-width:thin}.snap-row figure{flex:0 0 clamp(170px,18vw,230px);margin:0;background:var(--white);padding:8px 8px 0;box-shadow:0 10px 22px #2e1c1424;scroll-snap-align:start}.snap-row figure:nth-child(odd){rotate:-1.6deg}.snap-row figure:nth-child(2n){rotate:1.4deg;translate:0 8px}.snap-row img{aspect-ratio:4 / 5;object-fit:cover;width:100%}.snap-row figcaption{font-family:var(--font-display);font-size:14px;text-align:center;padding:8px 4px 10px;color:var(--template-ink)}.pause,.what,.upcoming,.collection,.postcards-wrap,.letters,.why,.story,.work{padding-top:clamp(44px,5.5vw,78px);padding-bottom:clamp(44px,5.5vw,78px)}.hero{padding-bottom:clamp(56px,7vw,100px)}@media(max-width:860px){.album{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.album{grid-template-columns:repeat(2,minmax(0,1fr))}.letter .cta-illus{width:220px}}.screen>.wrap,.screen>.snap-row{width:min(100% - 2 * var(--gutter),var(--max))}.screen>.snap-row{width:100%}.hero{overflow:hidden}.hero .wrap{width:100%}.letter{width:min(780px,100%);padding:clamp(22px,4.6vh,54px) clamp(22px,4vw,62px) clamp(18px,3.4vh,38px)}.letter h1{font-size:clamp(34px,min(4.6vw,7.2vh),64px);margin-bottom:.25em}.letter p{font-size:clamp(15.5px,min(1.25vw,2.25vh),19px);margin-bottom:.5em}.letter .dear{margin-bottom:0}.letter .sign{margin:6px 0 10px}.letter .cta-illus{width:clamp(150px,24vh,250px);margin-top:0}.opt-bars{display:flex;flex-wrap:wrap;justify-content:center;gap:0 10px;margin-top:14px}.breath{width:min(240px,28vh,60vw);margin:clamp(18px,4vh,34px) auto clamp(12px,3vh,24px)}.card-open>div{padding:clamp(18px,4vh,48px) clamp(22px,3.4vw,50px)}.kit span{padding:clamp(6px,1.3vh,14px) 6px clamp(4px,1vh,10px)}.kit .icon{width:clamp(44px,min(5.6vw,8.4vh),80px)}.card-open h2{font-size:clamp(26px,min(3.1vw,5vh),40px)}.card-open p{font-size:clamp(15.5px,min(1.15vw,2.15vh),18px);margin-bottom:.7em}.tally{margin-top:clamp(8px,2vh,20px);padding-top:clamp(8px,1.6vh,16px)}.postcards{display:flex;gap:clamp(18px,2.4vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 6px 26px;scrollbar-width:thin}.postcard{flex:0 0 min(500px,86vw);scroll-snap-align:start;min-height:0}.postcards-hint{text-align:center;font-family:var(--font-display);font-size:15px;color:var(--ink-soft);margin:4px 0 0}.drawline{width:min(440px,100%);margin-bottom:clamp(6px,1.6vh,18px)}.why h2{font-size:clamp(28px,min(3.6vw,6vh),48px)}.why .big{font-size:clamp(20px,min(2.2vw,3.6vh),28px)}.why p{font-size:clamp(15.5px,2.2vh,18px)}.story-photo img{max-height:64vh;width:auto;margin:0 auto}.story-letter{padding:clamp(20px,3.6vh,34px) clamp(22px,3.6vw,46px);background-image:repeating-linear-gradient(transparent 0 29px,color-mix(in srgb,var(--cool) 22%,transparent) 29px 30px)}.story-letter>*{line-height:30px;margin:0 0 30px}.story-letter p{font-size:16px}@media(max-width:860px){.postcard{flex-basis:86vw}}@media(max-width:560px){.card-open .left{padding:12px 10px}.kit{grid-template-columns:repeat(5,1fr)}.kit span:nth-child(n+6){display:none}.kit span{border:0!important;padding:4px 2px}.kit .icon{width:40px}.kit i{display:none}.card-open .left .hand{font-size:15px}.card-open>div:last-child{padding:18px 18px 16px}.card-open h2{font-size:24px}.card-open p{font-size:15px;line-height:1.55}.story-grid{gap:14px}.story-photo img{max-height:19vh}.story-photo figcaption{margin-top:4px;font-size:14px}.story-letter{padding:16px 18px;background-image:repeating-linear-gradient(transparent 0 25px,color-mix(in srgb,var(--cool) 22%,transparent) 25px 26px)}.story-letter>*{line-height:26px;margin:0 0 13px}.story-letter p{font-size:14.5px}.story-letter h3{font-size:21px}}
