/* Brand gallery: restrained frames, original identities, generous rhythm. */
.brands-intro{padding-top:76px;padding-bottom:60px}.brands-intro h1{font-size:clamp(3.2rem,5.9vw,6.5rem);margin:24px 0 36px;max-width:1100px}.brands-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}.brands-intro-bottom .lead{max-width:760px}.brands-intro-bottom .button{flex-shrink:0}.brand-index{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:16px 32px;padding-top:22px;padding-bottom:22px;border-top:1px solid #dfe3ed;border-bottom:1px solid #dfe3ed}.brand-index a{font-size:.9375rem;text-decoration:none}.brand-index a:hover{color:#b01531}.brand-section{padding-top:72px;padding-bottom:12px;scroll-margin-top:110px}.brand-section-title{display:flex;align-items:baseline;gap:25px;margin-bottom:32px}.brand-section-title>span{font-size:.875rem;color:#9098af}.brand-section-title h2{font-size:clamp(2rem,3.5vw,3.5rem)}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brand-card{display:flex;flex-direction:column;padding:30px;border:1px solid #e3e6ee;border-radius:4px;min-width:0;transition:border-color .2s,box-shadow .2s}.brand-card:hover{border-color:#aab1c5;box-shadow:0 12px 30px #10194308}.brand-identity{height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;margin-bottom:25px}.brand-identity .brand-logo{display:block;width:100%;height:100%;object-fit:contain}.brand-name-text{font-size:1.8rem;letter-spacing:.06em}.brand-card h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.01em;color:#101943;margin-bottom:14px}.brand-card .brand-spirit{font-size:1.25rem;line-height:1.35;letter-spacing:-.03em;color:#101943;margin:0 0 16px}.brand-card p{font-size:1rem;line-height:1.75;margin:0 0 24px}.brand-identity.campaign{height:145px;border-radius:3px}.brand-identity.campaign img{width:100%;height:100%;object-fit:cover}.brand-meta-strip{background:#101943;color:#fff;margin-top:80px;padding:70px 0}.brand-meta-strip .wrap{max-width:1050px}.brand-meta-strip h2{margin:20px 0 28px}.brand-meta-strip p{color:#c9cfdf;max-width:740px}.brand-meta-strip .eyebrow{color:#b7bed8}.brand-meta-strip .button{margin-top:30px}.brand-advice{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:90px;padding-bottom:90px}.brand-advice p{max-width:600px}#design .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-entrances{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:75px;padding-bottom:85px;border-top:1px solid #e2e6ef}.collection-entrances article{padding-top:24px;border-top:2px solid #101943}.collection-entrances h2{font-size:clamp(2rem,2.7vw,3.1rem);margin:22px 0 24px}.collection-entrances .text-link{margin-top:28px}
/* Meta: a strong product-led opening followed by a personal shop experience. */
.meta-hero{background:#101943;color:#fff;padding:55px 0 65px}.meta-hero-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:55px;align-items:center}.meta-hero .eyebrow{color:#c2c9df;font-size:.875rem;letter-spacing:.1em}.meta-hero h1{font-size:clamp(3.1rem,5.4vw,5.8rem);line-height:1.08;margin:25px 0 32px}.meta-hero h1 em{color:#b9c4e3}.meta-hero .lead{color:#d4daea;font-size:1.0625rem}.meta-hero .button{margin-top:30px}.meta-official{font-size:.875rem!important;color:#b9c3db!important;margin-top:20px!important}.meta-hero-image{min-width:0}.meta-hero-image img{width:100%;height:570px;object-fit:cover;object-position:58% center;border-radius:3px}.meta-hero-image figcaption{font-size:.8125rem;color:#aebbd4;margin-top:12px;line-height:1.5}.meta-introduction{padding-top:90px;padding-bottom:42px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px 65px}.meta-introduction>.eyebrow{grid-column:1/-1;font-size:.875rem}.meta-introduction h2{font-size:clamp(2.1rem,3vw,3.5rem)}.meta-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:30px;padding-bottom:75px}.meta-features article{border-top:1px solid #d8dfeb;padding-top:28px}.meta-features .ui-icon{width:30px;height:30px;stroke-width:1.4;margin-bottom:22px}.meta-features h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}.meta-family{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:75px;padding-bottom:85px}.meta-family h2{margin:20px 0 28px;font-size:clamp(2.6rem,4.1vw,4.5rem)}.meta-family figure{min-width:0}.meta-family figure img{display:block;height:580px;object-fit:cover;object-position:61% center;border-radius:3px}.meta-family figure.meta-product{background:#f2f2f2;border-radius:4px}.meta-family .meta-product img{width:100%;height:auto;aspect-ratio:1.15/1;object-fit:contain}.meta-family figcaption{font-size:.8125rem;color:#737d95;line-height:1.5;margin-top:13px}.meta-family .meta-product figcaption{padding:0 20px 20px}.meta-family .text-link{margin-top:25px}.meta-oakley-band{background:#f2f4f9}.meta-family.reverse figure{order:2}.meta-model{padding:22px 0;border-top:1px solid #ccd4e3;margin-top:24px}.meta-model h3{font-size:1.5rem;margin-bottom:12px}.meta-model p{margin:0}.meta-visit{padding-top:85px;padding-bottom:85px}.meta-visit h2{margin-top:22px}.meta-visit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:45px 0 35px}.meta-visit-steps article{border-top:1px solid #d6ddea;padding-top:24px}.meta-visit-steps article>span{display:block;font-size:.875rem;color:#7f88a0;margin-bottom:22px}.meta-visit-steps h3{font-size:1.5rem;margin-bottom:18px}.meta-faq{padding-top:30px;padding-bottom:55px;max-width:1000px}.meta-faq h2{margin-bottom:35px}.meta-faq details{border-top:1px solid #dbe1eb;padding:22px 0}.meta-faq details:last-child{border-bottom:1px solid #dbe1eb}.meta-faq summary{font-size:1.125rem;line-height:1.5;cursor:pointer}.meta-faq details p{margin-top:20px;max-width:850px}.meta-sources{max-width:1000px;padding-bottom:60px}.meta-sources summary{font-size:.875rem;cursor:pointer}.meta-sources .manufacturer-sources a{font-size:.875rem}
/* Nine destinations: keep every page reachable without crowding the header. */
@media(min-width:1251px){.navwrap{gap:22px}#navigation{gap:17px}#navigation a{font-size:.875rem}.navtools{gap:16px}}
@media(max-width:1250px){.menu{display:block}.navwrap{gap:20px}.navtools{margin-left:auto}#navigation{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:25px 35px;background:#fff;border-bottom:1px solid #dce0eb;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#navigation.open{display:grid}#navigation a{font-size:.9375rem}}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{padding:25px}.brands-intro-bottom{display:block}.brands-intro-bottom .button{margin-top:30px}.meta-hero-layout{gap:35px}.meta-hero-image img{height:510px}.meta-family{gap:35px}.meta-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.meta-family figure img{height:550px}.brand-advice,.collection-entrances{gap:40px}}
@media(max-width:760px){.meta-hero-layout,.meta-introduction,.meta-family,.brand-advice,.collection-entrances{grid-template-columns:1fr}.meta-hero-layout{gap:40px}.meta-hero{padding:45px 0 50px}.meta-hero h1{font-size:clamp(3rem,7vw,4.5rem)}.meta-hero-image img{height:auto;aspect-ratio:4/3;object-position:center}.meta-introduction{padding-top:60px;gap:25px}.meta-family.reverse figure{order:0}.meta-family{padding-top:50px;padding-bottom:60px}.meta-family figure img{height:auto;aspect-ratio:4/3;object-position:center}.meta-family .meta-product img{aspect-ratio:1.4/1}.meta-visit-steps{gap:25px}.meta-visit,.brand-advice{padding-top:60px;padding-bottom:60px}.brand-meta-strip{margin-top:55px;padding:55px 0}.collection-entrances{padding-top:50px;padding-bottom:60px;gap:40px}.brand-section-title{gap:18px}.brand-section{padding-top:55px}}
@media(max-width:650px){.brands-intro{padding-top:45px;padding-bottom:40px}.brands-intro h1{font-size:clamp(2.65rem,9vw,3.8rem);line-height:1.12}.brand-grid,#design .brand-grid{grid-template-columns:1fr}.brand-identity{height:100px}.brand-card{padding:25px}.brand-index{gap:14px 22px}.brand-section-title h2{font-size:2rem}.brand-card p{max-width:none}.meta-features{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.meta-visit-steps{grid-template-columns:1fr;margin-top:35px}.meta-faq{padding-bottom:35px}.meta-faq h2{font-size:2.3rem}.meta-hero-image img{aspect-ratio:1.2/1;object-position:60% center}.meta-hero h1{font-size:clamp(2.9rem,10.5vw,4rem)}.meta-family figure img{aspect-ratio:1.2/1;object-position:64% center}#navigation{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:14px 22px}.meta-hero .eyebrow{font-size:.8125rem}.meta-introduction h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.brand-card{transition:none}}

/* Practical Meta guide: editorial chapters, clear measurements, no text over photographs. */
.meta-life-band{background:#101943;color:#fff}.meta-life{padding-top:72px;padding-bottom:78px}.meta-life .eyebrow{color:#bdc8e6}.meta-life h2{font-size:clamp(2.25rem,4vw,4rem);max-width:900px;margin:22px 0 42px}.meta-life h2 em{color:#bac8ef}.meta-life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.meta-life-grid article{border-top:1px solid #526082;padding-top:24px}.meta-life-number{font-size:.875rem;color:#a9b7db}.meta-life-grid h3{font-size:1.5rem;line-height:1.3;margin:20px 0}.meta-life-grid p{font-size:1rem;line-height:1.8;color:#d7dfef}.meta-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0;border-top:1px solid #ccd4e3;border-bottom:1px solid #ccd4e3;margin:28px 0}.meta-specs strong{display:block;font-size:clamp(2rem,3.2vw,3.3rem);font-weight:500;line-height:1.2;letter-spacing:-.04em}.meta-specs span{display:block;font-size:.875rem;line-height:1.5;margin-top:10px}.meta-sport{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;padding-top:90px;padding-bottom:90px}.meta-sport h2{font-size:clamp(2.25rem,3.5vw,3.75rem);line-height:1.15;margin:22px 0 30px}.meta-sport-points article{display:flex;gap:24px;border-top:1px solid #d6ddea;padding:24px 0}.meta-sport-points article>span{font-size:.875rem;color:#727f99;padding-top:3px}.meta-sport-points h3{font-size:1.35rem;line-height:1.3;margin:0 0 14px}.meta-sport-points p{margin:0;font-size:1rem;line-height:1.8}.meta-comparison{padding-top:50px;padding-bottom:85px}.meta-comparison h2{font-size:clamp(2.1rem,3.4vw,3.6rem);margin:22px 0 25px}.meta-comparison>p{max-width:900px}.meta-table-scroll{overflow-x:auto;margin-top:32px;max-width:100%;scrollbar-color:#7a87aa #edf0f6}.meta-table-scroll:focus-visible{outline:2px solid #101943;outline-offset:6px}.meta-compare{width:100%;min-width:730px;border-collapse:collapse;table-layout:fixed;font-size:1rem;line-height:1.6}.meta-compare caption{font-size:.875rem;text-align:left;padding:0 0 15px;color:#64718b}.meta-compare thead{background:#101943;color:#fff}.meta-compare th,.meta-compare td{padding:20px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #d6ddea;overflow-wrap:anywhere}.meta-compare thead th{font-weight:500;font-size:1.0625rem}.meta-compare tbody th{font-size:.9375rem;font-weight:600}.meta-compare tbody tr:nth-child(even){background:#f4f6fa}.meta-fact-note{font-size:.875rem!important;line-height:1.8!important;max-width:1000px;margin-top:22px!important}.meta-news-band{background:#edf0f7}.meta-news{padding-top:65px;padding-bottom:65px}.meta-news h2{font-size:clamp(2.1rem,3.4vw,3.4rem);margin:22px 0 36px}.meta-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.meta-news-grid article{border-top:1px solid #bac3d6;padding-top:23px}.meta-news-grid h3{font-size:1.35rem;line-height:1.3;margin:0 0 18px}.meta-news-grid p{font-size:1rem;line-height:1.8}.meta-sources p{margin-bottom:0}.meta-faq h2{font-size:clamp(2.1rem,3vw,3rem)}
@media(max-width:900px){.meta-life-grid{gap:25px}.meta-sport{gap:5%}.meta-compare th,.meta-compare td{padding:18px 15px}.meta-news-grid{gap:25px}}
@media(max-width:760px){.meta-life-grid,.meta-sport,.meta-news-grid{grid-template-columns:1fr}.meta-life,.meta-news{padding-top:55px;padding-bottom:55px}.meta-life-grid{gap:24px}.meta-life h2{margin-bottom:32px}.meta-sport{padding-top:60px;padding-bottom:55px;gap:20px}.meta-comparison{padding-top:35px;padding-bottom:55px}.meta-news-grid{gap:20px}.meta-specs{gap:12px}.meta-specs strong{font-size:2rem}.meta-specs span{font-size:.875rem}.meta-table-scroll{margin-top:24px}.meta-compare{min-width:700px}}