/* V0.6 refinement study: preserve all original fonts and body sizes. */
@media(max-width:767px){
body[data-mobile-kind=home] .hero h1{font-size:clamp(33px,9vw,39px);line-height:1.3}
body[data-mobile-kind=home] .hero{min-height:490px}
body[data-mobile-kind=home] .hero-content{padding:38px 20px 82px}
body[data-mobile-kind=home] .journey{height:230px}
body[data-mobile-kind=home] .spring-photo{aspect-ratio:2}
body[data-mobile-kind=home] .villa-home-card>img{height:195px}
body[data-mobile-kind=home] .stays article>a>img,body[data-mobile-kind=home] .stays article>img{height:200px!important;object-fit:cover}
body[data-mobile-kind=home] .stays h3{font-size:19px;line-height:1.5;min-height:0}
body[data-mobile-kind=home] .villa-home-card h3{font-size:19px}
body[data-mobile-kind=home] .about-copy h2{font-size:29px;line-height:1.5}
body[data-mobile-kind=bangkok] .community-hero h1{font-size:32px;line-height:1.3}
body[data-mobile-kind=bangkok] .hero-portrait{height:260px}
body[data-mobile-kind=bangkok] .community-hero .hero-copy{padding:28px 20px 24px}
body[data-mobile-kind=bangkok] .community-copy h3{font-size:24px}
body[data-mobile-kind=bangkok] .history-visual img,body[data-mobile-kind=bangkok] .community-visual>img{height:240px}
body[data-mobile-kind=bangkok] .community-thumbs img{height:110px}
body[data-mobile-kind=bangkok] .hotel-main-photo{height:225px}
body[data-mobile-kind=bangkok] .darkpanel h3{font-size:20px}
body[data-mobile-kind=bangkok] .day img{height:180px}
body[data-mobile-kind=bangkok] .dialog-cover{height:180px}
body[data-mobile-kind=bangkok] .dialog-body h2{font-size:21px}
body[data-mobile-kind=bangkok] .community-story{padding:28px 0;gap:18px}
body[data-compact-kind=hotel] .hero h1{font-size:35px;line-height:1.35}
body[data-compact-kind=hotel] .hero{height:calc(74svh - 66px);min-height:460px;max-height:610px}
body[data-compact-kind=hotel] .room-copy h3{font-size:20px;line-height:1.5}
body[data-compact-kind=hotel] .editorial-copy h3,body[data-compact-kind=hotel] .season-content h3{font-size:24px}
body[data-compact-kind=hotel] .dining-card h3{font-size:20px}
body[data-compact-kind=hotel] .image-button img{aspect-ratio:1.9}
body[data-compact-kind=hotel] .editorial img{aspect-ratio:1.6}
body[data-compact-kind=hotel] .story-photo img{aspect-ratio:1.7}
body[data-compact-kind=hotel] .split-pictures img{aspect-ratio:1.85}
body[data-compact-kind=hotel] .quote-band{height:280px}
body[data-compact-kind=hotel] .room-grid{gap:20px}
}

/* Third candidate: another smaller step, original reading text retained. */
@media(max-width:767px){
body[data-mobile-kind=home] .hero h1{font-size:clamp(29px,8vw,34px);line-height:1.3}
body[data-mobile-kind=home] .hero{min-height:440px}
body[data-mobile-kind=home] .hero-content{padding:32px 20px 74px}
body[data-mobile-kind=home] .journey{height:195px}
body[data-mobile-kind=home] .spring-photo{aspect-ratio:2.35}
body[data-mobile-kind=home] .villa-home-card>img{height:165px}
body[data-mobile-kind=home] .stays article>a>img,body[data-mobile-kind=home] .stays article>img{height:170px!important}
body[data-mobile-kind=home] .stays h3,body[data-mobile-kind=home] .villa-home-card h3,body[data-mobile-kind=home] .spring-copy h3{font-size:18px}
body[data-mobile-kind=home] .about-copy h2{font-size:26px}
body[data-mobile-kind=home] .section-head h2,body[data-mobile-kind=home] .spring-special h2{font-size:22px}
body[data-mobile-kind=bangkok] .community-hero h1{font-size:28px}
body[data-mobile-kind=bangkok] .hero-portrait{height:215px}
body[data-mobile-kind=bangkok] .community-hero .hero-copy{padding:23px 20px 20px}
body[data-mobile-kind=bangkok] .section h2{font-size:22px}
body[data-mobile-kind=bangkok] .community-copy h3{font-size:21px}
body[data-mobile-kind=bangkok] .history-visual img,body[data-mobile-kind=bangkok] .community-visual>img{height:205px}
body[data-mobile-kind=bangkok] .community-thumbs img{height:95px}
body[data-mobile-kind=bangkok] .hotel-main-photo{height:190px}
body[data-mobile-kind=bangkok] .darkpanel h3,body[data-mobile-kind=bangkok] .pad h3,body[data-mobile-kind=bangkok] .day h3{font-size:18px}
body[data-mobile-kind=bangkok] .day img{height:155px}
body[data-mobile-kind=bangkok] .dialog-cover{height:155px}
body[data-mobile-kind=bangkok] .dialog-body h2{font-size:19px}
body[data-mobile-kind=bangkok] .community-story{padding:24px 0;gap:15px}
body[data-compact-kind=hotel] .hero h1{font-size:30px}
body[data-compact-kind=hotel] .hero{height:calc(64svh - 66px);min-height:405px;max-height:520px}
body[data-compact-kind=hotel] .section h2{font-size:25px}
body[data-compact-kind=hotel] .room-copy h3,body[data-compact-kind=hotel] .dining-card h3{font-size:18px}
body[data-compact-kind=hotel] .editorial-copy h3,body[data-compact-kind=hotel] .season-content h3{font-size:21px}
body[data-compact-kind=hotel] .image-button img{aspect-ratio:2.2}
body[data-compact-kind=hotel] .editorial img{aspect-ratio:1.9}
body[data-compact-kind=hotel] .story-photo img{aspect-ratio:2}
body[data-compact-kind=hotel] .split-pictures img{aspect-ratio:2.15}
body[data-compact-kind=hotel] .quote-band{height:240px}
}
/* Selected compact candidate: image focal point, project titles, concise process. */
#projects .section-head>p,
#projects .section-head .eyebrow,
#projects .project-entry p{display:none}
@media(max-width:767px){
.spring-card[href="specials/sydney-2027.html"] .spring-photo img{object-position:50% 90%}
.spring-card[href="specials/sydney-2027.html"] .spring-photo>span{top:10px;bottom:auto;left:12px}
#projects .section-head{margin-bottom:12px}
#projects .project-entry{padding:14px 0;gap:10px}
#projects .project-entry h3{margin:0;line-height:1.5}
#process{padding:28px 0}
#process .section-head{margin-bottom:12px}
#process .eyebrow{margin:0 0 8px}
#process h2{margin:0;font-size:22px;line-height:1.4}
#process .section-head>p{margin:8px 0 0;font-size:13px;line-height:1.6}
#process ol{margin:16px 0 0;gap:0}
#process li{padding:11px 0;grid-template-columns:32px minmax(0,1fr);column-gap:10px;row-gap:2px}
#process li>span{font-size:24px;line-height:1.35}
#process h3{font-size:16px;line-height:1.5;margin:0}
#process li p{font-size:13px;line-height:1.65;margin:0}
}
/* Site-wide approved mobile proportions. Maps, floor plans and full-size viewers retain their sizing. */
@media(max-width:767px){
body[data-compact-kind] .section{padding-top:28px;padding-bottom:28px}
body[data-compact-kind] .section-head{margin-bottom:14px}
body[data-compact-kind] h2{font-size:22px;line-height:1.4}
body[data-compact-kind] h3{line-height:1.5}
/* Hotel collection */
body[data-compact-kind=hotel] .section-heading{margin-bottom:20px}
body[data-compact-kind=hotel] .section h2{font-size:25px}
body[data-compact-kind=hotel] .hero-copy{bottom:58px}
body[data-compact-kind=hotel] .hero-sub{margin-top:12px}
body[data-compact-kind=hotel] .hero-link{padding-top:14px}
body[data-compact-kind=hotel] .intro{margin-top:14px}
body[data-compact-kind=hotel] .numbers{margin:20px 0 24px;padding-top:16px}
body[data-compact-kind=hotel] .numbers strong{font-size:27px}
body[data-compact-kind=hotel] .room-copy{padding:16px}
body[data-compact-kind=hotel] .experience>img{aspect-ratio:1.9;object-fit:cover}
body[data-compact-kind=hotel] .experience>div{padding-top:14px}
body[data-compact-kind=hotel] .experience h3,body[data-compact-kind=hotel] .three-notes h3,body[data-compact-kind=hotel] .family-band h3,body[data-compact-kind=hotel] .route h3{font-size:20px}
body[data-compact-kind=hotel] .editorial{gap:18px;margin:20px 0}
body[data-compact-kind=hotel] .editorial-copy h3{margin-bottom:12px}
body[data-compact-kind=hotel] .family-band{gap:18px;margin-top:22px}
body[data-compact-kind=hotel] .family-band>img{aspect-ratio:1.9}
body[data-compact-kind=hotel] .contact{padding:32px 0}
body[data-compact-kind=hotel] .contact h2{font-size:26px;margin:14px 0}
body[data-compact-kind=hotel] .quote-band>div>p:last-child{font-size:21px}
/* Reference itineraries */
body[data-mobile-kind=journey] .plan-hero h1{font-size:27px}
body[data-mobile-kind=journey] .plan-hero{min-height:260px;padding-top:32px;padding-bottom:32px}
body[data-mobile-kind=journey] .plan-lead{padding-top:24px;padding-bottom:24px}
body[data-mobile-kind=journey] .plan-section-head{margin-top:24px;margin-bottom:14px}
body[data-mobile-kind=journey] .plan-gallery img{height:165px;object-fit:cover}
body[data-mobile-kind=journey] .plan-hotel img{height:170px;object-fit:cover}
body[data-mobile-kind=journey] .plan-day-body{padding:14px}
body[data-mobile-kind=journey] .plan-day summary{padding:12px;min-height:44px}
/* MICE editorial */
body[data-mobile-kind=mice] .mb-hero{min-height:300px;padding-top:34px;padding-bottom:34px}
body[data-mobile-kind=mice] .mb-hero h1{font-size:28px}
body[data-mobile-kind=mice] .mb-section{padding-top:28px;padding-bottom:28px}
body[data-mobile-kind=mice] .mb-heading{margin-bottom:16px}
body[data-mobile-kind=mice] .mb-grid{gap:16px}
body[data-mobile-kind=mice] .mb-grid img{height:175px;object-fit:cover}
body[data-mobile-kind=mice] .mb-steps{gap:14px}
/* Australia Spring Festival products and recommendation dialogs */
body[data-mobile-kind=special] .hero-inner{padding-top:28px;padding-bottom:42px}
body[data-mobile-kind=special] .hero h1{font-size:28px;margin:12px 0}
body[data-mobile-kind=special] .section-intro{margin-bottom:18px}
body[data-mobile-kind=special] .card,body[data-mobile-kind=special] .day{padding:14px}
body[data-mobile-kind=special] .pad,body[data-mobile-kind=special] .rbody{padding:14px}
body[data-mobile-kind=special] .card h3,body[data-mobile-kind=special] .day h3,body[data-mobile-kind=special] .explore-card h3{font-size:18px}
body[data-mobile-kind=special] .editorial-photo{height:155px;object-fit:cover}
body[data-mobile-kind=special] .day-real-photo{height:auto;aspect-ratio:2.1;object-fit:cover;margin-bottom:12px}
body[data-mobile-kind=special] .explore-card>img{height:160px;object-fit:cover}
body[data-mobile-kind=special] .mosaic img{max-height:230px;object-fit:cover}
body[data-mobile-kind=special] .modalhero{min-height:180px}
body[data-mobile-kind=special] .explore-modal-hero{height:180px;min-height:0}
body[data-mobile-kind=special] .modal h2,body[data-mobile-kind=special] .explore-modal-title{font-size:22px}
body[data-mobile-kind=special] .modal h3{font-size:18px}
/* Villa index, destinations and individual properties */
body[data-mobile-kind=villa] .villa-intro{padding:24px 0;gap:18px}
body[data-mobile-kind=villa] .villa-intro h1{font-size:30px!important;margin:12px 0}
body[data-mobile-kind=villa] .villa-intro .villa-lead{font-size:15px}
body[data-mobile-kind=villa] .villa-intro figure>img{height:220px}
body[data-mobile-kind=villa] .villa-promises{padding:18px 0;gap:12px}
body[data-mobile-kind=villa] .villa-destination{height:160px}
body[data-mobile-kind=villa] .villa-destination h3{font-size:18px!important}
body[data-mobile-kind=villa] .villa-grid{gap:18px}
body[data-mobile-kind=villa] .villa-card-photo img{height:auto;aspect-ratio:2.1}
body[data-mobile-kind=villa] .villa-card-copy{padding:12px 0}
body[data-mobile-kind=villa] .villa-card-copy h3{font-size:20px!important;line-height:1.35}
body[data-mobile-kind=villa] .villa-card-copy .text-link{padding-top:12px}
body[data-mobile-kind=villa] .villa-destination-hero{height:280px}
body[data-mobile-kind=villa] .villa-destination-hero h1{font-size:31px!important}
body[data-mobile-kind=villa] .villa-destination-hero p{font-size:14px!important}
body[data-mobile-kind=villa] .villa-property-top h1{font-size:27px!important;line-height:1.3!important}
body[data-mobile-kind=villa] .villa-main-photo{height:215px}
body[data-mobile-kind=villa] .villa-side-photo{height:150px}
body[data-mobile-kind=villa] .villa-gallery img{aspect-ratio:1.9;object-fit:cover}
body[data-mobile-kind=villa] .villa-gallery{gap:18px}
body[data-mobile-kind=villa] .villa-before,body[data-mobile-kind=villa] .villa-story,body[data-mobile-kind=villa] .villa-services,body[data-mobile-kind=villa] .villa-booking{gap:18px}
body[data-mobile-kind=villa] .villa-highlights article{gap:12px;padding-bottom:14px;margin-bottom:14px}
body[data-mobile-kind=villa] .villa-highlights h3{font-size:18px}
body[data-mobile-kind=villa] .villa-before{padding:28px 0}
body[data-mobile-kind=villa] .villa-cta{padding:28px 0}
/* Project handbooks retain all day-by-day content and maps */
body[data-mobile-kind=team] .section{padding:28px 16px}
body[data-mobile-kind=team] .hero h1{font-size:27px}
body[data-mobile-kind=team] .section-title{font-size:22px}
body[data-mobile-kind=team] .section-header{margin-bottom:20px}
body[data-mobile-kind=team] .timeline-card{padding:14px}
body[data-mobile-kind=team] .spot-detail-img{max-height:180px;object-fit:cover}
body[data-mobile-kind=handbook] .hero{padding:16px}
body[data-mobile-kind=handbook] h1{font-size:24px}
body[data-mobile-kind=handbook] .section-head{padding:14px}
body[data-mobile-kind=handbook] .section-body{padding:14px}
body[data-mobile-kind=handbook] .day-card{padding:14px}
body[data-mobile-kind=handbook] .attraction-media img{height:160px;object-fit:cover}
}
@media(max-width:767px){
body[data-mobile-kind=mice] .mb-hero{gap:22px}
body[data-mobile-kind=mice] .mb-hero figure>img{height:195px;object-fit:cover}
body[data-mobile-kind=team] .hero{min-height:0;height:auto}
body[data-mobile-kind=team] .hero-content{padding:92px 20px 64px}
body[data-mobile-kind=team] .hero-logo{padding:12px 18px;margin-bottom:20px}
body[data-mobile-kind=team] .hero-title{margin:18px 0;font-size:27px}
body[data-mobile-kind=team] .hero-meta{margin-top:24px;gap:18px}
body[data-mobile-kind=special] .explore-modal-title h3{font-size:22px;line-height:1.4}
body[data-mobile-kind=special] .explore-body{padding:18px 16px 24px}
body[data-mobile-kind=special] .explore-block{padding:14px}
}