/* The wholesale offer, category paths and original campaign photography. */
.hero{padding-top:40px;padding-bottom:48px}.hero .hero-intro{margin-bottom:24px}.hero .hero-poster{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.hero h1{font-size:clamp(60px,6.9vw,106px);line-height:.96;letter-spacing:-.055em}.hero h1>span+span{margin-top:0}.hero h1>span:last-child{margin-top:16px}.hero .hero-photo{position:static;width:100%;height:auto;aspect-ratio:16/9;margin:0}.hero .hero-photo img{object-position:center;object-fit:cover}.hero-bottom{margin-top:40px;padding-top:0;border:0}.hero-bottom p{max-width:30ch;text-wrap:balance}.section-heading .category-paths{grid-column:2;display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:8px}.category-paths a{font-size:14px;color:var(--text-secondary);padding-block:8px;text-decoration:underline;text-underline-offset:5px}.category-paths a[aria-current=page]{color:var(--blue);font-weight:800}.section-heading .section-deck{max-width:43ch}.experience-copy .experience-byline{font-size:14px;color:var(--text-secondary);margin-top:20px}.next-layout .consultation-agenda{grid-column:1;font-size:16px;line-height:1.5;max-width:40ch;margin-top:20px}.next-layout .next-link{grid-column:2;grid-row:1/3;align-self:center}.work-stage .canvas{background:#fff;color:var(--ink)}.story-photo{display:block;min-height:0;width:100%;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;display:block}.outreach-canvas{display:grid;grid-template-rows:minmax(0,1fr) auto}.outreach-note{padding:24px 28px;background:#f6f6f2}.artifact-label{font-size:11px;letter-spacing:.04em;color:var(--muted)}.outreach-note h3{font-size:clamp(24px,4.5cqw,38px);line-height:1.05;letter-spacing:-.035em;margin-top:10px}.outreach-note p{font-size:16px;line-height:1.45;margin-top:12px;max-width:54ch}.artifact-next{display:block;font-size:13px;margin-top:16px;color:var(--blue)}.support-canvas{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto}.support-message{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 24px;background:var(--blue);color:var(--paper);padding:24px 28px}.support-message>span{grid-column:1/-1;font-size:12px}.support-message h3{font-size:clamp(30px,5.2cqw,46px);line-height:1.02;letter-spacing:-.035em}.support-message p{font-size:16px;line-height:1.4;align-self:end;max-width:24ch}.support-purpose{font-size:13px;line-height:1.4;padding:14px 28px;color:var(--muted);background:#fff}.growth-canvas{display:flex;flex-direction:column;padding:28px;gap:24px;background:#f6f6f2!important}.growth-heading h3{font-size:clamp(28px,4.8cqw,42px);line-height:1.03;letter-spacing:-.04em}.growth-heading>p{font-size:14px;line-height:1.4;color:var(--muted);margin-top:12px;max-width:40ch}.growth-material{display:grid;grid-template-columns:.85fr 1fr;min-height:160px;flex:1;background:var(--blue);color:var(--paper);overflow:hidden}.growth-product{height:100%;min-height:0;display:block;overflow:hidden;background:#fff}.growth-product img{width:100%;height:100%;object-fit:cover;object-position:63% 50%;display:block}.growth-material>div{align-self:center;padding:20px 24px}.growth-material .artifact-label{color:var(--paper)}.growth-material h4{font-size:clamp(24px,4.4cqw,38px);line-height:1.02;letter-spacing:-.035em;margin-top:14px}.growth-material p{font-size:13px;line-height:1.4;margin-top:14px;max-width:23ch}.growth-paths{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0}.growth-paths li>span{color:var(--muted);font-size:11px;display:block;margin-bottom:10px}.growth-paths h4{font-size:16px;line-height:1.15;color:var(--blue)}.growth-paths p{font-size:12px;line-height:1.35;color:var(--muted);margin-top:6px}.example-note{font-size:11px;line-height:1.4}.is-stacked .work-stage .outreach-canvas,.is-stacked .work-stage .support-canvas{height:auto;min-height:0}.is-stacked .work-stage .outreach-canvas>.story-photo,.is-stacked .work-stage .support-canvas>.story-photo{aspect-ratio:16/9}.is-stacked .work-stage .growth-canvas{min-height:560px;height:auto}.is-stacked .growth-material{flex:none;height:280px}
@media(max-width:900px){.hero .hero-poster{gap:32px}.hero h1{font-size:clamp(54px,7.1vw,80px)}}
@media(max-width:699px){.hero{padding-top:24px;padding-bottom:32px}.hero .hero-intro{font-size:20px;line-height:1.35;margin-bottom:20px}.hero .hero-poster{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(44px,12.7vw,72px);line-height:.98}.hero h1>span:last-child{margin-top:12px}.hero .hero-photo{height:auto;aspect-ratio:16/9}.hero-bottom{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:24px}.hero-bottom p{max-width:30ch;font-size:18px;line-height:1.4;text-wrap:initial}.hero-cta{align-self:start}.section-heading .category-paths{grid-column:1;margin:0;gap:12px 24px}.section-heading{margin-bottom:32px}.category-paths a{font-size:14px}.next-layout .consultation-agenda{font-size:15px;margin-top:20px;max-width:33ch}.next-layout{display:flex;flex-direction:column;align-items:start}.next-layout .next-link{order:3;margin-top:24px}.next-layout h2{order:1}.next-layout .consultation-agenda{order:2}.outreach-note{padding:20px}.outreach-note h3{font-size:26px}.outreach-note p{font-size:14px;margin-top:12px}.artifact-next{font-size:12px;margin-top:12px}.support-message{padding:20px;gap:12px 16px}.support-message h3{font-size:30px}.support-message p{font-size:13px}.support-purpose{padding:12px 20px;font-size:12px}.growth-canvas{padding:20px;gap:20px}.growth-heading h3{font-size:28px}.growth-heading>p{font-size:13px}.growth-material{grid-template-columns:1fr 1.1fr;min-height:180px}.growth-material>div{padding:16px}.growth-material h4{font-size:26px}.growth-material p{font-size:12px}.growth-paths{gap:12px}.growth-paths h4{font-size:14px}.growth-paths p{font-size:11px}.is-stacked .work-stage .scene{height:auto!important;min-height:0}.is-stacked .work-stage .growth-canvas{min-height:0}.is-stacked .growth-material{height:250px}.is-stacked .work-stage #scene-brand{min-height:540px}.experience-copy .experience-byline{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-cta,.category-paths a{transition:none}}
/* Each example shows a different piece of the work. */
.work-stage .outreach-work,.work-stage .sell-work,.work-stage .account-work{display:flex;flex-direction:column;gap:24px;padding:32px;background:#f6f6f2;color:var(--ink)}
.outreach-work header h3,.sell-work header h3,.account-work header h3{font-size:clamp(28px,5cqw,42px);line-height:1.03;letter-spacing:-.04em;margin-top:12px}
.outreach-letter{background:#fff;padding:28px;flex:1;display:flex;flex-direction:column;justify-content:center}.outreach-to{display:flex;gap:12px;align-items:baseline;font-size:14px}.outreach-to>span{color:var(--muted)}.buyer-context{font-size:12px;color:var(--muted);margin:8px 0 28px}.outreach-letter h4{font-size:24px;line-height:1.15;letter-spacing:-.025em}.outreach-letter h4+p{font-size:16px;line-height:1.5;margin-top:16px;max-width:48ch}.letter-route{font-size:12px;color:var(--blue);display:block;margin-top:24px}.followup-track{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.3;color:var(--muted)}.followup-track>span,.followup-track>strong{padding-top:12px;border-top:2px solid #d3d4cf;flex:1}.followup-track>strong{color:var(--blue);border-color:var(--blue);font-weight:400}.work-takeaway{font-size:13px;line-height:1.4;color:var(--muted)}
.shelf-campaign{display:grid;grid-template-columns:1.1fr 1fr;flex:1;min-height:200px;background:var(--blue);color:var(--paper)}.shelf-campaign .story-photo{height:100%}.shelf-campaign .story-photo img{object-position:62% center}.shelf-campaign>div{align-self:center;padding:24px}.shelf-campaign>div>span{font-size:12px}.shelf-campaign h4{font-size:clamp(32px,6cqw,54px);line-height:1;letter-spacing:-.04em;margin-top:24px}.shelf-campaign>div>p{font-size:14px;line-height:1.4;margin-top:20px;max-width:22ch}.selling-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px}.selling-tools p{font-size:15px;line-height:1.4;margin-top:8px}.selling-tools .artifact-label{font-size:11px}
.account-plan{background:#fff;padding:28px;flex:1;display:flex;flex-direction:column;justify-content:center}.account-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.account-plan-head h4{font-size:24px;line-height:1.15;letter-spacing:-.025em;margin-top:8px}.account-status{color:var(--blue);font-size:12px;white-space:nowrap}.account-actions{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:20px}.account-actions li{display:flex;gap:20px;padding-top:16px;border-top:1px solid #e1e1dc}.account-actions li>span{font-size:12px;color:var(--blue);padding-top:4px}.account-actions strong{font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.account-actions p{font-size:14px;line-height:1.4;color:var(--muted);margin-top:6px}.account-outcomes{display:flex;justify-content:space-between;gap:16px;color:var(--blue);font-size:14px;line-height:1.3}.account-outcomes>span{flex:1}
.is-stacked .work-stage .outreach-work,.is-stacked .work-stage .sell-work,.is-stacked .work-stage .account-work{height:auto;min-height:620px}.is-stacked .shelf-campaign{min-height:320px}
@media(max-width:699px){.work-stage .outreach-work,.work-stage .sell-work,.work-stage .account-work{padding:20px;gap:20px}.outreach-work header h3,.sell-work header h3,.account-work header h3{font-size:28px;margin-top:8px}.outreach-letter{padding:20px}.buyer-context{font-size:11px;margin-bottom:20px}.outreach-letter h4{font-size:20px}.outreach-letter h4+p{font-size:14px;line-height:1.45;margin-top:12px}.letter-route{font-size:11px;margin-top:20px}.followup-track{font-size:11px;gap:12px}.work-takeaway{font-size:12px}.shelf-campaign{grid-template-columns:1fr 1fr;min-height:220px}.shelf-campaign>div{padding:16px}.shelf-campaign h4{font-size:28px;margin-top:16px}.shelf-campaign>div>p{font-size:12px;margin-top:16px}.selling-tools{gap:16px}.selling-tools .artifact-label{font-size:10px;line-height:1.4;display:block}.selling-tools p{font-size:13px}.account-plan{padding:20px}.account-plan-head{gap:12px}.account-plan-head h4{font-size:20px}.account-status{font-size:11px}.account-actions{margin-top:20px;gap:16px}.account-actions li{gap:12px;padding-top:12px}.account-actions strong{font-size:18px}.account-actions p{font-size:12px}.account-outcomes{font-size:12px;gap:12px}.is-stacked .work-stage .outreach-work,.is-stacked .work-stage .sell-work,.is-stacked .work-stage .account-work{min-height:0}.is-stacked .shelf-campaign{min-height:240px}}
@media(max-width:360px){.work-stage .outreach-work,.work-stage .sell-work,.work-stage .account-work{padding:16px;gap:16px}.outreach-letter,.account-plan{padding:16px}.buyer-context{margin-bottom:16px}.outreach-letter h4+p{font-size:13px}.letter-route{margin-top:16px}.account-actions strong{font-size:16px}.account-plan-head{flex-direction:column;gap:8px}.account-status{display:none}.shelf-campaign>div{padding:12px}.shelf-campaign h4{font-size:24px}.selling-tools{gap:12px}}

.outreach-letter h4{margin:0}.account-plan-head h4{margin-bottom:0}.shelf-campaign h4{margin-bottom:0}.shelf-campaign .story-photo img{object-position:center}

/* Review: one section headline, distinct artifacts, content-aware fallback. */
.outreach-work header,.sell-work header,.account-work header{line-height:1}.outreach-work .outreach-letter,.account-work .account-plan{flex:0 1 auto}.outreach-work,.account-work{justify-content:center}.outreach-letter{min-width:0}.outreach-to{margin-top:0}.faire-ready{margin-top:24px;display:grid;gap:6px}.faire-ready strong{font-size:14px;font-weight:400;color:var(--blue)}.faire-ready>span:last-child{font-size:12px;color:var(--muted)}.account-outcomes{color:var(--ink)}.experience-byline a{text-decoration:underline;text-underline-offset:4px}.hero .hero-cta{margin-top:0}.form-step[hidden]+.form-step{margin-top:12px}.sell-work .shelf-campaign{flex:1;min-height:240px}.is-stacked .work-stage .outreach-work,.is-stacked .work-stage .sell-work,.is-stacked .work-stage .account-work{min-height:0;padding-block:32px}.is-stacked .outreach-letter,.is-stacked .account-plan{flex:none}.is-stacked .shelf-campaign{min-height:300px}.hero .hero-intro{max-width:none;text-wrap:balance}
@media(max-width:699px){.faire-ready{margin-top:20px}.faire-ready strong{font-size:12px}.faire-ready>span:last-child{font-size:11px}.sell-work .shelf-campaign{min-height:220px}.is-stacked .shelf-campaign{min-height:260px}.is-stacked .work-stage .outreach-work,.is-stacked .work-stage .sell-work,.is-stacked .work-stage .account-work{padding-block:24px}.hero .hero-intro{font-size:18px;max-width:32ch}}
/* Stacked fallback must grow with each artifact at every breakpoint. */
.is-stacked .work-stage #scene-campaign,.is-stacked .work-stage #scene-shop,.is-stacked .work-stage #scene-retention{height:auto!important}

/* One conversion decision: headline and explanation together, action beside them. */
.next-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;row-gap:20px;align-items:center}
.next-layout h2{grid-column:1;grid-row:1;max-width:16ch}
.next-layout .consultation-agenda{grid-column:1;grid-row:2;margin-top:0;max-width:46ch;font-size:var(--type-body);line-height:var(--leading-body)}
.next-layout .next-link{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;margin-top:0}
.category-paths a{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.category-paths a[aria-current=page]{color:var(--accent)}
.example-note{font-size:max(12px,var(--type-caption))}
@media(max-width:900px){
 .next-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .next-layout .next-link{grid-column:1;grid-row:3;justify-self:start;max-width:100%;margin-top:4px}
 .next-layout .consultation-agenda{max-width:42ch}
}
@media(max-width:699px){
 .next-layout{align-items:start}
 .next-layout .next-link{width:100%;white-space:normal;justify-content:center}
 .next-layout .consultation-agenda{max-width:33ch}
}

/* Give narrow footers a deliberate second row instead of a right-aligned orphan. */
@media(max-width:360px){
 .site-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
 .site-footer .footer-links{margin-left:0;justify-content:flex-start;gap:24px}
}

/* Stable, overlapping story frames: scrolling never inserts/removes panel height. */
.is-scroll .work-pin{top:88px;height:min(820px,calc(var(--story-viewport,100svh) - 104px))}
.is-scroll .work-stage{isolation:isolate}
.is-scroll .work-stage>.scene{position:absolute;inset:0;margin:0;will-change:transform,opacity}
.is-scroll .work-stage>.scene[aria-hidden=true]{pointer-events:none}
@media(max-width:699px){
 .is-scroll .work-pin{top:80px;height:min(700px,calc(var(--story-viewport,100svh) - 96px))}
 .is-scroll .mobile-work-heading{min-height:34px;align-items:center;gap:12px}
 .is-scroll .mobile-work-heading h3{white-space:nowrap}
 .is-scroll .mobile-service-summary{min-height:34px;align-content:start}
 .is-scroll .mobile-work-progress span{transition:background-color 240ms ease}
}
@media(max-width:360px){.is-scroll .mobile-work-heading h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){
 .is-scroll .work-stage>.scene{will-change:auto}
 .is-scroll .mobile-work-progress span{transition:none}
}

@media(max-width:699px){
 .is-scroll.is-compact .work-stage .outreach-work,
 .is-scroll.is-compact .work-stage .sell-work,
 .is-scroll.is-compact .work-stage .account-work{padding:16px;gap:16px}
 .is-scroll.is-compact .outreach-letter,.is-scroll.is-compact .account-plan{padding:16px}
 .is-scroll.is-compact .buyer-context{margin-bottom:16px}
 .is-scroll.is-compact .faire-ready{margin-top:16px}
 .is-scroll.is-compact .account-actions{margin-top:16px;gap:12px}
 .is-scroll.is-compact .account-actions li{padding-top:10px}
}

/* The keyboard changes the form viewport, never the scroll-story geometry. */
@media(max-width:699px){
 #brief-dialog{max-height:min(94dvh,calc(var(--dialog-visible-height,100dvh) - 24px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
 #brief-dialog.has-software-keyboard{top:calc(var(--dialog-visible-top,0px) + 12px);bottom:auto;margin:0;max-height:calc(var(--dialog-visible-height,100dvh) - 24px)}
}

/* Native vertical scrolling and pinch zoom stay available on every story card. */
.work-stage{touch-action:pan-y pinch-zoom}