/* A single interactive flavour scene, with the image feathered into the room. */
body[data-room-theme="home"] #range{--range-glow:rgba(182,27,43,.25);padding:70px 4% 55px;overflow:hidden;background-image:radial-gradient(ellipse at 76% 45%,var(--range-glow),transparent 58%),linear-gradient(105deg,rgba(42,3,12,.91),rgba(70,4,15,.73)),url("assets/page-flavours-v83.webp");background-size:cover;background-position:center;transition:background .35s}
body[data-room-theme="home"] #range[data-range-active="cherry"]{--range-glow:rgba(142,36,78,.34)}
body[data-room-theme="home"] #range[data-range-active="lime"]{--range-glow:rgba(123,153,39,.30)}
body[data-room-theme="home"] #range[data-range-active="vanilla"]{--range-glow:rgba(202,169,105,.23)}
body[data-room-theme="home"] #range[data-range-active="orange"]{--range-glow:rgba(210,96,37,.30)}
body[data-room-theme="home"] #range .range-layout{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"image heading" "image copy";gap:0 2%;align-items:start;margin-top:0}
body[data-room-theme="home"] #range .range-heading{grid-area:heading;padding:35px 5% 12px}
body[data-room-theme="home"] #range .range-heading .eyebrow{margin-bottom:18px}
body[data-room-theme="home"] #range .range-heading h2{font-size:clamp(52px,5.5vw,88px);line-height:.9}
body[data-room-theme="home"] #range .range-figure{grid-area:image;margin-left:-4vw;min-width:0;width:calc(100% + 4vw)}
body[data-room-theme="home"] #range .range-figure img{height:clamp(620px,65vw,820px);object-fit:cover;object-position:center 40%}
body[data-room-theme="home"] #range .range-copy{grid-area:copy;width:100%;padding:0 5% 15px}
.range-guide{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px;font-size:9px;font-weight:600;letter-spacing:.13em;opacity:.76}
body[data-room-theme="home"] #range .range-buttons button{min-height:64px;gap:16px}
body[data-room-theme="home"] #range .range-buttons strong{font-size:clamp(22px,2.2vw,31px)}
body[data-room-theme="home"] #range .range-buttons button[aria-pressed="true"]{padding-left:12px}
body[data-room-theme="home"] #range .range-copy>p#range-description{min-height:0;margin-top:19px;font-size:13px}
body[data-room-theme="home"] #range .range-all{display:inline-flex;margin-top:18px}
body[data-room-theme="home"] #range .range-copy>.disclosure{margin-top:14px}
@media(max-width:700px){
 body[data-room-theme="home"] #range{padding:50px 5% 35px;background-size:cover,cover,auto 900px;background-position:center,center,left top;background-repeat:no-repeat,no-repeat,repeat-y}
 body[data-room-theme="home"] #range .range-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"heading" "image" "copy";gap:0}
 body[data-room-theme="home"] #range .range-heading{padding:0 0 16px}
 body[data-room-theme="home"] #range .range-heading h2{font-size:clamp(50px,12vw,70px)}
 body[data-room-theme="home"] #range .range-figure{margin:0 -5vw;width:calc(100% + 10vw)}
 body[data-room-theme="home"] #range .range-figure img{height:480px}
 body[data-room-theme="home"] #range .range-copy{padding:15px 0 5px}
 body[data-room-theme="home"] #range .range-buttons button{min-height:57px}
 body[data-room-theme="home"] #range .range-buttons strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){body[data-room-theme="home"] #range{transition:none}}