/* Purpose-led interactions: one visual language, accessible without motion. */
:root{--xp-ease:cubic-bezier(.2,0,0,1);--xp-progress:0}
.xp-chooser{padding-top:96px;padding-bottom:96px}
.xp-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:32px;align-items:start}
.xp-heading>.ed-kicker{color:#86663e;padding-top:12px}
.xp-heading h2{font-size:clamp(30px,3.5vw,52px);line-height:1.45;margin:0}
.xp-heading p{font-size:14px;line-height:1.9;max-width:40em;margin:24px 0 0}
.xp-tabs{display:none;border-bottom:1px solid var(--ed-line);margin-top:48px;gap:0}
.is-interactive .xp-tabs{display:flex}
.xp-tabs button{position:relative;flex:1;min-width:0;border:0;background:transparent;padding:20px 16px;color:var(--ed-muted);font:500 14px/1.6 var(--ed-sans);cursor:pointer;min-height:56px}
.xp-tabs button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ed-ink);transform:scaleX(0);transition:transform 180ms var(--xp-ease)}
.xp-tabs button[aria-selected=true]{color:var(--ed-ink)}
.xp-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.xp-tabs button:hover{color:var(--ed-ink);background:#eef0eb}
.xp-panels{min-height:340px}
.xp-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:12%;padding:42px 0 0;min-width:0}
.xp-panel[hidden]{display:none}
.xp-panel+.xp-panel{margin-top:36px;border-top:1px solid var(--ed-line)}
.is-interactive .xp-panel{margin:0;border:0}
.xp-index{font:500 11px/1.5 "LOL Inter",sans-serif;color:#86663e;font-variant-numeric:tabular-nums}
.xp-panel h3{font-size:clamp(26px,2.8vw,40px);line-height:1.45;font-weight:550;margin:16px 0 20px}
.xp-panel p{font-size:14px;line-height:1.95;max-width:40em;margin:0;text-wrap:pretty}
.xp-panel-detail{border-left:1px solid var(--ed-line);padding-left:32px;align-self:center}
.xp-panel-detail .ed-kicker{color:#86663e}
.xp-panel-detail p{margin:18px 0 20px;font-size:13px}
.xp-panel-detail .ed-link{font-size:12px}
.xp-chapters{position:absolute;bottom:64px;left:32px;right:32px;display:flex;background:rgba(248,249,247,.95);border:1px solid #d9ddd8}
.xp-chapters a{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:16px 12px;min-height:72px;text-decoration:none;color:#535b53;font:500 11px/1.5 var(--ed-sans)}
.xp-chapters span{font:500 9px "LOL Inter",sans-serif;color:#86663e;letter-spacing:.1em}
.xp-chapters a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#86663e;transform:scaleX(0);transform-origin:left;transition:transform 250ms var(--xp-ease)}
.xp-chapters a[aria-current=step]{color:#202322;background:#fff}
.xp-chapters a[aria-current=step]::after{transform:scaleX(1)}
.ed-story-step{scroll-margin-top:120px;min-height:58vh}
.ed-story-step.is-active{opacity:1}
.xp-portrait-faq .faq{max-width:880px;margin:40px 0 0 auto}
.xp-portrait-faq .faq details p{max-width:40em}
.site-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#96754c;transform:scaleX(var(--xp-progress));transform-origin:left;pointer-events:none}
.xp-photo-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in;overflow:hidden}
.xp-photo-trigger img{display:block;transition:transform 400ms var(--xp-ease)}
.xp-photo-trigger:hover img{transform:scale(1.025)}
.xp-photo-trigger:focus-visible,.xp-tabs button:focus-visible,.xp-chapters a:focus-visible,.xp-viewer button:focus-visible{outline:2px solid #a6804e;outline-offset:4px}
.xp-photo-trigger:focus-visible{outline-offset:-4px}
.xp-viewing{overflow:hidden}
.xp-viewer{position:fixed;inset:0;width:calc(100vw - 64px);height:calc(100dvh - 48px);max-width:1440px;max-height:none;margin:auto;padding:24px 32px;background:#202523;color:#f8f9f7;border:1px solid #525b54;overflow:hidden}
.xp-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
.xp-viewer::backdrop{background:rgba(12,17,14,.9)}
.xp-viewer-top,.xp-viewer-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
.xp-viewer-top>span{font:500 11px/1.5 var(--ed-sans);letter-spacing:.14em}
.xp-viewer button{font:500 12px/1.5 var(--ed-sans);padding:10px 16px;border:1px solid #667066;background:transparent;color:#fff;min-height:44px;cursor:pointer;border-radius:2px}
.xp-viewer button:hover{background:#3d473f;border-color:#c9ab82}
.xp-viewer figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;min-height:0;margin:0}
.xp-viewer-image{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}
.xp-viewer-image img{width:100%;height:100%;object-fit:contain;max-height:100%}
.xp-viewer figcaption{font:400 11px/1.7 var(--ed-sans);color:#edf1ea;text-align:center}
.xp-viewer figcaption p{margin:0 0 5px;font-size:12px}
.xp-viewer figcaption span{display:block;font:500 9px/1.6 var(--ed-sans);letter-spacing:.1em;color:#d5c0a0}
.xp-viewer figcaption small{display:block;font-size:9px;color:#c2cbc2;margin-top:5px}
.xp-viewer output{font:400 13px/1.5 "LOL Inter",sans-serif;font-variant-numeric:tabular-nums;color:#d5c0a0}
.ed-service-row h2{transition:transform 180ms var(--xp-ease)}
.ed-service-row:hover h2{transform:translateX(6px)}
@media(max-width:900px){
 .xp-panel{gap:6%}.xp-chapters{left:20px;right:20px}
 .xp-panel-detail{padding-left:24px}
}
@media(max-width:700px){
 .xp-chooser{padding-top:64px;padding-bottom:56px}
 .xp-heading{display:block}.xp-heading>.ed-kicker{display:block;padding:0;margin-bottom:24px}
 .xp-heading h2{font-size:30px;line-height:1.5}
 .xp-heading p{font-size:13px;margin-top:22px}
 .xp-tabs{margin-top:32px}
 .xp-tabs button{font-size:12px;padding:14px 6px;min-height:60px}
 .xp-panels{min-height:440px}
 .xp-panel{display:block;padding-top:28px}
 .xp-panel h3{font-size:28px;line-height:1.5;margin:14px 0 20px}
 .xp-panel p{font-size:13px;line-height:1.95}
 .xp-panel-detail{border-left:0;border-top:1px solid var(--ed-line);padding:22px 0 0;margin-top:26px}
 .xp-panel-detail p{font-size:12px;margin:14px 0 12px}
 .xp-chapters{bottom:58px;left:20px;right:20px}
 .xp-chapters a{font-size:10px;padding:12px 10px;min-height:66px}
 .ed-story-step{min-height:0;scroll-margin-top:105px}
 .xp-portrait-faq .faq{margin-top:32px}
 .xp-viewer{width:100vw;height:100dvh;padding:16px;max-width:none;border:0;gap:12px}
 .xp-viewer figure{gap:12px}
 .xp-viewer-top>span{font-size:10px;letter-spacing:.08em}
 .xp-viewer figcaption p{font-size:11px}
 .xp-viewer figcaption small{font-size:9px;line-height:1.6}
 .xp-viewer button{font-size:11px;padding:10px 12px}
 .xp-viewer-nav{padding-bottom:env(safe-area-inset-bottom)}
}
@media(prefers-reduced-motion:reduce){
 .xp-photo-trigger:hover img,.ed-service-row:hover h2{transform:none}
 .ed-story-step{opacity:1}
}

/* Buyer guidance has the same hierarchy as the main service story. */
.xp-heading{display:block;max-width:1080px}
.xp-heading>.ed-kicker{display:block;padding:0;margin:0 0 24px;font-size:.8125rem}
.xp-heading h2{font-size:clamp(2.25rem,1.35rem + 3vw,4rem);line-height:1.4}
.xp-heading p{font-size:1rem;line-height:1.9;max-width:40em}
.xp-tabs button{font-size:1rem}
.xp-panel p{font-size:1rem;line-height:1.9}
.xp-panel-detail p{font-size:.9375rem;line-height:1.9}
.xp-panel-detail .ed-link{font-size:.875rem}
.ed-story-step{opacity:1}
@media(max-width:700px){
 .xp-heading>.ed-kicker{font-size:.6875rem;margin-bottom:20px}
 .xp-heading h2{font-size:2rem;line-height:1.5}
 .xp-heading p{font-size:1rem;line-height:1.9}
 .xp-tabs button{font-size:.8125rem;min-height:64px}
 .xp-panel p{font-size:1rem;line-height:1.9}
 .xp-panel-detail p{font-size:.9375rem}
 .xp-panel-detail .ed-link{font-size:.8125rem}
}