/* MAHA: photographic construction-paper sets with real campaign inserts. */
:root{--blue:#0955d7;--pink:#f02791;--yellow:#ffd029}
.crafted-set{position:relative;container-type:inline-size;isolation:isolate;width:100%;overflow:hidden}
.set-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.mount{position:absolute;z-index:2;overflow:hidden;box-shadow:2px 3px 6px #03163950}
.mount img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mount:hover img{transform:scale(1.025)}
.ticket-arrival{background:var(--pink)}.ticket-art-link{display:block}.ticket-art-link:focus-visible{outline-offset:-8px}
.chapter-tabs{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;padding:22px 4%;background:var(--blue);font-size:10px;letter-spacing:.09em;border-block:1px solid #fff5}
.chapter-tabs a{padding:9px 0;border-bottom:1px solid #fff8}
.cinematic-chapter{background:var(--pink)}.film-postcard{padding:4% 5% 3%;background:#1256c8;position:relative}
.film-heading{text-align:center;margin-bottom:3%;position:relative}.film-heading p{font-size:9px;letter-spacing:.25em}.film-heading h2{font:italic clamp(30px,5vw,80px)/1.1 Georgia,serif;margin-top:12px;text-shadow:1px 3px 0 #073c95}
.film-frame{position:relative;border:8px solid var(--yellow);box-shadow:8px 10px 0 #00265c40}
.film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.film-toggle{position:absolute;bottom:20px;right:20px;border:1px solid white;background:#0748b7;padding:14px 20px;font-size:10px;letter-spacing:.12em;min-height:44px}
.film-note{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:23px;font-size:8px;letter-spacing:.15em}.film-note button{font-size:inherit;letter-spacing:inherit;border-bottom:1px solid white;padding:5px 0}
.book-left{left:26%;top:36.5%;width:20.4%;height:51%}.book-right{left:56.2%;top:36.5%;width:24.5%;height:51%}.book-left img,.book-right img{object-fit:contain;background:#1850a0}
.set-caption{position:absolute;z-index:3;font-size:1cqw;letter-spacing:.1em}.book-caption{bottom:5.5%;left:28%;border-bottom:1px solid #fff8;padding-bottom:.5%}
.niche{top:40.5%;height:40.1%;width:15.1%;border-radius:50% 50% 0 0 / 36% 36% 0 0;box-shadow:inset 0 10px 15px #02245e60}
.niche-one{left:24.8%}.niche-two{left:42.6%}.niche-three{left:60.4%}.niche img{object-position:center top}
.packing-chapter{background:#ea4590}.packing-inventory{padding:40px 6% 45px;background:#e53789;background-image:linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:32px 100%;border-top:8px solid #ffcc2d}
.packing-inventory .menu-rule{font-size:10px}.packing-inventory .section-top{margin-top:28px}.packing-inventory .section-top h2{font-size:clamp(36px,4.6vw,70px)}
.packing-inventory .product{flex-basis:calc((100% - 60px)/4)}.packing-inventory .product .picture{border:7px solid var(--yellow);height:330px;box-shadow:5px 7px 0 #7f194d25;background:white}.product-caption{min-height:55px}.product-caption h3{font-family:Georgia,serif;font-size:17px}.inventory-note{border-top:1px solid #fff6;padding-top:22px;font:italic 20px/1.5 Georgia,serif}
.postcard-chapter{background:#1352bb}.postcard-left{left:25%;top:36.5%;width:11%;height:25.5%}.postcard-middle{left:40.5%;top:36.5%;width:21%;height:25.5%}.postcard-right{left:65.4%;top:36.5%;width:10.9%;height:25.5%}.postcard-middle img{object-fit:contain;background:#1b55a5}
.post-envelope-hotspot{position:absolute;left:40%;top:69%;width:20%;height:13%;z-index:3;transform:rotate(-1deg);font-size:1cqw;letter-spacing:.1em;padding:3%;background:#1352b9;outline:1px dashed #fff8;outline-offset:-5px}.post-envelope-hotspot:hover{transform:rotate(1deg)}
.contact-roll{padding:30px 4% 35px;background:#0a48ae;border-top:7px solid #ffcf2d}.roll-heading{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;margin-bottom:22px}.contact-photos{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-color:white transparent;scrollbar-width:thin}.contact-photos figure{flex:0 0 29%;scroll-snap-align:start;background:#ee448c;padding:9px;box-shadow:4px 5px 0 #00265940}.contact-photos img{height:320px;object-fit:cover;object-position:center}.contact-photos figcaption{font-size:8px;letter-spacing:.12em;padding:16px 5px 8px}
.letter-set{background:#ed4d89}.desk-letter{position:absolute;left:21%;top:17%;width:56%;height:66%;z-index:2;display:flex;flex-direction:column;justify-content:center}.desk-letter .kicker{font-size:.8cqw;letter-spacing:.14em}.desk-letter h2{font-size:4.5cqw;line-height:1.02;letter-spacing:-.04em;margin:2% 0}.desktop-letter{column-count:2;column-gap:6%;margin-top:1%}.desktop-letter p{font:1.13cqw/1.7 Arial,sans-serif;margin:0 0 1em;break-inside:avoid}.letter-signature{font:italic 2.3cqw/1.2 Georgia,serif;margin-top:3%;text-shadow:1px 1px #00225930}.read-letter{display:none}.mobile-letter{display:none}
.return-ticket{position:absolute;left:40%;width:20%;top:47%;text-align:center;font-size:1cqw;letter-spacing:.09em;padding:1.3% 1%;background:#ec4087;border:1px dashed white;box-shadow:3px 5px 0 #00376a40;min-height:30px}
#maha-letter{max-width:720px;padding:55px;background:#0d50b7;border:8px solid #ffd029}#maha-letter>.close{position:absolute;right:14px;top:10px}#maha-letter h2{font-size:56px;margin:20px 0}#maha-letter>p:not(.kicker):not(.letter-signature){font-size:15px;margin-top:20px;line-height:1.8}#maha-letter .letter-signature{font-size:36px;margin-top:25px}
@media(max-width:850px){.chapter-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px 17px;padding:12px 5%;font-size:8px;letter-spacing:.04em}.film-postcard{padding:25px 3% 20px}.film-heading{margin-bottom:20px}.film-heading p{font-size:7px}.film-heading h2{font-size:37px}.film-frame{border-width:4px}.film-toggle{bottom:10px;right:10px;font-size:8px;padding:8px 12px}.film-note{font-size:6px;letter-spacing:.03em;padding:17px 3px 0;gap:10px}.film-note>span:nth-child(2){display:none}.book-caption{font-size:1.8cqw;bottom:6%}.packing-inventory{padding:27px 5% 30px}.packing-inventory .menu-rule{font-size:7px;letter-spacing:.06em}.packing-inventory .section-top{margin-top:22px;gap:12px}.packing-inventory .section-top h2{font-size:34px;margin-top:12px}.packing-inventory .product{flex-basis:73%}.packing-inventory .product .picture{height:320px;border-width:5px}.collection-tabs{gap:17px;font-size:10px}.collection-tabs>span{display:none}.product-caption h3{font-size:16px}.inventory-note{font-size:17px}.post-envelope-hotspot{font-size:1.6cqw;left:37%;width:26%;padding:2%;outline-offset:-3px}.contact-roll{padding:22px 5% 27px}.contact-photos{gap:13px}.contact-photos figure{flex-basis:72%;padding:7px}.contact-photos img{height:310px;object-fit:contain}.roll-heading{font-size:7px;letter-spacing:.04em}.desk-letter{left:22%;top:19%;width:56%;height:63%}.desk-letter .kicker{font-size:1.45cqw;letter-spacing:.02em}.desk-letter h2{font-size:6.5cqw;margin:3% 0}.desktop-letter{display:none}.mobile-letter{display:block;font:2.5cqw/1.5 Georgia,serif}.letter-signature{font-size:3.5cqw;margin-top:4%}.read-letter{display:block;font-size:2cqw;letter-spacing:.03em;border-bottom:1px solid #fff8;align-self:flex-start;padding:3% 0;min-height:30px;margin-top:1%}.return-ticket{font-size:1.7cqw;left:35%;width:30%;padding:2% 1%;min-height:32px}#maha-letter{padding:40px 24px;border-width:5px}#maha-letter h2{font-size:44px}#maha-letter>p:not(.kicker):not(.letter-signature){font-size:14px}}
@media(prefers-reduced-motion:reduce){.mount img{transition:none}.mount:hover img{transform:none}.post-envelope-hotspot:hover{transform:none}}
/* Keep tiny set details decorative; make the active phone controls readable. */
@media(max-width:600px){
  .read-letter{font-size:10px;min-height:44px;margin-top:0;padding:3px 0;}
  .return-ticket{font-size:9px;min-height:44px;left:31%;width:38%;display:flex;align-items:center;justify-content:center;line-height:1.3;}
  .collection-tabs button{min-height:44px;}
  .chapter-tabs a{min-height:44px;display:flex;align-items:center;}
}
/* Let Island Time play without a visible pause overlay; retain keyboard access. */
#film-toggle[aria-label="Pause island film"]:not(:focus-visible){opacity:0;pointer-events:none}
/* Moving postcards belong to the world, edge to edge between still scenes. */
.film-transition{width:100%;margin:0;padding:0;background:var(--blue);overflow:hidden}
.film-transition .film-frame{width:100%;margin:0;padding:0;border:0;box-shadow:none;aspect-ratio:16/9}
.film-transition video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;cursor:pointer}
.arrival-film .film-frame{background:#0955d7}
.arrival-film video{object-fit:contain}
.arrival-controls{position:absolute;inset:auto 16px 16px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}
.arrival-controls button{pointer-events:auto;min-height:44px;padding:10px 14px;border:1px solid #fff9;background:#0748b7e8;color:#fff;font-family:inherit;font-size:10px;line-height:1.2;letter-spacing:.1em;cursor:pointer}
.arrival-controls button:focus-visible{outline:3px solid #ffd029;outline-offset:3px}
.arrival-film.is-playing [data-arrival-playback]:not(:focus-visible){opacity:0;pointer-events:none}
@media(max-width:600px){.arrival-controls{inset:auto 8px 8px}.arrival-controls button{padding:8px 10px;font-size:9px}}

.sneaker-film.is-playing #sneaker-toggle:not(:focus-visible){opacity:0;pointer-events:none}

.packing-inventory .section-top{margin-top:0;margin-bottom:28px}
.clothesline-film.is-playing #clothesline-toggle:not(:focus-visible){opacity:0;pointer-events:none}
#clothesline-toggle{min-width:44px;font-size:20px}

.pineapple-film.is-playing #pineapple-toggle:not(:focus-visible){opacity:0;pointer-events:none}
#pineapple-toggle{min-width:44px;font-size:20px}

.release-film.is-playing #release-toggle:not(:focus-visible){opacity:0;pointer-events:none}
#release-toggle{min-width:44px;font-size:20px}