/* Separate the navigation and text from the product photograph at every size. */
.product-masthead-page .topbar { position:relative; z-index:40; background:var(--tuna-soft); }
.product-masthead-page .header,
.product-masthead-page .header.is-scrolled { position:sticky; top:0; z-index:50; background:var(--navigation-surface); border:0; box-shadow:none; }
.product-masthead-page .header .nav-inner,
.product-masthead-page .header.is-scrolled .nav-inner { height:var(--header-height); border-bottom-color:var(--tuna-line); }
.product-masthead-page .header .nav-dropdown .dropdown { z-index:60; background:#fff; }
.product-masthead-page .header .brand-placeholder { color:#344e55; }
.product-masthead-page .header nav { color:var(--tuna-ink); }
.product-masthead-page { --inner-navigation-height:var(--header-height); --navigation-surface:linear-gradient(180deg,#fffffff5,#ffffffcc); }
.product-masthead-page .header.is-scrolled { background:var(--navigation-scrolled-surface); }
.product-banner { position:relative; isolation:isolate; background:#f1f0ec; color:var(--tuna-ink); margin-top:calc(-1 * var(--inner-navigation-height)); padding-top:var(--inner-navigation-height); }
.product-masthead-backdrop { position:absolute; z-index:0; inset:0 auto 0 0; width:67%; pointer-events:none; overflow:hidden; }
.product-masthead-backdrop picture,.product-masthead-backdrop img { display:block; width:100%; height:100%; }
.product-masthead-backdrop img { object-fit:cover; object-position:left bottom; }
.product-masthead-backdrop::after { content:''; position:absolute; inset:0 0 0 auto; width:14%; background:linear-gradient(90deg,transparent,#f1f0ec); }
.product-banner-layout { position:relative; z-index:1; min-height:340px; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,30%); align-items:center; gap:40px; padding-block:28px; }
.product-banner-breadcrumb { justify-self:start; align-self:start; max-width:100%; margin-top:0; padding:5px 7px; border:1px solid var(--tuna-line); border-radius:9px; background:#fffffff2; box-shadow:0 5px 18px #20373d0d; }
.product-banner-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; list-style:none; margin:0; padding:0; font-size:10px; line-height:1.5; }
.product-banner-breadcrumb li { display:flex; align-items:center; gap:12px; min-height:34px; color:var(--tuna-ink); }
.product-banner-breadcrumb li+li::before { content:''; flex:0 0 5px; width:5px; height:5px; border:solid #a0afb0; border-width:1px 1px 0 0; transform:rotate(45deg); }
.product-banner-breadcrumb a { display:inline-flex; align-items:center; min-height:34px; padding:7px 10px; border-radius:5px; color:#405a62; transition:color .2s,background .2s; }
.product-banner-breadcrumb li:first-child a { background:var(--tuna-inset); }
.product-banner-breadcrumb li[aria-current] { padding:7px 10px 7px 4px; color:var(--tuna-red); font-weight:600; }
.product-banner-breadcrumb a:hover { color:var(--tuna-red); background:#fff0f2; }
.product-banner-copy { min-width:0; padding:22px 0 22px 26px; border-left:2px solid var(--tuna-red); }
.product-banner-copy .inner-eyebrow { margin:0 0 17px; font-size:8px; letter-spacing:1.5px; }
.product-masthead-page .product-banner-copy h1 { margin:0; font-size:clamp(35px,2.75vw,52px); font-weight:650; line-height:1.13; letter-spacing:-1.5px; }
.product-banner-description { margin:15px 0 19px; color:#344e55; font-size:15px; line-height:1.7; }
.product-banner-link { display:inline-flex; align-items:center; gap:20px; padding-block:8px; border-bottom:1px solid #c4001340; color:#a90010; font-size:11px; font-weight:550; }
.product-banner-link .icon { width:15px; height:15px; transition:transform .2s; }
.product-banner-link:hover .icon { transform:translateY(3px); }
.product-banner :where(a,button):focus-visible { outline:2px solid var(--tuna-red); outline-offset:5px; }
.product-banner + .inner-section { --chapter-previous:#f1f0ec; }
@media(min-width:1600px) { .product-banner-layout { min-height:370px; padding-block:36px; } }
@media(min-width:761px) and (max-width:1100px) {
 .product-banner-layout { grid-template-columns:minmax(0,1fr) 34%; gap:20px; min-height:330px; }
 .product-masthead-backdrop { width:63%; }
 .product-banner-copy { padding-left:20px; }
 .product-masthead-page .product-banner-copy h1 { font-size:34px; }
 .product-banner-description { font-size:13px; }
}
@media(max-width:960px) {
 .product-masthead-page .header nav { z-index:60; background:#fff; box-shadow:0 14px 25px #23383f12; }
}
@media(max-width:760px) {
 .product-banner-layout { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:23px; min-height:490px; padding-block:21px 240px; }
 .product-masthead-backdrop { inset:auto 0 0; width:100%; height:225px; }
 .product-masthead-backdrop::after { inset:0 0 auto; width:100%; height:55px; background:linear-gradient(#f1f0ec,transparent); }
 .product-masthead-backdrop img { object-position:28% bottom; }
 .product-banner-breadcrumb { align-self:start; padding:4px 6px; }
 .product-banner-breadcrumb ol { font-size:10px; gap:4px 6px; }
 .product-banner-breadcrumb a, .product-banner-breadcrumb li { min-height:44px; }
 .product-banner-breadcrumb li { gap:10px; }
 .product-banner-copy { padding:3px 0 3px 18px; }
 .product-banner-copy .inner-eyebrow { margin-bottom:12px; font-size:8px; }
 .product-masthead-page .product-banner-copy h1 { font-size:38px; letter-spacing:-1.3px; }
 .product-banner-description { margin:12px 0 9px; font-size:14px; }
 .product-banner-description br { display:none; }
 .product-banner-link { font-size:11px; padding-block:7px; }
}
@media(max-width:640px) {
 .product-masthead-page { --inner-navigation-height:80px; }
 .product-masthead-page .header .nav-inner,.product-masthead-page .header.is-scrolled .nav-inner { height:80px; }
}
@media(max-width:380px) {
 .product-masthead-page .product-banner-copy h1 { font-size:34px; }
 .product-banner-description { max-width:28ch; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .product-banner *, .product-banner *::before, .product-banner *::after { animation:none!important; transition:none!important; } }

/* Long page names wrap without encroaching on the image or navigation. */
.product-banner-copy.is-long h1 { overflow-wrap:normal; }
.product-banner-description { max-width:34ch; }
.product-masthead-page .inner-contact-copy h2 { margin:0; font-size:clamp(32px,3.2vw,46px); line-height:1.13; letter-spacing:-1.4px; }
.product-masthead-page .inner-contact-copy h2 em { display:block; color:var(--tuna-red); font-family:Caveat,cursive; font-size:1.06em; font-weight:500; line-height:1.2; margin-top:5px; }
.product-masthead-page .inner-legal h2 { margin-bottom:25px; font-size:32px; }
