/* Coral sectors: photo-led cards inspired by the Baril field gallery. */
.sectors{position:relative;overflow:hidden;background:#0A2240;color:#fff}
.sectors .head{position:relative;z-index:1}
.sectors .head h2{max-width:760px;color:#fff}
.sectors .head p{color:#c3cdda}
.sector-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sector-card{min-width:0;overflow:hidden;background:#102a4b;border:1px solid #ffffff20;transition:transform .25s ease,border-color .25s ease}
.sector-card:hover{transform:translateY(-4px);border-color:#E3061388}
.sector-media{position:relative;display:block;aspect-ratio:1.72;margin:0;overflow:hidden;background:#183959}
.sector-media:after{position:absolute;inset:40% 0 0;content:"";background:linear-gradient(180deg,transparent,#071a32a8);pointer-events:none}
.sector-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.sector-card:hover .sector-media img{transform:scale(1.045)}
.sector-number{position:absolute;z-index:1;top:14px;inset-inline-start:14px;display:grid;place-items:center;width:35px;height:35px;background:#0A2240e8;border:1px solid #ffffff65;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}
.sector-card-copy{position:relative;min-height:141px;padding:17px 19px 18px;border-top:2px solid #E30613}
.sector-kicker{display:block;margin-bottom:9px;color:#c1cada;font-size:8px;font-weight:800;letter-spacing:.14em;line-height:1.4}
.sector-card h3{margin:0 0 8px;color:#fff;font-size:17px;line-height:1.25;letter-spacing:-.015em}
.sector-card p{margin:0;color:#c0cad8;font-size:11px;line-height:1.65}
@media(max-width:1000px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-card-copy{min-height:132px}}
@media(max-width:740px){.sectors{padding:74px 0}.sectors .head{gap:20px;margin-bottom:27px}.sector-grid{grid-template-columns:minmax(0,1fr);gap:11px}.sector-media{aspect-ratio:1.72}.sector-card-copy{min-height:0;padding:15px 16px 17px}.sector-card h3{font-size:17px}.sector-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sector-card,.sector-media img{transition:none}.sector-card:hover{transform:none}.sector-card:hover .sector-media img{transform:none}}
/* Keep the existing scroll-line accent visible at the section edge without letting it cross card imagery. */
.sectors .wrap{position:relative;z-index:5}


/* Catalogue-led brand cards and click-to-light Coral neon accents. */
.brand-portfolio{position:relative;overflow:hidden;background:#071a30;color:#fff}
.brand-portfolio:before{position:absolute;inset:0;content:"";background:repeating-linear-gradient(180deg,transparent 0 11px,#ffffff08 12px,#ffffff08 13px);pointer-events:none}
.brand-portfolio>.wrap{position:relative;z-index:5}
.brand-portfolio .head{position:relative;z-index:1}
.brand-portfolio .head h2{max-width:760px;color:#fff}
.brand-portfolio .head p{color:#c3cdda}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-card{position:relative;display:flex;min-width:0;min-height:128px;flex-direction:column;align-items:flex-start;justify-content:center;overflow:visible;padding:18px 20px;background:#0a2240;border:1px solid #ffffff24;border-bottom:2px solid #e30613;text-align:start;color:#fff;cursor:pointer;isolation:isolate;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;touch-action:manipulation}
.brand-card:hover{transform:translateY(-3px);border-color:#ffffff68;border-bottom-color:#e30613;background:#102a4b}
.brand-card:focus-visible,.sector-card:focus-visible{outline:2px solid #ff3349;outline-offset:4px}
.brand-card:before{position:absolute;inset:4px;z-index:-1;content:"";border:1px solid transparent;pointer-events:none;transition:border-color .2s ease,box-shadow .2s ease}
.brand-index{position:absolute;top:12px;inset-inline-end:14px;color:#9eacc0;font-size:9px;font-weight:800;letter-spacing:.12em}
.brand-wordmark{display:flex;align-items:baseline;margin:0 30px 8px 0;direction:ltr;text-align:left;font-size:25px;line-height:1.05;letter-spacing:-.055em}
.brand-mark-prefix{color:#fff;font-weight:800}
.brand-mark-prefix--accent{color:#f0bb27;font-style:italic;font-weight:500}
.brand-mark-prefix--accent+.brand-mark-suffix{color:#fff;font-style:normal;font-weight:800}
.brand-mark-suffix{color:#f0bb27;font-style:italic;font-weight:500}
.brand-card:nth-child(3n) .brand-mark-suffix{color:#f0bb27}
.brand-description{max-width:100%;margin:0;color:#e4eaf1;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.brand-light-indicator{position:absolute;inset-inline-start:20px;bottom:12px;width:5px;height:5px;border-radius:50%;background:#ffffff4a;transition:background-color .2s ease,box-shadow .2s ease}
.brand-card.is-neon-active,.sector-card.is-neon-active{z-index:3;border-color:#ff3349;outline:1px solid #ff3349;box-shadow:0 0 0 1px #e3061388,0 0 13px #e30613bb,0 0 30px #e3061377,0 0 52px #e3061338;animation:coral-neon-ignite .68s ease-out both}
.brand-card.is-neon-active:before{border-color:#ff6474;box-shadow:0 0 9px #e30613,inset 0 0 12px #e3061340}
.brand-card.is-neon-active .brand-light-indicator{background:#ff3349;box-shadow:0 0 7px #ff3349,0 0 16px #e30613}
.sku-product{scroll-margin-top:100px}
.sku-product.brand-match-highlight{border-bottom-color:#e30613}
.sku-product.brand-match-highlight summary{box-shadow:inset 3px 0 #e30613,0 0 0 1px #e3061326;background:#fff7f7}
#katalog{scroll-margin-top:100px}
.sector-card{position:relative;isolation:isolate;cursor:pointer;touch-action:manipulation}
.sector-card.is-neon-active{z-index:2}
@keyframes coral-neon-ignite{0%{box-shadow:0 0 0 1px #e30613,0 0 2px #e30613}45%{box-shadow:0 0 0 2px #ff3349,0 0 22px #ff3349,0 0 54px #e30613a6}100%{box-shadow:0 0 0 1px #e3061388,0 0 13px #e30613bb,0 0 30px #e3061377,0 0 52px #e3061338}}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{min-height:122px}}
@media(max-width:740px){.brand-portfolio{padding:74px 0}.brand-portfolio .head{gap:20px;margin-bottom:27px}.brand-grid{grid-template-columns:minmax(0,1fr);gap:10px}.brand-card{min-height:112px;padding:16px 18px}.brand-wordmark{font-size:23px}.brand-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-card,.brand-card:before,.brand-light-indicator{transition:none}.brand-card:hover{transform:none}.brand-card.is-neon-active,.sector-card.is-neon-active{animation:none}}