/* Quantum premium brand refinement */
:root{--deep:#091540;--navy:#102f82;--navy2:#0a205c;--blue:#135bd4;--accent:#6b20c8;--cyan:#07bce8;--gold:#dbad52;--ivory:#f7f8fd;--ink:#172245;--line:#e4e7f2;--shadow:0 22px 60px rgba(15,30,85,.14)}
body{background:linear-gradient(180deg,#fff,#f9faff);color:var(--ink)}
.site-header{border-bottom:1px solid #dfd6ef;box-shadow:0 5px 30px rgba(16,32,82,.05)}
.brand img{height:68px;width:76px;object-fit:contain}
.brand strong{font-size:15px;letter-spacing:.01em}
.brand strong small{display:block;color:#6a229b;font-size:11px;font-weight:750;letter-spacing:.015em}
.main-nav a:hover,.main-nav a.active{color:#6929be}
.btn{background:linear-gradient(110deg,#123d98,#5d25ab);border:0;box-shadow:0 9px 22px rgba(32,49,141,.16);transition:.25s}
.btn-ghost{background:#fff;color:#173d8a;border:1px solid #bdcbea;box-shadow:none}
.btn:hover{box-shadow:0 13px 30px rgba(43,39,139,.22);transform:translateY(-2px)}
.hero{background:radial-gradient(circle at 15% 5%,#f3faff,transparent 44%),linear-gradient(130deg,#f8f8ff,#fff);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:9px;background:linear-gradient(#06c8ed,#335fde,#8422ad)}
.hero h1{color:#0c225b;letter-spacing:-.05em}
.hero h1:after{content:"";display:block;width:90px;height:5px;border-radius:8px;background:linear-gradient(90deg,#07caf0,#8428c2,#dba950);margin-top:25px}
.eyebrow{color:#6b25b9}
.brand-hero-panel{background:linear-gradient(145deg,#fff 45%,#edf4ff);border:1px solid #d8e2f9;box-shadow:0 28px 70px rgba(18,35,93,.13);position:relative}
.brand-hero-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#02ccea,#2666d5,#8c23b5)}
.section-head h2,.split h2{color:#0d2d75}
.collection-card{border-color:#e0e4ef;border-radius:24px;box-shadow:0 12px 32px rgba(31,44,94,.07);position:relative}
.collection-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#08beed,#6026b4,#d5ad4f);z-index:1}
.collection-card h3{color:#132d73}
.swatch-stack{height:210px}
.collection-card>div:last-child{padding:27px}
.section-dark{background:linear-gradient(118deg,#07163e,#164199 75%,#3d167b)}
.section-dark h2{color:#fff}.section-dark p{color:#d9e4fa}
.texture-grid{gap:16px}
.texture-card{border:1px solid #e6dfc9;border-radius:15px;box-shadow:0 7px 20px rgba(12,40,85,.05)}
.texture-card:hover{border-color:#d6a84f}
.texture-image{aspect-ratio:1.25/1}
.texture-image img{object-fit:cover}
.texture-code{padding:12px;text-align:center;font-size:15px;letter-spacing:.035em}
.texture-code:after{content:"";display:block;width:34px;height:3px;background:#d4aa50;margin:6px auto 0;border-radius:4px}
.page-hero{background:linear-gradient(120deg,#091c4b,#12398c 70%,#4f237f);color:#fff;padding:64px 0}
.page-hero h1{color:#fff}.page-hero p{color:#dfeaff}.page-hero .eyebrow,.page-hero .back-link{color:#f0c976}
.footer{background:linear-gradient(130deg,#07143a,#0b2c74)}
.footer-bottom{color:#d8dff2}
.contact-card{border-top:5px solid #d8ac4c}
.cta{background:linear-gradient(115deg,#082258,#15509d 65%,#5d2095)}
@media(max-width:900px){.brand strong{font-size:13px}.brand img{width:62px;height:54px}.main-nav{top:82px}}
@media(max-width:620px){.hero h1,.page-hero h1,.detail-hero h1{font-size:clamp(34px,10vw,50px)}.texture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.texture-code{font-size:13px}.swatch-stack{height:130px}.collection-card h3{font-size:21px}.section{padding:60px 0}.brand strong small{font-size:10px}}
.brand-quote{font-size:9px!important;color:#264eae!important;font-weight:700!important}.footer-brand img{width:160px;height:130px;object-fit:contain}.footer-brand .footer-logo-box{background:#fff;padding:8px}.footer-brand strong{display:none}@media(max-width:620px){.brand-quote{font-size:8px!important}}

/* mobile overflow protection */
html,body{max-width:100%;overflow-x:clip}
.hero-grid,.hero-copy,.detail-grid,.split,.contact-grid,.brand-hero-panel,.collection-grid,.collection-card{min-width:0}
.hero h1,.page-hero h1,.detail-hero h1,.section-head h2,.split h2,.cta h2{overflow-wrap:break-word}
.hero-actions{flex-wrap:wrap}
@media(max-width:700px){
 .hero-grid,.detail-grid,.split,.contact-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px}
 .hero h1{font-size:clamp(32px,8.8vw,44px)!important;line-height:1.07}
 .hero p,.page-hero p,.detail-hero p{font-size:16px;overflow-wrap:anywhere}
 .hero-actions{display:flex;gap:10px}
 .hero-actions .btn{font-size:13px;padding:11px 14px;max-width:100%}
 .mini-stats{gap:12px;justify-content:space-between}
 .mini-stats b{font-size:23px}
 .mini-stats span{font-size:11px}
 .brand-hero-panel,.brand-about-panel{min-height:210px;padding:14px}
 .brand-hero-panel img,.brand-about-panel img{max-width:100%;height:auto}
 .nav-wrap{min-width:0}
 .brand{min-width:0}
 .brand strong{font-size:12px}
 .brand strong small{white-space:nowrap}
 .section-head h2,.split h2,.cta h2{font-size:clamp(28px,8vw,39px)}
 .collection-grid{grid-template-columns:minmax(0,1fr)}
 .footer-grid{grid-template-columns:minmax(0,1fr)}
 .page-hero h1,.detail-hero h1{font-size:clamp(30px,8vw,45px)}
 .contact-grid>*{min-width:0}
}
@media(max-width:370px){.hero-actions .btn{width:100%}.menu-toggle{font-size:24px}}
.collection-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.collection-meta span{display:inline-flex;padding:9px 14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:999px;font-weight:750;font-size:13px}
.footer a{overflow-wrap:anywhere}

/* Desktop catalogue alignment and image clarity */
@media(min-width:1100px){
 .container{width:min(1440px,calc(100% - 72px))}
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,4vw,64px)}
 .section{padding:78px 0}
 .collection-grid{gap:24px}
 .texture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .texture-image{aspect-ratio:1.25/1}
}
@media(min-width:1600px){
 .container{width:min(1480px,calc(100% - 100px))}
}
@media(max-width:900px){
 .container{width:calc(100% - 32px)}
 .texture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:400px){
 .container{width:calc(100% - 24px)}
}
.texture-image img{image-rendering:auto;object-fit:cover;object-position:center}
.collection-card .swatch-stack img{image-rendering:auto}

/* Quantum product-led featured collection showcase */
.quantum-featured-section{background:linear-gradient(180deg,#f5f8ff 0%,#fff 100%);padding-top:86px;padding-bottom:92px}
.quantum-featured-head{max-width:800px;margin-bottom:30px}
.quantum-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.quantum-featured-card{min-width:0;overflow:hidden;border:1px solid #e2e8f5;border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(20,34,87,.08);transition:transform .2s ease,box-shadow .2s ease}
.quantum-featured-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(20,34,87,.14)}
.quantum-featured-image{display:block;height:220px;position:relative;overflow:hidden;background:#eaf0f9}
.quantum-featured-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.quantum-featured-card:hover img{transform:scale(1.04)}
.quantum-featured-swatch{position:absolute;bottom:12px;left:12px;padding:7px 11px;background:rgba(255,255,255,.94);border-radius:40px;font-size:10px;font-weight:800;color:#14317b;letter-spacing:.08em}
.quantum-featured-copy{padding:23px 20px 20px}
.quantum-featured-copy small{color:#6625b7;letter-spacing:.12em;font-size:10px;font-weight:800}
.quantum-featured-copy h3{font-size:24px;margin:9px 0;color:#102b73}
.quantum-featured-copy p{font-size:14px;line-height:1.6;color:#586780;min-height:64px}
.quantum-featured-actions{border-top:1px solid #e6eaf3;margin-top:20px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.quantum-featured-actions a{font-size:13px;font-weight:800;color:#1d4fbf;text-decoration:none}
.quantum-featured-actions span{font-size:12px;color:#7887a0}
.quantum-featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.quantum-featured-bottom>span{font-weight:800;font-size:20px;color:#162f78}
@media(max-width:1050px){.quantum-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.quantum-featured-grid{grid-template-columns:1fr}.quantum-featured-image{height:230px}.quantum-featured-bottom{flex-direction:column;align-items:flex-start}.quantum-featured-section{padding-top:52px;padding-bottom:60px}}

/* Accessible texture navigation dropdown */
.nav-dropdown{position:relative;display:flex;align-items:center;gap:2px}
.nav-dropdown-toggle{width:25px;height:30px;border:0;background:transparent;color:#173d8a;cursor:pointer;font:inherit}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:245px;background:#fff;border:1px solid #e0e4ef;border-radius:14px;padding:8px;box-shadow:0 20px 45px rgba(10,24,78,.15);z-index:150}
.nav-dropdown-menu a{display:block;padding:10px 13px;border-radius:8px;white-space:nowrap;color:#172245}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#f1f4ff}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}
@media(max-width:900px){.nav-dropdown{flex-wrap:wrap;justify-content:space-between;width:100%}.nav-dropdown-menu{position:static;flex-basis:100%;box-shadow:none;border-radius:10px;min-width:0}.nav-dropdown:not(.is-open) .nav-dropdown-menu{display:none}.nav-dropdown.is-open .nav-dropdown-menu{display:block}}