/* RADAR TRAVEL R7 — seasonal homepage and warm surfaces; public UI only. */
:root{color-scheme:light}
.r4-home{background:#faf7f0;color:#142b4d}
.r4-home .site-header{background:#fffdf9}
.r4-home .r4-hero{background-color:#123b67;background-image:url('/assets/hero-winter-r7.webp');background-size:cover;background-position:center 47%;}
html[data-travel-season="summer"] .r4-home .r4-hero{background-image:url('/assets/hero-summer-r7.webp')}
/* Deliberately subtle navy only at far left; the rest of the landscape remains visible. */
.r4-home .r4-hero::before{background:linear-gradient(90deg,rgba(9,37,78,.69) 0%,rgba(9,37,78,.57) 13%,rgba(9,37,78,.30) 23%,rgba(9,37,78,.07) 32%,rgba(9,37,78,0) 41%)}
.r4-home .r4-hero::after{background:linear-gradient(0deg,rgba(4,30,62,.18),transparent 75%)}
.r4-home .r4-hero h1,.r4-home .r4-promise,.r4-home .r4-tagline{text-shadow:0 2px 5px rgba(0,18,45,.85),0 0 18px rgba(0,18,45,.50)}
.r4-home .r4-world,.r4-home .featured,.r4-home .destination-section,.r4-home .experiences{background:#faf7f0}
.r4-home .r6-search-panel{background:#fffaf1;border:1px solid #e8decd;box-shadow:0 13px 30px rgba(53,47,36,.12)}
.r4-home .r6-field{background:#fffaf3;border:2px solid #79a8df;border-radius:12px;transition:border-color .16s,box-shadow .16s}
.r4-home .r6-field:focus-within{border-color:#0863ce;box-shadow:0 0 0 3px rgba(35,120,231,.15)}
.r4-home .r6-field select,.r4-home .r6-field input{background:transparent}
.r4-home .service-tile{background:linear-gradient(165deg,#fffdf8,#f8f0e4);border-color:#ede2ce}
.r4-home .stay-card,.r4-home .experience-card,.r4-home .confidence-points>div{background:#fffdf8;border-color:#e9ddc9}
.r4-home .confidence{background:#f5eddf}
.r4-home .r6-search-submit{background:#ffca4c}
.r4-home .r6-search-submit:hover{background:#ffbd25}
.r4-home .r6-invitation{background:linear-gradient(145deg,#1166bb,#0b3d85)}
.r4-home .preview-ribbon{background:#f7f0e6}
@media (max-width:760px){
 .r4-home .r4-hero{background-position:64% center}
 .r4-home .r4-hero::before{background:linear-gradient(90deg,rgba(5,28,62,.76) 0%,rgba(5,28,62,.60) 30%,rgba(5,28,62,.22) 66%,rgba(5,28,62,.06) 100%)}
 .r4-home .r6-field{border-width:1.5px}
}