/* Design Authority c1c5e44. Shared Product Family V2; accepted Serum & Cream composition. */
.pfv2-page {
  --pfv2-ivory:#f8f4ea; --pfv2-paper:#f2eee4; --pfv2-green:var(--yz-green-900,#0d3b31); --pfv2-gold:var(--yz-champagne-500,#c9ad72);
  color:var(--pfv2-green); background:var(--pfv2-ivory); font:400 17px/1.65 var(--font-sans);
}
.pfv2-page * { box-sizing:border-box; }
.pfv2-page :is(h1,h2,h3,p,figure,ol) { margin:0; }
.pfv2-page :is(h1,h2,h3) { font-family:var(--font-display)!important; font-weight:400; letter-spacing:-.025em; }
.pfv2-page h1 { font-size:clamp(64px,5.3vw,76px); line-height:1.03; }
.pfv2-page h2 { font-size:clamp(46px,4.2vw,60px); line-height:1.08; }
.pfv2-page h3 { font-size:32px; line-height:1.15; }
.pfv2-page em { font-weight:400; }
.pfv2-shell { width:min(calc(100% - 80px),1440px); margin-inline:auto; }
.pfv2-section { padding-block:112px; }
.pfv2-paper { background:var(--pfv2-paper); }
.pfv2-page a { color:inherit; text-decoration:none; }
.pfv2-page :is(a,button,summary):focus-visible { outline:2px solid #96733c; outline-offset:6px; }
.pfv2-page .pfv2-eyebrow { margin-bottom:22px; font:500 12px/1.5 var(--font-sans); letter-spacing:.075em; text-transform:uppercase; }
.pfv2-page .pfv2-small { font-size:12px; line-height:1.6; color:#53665b; }
.pfv2-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; padding-top:30px; font-size:12px; color:#52665b; }
.pfv2-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.pfv2-hero { display:grid; grid-template-columns:42fr 58fr; align-items:center; gap:52px; padding-block:58px 32px; }
.pfv2-hero-copy { min-width:0; }
.pfv2-hero .pfv2-editorial { font:400 43px/1.15 var(--font-display); letter-spacing:-.02em; margin:24px 0; }
.pfv2-hero .pfv2-editorial em { color:#8d713f; }
.pfv2-hero .pfv2-lede { max-width:42ch; }
.pfv2-actions { display:flex; flex-wrap:wrap; gap:22px 30px; align-items:center; margin-top:32px; }
.pfv2-page .yz-action { min-height:50px; font:500 14px/1.4 var(--font-sans); border-radius:0; }
.pfv2-link { display:inline-flex; align-items:center; gap:24px; min-height:44px; padding-block:10px; position:relative; font:500 14px/1.5 var(--font-sans); }
.pfv2-link::after { content:''; position:absolute; bottom:5px; left:0; right:0; height:1px; background:currentColor; transform-origin:left; transform:scaleX(.25); transition:transform 360ms ease; }
.pfv2-link span { transition:transform 360ms ease; }
.pfv2-link:is(:hover,:focus-visible)::after { transform:scaleX(1); }
.pfv2-link:is(:hover,:focus-visible) span { transform:translateX(4px); }
.pfv2-image { overflow:hidden; background:#eee9dc; }
.pfv2-image img { display:block; width:100%; height:100%; object-fit:contain; }
.pfv2-figure figcaption { margin-top:12px; color:#617065; font:400 12px/1.6 var(--font-sans); max-width:60ch; }
.pfv2-hero-visual .pfv2-image { aspect-ratio:3/2; }
.pfv2-hero-visual img { object-fit:cover; }
.pfv2-section-head { display:grid; grid-template-columns:1.35fr 1fr; gap:100px; align-items:end; margin-bottom:64px; }
.pfv2-section-head > p { max-width:46ch; }
.pfv2-format { display:grid; grid-template-columns:1.15fr 1fr; gap:100px; align-items:center; padding-block:48px; border-top:1px solid #0d3b3126; }
.pfv2-format--reverse { grid-template-columns:1fr 1.15fr; }
.pfv2-format--reverse > div:first-child { grid-column:2; grid-row:1; }
.pfv2-format--reverse .pfv2-format-copy { grid-column:1; grid-row:1; }
.pfv2-format-visual { max-width:480px; margin-inline:auto!important; }
.pfv2-format-visual .pfv2-image { aspect-ratio:3/4; }
.pfv2-format-copy { max-width:460px; }
.pfv2-format-copy h3 { font-size:48px; line-height:1.1; margin-bottom:24px; }
.pfv2-format-copy .pfv2-link { margin-top:24px; }
.pfv2-directions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 44px; }
.pfv2-directions article { border-top:1px solid #0d3b3140; padding-top:26px; min-width:0; }
.pfv2-directions h3 { margin-bottom:18px; }
.pfv2-directions p { font-size:15px; min-height:5em; max-width:37ch; }
.pfv2-directions button { display:flex; gap:36px; align-items:center; min-height:44px; border:0; border-bottom:1px solid #0d3b3140; background:transparent; color:inherit; padding:10px 0; margin-top:20px; cursor:pointer; font:500 14px/1.5 var(--font-sans); }
.pfv2-directions button[aria-pressed="true"] { color:#765b2a; border-color:#765b2a; }
.pfv2-direction-detail { display:grid; grid-template-columns:1fr 1.6fr auto; gap:36px; align-items:center; margin-top:52px; padding-block:28px; border-block:1px solid #0d3b3140; }
.pfv2-direction-detail .pfv2-eyebrow { margin-bottom:8px; }
.pfv2-direction-detail .pfv2-small { margin-top:10px; }
.pfv2-lookbook { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.pfv2-lookbook .pfv2-image { aspect-ratio:1; }
.pfv2-lookbook article > div { margin-top:28px; }
.pfv2-lookbook h3 { margin-bottom:12px; }
.pfv2-lookbook article p { font-size:15px; max-width:44ch; }
.pfv2-packaging-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #0d3b3126; padding-top:26px; margin-top:44px; }
.pfv2-packaging-foot p { font-size:14px; }
.pfv2-customization { display:grid; grid-template-columns:1fr 1.4fr; gap:120px; }
.pfv2-customization > div:first-child > p:last-child { margin-top:26px; max-width:35ch; }
.pfv2-custom-rows article { display:grid; grid-template-columns:1fr 1.5fr; gap:36px; padding-block:28px; border-top:1px solid #0d3b3126; }
.pfv2-custom-rows h3 { font-size:28px; }
.pfv2-custom-rows p { font-size:15px; }
.pfv2-journey { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin-bottom:36px!important; }
.pfv2-journey li { border-top:1px solid #0d3b3155; padding-top:20px; min-width:0; }
.pfv2-journey li > span { font:400 30px/1.2 var(--font-display); color:#8d713f; }
.pfv2-journey h3 { font-size:25px; margin:24px 0 16px; }
.pfv2-journey p { font-size:14px; }
.pfv2-proof,.pfv2-final { color:#f8f4ea; background:var(--pfv2-green); }
.pfv2-proof .pfv2-eyebrow,.pfv2-final .pfv2-eyebrow { color:var(--pfv2-gold); }
.pfv2-proof .pfv2-section-head > p,.pfv2-proof-grid p { color:#d4dacf; }
.pfv2-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.pfv2-proof-grid .pfv2-image { aspect-ratio:16/9; background:#173f33; }
.pfv2-proof-grid .pfv2-figure img { object-fit:contain; }
.pfv2-proof-grid figcaption { color:#bdc9bc; }
.pfv2-proof-grid h3 { margin:28px 0 16px; }
.pfv2-proof-grid p { font-size:15px; max-width:38ch; }
.pfv2-proof-grid .pfv2-link { margin-top:24px; }
.pfv2-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.pfv2-related article { border-top:1px solid #0d3b3140; padding-top:28px; }
.pfv2-related p { font-size:15px; margin:18px 0; }
.pfv2-faq-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:120px; }
.pfv2-faq details { border-top:1px solid #0d3b3126; }
.pfv2-faq details:last-child { border-bottom:1px solid #0d3b3126; }
.pfv2-faq summary { display:flex; justify-content:space-between; gap:24px; list-style:none; padding:24px 8px 24px 0; font-size:16px; font-weight:500; cursor:pointer; }
.pfv2-faq summary::-webkit-details-marker { display:none; }
.pfv2-faq summary span { flex:0 0 20px; height:20px; display:grid; place-items:center; line-height:1; font-weight:400; transition:transform 360ms ease; }
.pfv2-faq details[open] summary span { transform:rotate(45deg); }
.pfv2-faq details > div { padding-bottom:26px; font-size:15px; }
.pfv2-faq .pfv2-link { margin-right:20px; }
.pfv2-final-layout { display:grid; grid-template-columns:1.35fr 1fr; gap:100px; align-items:center; }
.pfv2-final .yz-action { background:var(--pfv2-ivory); color:var(--pfv2-green); border-color:var(--pfv2-ivory); }
.pfv2-final .yz-action-label { color:inherit; }
.pfv2-final .pfv2-actions { gap:20px; }
.pfv2-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px!important; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.pfv2-page section[id] { scroll-margin-top:110px; }
@media (min-width:1200px) and (max-width:1599px) { .pfv2-shell { max-width:1320px; } }
@media (max-width:1199px) {
  .pfv2-section { padding-block:88px; }
  .pfv2-hero,.pfv2-section-head,.pfv2-format,.pfv2-customization,.pfv2-faq-layout,.pfv2-final-layout { gap:48px; }
  .pfv2-hero { grid-template-columns:1fr 1.1fr; }
  .pfv2-page h1 { font-size:64px; }
  .pfv2-hero .pfv2-editorial { font-size:36px; }
  .pfv2-directions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pfv2-direction-detail { grid-template-columns:1fr 2fr; }
  .pfv2-direction-detail > a { grid-column:2; justify-self:start; }
  .pfv2-journey { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
  .pfv2-proof-grid { gap:24px; }
  .pfv2-custom-rows article { grid-template-columns:1fr; gap:14px; }
}
@media (max-width:850px) {
  .pfv2-shell { width:calc(100% - 40px); }
  .pfv2-section { padding-block:72px; }
  .pfv2-page h1 { font-size:52px; }
  .pfv2-page h2 { font-size:42px; }
  .pfv2-hero { grid-template-columns:1fr; gap:36px; padding-block:40px 56px; }
  .pfv2-hero .pfv2-editorial { font-size:36px; }
  .pfv2-hero .pfv2-editorial br { display:none; }
  .pfv2-hero .pfv2-editorial em { margin-left:.2em; }
  .pfv2-hero .pfv2-lede { max-width:55ch; }
  .pfv2-section-head,.pfv2-customization,.pfv2-faq-layout,.pfv2-final-layout { grid-template-columns:1fr; gap:28px; }
  .pfv2-section-head { margin-bottom:44px; }
  .pfv2-format,.pfv2-format--reverse { grid-template-columns:1fr; gap:30px; padding-block:36px; }
  .pfv2-format--reverse > div:first-child,.pfv2-format--reverse .pfv2-format-copy { grid-column:auto; grid-row:auto; }
  .pfv2-format-visual { max-width:390px; }
  .pfv2-format-copy { max-width:55ch; }
  .pfv2-format-copy h3 { font-size:36px; }
  .pfv2-lookbook { gap:24px; }
  .pfv2-lookbook h3 { font-size:28px; }
  .pfv2-proof-grid,.pfv2-related { grid-template-columns:1fr; gap:48px; }
  .pfv2-proof-grid .pfv2-figure { max-width:620px; }
  .pfv2-proof-grid p { max-width:50ch; }
  .pfv2-custom-rows article { grid-template-columns:1fr 1.5fr; gap:28px; }
}
@media (max-width:560px) {
  .pfv2-page { font-size:16px!important; }
  .pfv2-breadcrumb { font-size:11px; gap:9px; padding-top:24px; }
  .pfv2-page h1 { font-size:46px; }
  .pfv2-page h2 { font-size:36px; }
  .pfv2-page h3 { font-size:28px; }
  .pfv2-page .pfv2-eyebrow { font-size:11px; margin-bottom:18px; }
  .pfv2-hero .pfv2-editorial { font-size:30px; margin-block:20px; }
  .pfv2-hero .pfv2-editorial br { display:block; }
  .pfv2-hero .pfv2-editorial em { margin-left:0; }
  .pfv2-actions { gap:14px 24px; margin-top:28px; }
  .pfv2-hero { gap:32px; }
  .pfv2-section { padding-block:64px; }
  .pfv2-format-visual { max-width:100%; }
  .pfv2-format-copy h3 { font-size:32px; }
  .pfv2-directions,.pfv2-lookbook { grid-template-columns:1fr; }
  .pfv2-directions { gap:32px; }
  .pfv2-directions p { min-height:0; }
  .pfv2-direction-detail { grid-template-columns:1fr; gap:20px; }
  .pfv2-direction-detail > a { grid-column:auto; }
  .pfv2-lookbook { gap:48px; }
  .pfv2-custom-rows article { grid-template-columns:1fr; gap:14px; }
  .pfv2-journey { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 22px; }
  .pfv2-journey h3 { font-size:24px; }
  .pfv2-faq summary { font-size:15px; }
  .pfv2-final h2 { font-size:34px; }
}
@media (prefers-reduced-motion:reduce) { .pfv2-page *, .pfv2-page *::after { transition:none!important; scroll-behavior:auto!important; } }

.pfv2-wide-lookbook {max-width:1120px;margin-inline:auto!important}.pfv2-wide-lookbook .pfv2-image{aspect-ratio:16/9}.pfv2-format-note{margin-top:20px}.pfv2-page details p+p{margin-top:16px}.pfv2-page details:not(.pfv2-faq details){margin-top:20px;border-top:1px solid #0d3b3126;padding-top:12px}.pfv2-page details:not(.pfv2-faq details) summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:44px;align-items:center;padding-right:8px}.pfv2-page details:not(.pfv2-faq details) summary span{flex:0 0 20px}.pfv2-page details:not(.pfv2-faq details) p{font-size:14px;margin-block:16px}.pfv2-source-notes h3{margin-top:28px}.pfv2-family-detail{align-items:start}.pfv2-packaging-foot p{max-width:72ch}.pfv2-page .pfv2-editorial{overflow-wrap:anywhere}
.pfv2-page .pfv2-format-visual{max-width:620px}.pfv2-page .pfv2-format-visual .pfv2-image{aspect-ratio:auto}.pfv2-page .pfv2-format-visual img{height:auto}.pfv2-page .pfv2-hero-visual img{object-fit:contain}.pfv2-page .pfv2-format-visual figcaption{max-width:none}


/* Human-approved sitewide reading scale, 2026-10-08. Typography only. */
body .pfv2-page :is(.pfv2-directions p,.pfv2-lookbook article p,.pfv2-custom-rows p,.pfv2-proof-grid p,.pfv2-related p) { font-size:var(--yz-reading-body);line-height:var(--yz-reading-leading); }
body .pfv2-page :is(.pfv2-small,.pfv2-format-note,.pfv2-packaging-foot p,.pfv2-journey p,.pfv2-faq details>div) { font-size:var(--yz-reading-support);line-height:1.65; }
body .pfv2-page details:not(.pfv2-faq details) :is(p,summary),body .pfv2-page .pfv2-faq summary { font-size:var(--yz-reading-support);line-height:1.6; }