@media(max-width:700px){
 .header{padding:0 18px}
 .header.has-back{padding-left:60px}
 .hero{flex-direction:column;align-items:stretch;gap:0}
 .hero-scene{order:0;flex:0 0 360px;width:100%;max-width:none;height:360px;min-height:360px;max-height:360px;margin:0;border-radius:0}
 .hero-copy{order:1;flex:0 0 auto;width:100%;max-width:none;padding:42px 20px 38px}
 .hero h1{font-size:46px;line-height:1}
 .hero-copy>p{font-size:16px;line-height:1.65}
 .hero-actions{gap:14px;margin:24px 0}
 .hero-actions .btn{white-space:normal}
 .section{padding:58px 20px}
 .intro h2,.section-head h2,.why h2,.contact h2{font-size:38px;line-height:1}
 .journey-box{width:calc(100% - 28px);padding:24px 18px}
 .journey-form{align-items:stretch}
 .journey-form label{flex:1 1 100%;min-width:0}
 .journey-form .btn{height:auto;min-height:48px;white-space:normal}
 .package-body{padding:20px}
 .package-body h3{font-size:28px;line-height:1.08}
 .enquiry{min-width:0;padding:24px 18px}
 .enquiry .btn{white-space:normal}
 .modal-backdrop{padding:12px;align-items:start;overflow-y:auto}
 .welcome-modal{width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;grid-template-columns:1fr}
 .modal-content{padding:30px 22px}
 .modal-content h2{font-size:39px;line-height:1}
 .modal-content form{min-width:0}
 .modal-content input,.modal-content select{width:100%;min-width:0;font-size:16px}
 .pd-inner.section{padding:36px 20px 70px}
 .pd-cta .btn{white-space:normal;min-width:0;flex:1 1 100%}
 footer{padding:28px 20px;flex-direction:column;align-items:flex-start}
}