@media(max-width:900px){
/* Pool Arrival: the swipe deck becomes the full welcome surface. */
.header-arrival header{position:absolute;inset:16px 20px auto;z-index:20;margin:0;padding:0;height:50px;border-radius:0;background:transparent;box-shadow:none;color:#faf8ee}
.header-arrival .brand{font-size:25px;text-shadow:0 2px 14px #122b29}.header-arrival .brand span{color:#e1e8cf}.header-arrival header>.button{background:#f1f1df;color:#254338;min-height:39px;padding:9px 14px}.header-arrival .menu{background:#213c35b3;border-color:#eee7;color:#f5f5e9}
.header-arrival header nav{background:#243d34;color:#faf7e9}
.header-arrival .hero{margin:0 0 22px;padding:0;position:relative;display:flex}
.header-arrival .mobile-stack{order:0;margin:0;overflow:clip;border-radius:0 0 38px 38px;background:#d8e0d1}
.header-arrival .stack-stage{height:620px;margin:0 12px;padding:0}
.header-arrival .stack-card{inset:0 0 15px;border:0;border-radius:0 0 34px 34px;box-shadow:0 10px 20px #182e322b}
.header-arrival .stack-card:after{inset:0;background:linear-gradient(180deg,#132d3480,transparent 38%,#173c3aee 98%)}
.header-arrival .stack-card img{object-position:50% 45%}.header-arrival .stack-card[data-depth="1"]{transform:translate(3px,8px) scale(.98) rotate(2deg)}.header-arrival .stack-card[data-depth="2"]{transform:translate(-3px,14px) scale(.96) rotate(-2deg)}
.header-arrival .hero-copy{position:absolute;top:338px;left:32px;right:32px;z-index:5;padding:0;pointer-events:none;color:#f5f5e9}.header-arrival .hero-copy h1{font-size:48px;line-height:.99;max-width:310px}.header-arrival .hero-copy h1 span{color:#d5dfba}.header-arrival .place{margin-bottom:14px;color:#e5ebde}.header-arrival .place-dot{background:#d5dfba}.header-arrival .hero-description{font-size:12px;line-height:1.6;margin:16px 0 0;color:#edf0e3;max-width:285px}
.header-arrival .stack-label{top:96px;bottom:auto;left:20px;font-size:13px;letter-spacing:0;max-width:230px}.header-arrival .stack-label small{font-size:9px}.header-arrival .stack-label:after{display:none}
.header-arrival .stack-controls{margin:0 25px;padding:0 0 9px}.header-arrival .stack-hint{display:none}.header-arrival .hero-facts-below{order:2;margin:16px 5% 0;width:90%;padding:19px;background:#f8f6ed}
/* Floating Welcome: a header nested inside the photo, then an overlapping welcome sheet. */
.header-floating header{position:absolute;top:30px;left:8%;right:8%;height:56px;margin:0;padding:0 14px;background:#f8f7eeeF;border-radius:99px;z-index:20;box-shadow:0 10px 35px #1a31292b}.header-floating .brand{font-size:23px}.header-floating header>.button{padding:9px 13px;font-size:11px;min-height:38px}.header-floating .menu{font-size:10px;padding:8px 10px;min-height:38px}
.header-floating .hero{margin:12px 4% 24px;display:flex;gap:0}
.header-floating .mobile-stack{order:0;margin:0;position:relative;padding-bottom:55px}.header-floating .stack-stage{height:450px;margin:0 4px;perspective:1100px}.header-floating .stack-card{inset:0 0 0;border:0;border-radius:35px;box-shadow:0 18px 35px #23372a26}.header-floating .stack-card[data-depth="1"]{transform:translate(7px,11px) rotate(3deg) scale(.96)}.header-floating .stack-card[data-depth="2"]{transform:translate(-7px,22px) rotate(-3deg) scale(.92)}
.header-floating .stack-label{bottom:95px;left:24px;font-size:18px}.header-floating .stack-label:after{display:none}.header-floating .stack-card:after{inset:45% 0 0;background:linear-gradient(transparent,#102e31c9)}
.header-floating .hero-copy{order:1;position:relative;z-index:5;margin:-137px 16px 0;padding:26px 24px 22px;background:#f8f6ee;border-radius:30px;box-shadow:0 15px 40px #31433215;pointer-events:none}.header-floating .hero h1{font-size:39px;line-height:1.03}.header-floating .place{font-size:10px;margin-bottom:12px}.header-floating .hero-description{font-size:12px;margin-top:15px;line-height:1.6}.header-floating .stack-controls{position:absolute;left:14px;right:14px;top:454px;margin:0;z-index:8}.header-floating .stack-dots{visibility:hidden}.header-floating .stack-arrow{width:40px;height:40px;position:relative}.header-floating .stack-hint{display:none}.header-floating .hero-facts-below{order:2;background:transparent;padding:22px 12px 0;margin-top:4px;box-shadow:none}
/* Photo Journal: identity and navigation sit on the card; headline is an oversized caption. */
.header-journal{background:#dce3d6}.header-journal header{margin:0;padding:18px 6% 12px;height:83px;background:transparent;border-radius:0;box-shadow:none;gap:10px}.header-journal .brand{font-size:28px;line-height:.9;max-width:120px;white-space:normal}.header-journal .brand span{display:block}.header-journal header>.button{padding:9px 16px;background:#294838}.header-journal .menu{padding:8px 12px}
.header-journal .hero{margin:4px 5% 24px;display:flex}.header-journal .mobile-stack{order:0;margin:0}.header-journal .stack-stage{height:395px;margin:5px 8px 0}.header-journal .stack-card{inset:12px 0 8px;border:4px solid #f8f7ed;border-radius:110px 24px 24px 24px}.header-journal .stack-card[data-depth="1"]{transform:translate(8px,2px) rotate(5deg) scale(.96)}.header-journal .stack-card[data-depth="2"]{transform:translate(-7px,4px) rotate(-5deg) scale(.94)}.header-journal .stack-label{bottom:22px;left:23px;font-size:17px}.header-journal .stack-label small{font-size:9px}.header-journal .stack-controls{margin:0 4px;justify-content:flex-end;gap:8px;position:absolute;right:15px;bottom:-27px;z-index:6}.header-journal .stack-arrow{background:#f8f6eb;box-shadow:0 4px 12px #29423418}.header-journal .stack-dots{display:none}.header-journal .stack-hint{display:none}
.header-journal .hero-copy{order:1;padding:21px 5px 0;z-index:4;pointer-events:none}.header-journal .place{font-size:10px;margin:2px 0 17px;max-width:160px}.header-journal .hero h1{font-size:49px;letter-spacing:-.065em;line-height:1.0}.header-journal .hero h1 span{color:#476b51}.header-journal .hero-description{font-size:12px;line-height:1.65;margin-top:16px;max-width:305px}.header-journal .hero-facts-below{order:2;margin:22px 0 0;padding:18px 20px;border-radius:22px;background:#f7f6ed}
}
@media(max-width:360px){.header-arrival header{left:22px;right:22px;gap:8px}.header-arrival .brand{font-size:21px}.header-arrival header>.button{padding:9px 11px;font-size:10px}.header-arrival .menu{padding:8px 9px;font-size:10px}.header-arrival .hero-copy{left:28px;right:28px;top:335px}.header-arrival .hero-copy h1{font-size:41px}.header-arrival .stack-stage{height:620px}.header-floating header{left:7%;right:7%;padding:0 11px;gap:7px}.header-floating .brand{font-size:20px}.header-floating header>.button{padding:8px 10px;font-size:10px}.header-floating .hero-copy{padding:25px 18px;margin-left:11px;margin-right:11px}.header-floating .hero h1{font-size:35px}.header-floating .hero-description{font-size:11px}.header-floating .stack-controls{left:8px;right:8px}.header-floating .stack-stage{height:435px}.header-floating .stack-controls{top:439px}.header-journal .hero h1{font-size:43px}.header-journal .stack-stage{height:355px}.header-journal .brand{font-size:26px}}
@media(max-width:900px){
.header-floating .stack-controls{top:281px;left:auto;right:22px;gap:8px}.header-floating .stack-dots{display:none}.header-floating .stack-arrow{background:#f5f5e6eF;border-color:#eee8}
.header-floating .stack-card[data-depth="1"]{transform:translate(4px,10px) rotate(2deg) scale(.93)}.header-floating .stack-card[data-depth="2"]{transform:translate(-4px,20px) rotate(-2deg) scale(.90)}
.header-journal .stack-card[data-depth="1"]{transform:translate(4px,4px) rotate(2deg) scale(.95)}.header-journal .stack-card[data-depth="2"]{transform:translate(-4px,8px) rotate(-2deg) scale(.92)}
.header-floating .mobile-stack,.header-journal .mobile-stack{overflow:clip;overflow-clip-margin:10px}
}
@media(max-width:360px){.header-floating .stack-controls{top:267px;left:auto;right:17px}}
@media(max-width:900px){.header-floating .mobile-stack,.header-journal .mobile-stack{overflow:visible}.header-floating .stack-stage,.header-journal .stack-stage{overflow:clip;overflow-clip-margin:10px}}