/* Audio Lounge CI, 2023. Core palette and layout applied to every managed
   page and WooCommerce shell. Product photography retains its neutral field. */
body.alsp-standalone{background:#061b36;color:#f7f6f2;font-family:'Century Gothic','Avenir Next',Montserrat,'Trebuchet MS',Arial,sans-serif}
body.alsp-standalone .alsp{--gold:#d39905;--ink:#0a2749;--panel:#10345f;--text:#f7f6f2;--muted:#d4d9df;--navy:#0a2749;--blue:#042d62;--neutral:#cdcdc3;--foil:#caa45d;background:var(--navy);color:var(--text);font-family:'Century Gothic','Avenir Next',Montserrat,'Trebuchet MS',Arial,sans-serif}
.alsp h1,.alsp h2,.alsp h3,.alsp h4{font-family:'Century Gothic','Avenir Next',Montserrat,'Trebuchet MS',Arial,sans-serif;font-weight:400;letter-spacing:-.035em}
.alsp h1{line-height:1.06}.alsp h2{line-height:1.12}.alsp p{line-height:1.65}
.alsp-topline{background:#d39905;color:#0a2749}
.alsp-nav{background:#0a2749;border-bottom:1px solid rgba(202,164,93,.45);min-height:110px;padding:10px 5%}
.alsp-wordmark{width:92px;min-width:92px;height:92px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.alsp-wordmark img{width:86px;height:86px;max-width:100%;display:block;object-fit:contain}
.alsp-links{align-items:center}.alsp-links a{color:#f7f6f2!important}.alsp-links a:hover,.alsp-footer a:hover{color:#e9bc4f!important}
.alsp-eyebrow,.alsp-number,.alc-kicker,.alsp-card-link{color:#e5b83e!important;letter-spacing:.2em}
.alsp-button,.alsp .button,.alsp button.button,.alsp input.button{background:#d39905;border-color:#d39905;color:#071d39!important}
.alsp-button:hover,.alsp .button:hover,.alsp button.button:hover,.alsp input.button:hover{background:#edb634;color:#071d39!important}
.alsp-outline{background:transparent;color:#e9bb49!important}.alsp-outline:hover{background:#d39905;color:#071d39!important}
.alsp a:focus-visible,.alsp button:focus-visible{outline:3px solid #e9bd56;outline-offset:4px}

/* Hero is an actual Audio Lounge installation, with a navy reading field. */
.alsp-hero{position:relative;display:flex;align-items:center;min-height:650px;background:#0a2749;isolation:isolate}
.alsp-hero-content{position:relative;z-index:2;width:min(860px,70%);padding:95px 6% 110px 7%}
.alsp-hero h1{font-size:clamp(3.4rem,7.3vw,7.5rem);letter-spacing:-.06em}
.alsp-hero h1 em{color:#e9b63b}.alsp-hero p{color:#f2f3f2;max-width:640px}
.alsp-hero-art{position:absolute;inset:0;min-height:0;background:#0a2749;z-index:0}
.alsp-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082749 0%,rgba(8,39,73,.91) 27%,rgba(8,39,73,.58) 51%,rgba(8,39,73,.12) 82%),linear-gradient(0deg,rgba(4,30,62,.7),transparent 60%)}
.alsp-hero-installation{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 48%;filter:saturate(.85)}
.alsp-art-caption{z-index:1;right:5%;bottom:28px;color:#eac775}
.alsp-proof{background:#10345f;border-color:#caa45d;color:#e5e9ec}

/* Section rhythm follows the blue and neutral surfaces of the kit. */
.alsp-section,.alc-section,.alc-maker-section,.alpr-home,.alpr-group,.alpr-group:nth-of-type(2n){background:#0a2749}
.alsp-split,.alsp-callout,.alc-categories,.alc-research{background:#10345f}
.alsp-brand-section,.alsp-detail,.alc-brand,.alc-maker-card,.alsp-card,.alc-product,.alc-model,.alpr-tile{background:#0d315a}
.alsp-inner-hero,.alpr-hero{background:radial-gradient(circle at 87% 30%,rgba(202,164,93,.15),transparent 38%),#0a2749;position:relative;overflow:hidden}
.alsp-inner-hero:after,.alsp-split:after{content:'';position:absolute;pointer-events:none;right:-3%;bottom:-32px;width:38%;height:200px;background:url('assets/brand/soundwave.svg') center/contain no-repeat;opacity:.28}
.alsp-split{position:relative;overflow:hidden}.alsp-split>*{position:relative;z-index:1}
.alsp-divider{background:#caa45d}
.alsp-card,.alc-product,.alc-maker-card,.alc-brand,.alc-model,.alpr-tile{border-color:rgba(202,164,93,.4)}
.alsp-card:hover,.alc-maker-card:hover,.alpr-tile:hover{border-color:#d39905}
.alsp-card p,.alc-brand-intro p,.alc-model p,.alpr-home-heading p,.alpr-group-head p,.alsp-section-head p{color:#d5dce4}
.alsp-card-link,.alc-text-link,.alpr-caption>span{color:#e9bd50!important}
.alsp-footer{background:#061b36;border-top:1px solid #caa45d;color:#cdd9e4}
.alsp-footer i{color:#d39905}

/* Give exact manufacturer marks a calm neutral presentation. */
.alc-maker-card,.alsp-brand-strip a{background:#0d315a!important}
.alc-maker-art,.alsp-brand-strip a,.alc-name-grid a{border-color:rgba(202,164,93,.42)!important}
.alc-maker-art{background:#f2f1ed!important}.alc-maker-label{background:#0d315a!important;border-color:rgba(202,164,93,.35);color:#f7f6f2}
.alc-selected-maker>.alc-maker-art{background:#f2f1ed!important;border-color:#caa45d}
.alc-maker-art img.alc-light-logo,.alsp-brand-strip img.alc-light-logo{background:#0a2749;border-radius:0}
.alsp-brand-strip a{background:#f2f1ed!important;color:#0a2749!important}
.alc-name-grid a{color:#f7f6f2!important;border-bottom-color:#caa45d}
.alc-maker-lettermark{color:#0a2749}
.alc-range-visual,.alc-range-image,.alc-model-photo,.alc-product-image,.alc-refreshed-photo{background:#f2f1ed!important}
.alc-model-photo{border-color:#d6d4cb}
.alc-range-visual>span{background:#0a2749;color:#e5bd5e!important}
.alc-more-products{background:#10345f;border-color:#caa45d}

/* Services, projects, and WooCommerce use the same hierarchy and colour. */
.alsp-service-picture{background:#0a2749}.alsp-picture-caption{background:rgba(10,39,73,.91);border-left-color:#d39905;color:#f7f6f2}
.alpr-tile,.alpr-home-card{background:#0d315a}.alpr-home-card span{background:linear-gradient(transparent,rgba(4,29,62,.93))}.alpr-home-card b,.alpr-caption>span,.alpr-jump span{color:#e5b83e}
.alpr-lightbox{background:#0a2749;border-color:#caa45d}.alpr-close{background:#0a2749}.alpr-jump a{border-color:#caa45d}
.alsp .alc-wc-wrap,.alsp .alc-wc-utility{background:#0a2749}.alsp .alc-wc-info p,.alsp .alc-wc-below p{color:#d5dce4}
.alsp .alc-wc-info .price,.alsp .alc-wc-info .price ins,.alsp .woocommerce-tabs ul.tabs li.active a{color:#e8bd53}
.alsp .alc-wc-utility .woocommerce-cart-form,.alsp .alc-wc-utility .cart-collaterals,.alsp .alc-wc-utility .woocommerce-checkout,.alsp .alc-wc-utility .woocommerce-MyAccount-content{background:#10345f}
.alsp .alc-wc-info .product_meta,.alsp .woocommerce-tabs ul.tabs,.alsp .alc-wc-below{border-color:rgba(202,164,93,.42)}
.alsp .alc-wc-visual .onsale,.alsp .woocommerce-message,.alsp .woocommerce-info{border-color:#d39905}
.alsp .related ul.products li.product,.alsp .upsells ul.products li.product{background:#0d315a;border-color:rgba(202,164,93,.42)}
.alsp .related ul.products li.product img,.alsp .upsells ul.products li.product img{background:#f2f1ed}
@media(max-width:800px){.alsp-nav{min-height:0;gap:12px}.alsp-wordmark{width:75px;min-width:75px;height:75px}.alsp-wordmark img{width:72px;height:72px}.alsp-hero{min-height:660px;align-items:end}.alsp-hero-content{width:100%;padding:230px 7% 85px}.alsp-hero-art:after{background:linear-gradient(0deg,#082749 0%,rgba(8,39,73,.86) 37%,rgba(8,39,73,.18) 100%)}.alsp-hero-installation{object-position:58% center}.alsp-inner-hero:after,.alsp-split:after{width:65%;opacity:.18}}
@media(max-width:520px){.alsp-links{gap:11px 16px}.alsp-links a{font-size:10px}.alsp-hero h1{font-size:clamp(3.1rem,12vw,5rem)}.alsp-hero-content{padding-top:220px}.alsp-hero p{font-size:16px}}

/* 6.3.1: the supplied R8 artwork is the entire landing photograph. The
   headline sits below it so the speakers and embedded mark remain intact. */
.alsp-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#0a2749}
.alsp-hero-art{position:relative;inset:auto;order:0;width:100%;height:auto;aspect-ratio:2048/1117;min-height:0;overflow:hidden;background:#cdcdc3}
.alsp-hero-art:after{display:none}
.alsp-hero-installation{width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.alsp-hero-content{order:1;width:100%;max-width:none;padding:65px 7% 82px;background:#0a2749}
.alsp-hero h1{max-width:1000px;margin:19px 0 24px;font-size:clamp(3.5rem,6.7vw,7rem)}
.alsp-hero p{max-width:730px}
@media(max-width:800px){.alsp-hero{min-height:0;align-items:stretch}.alsp-hero-art{min-height:0;aspect-ratio:2048/1117}.alsp-hero-content{width:100%;padding:52px 7% 66px}.alsp-hero-installation{object-position:center}}
@media(max-width:520px){.alsp-hero h1{font-size:clamp(3rem,12vw,4.8rem)}.alsp-hero-content{padding:42px 7% 62px}}
