/* Paper collage proportions and independent layers, matched to the combined desktop reference. */
.arrival{position:relative;isolation:isolate;z-index:2;height:61vw;min-height:878px;margin-top:-1px;padding-top:1px;background:#f4eee1 url('assets/seam-paper-texture.png') center/720px}
.arrival:before{content:"";position:absolute;left:0;right:0;top:-5.7vw;height:14vw;background:#f4eee1 url('assets/seam-paper-texture.png') center/720px;mask:url('assets/seam-paper-top.png') center/100% 100% no-repeat;z-index:0;pointer-events:none}
.arrival:after{content:"";position:absolute;left:0;right:0;bottom:-4vw;height:12vw;background:#f4eee1 url('assets/seam-paper-texture.png') center/720px;mask:url('assets/seam-paper-bottom.png') center/100% 100% no-repeat;z-index:0;pointer-events:none}
.arrival-heading{position:relative;margin:2.9vw 0 0 4.5%;width:51%;z-index:2}
.arrival-eyebrow{margin:0 0 .7vw;font-size:1.22vw;text-transform:uppercase;letter-spacing:.15em}
.arrival-heading h2{margin:0;font:700 4.4vw/.96 'Times New Roman',Georgia,serif;letter-spacing:-.04em;color:#070b07}
.arrival-heading h2 span{color:var(--pine)}
.arrival-intro{margin:1.05vw 0 0;font-size:1.85vw;line-height:1.18;letter-spacing:-.02em}
.journey{position:absolute;top:-4.7vw;right:-.6vw;width:59.6%;height:27.8vw;color:#f5f1e6;background:url('assets/seam-green-paper.png') center/100% 100% no-repeat;z-index:1}
.journey-handwriting{position:absolute;left:22%;top:21%;margin:0;font:2.65vw/1.18 BadScript,'Segoe Print',cursive;transform:rotate(-10deg);text-align:center;z-index:2}
.journey-handwriting span{padding-left:10px}
.journey-map{position:absolute;width:91%;height:74%;left:8%;top:17%;overflow:visible}
.journey-note{display:none}
.arrival-cards{position:absolute;top:21.3vw;left:3%;right:3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7vw;z-index:3;align-items:start}
.change-card{margin:0;padding:.9vw .9vw .6vw;position:relative;background:#f4eee1 url('assets/seam-paper-texture.png') center/650px;box-shadow:0 .2vw .7vw #64594335;transform:rotate(.7deg)}
.change-card:after{content:"";position:absolute;left:0;right:0;bottom:-.45vw;height:.7vw;background:#f4eee1 url('assets/seam-paper-texture.png') center/650px;mask:url('assets/seam-paper-bottom.png') center/100% 100% no-repeat}
.change-card-quiet{transform:rotate(-2deg)}
.change-card-together{transform:rotate(2deg);margin-top:.35vw}
.change-card-lake{transform:rotate(-.6deg)}
.change-photo{position:relative;height:32.8vw;overflow:hidden;background:#d6d1c4}
.change-photo img{display:block;width:100%;height:100%;object-fit:cover}
.change-card figcaption{display:flex;justify-content:center;align-items:center;gap:1.1vw;font:700 2.5vw/1.4 'Times New Roman',Georgia,serif;letter-spacing:-.045em;white-space:nowrap;margin:.2vw 0 0;color:#070b07}
.change-card figcaption>span{color:#a41023;font:400 1.5em/.6 Georgia,serif;transform:translateY(-2px)}
.photo-words{position:absolute;top:1.2vw;margin:0;font:1.62vw/1.2 BadScript,'Segoe Print',cursive;transform:rotate(-5deg);z-index:2;pointer-events:none}
.photo-before{left:5%;color:#fff9ef;text-shadow:0 1px 7px #0005}
.photo-after{right:3%;color:#151a12;text-shadow:0 1px 7px #ffeed499}
.photo-after span{display:inline-block;padding-left:.7vw}
.change-card-quiet .photo-before{font-size:1.5vw;left:3%;max-width:49%}
.change-card-quiet .photo-after{font-size:1.5vw;right:1%;max-width:48%}
/* Recompose the existing paired photos as stacked memories without stretching subjects. */
.change-card-together .change-photo img,.change-card-lake .change-photo img{opacity:0}
.change-card-together .change-photo:before,.change-card-together .change-photo:after,.change-card-lake .change-photo:before,.change-card-lake .change-photo:after{content:"";position:absolute;left:0;right:0;background-repeat:no-repeat}
.change-card-together .change-photo:before{top:0;height:44%;background-image:url('assets/change-together.png');background-size:260% auto;background-position:left 55%}
.change-card-together .change-photo:after{bottom:0;height:68%;background-image:url('assets/change-together.png');background-size:180% auto;background-position:right bottom;clip-path:polygon(0 9%,100% 0,100% 100%,0 100%)}
.change-card-together .photo-before{left:auto;right:6%;top:1.1vw;font-size:1.65vw}
.change-card-together .photo-after{right:4%;top:39%;font-size:1.65vw}
.change-card-lake .change-photo:before{top:0;height:48%;background-image:url('assets/change-lake.png');background-size:210% auto;background-position:left top}
.change-card-lake .change-photo:after{bottom:0;height:65%;background-image:url('assets/change-lake.png');background-size:190% auto;background-position:right bottom;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
.change-card-lake .photo-before{color:#22261e;text-shadow:0 1px 5px #fff9;font-size:1.6vw}
.change-card-lake .photo-after{top:47%;right:4%;font-size:1.75vw}
.arrival-botanical{position:absolute;z-index:4;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(.1vw .25vw .15vw #2d29182b)}
.arrival-botanical-left{left:-1.2%;bottom:-1vw;width:10%;height:16vw;background-image:url('assets/seam-pine.png');transform:rotate(-20deg)}
.arrival-botanical-right{right:-1.2%;bottom:-1.9vw;width:8.5%;height:13vw;background-image:url('assets/seam-berries.png');transform:rotate(9deg)}

.journey .location{right:6%;bottom:10%;font-size:1.16vw;gap:.4vw;white-space:nowrap}.journey .location svg{width:1.5vw;height:1.8vw}