/* A product-led editorial rhythm: full product, close detail, then useful facts. */
#xp-dialog .xp-story-intro{padding:clamp(75px,12vw,170px) var(--xp-pad);background:#fff;text-align:center}
#xp-dialog .xp-story-intro h2{font-size:clamp(38px,5.3vw,78px);line-height:1.1;letter-spacing:-.055em;font-weight:600;white-space:pre-line;text-wrap:balance;max-width:1000px;margin:auto}
#xp-dialog .xp-story-intro p{font-size:clamp(16px,1.7vw,21px);line-height:1.65;color:#637168;max-width:600px;margin:30px auto 0}
#xp-dialog .xp-story{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:min(90svh,900px);padding:70px var(--xp-pad);gap:6vw;background:#f2f3f0;overflow:clip}
#xp-dialog .xp-story:nth-child(even){background:#fff}
#xp-dialog .xp-story-copy{position:relative;z-index:1;max-width:510px}
#xp-dialog .xp-story-label{font-size:14px;color:#637168;margin-bottom:23px}
#xp-dialog .xp-story h2{font-size:clamp(34px,4.5vw,66px);line-height:1.1;letter-spacing:-.055em;font-weight:600;white-space:pre-line;text-wrap:balance}
#xp-dialog .xp-story-body{font-size:16px;line-height:1.8;color:#637168;max-width:430px;margin-top:28px}
#xp-dialog .xp-story-note{font-size:11px;line-height:1.7;color:#637168;max-width:390px;margin-top:26px}
#xp-dialog .xp-detail-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:0;margin:0;isolation:isolate}
#xp-dialog .xp-detail-motion{position:absolute;inset:0}
#xp-dialog .xp-detail-frame img{position:absolute;left:50%;top:50%;width:var(--detail-scale);height:auto;max-width:none;transform:translate(calc(-1 * var(--focus-x)),calc(-1 * var(--focus-y)));filter:drop-shadow(0 22px 16px #16392d0e)}
#xp-dialog .xp-story-photo:nth-child(even) .xp-story-copy{grid-column:2;grid-row:1}
#xp-dialog .xp-story-photo:nth-child(even) .xp-detail-frame{grid-column:1;grid-row:1}
#xp-dialog .xp-story-metric{background:#0b4433;color:#fff;min-height:650px}
#xp-dialog .xp-story-metric:nth-child(even){background:#eef2ec;color:#16392d}
#xp-dialog .xp-story-metric:nth-child(odd) .xp-story-label,#xp-dialog .xp-story-metric:nth-child(odd) .xp-story-body,#xp-dialog .xp-story-metric:nth-child(odd) .xp-story-note{color:#c1d0c6}
#xp-dialog .xp-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;line-height:1;gap:22px;letter-spacing:-.06em;text-align:center}
#xp-dialog .xp-metric strong{font-size:clamp(76px,10vw,170px);font-weight:500;line-height:1.05;max-width:100%;overflow-wrap:anywhere}
#xp-dialog .xp-metric span{font-size:clamp(19px,2vw,30px);letter-spacing:-.025em;font-weight:400}
#xp-dialog .xp-metric small{font-size:12px;letter-spacing:0;opacity:.8}
#xp-dialog .xp-story-metric:has(.xp-metric-word) .xp-metric strong{font-size:clamp(48px,6vw,90px)}
#xp-dialog .xp-details{background:#fff}
#xp-dialog .xp-details-title{position:static}
#xp-dialog .xp-next{background:#edf2eb;text-align:left;padding:90px var(--xp-pad) 32px}
#xp-dialog .xp-decision{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
#xp-dialog .xp-decision h2{font-size:clamp(36px,4.5vw,64px);font-weight:600;max-width:600px;line-height:1.13;letter-spacing:-.05em}
#xp-dialog .xp-decision p{color:#637168;line-height:1.75;font-size:15px;margin-top:22px;max-width:430px}
#xp-dialog .xp-decision-image{width:100%;height:auto;object-fit:contain}
#xp-dialog .xp-decision-price{display:block;font-size:32px;font-weight:500;letter-spacing:-.04em;margin-top:28px}
#xp-dialog .xp-decision small{display:block;font-size:11px;color:#637168;margin-top:8px}
#xp-dialog .xp-local-details{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #d1dbcf;margin-top:65px;padding-top:30px}
#xp-dialog .xp-local-details h3{font-size:16px;font-weight:500;margin-bottom:10px}
#xp-dialog .xp-local-details p{font-size:13px;line-height:1.8;color:#637168;max-width:430px}
#xp-dialog .xp-local-details a{text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:44px;padding-top:10px;font-size:12px}
#xp-dialog .xp-notes{margin-top:30px}
#xp-dialog .xp-chapters{gap:24px}
#xp-dialog .xp-payment-note{font-size:10px;color:#637168}
@media(min-width:1600px){#xp-dialog .xp-story{padding-left:max(var(--xp-pad),calc((100vw - 1400px)/2));padding-right:max(var(--xp-pad),calc((100vw - 1400px)/2))}}
@media(max-width:900px){
 #xp-dialog .xp-story{gap:30px;padding:60px 32px;min-height:580px}
 #xp-dialog .xp-story h2{font-size:38px}#xp-dialog .xp-story-body{font-size:14px}
 #xp-dialog .xp-metric strong{font-size:90px}
}
@media(max-width:600px){
 #xp-dialog .xp-chapters{gap:23px}#xp-dialog .xp-chapters button{font-size:10px}
 #xp-dialog .xp-story-intro{padding:80px 24px}#xp-dialog .xp-story-intro h2{font-size:36px}#xp-dialog .xp-story-intro p{font-size:15px;margin-top:25px}
 #xp-dialog .xp-story{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0;padding:58px 24px 30px}
 #xp-dialog .xp-story-label{font-size:12px;margin-bottom:18px}
 #xp-dialog .xp-story h2{font-size:36px}#xp-dialog .xp-story-body{font-size:14px;margin-top:22px;max-width:100%}
 #xp-dialog .xp-story-note{font-size:10px;margin-top:18px}
 #xp-dialog .xp-detail-frame{aspect-ratio:1.1;flex:none;width:calc(100% + 48px);margin:0 -24px}
 #xp-dialog .xp-story-metric{padding-bottom:65px;gap:50px}
 #xp-dialog .xp-metric{gap:14px}#xp-dialog .xp-metric strong{font-size:100px}#xp-dialog .xp-metric span{font-size:23px}
 #xp-dialog .xp-story-metric:has(.xp-metric-word) .xp-metric strong{font-size:64px}
 #xp-dialog .xp-next{padding:60px 24px 24px}#xp-dialog .xp-decision{display:flex;flex-direction:column;gap:32px}
 #xp-dialog .xp-decision h2{font-size:36px}#xp-dialog .xp-decision p{font-size:14px}
 #xp-dialog .xp-decision-image{max-height:300px}#xp-dialog .xp-local-details{grid-template-columns:1fr;gap:24px;margin-top:42px;padding-top:28px}
 #xp-dialog .xp-decision-price{font-size:28px}
}
@media(max-width:360px){#xp-dialog .xp-chapters{gap:18px}#xp-dialog .xp-story h2,#xp-dialog .xp-story-intro h2,#xp-dialog .xp-decision h2{font-size:31px}#xp-dialog .xp-metric strong{font-size:80px}}
@media(prefers-reduced-motion:reduce){#xp-dialog .xp-detail-motion,#xp-dialog .xp-metric{transform:none!important}}

/* Readable controls and tighter editorial rhythm on small screens. */
#xp-dialog .xp-gallery-caption{font-size:14px;line-height:1.65;color:#536659;max-width:720px;margin:12px 0}
#xp-dialog .xp-chapters button{font-size:14px}
#xp-dialog .xp-buy{font-size:15px}
#xp-dialog .xp-payment-note{font-size:13px;line-height:1.45}
#xp-dialog .xp-story-note,#xp-dialog .xp-reference{font-size:13px;line-height:1.7}
#xp-dialog .xp-official-detail{display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}
#xp-dialog .xp-official-detail img{width:100%;height:auto;max-height:570px;object-fit:contain;border-radius:8px}
#xp-dialog .xp-official-detail figcaption{font-size:13px;color:#637168;line-height:1.6}
@media(max-width:680px){
 #xp-dialog .xp-chapters{gap:10px;justify-content:space-between;width:100%}
 #xp-dialog .xp-chapters button{font-size:13px;min-height:44px;padding:10px 2px}
 #xp-dialog .xp-identity span{font-size:12px}
 #xp-dialog .xp-story-intro{padding:42px 24px 30px;text-align:left}
 #xp-dialog .xp-story-intro h2{font-size:32px}
 #xp-dialog .xp-story-intro p{font-size:16px;margin-top:18px}
 #xp-dialog .xp-story{padding:38px 24px 24px;gap:24px}
 #xp-dialog .xp-story h2{font-size:32px}
 #xp-dialog .xp-story-label{font-size:14px;margin-bottom:12px}
 #xp-dialog .xp-story-body{font-size:16px;line-height:1.65;margin-top:18px}
 #xp-dialog .xp-story-note{font-size:13px;margin-top:14px}
 #xp-dialog .xp-story-metric{gap:28px;padding-bottom:40px}
 #xp-dialog .xp-explore{font-size:14px;min-height:44px}
 #xp-dialog .xp-purchase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
 #xp-dialog .xp-purchase-info{grid-column:1;grid-row:1;min-width:0}#xp-dialog .xp-buy{grid-column:2;grid-row:1;max-width:none}#xp-dialog .xp-purchase-info>span{font-size:13px}#xp-dialog .xp-purchase-info strong{font-size:22px}
 #xp-dialog .xp-payment-note{font-size:12px}
 #xp-dialog .xp-buy{font-size:14px;line-height:1.4;padding:12px;white-space:normal;text-align:center;min-height:50px;border-radius:8px}
 #xp-dialog .xp-local-details p,#xp-dialog .xp-decision p{font-size:15px}
 #xp-dialog .xp-decision small{font-size:13px}
}
@media(max-width:360px){#xp-dialog .xp-topbar{padding-left:14px;padding-right:14px}#xp-dialog .xp-chapters button{font-size:13px}#xp-dialog .xp-purchase-info strong{font-size:20px}}