/* Selected mobile option 04. Desktop hero remains approved layout. */
.fixed-hero-announcement{display:none}
@media(max-width:760px){
body[data-design=c] .fixed-hero-announcement{display:block;position:absolute;left:0;right:0;bottom:0;z-index:15;pointer-events:none;background:#304e37;color:#fffbed;padding:14px 18px 13px;text-align:center}
.fixed-hero-announcement .fixed-title{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.45;letter-spacing:.035em}
.fixed-hero-announcement .fixed-title span{display:block;font-size:20px;font-weight:500}
.fixed-hero-announcement .fixed-title strong{display:block;font-size:25px;font-weight:600;white-space:nowrap}
.fixed-hero-announcement .fixed-free{margin:8px 0 0;font-size:18px;line-height:1.5;font-weight:600;letter-spacing:.06em;color:#fffdf0}
.fixed-hero-announcement .fixed-free b{font-size:22px;font-weight:700}
body[data-design=c] .scene .region{display:none}
body[data-design=c] .scene:first-child h1{top:28px;left:21px;font-size:26px;line-height:1.8;letter-spacing:.06em;max-height:calc(100% - 175px)}
body[data-design=c] .scene:first-child h1 span:first-child{display:block;animation-delay:.45s}
body[data-design=c] .scene:first-child h1 span:nth-child(2){animation-delay:1.3s}
body[data-design=c] .scene:first-child h1 span:nth-child(3){animation-delay:2.1s}
body[data-design=c] .scene:nth-child(2) h2{top:28px;left:22px;right:22px;font-size:25px;line-height:1.65}
body[data-design=c] .scene:nth-child(3) h2{top:28px;left:21px;font-size:26px}
body[data-design=c] .ending .free{display:none}
body[data-design=c] .ending .end-content{padding:35px 22px 174px}
}
@media(max-width:350px){.fixed-hero-announcement .fixed-title span{font-size:19px}.fixed-hero-announcement .fixed-title strong{font-size:22px}body[data-design=c] .ending .end-content{padding-inline:16px}}
@media(max-width:760px) and (max-height:650px){body[data-design=c] .ending .end-content{padding-top:20px;padding-bottom:155px}body[data-design=c] .ending .end-intro{font-size:23px;line-height:1.5;margin-bottom:18px}body[data-design=c] .ending .booking-card{padding:17px 12px}body[data-design=c] .ending .cta{margin-top:16px;padding:14px 10px;min-height:50px}}

/* Desktop adaptation of the selected deep-green announcement. */
@media(min-width:761px){
body[data-design=c] .fixed-hero-announcement{display:flex;position:absolute;inset:auto 0 0;z-index:15;align-items:center;justify-content:center;gap:32px;min-height:84px;padding:18px 30px;background:#304e37;color:#fffbed;text-align:center;pointer-events:none;box-sizing:border-box}
.fixed-hero-announcement .fixed-title{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.5;letter-spacing:.035em;font-size:clamp(20px,2vw,29px);font-weight:600}
.fixed-hero-announcement .fixed-title span,.fixed-hero-announcement .fixed-title strong{display:inline;font-size:inherit;font-weight:inherit;white-space:nowrap}
.fixed-hero-announcement .fixed-free{margin:0;padding-left:32px;border-left:1px solid #ffffff50;font-size:21px;font-weight:600;white-space:nowrap;line-height:1.5;color:#fffdf0}
.fixed-hero-announcement .fixed-free b{font-size:26px;font-weight:700}
body[data-design=c] .scene .region,body[data-design=c] .ending .free{display:none}
body[data-design=c] .ending .end-content{padding-bottom:100px}
}
@media(min-width:761px) and (max-width:1000px){body[data-design=c] .fixed-hero-announcement{gap:20px;padding-inline:20px}.fixed-hero-announcement .fixed-free{padding-left:20px;font-size:18px}.fixed-hero-announcement .fixed-free b{font-size:23px}}

body.embedded-story .film{height:100svh;min-height:0;max-height:none}
@media(max-width:760px) and (max-height:540px){
body.embedded-story[data-design=c] .ending .end-content{padding:14px 20px 145px}
body.embedded-story[data-design=c] .ending .end-intro{font-size:22px;line-height:1.45;margin:0 0 12px}
body.embedded-story[data-design=c] .ending .booking-card{padding:12px}
body.embedded-story[data-design=c] .ending .booking-card h2{font-size:21px;line-height:1.5}
body.embedded-story[data-design=c] .ending .cta{margin-top:12px;padding:12px;min-height:46px;font-size:15px}
}

/* Selected readability mock 01: warm white haze, mobile only. */
@media(max-width:760px){
body[data-design=c] .scene:not(.ending) .shade{background:linear-gradient(90deg,#f8f6effa 0%,#f8f6efeb 25%,#f8f6ef94 43%,#f8f6ef00 65%)}
body[data-design=c] .scene:nth-child(2) .shade{background:linear-gradient(180deg,#f8f6effa 0px,#f8f6efee 100px,#f8f6ef99 145px,#f8f6ef00 210px)}
body[data-design=c] .scene:nth-child(2) .photo{object-position:center top;transform:translateY(64px)}
body[data-design=c] .scene:not(.ending) h1,body[data-design=c] .scene:not(.ending) h2{color:#213e2b;font-weight:600;text-shadow:none}
}
