@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--ink:#422f2b;--cream:#f8f0e5;--rose:#d98f91;--sage:#a7ad8d;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}body{background:radial-gradient(circle at 12% 8%, #d98f9129, transparent 25rem), radial-gradient(circle at 88% 35%, #a7ad8d2e, transparent 30rem), var(--cream);width:100%;max-width:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;overflow-x:clip}main{width:100%;max-width:100vw;overflow-x:clip}body:before{content:"";pointer-events:none;opacity:.23;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{text-align:center;place-content:center;min-height:100svh;padding:3rem 1.5rem;display:grid;position:relative}.hero:before,.hero:after{content:"";border:1.5px solid #422f2b3b;border-radius:50%;width:13rem;height:7rem;position:absolute;top:20%;left:-4rem;transform:rotate(-16deg)}.hero:after{width:9rem;height:15rem;inset:auto -3rem 12% auto;transform:rotate(22deg)}.eyebrow{color:#9b6669;margin-bottom:1rem;font-family:Caveat,cursive;font-size:clamp(1.3rem,3vw,1.8rem);transform:rotate(-3deg)}h1{letter-spacing:-.045em;width:min(94vw,70rem);margin:0;font-family:Playfair Display,serif;font-size:clamp(2.5rem,8vw,7rem);font-weight:600;line-height:.88}h1 span{white-space:nowrap}h1 em{color:var(--rose);font-weight:600}.hero p{text-transform:uppercase;letter-spacing:.2em;max-width:44rem;margin:2.8rem auto 0;font-size:.78rem;line-height:1.7}.scroll-cue{width:3rem;height:3rem;color:var(--ink);border:1px solid #422f2b66;border-radius:999px;place-items:center;margin:3rem auto 0;text-decoration:none;animation:2s ease-in-out infinite bob;display:grid}.memory-board{flex-direction:column;gap:clamp(9rem,14vw,13rem);width:min(1120px,100%);margin:0 auto;padding:9rem clamp(1.3rem,6vw,5rem) 12rem;display:flex;position:relative}.clothesline-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(2rem,7vw,6rem);padding-top:3.6rem;display:grid;position:relative}.clothesline-row:before,.clothesline-row:after{content:"";z-index:0;border-top:3px solid #695339b8;width:52%;position:absolute;top:1.15rem;box-shadow:0 -1px #ffffff6b}.clothesline-row:before{transform-origin:0;left:-2%;transform:rotate(4deg)}.clothesline-row:after{transform-origin:100%;right:-2%;transform:rotate(-4deg)}.line-hook{z-index:2;background:#8b6750;border-radius:50%;width:.72rem;height:.72rem;position:absolute;top:.72rem;box-shadow:0 2px 6px #4831264d,inset 0 1px #ffffff73}.line-hook-left{left:-2.3%}.line-hook-right{right:-2.3%}.memory{--sway:0deg;background:var(--paper);width:min(100%,29rem);transform:rotate(calc(var(--tilt) + var(--sway)));transform-origin:50% -1.2rem;animation:.8s both float-in;animation-delay:var(--delay);z-index:1;will-change:transform;padding:.8rem .8rem 1.5rem;transition:translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;translate:0;scale:1;box-shadow:0 20px 60px #48312624,0 2px 6px #48312617}.memory:nth-child(odd){justify-self:start}.memory:nth-child(2n){justify-self:end}.memory:hover{z-index:2;translate:0 -10px;scale:1.025;box-shadow:0 30px 80px #48312633}.photo-wrap{aspect-ratio:4/3;background:#e7ddcf;overflow:hidden}.memory-3 .photo-wrap,.memory-6 .photo-wrap{aspect-ratio:1/1.18}.photo-wrap img{object-fit:cover;filter:saturate(.78)sepia(.08)contrast(.95);width:100%;height:100%;transition:transform .7s;display:block}.memory-1 .photo-wrap img{object-position:center 40%}.memory:hover img{transform:scale(1.035)}.caption{justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.1rem .5rem 0;display:flex}.caption p{margin:0;font-family:Caveat,cursive;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1}.caption span{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.58;font-size:.58rem}.tape{z-index:3;background:linear-gradient(90deg,#b98a52 0 42%,#d7ad72 43% 72%,#9a6f40 73%);border-radius:.16rem .16rem .08rem .08rem;width:.9rem;height:2.8rem;position:absolute;top:-1.65rem;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:1px 3px 5px #48312647}.tape:before{content:"";background:#70533a;height:.18rem;position:absolute;top:1.02rem;left:0;right:0;box-shadow:0 .15rem #fff3}.doodle{color:var(--rose);opacity:.65;font-family:Caveat,cursive;font-size:5rem;position:absolute}.doodle-one{top:5%;right:2%;transform:rotate(18deg)}.doodle-two{color:var(--sage);top:50%;left:2%}.final-note{background:var(--ink);min-height:100svh;color:var(--cream);text-align:center;place-content:center;padding:5rem 1.5rem;display:grid;position:relative}.final-note:before{content:"";pointer-events:none;border:1px solid #f8f0e533;position:absolute;inset:1.3rem}.tiny-heart{color:var(--rose);font-size:1.4rem;animation:1.5s ease-in-out infinite pulse}.final-note p{color:#ddcfc1;margin:1.8rem 0 .8rem;font-family:Caveat,cursive;font-size:1.4rem}.final-note h2{letter-spacing:-.04em;margin:0;font-family:Playfair Display,serif;font-size:clamp(2.8rem,9vw,7rem);font-weight:600;line-height:1.05}.phone-link{color:var(--rose);white-space:nowrap;font-style:italic;text-decoration:none}.signoff{text-transform:uppercase;letter-spacing:.18em;opacity:.65;margin-top:2.5rem;font-size:.67rem}@keyframes bob{50%{transform:translateY(8px)}}@keyframes pulse{50%{transform:scale(1.28)}}@keyframes float-in{0%{transform:translateY(80px) rotate(calc(var(--tilt) * 2))}to{transform:translateY(0) rotate(calc(var(--tilt) + var(--sway)))}}@media (width<=700px){.hero{width:100%;overflow:hidden}.hero p{letter-spacing:.16em;max-width:18rem;padding-inline:.75rem;font-size:.72rem;line-height:1.75}.memory-board{flex-direction:column;gap:6.5rem;width:100%;max-width:100%;padding-bottom:5rem;padding-left:1rem;padding-right:1rem;display:flex}.clothesline-row{grid-template-columns:minmax(0,1fr);gap:8rem;width:100%;min-width:0;padding-top:3.2rem}.memory{justify-self:start;width:92%;min-width:0;max-width:calc(100vw - 2.5rem)}.memory:nth-of-type(2n){justify-self:end}.memory:nth-of-type(2n):before{content:"";z-index:-1;border-top:3px solid #695339b8;width:calc(100vw - 1rem);position:absolute;top:-1.15rem;left:50%;transform:translate(-50%);box-shadow:0 -1px #ffffff6b}.photo-wrap,.photo-wrap img,.caption{max-width:100%}.final-note{width:100%;max-width:100%;min-height:100dvh;padding:6rem 1.25rem calc(6rem + env(safe-area-inset-bottom));overflow:hidden}.final-note:before{inset:.9rem}.final-note h2{font-size:clamp(2.5rem,12vw,3.6rem);line-height:1.08}.call-label,.phone-link{display:block}.phone-link{margin-top:.3rem}.signoff{letter-spacing:.14em;margin-top:2rem;font-size:.58rem}.doodle{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}