/* A-only story-led interviews. The preserved B comparison does not load this file. */
html[data-client-stories="true"] header .brand{gap:0;font-size:14px;line-height:1.2;letter-spacing:.15em}
html[data-client-stories="true"] header .brand small{font-size:10px;letter-spacing:.4em}
html[data-client-stories="true"] #interview-gallery{display:flex;flex-direction:column;gap:36px;width:100%;min-width:0}
html[data-client-stories="true"] #interview-gallery .client-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:center;min-width:0;width:100%;margin:0;padding:24px;background:#111;border:1px solid #c5a55a44;border-radius:3px;transform:none}
html[data-client-stories="true"] #interview-gallery .client-story:hover{transform:none;border-color:#c5a55a80}
html[data-client-stories="true"] #interview-gallery .client-story>button,html[data-client-stories="true"] #interview-gallery .client-story>iframe{width:100%;min-width:0;aspect-ratio:16/9;height:auto;display:block;margin:0;overflow:hidden;border:0;border-radius:2px}
html[data-client-stories="true"] #interview-gallery .client-story>button img{width:100%;height:100%;object-fit:cover}
html[data-client-stories="true"] #interview-gallery .client-story figcaption{min-width:0;padding:0;margin:0;overflow-wrap:break-word}
html[data-client-stories="true"] #interview-gallery .client-story figcaption strong{font-size:clamp(23px,2.2vw,29px);line-height:1.3;color:var(--gold);letter-spacing:-.025em;margin:0 0 16px}
html[data-client-stories="true"] #interview-gallery .client-story figcaption>p{font-size:16px;line-height:1.65;margin:0 0 14px}
html[data-client-stories="true"] #interview-gallery .client-story figcaption .case-detail{font-size:13px;color:var(--muted);line-height:1.7}
html[data-client-stories="true"] #interview-gallery .client-story .story-milestone{font-size:17px;font-weight:650;color:var(--cream);padding-top:15px;border-top:1px solid var(--line)}
html[data-client-stories="true"] #interview-gallery .client-story .story-update-source{font-size:11px;color:var(--muted);line-height:1.6;margin-top:-8px}
html[data-client-stories="true"] #interview-gallery .client-story .story-followup{font-size:12px;color:var(--gold);text-underline-offset:4px}
@media(max-width:760px){html[data-client-stories="true"] #interview-gallery{gap:26px}html[data-client-stories="true"] #interview-gallery .client-story{grid-template-columns:minmax(0,1fr);gap:21px;padding:14px}html[data-client-stories="true"] #interview-gallery .client-story figcaption{padding:0 4px 5px}html[data-client-stories="true"] #interview-gallery .client-story figcaption strong{font-size:25px}html[data-client-stories="true"] #interview-gallery .client-story figcaption>p{font-size:15px}}
@media(max-width:400px){html[data-client-stories="true"] #interview-gallery .client-story{padding:9px;gap:17px}html[data-client-stories="true"] header .brand{font-size:12px}html[data-client-stories="true"] header .brand small{font-size:9px}}
html[data-client-stories="true"] .hero h1{font-weight:800;line-height:1.05;letter-spacing:-.035em;margin-bottom:24px}
html[data-client-stories="true"] .hero h1>span{display:block}
html[data-client-stories="true"] .hero h1 .hero-title-intro{font-size:clamp(23px,2.7vw,36px);line-height:1.25;color:var(--cream);font-weight:650;letter-spacing:-.015em;margin-bottom:9px}
html[data-client-stories="true"] .hero h1 .hero-title-core,html[data-client-stories="true"] .hero h1 .hero-title-ending{font-size:clamp(33px,4.15vw,61px);line-height:1.08}
html[data-client-stories="true"] .hero h1 .hero-title-core{color:var(--gold)}
html[data-client-stories="true"] .hero h1 .hero-title-ending{color:var(--cream)}
html[data-client-stories="true"] .land-type-expander{min-width:0;align-self:start}
html[data-client-stories="true"] .land-type-expander summary{display:block;cursor:pointer;list-style:none}
html[data-client-stories="true"] .land-type-expander summary::-webkit-details-marker{display:none}
html[data-client-stories="true"] .land-type-expander summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
html[data-client-stories="true"] .land-type-cue{display:block;margin:0 14px 16px;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.03em}
html[data-client-stories="true"] .land-type-explanation{border-top:1px solid var(--line);padding:16px 18px 4px;font-size:13px;line-height:1.7}
html[data-client-stories="true"] .land-type-explanation p{font-size:13px;margin-bottom:15px}
html[data-client-stories="true"] #screenshot-gallery .proof-item{padding-bottom:12px}
@media(max-width:640px){html[data-client-stories="true"] .hero h1 .hero-title-core,html[data-client-stories="true"] .hero h1 .hero-title-ending{font-size:clamp(30px,8.2vw,50px);line-height:1.1}html[data-client-stories="true"] .hero h1 .hero-title-intro{font-size:clamp(21px,5.4vw,30px)}html[data-client-stories="true"] .hero h1{margin-bottom:22px}}
html[data-client-stories="true"] details.land-type-expander{aspect-ratio:auto}
html[data-client-stories="true"] details.land-type-expander:after{display:none}
html[data-client-stories="true"] .land-type-expander summary{position:relative;aspect-ratio:1.12;overflow:hidden}
html[data-client-stories="true"] .land-type-expander summary:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071005ee);z-index:1;pointer-events:none}
html[data-client-stories="true"] .land-type-expander summary img{width:100%;height:100%;object-fit:cover}
html[data-client-stories="true"] .land-type-label{position:absolute;z-index:2;left:22px;right:16px;bottom:43px;margin:0;color:#fff9e9;font-size:18px;font-weight:650;line-height:1.35}
html[data-client-stories="true"] .land-type-cue{position:absolute;left:22px;right:16px;bottom:16px;margin:0;z-index:2;font-size:11px}
html[data-client-stories="true"] .land-type-cue:after{content:' +';float:right;font-size:15px}
html[data-client-stories="true"] .land-type-expander[open] .land-type-cue:after{content:' −'}
html[data-client-stories="true"] .land-type-expander summary:focus-visible{outline-offset:-3px}
@media(max-width:640px){html[data-client-stories="true"] .land-type-expander summary{aspect-ratio:1.55}}
/* Scale against the hero column, not the full viewport, to keep the approved headline intentional. */
html[data-client-stories="true"] .hero{container-type:inline-size}
html[data-client-stories="true"] .hero h1 .hero-title-core,html[data-client-stories="true"] .hero h1 .hero-title-ending{font-size:clamp(24px,10cqw,54px)}
html[data-client-stories="true"] .hero h1 .hero-title-intro{font-size:clamp(19px,6.2cqw,32px)}
@media(max-width:640px){html[data-client-stories="true"] .hero h1 .hero-title-core,html[data-client-stories="true"] .hero h1 .hero-title-ending{font-size:clamp(24px,10cqw,50px)}}
html[data-client-stories="true"] #interview-gallery .client-story .story-interview-label{display:block;margin:0 0 8px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
/* Shared opening: a single compact bundle figure is directly under the headline on every screen. */
html[data-client-stories="true"] .opening-offer{grid-template-rows:auto}
html[data-client-stories="true"] .opening-offer>.checkout-section{grid-row:1;align-self:start}
html[data-client-stories="true"] .hero .approved-collection.hero-bundle-offer{display:block;width:100%;min-width:0;margin:10px 0 24px;padding:0;background:transparent;border:0;box-shadow:none}
html[data-client-stories="true"] .hero .hero-bundle-offer picture{display:block;width:100%}
html[data-client-stories="true"] .hero .hero-bundle-offer img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
html[data-client-stories="true"] .hero .hero-bundle-offer figcaption{padding:8px 6px 0;font-size:11px;line-height:1.45}
html[data-client-stories="true"] .hero:has(.hero-bundle-offer) h1{margin-bottom:14px}
@media(max-width:640px){html[data-client-stories="true"] .hero .approved-collection.hero-bundle-offer{margin:4px 0 20px}html[data-client-stories="true"] .hero .hero-bundle-offer figcaption{font-size:10px}}
html[data-client-stories="true"] #interview-gallery .client-story .story-milestone{font-size:16px;line-height:1.75;font-weight:500}