.promo-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:650px;padding:65px 7%;background:radial-gradient(ellipse at 85% 60%,#68402150,transparent 60%),linear-gradient(0deg,#100d0a55,#100d0a),url('assets/banner.png') center/cover}.promo-hero h1{font-size:clamp(46px,5.3vw,77px)}.promo-hero>div>p:not(.eyebrow){color:#beaf9a;font-size:13px;line-height:2;max-width:450px;margin:25px 0 35px}.promo-hero .button{display:inline-block}.promo-hero>img{width:100%;filter:drop-shadow(0 25px 30px #0008)}.promo-ribbon{display:flex;justify-content:center;gap:40px;padding:24px;border-block:1px solid var(--line);background:#21170f;color:#ba8957;font-size:10px;letter-spacing:3px}.promo-ribbon b{font-weight:400}.systems{max-width:1500px;margin:auto;padding:85px 6%}.systems .section-heading>p{max-width:320px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:18px 0}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;padding:11px 13px;color:#b3a38d;font:10px Manrope;cursor:pointer}.filters button[aria-pressed=true]{border-color:#8d6036;color:#efc592;background:#302013}.catalog-search input{border:1px solid #4f3824;background:#1d150e;color:var(--cream);padding:13px 15px;font:11px Manrope;width:220px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#system-count{font-size:9px;color:var(--muted);letter-spacing:1px;margin:24px 0}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.system-card{border:1px solid #4a3420;background:#1b140e;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.system-card:hover{border-color:#987049;transform:translateY(-4px)}.system-card[hidden]{display:none}.system-visual{position:relative;width:100%;height:230px;border:0;border-bottom:1px solid #49311d;background:radial-gradient(ellipse,#67462655,#120e09);padding:0;overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center}.system-visual>img{width:100%;height:100%;object-fit:contain}.system-visual.mosaic{display:grid;grid-template-columns:repeat(2,1fr);padding:25px 35px 45px;gap:12px}.system-visual.mosaic>img{min-height:0;max-height:82px;object-fit:contain}.visual-label{position:absolute;left:0;right:0;bottom:0;padding:10px 13px;background:#100b08e8;color:#c7aa88;display:flex;justify-content:space-between;font-size:8px;text-align:left}.visual-label b{color:var(--gold)}.system-copy{padding:25px;display:flex;flex-direction:column;flex:1}.system-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.system-meta>span{font-size:8px;letter-spacing:1px;color:var(--gold);text-transform:uppercase}.system-meta small{font-size:8px;color:#92816d;overflow-wrap:anywhere}.system-copy h3{font:500 32px/1.1 'Cormorant Garamond',Georgia;margin:18px 0 14px}.system-copy p{font-size:11px;line-height:1.95;color:#bcae9c;margin:0 0 18px}.system-copy ul{padding:0;list-style:none;margin:0 0 24px}.system-copy li{font-size:10px;color:#cfbea8;border-top:1px solid #33251a;padding:10px 0}.system-copy li:before{content:'✦';font-size:8px;color:var(--gold);margin-right:9px}.system-open{margin-top:auto;align-self:start;border:0;border-bottom:1px solid #7b522e;padding:0 0 7px;background:transparent;color:var(--gold);font-size:8px;letter-spacing:1.3px;cursor:pointer}.promo-cta{text-align:center;padding:75px 7%;border-block:1px solid var(--line);background:radial-gradient(ellipse at bottom,#432a17,transparent 70%)}.promo-cta>p:not(.eyebrow){color:var(--muted);font-size:12px;margin:25px 0}.promo-cta .actions{justify-content:center;margin-top:30px}.system-dialog{max-height:92svh;overflow:auto;padding:40px 20px 20px}.dialog-media{position:relative;background:#1b140d}.dialog-media img{max-height:65vh;object-fit:contain}.dialog-media button{position:absolute;top:50%;border:1px solid #936436;color:var(--cream);background:#1c120bf0;padding:12px;cursor:pointer}#image-prev{left:10px}#image-next{right:10px}.dialog-copy{padding:20px 10px 0}.dialog-copy h2{font-size:35px;margin:8px 0 15px}.dialog-copy p{font-size:12px;color:var(--muted);line-height:1.8}#image-kind,#image-number{color:var(--gold);font-size:9px;letter-spacing:1px}header nav{gap:25px}@media(max-width:1000px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools{align-items:start;flex-direction:column}.promo-hero{min-height:550px}header nav{gap:17px}}@media(max-width:650px){.promo-hero{grid-template-columns:1fr;padding:50px 7% 35px;gap:15px}.promo-hero h1{font-size:49px}.promo-hero>img{max-width:320px;margin:auto;grid-row:1}.promo-hero .eyebrow{font-size:8px}.promo-hero>div>p:not(.eyebrow){font-size:12px}.promo-ribbon{gap:15px;font-size:7px;letter-spacing:1px}.systems{padding:55px 6%}.system-grid{grid-template-columns:1fr}.system-visual{height:250px}.catalog-tools{gap:15px}.filters button{padding:10px}.catalog-search,.catalog-search input{width:100%}.system-dialog{padding-inline:10px}.dialog-copy h2{font-size:30px}.promo-cta h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.system-card{transition:none}.system-card:hover{transform:none}}

/* Compact introduction requested by the owner. */
.promo-hero{min-height:0;padding:30px 7%;grid-template-columns:1.35fr .65fr;gap:30px}.promo-hero h1{font-size:clamp(38px,3.4vw,54px)}.promo-hero .eyebrow{margin-bottom:15px}.promo-hero>div>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:570px;margin:17px 0 21px}.promo-hero>img{max-width:320px;max-height:245px;object-fit:contain;justify-self:center}.promo-hero .button{padding:15px 20px}.promo-ribbon{padding:17px}.systems{padding-top:55px}@media(max-width:650px){.promo-hero{grid-template-columns:1fr;padding:32px 7%;gap:0}.promo-hero>img{display:none}.promo-hero h1{font-size:42px}.promo-hero>div>p:not(.eyebrow){margin:15px 0 20px}.promo-ribbon{padding:17px 8px}.systems{padding-top:40px}}
