/* First-round preview: retain SUPERFAB's type, artwork and palette. */
.route-investment{font-weight:700!important;font-size:13px!important;line-height:1.55!important;margin-top:12px!important;color:#171a15!important}
.partnership-price-signal a{text-decoration:underline;text-underline-offset:4px}
.offer-at-a-glance{background:#f5f0e7;color:#171a15;padding-top:56px;padding-bottom:56px}
.offer-overview-heading{display:grid;grid-template-columns:1fr 1fr;gap:12px 48px;align-items:end;margin-bottom:32px}
.offer-overview-heading .eyebrow{grid-column:1/-1}
.offer-overview-heading h2{margin:0;font-size:clamp(44px,5.5vw,76px);line-height:.95}
.offer-overview-heading p{max-width:42ch;margin:0;line-height:1.65}
.offer-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.offer-overview-card{display:flex;flex-direction:column;padding:28px;border:1px solid #171a1538;border-radius:4px;background:#fffaf2;color:#171a15;text-decoration:none;transition:transform .18s,border-color .18s}
.offer-overview-card:hover{transform:translateY(-3px);border-color:#171a15}
.offer-overview-card:focus-visible{outline:3px solid #a33c0e;outline-offset:4px}
.offer-overview-card h3{font:700 clamp(30px,3vw,44px)/1 var(--display);margin:14px 0}
.offer-overview-card p{font-size:15px;line-height:1.6;max-width:46ch;margin:0 0 22px}
.offer-overview-card strong{margin-top:auto;font-size:18px;line-height:1.4}
.offer-overview-card small{display:block;font-size:12px;line-height:1.6;margin-top:5px}
.offer-overview-link{font-size:13px;font-weight:700;margin-top:24px;text-decoration:underline;text-underline-offset:4px}
.clarity-overview{background:#ffcc55}
.offer-overview-note{font-size:12px;line-height:1.6;margin:22px 0 0;max-width:90ch}
.photo-controls[hidden]{display:none!important}
:is(#ideas,#partnership-in-practice).photo-browse{height:auto!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-stage{position:relative!important;top:auto!important;height:680px!important;min-height:0!important;display:block!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-media{position:absolute!important;inset:0!important;padding:0!important;display:block!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-frame{position:absolute!important;inset:0!important;opacity:0!important;visibility:hidden;transition:none!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-frame.photo-current{opacity:1!important;visibility:visible}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-frame img{height:100%!important;width:100%!important;aspect-ratio:auto!important;object-fit:cover!important;transform:none!important}
:is(#ideas,#partnership-in-practice).photo-browse figcaption{display:none}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-shade{display:block!important;background:linear-gradient(180deg,#091711b3,transparent 50%,#091711d9)!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-top{position:absolute!important;inset:28px 6% auto!important;padding:0!important}
:is(#ideas,#partnership-in-practice).photo-browse .photo-story-title{position:absolute!important;inset:21% 6% auto!important;width:88%!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;text-shadow:0 2px 20px #0005}
:is(#ideas,#partnership-in-practice).photo-browse .photo-story-title :is(span,em){position:static!important;transform:none!important;margin:0!important;line-height:.95!important;font-size:clamp(72px,13vw,108px)!important}
:is(#ideas,#partnership-in-practice).photo-browse .photo-story-title em{font-size:clamp(42px,8vw,62px)!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-cinema-bottom{position:absolute!important;inset:auto 6% 94px!important;padding:0!important;display:block!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-scene-caption{font-size:16px!important;margin-bottom:8px!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-scene-count{font-size:12px;margin-right:14px}
:is(#ideas,#partnership-in-practice).photo-browse .float-scroll-note{font-size:11px}
:is(#ideas,#partnership-in-practice).photo-browse .hero-inquiry-cta{margin-top:16px!important}
.photo-controls{position:absolute;bottom:22px;left:6%;right:6%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.photo-controls button{width:46px;height:46px;border:1px solid #fff9;border-radius:50%;color:#fff;background:#171a15c9;font-size:23px}
@media(max-width:650px){
 .offer-overview-heading{grid-template-columns:1fr;gap:18px}.offer-overview-heading .eyebrow{grid-column:auto}
 .offer-overview-grid{grid-template-columns:1fr}.offer-overview-card{padding:24px}.offer-at-a-glance{padding:44px 6%}
 :is(#ideas,#partnership-in-practice).photo-browse .float-cinema-stage{height:640px!important}
 .partnership-editorial{padding-top:56px!important;padding-bottom:56px!important}
 .partnership-route-list>a{padding-top:24px!important;padding-bottom:24px!important}
 .partnership-route-list p{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.offer-overview-card{transition:none}.offer-overview-card:hover{transform:none}}
:is(#ideas,#partnership-in-practice).photo-browse .float-scene-caption{display:block!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-scene-count{display:inline-block!important}
:is(#ideas,#partnership-in-practice).photo-browse .float-scroll-note{display:inline!important}

#partnership-in-practice.photo-browse .photo-story-title .float-cinema-one{font-size:clamp(38px,10vw,84px)!important}
#partnership-in-practice.photo-browse .photo-story-title .float-cinema-many{font-size:clamp(30px,8vw,68px)!important}
/* Pacing refinement: retain the complete desktop artwork sequence with a shorter scroll. */
@media(min-width:901px) and (min-height:601px){
 html.restored-motion #home.immersive-hero{height:300svh!important}
}
@media(max-width:650px){
 #partnerships.partnership-editorial{padding-top:40px!important;padding-bottom:40px!important}
 #partnerships .partnership-editorial-top{gap:22px;margin-bottom:24px}
 #partnerships #partnership-heading{font-size:48px;line-height:.98;margin-bottom:18px}
 #partnerships .partnership-editorial-copy>p{font-size:14px;line-height:1.55;margin-bottom:0}
 #partnerships .partnership-artboard{height:260px;max-width:350px;margin-inline:auto}
 #partnerships .partnership-paper{padding:16px 20px;top:8%;width:72%}
 #partnerships .partnership-paper p{font-size:31px;margin-top:14px}
 #partnerships .partnership-paper p em{font-size:25px;margin-top:8px}
 #partnerships .partnership-stamp{width:90px;height:90px;font-size:18px}
 #partnerships .partnership-stamp span{font-size:24px;margin-top:3px}
 #partnerships .partnership-route-list>a{grid-template-columns:20px 1fr 36px;gap:10px;padding:18px 0!important}
 #partnerships .partnership-route-list h3{font-size:28px;margin:8px 0}
 #partnerships .partnership-route-list p{line-height:1.5}
 #partnerships .partnership-route-arrow{width:36px;height:36px;font-size:24px}
 #partnerships .route-investment{margin-top:8px!important}
 #studio.studio{padding-top:48px;padding-bottom:48px;gap:28px}
 #studio>.portrait-card{width:180px;max-width:180px;padding:14px;margin:0 auto}
 #studio>.portrait-card img{max-height:180px}
 #studio .studio-copy h2{font-size:46px;margin-bottom:16px}
 #studio .founder-perspective{font-size:21px;line-height:1.25;margin:14px 0 18px}
 #studio .studio-copy>p:not(.founder-perspective){font-size:14px;line-height:1.6;margin-bottom:14px}
 #studio .studio-play-link{margin-top:8px}
 #studio .studio-signoff{margin-top:16px}
}

/* Process rules animate without changing layout; content stays visible without JS. */
.relationship-rhythm-grid article.rhythm-motion-ready{border-top-color:transparent}
.rhythm-motion-line{position:absolute;top:-1px;left:0;width:100%;height:1px;background:#64665f;transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:reduce){.relationship-rhythm *{animation:none!important;transition:none!important}}

.relationship-rhythm-grid article[data-rhythm-played="true"]::before{animation:rhythm-dot 400ms ease-out var(--rhythm-delay,0ms) backwards}
@keyframes rhythm-dot{from{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.relationship-rhythm-grid article::before{animation:none!important}}

/* Connected process path replaces separate horizontal rules. */
.relationship-rhythm-grid.rhythm-connected{position:relative}
.relationship-rhythm-grid.rhythm-connected article{border-top-color:transparent}
.rhythm-curve{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rhythm-curve path{stroke:#f26524;stroke-width:1.4;opacity:.7;vector-effect:non-scaling-stroke}
.relationship-rhythm-grid.rhythm-connected article::before{z-index:1}
@media(max-width:760px){.relationship-rhythm-grid.rhythm-connected article{padding-left:30px}}

#studio>#creative-direction{margin-top:0;margin-bottom:40px}

.partnership-longevity .longevity-link{display:block;margin-top:10px;font-size:.8em}

.partnership-longevity .longevity-heading{display:block;font-family:var(--display);font-size:clamp(30px,3vw,44px);line-height:1.1;margin-bottom:12px}
.partnership-longevity .longevity-detail{display:block;font-size:clamp(15px,1.5vw,19px);line-height:1.6;font-weight:400;color:#deded8}

#creative-showcase{padding-bottom:40px!important}
#creative-showcase>#creative-direction{margin:0!important;padding-top:0!important}
#studio.studio{background:#f3f0e7!important;color:#171a15!important;padding-top:56px!important;padding-bottom:56px!important}
#studio .studio-copy,#studio .studio-copy p,#studio .studio-copy h2,#studio .studio-copy .eyebrow{color:#171a15!important}
#studio .studio-play-link{color:#8f340e!important}
@media(max-width:650px){#creative-showcase{padding-top:48px!important;gap:0!important}#studio.studio{padding-top:40px!important;padding-bottom:40px!important}}

/* Private muted teal founder exploration */
#studio.studio{background:#285f59!important;color:#f3f0e7!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;padding-top:56px!important;padding-bottom:56px!important}
#studio .studio-copy,#studio .studio-copy p,#studio .studio-copy h2,#studio .studio-copy .eyebrow,#studio .studio-play-link{color:#f3f0e7!important}
#studio .studio-copy{position:relative;padding:12px 0}
#studio .studio-copy:before{content:none}
#studio>.portrait-card{position:relative;width:100%;max-width:400px;margin:0;transform:rotate(-4deg)}
#studio .studio-copy h2{font-size:clamp(42px,4.7vw,76px);line-height:1.02;margin:22px 0}
#studio .founder-perspective{font-size:26px;margin:0 0 20px}
@media(max-width:750px){#studio.studio{grid-template-columns:1fr;padding-top:40px!important;padding-bottom:40px!important;gap:30px!important}#studio>.portrait-card{width:210px;max-width:210px;padding:16px;margin:0 auto;transform:rotate(-4deg)}#studio>.portrait-card img{max-height:210px}#studio .studio-copy{padding:0}#studio .studio-copy h2{font-size:42px;margin:18px 0}#studio .founder-perspective{font-size:23px}#studio .studio-copy .eyebrow{font-size:10px}}

/* Teal collage review: deeper backdrop separates the bright teal illustration above. */
#studio.studio{background:#244c48!important;gap:0;padding-top:56px!important;padding-bottom:64px!important}
#studio .studio-copy{position:relative;isolation:isolate;padding:40px 38px 36px 58px;z-index:1}
#studio .studio-copy:before{content:"";position:absolute;inset:0;background:#f3f0e7;transform:rotate(1.5deg);z-index:-1}
#studio .studio-copy,#studio .studio-copy p,#studio .studio-copy h2,#studio .studio-copy .eyebrow{color:#171a15!important}
#studio .studio-play-link{color:#8f340e!important}
#studio>.portrait-card{z-index:2;width:105%;max-width:440px;transform:translateX(26px) rotate(-4deg)}
@media(max-width:750px){#studio.studio{gap:0!important;padding-top:38px!important;padding-bottom:44px!important}#studio>.portrait-card{width:210px;max-width:210px;margin:0 auto -28px 14px;transform:rotate(-5deg)}#studio .studio-copy{padding:58px 24px 28px}#studio .studio-copy:before{transform:rotate(1deg)}#studio .studio-copy h2{font-size:40px}}

.home-questions.wrap{grid-template-columns:1fr;gap:24px;padding-top:56px;padding-bottom:48px}
.home-questions>div{width:100%;max-width:960px;margin-inline:auto}
.home-questions h2{margin-top:12px}
.home-questions [data-ui-faq] summary{padding-block:20px}
#inquiry .project-reference-label[hidden]{display:none!important}
@media(max-width:650px){.home-questions.wrap{padding-top:36px;padding-bottom:32px;gap:20px}.home-questions [data-ui-faq] summary{padding-block:18px}}

/* Compact mobile offers: keep every price, term and description readable. */
@media(max-width:650px){
 #partnerships .partnership-editorial-top{gap:18px;margin-bottom:18px}
 #partnerships .partnership-artboard{height:210px;max-width:310px}
 #partnerships .partnership-paper{padding:12px 16px;top:7%}
 #partnerships .partnership-paper p{font-size:25px;margin-top:10px}
 #partnerships .partnership-paper p em{font-size:22px;margin-top:6px}
 #partnerships .partnership-stamp{width:76px;height:76px;font-size:15px}
 #partnerships .partnership-route-list>a{grid-template-columns:minmax(0,1fr) 36px;gap:8px;padding:16px 0!important}
 #partnerships .partnership-route-number{display:none}
 #partnerships .partnership-route-list h3{margin:6px 0;font-size:27px}
 #partnerships .partnership-route-list p{margin-bottom:0}
 #partnerships .route-investment{margin-top:7px!important}
 #partnerships .partnership-price-signal{margin-top:20px;padding-top:18px}
}

/* Give the client quote an even rhythm and a closer transition to the work. */
#client-perspective{padding-bottom:24px}
#client-perspective .work-client-proof{column-gap:clamp(32px,4vw,64px);row-gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(230px,.65fr)}
#client-perspective .eyebrow{margin-bottom:0}
#client-perspective blockquote{font-size:clamp(27px,3vw,42px);line-height:1.3;margin:0;letter-spacing:-.015em}
#client-perspective+#work{padding-top:48px}
@media(max-width:700px){
 #client-perspective .work-client-proof{grid-template-columns:1fr;row-gap:18px;padding:28px 24px}
 #client-perspective blockquote{font-size:27px;line-height:1.3;margin:0;padding-left:16px}
 #client-perspective .work-client-proof .text-link{margin-top:0}
 #client-perspective+#work{padding-top:32px}
}

/* More breathing room before the testimonial and above its text. */
#client-perspective{padding-top:56px}
#client-perspective .work-client-proof{padding-top:64px}
@media(max-width:700px){
 #client-perspective{padding-top:36px}
 #client-perspective .work-client-proof{padding-top:36px}
}