/* Page-specific composition over the supplied motion system. */
.hero-cta{pointer-events:auto;margin-top:28px;background:var(--ink);color:var(--paper);padding:14px 22px!important}
.hero-cta:hover{background:var(--paper);color:var(--ink)}
.manifest-home .hero-content{padding-top:48px}
.manifest-home .hero-copy{font-size:clamp(19px,1.65vw,26px);line-height:1.4;max-width:590px;margin-top:30px}
.manifest-trust .trust-heading{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:30px}
.trust-heading>p{font-size:clamp(30px,3vw,48px);line-height:1.05;letter-spacing:-.04em}
.logo-wall .logo-tile img{filter:grayscale(1) brightness(0);opacity:.78;max-height:52px;max-width:160px;width:78%;object-fit:contain}
.logo-wall .logo-tile:hover img{opacity:1}
.capability-card .cap-title{font-size:clamp(22px,2vw,32px)}
.manifest-home .stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:70px}
.manifest-home .stat-value{font-size:clamp(68px,6.2vw,110px)}
@media(min-width:801px) and (max-width:1200px){.manifest-home .stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:60px}}
.manifest-home .stat-label{max-width:300px;display:block}
.manifest-home #studio-name{font-size:clamp(30px,3.3vw,60px);letter-spacing:-.045em;max-width:460px}
.manifest-home .studio-heading{align-items:flex-end;gap:14px}
.manifest-home .studio-copy{display:flex;flex-wrap:wrap;gap:28px 40px}
.manifest-home .studio-copy>p{flex-basis:100%;margin:0}
.manifest-home .studio-copy .text-link{margin:0}
.manifest-home .studio-photo img{object-fit:cover}
.manifest-home .studio-photo.portrait .photo-stage img{object-position:center}
.testimonials-section .section-heading{display:flex;justify-content:space-between;gap:30px;align-items:start}
.testimonial-feature{position:relative;isolation:isolate}
.testimonial-content{transition:opacity .18s,transform .3s;max-width:1000px;position:relative;z-index:1}
.testimonial-content.is-changing{opacity:0;transform:translateY(8px)}
.testimonial-feature blockquote{margin:0;font-size:clamp(30px,3.5vw,60px);letter-spacing:-.035em;line-height:1.15;font-weight:400}
.testimonial-orbit{position:absolute;right:0;bottom:0;width:160px;height:160px;opacity:.14;z-index:0;pointer-events:none}
.testimonial-orbit img{width:100%;height:100%;object-fit:contain}
.testimonial-controls{position:relative;z-index:1;margin-top:40px;display:flex;gap:20px;align-items:center}
.testimonial-count{font:12px var(--mono)}
.testimonial-feature .quote-attribution p:first-child{font-size:19px;margin-bottom:7px}
.testimonial-feature .quote-attribution p:last-child{font-size:15px;line-height:1.5;max-width:600px}
.manifest-home-sparks{padding-top:110px;padding-bottom:60px}
.manifest-home-sparks .section-heading>div>p{font-size:clamp(42px,5vw,72px);letter-spacing:-.04em;line-height:1.08}
.manifest-home-sparks .sparks-grid{padding:0;margin-top:55px}
.spark-kicker{display:block;font:11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}
.spark-card{display:flex;flex-direction:column}
.spark-card h2{flex:1}
.manifest-jen-home .contact-copy{max-width:440px;line-height:1.4}
.contact-home-cta{margin-top:24px}
.manifest-jen-home .person-image{background:#a98bf5;aspect-ratio:4/5}
.manifest-jen-home .person-image img{object-fit:contain;object-position:center bottom}
.manifest-project-mosaic{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:stretch}
.manifest-project-note{display:flex;flex-direction:column;padding:clamp(25px,4vw,65px);gap:25px;min-height:100%;background:var(--media-bg);aspect-ratio:1/1.05}
.manifest-project-note p{font-size:clamp(22px,2.1vw,34px);line-height:1.25;letter-spacing:-.02em}
.manifest-project-note>img{margin-top:auto;width:80px;height:80px}
.capability-page .project-heading{padding-top:55px;padding-bottom:50px}
.capability-page .fact-value{font-size:clamp(36px,4.2vw,72px);letter-spacing:-.04em}
.capability-page .customer-section .logo-wall{margin-top:40px}
.capability-page .cap-contact-person .person-image{background:#ff6b5e;aspect-ratio:4/5}
.capability-page .cap-contact-person .person-image img{object-fit:contain;object-position:bottom center}
.case-deck{font-size:clamp(25px,2.5vw,40px);line-height:1.2;max-width:840px;margin-top:35px;letter-spacing:-.025em}
.case-hero-graphic{padding:0 var(--side);margin:0 auto 60px;max-width:1400px}
.case-hero-graphic img{width:100%;max-height:680px;object-fit:cover;object-position:center;border-radius:3px}
.case-facts{display:grid;gap:30px;font-size:18px;line-height:1.4}
.case-facts p{margin:0}
.case-facts p>span{display:block;font:11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.case-quote{margin:55px 0;padding:40px;background:#ff6b5e;border-radius:3px}
.case-quote blockquote{margin:0 0 24px;font-size:clamp(23px,2.4vw,36px);line-height:1.2;letter-spacing:-.025em}
.case-quote>p{font-size:17px}
.case-quote>p>span{display:block;font-size:13px;line-height:1.4;margin-top:8px}
.case-service-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:25px}
.case-nav{border-top:1px solid var(--line);padding-top:35px;padding-bottom:70px}
.about-hero .editorial-title{font-size:clamp(60px,7.5vw,125px)}
.about-bio h2{font-size:clamp(34px,3.9vw,60px);letter-spacing:-.035em;line-height:1.1;margin-bottom:36px;font-weight:400}
.about-bio>p{font-size:22px;line-height:1.45;margin-bottom:23px}
.about-bio>.text-link{margin-top:18px}
.about-portrait{margin:0}
.about-portrait img{width:100%;height:100%;max-height:700px;object-fit:cover;object-position:53% center}
.about-portrait figcaption{font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-top:15px}
.career-section,.ecosystem-section{padding-top:110px;padding-bottom:75px}
.career-section .section-heading>div>p,.ecosystem-section .section-heading>div>p{font-size:clamp(40px,5vw,76px);line-height:1.1;letter-spacing:-.04em}
.career-section .section-heading>p{font-size:22px;line-height:1.4;max-width:380px}
.career-plus{font-size:30px;justify-self:end;transition:transform .3s}
.career-item[open] .career-plus{transform:rotate(45deg)}
.career-item .career-detail{padding-bottom:25px;max-width:820px;margin-left:auto}
.ecosystem-section{background:#e8e3de}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:35px 0}
.ecosystem-item h3{font-weight:400;font-size:32px;letter-spacing:-.025em;margin-bottom:25px}
.ecosystem-item p{font-size:18px;line-height:1.45;margin:0 0 20px}
.about-recognition{border-top:1px solid var(--line);padding:30px 0 45px;max-width:960px;font-size:20px;line-height:1.5}
.contact-topics{margin-top:70px;max-width:530px}
.contact-portrait{background:#ff6b5e;border-radius:4px;align-self:start;overflow:hidden}
.contact-portrait>img{object-fit:contain;object-position:center bottom;max-height:700px}
.contact-portrait>figcaption{position:relative;background:var(--paper);padding:28px 0 0}
.contact-portrait>figcaption h2{font-size:29px;font-weight:400;letter-spacing:-.03em}
.contact-portrait>figcaption p{font-size:16px;margin-top:8px}
.contact-portrait>figcaption span{display:block;font-size:14px;margin-top:18px;color:#555}
.testimonials-all{padding-top:10px;padding-bottom:100px}
.testimonial-person h2{font-size:17px;font-weight:600;margin-bottom:6px}
.testimonial-person p{font-size:13px;line-height:1.5}
.testimonial-card .quote-mark{font-size:60px;line-height:1;margin:0 0 12px;display:block}
.testimonial-card blockquote p{margin-bottom:17px}
.testimonial-card blockquote p:last-child{margin-bottom:0}
.spark-feature-photo{margin:0 auto 70px;padding:0 var(--side);max-width:1200px}
.spark-feature-photo img{width:100%;max-height:620px;object-fit:cover}
.spark-feature-photo figcaption{font:11px/1.5 var(--mono);margin-top:14px}
.article-section .speaking-list{font-size:19px;line-height:1.4}
.article-section>.text-link+.text-link{margin-top:20px}
.manifest-footer-nav>div>a{display:block}
.manifest-footer-nav>div:first-child>.text-link{display:inline-flex;margin-top:23px}
.manifest-footer-nav>div:first-child>h2{font-size:26px;letter-spacing:-.03em;text-transform:none;font-family:Feixen,sans-serif;line-height:1.1}
.manifest-footer-nav>div:first-child>p{font-size:22px;line-height:1.35}
.manifest-home-sparks .section-heading,.career-section .section-heading,.ecosystem-section .section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
[hidden]{display:none!important}
@media(min-width:801px) and (max-width:1100px){.site-header{padding:0 24px}.site-header .brand img{width:175px}.main-nav{gap:7px;left:51%}.utility-nav{gap:13px}.nav-button,.nav-link{font-size:10px;letter-spacing:.06em}.nav-button{padding-left:10px!important;padding-right:10px!important}}
@media(max-width:800px){.manifest-trust .trust-heading{display:block}.trust-heading>p{margin-top:22px}.manifest-home .hero-content{padding-top:0}.manifest-home .hero-copy{font-size:20px;max-width:370px}.manifest-home .stats{grid-template-columns:1fr}.manifest-home .studio-heading{align-items:flex-start}.manifest-home #studio-name{font-size:36px;max-width:80%}.manifest-project-mosaic{grid-template-columns:1fr;gap:20px}.manifest-project-note{aspect-ratio:auto;min-height:390px}.manifest-project-note p{font-size:26px}.testimonial-orbit{width:100px;height:100px}.testimonials-section .section-heading{display:block}.testimonials-section .section-heading>.text-link{margin-top:10px}.testimonials-section .testimonial-feature{padding-right:0}.manifest-home-sparks .section-heading,.career-section .section-heading,.ecosystem-section .section-heading{display:block}.manifest-home-sparks .section-heading>.text-link{margin-top:24px}.career-section .section-heading>p{margin-top:28px}.ecosystem-grid{grid-template-columns:1fr;gap:25px}.about-bio>p{font-size:20px}.about-portrait img{height:480px;object-position:center}.case-hero-graphic{margin-bottom:30px}.case-hero-graphic img{min-height:260px}.case-quote{padding:28px;margin:35px 0}.article-body-grid .experience-tags{margin-bottom:30px}.manifest-home-sparks{padding-top:80px}.contact-topics{margin-top:45px}.manifest-contact-layout{padding-top:150px}.manifest-contact-layout .contact-page-heading{font-size:clamp(60px,14vw,104px)}.contact-portrait>img{max-height:600px}.logo-wall .logo-tile img{max-width:130px}.case-nav{gap:25px;font-size:13px}.career-plus{grid-column:3;grid-row:1}}
@media(prefers-reduced-motion:reduce){.testimonial-content,.career-plus{transition:none}}
.motion-paused .testimonial-content,.motion-paused .career-plus{transition:none}

.section-heading .eyebrow{font-size:14px;line-height:1.4;letter-spacing:0}
.contact-portrait{aspect-ratio:auto}
.contact-portrait>img{height:auto;aspect-ratio:4/5;width:100%}

@media(max-width:800px){.manifest-home .hero-title{font-size:clamp(36px,11vw,74px)}.manifest-contact-layout .contact-page-copy{font-size:22px;line-height:1.4}}

.case-hero-graphic figcaption{font:11px/1.5 var(--mono);margin-top:14px}.case-hero-graphic figcaption:empty{display:none}
.testimonial-person{display:flex;align-items:center;gap:16px}
.testimonial-person>div{min-width:0}
.testimonial-person .testimonial-avatar,.quote-attribution .testimonial-avatar{float:none;flex:none;width:56px;height:56px;margin:0;border-radius:50%;object-fit:cover;background:var(--manifest-rule)}
.testimonial-feature .quote-attribution{flex-direction:row;align-items:center;gap:18px}
.testimonial-feature .quote-attribution>div{min-width:0}
.testimonial-feature .quote-attribution .testimonial-avatar{width:64px;height:64px}

/* FAQ page: question on the left, answer on the right; stacked on mobile. */
.faq-list{max-width:1600px;margin:64px auto 0;padding:0 32px}
.faq-item,.faq-cta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.faq-item{padding:48px 0;border-top:1px solid var(--manifest-rule)}
.faq-item:last-of-type{border-bottom:1px solid var(--manifest-rule)}
.faq-question{grid-column:1/6;padding-right:32px;font-size:32px;line-height:1.15;font-weight:400;letter-spacing:-.02em}
.faq-answer{grid-column:6/12;min-width:0;font-size:24px;line-height:1.4;letter-spacing:-.012em}
.faq-answer p+p{margin-top:24px}
.faq-answer .speaking-list{margin-block:24px 0;font-size:19px;line-height:1.4}
.faq-answer>.text-link{margin-top:12px}
.faq-cta{padding:40px 0 120px}
.faq-cta>.text-link{grid-column:6/12;justify-self:start}
@media(min-width:744px) and (max-width:1023px){.faq-item,.faq-cta{grid-template-columns:repeat(8,minmax(0,1fr))}.faq-question{grid-column:1/4;padding-right:16px;font-size:26px}.faq-answer{grid-column:4/9;font-size:22px}.faq-cta>.text-link{grid-column:4/9}}
@media(max-width:743px){.faq-list{margin-top:48px;padding:0 16px}.faq-item,.faq-cta{display:block}.faq-item{padding:32px 0}.faq-cta{padding-bottom:80px}.faq-question{padding-right:0;margin-bottom:16px;font-size:28px}.faq-answer{font-size:20px}}

/* Homepage trust ribbon: a continuously scrolling, straight line of organizations. */
.manifest-trust.trust-carousel { padding: 64px 0 48px; overflow: hidden; }
.trust-carousel-heading { position: relative; max-width: 940px; margin: 0 auto 16px; padding: 0 80px; text-align: center; }
.trust-carousel-heading h2 { max-width: 690px; margin: auto; font-size: clamp(25px, 3vw, 42px); line-height: 1.16; font-weight: 400; letter-spacing: -.035em; text-wrap: balance; }
.trust-pause { display: inline-flex; align-items: center; gap: 7px; margin-top: 20px; padding: 8px 14px; border: 1px solid var(--manifest-rule); border-radius: 24px; font: 11px FeixenMono, monospace; cursor: pointer; }
.trust-pause[hidden] { display: none; }
.trust-pause:hover { background: var(--ink); color: var(--paper); }
.trust-pause:focus-visible, .trust-window:focus-visible { outline: 2px solid var(--manifest-cobalt); outline-offset: -3px; }
.trust-window { overflow-x: auto; scrollbar-width: thin; padding-block: 12px; }
.trust-track { display: flex; width: max-content; }
.trust-group { display: flex; align-items: center; flex: 0 0 auto; list-style: none; padding: 0; margin: 0; }
.trust-logo { flex: 0 0 220px; width: 220px; height: 124px; display: flex; align-items: center; justify-content: center; padding: 20px; }
.trust-logo img { display: block; width: 100%; height: 100%; max-width: 180px; max-height: 64px; object-fit: contain; filter: grayscale(1) brightness(0); opacity: .8; }
.trust-name { max-width: 180px; text-align: center; font-size: 25px; font-weight: 600; line-height: 1.12; letter-spacing: -.04em; }
/* Logo hover: each logo takes a brand highlight color, grows slightly, and links out. */
.trust-logo { --trust-hl: var(--manifest-coral); }
.trust-logo:nth-child(5n+2) { --trust-hl: var(--manifest-lilac); }
.trust-logo:nth-child(5n+3) { --trust-hl: var(--manifest-grass); }
.trust-logo:nth-child(5n+4) { --trust-hl: var(--manifest-lagoon); }
.trust-logo:nth-child(5n+5) { --trust-hl: var(--manifest-cobalt); }
.trust-mark { position: relative; display: inline-flex; align-items: center; justify-content: center; color: inherit; text-decoration: none; transition: transform .25s ease, color .25s ease; }
a.trust-mark { cursor: pointer; }
/* Give viewBox-only SVGs a definite box so flex sizing cannot collapse them. */
.trust-mark:has(> img) { flex: 0 0 180px; width: 180px; height: 64px; }
.trust-mark img { transition: opacity .25s ease; }
.trust-tint { position: absolute; inset: 0; background: var(--trust-hl); -webkit-mask: var(--logo-mask) center / contain no-repeat; mask: var(--logo-mask) center / contain no-repeat; opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.trust-logo:hover .trust-mark, .trust-mark:focus-visible { transform: scale(1.12); color: var(--trust-hl); }
.trust-logo:hover .has-tint img, .has-tint:focus-visible img { opacity: 0; }
.trust-logo:hover .trust-tint, .trust-mark:focus-visible .trust-tint { opacity: 1; }
.trust-mark:focus-visible { outline: 2px solid var(--manifest-cobalt); outline-offset: 6px; border-radius: 4px; }
/* Hold the ribbon still while a logo is under the pointer so it's easy to click. */
.trust-carousel.is-animated .trust-window:hover .trust-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .trust-mark, .trust-mark img, .trust-tint { transition: none; } }
.trust-more { text-align: center; font: 12px FeixenMono, monospace; color: var(--manifest-muted); margin-top: 8px; }
.trust-carousel.is-animated .trust-window { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.trust-carousel.is-animated .trust-track { animation: trust-travel 140s linear infinite; will-change: transform; }
@keyframes trust-travel { to { transform: translateX(-50%); } }
.trust-carousel.is-paused .trust-window { overflow-x: auto; }
.trust-carousel.is-paused .trust-track { animation: none; transform: none; }
.trust-carousel.is-paused .trust-group[aria-hidden="true"] { display: none; }
@media (max-width: 600px) {
  .manifest-trust.trust-carousel { padding-block: 44px 30px; }
  .trust-carousel-heading { padding-inline: 24px; }
  .trust-logo { flex-basis: 180px; width: 180px; height: 112px; }
  .trust-mark:has(> img) { flex-basis: 140px; width: 140px; height: 56px; }
  .trust-logo img { max-width: 140px; max-height: 56px; }
  .trust-name { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .trust-carousel.is-animated .trust-window { overflow-x: auto; mask-image: none; }
  .trust-carousel.is-animated .trust-track, .trust-carousel.is-animated .trust-logo { animation: none; transform: none; }
  .trust-group[aria-hidden="true"] { display: none; }
}

/* Selected stories: an open center card with neighboring brand previews. */
.project-stories { padding: 80px 0 100px; overflow: hidden; scroll-margin-top: 100px; }
.stories-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; padding-inline: var(--side, 32px); max-width: 1440px; margin: 0 auto 48px; }
.stories-heading h2 { max-width: 650px; font-size: clamp(32px, 4vw, 58px); line-height: 1.06; letter-spacing: -.04em; font-weight: 400; text-wrap: balance; }
.stories-heading .text-link { flex-shrink: 0; }
.stories-stage { position: relative; width: min(1020px, calc(100% - 360px)); margin: auto; }
.story-card { position: relative; padding: clamp(28px, 3.4vw, 54px); background: #ebe7e2; border-radius: 24px; margin-bottom: 24px; }
.story-card-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 128px; margin-bottom: 32px; }
.story-logo { width: 190px; max-height: 64px; object-fit: contain; object-position: left center; filter: grayscale(1) brightness(0); }
.story-campaign-photo { width: 220px; height: 124px; object-fit: cover; border-radius: 12px; }
.story-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .48fr); gap: clamp(28px, 4vw, 64px); }
.story-summary { font-size: 17px; line-height: 1.5; }
.story-quote { margin: 30px 0 0; padding-left: 22px; border-left: 2px solid var(--manifest-coral); }
.story-quote p { font-size: clamp(22px, 2.2vw, 29px); line-height: 1.25; letter-spacing: -.025em; }
.story-metrics { display: flex; flex-direction: column; gap: 28px; margin: 0; }
.story-metrics > div { display: flex; flex-direction: column; gap: 6px; }
.story-metrics dd { order: -1; margin: 0; font-size: clamp(36px, 4vw, 52px); line-height: 1; letter-spacing: -.045em; }
.story-metrics dt { color: var(--manifest-muted); font-size: 15px; line-height: 1.4; }
.story-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 40px; }
.story-person { display: flex; align-items: center; gap: 14px; max-width: 70%; }
.story-person > img { width: 56px; height: 64px; object-fit: cover; flex-shrink: 0; border-radius: 10px; }
.story-person-name { font-size: 16px; line-height: 1.3; }
.story-person-role { margin-top: 5px; font-size: 13px; line-height: 1.4; color: var(--manifest-muted); }
.story-read { display: inline-flex; flex-shrink: 0; align-items: center; gap: 20px; padding: 15px 19px; border: 1px solid var(--manifest-rule); border-radius: 10px; background: var(--paper); font-size: 14px; transition: background .2s, color .2s; }
.story-read:hover { background: var(--ink); color: var(--paper); }
.story-read:focus-visible, .stories-controls button:focus-visible, .story-preview:focus-visible { outline: 2px solid var(--manifest-cobalt); outline-offset: 4px; }
.project-stories.is-ready .stories-stage { display: grid; }
.project-stories.is-ready .story-card { grid-area: 1 / 1; margin: 0; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateX(24px); transition: opacity .35s ease, transform .5s var(--ease), visibility .35s; }
.project-stories.is-ready .story-card.is-active { visibility: visible; opacity: 1; transform: none; z-index: 1; }
.project-stories.is-ready .story-detail { display: flex; flex-direction: column; flex: 1; }
.project-stories.is-ready .story-footer { margin-top: auto; }
.story-preview { position: absolute; top: 10%; bottom: 10%; width: min(400px, calc((100vw - 100%) / 2 - 36px)); display: flex; align-items: center; justify-content: center; background: #ebe7e2; border-radius: 24px; cursor: pointer; transition: background .25s, transform .25s; }
.story-preview-prev { right: calc(100% + 18px); }
.story-preview-next { left: calc(100% + 18px); }
.story-preview img { width: min(60%, 180px); height: auto; max-height: 60px; object-fit: contain; filter: grayscale(1) brightness(0); }
.story-preview:hover { background: #e1dcd6; transform: scale(1.015); }
.stories-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 32px; }
.stories-controls button { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--manifest-rule); border-radius: 10px; background: var(--paper); font-size: 22px; cursor: pointer; transition: background .2s, color .2s; }
.stories-controls button:hover { background: var(--ink); color: var(--paper); }
.stories-count { font: 12px FeixenMono, monospace; }
.story-preview[hidden], .stories-controls[hidden] { display: none; }
@media (min-width: 1600px) { .stories-stage { width: 1080px; } }
@media (max-width: 1000px) {
  .stories-stage { width: calc(100% - 64px); }
  .story-card { padding: 30px; }
  .story-body { gap: 28px; grid-template-columns: minmax(0, 1fr) 175px; }
  .story-quote p { font-size: 23px; }
  .story-preview { display: none; }
  .story-preview-prev { right: calc(100% + 12px); }
  .story-preview-next { left: calc(100% + 12px); }
}
@media (max-width: 700px) {
  .project-stories { padding-block: 48px 64px; }
  .stories-heading { display: block; margin-bottom: 28px; padding-inline: 20px; }
  .stories-heading .text-link { margin-top: 20px; }
  .stories-stage { width: calc(100% - 40px); }
  .story-card { padding: 24px; border-radius: 18px; }
  .story-card-header { min-height: 70px; margin-bottom: 24px; }
  .story-logo { width: 145px; max-height: 48px; }
  .story-campaign-photo { width: 100px; height: 70px; }
  .story-body { display: flex; flex-direction: column; gap: 28px; }
  .story-summary { font-size: 15px; }
  .story-quote { margin-top: 24px; padding-left: 16px; }
  .story-quote p { font-size: 23px; }
  .story-metrics { flex-direction: row; gap: 14px; border-top: 1px solid var(--manifest-rule); padding-top: 24px; }
  .story-metrics > div { flex: 1; min-width: 0; }
  .story-metrics dd { font-size: clamp(22px, 6.5vw, 38px); }
  .story-metrics dt { font-size: 12px; }
  .story-footer { flex-wrap: wrap; padding-top: 28px; gap: 22px; }
  .story-person { max-width: 100%; }
  .story-read { width: 100%; justify-content: space-between; }
  .story-preview { width: 80px; border-radius: 18px; }
  .stories-controls { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .project-stories.is-ready .story-card, .story-preview, .story-read { transition: none; transform: none; }
}
.motion-paused .project-stories.is-ready .story-card { transition: none; }

@media (max-width: 380px) {
  .story-card-header { gap: 16px; }
  .story-logo { width: 120px; }
  .story-campaign-photo { width: 80px; height: 60px; }
}

/* SEO/AEO pass: answer-first summaries and footer identity line. */
.answer-summary{max-width:760px;margin:28px auto 0;font-size:clamp(17px,1.35vw,20px);line-height:1.5;letter-spacing:-.005em}
.answer-summary-section{max-width:920px;margin:0 auto;padding-top:72px;padding-bottom:24px;text-align:center}
.answer-summary-section .answer-summary{margin-top:0}
.answer-summary-links{max-width:760px;margin:16px auto 0;font-size:15px;line-height:1.5}
.answer-summary-links a{text-decoration:underline;text-underline-offset:3px}
.footer-identity{flex:1 1 auto}

/* Contact page: a centered stage with six brand-colored geometric shapes in slow orbit behind the headline. */
.contact-stage { position: relative; isolation: isolate; overflow: clip; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: max(760px, 100svh); padding-top: 150px; padding-bottom: 90px; text-align: center; }
.contact-stage > .eyebrow { margin-bottom: 26px; }
.contact-title .contact-word { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .2em; margin-bottom: -.2em; }
.contact-title .contact-word > span { display: inline-block; }
.js-motion .contact-title .contact-word > span { transform: translateY(115%); transition: transform 1s cubic-bezier(.22, 1, .36, 1); transition-delay: calc(.2s + var(--w, 0) * .09s); }
.js-motion .contact-title.is-visible .contact-word > span { transform: none; }
.contact-lede { max-width: 640px; margin-top: 40px; font-size: clamp(21px, 1.9vw, 27px); line-height: 1.3; letter-spacing: -.015em; text-wrap: balance; --ed-delay: .45s; }
.contact-cta { margin-top: 38px; --ed-delay: .55s; }
.contact-cta .ed-pill { padding: 16px 24px; background: var(--ink); color: var(--paper); }
.contact-cta .ed-pill:hover, .contact-cta .ed-pill:focus-visible { background: transparent; color: var(--ink); }
.contact-stage .contact-topics { max-width: 760px; margin-top: 64px; --ed-delay: .65s; }
.contact-stage .contact-topics .eyebrow { margin-bottom: 0; }
.contact-stage .experience-tags { justify-content: center; margin-block: 16px 0; }
.contact-stage .experience-tags a { background: var(--paper); transition: background-color .25s, border-color .25s, color .25s, transform .35s var(--ease); }
.contact-stage .experience-tags a:hover, .contact-stage .experience-tags a:focus-visible { background: var(--accent); border-color: var(--accent); color: #090909; transform: translateY(-2px); }
.contact-orbit { --u: min(1.3vw, 8px); --px: 0px; --py: 0px; position: absolute; z-index: -1; left: 50%; top: 44%; width: 0; height: 0; translate: var(--px) var(--py); transition: translate 1.8s cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
.contact-ring { position: absolute; left: 0; top: 0; width: 0; height: 0; rotate: var(--start); animation: contact-orbit var(--t) linear infinite; }
.contact-ring.is-reverse { animation-direction: reverse; }
.contact-ring > i { --d: calc(var(--size) * var(--u)); position: absolute; left: calc(var(--d) / -2); top: calc(var(--d) / -2); width: var(--d); height: var(--d); clip-path: var(--shape); background: color-mix(in srgb, var(--c) 42%, var(--paper)); opacity: .82; transform: translateX(calc(var(--r) * var(--u))) scale(var(--s, 1)); transition: transform 1.1s cubic-bezier(.22, 1, .36, 1), opacity .6s ease; }
.js-motion .contact-ring > i { animation: contact-disc-in 1.1s cubic-bezier(.22, 1, .36, 1) backwards; animation-delay: calc(.1s + var(--i) * .09s); }
.contact-ring.is-active > i { --r: 5; --s: 1.5; opacity: 1; }
.contact-ring.is-dim > i { --s: .8; opacity: .3; }
@keyframes contact-orbit { from { rotate: var(--start); } to { rotate: calc(var(--start) + 360deg); } }
@keyframes contact-disc-in { from { scale: 0; opacity: 0; } }
@media (max-width: 800px) {
  .contact-stage { min-height: 0; padding-top: 140px; padding-bottom: 70px; }
  .contact-orbit { top: 38%; }
  .contact-lede { margin-top: 30px; }
  .contact-stage .contact-topics { margin-top: 52px; }
}
.motion-paused .contact-title .contact-word > span { transform: none !important; transition: none; }
.motion-paused .contact-ring { animation-play-state: paused; }
.motion-paused .contact-ring > i { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .contact-title .contact-word > span { transform: none !important; }
  .contact-ring, .contact-ring > i { animation: none !important; }
  .contact-orbit, .contact-ring > i { transition: none !important; }
}