/* Ivory cinematic gallery; colour is confined to type, routes and reflection. */
#range,#range .range-heading,#range .gallery-arrival,#range .gallery-departure.route-architecture{background:#f6f4ed!important}
#range .range-heading{padding-bottom:48px}
#range .range-stage{background:radial-gradient(ellipse at 50% 40%,#e8e1d1 0%,#f2eee4 42%,#f6f4ed 75%)}
#range .gallery-departure.route-architecture{height:58px!important}
#range .range-top,#range .range-sound,#range .range-sound:hover{color:#776c56}
#range .range-controls.route-stops .route-stop-name{color:var(--stop-colour)!important}
#range .range-controls.route-stops>button[aria-pressed=true] .route-stop-name{color:var(--stop-colour)!important}
#range .range-controls.route-stops .ink-name:after{color:var(--stop-colour)!important}
#range .range-controls.route-stops .route-stop-abv,#range .range-controls.route-stops>button:before{color:#84775f}
#range .range-info h3{color:#292621}
#range .range-info .eyebrow{color:var(--accent)}
#range .range-info .range-description{color:#6b665d}
#range .range-info>#range-tag{color:#877650}
#range .range-spec strong,#range .range-spec strong span,#range .mobile-spec-rail strong{color:#a1874d}
#range .range-spec small,#range .mobile-spec-rail small{color:#7e7363}
#range .range-info #enquire-product,#range .range-info #enquire-product:hover{color:#38352d}
#range .installation-can>.can,#range .installation-can[data-slot=centre]>.can{filter:drop-shadow(3px 17px 11px #655c4630)}
#range .installation-can[data-slot=left],#range .installation-can[data-slot=right]{filter:none;opacity:.66}
#range .installation-can[data-slot=outer-left],#range .installation-can[data-slot=outer-right]{filter:none;opacity:.38}
#range .range-word{opacity:1;color:color-mix(in srgb,var(--word-colour) 24%,transparent);-webkit-text-stroke:.35px #b4a38330}
#range .range-word::after{content:attr(data-name);position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-stroke:0;background:linear-gradient(102deg,transparent 15%,var(--word-colour) 36%,#dbc898 43%,var(--word-colour) 47%,transparent 55%,var(--word-colour) 65%,transparent 82%);background-size:220% 100%;background-position:50% 0;background-clip:text;-webkit-background-clip:text;opacity:0;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 70%);mask-size:25% 150%;mask-position:center;mask-repeat:no-repeat}
#range.colour-current .range-word::after{animation:scads-colour-refraction 1.1s cubic-bezier(.22,.6,.2,1) both}
#range .range-display:before{border:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--gallery-accent) 9%,transparent),transparent 68%);height:20px;width:230px}
#range .colour-current-route{position:absolute;bottom:10px;left:50%;translate:-50% 0;width:min(570px,95%);height:65px;overflow:visible;pointer-events:none}
#range .current-track{fill:none;stroke:#b49a6250;stroke-width:.65}
#range .current-trace{fill:none;stroke:var(--gallery-accent);stroke-width:1;stroke-dasharray:12 88;stroke-dashoffset:100;opacity:0}
#range .current-node{fill:#b49a62;opacity:.5}
#range.colour-current .current-trace{animation:scads-route-current 1.1s ease-in-out both}
#range.colour-current .current-node{animation:scads-current-arrival 1.1s ease-out both}
@keyframes scads-colour-refraction{0%{opacity:0;mask-size:15% 150%;background-position:50% 0}18%{opacity:.85;mask-size:50% 150%}60%{opacity:.75;mask-size:180% 150%;background-position:15% 0}100%{opacity:0;mask-size:250% 150%;background-position:0% 0}}
@keyframes scads-route-current{0%{opacity:0;stroke-dashoffset:100}15%{opacity:.8}85%{opacity:.8}100%{opacity:0;stroke-dashoffset:0}}
@keyframes scads-current-arrival{0%,75%{fill:#b49a62;opacity:.5}88%{fill:var(--gallery-accent);opacity:1}100%{fill:#b49a62;opacity:.5}}
@media(max-width:700px){
 #range .range-heading{padding-bottom:38px}
 #range .gallery-departure.route-architecture{height:38px!important}
 #range .installation-can[data-slot=left],#range .installation-can[data-slot=right]{opacity:.42}
 #range .installation-can[data-slot=outer-left],#range .installation-can[data-slot=outer-right]{opacity:0}
 #range .range-word{opacity:1}
 #range .colour-current-route{width:95%;bottom:14px;height:45px}
}
@media(prefers-reduced-motion:reduce){#range.colour-current .range-word::after,#range.colour-current .current-trace,#range.colour-current .current-node{animation:none}}
body.motion-paused #range .range-word::after,body.motion-paused #range .current-trace,body.motion-paused #range .current-node{animation:none}

/* Quiet champagne wordmark with one metallic pass on selection. */
#range .range-word{color:#aa926432;-webkit-text-stroke:.4px #b49a6245}
#range .range-word::after{background:linear-gradient(105deg,transparent 33%,#ad874c55 42%,#ead7a9cc 49%,#bc965d88 55%,transparent 65%);background-size:250% 100%;background-position:120% 0;mask-image:none;opacity:0}
#range.colour-current .range-word::after{animation:scads-gallery-gold-pass 1.8s cubic-bezier(.2,.6,.25,1) both}
@keyframes scads-gallery-gold-pass{0%{opacity:0;background-position:120% 0}15%{opacity:.8}80%{opacity:.75}100%{opacity:0;background-position:-20% 0}}
#range .range-controls [data-product="2"]{--stop-colour:#a1874d!important}
#range .range-controls [data-product="5"]{--stop-colour:#747579!important}
@media(prefers-reduced-motion:reduce){#range.colour-current .range-word::after{animation:none}}
body.motion-paused #range.colour-current .range-word::after{animation:none}