/* The homepage photograph continues behind the navigation. */
.nb-home-reference{--nb-home-note-offset:58px;--nb-home-header-height:72px}
.nb-home-reference .site-header{position:fixed;top:max(var(--nb-home-note-offset),var(--wp-admin--admin-bar--height,0px));left:50%;right:auto;transform:translateX(-50%);width:100%;background:transparent;border-bottom:0;box-shadow:none;transition:background .2s,box-shadow .2s}
.nb-home-reference.nb-home-header-solid .site-header,.nb-home-reference.nb-menu-open .site-header{background:var(--cream);box-shadow:0 2px 16px #4632380d}
.nb-home-reference .ref-hero{height:80vh;height:80svh;min-height:0;padding-top:calc(var(--nb-home-header-height) + 20px)}
.nb-home-reference .ref-hero-picture img{object-position:center}
.nb-home-reference .ref-hero-copy{container-type:inline-size}
.nb-home-reference .ref-hero-copy h1{white-space:nowrap;text-wrap:nowrap}
.nb-home-reference .ref-deodorant-intro{min-height:300px;padding:37px 0;background:var(--cream);border-bottom:1px solid var(--line)}
.nb-home-reference .ref-deodorant-intro .ref-section-heading{margin-bottom:0}
.nb-home-reference .ref-deodorant-intro .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:10px;color:var(--muted)}
.nb-home-reference .ref-deodorant-intro h2{font-size:29px;line-height:1.25;text-wrap:balance}
.nb-home-reference .ref-deodorant-copy{max-width:650px;margin:19px auto 0;text-align:center;font-size:13px;line-height:1.85}
.nb-home-reference .ref-deodorant-contexts{list-style:none;padding:17px 0 0;margin:22px 0 0;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 30px}
.nb-home-reference .ref-deodorant-contexts li{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6}
.nb-home-reference .ref-deodorant-contexts svg{width:19px;height:19px;color:var(--ref-accent);stroke-width:1.4}
@media(min-width:760px){
 .nb-home-reference{--nb-home-note-offset:38px;--nb-home-header-height:90px}
 .nb-home-reference .ref-hero{height:clamp(480px,41.6667vw,700px);min-height:480px;padding-top:calc(var(--nb-home-header-height) + 30px);padding-bottom:45px}
 .nb-home-reference .ref-hero-picture img{object-position:center}
 .nb-home-reference .ref-hero:after{background:linear-gradient(180deg,#fffaf5b8 0%,#fffaf540 100px,transparent 210px),linear-gradient(90deg,#fffaf5f5 0%,#fffaf5e6 30%,#fffaf5b3 49%,#fffaf51a 68%,transparent 78%)}
 .nb-home-reference .ref-hero-copy{color:var(--ink);width:56%;max-width:680px}
 .nb-home-reference .ref-hero-copy h1{font-size:min(clamp(35px,3.5vw,50px),7.7cqi)}
 .nb-home-reference .ref-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:400px;margin-top:21px}
 .nb-home-reference .ref-hero-copy .button{font-size:13px;min-height:46px;padding:12px 18px;gap:16px}
}
@media(min-width:1100px){
 .nb-home-reference{--nb-home-header-height:88px}
 .nb-home-reference .main-menu{background:transparent}
}
@media(min-width:760px) and (max-aspect-ratio:4/5){
 .nb-home-reference .ref-hero{display:block;padding-top:calc(var(--nb-home-header-height) + 24px)}
 .nb-home-reference .ref-hero-picture img{object-position:center bottom}
 .nb-home-reference .ref-hero-copy{max-width:540px}
}
@media(max-width:759px) and (max-height:740px){
 .nb-home-reference .ref-hero{padding-top:calc(var(--nb-home-header-height) + 10px)}
 .nb-home-reference .ref-hero-copy .eyebrow{font-size:8px;margin-bottom:8px}
 .nb-home-reference .ref-hero-copy h1{font-size:clamp(26px,7.8vw,32px);line-height:1.1}
 .nb-home-reference .ref-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.5;margin-top:10px}
 .nb-home-reference .ref-hero-copy .button{margin-top:12px;min-height:44px}
}
@media(max-width:759px){
 .nb-home-reference .ref-hero:after{background:linear-gradient(180deg,#fffaf5ba 0%,#fffaf599 24%,#fffaf52e 46%,transparent 62%)}
 .nb-home-reference .ref-hero-copy{display:block;width:100%;max-width:440px}
 .nb-home-reference .ref-hero-copy .eyebrow{font-size:8px;margin-bottom:9px}
 .nb-home-reference .ref-hero-copy h1{font-size:min(clamp(26px,7.6vw,36px),7.7cqi);line-height:1.12}
 .nb-home-reference .ref-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-top:13px;max-width:390px}
 .nb-home-reference .ref-hero-copy .button{margin-top:17px;min-height:44px;padding:11px 14px;font-size:11px;gap:13px}
 .nb-home-reference .ref-deodorant-intro{min-height:0;padding:34px 0}
 .nb-home-reference .ref-deodorant-intro .ref-container{width:86%}
 .nb-home-reference .ref-deodorant-intro h2{font-size:clamp(24px,6.67vw,26px)}
 .nb-home-reference .ref-deodorant-copy{font-size:12px;line-height:1.85}
 .nb-home-reference .ref-deodorant-contexts{justify-content:flex-start;gap:14px 23px;margin-top:25px;padding-top:20px}
}
/* Keep the copy above the portrait photograph and its complete product. */
@media(max-width:759px){
 .nb-home-reference .ref-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:0;background:var(--cream)}
 .nb-home-reference .ref-hero:after{content:none}
 .nb-home-reference .ref-hero-copy{order:1;position:relative;z-index:1;flex:0 0 auto;width:calc(100% - 48px);max-width:540px;margin:0 24px;padding:calc(var(--nb-home-header-height) + 20px) 0 18px}
 .nb-home-reference .ref-hero-picture{order:2;position:relative;inset:auto;z-index:0;flex:0 0 auto;width:100%;aspect-ratio:20/23;overflow:hidden}
 .nb-home-reference .ref-hero-picture img{position:absolute;inset:0 auto 0 -15%;width:130%;max-width:none;object-position:center bottom}
 .nb-home-reference .ref-hero-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--cream),transparent 15%);pointer-events:none}
 .nb-home-reference .ref-hero-caption{z-index:1}
}
@media(prefers-reduced-motion:reduce){.nb-home-reference .site-header{transition:none}}