/* Motion is decorative: content, controls and focus remain available immediately. */
.sc-reading-progress{position:fixed;left:0;top:0;width:100%;height:5px;background:#b4d36f;z-index:999;pointer-events:none;transform-origin:left;transform:scaleX(0)}
#superior-concept .sc-department-nav a.sc-section-current{background:#d5ed8a;border-color:#789b45}
#superior-concept dialog[open]{animation:sc-dialog-arrive .2s ease-out}
#superior-concept dialog[open]::backdrop{animation:sc-backdrop-arrive .2s ease-out}
@keyframes sc-dialog-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes sc-backdrop-arrive{from{opacity:0}to{opacity:1}}
#superior-concept .sc-calendar-grid button.sc-rental-range:not(:disabled){background:#d5ed8a;color:#17271f;border-color:#9ab767}
#superior-concept .sc-calendar-grid button.sc-rental-range[aria-pressed=true]{background:#315739;color:#fff}
#superior-concept .sc-calendar-grid button.sc-rental-range-end:not(:disabled){box-shadow:inset -3px 0 #789b45}
#superior-concept .sc-finder-progress{position:relative}
#superior-concept .sc-finder-progress:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:calc((100% - 28px)/3);background:#789b45;transform:translateX(calc(var(--finder-step,0) * (100% + 14px)));transition:transform .24s ease}
#superior-concept .sc-finder-progress .is-current{border-color:#dfe3d7}
#superior-concept .sc-finder-product-grid{transition:opacity .18s}
#superior-concept .sc-finder-matches[aria-busy=true] .sc-finder-product-grid{opacity:.45;pointer-events:none}
#superior-concept .sc-aerosol-art.sc-art-played:after{content:"";position:absolute;top:20px;left:calc(50% + 5px);width:70px;height:30px;background:radial-gradient(ellipse at left,#789b4560,transparent 70%);transform-origin:left;animation:sc-spray .8s ease-out both}
@keyframes sc-spray{0%{opacity:0;scale:.2 1}40%{opacity:1}100%{opacity:0;scale:1.3 1}}
@supports (interpolate-size:allow-keywords){
 #superior-concept details{interpolate-size:allow-keywords}
 #superior-concept details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .22s ease,opacity .18s ease,content-visibility .22s;transition-behavior:allow-discrete}
 #superior-concept details[open]::details-content{block-size:auto;opacity:1}
}
@media(max-width:500px){#superior-concept .sc-finder-progress:after{width:calc((100% - 16px)/3);transform:translateX(calc(var(--finder-step,0) * (100% + 8px)))}}
@media(prefers-reduced-motion:reduce){
 #superior-concept dialog[open],#superior-concept dialog[open]::backdrop,#superior-concept .sc-aerosol-art.sc-art-played:after{animation:none}
 #superior-concept details::details-content,#superior-concept .sc-finder-progress:after,#superior-concept .sc-finder-product-grid{transition:none}
}

/* Swatches hold their first frame until their entrance begins. */
#superior-concept .sc-hub-swatch-display.sc-swatch-awaiting img{opacity:0}
#superior-concept .sc-colour-card.sc-card-reveal{--sc-card-x:0px;--sc-card-y:18px;--sc-card-scale:1}
#superior-concept .sc-colour-card.sc-card-reveal.is-card-entering{animation-duration:.55s;will-change:translate,opacity}
#superior-concept .sc-colours-editorial .sc-hub-brand:hover{transform:none}
@media(prefers-reduced-motion:reduce){#superior-concept .sc-hub-swatch-display.sc-swatch-awaiting img{opacity:1}}

/* Non-home hero motion keeps the photograph inside its existing layout. */
#superior-concept .sc-page-hero-motion{position:relative;overflow:hidden;isolation:isolate}
#superior-concept .sc-catalogue-hero.sc-page-hero-motion .sc-page-hero-photo-frame:is(.sc-scene,.sc-brand-backdrop){
 position:absolute;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;overflow:hidden;
}
/* Geometry overrides the page-specific photo sizes; colour and focal points stay intact. */
#superior-concept .sc-page-hero-motion .sc-page-hero-photo{
 position:absolute!important;inset:-16% -3%!important;width:106%!important;height:132%!important;object-fit:cover;will-change:transform,scale,rotate,translate;transition:none;
 --sc-page-photo-zoom:1.15;--sc-page-photo-angle:min(5deg,calc(var(--sc-page-photo-safe-angle,5deg) * .4));
 animation:sc-page-hero-drift 41.6s cubic-bezier(.65,0,.35,1) infinite;
 animation-play-state:paused;
}
/* The same eased motion as the homepage, returning smoothly in both directions. */
@keyframes sc-page-hero-drift{
 0%,50%,100%{scale:1.015;rotate:0deg;translate:-.35% -.15%}
 25%{scale:var(--sc-page-photo-zoom);rotate:var(--sc-page-photo-angle);translate:.35% .15%}
 75%{scale:var(--sc-page-photo-zoom);rotate:calc(0deg - var(--sc-page-photo-angle));translate:.35% .15%}
}
@media(max-width:600px),(pointer:coarse){
 #superior-concept .sc-page-hero-motion .sc-page-hero-photo{--sc-page-photo-zoom:1.1;--sc-page-photo-angle:min(2deg,calc(var(--sc-page-photo-safe-angle,2deg) * .4))}
}
/* This split header previously obtained its height and rounded crop from the image. */
#superior-concept .sc-projects-heading.sc-page-hero-motion .sc-projects-heading-image.sc-page-hero-photo-frame{
 position:relative;height:300px;border-radius:22px;overflow:hidden;
}
#superior-concept .sc-page-hero-motion .sc-page-hero-heading{transform:translate3d(0,calc(var(--sc-page-hero-travel,0px) * -.22),0);will-change:transform}
#superior-concept .sc-page-hero-motion .sc-page-hero-copy{transform:translate3d(0,calc(var(--sc-page-hero-travel,0px) * -.12),0);will-change:transform}
#superior-concept .sc-page-hero-motion .sc-page-hero-eyebrow{transform:translate3d(0,calc(var(--sc-page-hero-travel,0px) * -.1),0);will-change:transform}
@media(max-width:700px){
 #superior-concept .sc-projects-heading.sc-page-hero-motion .sc-projects-heading-image.sc-page-hero-photo-frame{height:170px}
}
@media(prefers-reduced-motion:reduce){
 #superior-concept .sc-page-hero-motion :is(.sc-page-hero-photo,.sc-page-hero-heading,.sc-page-hero-copy,.sc-page-hero-eyebrow){transform:none!important;translate:none!important;scale:none!important;rotate:none!important;transition:none!important;animation:none!important;will-change:auto!important}
 #superior-concept .sc-page-hero-motion .sc-reveal{opacity:1!important;translate:none!important;transition:none!important;will-change:auto!important}
}

/* Split and project-planning heroes retain their original frames. */
#superior-concept .sc-page-hero-photo-frame:is(.sc-hub-intro-image,.sc-hue-room){overflow:hidden;isolation:isolate}
#superior-concept .sc-hue-room.sc-page-hero-photo-frame{position:relative}
#superior-concept .sc-hue-room .sc-hue-room-motion>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#superior-concept .sc-hue-room-motion>.sc-hue-wall{inset:0;width:100%;height:100%}
#superior-concept .sc-page-hero-photo-frame figcaption{z-index:2}
@media(max-width:900px){#superior-concept .sc-hue-room.sc-page-hero-photo-frame{aspect-ratio:3/2;min-height:0}#superior-concept .sc-hue-room-motion>img{height:100%}}
