.brand-hero{position:relative;isolation:isolate;padding-block:clamp(2rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}
.brand-hero::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:color-mix(in oklch,var(--color-accent) 6%,var(--color-paper))}
.brand-hero .breadcrumbs{margin-bottom:clamp(2rem,4vw,3.5rem)}
.brand-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.brand-hero-copy{min-width:0}.brand-hero-copy .category{margin-bottom:var(--space-md)}
.brand-hero h1{max-width:16ch;font-size:clamp(2.5rem,5vw,5rem);line-height:1.06;overflow-wrap:anywhere}
.brand-hero-copy>p:not(.category){max-width:56ch;margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-body);line-height:1.65}
.brand-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-xl)}
.brand-hero-actions .button{min-height:48px}.brand-text-link{display:inline-flex;align-items:center;min-height:44px;gap:.5rem;color:var(--color-ink);font-size:var(--text-xs)}.brand-text-link span,.brand-about a span{color:var(--color-accent)}
.brand-text-link:hover,.brand-about a:hover{color:var(--color-accent)}
.brand-hero-actions .button [aria-hidden],.brand-contact .button [aria-hidden]{color:var(--color-accent-ink)}
.brand-text-link [aria-hidden],.brand-picks a [aria-hidden],.brand-model-bottom a [aria-hidden],.brand-accessory a [aria-hidden]{color:var(--color-accent)}
.brand-hero-visual{position:relative;min-width:0;aspect-ratio:1.08;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-video)}
.brand-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.brand-hero-visual>span{position:absolute;inset:auto 0 0;display:block;padding:2.5rem 1rem 1rem;background:linear-gradient(transparent,rgba(5,8,6,.72));color:var(--color-ink);font-size:var(--text-xs)}
.brand-switch{display:flex;flex-wrap:wrap;gap:.5rem;padding-block:var(--space-md);border-bottom:1px solid var(--color-rule)}
.brand-switch a{display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1rem;border:1px solid var(--color-rule);border-radius:var(--radius-button);color:var(--color-muted);font-size:var(--text-xs);transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}
.brand-switch a[aria-current="page"]{border-color:var(--color-accent);color:var(--color-accent)}.brand-switch a:hover{border-color:var(--color-accent);color:var(--color-ink)}
.brand-guide,.brand-models,.brand-compare,.brand-faq{padding-block:clamp(3rem,6vw,6rem)}
.brand-section-head{max-width:900px;margin-bottom:var(--space-xl)}.brand-section-head .section-label{margin-bottom:var(--space-sm)}
.brand-section-head h2,.brand-about h2,.brand-contact h2{font-size:clamp(1.65rem,3.2vw,3rem);line-height:1.16;letter-spacing:-.02em}
.brand-section-head>p:last-child{max-width:68ch;margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);line-height:1.65}
.brand-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--color-rule);border:1px solid var(--color-rule);border-radius:var(--radius-sm);overflow:hidden}
.brand-picks article{display:flex;flex-direction:column;min-width:0;padding:clamp(1.25rem,2.5vw,2rem);background:var(--color-paper-2)}
.brand-pick-number{color:var(--color-accent);font-size:var(--text-xs)}.brand-picks h3{margin-top:var(--space-xl);font-size:clamp(1.05rem,1.65vw,1.4rem);line-height:1.3}
.brand-picks p{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);line-height:1.65}
.brand-picks a{display:inline-flex;align-items:center;min-height:44px;gap:.5rem;margin-top:auto;padding-top:var(--space-lg);color:var(--color-accent);font-size:var(--text-xs)}
.brand-models{border-top:1px solid var(--color-rule)}.brand-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.brand-model{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2)}
.brand-model-image{display:block;aspect-ratio:1.45;overflow:hidden;background:var(--color-video)}.brand-model-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform var(--dur-long) var(--ease-out)}
.brand-model-image:hover img{transform:scale(1.03)}.brand-model-body{display:flex;flex:1;flex-direction:column;padding:var(--space-lg)}
.brand-model .category{margin:0;color:var(--color-accent);font-size:var(--text-xs)}.brand-model h3{margin-top:var(--space-sm);font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.3}.brand-model h3 a:hover{color:var(--color-accent)}
.brand-model dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-lg) 0 0}
.brand-model dl div{min-width:0}.brand-model dt{color:var(--color-muted);font-size:var(--text-xs)}.brand-model dd{margin:.25rem 0 0;overflow-wrap:anywhere;font-size:var(--text-sm)}
.brand-model-bottom{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-xl)}
.brand-model-bottom strong{font-size:clamp(1.15rem,1.8vw,1.5rem);white-space:nowrap}.brand-model-bottom a{display:inline-flex;align-items:center;min-height:44px;gap:.3rem;color:var(--color-accent);font-size:var(--text-xs)}
.brand-accessory{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-lg);border-top:1px solid var(--color-rule)}
.brand-accessory h3{margin-top:var(--space-sm);font-size:var(--text-lg)}.brand-accessory p:last-child{max-width:65ch;margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}
.brand-accessory>a{display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto;gap:.4rem;color:var(--color-accent);font-size:var(--text-xs)}
.brand-compare{border-top:1px solid var(--color-rule)}.brand-table-wrap{overflow-x:auto;border:1px solid var(--color-rule);border-radius:var(--radius-sm)}
.brand-compare table{width:100%;border-collapse:collapse;text-align:left}.brand-compare caption{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.brand-compare th,.brand-compare td{padding:1.1rem var(--space-md);border-bottom:1px solid var(--color-rule);font-size:var(--text-sm);line-height:1.4}.brand-compare thead{background:var(--color-paper-2)}
.brand-cell-label{display:none}
.brand-compare tbody tr:last-child th,.brand-compare tbody tr:last-child td{border-bottom:0}.brand-compare tbody th{font-weight:600}.brand-compare tbody a{color:var(--color-ink)}.brand-compare tbody a:hover{color:var(--color-accent)}
.brand-compare-note{max-width:75ch;margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}
.brand-about{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:var(--space-xl);padding-block:clamp(3rem,6vw,6rem);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}
.brand-about .section-label{margin-bottom:var(--space-sm)}.brand-about p{color:var(--color-muted);font-size:var(--text-body);line-height:1.7}.brand-about a{display:inline-flex;align-items:center;min-height:44px;gap:.4rem;margin-top:var(--space-md);font-size:var(--text-xs)}
.brand-faq-list{max-width:950px}.brand-faq details{border-top:1px solid var(--color-rule)}.brand-faq details:last-child{border-bottom:1px solid var(--color-rule)}
.brand-faq summary{min-height:60px;padding:1.2rem 2rem 1.2rem 0;cursor:pointer;font-size:var(--text-sm);line-height:1.45}.brand-faq details p{max-width:75ch;padding:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);line-height:1.7}
.brand-contact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding-block:clamp(3rem,6vw,6rem);border-top:1px solid var(--color-rule)}
.brand-contact .section-label{margin-bottom:var(--space-sm)}.brand-contact h2{max-width:22ch}.brand-contact p:last-child{max-width:60ch;margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.brand-contact .button{flex:0 0 auto;min-height:48px}
.brand-hero a:focus-visible,.brand-switch a:focus-visible,.brand-picks a:focus-visible,.brand-model a:focus-visible,.brand-accessory a:focus-visible,.brand-compare a:focus-visible,.brand-about a:focus-visible,.brand-contact a:focus-visible,.brand-faq summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
@media(max-width:900px){.brand-hero-grid{grid-template-columns:1fr}.brand-hero-visual{aspect-ratio:1.7}.brand-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-picks{grid-template-columns:1fr}.brand-picks h3{margin-top:var(--space-md)}.brand-picks a{margin-top:var(--space-sm)}}
@media(max-width:620px){.brand-hero h1{font-size:clamp(2rem,9vw,3rem)}.brand-hero-visual{aspect-ratio:1.15}.brand-hero-actions{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.brand-hero-actions .button{width:100%}.brand-model-grid{grid-template-columns:1fr}.brand-about{grid-template-columns:1fr}.brand-contact{align-items:stretch;flex-direction:column}.brand-contact .button{width:100%}.brand-accessory{align-items:flex-start;flex-direction:column}.brand-compare thead{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.brand-compare table,.brand-compare tbody,.brand-compare tr{display:block}.brand-compare tr{padding:var(--space-md);border-bottom:1px solid var(--color-rule)}.brand-compare tbody tr:last-child{border-bottom:0}.brand-compare th,.brand-compare td{display:flex;justify-content:space-between;gap:var(--space-sm);padding:.35rem 0;border:0}.brand-compare th{font-size:var(--text-body)}.brand-cell-label{display:inline;color:var(--color-muted);font-size:var(--text-xs)}}
@media(prefers-reduced-motion:reduce){.brand-switch a,.brand-model-image img{transition:none}}