.department-chrome.department-chrome{background:#f5f2e9;color:#244336;font-family:Arial,Helvetica,sans-serif;position:relative;z-index:30;--editorial-line:#d4dacd;text-transform:none;letter-spacing:normal}
.department-chrome.department-chrome *{box-sizing:border-box}
.department-chrome.department-chrome a{color:inherit;text-decoration:none;font-weight:400;background:transparent;letter-spacing:normal;text-transform:none}
.department-chrome.department-chrome .department-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:23px max(5.5vw,20px);position:relative;width:100%;margin:0;border:0}
.department-chrome.department-chrome .department-brand{justify-self:start;display:block;line-height:0}
.department-chrome.department-chrome .department-brand img{width:122px;height:auto;max-width:100%;object-fit:contain}
.department-chrome.department-chrome .department-main{display:flex;gap:32px;font-size:12px;white-space:nowrap}
.department-chrome.department-chrome .department-main a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent;padding:0}
.department-chrome.department-chrome .department-main [aria-current]{border-color:#244336}
.department-chrome.department-chrome .department-tools{display:flex;gap:22px;justify-self:end;align-items:center}
.department-chrome.department-chrome .department-tools a,.department-chrome.department-chrome .department-tools button{display:grid;place-items:center;position:relative;min-width:30px;min-height:44px;background:transparent;color:#244336;border:0;padding:0}
.department-chrome.department-chrome .department-tools svg{width:21px;height:21px;stroke-width:1.5}
.department-chrome.department-chrome .commerce-icon-link span{position:absolute;top:0;right:-5px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;border-radius:50%;background:#244336;color:#fff;font-size:8px}
.department-chrome.department-chrome [hidden],.department-chrome.department-chrome .commerce-icon-link span[hidden]{display:none}
.department-chrome.department-chrome .department-categories{display:flex;justify-content:center;flex-wrap:nowrap;gap:8px 18px;padding:5px 20px 15px;border-bottom:1px solid #d4dacd;font-size:12px;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.department-chrome.department-chrome .department-categories a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:24px;flex-shrink:0;white-space:nowrap}
.department-chrome.department-chrome .department-categories [aria-current]{background:#dfe5d7}
.department-chrome.department-chrome a:focus-visible,.department-chrome.department-chrome button:focus-visible{outline:3px solid #698257;outline-offset:3px}
.spark-home>.department-chrome{position:fixed;top:0;left:0;right:0;z-index:30}
.pearls-department-header{position:relative;z-index:30}
.pearls-department-header+.skip-link{z-index:40}
@media(max-width:1100px){.department-chrome.department-chrome .department-header{gap:14px;padding-inline:24px}.department-chrome.department-chrome .department-main{gap:18px}.department-chrome.department-chrome .department-tools{gap:10px}.department-chrome.department-chrome .department-categories{justify-content:flex-start}}
@media(max-width:700px){.department-chrome.department-chrome .department-header{grid-template-columns:1fr auto;gap:10px;padding:16px 20px 8px}.department-chrome.department-chrome .department-brand img{width:90px}.department-chrome.department-chrome .department-tools{gap:9px}.department-chrome.department-chrome .department-main{grid-row:2;grid-column:1/-1;justify-content:center;gap:26px;font-size:11px}.department-chrome.department-chrome .department-categories{gap:3px;padding:3px 10px 12px;font-size:11px}.department-chrome.department-chrome .department-categories a{padding:0 11px}}

@media(max-width:360px){.department-chrome.department-chrome .department-header{padding-inline:14px}.department-chrome.department-chrome .department-tools{gap:6px}}
/* Story headers share their scene palette; catalogue headers retain their paper surface. */
.spark-home>.department-chrome.department-chrome,.pearls-department-header .department-chrome.department-chrome{--nav-ink:#244336;--nav-badge-ink:#fff8ed;--nav-wash:rgba(245,242,233,.68);background:linear-gradient(180deg,var(--nav-wash),transparent);color:var(--nav-ink);transition:color .3s,background .3s}
.spark-home.dark-scene>.department-chrome.department-chrome{--nav-ink:#f7f1e6;--nav-badge-ink:#244336;--nav-wash:rgba(25,48,37,.65)}
.spark-home.dark-scene .department-brand img{filter:brightness(0) invert(1)}
.pearls-department-header{position:absolute;inset:0 0 auto;z-index:30}
.pearls-department-header .department-chrome.department-chrome{--nav-ink:#481128;--nav-badge-ink:#fff8ed;--nav-wash:rgba(247,237,218,.55)}
.hero-stage[data-chrome-theme="dark"] .department-chrome.department-chrome{--nav-ink:#fff8ed;--nav-badge-ink:#481128;--nav-wash:rgba(45,21,30,.65)}
.spark-home .department-chrome.department-chrome .department-tools a,.spark-home .department-chrome.department-chrome .department-tools button,.pearls-department-header .department-chrome.department-chrome .department-tools a{color:inherit}
.spark-home .department-chrome.department-chrome .commerce-icon-link span,.pearls-department-header .department-chrome.department-chrome .commerce-icon-link span{background:var(--nav-ink);color:var(--nav-badge-ink)}
.pearls-department-header .department-chrome.department-chrome .department-main [aria-current]{border-color:currentColor}
.pearls-department-header .department-chrome.department-chrome .department-header{padding-block:14px 8px}
.pearls-department-header .department-chrome.department-chrome .department-categories{padding-block:0 7px;border-color:transparent;background:color-mix(in srgb,var(--nav-wash) 40%,transparent);gap:5px 12px}
.department-chrome.department-chrome .department-pearls-brand{display:flex;flex-direction:column;align-items:center;line-height:1;color:#481128}
/* Preserve the occasion-story hero's light/dark logo theme; product headers use the canonical burgundy Pearl wordmark. */
.pearls-department-header .department-chrome.department-chrome .department-pearls-brand{color:inherit}
.department-chrome.department-chrome .brand-name{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400;line-height:1.1;letter-spacing:.25em;padding-left:.25em}
.department-chrome.department-chrome .brand-division{font-size:9px;line-height:1.5;letter-spacing:.6em;padding-left:.6em;margin-top:4px}

@media(max-width:700px){
 .department-chrome.department-chrome .brand-name{font-size:26px;letter-spacing:.2em;padding-left:.2em}
 .department-chrome.department-chrome .brand-division{font-size:8px}
 .pearls-department-header .department-chrome.department-chrome .department-header{padding-block:10px 0;row-gap:0}
 .pearls-department-header .department-chrome.department-chrome .department-categories{gap:3px}
 
}
@media(prefers-reduced-motion:reduce){.spark-home>.department-chrome.department-chrome,.pearls-department-header .department-chrome.department-chrome{transition:none}}

/* Keep overlaid navigation clear of portrait and compact landscape headlines. */
@media(max-width:700px) and (orientation:portrait),(max-aspect-ratio:4/5){
 body:has(>.pearls-department-header) .hero-stage .scene-title{top:126px}
}
@media(max-height:540px) and (min-aspect-ratio:1/1){
 .pearls-department-header .department-chrome.department-chrome .department-header{padding-block:4px;row-gap:0}
 .pearls-department-header .department-chrome.department-chrome .brand-name{font-size:24px}
 .pearls-department-header .department-chrome.department-chrome .brand-division{font-size:7px;margin-top:1px}
 .pearls-department-header .department-chrome.department-chrome .department-main a,.pearls-department-header .department-chrome.department-chrome .department-tools a{min-height:32px}
 .pearls-department-header .department-chrome.department-chrome .department-categories{padding-block:0}
 .pearls-department-header .department-chrome.department-chrome .department-categories a{min-height:30px}
 
 body:has(>.pearls-department-header) .hero-stage .hero-copy{top:162px}
 body:has(>.pearls-department-header) .hero-stage .scene-title{font-size:24px}
 body:has(>.pearls-department-header) .hero-stage .shared-action{top:226px}
}

/* Reframed photographs fill the stage; the fixed header has a clean, shadow-free edge. */
body:has(>.pearls-department-header) .hero-stage .hero-visual{top:0;bottom:0}
body:has(>.pearls-department-header) .hero-stage .hero-image{object-position:50% 0%}
body > .pearls-department-header{position:fixed;inset:0 0 auto;z-index:30}
.pearls-department-header .department-chrome.department-chrome{--nav-ink:#481128;--nav-badge-ink:#fff8ed;background:#faf4e8;color:var(--nav-ink);box-shadow:none;border:0;backdrop-filter:none}
.pearls-department-header .department-chrome::before,.pearls-department-header .department-chrome::after{content:none;display:none}
body:has(>.pearls-department-header) :is(#collections,#collection-products,#confidence,#closing){scroll-margin-top:76px}
@media(max-width:700px){body:has(>.pearls-department-header) :is(#collections,#collection-products,#confidence,#closing){scroll-margin-top:98px}}

/* Owner-requested 30px drop; preserve the existing scene animation transforms. */
body:has(>.pearls-department-header) .hero-stage :is(.scene-title,.shared-action,.hero-copy .primary-action,.hero-copy .collections-link){translate:0 30px}
@media(max-width:700px) and (orientation:portrait),(max-aspect-ratio:4/5){
 body:has(>.pearls-department-header) .hero-stage :is(.shared-action,.hero-copy .primary-action,.hero-copy .collections-link){translate:none}
}

/* Keep the approved personal headlines within the photograph's left copy area. */
body:has(>.pearls-department-header){--headline-size:clamp(32px,3.5vw,64px)}
@media(max-width:700px) and (orientation:portrait),(max-aspect-ratio:4/5){
 body:has(>.pearls-department-header){--headline-size:clamp(24px,6.4vw,32px)}
}