.brand-hero{background:#f5f5f5;padding:150px 0 60px}.brand-hero-inner{grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;display:grid}.brand-hero-text .subtitle{margin:0 0 16px}.brand-hero-text h1{margin:0 0 20px}.brand-hero-text p{max-width:560px;margin:0 0 32px}.brand-hero-buttons{flex-wrap:wrap;gap:16px;display:inline-flex}.brand-hero-logo{justify-content:center;align-items:center;padding:32px;display:flex}.brand-hero-logo--flush{padding:0}.brand-hero-logo img{width:100%;max-width:320px;height:auto;margin:0}.brand-section{background:#fff;padding:80px 0}.brand-section.is-grey{background:#f5f5f5}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head .subtitle{margin:0 0 12px}.section-head h2{margin:0 0 16px}.section-head p{margin:0}.brand-cards{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.brand-cards--features{gap:32px}.brand-cards--4{grid-template-columns:repeat(4,1fr);gap:32px}.brand-cards--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.highlight-card{background:#fff;border:1px solid #eee;border-radius:5px;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.highlight-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 18px 40px #00000014}.highlight-image{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;overflow:hidden}.highlight-image img{width:100%;transition:transform .5s}.highlight-card:hover .highlight-image img{transform:scale(1.04)}.highlight-body{flex-direction:column;flex:1;gap:12px;padding:24px 28px 32px;display:flex}.highlight-body h3{margin:0;font-size:22px}.highlight-body p{margin:0;font-size:14px;line-height:1.7}.brand-collection-card{background:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.brand-collection-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 18px 40px #00000014}.brand-collection-image{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;overflow:hidden}.brand-collection-image img{width:100%;height:auto;transition:transform .5s}.brand-collection-card:hover .brand-collection-image img{transform:scale(1.04)}.brand-collection-body{flex-direction:column;flex:1;gap:10px;padding:24px 28px 28px;display:flex}.brand-collection-body h3{margin:0;font-size:20px}.brand-collection-body p{color:#555;margin:0;font-size:14px;line-height:1.7}.brand-collection-spec{color:#888;border-top:1px solid #eee;margin-top:auto;padding-top:12px;font-size:13px}.brand-layers-inner{flex-direction:column;align-items:center;gap:48px;display:flex}.brand-layers-image{justify-content:center;align-items:center;width:100%;display:flex}.brand-layers-image img{width:100%;margin:0}.brand-layers-list{flex-direction:column;gap:12px;width:100%;max-width:820px;margin:0 auto;padding:0;list-style:none;display:flex}.brand-layers-footnote{text-align:center;color:#555;max-width:720px;margin:32px auto 0;font-size:14px;line-height:1.8}.layer-row{background:#fff;border:1px solid #eee;border-radius:5px;align-items:flex-start;gap:24px;padding:24px 28px;transition:border-color .3s,transform .3s;display:flex}.layer-row:hover{border-color:#000;transform:translate(4px)}.layer-index{letter-spacing:.2em;color:#888;flex-shrink:0;padding:4px 0 0;font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.layer-text{flex:1}.layer-text h4{color:#000;margin:0 0 6px;font-family:Titillium Web,sans-serif;font-size:18px;font-weight:700}.brand-layers-list--specs .layer-text h4{text-transform:uppercase;letter-spacing:.04em}.layer-text p{margin:0;font-size:14px;line-height:1.7}.layer-specs{letter-spacing:.04em;color:#888;margin:8px 0 0;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;display:block}.feature-item{text-align:center;background:#fff;border:1px solid #eee;border-radius:5px;padding:32px 24px;transition:border-color .3s,transform .3s}.feature-item:hover{border-color:#000;transform:translateY(-4px)}.feature-icon{color:#000;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.feature-icon svg{width:28px;height:28px}.feature-img{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.feature-img img{width:100%;height:auto}.feature-item h3{margin:0 0 12px;font-size:18px}.feature-item p{margin:0;font-size:14px;line-height:1.7}.accessory-card{background:#fff;border:1px solid #eee;border-radius:5px;flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;overflow:hidden}.accessory-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 18px 40px #00000014}.accessory-image{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;overflow:hidden}.accessory-image img{width:100%;transition:transform .5s}.accessory-card:hover .accessory-image img{transform:scale(1.04)}.accessory-body{flex-direction:column;flex:1;gap:10px;padding:24px 28px 32px;display:flex}.accessory-category{text-transform:uppercase;letter-spacing:.2em;color:#888;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.accessory-body h3{margin:0;font-size:20px}.accessory-body p{margin:0;font-size:14px;line-height:1.7}.color-card{background:#fff;border:1px solid #eee;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.color-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:0 18px 40px #00000014}.color-image{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.color-image img{height:100%;transition:transform .5s}.color-card:hover .color-image img{transform:scale(1.04)}.color-name{text-align:center;padding:20px;font-family:Titillium Web,sans-serif;font-size:18px;font-weight:700}.brand-banner{aspect-ratio:1980/392;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:0}.brand-flex-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.brand-flex-image{justify-content:center;align-items:center;width:100%;display:flex}.brand-flex-image img{width:100%;height:auto;margin:0;display:block}.brand-flex-text .subtitle{margin:0 0 12px}.brand-flex-text h2{margin:0 0 16px}.brand-flex-text p{margin:0 0 24px}.brand-flex-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.brand-flex-list li{padding:0 0 0 22px;font-family:Titillium Web,sans-serif;font-size:15px;position:relative}.brand-flex-list li:before{content:"";background:#000;width:12px;height:1px;position:absolute;top:9px;left:0}.brand-video-frame{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.brand-video-frame--narrow{max-width:960px;margin:0 auto}.brand-video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.brand-cta{color:#fff;text-align:center;background:#000;padding:80px 0}.brand-cta .subtitle{color:#888;margin:0 0 16px}.brand-cta h2{color:#fff;margin:0 0 16px}.brand-cta p{color:#ccc;max-width:600px;margin:0 auto 32px}.brand-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:inline-flex}.brand-cta .btn{color:#000;background:#fff;border-color:#fff}.brand-cta .btn:hover{color:#fff;background:0 0}.brand-cta .btn-outline{color:#fff;background:0 0;border-color:#fff}.brand-cta .btn-outline:hover{color:#000;background:#fff}@media (max-width:1024px){.brand-hero-inner{text-align:center;grid-template-columns:1fr;gap:32px}.brand-hero-text p{margin:0 auto 32px}.brand-hero-buttons{justify-content:center}.brand-hero-logo{order:-1;padding:0}.brand-hero-logo img{max-width:220px}.brand-cards,.brand-cards--features,.brand-cards--4{grid-template-columns:repeat(2,1fr);gap:24px}.brand-layers-inner{gap:32px}.brand-flex-inner{grid-template-columns:1fr;gap:32px}.brand-flex-text{text-align:center}.brand-flex-list{text-align:left;max-width:420px;margin:0 auto}}@media (max-width:600px){.brand-hero{padding:100px 24px 40px}.brand-section,.brand-cta{padding:56px 0}.brand-cards,.brand-cards--features,.brand-cards--4,.brand-cards--auto{grid-template-columns:1fr;gap:16px}.layer-row{gap:16px;padding:20px}.feature-item,.accessory-body{padding:24px}.color-image{aspect-ratio:4/3}.section-head{margin:0 auto 32px}}
