/* IPOCEN editorial refinement V11.2 — local scope, after V8/V9 CSS */
:root{--editorial-text:#4d6172}
/* Make the anatomy illustration secondary to content */
.mechanism{padding:72px 0 78px;min-height:0}
.mechanism-editorial{align-items:stretch;text-align:left}
.mechanism-heading{max-width:880px;margin:0 auto 32px;text-align:center}
.mechanism-heading h2{margin:17px 0 19px;font-size:clamp(30px,3.3vw,46px)}
.mechanism-heading .mechanism-lead{margin:0 auto;color:#c6d3df;max-width:760px;font-size:clamp(15px,1.24vw,17px);line-height:1.72}
.mechanism-explainer{display:grid;grid-template-columns:minmax(245px, .76fr) minmax(0,1.24fr);align-items:center;gap:clamp(24px,5vw,90px);max-width:1050px;margin:12px auto 0}
.mechanism-visual{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.mechanism-visual .axis-illustration{display:block;width:min(100%,375px)!important;max-width:375px;height:auto;object-fit:contain;filter:drop-shadow(0 9px 25px rgba(0,0,0,.13))}
.mechanism-visual>span{font-size:10px;letter-spacing:.12em;color:#a8bcc9;text-align:center}
.mechanism-details{display:grid;gap:17px}
.mechanism-details article{padding:0 0 17px;border-bottom:1px solid rgba(255,255,255,.15)}
.mechanism-details article>span{font-size:10px;letter-spacing:.12em;color:#e6aa9b;font-weight:700}
.mechanism-details h3{font-size:clamp(18px,1.5vw,22px);line-height:1.35;font-weight:625;letter-spacing:-.03em;color:#f6fafc;margin:7px 0}
.mechanism-details p{font-size:14px;line-height:1.72;color:#c6d5df;max-width:590px;margin:0}
.mechanism-details .minimal-link{justify-self:start;margin-top:7px;text-decoration:none}
/* Everyday images are a restrained editorial strip, not full-height panels */
.recognition{padding:66px 0 68px!important}
.recognition .recognition-intro>p:last-child{max-width:790px;font-size:16px;line-height:1.7}
.recognition .moment-gallery{margin-top:30px!important;gap:17px;align-items:start}
.recognition .moment{margin-top:0!important}
.recognition .moment-img{height:clamp(150px,15vw,220px)!important;border-radius:14px}
.recognition .moment figcaption{display:block;padding:13px 2px}
.recognition .moment figcaption>span{font-size:10px}
.recognition .moment figcaption strong{display:block;font-size:clamp(16px,1.5vw,20px);line-height:1.35;margin:6px 0 4px;letter-spacing:-.03em}
.recognition .moment-detail{font-size:13px;line-height:1.6;color:#6a7888;margin:0;max-width:355px}
.recognition .recognition-outro{margin-top:21px!important;max-width:850px!important;font-size:16px!important;line-height:1.75!important;letter-spacing:0!important;font-weight:430!important;color:#4c5e70}
/* Longer reading in the actual product without huge headings */
.product-intro>p:last-child{max-width:750px!important;font-size:16px!important;line-height:1.74!important}
.product-step{min-height:470px!important;padding-top:75px!important;padding-bottom:68px!important}
.product-step h3{font-size:clamp(24px,2.15vw,30px)!important;line-height:1.25;letter-spacing:-.03em}
.product-step p{font-size:15px!important;line-height:1.7;max-width:440px}
.product-step .step-detail{font-size:14px!important;line-height:1.7;color:#677688;margin-top:12px;max-width:435px}
.section-underheading{font-size:16px;line-height:1.75;color:#677687;max-width:830px;margin:-10px auto 32px}
.week-grid{gap:12px}
.week{display:flex;flex-direction:column;min-height:238px!important;gap:4px;padding:22px!important}
.week strong{font-size:clamp(16px,1.5vw,20px)!important;line-height:1.35}
.week .week-description{font-size:13px;line-height:1.57;color:#6a7889;letter-spacing:normal;font-weight:400;margin:6px 0 8px;flex:1}
.week i{position:static;align-self:start}
.programme-top>p:last-child{font-size:16px!important;line-height:1.72!important;max-width:780px}
.feature-grid .feature{min-height:390px}
.feature-grid .feature-big{min-height:390px}
.feature-grid .feature h3{font-size:clamp(24px,2.7vw,35px)!important;line-height:1.25;letter-spacing:-.04em}
.feature-grid .feature p{font-size:15px!important;line-height:1.68;max-width:580px}
.feature-grid .voice-graphic{opacity:.74}
.collection-header>p{font-size:16px!important;line-height:1.72!important;max-width:580px}
.photo-editorial-note{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start;padding:27px 0 2px}
.photo-editorial-note span{font-size:10px;font-weight:750;letter-spacing:.12em;color:#dfb5a7}
.photo-editorial-note h3{font-size:clamp(18px,2vw,25px);line-height:1.35;color:#fff;letter-spacing:-.035em;margin:10px 0}
.photo-editorial-note p{font-size:14px;line-height:1.8;color:#d4dee7;margin:0}
.listen-copy>p:not(.eyebrow){font-size:16px!important;line-height:1.75!important}
.listen-copy .listen-clarification{font-size:14px!important;color:#657587;margin-top:17px;line-height:1.72}
.beta-copy>p:not(.eyebrow){font-size:16px!important;line-height:1.72!important}
.beta-facts{display:grid;gap:12px;max-width:590px;margin:22px 0 15px}
.beta-facts>div{display:flex;gap:13px;align-items:baseline;color:#d7e2e9;font-size:14px;line-height:1.65}
.beta-facts strong{font-size:11px;color:#efb3a3;letter-spacing:.08em;flex:none}
.signup-panel>p{line-height:1.66}
.real-screen-card .real-screen-extra{margin-top:11px;font-size:13px;color:#788595}
.internal-intro>p.reveal{line-height:1.76;max-width:670px}
.exp-steps p,.editorial-columns p,.week-detail-lead p{line-height:1.76}
@media(max-width:900px){
 .mechanism{padding:62px 0}
 .mechanism-explainer{gap:20px;grid-template-columns:minmax(170px,.68fr) minmax(0,1.32fr)}
 .mechanism-visual .axis-illustration{width:min(100%,300px)!important}
 .mechanism-details p{font-size:13px}
 .recognition .moment-img{height:180px!important}
 .product-step{min-height:440px!important}
 .week{min-height:265px!important}
 .photo-editorial-note{gap:20px}
}
@media(max-width:650px){
 .mechanism{padding:56px 0 64px}
 .mechanism-heading{margin-bottom:20px}
 .mechanism-explainer{grid-template-columns:1fr;gap:13px;margin-top:8px}
 .mechanism-visual .axis-illustration{width:min(78%,250px)!important;max-width:250px}
 .mechanism-visual{gap:0}
 .mechanism-visual>span{font-size:9px}
 .mechanism-details{gap:13px}
 .mechanism-details article{padding-bottom:13px}
 .mechanism-details h3{font-size:18px}
 .mechanism-details p{font-size:14px}
 .recognition .moment-gallery{grid-template-columns:1fr!important;display:grid!important;gap:19px!important}
 .recognition .moment{display:grid;grid-template-columns:38% 1fr;gap:15px;align-items:center}
 .recognition .moment-img{height:128px!important}
 .recognition .moment figcaption{padding:0}
 .recognition .moment figcaption strong{font-size:17px}
 .recognition .moment-detail{font-size:12px}
 .recognition .recognition-outro{font-size:14px!important;margin-top:18px!important}
 .product-step{min-height:0!important;padding:36px 0 30px!important}
 .product-step h3{font-size:27px!important;margin:9px 0!important}
 .product-step p{font-size:14px!important}
 .product-step .step-detail{font-size:13px!important}
 .section-underheading{font-size:14px;margin:-15px auto 24px}
 .week-grid{grid-template-columns:1fr 1fr!important;gap:9px}
 .week{min-height:270px!important;padding:15px!important}
 .week strong{font-size:16px!important}
 .week-description{font-size:12px!important;line-height:1.55!important}
 .feature-grid .feature{min-height:380px}
 .feature-grid .feature-big{min-height:480px}
 .feature-grid .feature h3{font-size:26px!important}
 .feature-grid .feature p{font-size:14px!important}
 .photo-editorial-note{grid-template-columns:1fr;gap:8px;padding-top:20px}
 .photo-editorial-note h3{font-size:21px}
 .photo-editorial-note p{font-size:13px;line-height:1.7}
 .beta-facts{margin:20px 0}.beta-facts>div{font-size:13px}
}
@media(max-width:390px){.week-grid{grid-template-columns:1fr!important}.week{min-height:0!important}.recognition .moment{grid-template-columns:35% 1fr}.mechanism-visual .axis-illustration{width:76%!important}}
@media(prefers-reduced-motion:reduce){.mechanism *{animation:none!important}}