/* Michael five-site Apple direction, 2026-10-25. Homepage scoped; no framework or URL changes. */

body:has(main>.hero-intro){--ds-ink:#1d1d1f;--ds-muted:#62656a;--ds-paper:#f5f5f7;--ds-ease:cubic-bezier(.23,1,.32,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#fff}
body:has(main>.hero-intro) h1,body:has(main>.hero-intro) h2,body:has(main>.hero-intro) h3{font-family:inherit;font-weight:600;text-wrap:balance}
body:has(main>.hero-intro) h1{letter-spacing:-.055em;line-height:1.06}
body:has(main>.hero-intro) h2{letter-spacing:-.04em;line-height:1.12}
body:has(main>.hero-intro) main p{line-height:1.65}
body:has(main>.hero-intro) a:focus-visible,body:has(main>.hero-intro) button:focus-visible,body:has(main>.hero-intro) summary:focus-visible{outline:3px solid #0071e3;outline-offset:5px}
body:has(main>.hero-intro) :is(.button,.primary,.home-button,.nav-quote,.header-cta){border-radius:999px;min-height:46px;transition:transform 160ms var(--ds-ease),background-color 160ms ease,color 160ms ease}
body:has(main>.hero-intro) :is(.eyebrow,.home-eyebrow){font-size:11px;letter-spacing:.12em;font-weight:600}
body:has(main>.hero-intro) :is(.portfolio-card,.service-card,.treatment-card,.home-audience-card,.product-card){border-radius:24px;overflow:hidden;transition:transform 220ms var(--ds-ease),box-shadow 220ms ease;background:#f5f5f7;border:0;box-shadow:none}
body:has(main>.hero-intro) :is(.portfolio-card,.product-card) img{transition:transform 600ms var(--ds-ease)}
body:has(main>.hero-intro) :is(.portfolio-card,.product-card) a{color:inherit}
@media(hover:hover) and (pointer:fine){
body:has(main>.hero-intro) :is(.portfolio-card,.service-card,.treatment-card,.home-audience-card,.product-card):hover{transform:translateY(-5px);box-shadow:0 16px 40px #1018200d}
body:has(main>.hero-intro) :is(.portfolio-card,.product-card):hover img{transform:scale(1.035)}
body:has(main>.hero-intro) :is(.button,.primary,.home-button,.nav-quote,.header-cta):active:not(:focus-visible){transform:scale(.97)}
}
@media(prefers-reduced-motion:reduce){body:has(main>.hero-intro) *,body:has(main>.hero-intro) *::before,body:has(main>.hero-intro) *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:has(main>.hero-intro) :is(.portfolio-card,.service-card,.treatment-card,.home-audience-card,.product-card):hover,body:has(main>.hero-intro) :is(.portfolio-card,.product-card):hover img{transform:none}}
@media(max-width:640px){body:has(main>.hero-intro) h1{letter-spacing:-.035em}body:has(main>.hero-intro) :is(.button,.primary,.home-button){font-size:14px;min-height:48px}body:has(main>.hero-intro) :is(.portfolio-card,.service-card,.treatment-card,.home-audience-card,.product-card){border-radius:18px}}

body:has(main>.hero-intro) .topbar{display:none}body:has(main>.hero-intro) header{position:sticky;top:0;z-index:40;background:#fffffff2;backdrop-filter:blur(16px);border-bottom:1px solid #e5e9ed;padding-block:14px}body:has(main>.hero-intro) header .brand small{font-size:9px;letter-spacing:.1em}body:has(main>.hero-intro) header .brand>span{font-size:22px}
body:has(main>.hero-intro) main{display:flex;flex-direction:column;background:#fff}body:has(main>.hero-intro) main>section{order:3}body:has(main>.hero-intro) main>.hero-approved,body:has(main>.hero-intro) main>.stats,body:has(main>.hero-intro) main>.quality-strip,body:has(main>.hero-intro) main>section:has(.gallery){display:none}
body:has(main>.hero-intro) main>.hero-intro{order:0;display:block;text-align:center;padding:68px 24px 48px;max-width:1100px;margin:auto;width:100%}body:has(main>.hero-intro) .hero-intro h1{font-size:clamp(44px,5.7vw,78px);max-width:980px;margin:20px auto 24px;letter-spacing:-.055em;color:#10364a}body:has(main>.hero-intro) .hero-intro p{max-width:680px;font-size:20px;margin:0 auto 24px;color:#63717b}body:has(main>.hero-intro) .hero-intro .actions{justify-content:center;display:flex;gap:24px;align-items:center}
body:has(main>.hero-intro) main>.manufacture{order:1;max-width:1220px;width:calc(100% - 64px);margin:0 auto;border-radius:28px;overflow:hidden;background:#102e43;display:grid;grid-template-columns:1.1fr 1fr;min-height:400px}body:has(main>.hero-intro) .manufacture-picture{min-height:400px;max-height:480px}body:has(main>.hero-intro) .manufacture-picture img{height:100%;width:100%;object-fit:cover}body:has(main>.hero-intro) .manufacture-picture>span{font-size:10px;letter-spacing:.1em;bottom:24px;left:24px}body:has(main>.hero-intro) .manufacture-copy{padding:40px;color:#fff}body:has(main>.hero-intro) .manufacture h2{font-size:clamp(28px,3.3vw,42px);color:#fff;margin:16px 0 20px}body:has(main>.hero-intro) .manufacture p{font-size:15px;color:#d1dee6}body:has(main>.hero-intro) .manufacture .capacity{padding-block:20px;margin-block:16px}body:has(main>.hero-intro) .manufacture .capacity strong{font-size:30px}body:has(main>.hero-intro) .manufacture .capacity>span{font-size:12px}body:has(main>.hero-intro) .manufacture .button{font-size:13px;min-height:44px}
body:has(main>.hero-intro) main>.film-invitation{order:2;margin:20px auto 0;width:calc(100% - 64px);max-width:1220px;padding:18px 24px;background:#f5f5f7;border:0;border-radius:18px}body:has(main>.hero-intro) .film-invitation strong{font-size:15px}body:has(main>.hero-intro) .film-invitation p{font-size:12px}body:has(main>.hero-intro) .film-play{background:#102e43;color:#fff}
body:has(main>.hero-intro) main>.section{padding:64px 32px;max-width:1280px;width:100%;margin:auto}body:has(main>.hero-intro) .section-head{align-items:end;margin-bottom:32px;gap:36px}body:has(main>.hero-intro) .section-head h2{font-size:clamp(32px,3.7vw,48px)}body:has(main>.hero-intro) .section-head>p{font-size:15px;max-width:360px}
body:has(main>.hero-intro) .portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body:has(main>.hero-intro) .product-card{background:#f5f5f7;border:0}body:has(main>.hero-intro) .portfolio .product-card img{height:270px;width:100%;object-fit:cover;aspect-ratio:auto}body:has(main>.hero-intro) .card-copy{padding:24px}body:has(main>.hero-intro) .card-copy h3{font-size:24px;margin:10px 0 18px}body:has(main>.hero-intro) .card-copy .eyebrow{font-size:10px}body:has(main>.hero-intro) .card-copy .text-link{font-size:13px}
body:has(main>.hero-intro) main>section:has(.innovation-grid){order:4;background:#f5f5f7;border-radius:28px;width:calc(100% - 64px);padding:48px 32px;max-width:1220px}body:has(main>.hero-intro) .innovation-grid{gap:20px}body:has(main>.hero-intro) .innovation-grid .product-card{background:#fff}body:has(main>.hero-intro) .innovation-grid .product-card img{height:210px;object-fit:cover}body:has(main>.hero-intro) .innovation-grid .card-copy h3{font-size:21px}
body:has(main>.hero-intro) main>section:has(.product-grid){order:5}body:has(main>.hero-intro) .product-grid{gap:20px}body:has(main>.hero-intro) .product-grid .product-card img{height:190px}body:has(main>.hero-intro) .product-grid .card-copy h3{font-size:21px}body:has(main>.hero-intro) .product-grid .card-copy .eyebrow{font-size:10px}
body:has(main>.hero-intro) .closing{padding:60px 24px;text-align:center;background:#f5f5f7;color:#10364a}body:has(main>.hero-intro) .closing h2{font-size:46px;color:#10364a}body:has(main>.hero-intro) .closing p{font-size:17px;color:#63717b}body:has(main>.hero-intro) .closing .eyebrow{font-size:10px}
@media(min-width:1200px){body:has(main>.hero-intro) .desktop-nav a[href$='/about/'],body:has(main>.hero-intro) .desktop-nav a[href$='/quality/'],body:has(main>.hero-intro) .desktop-nav a[href$='/innovation/'],body:has(main>.hero-intro) .desktop-nav a.active{display:none}body:has(main>.hero-intro) .desktop-nav{gap:20px}body:has(main>.hero-intro) .desktop-nav a{font-size:13px}}
@media(max-width:760px){body:has(main>.hero-intro) .hero-intro{padding:44px 24px 32px!important}body:has(main>.hero-intro) .hero-intro h1{font-size:44px}body:has(main>.hero-intro) .hero-intro p{font-size:17px}body:has(main>.hero-intro) .hero-intro .actions{flex-wrap:wrap;gap:18px}body:has(main>.hero-intro) main>.manufacture{display:flex;flex-direction:column;width:calc(100% - 32px);border-radius:24px}body:has(main>.hero-intro) .manufacture-picture{height:260px;min-height:0;max-height:none}body:has(main>.hero-intro) .manufacture-copy{padding:32px 24px}body:has(main>.hero-intro) .manufacture h2{font-size:32px}body:has(main>.hero-intro) main>.film-invitation{width:calc(100% - 32px);padding:18px;gap:16px;flex-wrap:wrap}body:has(main>.hero-intro) .film-invitation>a{font-size:13px}body:has(main>.hero-intro) main>.section{padding:48px 24px}body:has(main>.hero-intro) .section-head{display:block}body:has(main>.hero-intro) .section-head>p{max-width:100%;margin-top:18px}body:has(main>.hero-intro) .portfolio{grid-template-columns:1fr;gap:18px}body:has(main>.hero-intro) main>section:has(.innovation-grid){width:calc(100% - 32px);padding:32px 24px}body:has(main>.hero-intro) .innovation-grid{grid-template-columns:1fr}body:has(main>.hero-intro) .innovation-grid .product-card img{height:240px}body:has(main>.hero-intro) .product-grid{grid-template-columns:1fr}body:has(main>.hero-intro) .closing h2{font-size:36px}}

body:has(main>.hero-intro) .portfolio .product-card:nth-child(n+3){display:none}