@font-face{font-family:CoupleHand;src:url('/assets/couple/handwriting.ttf') format('truetype');font-display:swap}.couple-story{--ink:#332d25;--cream:#f3ead9;--sage:#8a8a71;max-width:1440px;margin:auto;color:var(--ink);background:#ede2cf;font:14px/1.65 'Courier New',monospace;overflow:hidden}.couple-story *{box-sizing:border-box}.couple-story a{color:inherit}.cp-nav{display:flex;justify-content:space-between;gap:20px;padding:22px 5%;background:#f8f4eb;font:10px/1.4 Arial,sans-serif;letter-spacing:1.6px}.cp-nav a{text-decoration:none}.cp-canvas{container-type:inline-size}.cp-collage{position:relative;height:127cqw;background:#eee3cf url('/assets/couple/scrapbook-paper.webp') center/100% 100%;isolation:isolate}.cp-photo{margin:0;position:relative}.cp-photo a{display:block;height:100%;overflow:hidden}.cp-photo img{width:100%;height:100%;display:block;object-fit:cover}.cp-collage>.cp-photo{position:absolute;background:#fffaf0;padding:1.05cqw;box-shadow:0 .4cqw .8cqw #55442f35}.cp-photo figcaption{font:2.8cqw/1.04 CoupleHand,cursive;text-align:center;padding:1cqw .3cqw .2cqw;color:#3a3028}.cp-collage>.cp-photo:before,.cp-sticker:before{content:'';position:absolute;top:-1.1cqw;left:31%;width:8.8cqw;height:3.2cqw;background:repeating-linear-gradient(87deg,#d6c3a768 0 2px,#baa58640 2px 4px),#c5b39169;transform:rotate(-7deg);z-index:5;box-shadow:0 1px 2px #493d2520;clip-path:polygon(0 2%,98% 0,96% 20%,100% 32%,97% 49%,99% 67%,96% 83%,100% 100%,1% 97%,3% 79%,0 63%,3% 41%,0 20%)}.cp-collage>.cp-hero{left:13%;top:0;width:64%;height:49%;padding:0;box-shadow:none;z-index:-1;clip-path:polygon(2% 0,99% 0,98% 9%,99% 18%,97% 26%,99% 39%,97% 53%,100% 63%,96% 79%,99% 88%,96% 99%,89% 98%,82% 100%,75% 98%,65% 100%,53% 98%,42% 100%,30% 98%,20% 100%,7% 98%,1% 96%,2% 87%,0 77%,2% 64%,0 48%,2% 39%,0 23%,2% 14%)}.cp-hero img{object-position:46% 50%}.cp-hero:before{display:none}.cp-paper{background-color:var(--cream);background-image:url('/assets/couple/paper-grain.svg');clip-path:polygon(1% 2%,8% 1%,14% 2%,22% 0,30% 1%,38% 0,46% 2%,55% 0,64% 1%,73% 0,80% 2%,89% 0,98% 2%,97% 11%,100% 20%,98% 29%,99% 41%,97% 51%,100% 63%,98% 72%,100% 81%,97% 89%,98% 98%,91% 97%,84% 100%,76% 98%,67% 100%,59% 98%,50% 100%,41% 98%,32% 100%,24% 98%,16% 100%,8% 98%,1% 99%,2% 89%,0 78%,2% 70%,0 60%,2% 49%,0 40%,2% 29%,0 18%)}.cp-title{position:absolute;top:3%;right:1.5%;width:33%;padding:2.8cqw 1cqw 1.5cqw;transform:rotate(-5deg)}.couple-story .cp-title h1{font:9.3cqw/.78 CoupleHand,cursive;letter-spacing:-.35cqw;margin:0;color:#211e19;text-align:center}.cp-title h1 span{font-size:5cqw;vertical-align:top}.cp-tag{font:3.1cqw/1.03 CoupleHand,cursive;background-color:#dfb5a2;margin:2.5cqw 0 0;padding:1.3cqw 0;text-align:center}.cp-intro{position:absolute;right:6%;top:25%;font:1.2cqw/1.65 'Courier New',monospace;width:19%}.cp-heart{display:block;font:5cqw/1 CoupleHand,cursive;text-align:right}.cp-note{position:absolute;font:3cqw/1.02 CoupleHand,cursive;text-align:center}.cp-good{left:1.2%;top:2%;width:12%;transform:rotate(-10deg);font-size:2.9cqw}.cp-sticker{position:absolute;top:20%;left:3.2%;width:8%;padding:1.2cqw;background:#f8eedc;text-align:center;transform:rotate(-12deg);font:5cqw/.65 CoupleHand,cursive;overflow:visible;filter:drop-shadow(2px 3px 3px #55442f33)}.cp-collage>.cp-one{left:3%;top:33%;width:29%;height:29%;transform:rotate(-8deg)}.cp-one a{height:83%}.cp-one img{object-position:49% center}.cp-sage{left:33%;top:44%;width:16%;padding:3cqw 1cqw;background-color:#8b8b72;color:#fcf2dd;transform:rotate(-13deg)}.cp-collage>.cp-two{right:11%;top:39%;width:32%;height:25%;transform:rotate(6deg)}.cp-two img{object-position:center 57%}.cp-always{right:.7%;top:46%;width:11%;padding:2.4cqw .6cqw;transform:rotate(8deg)}.cp-collage>.cp-three{left:5%;top:65%;width:31%;height:23%;transform:rotate(-7deg)}.cp-three a{height:83%}.cp-three figcaption{position:absolute;right:-1cqw;bottom:-1.8cqw;background:#f3e7d1;padding:1.5cqw 3cqw;transform:rotate(-5deg);box-shadow:1px 3px 7px #4c3b2420}.cp-collage>.cp-four{left:36%;top:62%;width:31%;height:32%;transform:rotate(4deg);z-index:3}.cp-four img{object-position:center}.cp-four figcaption{position:absolute;bottom:-2.2cqw;right:-.8cqw;background:#f0e3cb;padding:1.4cqw 2.2cqw;transform:rotate(-7deg);box-shadow:1px 4px 8px #4c3b2425}.cp-collage>.cp-five{right:8%;top:63%;width:25%;height:30%;transform:rotate(-5deg)}.cp-five img{object-position:48% center}.cp-sweet{right:.1%;top:80%;width:10%;padding:1.5cqw .5cqw;transform:rotate(9deg)}.cp-feeling{left:3%;bottom:3.3%;background-color:#858871;color:#fff6e3;width:24%;padding:1.6cqw;transform:rotate(-8deg)}.cp-love{right:1%;bottom:1.8%;background-color:#d5a895;width:36%;padding:1.6cqw;transform:rotate(-8deg)}.cp-discover{position:absolute;bottom:1.6%;left:34%;font: .85cqw Arial,sans-serif;letter-spacing:.14cqw;text-underline-offset:5px}.cp-collection{background:#f3eadb url('/assets/couple/paper-grain.svg');padding:65px 6% 55px;container-type:inline-size}.cp-section-title{text-align:center;margin:0 0 65px}.cp-section-title>span{font:10px Arial,sans-serif;letter-spacing:3px}.couple-story .cp-section-title h2{font:normal clamp(38px,5vw,70px)/1.1 Georgia,serif;margin:25px 0 15px;letter-spacing:-2px}.cp-section-title h2 em{font:1.2em CoupleHand,cursive}.cp-section-title p{font-size:12px}.cp-gallery{columns:3;column-gap:35px}.cp-gallery .cp-photo{break-inside:avoid;margin:12px 0 42px;padding:9px 9px 18px;background:#fffaf1;box-shadow:0 4px 10px #5f4f3826;transform:rotate(-2deg)}.cp-gallery .cp-photo:nth-child(3n+2){transform:rotate(2.5deg)}.cp-gallery .cp-photo:nth-child(4n){transform:rotate(.7deg)}.cp-gallery .cp-photo img{height:auto}.cp-gallery .cp-photo figcaption{font-size:30px;padding-top:14px}.cp-gallery .cp-photo:before{content:'';position:absolute;z-index:3;width:65px;height:23px;top:-10px;left:35%;transform:rotate(-8deg);background:#cdbb9990;box-shadow:0 1px 2px #68522b20;pointer-events:none}.cp-end{text-align:center;max-width:660px;margin:60px auto 0;padding:30px 25px;background-color:#e5d5bc}.cp-end .cp-heart{text-align:center;font-size:65px}.couple-story .cp-end h2{font:38px/1.1 CoupleHand,cursive;letter-spacing:0;margin:12px 0}.cp-end p{font-size:12px}.cp-end a{display:inline-block;font:10px/1.8 Arial,sans-serif;letter-spacing:1px;padding:12px 0}.couple-story .cp-footer{display:flex;justify-content:space-between;background:#f8f4eb;padding:25px 5%;font:10px Arial,sans-serif;letter-spacing:1px;gap:20px;border:0}.cp-footer a{text-decoration:none}.couple-story a:focus-visible{outline:3px solid #86553e;outline-offset:4px}
@media(max-width:600px){.cp-nav{font-size:8px;letter-spacing:.6px;padding:20px 5%;align-items:center}.cp-collage{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:30px 15px;padding:0 6% 40px;background-size:100% 100%}.cp-collage>.cp-hero{position:relative;grid-column:1/-1;left:auto;top:auto;width:114%;margin-left:-7%;height:340px;z-index:0;grid-row:1}.cp-hero img{object-position:50% 50%}.cp-title{position:relative;grid-column:1/-1;grid-row:2;right:auto;top:auto;width:87%;justify-self:end;padding:20px 12px 15px;margin-top:-90px;z-index:2;transform:rotate(-5deg)}.couple-story .cp-title h1{font-size:74px;line-height:.85;letter-spacing:-2px}.cp-title h1 span{font-size:40px}.cp-tag{font-size:26px;padding:12px 0;margin:18px 0 0}.cp-intro{position:relative;grid-column:1/-1;top:auto;right:auto;width:auto;font-size:12px;max-width:240px;justify-self:center;margin:-5px 0 4px}.cp-intro .cp-heart{font-size:45px}.cp-good{left:3%;top:12px;font-size:19px;width:70px;color:#fff9ed;text-shadow:0 1px 4px #403722}.cp-sticker{top:300px;left:7%;width:60px;padding:10px;font-size:40px;z-index:3}.cp-collage>.cp-photo:not(.cp-hero){position:relative;left:auto;right:auto;top:auto;width:100%;height:240px;padding:7px;align-self:center}.cp-photo figcaption{font-size:22px;line-height:1.04;padding:8px 0}.cp-collage>.cp-one{grid-column:1/-1;width:83%!important;height:360px!important;justify-self:start;margin-left:7px}.cp-one a{height:83%}.cp-note{font-size:23px}.cp-sage{position:relative;left:auto;top:auto;width:100%;padding:20px 10px;grid-column:1;grid-row:5;transform:rotate(-7deg)}.cp-collage>.cp-two{grid-column:2;grid-row:5;height:270px!important;transform:rotate(5deg)}.cp-always{right:3%;top:41%;width:65px;padding:14px 5px;font-size:23px}.cp-collage>.cp-three{grid-column:1/-1;width:84%!important;height:260px!important;justify-self:start;margin-top:5px}.cp-three figcaption{font-size:25px;padding:12px 20px;bottom:-18px}.cp-collage>.cp-four{grid-column:1;height:270px!important;margin-top:20px;transform:rotate(-4deg)}.cp-four figcaption{font-size:20px;padding:9px 13px;bottom:-30px}.cp-collage>.cp-five{grid-column:2;height:270px!important;transform:rotate(4deg);margin-top:10px}.cp-sweet{display:none}.cp-feeling{position:relative;left:auto;bottom:auto;width:auto;padding:18px 8px;margin-top:25px}.cp-love{position:relative;right:auto;bottom:auto;width:auto;padding:22px 8px;align-self:center}.cp-discover{position:relative;bottom:auto;left:auto;grid-column:1/-1;justify-self:center;font-size:9px;letter-spacing:1.5px;margin-top:5px}.cp-collage>.cp-photo:before,.cp-sticker:before{width:60px;height:24px;top:-10px}.cp-collection{padding:45px 7% 35px}.cp-section-title{margin-bottom:45px}.cp-section-title>span{font-size:8px;letter-spacing:1.5px}.couple-story .cp-section-title h2{font-size:38px;letter-spacing:-1.5px}.cp-section-title p{font-size:11px}.cp-gallery{columns:2;column-gap:18px}.cp-gallery .cp-photo{padding:6px 6px 12px;margin-bottom:28px}.cp-gallery .cp-photo figcaption{font-size:21px;padding-top:8px}.cp-gallery .cp-photo:before{width:43px;height:17px;top:-8px;left:30%}.cp-end{padding:25px 18px;margin-top:30px}.couple-story .cp-end h2{font-size:32px}.cp-end a{font-size:9px}.couple-story .cp-footer{font-size:8px;letter-spacing:.4px;padding:22px 5%;align-items:center}}
@media(prefers-reduced-motion:reduce){.couple-story .picture img{transition:none}}
/* Keep handwritten note spacing independent of the surrounding portrait theme. */
.couple-story .cp-tag{line-height:1.03}.cp-collage .cp-intro{top:27.7%}.cp-collage .cp-feeling{font-size:2.55cqw;bottom:1.7%;padding:1.2cqw}.cp-collage .cp-sweet{top:78%;font-size:2.7cqw}.cp-collage .cp-three{height:21.5%}.cp-collage .cp-love{font-size:2.65cqw;padding:1.2cqw}.cp-sticker,.cp-note{pointer-events:none}
@media(max-width:600px){.cp-collage .cp-intro{top:auto}.cp-collage .cp-feeling{font-size:23px;bottom:auto;padding:18px 8px}.cp-collage .cp-love{font-size:23px;padding:22px 8px}.cp-collage .cp-sage{align-self:center}.cp-collage .cp-three{height:260px}.cp-title{margin-top:-65px}.cp-hero img{object-position:50% 48%}}
.cp-collage .cp-intro{background:#f3ead9f2;padding:.8cqw;width:21%;right:4%;font-size:1.1cqw}.cp-intro .cp-heart{font-size:3.8cqw}@media(max-width:600px){.cp-collage .cp-intro{background:transparent;padding:0;width:auto;right:auto;font-size:12px}.cp-intro .cp-heart{font-size:45px}}
.cp-collage .cp-one figcaption{position:relative;top:-.7cqw}@media(max-width:600px){.cp-collage .cp-one figcaption{top:-7px}}