/* V05: content-sized phone layouts and a single names / memories composition. */
.paper-scene .canvas{container-type:inline-size}
.paper-scene .name-signature{width:100%;height:auto;display:block;overflow:visible}
.chapters-united{max-width:1280px;margin:0 auto;position:relative;display:grid;grid-template-columns:44% 56%;gap:0;padding:54px 5% 64px;isolation:isolate;background:var(--page-paper);color:var(--ink)}
.chapters-united::before{content:'';position:absolute;inset:4% 2% 2%;z-index:-1;background:radial-gradient(ellipse at 53% 60%,#e4e8d3b3,transparent 70%);pointer-events:none}
.chapters-united .paper-scene{height:auto;min-height:0;background:transparent}
.chapters-united .paper-scene .stage{position:relative;top:auto;height:auto;padding:0;background:transparent}
.chapters-united .paper-scene .canvas{width:100%;height:auto;max-width:none;aspect-ratio:4/5}
.chapters-united .paper-scene .names-mountains{height:25%;bottom:0;left:0;width:100%;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}
.chapters-united .paper-scene .names-mountains img{opacity:.7}
.chapters-united .paper-scene .names-people{right:0;bottom:4%;width:48%;height:65%;z-index:3}
.chapters-united .paper-scene .names-type{left:0;top:7%;width:48%;text-align:left;letter-spacing:0;z-index:5;line-height:1.1}
.chapters-united .paper-scene .names-type p{width:100%;line-height:1;margin:0}
.chapters-united .paper-scene .names-type>span{font:italic 7cqw Georgia,serif;color:#b77f83;line-height:1;margin:6px 0 7px 24%}
.chapters-united .paper-scene .names-type h2{font-size:clamp(12px,3.4cqw,17px);line-height:1.8;margin-top:16px;letter-spacing:.04em;white-space:nowrap}
.chapters-united .paper-scene .names-type h2 i{margin:0 3px}
.chapters-united .paper-scene .married-type{left:1%;top:64%;font:12px/1.6 Georgia,serif;letter-spacing:.15em;max-width:40%;width:40%;color:#7d866f}
.chapters-united .paper-scene .names-hearts{right:5%;left:auto;top:7%;width:14%;height:14%}
.chapters-united .paper-scene .memories-canvas{aspect-ratio:6/5}
.chapters-united .paper-scene .memory-paper{left:4%;top:18%;width:91%;height:69%;background:#e4e8d5;z-index:1;rotate:-3deg}
.chapters-united .paper-scene .memory-frame{left:5%;top:13%;width:90%;height:auto;padding:2%;z-index:3;rotate:2deg}
.chapters-united .paper-scene .memory-slides{height:auto;aspect-ratio:3/2}
.chapters-united .paper-scene .memory-slide{object-fit:cover;object-position:center;transform:none}
.chapters-united .paper-scene .memory-controls{height:43px;padding:0 4px 0 7%;font-size:clamp(11px,2.7cqw,15px);letter-spacing:0}
.chapters-united .paper-scene .memory-controls button{font-size:20px;min-height:36px}
.chapters-united .paper-scene .quote-mark{right:2%;top:0;font:90px/1 Georgia,serif;z-index:4;color:#c7b9d0}
.chapters-united .paper-scene .memory-flower{left:0;bottom:2%;width:10%;height:18%;z-index:4}
.paper-scene .instant>div{padding-bottom:3%}
.paper-scene .instant img{height:100%;object-fit:contain}
.paper-scene .duo-left{width:45%;height:45%;left:5%;top:34%}
.paper-scene .duo-right{width:27%;height:74%;right:8%;top:15%}
.base-scene.invitation-merged{min-height:0;padding-bottom:80px}
.invitation-merged .invitation-text{margin-top:24px}

@media(max-width:700px){
 .site-header{height:auto;min-height:64px;gap:10px}
 .wordmark{font-size:clamp(10px,3.05vw,12px);letter-spacing:.02em}
 .header-actions{gap:10px}
 .base-scene .eyebrow{overflow-wrap:anywhere;letter-spacing:.1em}
 .base-scene .hand-title,.base-scene .scene-title{font-size:clamp(30px,10vw,43px)}
 .base-scene .title-line{max-width:100%}
 .base-scene .title-vector{overflow:visible}
 .base-scene .photo-paper{overflow:visible}
 .base-scene .photo-paper figcaption{overflow-wrap:anywhere;white-space:normal;line-height:1.4}
 .base-scene .hero-main-photo{left:3%;width:90%}
 .base-scene .hero-small-photo{right:1%;width:31%}
 .base-scene .hero-art{margin-right:0;max-width:100%}
 .base-scene .sunset-portrait{max-width:100%;width:86%}
 .base-scene .sunset-portrait figcaption{font-size:10px;letter-spacing:0}
 .base-scene .lake-photo{width:88%}
 .base-scene .ivory-wide{width:94%;margin-right:2%}
 .base-scene .ivory-wide figcaption{font-size:10px;letter-spacing:0}
 .base-scene .album-heading .hand-title{font-size:clamp(26px,8.3vw,36px)}
 .base-scene .closing footer span:first-child{white-space:normal}
 .lyrics-ribbon{max-width:calc(100vw - 42px)}
 .chapters-united{display:block;padding:20px 5% 44px}
 .chapters-united .paper-scene .canvas{aspect-ratio:5/4}
 .chapters-united .paper-scene .names-type{left:2%;top:5%;width:48%}
 .chapters-united .paper-scene .names-type>span{font-size:6cqw;margin:4px 0 5px 26%}
 .chapters-united .paper-scene .names-type h2{font-size:12px;margin-top:9px}
 .chapters-united .paper-scene .names-people{right:0;bottom:0;width:48%;height:80%}
 .chapters-united .paper-scene .names-mountains{height:26%;bottom:-1%}
 .chapters-united .paper-scene .married-type{left:3%;top:75%;width:43%;max-width:43%;font-size:10px;letter-spacing:.1em}
 .chapters-united .paper-scene .names-hearts{right:1%;top:2%;width:13%;height:15%}
 .chapters-united .paper-scene .memories-canvas{aspect-ratio:1.12;margin-top:-6px}
 .chapters-united .paper-scene .memory-frame{top:10%;height:auto;left:3%;width:94%;padding:2.5%;rotate:1.5deg}
 .chapters-united .paper-scene .memory-paper{top:12%;left:1%;width:98%;height:81%;rotate:-2deg}
 .chapters-united .paper-scene .memory-controls{font-size:12px;height:40px}
 .chapters-united .paper-scene .memory-slides{height:auto;aspect-ratio:3/2}
 .chapters-united .paper-scene .quote-mark{font-size:55px;top:0;right:0}
 .chapters-united .paper-scene .memory-flower{bottom:0;left:0;width:9%;height:14%}
 .base-scene.invitation-merged{padding:48px 6% 65px;min-height:0}
 .invitation-merged .invitation-pair{gap:18px}
 .invitation-merged .avatar-shell{height:155px}
 .invitation-merged .invitation-text{margin-top:22px}
 .base-scene.cinematic .cinematic-stage,.base-scene.promise .promise-stage{min-height:0;height:100svh}
 .base-scene.collage-scroll{height:auto}
 .base-scene.collage-scroll .collage-stage{position:relative;height:auto;min-height:0;padding:42px 7% 50px}
 .base-scene .collage-photos{min-height:0;height:clamp(340px,110vw,430px)}
 .base-scene .card-one{left:2%;width:48%;rotate:-5deg}
 .base-scene .card-two{right:0;width:62%;rotate:4deg}
 .base-scene .card-three{left:22%;width:49%;rotate:-3deg}
}

@media(max-width:700px) and (max-aspect-ratio:4/5){
 .paper-scene:not(.names-scene):not(.memories-scene){height:auto;min-height:0}
 .paper-scene:not(.names-scene):not(.memories-scene) .stage{position:relative;top:auto;height:auto;min-height:0;padding:24px 5% 38px}
 .paper-scene:not(.names-scene):not(.memories-scene) .canvas{width:100%;max-width:none;height:auto;aspect-ratio:3/5;max-height:none}
 .paper-scene.music-scene .stage{padding:22px 5% 24px}
 .paper-scene .music-canvas{height:clamp(410px,126vw,510px)!important;aspect-ratio:auto!important}
 .paper-scene .music-card{left:12%;right:12%;bottom:18%;height:112px}
 .paper-scene .music-people{left:0;bottom:calc(18% + 100px);width:63%;height:56%}
 .paper-scene .record-wrap{right:1%;bottom:calc(18% + 100px);width:47%}
 .paper-scene .music-sentence{bottom:0;height:14%;left:0;right:0}
 .paper-scene .music-glow{inset:3% 0 10%}
 .paper-scene .collage-photo{left:6%;top:15%;width:89%;height:40%}
 .paper-scene .collage-people{width:100%;left:0;bottom:1%;height:51%}
 .paper-scene .collage-mountains{width:100%;left:0;bottom:0;height:31%}
 .paper-scene .collage-script{right:0;bottom:3%;width:61%;height:10%}
 .paper-scene .collage-flower{right:0;left:auto;top:0;width:16%;height:12%}
 .paper-scene .story-people{left:0;bottom:26%;width:100%;height:51%}
 .paper-scene .mountain-patch{left:0;top:27%;width:100%;height:44%}
 .paper-scene .story-title{left:17%;right:auto;top:75%;height:12%;width:66%}
 .paper-scene .story-note{left:2%;right:2%;bottom:0;width:auto;font-size:12px;line-height:1.9}
 .paper-scene.duo-scene .duo-canvas{display:flex;flex-direction:column;gap:27px;aspect-ratio:auto;height:auto}
 .paper-scene .duo-hand{position:relative;left:0;top:auto;width:90%;height:auto;aspect-ratio:5.4;margin-bottom:2px;align-self:center}
 .paper-scene .instant{position:relative;top:auto;left:auto;right:auto;bottom:auto;height:auto;max-width:100%;width:86%;flex:none}
 .paper-scene .instant>div{height:auto;padding:8px;background:#fcfbf6}
 .paper-scene .instant img{height:auto;width:100%;object-fit:contain}
 .paper-scene .duo-left{align-self:flex-start;margin-left:3%;rotate:-2deg}
 .paper-scene .duo-right{align-self:flex-end;width:66%;margin-right:3%;rotate:2deg}
 .paper-scene .film-side{font-size:7px;left:0;z-index:2}
 .paper-scene .arrow-one{right:0;top:25%;width:9%;height:11%}
 .paper-scene .arrow-two{left:7%;bottom:11%;width:10%;height:13%}
}

@media(max-width:360px){
 .site-header{padding:0 4%;gap:6px}
 .wordmark{font-size:10px}
 .header-actions{gap:6px}
 .chapters-united .paper-scene .names-type h2{font-size:11px}
 .chapters-united .paper-scene .memory-controls{font-size:10px}
 .paper-scene .track-title{font-size:12px}
 .paper-scene .track-meta{gap:12px}
 .paper-scene .track-artist,.paper-scene .lyrics-link{font-size:10px}
}

.reduced-motion .chapters-united .paper-scene{height:auto}