/* Editorial, photography-led product story for the Vital Step Men preview. */
.men-story-v4 { --ink:#142b3c; --paper:#f7f4ee; --blue:#31536b; --line:#d2d7d6; --muted:#53636e; background:var(--paper); color:var(--ink); }
.men-story-v4 .shell { width:min(1200px,calc(100% - 96px)); }
.men-story-v4 .m-section { padding:72px 0; }
.men-story-v4 .button { min-height:48px; border-radius:8px; }
.men-story-v4 .m-hero { background:var(--paper); color:var(--ink); overflow:visible; }
.men-story-v4 .m-hero-grid { grid-template-columns:1fr 1fr; gap:56px; min-height:0; padding-top:44px; padding-bottom:44px; }
.men-story-v4 .m-hero h1 { font-size:clamp(40px,4.6vw,64px); line-height:1.05; }
.men-story-v4 .m-hero h1 em { color:var(--blue); }
.men-story-v4 .m-hero-copy>.eyebrow,.men-story-v4 .m-lead,.men-story-v4 .m-start-price span,.men-story-v4 .m-disclosure,.men-story-v4 .m-safety-link { color:var(--muted); }
.men-story-v4 .m-hero .button.light { width:100%; max-width:280px; background:var(--ink); color:var(--paper); }
.men-story-v4 .v4-hero-visual { position:relative; min-width:0; align-self:center; padding-bottom:52px; }
.men-story-v4 .v4-hero-lifestyle { margin:0; overflow:hidden; border-radius:8px; }
.men-story-v4 .v4-hero-lifestyle img { display:block; width:100%; height:520px; object-fit:cover; object-position:center; }
.men-story-v4 .v4-product-inset { position:absolute; left:-24px; bottom:0; width:45%; margin:0; background:var(--paper); border:8px solid var(--paper); border-radius:12px; }
.men-story-v4 .v4-product-inset img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:4px; }
.men-story-v4 .v4-product-inset figcaption { padding:9px 4px 2px; color:var(--ink); line-height:1.3; }
.men-story-v4 .v4-product-inset strong,.men-story-v4 .v4-product-inset small { display:block; }
.men-story-v4 .v4-product-inset strong { font-size:13px; }
.men-story-v4 .v4-product-inset small { color:var(--muted); font-size:11px; margin-top:2px; }
.men-story-v4 .v4-quick-facts { background:var(--ink); color:var(--paper); }
.men-story-v4 .v4-quick-facts>.shell { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.men-story-v4 .v4-quick-facts .shell>div { padding:22px 28px; border-left:1px solid #ffffff2c; }
.men-story-v4 .v4-quick-facts .shell>div:last-child { border-right:1px solid #ffffff2c; }
.men-story-v4 .v4-quick-facts span,.men-story-v4 .v4-quick-facts strong { display:block; }
.men-story-v4 .v4-quick-facts span { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#cbd7de; }
.men-story-v4 .v4-quick-facts strong { margin-top:5px; font-size:16px; font-weight:600; }
.men-story-v4 .v4-section-heading { max-width:720px; margin-bottom:36px; }
.men-story-v4 .v4-section-heading .eyebrow { color:var(--blue); margin-bottom:13px; }
.men-story-v4 .v4-section-heading h2 { font-size:clamp(35px,3.4vw,48px); line-height:1.1; }
.men-story-v4 .v4-section-heading>p:not(.eyebrow) { max-width:650px; margin-top:16px; color:var(--muted); }
.men-story-v4 .v4-formula-stage { position:relative; height:400px; }
.men-story-v4 .v4-formula-photo { position:absolute; inset:0 26%; margin:0; overflow:hidden; border-radius:8px; }
.men-story-v4 .v4-formula-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.men-story-v4 .v4-ingredient { position:absolute; width:21%; padding:14px 0; border-top:1px solid var(--blue); }
.men-story-v4 .v4-ingredient span { display:block; color:var(--blue); font-size:11px; letter-spacing:.1em; }
.men-story-v4 .v4-ingredient h3 { margin-top:5px; font-size:23px; line-height:1.1; }
.men-story-v4 .v4-ingredient p { margin-top:6px; color:var(--muted); font-size:13px; line-height:1.45; }
.men-story-v4 .v4-ingredient::after { content:""; position:absolute; top:-1px; width:24%; border-top:1px solid var(--blue); }
.men-story-v4 .v4-ingredient--sild { top:38px; left:0; }
.men-story-v4 .v4-ingredient--tada { bottom:38px; left:0; }
.men-story-v4 .v4-ingredient--vard { top:38px; right:0; }
.men-story-v4 .v4-ingredient--apo { right:0; bottom:38px; }
.men-story-v4 .v4-ingredient--sild::after,.men-story-v4 .v4-ingredient--tada::after { left:100%; }
.men-story-v4 .v4-ingredient--vard::after,.men-story-v4 .v4-ingredient--apo::after { right:100%; }
.men-story-v4 .v4-formula-caption { max-width:760px; margin:24px auto 0; color:var(--muted); font-size:13px; line-height:1.6; text-align:center; }
.men-story-v4 .v4-education { background:#e8edef; }
.men-story-v4 .v4-education-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.men-story-v4 .v4-education-grid article { padding:32px; border:1px solid #c8d2d6; border-radius:8px; background:var(--paper); }
.men-story-v4 .v4-line-art { display:block; width:100%; max-width:190px; height:150px; margin-bottom:25px; color:var(--blue); }
.men-story-v4 .v4-education-grid h3 { font-size:28px; line-height:1.15; }
.men-story-v4 .v4-education-grid p { margin-top:12px; color:var(--muted); font-size:15px; }
.men-story-v4 .v4-lifestyle-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.men-story-v4 .v4-lifestyle-image { margin:0; overflow:hidden; border-radius:8px; }
.men-story-v4 .v4-lifestyle-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; object-position:center; }
.men-story-v4 .v4-lifestyle-copy h2,.men-story-v4 .v4-care-copy h2 { font-size:clamp(35px,3.4vw,48px); line-height:1.1; }
.men-story-v4 .v4-lifestyle-copy>p { margin-top:18px; color:var(--muted); }
.men-story-v4 .v4-lifestyle-copy ul { list-style:none; padding:0; margin:24px 0; }
.men-story-v4 .v4-lifestyle-copy li { padding:11px 0; border-top:1px solid var(--line); font-size:14px; }
.men-story-v4 .v4-lifestyle-copy li:last-child { border-bottom:1px solid var(--line); }
.men-story-v4 .v4-comparison { background:#eef0ec; }
.men-story-v4 .v4-table-wrap { width:100%; }
.men-story-v4 .v4-table-wrap table { width:100%; border-collapse:collapse; table-layout:fixed; }
.men-story-v4 .v4-table-wrap th,.men-story-v4 .v4-table-wrap td { padding:17px 18px; border-bottom:1px solid #cbd2d1; text-align:left; vertical-align:top; }
.men-story-v4 .v4-table-wrap th { color:var(--blue); font-size:12px; letter-spacing:.06em; }
.men-story-v4 .v4-table-wrap td { font-size:14px; line-height:1.5; }
.men-story-v4 .v4-care-layout { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.men-story-v4 .v4-care-photo { margin:0; overflow:hidden; border-radius:8px; }
.men-story-v4 .v4-care-photo img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; object-position:center; }
.men-story-v4 .v4-care-steps { margin-top:28px; }
.men-story-v4 .v4-care-steps article { position:relative; padding:18px 0 18px 44px; border-top:1px solid var(--line); }
.men-story-v4 .v4-care-steps article>span { position:absolute; top:21px; left:0; color:var(--blue); font-size:11px; }
.men-story-v4 .v4-care-steps h3 { font-size:22px; }
.men-story-v4 .v4-care-steps p { margin-top:6px; color:var(--muted); font-size:14px; }
.men-story-v4 .v4-confidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.men-story-v4 .v4-confidence article { padding:26px; border:1px solid var(--line); border-radius:8px; }
.men-story-v4 .v4-confidence h3 { font-size:23px; }
.men-story-v4 .v4-confidence p { margin-top:10px; color:var(--muted); font-size:14px; }
.men-story-v4 .m-plans { background:#e5ecee; }
.men-story-v4 .m-plans .men-card,.men-story-v4 .m-plans .men-card.featured { border-radius:8px; }

@media (max-width:760px) {
  .men-page.men-v2 .private-preview { padding:4px 16px; font-size:9px; line-height:1.4; }
  .men-page.men-v2 .m-nav { min-height:58px; gap:12px; }
  .men-page.men-v2 .m-nav .logo { gap:9px; }
  .men-page.men-v2 .m-nav .logo img { width:116px; }
  .men-page.men-v2 .m-nav .men-label { font-size:8px; padding-left:9px; }
  .men-page.men-v2 .m-nav .button { min-height:40px; padding:9px 12px; gap:12px; font-size:12px; border:1px solid #f7f4ee55; background:transparent; color:var(--paper); border-radius:6px; }
  .men-page.men-v2 .m-nav .button:after { font-size:16px; }
  .men-story-v4 .shell { width:calc(100% - 32px); }
  .men-story-v4 .m-section { padding:44px 0; }
  .men-story-v4 .m-product-hero .m-hero-grid { display:grid; grid-template-columns:1fr; gap:0; padding-top:20px; padding-bottom:16px; }
  .men-story-v4 .m-hero-copy { display:contents; }
  .men-story-v4 .m-hero-copy>.eyebrow { order:1; margin-bottom:9px; font-size:10px; letter-spacing:.08em; }
  .men-story-v4 .m-hero-copy>h1 { order:2; margin:0; max-width:none; font-size:clamp(29px,8.2vw,38px); line-height:1.08; letter-spacing:-.025em; }
  .men-story-v4 .v4-hero-visual { order:3; display:grid; gap:10px; width:100%; margin:18px 0 14px; padding-bottom:0; }
  .men-story-v4 .v4-hero-lifestyle { border-radius:8px; }
  .men-story-v4 .v4-hero-lifestyle img { height:min(52vw,220px); aspect-ratio:auto; object-position:center; }
  .men-story-v4 .v4-product-inset { position:static; display:flex; align-items:center; gap:12px; width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
  .men-story-v4 .v4-product-inset img { flex:0 0 84px; width:84px; height:84px; aspect-ratio:1; border-radius:6px; object-fit:contain; }
  .men-story-v4 .v4-product-inset figcaption { padding:0; line-height:1.4; }
  .men-story-v4 .v4-product-inset strong { font-size:14px; font-weight:600; }
  .men-story-v4 .v4-product-inset small { font-size:12px; margin-top:2px; }
  .men-story-v4 .m-hero-copy>.m-hero-offer,.men-story-v4 .m-hero-copy>.m-start-price { order:4; }
  .men-story-v4 .m-hero-offer { margin:0; padding:14px 0 0; border-top:1px solid var(--line); }
  .men-story-v4 .m-hero-offer .m-start-price { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; margin:0; }
  .men-story-v4 .m-hero-offer .m-start-price strong { font-size:30px; line-height:1.1; }
  .men-story-v4 .m-hero-offer .m-start-price span { font-size:12px; max-width:165px; line-height:1.4; }
  .men-story-v4 .m-hero-offer .m-actions { margin-top:14px; }
  .men-story-v4 .m-hero-offer .m-disclosure { margin-top:9px; font-size:12px; line-height:1.4; }
  .men-story-v4 .m-hero-copy>.m-sales-points,.men-story-v4 .m-hero-copy>.m-actions { order:5; }
  .men-story-v4 .m-sales-points { gap:8px 12px; margin-top:13px; font-size:11px; line-height:1.4; }
  .men-story-v4 .m-sales-points li::before { margin-right:4px; }
  .men-story-v4 .m-hero-copy>.m-lead { order:6; margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
  .men-story-v4 .m-hero-copy>.m-disclosure { order:7; }
  .men-story-v4 .m-hero-copy>.m-safety-link { order:8; margin-top:9px; font-size:11px; }
  .men-story-v4 .m-hero .button.light { max-width:none; width:100%; min-height:50px; padding:13px 18px; font-size:15px; border-radius:6px; }
  .men-story-v4 .m-hero>.m-trust>.shell { min-height:72px; padding-top:9px; padding-bottom:9px; }
  .men-story-v4 .m-cert { gap:12px; }
  .men-story-v4 .m-cert img { width:48px; height:52px; flex-basis:48px; }
  .men-story-v4 .m-cert strong { font-size:12px; }
  .men-story-v4 .m-cert small { font-size:11px; }
  .men-story-v4 .v4-quick-facts>.shell { grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
  .men-story-v4 .v4-quick-facts .shell>div { padding:15px 8px; border-left:0; text-align:center; }
  .men-story-v4 .v4-quick-facts .shell>div+div { border-left:1px solid #ffffff2c; }
  .men-story-v4 .v4-quick-facts .shell>div:last-child { border-right:0; }
  .men-story-v4 .v4-quick-facts span { font-size:11px; letter-spacing:.04em; }
  .men-story-v4 .v4-quick-facts strong { font-size:13px; line-height:1.25; }
  .men-story-v4 .v4-section-heading { margin-bottom:26px; }
  .men-story-v4 .v4-section-heading h2,.men-story-v4 .v4-lifestyle-copy h2,.men-story-v4 .v4-care-copy h2 { font-size:30px; line-height:1.15; }
  .men-story-v4 .v4-formula-stage { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; height:auto; }
  .men-story-v4 .v4-formula-photo { position:static; grid-column:1/-1; border-radius:8px; }
  .men-story-v4 .v4-formula-photo img { height:auto; aspect-ratio:4/3; }
  .men-story-v4 .v4-ingredient { position:static; width:auto; padding:14px 0 0; }
  .men-story-v4 .v4-ingredient::after { display:none; }
  .men-story-v4 .v4-ingredient h3 { font-size:20px; }
  .men-story-v4 .v4-ingredient p { font-size:12px; }
  .men-story-v4 .v4-formula-caption { margin-top:20px; text-align:left; }
  .men-story-v4 .v4-education-grid { grid-template-columns:1fr; gap:18px; }
  .men-story-v4 .v4-education-grid article { padding:25px; }
  .men-story-v4 .v4-line-art { max-width:160px; height:130px; margin-bottom:20px; }
  .men-story-v4 .v4-lifestyle-grid,.men-story-v4 .v4-care-layout { grid-template-columns:1fr; gap:28px; }
  .men-story-v4 .v4-lifestyle-image,.men-story-v4 .v4-care-photo { order:0; width:100%; }
  .men-story-v4 .v4-lifestyle-copy,.men-story-v4 .v4-care-copy { order:1; }
  .men-story-v4 .v4-lifestyle-copy .button { width:100%; }
  .men-story-v4 .v4-table-wrap { overflow:visible; }
  .men-story-v4 .v4-table-wrap th,.men-story-v4 .v4-table-wrap td { padding:12px 7px; font-size:13px; overflow-wrap:anywhere; }
  .men-story-v4 .v4-table-wrap th { font-size:11px; letter-spacing:0; }
  .men-story-v4 .v4-care-steps article { padding:18px 0 18px 38px; }
  .men-story-v4 .v4-confidence-grid { grid-template-columns:1fr; gap:16px; }
  .men-story-v4 .m-plans .men-card { padding:22px; }
  .men-story-v4 .m-plans .men-card h3 { font-size:28px; }
  .men-story-v4 .m-plans .men-card .price { font-size:40px; margin-top:10px; }
  .men-story-v4 .m-plans .men-card .price span { display:inline; margin-left:8px; font-size:12px; }
  .men-story-v4 .m-plans .men-card .terms { font-size:13px; line-height:1.55; margin:16px 0 22px; }
  .men-story-v4 .m-plans .men-card .button { min-height:48px; font-size:14px; }
  .men-story-v4 .m-offer-head { display:block; }
  .men-story-v4 .m-save-note { padding:18px; margin:0 0 22px; }
  .men-story-v4 .m-plans .segmented { border-radius:8px; gap:4px; }
  .men-story-v4 .m-plans .segmented button { border-radius:5px; padding:11px 10px; min-height:46px; font-size:12px; line-height:1.4; }
}

.men-story-v4 .v4-lifestyle-copy li strong,.men-story-v4 .v4-lifestyle-copy li span{display:block}.men-story-v4 .v4-lifestyle-copy li span{margin-top:6px;color:var(--muted)}
.men-story-v4 .v4-education-note,.men-story-v4 .v4-comparison-note{font-size:13px;color:var(--muted);line-height:1.6;margin-top:24px;max-width:930px}
.men-story-v4 .v4-confidence-grid article>span{font-size:11px;color:var(--blue);display:block;margin-bottom:14px}.men-story-v4 .v4-care-copy>.eyebrow{margin-bottom:15px}
/* Keep intrinsic HTML dimensions from stretching responsive photos. */
.men-story-v4 .v4-product-inset img,.men-story-v4 .v4-lifestyle-image img,.men-story-v4 .v4-care-photo img{height:auto}
.men-story-v4 .v4-product-inset img{aspect-ratio:1;object-fit:contain}
.men-story-v4 .v4-formula-photo img{object-fit:contain;background:#f5f0e7}
@media(max-width:760px){.men-story-v4 .v4-product-inset{gap:16px}.men-story-v4 .v4-hero-visual{gap:9px;margin-bottom:12px}.men-story-v4 .m-hero-copy>.m-safety-link{margin-top:6px}.men-story-v4 .v4-formula-photo img{aspect-ratio:1.25}}
@media(max-width:760px){.men-page.men-v2 .m-nav .button{min-height:44px}.men-story-v4 .v4-hero-lifestyle img{height:min(46vw,196px);object-position:50% 0%}}

/* Keep the 4th Gear product image beside the lifestyle photo without overlap. */
.men-story-v4 .v4-hero-visual { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding-bottom:0; }
.men-story-v4 .v4-hero-lifestyle img { width:100%; height:400px; object-fit:cover; }
.men-story-v4 .v4-product-inset { position:static; inset:auto; display:flex; align-items:center; gap:16px; width:100%; padding:12px; border:1px solid #d2d7d6; border-radius:10px; background:#fcfaf5; }
.men-story-v4 .v4-product-inset img { flex:0 0 88px; width:88px; height:88px; aspect-ratio:1; object-fit:contain; }
.men-story-v4 .v4-product-inset figcaption { min-width:0; padding:0; }

/* Give the four formula ingredients a clear, even reading order. */
.men-story-v4 .v4-formula-stage { position:static; display:grid; grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:18px; height:auto; }
.men-story-v4 .v4-formula-photo { position:static; inset:auto; grid-column:1; grid-row:1/3; width:100%; aspect-ratio:1; }
.men-story-v4 .v4-formula-photo img { width:100%; height:100%; object-fit:contain; }
.men-story-v4 .v4-ingredient { position:static; width:auto; inset:auto; padding:24px; border:1px solid #d2d7d6; border-radius:12px; background:#fcfaf5; }
.men-story-v4 .v4-ingredient::after { display:none; }
.men-story-v4 .v4-ingredient span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#e8edef; color:var(--blue); font-size:12px; letter-spacing:0; }
.men-story-v4 .v4-ingredient h3 { margin-top:12px; font-size:23px; }
.men-story-v4 .v4-ingredient--sild { grid-column:2; grid-row:1; }
.men-story-v4 .v4-ingredient--tada { grid-column:3; grid-row:1; }
.men-story-v4 .v4-ingredient--vard { grid-column:2; grid-row:2; }
.men-story-v4 .v4-ingredient--apo { grid-column:3; grid-row:2; }

@media(max-width:900px) {
  .men-story-v4 .v4-formula-stage { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; }
  .men-story-v4 .v4-formula-photo { grid-column:1/-1; grid-row:auto; }
  .men-story-v4 .v4-ingredient--sild { grid-column:1; grid-row:auto; }
  .men-story-v4 .v4-ingredient--tada { grid-column:2; grid-row:auto; }
  .men-story-v4 .v4-ingredient--vard { grid-column:1; grid-row:auto; }
  .men-story-v4 .v4-ingredient--apo { grid-column:2; grid-row:auto; }
}
@media(max-width:760px) {
  .men-story-v4 .v4-hero-lifestyle img { height:min(52vw,210px); min-height:190px; }
  .men-story-v4 .v4-product-inset { gap:12px; }
  .men-story-v4 .v4-product-inset img { flex:0 0 64px; width:64px; height:64px; }
  .men-story-v4 .v4-formula-stage { gap:12px; }
  .men-story-v4 .v4-formula-photo { max-height:360px; }
  .men-story-v4 .v4-formula-photo img { max-height:360px; }
  .men-story-v4 .v4-ingredient { padding:17px; }
  .men-story-v4 .v4-ingredient h3 { font-size:18px; }
}

/* Ingredient education for the 4th Gear story page. */
.men-story-v4 .v4-formula-stage { grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,1fr)); grid-template-rows:auto; align-items:stretch; }
.men-story-v4 .v4-formula-photo { align-self:center; }
.men-story-v4 .v4-ingredient { min-height:0; }
.men-story-v4 .v4-ingredient .v11-ingredient-benefit { margin-top:10px; color:var(--ink); font-family:inherit; font-size:15px; font-weight:600; line-height:1.45; }
.men-story-v4 .v4-ingredient .v11-ingredient-copy { margin-top:8px; color:var(--muted); font-size:14px; line-height:1.55; }
.men-story-v4 .v11-ingredient-source { display:inline-block; margin-top:12px; color:var(--blue); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.men-story-v4 .v11-ingredient-note { max-width:860px; margin:24px auto 0; color:var(--muted); font-size:13px; line-height:1.6; text-align:center; }
.men-story-v4 .v11-response-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 28px; padding:0; list-style:none; counter-reset:response-step; }
.men-story-v4 .v11-response-path li { padding:22px; border-top:1px solid var(--blue); counter-increment:response-step; }
.men-story-v4 .v11-response-path li::before { content:"0" counter(response-step); display:block; margin-bottom:10px; color:var(--blue); font-size:11px; letter-spacing:.1em; }
.men-story-v4 .v11-response-path h3 { font-size:20px; line-height:1.2; }
.men-story-v4 .v11-response-path p { margin-top:7px; color:var(--muted); font-size:14px; line-height:1.5; }
.men-story-v4 .v11-formula-context { margin-top:28px; padding:28px; border:1px solid #d2d7d6; border-radius:12px; background:#fcfaf5; }
.men-story-v4 .v11-formula-context h3 { font-size:25px; line-height:1.2; }
.men-story-v4 .v11-formula-context p { max-width:900px; margin-top:12px; color:var(--muted); font-size:15px; line-height:1.6; }
.men-story-v4 .v11-education-actions { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:26px; }

@media(max-width:900px) {
  .men-story-v4 .v4-formula-stage { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .men-story-v4 .v4-formula-photo { grid-column:1/-1; grid-row:auto; }
}
@media(max-width:600px) {
  .men-story-v4 .v4-formula-stage { grid-template-columns:1fr; }
  .men-story-v4 .v4-formula-photo,.men-story-v4 .v4-ingredient--sild,.men-story-v4 .v4-ingredient--tada,.men-story-v4 .v4-ingredient--vard,.men-story-v4 .v4-ingredient--apo { grid-column:1; grid-row:auto; }
  .men-story-v4 .v11-response-path { grid-template-columns:1fr; gap:10px; }
  .men-story-v4 .v11-formula-context { padding:22px; }
  .men-story-v4 .v11-ingredient-note { text-align:left; }
}

/* Restore the more intimate 4th Gear campaign photography. */
.men-story-v4 .v4-hero-lifestyle { background:#075472; }
.men-story-v4 .v4-hero-lifestyle img { object-position:88% 35%; }
.men-story-v4 .v12-hero-lead { max-width:490px; margin:22px 0 0; font-size:17px; line-height:1.6; }
.men-story-v4 .m-hero .button.light { max-width:320px; }
@media(max-width:760px) {
  .men-story-v4 .v4-hero-lifestyle img { object-position:88% 0%; height:230px; }
  .men-story-v4 .v12-hero-lead { margin-top:16px; font-size:14px; line-height:1.55; }
  .men-story-v4 .m-sales-hero .m-hero-copy>.v12-hero-lead { order:3; margin:0 0 6px; padding:0; border:0; }
}

/* Integrated product-and-lifestyle composition, with faces clear at all widths. */
.men-story-v4 .v4-hero-visual.v15-product-scene { display:block; position:relative; isolation:isolate; padding:0; margin-bottom:0; overflow:hidden; border-radius:12px; background:#064a68; }
.men-story-v4 .v15-product-scene .v4-hero-lifestyle { border-radius:0; }
.men-story-v4 .v15-product-scene .v4-hero-lifestyle img { display:block; width:100%; height:auto; min-height:0; aspect-ratio:1.5; object-fit:cover; object-position:center; }
.men-story-v4 .v15-scene-product { position:absolute; left:2.5%; bottom:3%; width:44%; margin:0; }
.men-story-v4 .v15-scene-product img { display:block; width:100%; height:auto; filter:drop-shadow(0 12px 12px #00172566); }
.men-story-v4 .v15-scene-product figcaption { padding:0 7%; color:#f8f5eb; margin-bottom:8px; }
.men-story-v4 .v15-scene-product figcaption span { display:block; font:500 8px/1.5 Archivo,Arial,sans-serif; letter-spacing:.13em; opacity:.8; }
.men-story-v4 .v15-scene-product figcaption strong { display:block; font:400 clamp(18px,2vw,26px)/1.15 Recoleta,Georgia,serif; margin:5px 0; }
.men-story-v4 .v15-scene-product figcaption small { display:block; font-size:10px; line-height:1.4; }
.men-story-v4 .mc8-care { background:var(--paper); }
@media(max-width:760px) {
 .men-story-v4 .v4-hero-visual.v15-product-scene { margin:18px 0 0; }
 .men-story-v4 .v15-scene-product { left:2%; bottom:2%; width:45%; }
 .men-story-v4 .v15-scene-product figcaption { margin-bottom:3px; }
 .men-story-v4 .v15-scene-product figcaption span { font-size:6px; }
 .men-story-v4 .v15-scene-product figcaption strong { font-size:18px; margin:3px 0; }
 .men-story-v4 .v15-scene-product figcaption small { font-size:8px; }
}