/* A quiet editorial bridge, followed by one product story. Existing sections are untouched. */
.conversation-pause{max-width:2400px;margin:auto;padding:108px 4.79% 112px;background:#eae8e2;color:#1b1c1a;border-top:1px solid #dedcd5}
.conversation-pause-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:64px;align-items:center;max-width:1500px;margin:auto}
.conversation-pause h2{font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Jost,Arial,sans-serif;font-size:clamp(40px,4.25vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1.12;margin:0}
.conversation-pause h2 span{display:block;color:#696a64}
.conversation-shop{justify-self:end;min-height:52px;padding:16px 26px;border-radius:6px;background:#efb24b;color:#21190b;font-family:'Jost Steps',Jost,Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.3;white-space:nowrap}
.conversation-shop:hover{background:#e4a338}.conversation-shop:active{transform:translateY(1px)}.conversation-shop:focus-visible{outline:2px solid #775017;outline-offset:5px}

.experience{--xp-ink:#f2f0ec;--xp-muted:#aeaea6;--xp-accent:#dfac60;position:relative;max-width:2400px;margin:auto;background:#060606;color:var(--xp-ink);color-scheme:dark}
.experience-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.experience-stage{position:relative;min-height:820px;padding:80px 4.79% 96px;display:flex;flex-direction:column;justify-content:center}
.experience-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(56px,9vw,144px);align-items:center;max-width:1176px;width:100%;margin:auto}
.experience-copy{min-width:0;max-width:510px}
.experience-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:#999b93;margin:0 0 28px}
.experience-chapters{min-height:230px}
.experience-chapter h3{font-family:'Jost Steps',Jost,'Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:clamp(40px,3.65vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}
.experience-chapter>p{font-size:16px;line-height:1.75;letter-spacing:-.015em;max-width:405px;margin:0;color:var(--xp-muted)}
.experience-chapter+.experience-chapter{margin-top:36px}.experience.is-enhanced .experience-chapter{margin-top:0}
/* Shared footprint keeps the phone and scroll positions steady between chapters. */
.experience-input-panels{display:grid}
.experience-input-panels>*{grid-area:1/1;align-self:start}
.experience-device-panel{width:min(100%,360px);margin:20px 0 14px}
.experience-device-panel figcaption{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #242424;color:#e4e2dc;font-size:15px;line-height:24px;letter-spacing:-.02em}
.experience-device-panel figcaption svg{width:24px;height:24px;flex:none;color:var(--xp-accent);overflow:visible}
.experience-device-panel>img{display:block;width:260px;max-width:100%;height:auto;margin:0 auto}
.experience-device-panel[aria-hidden="true"]{visibility:hidden}
.experience-nav{display:flex;align-items:center;gap:2px;width:fit-content;margin:14px 0 0}
.experience-nav a{width:44px;height:44px;display:grid;place-items:center;border-radius:999px}
.experience-nav a span{display:block;width:6px;height:6px;background:#65655f;border-radius:999px;transition:width 300ms ease,background-color 300ms ease}
.experience-nav a[aria-current=step] span{width:26px;background:var(--xp-accent)}
.experience-nav a:hover span{background:#ebe6db}
.experience-visual{display:flex;justify-content:center;min-width:0}
.experience-phone{position:relative;width:330px;max-width:100%;aspect-ratio:433/882;container-type:inline-size;isolation:isolate}
.experience-phone-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;display:block}
.experience-meta{position:absolute;bottom:20px;left:4.79%;right:4.79%;display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.4;color:#999b93;letter-spacing:.025em;gap:20px}
.experience-skip{display:inline-flex;align-items:center;gap:12px;min-height:44px}.experience-skip:hover{color:#f2f0ec}
.experience-counter{font-variant-numeric:tabular-nums}.experience-hint{display:flex;align-items:center;gap:12px}.experience-hint:before{content:"";display:block;width:28px;height:1px;background:#66665d}
.experience-end{max-width:2400px;margin:auto;padding:32px 4.79%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#060606;border-top:1px solid #24251f;color:#aaa99f}
.experience-end p{margin:0;font-size:14px;line-height:1.6}.experience-end button{display:flex;align-items:center;gap:24px;font-size:14px;min-height:44px;color:#f2f0ec}.experience-end button .icon{width:17px;height:17px}.experience-end:focus{outline:none}
.experience.is-pinned{height:330svh}.experience.is-pinned .experience-stage{position:sticky;top:0;height:100svh;min-height:0;padding-top:52px;padding-bottom:84px}
.experience.is-pinned .experience-phone{width:min(350px,calc((100svh - 140px)*.49093))}
.experience.is-manual .experience-hint{display:none}
.experience.is-manual .experience-stage{min-height:0}
.experience-nojs{max-width:330px;font-size:12px;line-height:1.6;color:#aaa99f}
@media(min-width:1800px){.experience-layout{max-width:1350px}.experience-copy{max-width:580px}.experience-chapter h3{font-size:64px}.experience-chapter>p{font-size:18px;max-width:460px}.experience-chapters{min-height:260px}.experience.is-pinned .experience-phone{width:min(390px,calc((100svh - 160px)*.49093))}}
@media(max-width:1100px){.conversation-pause{padding-block:84px}.conversation-pause-inner{gap:44px;grid-template-columns:minmax(0,1fr) auto}.conversation-pause h2{font-size:44px}.experience-layout{gap:48px}.experience-chapter h3{font-size:42px}.experience-chapters{min-height:218px}.experience-chapter>p{font-size:15px}}
@media(max-width:899px){.conversation-pause-inner{grid-template-columns:1fr;gap:28px}.conversation-pause{padding:72px 32px}.conversation-shop{justify-self:start}.experience-stage{padding:72px 32px 88px}.experience-layout{grid-template-columns:1fr;gap:40px;max-width:420px}.experience-copy{max-width:none}.experience-eyebrow{margin-bottom:22px}.experience-chapters{min-height:200px}.experience-chapter h3{font-size:42px}.experience-chapter>p{max-width:400px}.experience-nav{margin-top:8px}.experience-phone{width:315px}.experience-meta{left:32px;right:32px;bottom:12px}.experience-end{padding-inline:32px}}
@media(max-width:600px){.conversation-pause{padding:64px 24px}.conversation-pause h2{font-size:clamp(33px,7.8vw,44px);line-height:1.16}.experience-stage{padding:60px 24px 72px}.experience-layout{gap:28px}.experience-chapter h3{font-size:37px}.experience-chapter>p{font-size:14px;line-height:1.7}.experience-chapters{min-height:200px}.experience-phone{width:300px}.experience-meta{left:24px;right:24px}.experience-end{padding:24px;align-items:flex-start;flex-direction:column;gap:8px}.experience-end p{font-size:13px}}
@media(min-width:900px) and (max-height:850px){.experience-chapter h3{font-size:42px}.experience-chapter>p{font-size:15px;line-height:1.7;max-width:400px}.experience-chapters{min-height:216px}.experience-eyebrow{margin-bottom:20px}.experience-nav{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.experience-nav a span{transition:none}}
@media(min-width:1800px){.experience-device-panel>img{width:300px}}
@media(max-width:899px){.experience-device-panel{width:100%}.experience-device-panel>img{width:250px}.experience-device-panel figcaption{font-size:14px}}
@media(min-width:900px) and (max-height:850px){.experience-device-panel>img{width:200px}}