/* Shared company layout. Colours remain inherited from each brand. */
html body.homepage-refined{--company-content-width:1136px}
html body.homepage-refined :is(.brand-header,.site-portal-links){box-sizing:border-box;min-height:104px;padding:16px max(20px,calc((100% - 1136px)/2))}
html body.homepage-refined .brand-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(20px,calc((100% - 1136px)/2))!important;min-height:104px}
html body.homepage-refined .brand-header>.wrap{margin:0;padding:0;max-width:none}
html body.homepage-refined :is(.brand-header img,.site-portal-links .company-brand img){width:220px!important;height:72px!important;max-width:100%;max-height:72px;object-fit:contain}
html body.homepage-refined .site-portal-links{padding:16px max(20px,calc((100% - 1136px)/2))!important;align-items:center;gap:16px}
html body.homepage-refined main :is(.wrap,.section){max-width:var(--company-content-width);margin-inline:auto}
html body.homepage-refined main .hero{padding-block:32px!important}
html body.homepage-refined main .hero h1{font-size:clamp(34px,4.4vw,56px)!important;line-height:1.1;letter-spacing:-.025em;margin:10px 0 18px}
html body.homepage-refined main .hero-grid{gap:32px;align-items:start}
html body.homepage-refined main .section{padding-block:32px!important}
html body.homepage-refined .homepage-guides{padding:16px 20px!important}
html body.homepage-refined .homepage-guides>.wrap{max-width:1136px;margin:auto;padding:0;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:12px 24px!important;align-items:center}
html body.homepage-refined .homepage-guide-list{grid-column:2;grid-row:1;min-width:0}
html body.homepage-refined .homepage-guide{gap:16px!important;align-items:center!important}
html body.homepage-refined .homepage-guide[hidden]{display:none!important}
html body.homepage-refined .homepage-guide h3{font-size:18px;margin:0 0 6px}
html body.homepage-refined .homepage-guide p{font-size:15px;line-height:1.5;margin:0 0 8px}
html body.homepage-refined .guide-destinations{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px!important;margin:8px 0 0!important}
html body.homepage-refined :is(.guide-actions,.commercial-actions,main .actions){display:flex;flex-wrap:wrap;align-items:center;gap:10px!important}
html body.homepage-refined :is(.guide-destinations a,.guide-actions button,.guide-actions a,main .button,main .intro-primary){box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px!important;border-radius:6px!important;line-height:1.35}
html body.homepage-refined main .client-share-intro{margin-block:24px;padding:20px!important}
html body.homepage-refined :is(main,.homepage-guides) :is(img,video,audio){max-width:100%}
html body.homepage-refined #homepage-song-feature{max-width:1136px;margin:24px auto;padding:22px!important;border-radius:8px}
html body.homepage-refined #homepod-music-bar{position:static}
html body.homepage-refined #homepod-music-bar .hm-inner{padding:16px;gap:12px 20px}
html body.homepage-refined #homepod-music-bar strong{font-size:23px}
@media(max-width:1000px){html body.homepage-refined .brand-header{flex-wrap:wrap}html body.homepage-refined main .hero-grid{grid-template-columns:minmax(0,1fr)!important}html body.homepage-refined .site-portal-links{flex-wrap:wrap}}
@media(max-width:700px){html body.homepage-refined .brand-header{min-height:88px;padding:12px 20px!important}html body.homepage-refined :is(.brand-header img,.site-portal-links .company-brand img){width:190px!important;height:64px!important}html body.homepage-refined .homepage-guides>.wrap{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}html body.homepage-refined .homepage-guide-list{grid-column:1;grid-row:auto}html body.homepage-refined main .section{padding-block:24px!important}html body.homepage-refined main .hero{padding-block:24px!important}html body.homepage-refined main .hero h1{font-size:36px!important}html body.homepage-refined :is(.guide-destinations,.commercial-actions,main .actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}html body.homepage-refined :is(.guide-destinations,.commercial-actions,main .actions)>*{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}html body.homepage-refined #homepage-song-feature{margin:20px}}
@media(max-width:380px){html body.homepage-refined :is(.guide-destinations,.commercial-actions,main .actions){grid-template-columns:minmax(0,1fr)}}

/* Shared navigation row, including the materials site. */
html body.homepage-refined .site-portal-links{display:flex!important;flex-wrap:wrap!important;justify-content:space-between}
html body.homepage-refined .site-portal-links #site-main-navigation{width:100%;flex-basis:100%;border-top:1px solid #ffffff26;padding-top:12px;gap:4px 8px!important}
html body.homepage-refined .site-portal-links #site-main-navigation>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px!important;color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}
@media(min-width:901px){html body.homepage-refined .site-portal-links .site-menu-button{display:none!important}}
@media(max-width:900px){html body.homepage-refined .site-portal-links.nav-ready:not(.nav-open) #site-main-navigation{display:none!important}html body.homepage-refined .site-portal-links.nav-ready.nav-open #site-main-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}}