:root{--ink:#10242b;--aqua:#b5e7df;--pink:#f3b8df;--blue:#7987d5;--lemon:#fff16d;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Rethink Sans',Arial,sans-serif;--hand:'Caveat',cursive;--torn:polygon(0 3%,4% 1%,9% 3%,14% 0,20% 2%,26% 1%,31% 3%,38% 0,43% 2%,48% 1%,53% 3%,59% 0,65% 2%,72% 0,78% 3%,84% 1%,90% 2%,96% 0,100% 3%,99% 17%,100% 31%,99% 44%,100% 59%,99% 76%,100% 97%,94% 99%,88% 97%,82% 100%,76% 98%,69% 100%,63% 98%,56% 99%,50% 97%,44% 100%,38% 98%,31% 100%,25% 98%,19% 99%,12% 97%,6% 100%,0 98%,1% 80%,0 61%,1% 44%,0 22%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);font:16px/1.55 var(--sans);background:#fbfaf7}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:300;letter-spacing:-.055em;line-height:.95}h3{font-size:21px;font-weight:500}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #10242b;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:10px;z-index:100;padding:12px;background:white}.skip-link:focus{top:10px}.preview-strip{padding:7px 15px;text-align:center;font-size:11px;letter-spacing:.03em;background:#f8f7f3}.board-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:1600px;margin:auto;padding:0 7px}.vision-scene{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1/2;overflow:hidden;background:var(--aqua)}.vision-scene:after,.paper:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:multiply;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='.73' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px}.vision-scene:after{z-index:15}.scene-header{position:absolute;inset:1.7% 4.5% auto;display:flex;align-items:center;justify-content:space-between;z-index:20}.wordmark{font:italic 400 7.5cqw/.95 var(--serif);letter-spacing:-.055em;text-decoration:none}.explore-link{font-size:2.7cqw;text-decoration:none;background:#ffffffc7;padding:5px 8px}.photo{position:absolute;background-image:url('assets/collage-photos-v1.png');background-size:300% 300%;background-repeat:no-repeat;clip-path:var(--torn);z-index:1;transform:rotate(var(--rotation,0deg));transition:filter .25s}.paper{clip-path:var(--torn);position:absolute;background:#fff8e9;z-index:7}.handwritten{font:400 7cqw/.91 var(--hand);letter-spacing:-.025em;text-align:center}.arrive .villa{left:63%;top:-1%;width:40%;height:29%;--rotation:2deg}.arrive .coast{left:47%;top:26%;width:57%;height:47%;--rotation:-3deg}.arrive .lunch{left:-3%;top:51%;width:67%;height:25%;--rotation:-2deg}.arrive .coffee{left:-3%;top:72%;width:58%;height:19%;--rotation:4deg}.arrive .flowers{right:-2%;top:71%;width:49%;height:19%;--rotation:-4deg}.arrive h1{position:absolute;z-index:6;left:4%;top:8.5%;font-size:23.5cqw;font-weight:300;line-height:.87;width:95%;pointer-events:none}.arrive h1>span{display:block}.dream-strip{position:relative!important;display:block;width:84%;margin:1.5% 0 1% -7%;padding:1% 5% 3% 6%;background:var(--blue);color:var(--lemon);font-weight:300;line-height:.95;transform:rotate(-3deg)}.freedom-note{top:22%;right:16%;padding:3% 4%;transform:rotate(-12deg);font-size:6.3cqw}.happy-note{top:66%;left:35%;width:36%;padding:4% 2%;background:var(--pink);transform:rotate(-10deg)}.year-note{top:60%;right:-2%;padding:1% 4% 2%;font:italic 400 12cqw/1 var(--serif);background:var(--lemon);transform:rotate(-12deg)}.scene-action{position:absolute;bottom:1.6%;left:8%;right:8%;z-index:20;text-align:center}.action{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 16px;background:#f8bde1;color:#10242b;border:0;font:400 16px/1.3 var(--sans);text-decoration:none;box-shadow:0 3px 0 #10242b0a;transition:transform .18s,box-shadow .18s}.scene-action .action{font-size:4.5cqw;min-height:12cqw;padding:2.9cqw 2cqw}.action:hover{box-shadow:0 5px 18px #10242b22}.action:active{transform:scale(.975)}.scene-action p{font-size:3.2cqw;line-height:1.4;margin:2% 0 0}.matters{background:var(--blue)}.matters .family{top:4%;left:-3%;width:65%;height:29%;--rotation:-5deg}.matters .art{top:-2%;right:-4%;width:46%;height:35%;--rotation:2deg}.matters .room{top:28%;right:-3%;width:37%;height:51%;--rotation:2deg}.matters .adventure{top:56%;left:-3%;width:56%;height:22%;--rotation:3deg}.matters .friends{left:-2%;top:76%;width:90%;height:25%;--rotation:-4deg}.together-note{top:2.8%;left:11%;padding:2% 5%;background:var(--lemon);transform:rotate(-7deg)}.own-note{top:25%;right:2%;padding:3% 4%;background:var(--pink);transform:rotate(-10deg);font-size:6cqw}.matters h2{top:28%;left:-1%;width:84%;padding:0 2% 4%;background:var(--blue);color:white;font-size:22cqw;line-height:.86;font-weight:300;overflow:visible}.matters h2 em{color:var(--lemon);font-weight:300;white-space:nowrap}.underline{display:block;width:63%;height:3.8cqw;margin:2% 0 0 29%;fill:none;stroke:var(--lemon);stroke-width:2.5;stroke-linecap:round}.question-note{right:18%;top:56.5%;padding:3% 4%;background:var(--blue);color:white;font-size:3.6cqw;line-height:1.5;text-decoration:none;transform:rotate(-2deg)}.adventure-note{top:70%;left:30%;padding:3% 7%;transform:rotate(-11deg)}.ticket{bottom:5%;right:-2%;width:24%;padding:5% 3%;font:400 2.7cqw/1.5 monospace;transform:rotate(-9deg)}.ticket strong{display:block;font-weight:400;margin:14% 0;border-block:1px solid;padding:10% 0}.ticket>span{font-size:2.2cqw}.close{background:var(--pink)}.close .train{right:-4%;top:-3%;width:48%;height:33%;--rotation:2deg}.close .pause{left:-5%;top:40%;width:50%;height:31%;--rotation:-5deg}.close .journal{left:-3%;top:66%;width:60%;height:23%;--rotation:-4deg}.close .sunlight{right:-4%;top:48%;width:45%;height:36%;--rotation:4deg}.close h2{position:absolute;z-index:7;left:4%;top:4%;font-style:italic;font-size:20.8cqw;line-height:.92;font-weight:300;white-space:nowrap}.close-strip{display:block;position:relative;background:var(--aqua);margin-left:-8%;padding:0 8% 7%;width:75%;font-weight:300}.close-strip:before{content:'';position:absolute;bottom:17%;height:13%;left:15%;right:10%;background:var(--lemon);z-index:-1;transform:rotate(-3deg)}.phone-note{position:absolute;z-index:9;right:2%;top:32%;transform:rotate(-8deg);font-size:6.4cqw}.phone-note svg{display:block;width:16cqw;height:13cqw;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}.phone{position:absolute;z-index:8;left:29%;top:37%;width:43%;height:43%;border:.8cqw solid #222d37;border-radius:7.5cqw;padding:.9cqw;background:#84949b;transform:rotate(-9deg);box-shadow:1cqw 2cqw 3cqw #10242b40}.phone-screen{position:relative;overflow:hidden;height:100%;border-radius:5.7cqw;background:#7cb8d8;border:.4cqw solid #17252a}.phone-screen:before{content:'';position:absolute;z-index:8;top:0;left:30%;right:30%;height:2.4cqw;background:#222d37;border-radius:0 0 2cqw 2cqw}.phone .photo{clip-path:none;transform:none}.wallpaper-top{inset:0 0 40%;width:100%;height:60%}.wallpaper-bottom{left:0;bottom:0;width:100%;height:48%}.phone-time{position:absolute;z-index:5;top:10%;left:0;width:100%;text-align:center;color:white;font:400 11cqw/1 var(--sans);text-shadow:0 1px 5px #10242b70}.phone-time span{font-size:2.4cqw;display:block;margin-bottom:5%}.phone-title{top:44%;left:24%;width:57%;padding:10% 4%;font:italic 300 9cqw/.8 var(--serif);text-align:center;transform:rotate(7deg)}.phone-swipe{position:absolute;bottom:1.5%;left:34%;right:34%;height:1%;border-radius:3px;background:white;z-index:9}.close .scene-action{bottom:3%;left:12%;right:12%}.close .scene-action p{font-size:3.9cqw;margin-bottom:3%}.close .action{background:#fbd0e9}.scene-caption{display:flex;justify-content:space-between;gap:20px;max-width:1500px;margin:auto;padding:15px 24px;font-size:11px}.scene-caption button{border:0;border-bottom:1px solid;background:none;font-size:11px;white-space:nowrap;padding:0;align-self:flex-start}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:500;margin-bottom:25px}.feeling-section{text-align:center;padding:90px 20px 100px}.feeling-section h2{font-size:clamp(54px,7vw,88px);margin-bottom:25px}.feeling-section>p:not(.eyebrow){margin-top:22px}.feeling-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin:32px auto 0}.feeling-choices button{border:0;border-bottom:2px solid transparent;background:none;font-size:18px;padding:10px 0}.feeling-choices button[aria-pressed=true]{border-color:var(--ink)}.feeling-response{min-height:28px}.text-link{display:inline-block;margin-top:20px;text-underline-offset:7px}.make-section{background:var(--aqua);padding:85px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.make-section h2,.offer-section h2{font-size:clamp(54px,6vw,85px)}.make-section ol{list-style:none;margin:0;padding:0}.make-section li{display:flex;gap:25px;border-top:1px solid #10242b30;padding:24px 0}.make-section li>span{font:italic 400 32px/1 var(--serif)}.make-section li p{margin-top:8px;max-width:36ch}.offer-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1200px;margin:auto;padding:110px 30px}.offer-story .handwritten{font-size:31px;display:block;text-align:left;transform:rotate(-4deg);margin-bottom:30px}.offer-story p{margin-top:30px;max-width:34ch}.offer{padding-top:25px}.price{font:400 70px/1 var(--serif)}.price span{display:block;font:14px/1.5 var(--sans);margin-top:6px}.offer ul{padding-left:18px;line-height:1.9;margin-block:25px}.offer .action{max-width:360px}.offer-status{font-size:12px;margin:20px 0;max-width:44ch}.offer details{font-size:13px;border-block:1px solid #10242b30;padding:15px 0}.offer details p{padding-top:12px}.faq-section{padding:75px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#f4d4e8}.faq-section h2{font-size:65px}.faq-list details{border-top:1px solid #10242b30;padding:20px 0}.faq-list p{padding-top:15px;font-size:14px}summary{cursor:pointer;font-weight:500}.final-invite{padding:90px 20px;text-align:center;background:var(--blue);color:white}.final-invite>.handwritten{font-size:35px}.final-invite h2{font-size:clamp(65px,8vw,100px);margin:20px 0 35px}.final-invite em{color:var(--lemon)}.final-invite .action{max-width:310px;margin:auto}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;padding:35px 30px;font-size:12px}footer .wordmark{font-size:35px}footer p{max-width:65ch}footer>a:last-child{text-underline-offset:4px}
@media(min-width:1600px){.board-sequence{padding:0}.preview-strip{padding-block:10px}}
@media(max-width:760px){.board-sequence{display:block;padding:0;max-width:560px}.vision-scene{width:100%;aspect-ratio:1/1.96}.scene-header{top:2%}.scene-caption{display:block;padding:18px 20px}.scene-caption button{margin-top:12px;min-height:36px}.feeling-section{padding:65px 24px}.make-section,.offer-section,.faq-section{display:block;padding:65px 25px}.make-section ol{margin-top:35px}.offer{margin-top:35px}.faq-list{margin-top:30px}.offer-section h2{font-size:65px}.feeling-choices{gap:6px 20px}.feeling-choices button{font-size:16px}.final-invite{padding:65px 20px}.preview-strip{font-size:9px;padding:6px 8px}.scene-action .action{min-height:46px}.scene-action p{font-size:max(11px,3.2cqw)}.photo{transition:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *{animation:none!important;transition:none!important}
/* Editorial scale brought closer to the approved collage reference. */
.arrive h1{font-style:italic;font-size:26cqw;line-height:.83;top:9%}.dream-strip{font-size:1.07em;line-height:.89;padding-bottom:4%;width:90%}.matters h2{font-size:25cqw;width:96%;line-height:.85;padding-right:1%}.close h2{font-size:20cqw;letter-spacing:-.065em}.close .scene-action{background:var(--pink);padding-top:2%;left:7%;right:7%}.close .scene-action p{margin-top:0}.scene-header .explore-link{min-height:32px;display:flex;align-items:center}
.arrive h1{font-size:24.5cqw}.arrive h1>span:last-child{background:var(--aqua);width:53%;line-height:.96;clip-path:var(--torn);padding-bottom:2%}.matters h2{font-size:23cqw;width:93%;line-height:.84}.question-note{top:60%;right:18%}.preview-strip{position:relative;z-index:30}
.matters h2{font-size:25cqw;line-height:.74}.matters h2 em{font-size:1.2em;line-height:.92}.own-note{z-index:9}.question-note{top:63%;right:17%}
