/* A quieter rhythm around the work, with the approved hero left intact. */
.cinematic-site #work .project-caption h3{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.035em}
.cinematic-site #work .project-caption>div>p,.cinematic-site #work .naples-intro>div>p{font-size:14px;line-height:1.6;margin-top:9px}
.cinematic-site #work .project-caption{margin-top:28px}
.cinematic-site #work .project-result{gap:9px;margin-top:28px;padding-top:22px}
.cinematic-site #work .project-result strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:44px;font-weight:500;line-height:1.12;letter-spacing:-.045em}
.cinematic-site #work .project-result strong span{font-size:21px;font-weight:450;line-height:1.4;letter-spacing:-.025em}
.cinematic-site #work .project-result>span{font-size:13px;line-height:1.6}
.cinematic-site #work .project-naples .project-caption{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.38fr);gap:48px;align-items:start;padding-top:0}
.cinematic-site #work .project-naples .case-context{margin:0;max-width:none}
.cinematic-site #work .project-naples .project-result{margin:0;padding:0;border:0}
.cinematic-site #work .project-naples .case-link{margin-top:20px}
.cinematic-site #work .naples-intro{display:block}
.cinematic-site #work .case-play-overlay:not([hidden]){background:rgba(17,18,17,.68);border-color:#ffffff80;box-shadow:0 5px 24px #0003;transition:background .18s ease,border-color .18s ease}
.cinematic-site #work .case-play-overlay:hover{background:rgba(17,18,17,.88);border-color:#ffffffb3}
.cinematic-site #work .case-play-overlay:active{background:#111211}
.cinematic-site #work .work-followup{margin-top:64px;padding-top:32px;padding-bottom:8px}
.cinematic-site #work .work-followup p{font-size:26px;letter-spacing:-.035em}
.cinematic-site #work .work-followup a{font-size:14px;min-height:44px}
.cinematic-site #expertise .expertise-lead h2,.cinematic-site #studio h2,.cinematic-site #faq h2{font-weight:500;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.cinematic-site #expertise .expertise-lead>p{max-width:44ch;line-height:1.7}
.cinematic-site #expertise .expertise-list h3{font-weight:450;letter-spacing:-.04em}
.cinematic-site #expertise .service-content>p:first-child{font-size:17px;line-height:1.7;max-width:44ch}
.cinematic-site #expertise .engagement-note{align-items:start}
.cinematic-site #expertise .engagement-note h3{font-size:40px;font-weight:500;line-height:1.15;letter-spacing:-.04em;max-width:16ch;text-wrap:balance}
.cinematic-site #expertise .engagement-note p{max-width:40ch}
.cinematic-site #studio .founder-card{background:transparent;border:0;border-left:1px solid var(--wtm-line);box-shadow:none;transform:none;padding:0 0 0 48px;margin:0}
.cinematic-site #studio .founder-card-top{gap:20px}
.cinematic-site #studio .founder-card-top>.wordmark{font-size:28px}
.cinematic-site #studio .founder-card-top>span:last-child{font-size:11px}
.cinematic-site #studio .founder-profile{gap:24px;margin-top:32px}
.cinematic-site #studio .founder-profile img{width:96px;height:120px;flex:none}
.cinematic-site #studio .founder-profile p{font-size:26px;font-weight:500;line-height:1.3;letter-spacing:-.03em}
.cinematic-site #studio .founder-profile span{font-size:12px;line-height:1.6}
.cinematic-site #studio .founder-book{margin-top:28px;padding:12px 0;min-height:48px;font-size:15px}
.cinematic-site #studio .founder-email{font-size:13px;min-height:44px;margin-top:12px}
.cinematic-site #faq .faq-lead{align-items:end}
.cinematic-site #faq .faq-lead>p{font-size:16px;line-height:1.6}
.cinematic-site #faq details{padding-top:22px;padding-bottom:22px}
.cinematic-site #faq summary{gap:24px;min-height:52px}
.cinematic-site #faq .faq-list h3{font-size:24px;font-weight:450;line-height:1.4;letter-spacing:-.025em}
.cinematic-site #faq .faq-answer{padding-top:14px;padding-bottom:8px}
.cinematic-site #faq .faq-answer p{font-size:16px;line-height:1.8;max-width:68ch}
.cinematic-site #contact .contact-bottom{align-items:center;gap:28px}
.cinematic-site #contact .text-link{font-size:14px;min-height:44px}
.cinematic-site .footer-brand p{max-width:34ch;line-height:1.8;text-align:left}
.cinematic-site .site-footer .footer-links a{min-height:40px;line-height:1.5}
.cinematic-site main>:not(.hero) :is(.case-link,.text-link,.founder-book,.founder-email){transition:color .18s ease,border-color .18s ease}
html.js-motion .cinematic-site main>:not(.hero) .reveal{transition:opacity .45s ease,transform .6s cubic-bezier(.2,.65,.3,1)}
html.js-motion .cinematic-site main>:not(.hero) .reveal:not(.in-view){transform:translateY(12px)}
@media(min-width:768px){
 .cinematic-site #work .work-grid{row-gap:88px}
 .cinematic-site #expertise{padding-top:112px;padding-bottom:104px}
 .cinematic-site #studio{padding-top:120px;padding-bottom:120px;column-gap:10%}
 .cinematic-site #studio h2,.cinematic-site #faq h2{font-size:clamp(44px,4.1vw,60px)}
 .cinematic-site #faq .faq-lead{padding-top:88px;margin-bottom:40px}
 .cinematic-site #faq{padding-bottom:88px}
 .cinematic-site #contact{padding-top:112px;padding-bottom:96px}
}
@media(max-width:767px){
 .cinematic-site #work{padding-top:76px;padding-bottom:64px}
 .cinematic-site #work .section-title{margin-bottom:40px}
 .cinematic-site #work .section-title h2{font-size:34px;line-height:1.15;letter-spacing:-.04em}
 .cinematic-site #work .project,.cinematic-site #work .project-small,.cinematic-site #work .project-last{margin-bottom:64px}
 .cinematic-site #work .project:last-child{margin-bottom:0}
 .cinematic-site #work .project-caption,.cinematic-site #work .project-small .project-caption,.cinematic-site #work .project-last .project-caption{margin-top:24px}
 .cinematic-site #work .project-caption h3,.cinematic-site #work .project-small h3,.cinematic-site #work .project-last h3{font-size:24px;line-height:1.25;letter-spacing:-.035em}
 .cinematic-site #work .project-caption>div>p,.cinematic-site #work .naples-intro>div>p,.cinematic-site #work .project-small .project-caption p,.cinematic-site #work .project-last .project-caption p{font-size:14px;line-height:1.5;margin-top:8px}
 .cinematic-site #work .project-result{margin-top:24px;padding:0;gap:9px;min-height:0;justify-content:flex-start}
 .cinematic-site #work .project-result strong{font-size:40px;gap:12px}
 .cinematic-site #work .project-result strong span{font-size:16px;line-height:1.5}
 .cinematic-site #work .project-result>span{font-size:13px}
 .cinematic-site #work .project-naples .project-caption{display:block}
 .cinematic-site #work .project-naples .case-context{margin-top:24px}
 .cinematic-site #work .project-naples .case-link{margin-top:16px;font-size:13px;min-height:44px}
 .cinematic-site #work .product-feature{padding-top:48px;padding-bottom:40px}
 .cinematic-site #work .product-name{font-size:14px;margin-bottom:20px}
 .cinematic-site #work .product-copy h3{font-size:clamp(36px,10vw,43px);line-height:1.12;letter-spacing:-.045em}
 .cinematic-site #work .product-intro{font-size:15px;line-height:1.7;margin-top:22px;margin-bottom:24px}
 .cinematic-site #work .screen-description{font-size:14px;line-height:1.7;min-height:48px}
 .cinematic-site #work .work-followup{margin-top:32px;padding-top:24px;padding-bottom:0}
 .cinematic-site #work .work-followup p{font-size:22px}
 .cinematic-site #mobile-web{padding-top:64px;padding-bottom:40px}
 .cinematic-site #mobile-web h2{font-size:clamp(36px,10vw,42px);line-height:1.1;letter-spacing:-.045em;margin-bottom:24px}
 .cinematic-site #mobile-web .mobile-evidence-caption{margin-top:32px;gap:16px}
 .cinematic-site #expertise{padding-top:72px;padding-bottom:64px}
 .cinematic-site #expertise .expertise-lead h2,.cinematic-site #studio h2,.cinematic-site #faq h2{font-size:clamp(36px,9.8vw,42px);line-height:1.12;letter-spacing:-.045em}
 .cinematic-site #expertise .expertise-lead{margin-bottom:36px}
 .cinematic-site #expertise .expertise-lead>p{margin-top:24px;font-size:15px}
 .cinematic-site #expertise .expertise-list h3{font-size:clamp(30px,8.4vw,36px);line-height:1.2}
 .cinematic-site #expertise .service-content>p:first-child{font-size:15px;line-height:1.75}
 .cinematic-site #expertise .engagement-note{margin-top:40px;padding-top:32px}
 .cinematic-site #expertise .engagement-note h3{font-size:30px;line-height:1.2;margin-bottom:22px;max-width:18ch}
 .cinematic-site #studio{padding-top:64px;padding-bottom:64px}
 .cinematic-site #studio h2{margin-bottom:24px}
 .cinematic-site #studio .studio-body{font-size:15px;line-height:1.7}
 .cinematic-site #studio .founder-card{margin:36px 0 0;padding:28px 0 0;border-left:0;border-top:1px solid var(--wtm-line)}
 .cinematic-site #studio .founder-profile{margin-top:28px;gap:22px}
 .cinematic-site #studio .founder-profile img{width:80px;height:100px}
 .cinematic-site #studio .founder-profile p{font-size:24px}
 .cinematic-site #studio .founder-profile span{font-size:11px}
 .cinematic-site #studio .founder-book{margin-top:24px}
 .cinematic-site #faq .faq-lead{padding-top:56px;margin-bottom:32px}
 .cinematic-site #faq .faq-lead>p{font-size:15px}
 .cinematic-site #faq details{padding-top:18px;padding-bottom:18px}
 .cinematic-site #faq summary{gap:20px;min-height:48px}
 .cinematic-site #faq .faq-list h3{font-size:18px;line-height:1.45;letter-spacing:-.025em}
 .cinematic-site #faq .faq-answer p{font-size:15px;line-height:1.75}
 .cinematic-site #contact{padding-top:64px;padding-bottom:64px}
 .cinematic-site #contact .contact-bottom{align-items:flex-start;gap:20px;margin-top:28px}
 .cinematic-site #contact .contact-bottom p{margin-bottom:4px}
 .cinematic-site .site-footer.footer-grid{padding-top:40px;padding-bottom:28px;gap:32px}
 .cinematic-site .site-footer .footer-links a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 html.js-motion .cinematic-site main>:not(.hero) .reveal{transition:none}
 .cinematic-site main>:not(.hero) :is(.case-link,.text-link,.founder-book,.founder-email),.cinematic-site #work .case-play-overlay:not([hidden]){transition:none}
}