/* More information in the first screen, while keeping room for the artwork. */
.motion-home .motion-hero{min-height:0;padding:22px 28px;margin:18px 0 30px;grid-template-columns:1.18fr 1fr;gap:20px}
.motion-home .hero-message h1{font-size:clamp(32px,4vw,60px);margin-bottom:17px}
.motion-home .intro-bottom p.agency-line{font-size:13px;line-height:1.5;max-width:none;margin:0}
.hero-catalog{display:inline-block;margin-top:14px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.motion-home .showcase-stage{height:232px}.motion-home .art-motion{height:183px}.motion-home .showcase-title{font-size:16px;margin-top:5px}.motion-home .showcase-controls{padding-top:8px;margin-top:3px}
.motion-home .focus-heading{margin-bottom:16px}.motion-home .campaigns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:44px}.motion-home .campaign,.motion-home .campaign-support{grid-column:auto;grid-template-columns:1fr;grid-template-rows:1fr 110px}.motion-home .campaign .campaign-copy{padding:20px 20px 5px}.motion-home .campaign .eyebrow{font-size:11px;margin-bottom:12px;min-height:28px}.motion-home .campaign h2,.motion-home .campaign-support h2{font-size:clamp(25px,2.65vw,40px);margin-bottom:12px}.motion-home .campaign p{font-size:14px;line-height:1.4}.motion-home .campaign .campaign-cta{padding-top:10px}.motion-home .campaign img,.motion-home .campaign-support img{height:110px;max-height:110px;padding:0 12px}.motion-home .campaign-school h2.yarche-wordmark{font-size:47px}
.motion-home .direction-picture .direction-title{font-size:21px;line-height:1.18}.motion-home .direction-picture .art-motion{height:165px}.motion-home .people{padding-bottom:38px}
.person:has(img[src*="kosolapov"]) .portrait{box-sizing:border-box;padding:3%;background:#babbbb;object-fit:contain}
.footer-signature{display:flex;align-items:center;gap:18px;margin:22px 0}.footer-signature img{width:70px;height:auto}.footer-signature p{font-size:12px;line-height:1.5;max-width:390px;margin:0}.social-links{flex-wrap:wrap}
@media(min-width:1600px){.motion-home .showcase-stage{height:255px}.motion-home .art-motion{height:205px}.motion-home .direction-picture .art-motion{height:190px}}
@media(max-width:1100px){.motion-home .campaign h2{font-size:28px}.motion-home .campaign .campaign-copy{padding:18px 16px 4px}.motion-home .campaign p{font-size:13px}.motion-home .showcase-stage{height:218px}.motion-home .art-motion{height:170px}}
@media(max-width:760px){.motion-home .motion-hero{grid-template-columns:1fr 1fr;padding:22px;gap:12px}.motion-home .hero-message h1{font-size:30px}.motion-home .showcase-stage{height:205px}.motion-home .art-motion{height:150px}.motion-home .campaigns{grid-template-columns:1fr}.motion-home .campaign,.motion-home .campaign-support{grid-template-columns:1.6fr 1fr;grid-template-rows:auto}.motion-home .campaign img,.motion-home .campaign-support img{height:160px;max-height:160px;align-self:center}.motion-home .campaign .eyebrow{min-height:0}.motion-home .campaign .campaign-copy{padding:20px}.motion-home .direction-picture .direction-title{font-size:20px}}
@media(max-width:520px){.motion-home .motion-hero{grid-template-columns:1fr;padding:24px 20px 16px;gap:4px}.motion-home .hero-message h1{font-size:34px;margin-bottom:12px}.motion-home .intro-bottom p.agency-line{font-size:12px}.hero-catalog{margin-top:9px}.motion-home .showcase-stage{height:183px}.motion-home .art-motion{height:140px}.motion-home .showcase-title{font-size:15px}.motion-home .campaign h2{font-size:26px}.motion-home .campaign p{font-size:13px}.motion-home .campaign .campaign-copy{padding:18px 14px}.motion-home .campaign img,.motion-home .campaign-support img{height:120px;max-height:120px;padding:0}.motion-home .campaign-school h2.yarche-wordmark{font-size:39px}.motion-home .direction-picture .art-motion{height:120px}.motion-home .direction-picture .direction-title{font-size:19px}.footer-signature{align-items:flex-start}.footer-signature p{max-width:230px}}

.motion-home .campaign p{font-size:14px}.motion-home .campaign .eyebrow{font-size:12px}.motion-home .intro-bottom p.agency-line{font-size:14px}

.person:has(img[src*="kosolapov"]){position:relative}.person:has(img[src*="kosolapov"])::before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:1;background:url('/portraits/kosolapov-v2.png') center/cover;filter:blur(7px);clip-path:inset(0 round 14px);pointer-events:none}.person:has(img[src*="kosolapov"]) .portrait{position:relative;background:transparent}

/* Shared section hierarchy, limited to home section headings. */
.system.motion-home .focus-heading>h2,.system.motion-home #services>.catalog-heading h2,.system.motion-home #team>.catalog-heading h2,.system.motion-home .blog-preview>.blog-heading h2{font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.035em}
.team-contact{font-size:18px;line-height:1.6;margin:28px 0}.team-contact a{text-underline-offset:4px}
footer .social-links{margin-top:20px}footer .footer-signature{margin-top:24px}

/* Align the email cap height with the legal column and group contact links. */
.system footer{align-items:start}
.system footer .email{display:block;line-height:1;margin-top:-.08em}
.system footer .social-links{margin:calc(8px + .5em) 0 0;line-height:1.5}
.system footer .footer-signature{margin:36px 0 0}

/* Keep the signature together and align its bottom with the last legal link. */
@media(min-width:851px){
 .system footer{align-items:stretch}
 .system footer>div:first-child{display:flex;flex-direction:column}
 .system footer .footer-signature{margin: auto 0 0;padding-top:36px}
}

/* r18: larger artwork, shared caption in the navigation row. */
.motion-home .showcase-slide .showcase-title{display:none}
.motion-home .showcase-stage{height:274px}
.motion-home .hero-showcase .art-motion{height:274px;width:100%;overflow:visible}
.motion-home .hero-showcase .art-motion>canvas,.motion-home .hero-showcase .art-motion>img{transform:none!important}
.motion-home .showcase-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;position:relative;z-index:2}
.showcase-caption{text-align:center;font-size:15px;line-height:1.2;color:var(--ink);text-decoration:none}
.motion-home .direction-picture .direction-title{font-size:21.84px}
.system footer .social-links{font-size:13.667px;margin-top:calc(8px + 1em)}
.system footer .footer-signature{position:relative;top:10px}
@media(min-width:1600px){.motion-home .showcase-stage,.motion-home .hero-showcase .art-motion{height:307px}}
@media(max-width:760px){.showcase-caption{font-size:13px}.motion-home .showcase-controls{gap:6px}.showcase-controls>div{gap:4px}.showcase-controls button{width:28px}.motion-home .direction-picture .direction-title{font-size:20.8px}.motion-home .showcase-stage,.motion-home .hero-showcase .art-motion{height:225px}}
@media(max-width:520px){.motion-home .direction-picture .direction-title{font-size:19.76px}.motion-home .showcase-stage,.motion-home .hero-showcase .art-motion{height:210px}}

/* r19: consistent section hierarchy and text link language. */
.descriptor-divider{display:inline-block;margin:0 .72em}.descriptor-part{display:inline-block}
.system.motion-home .catalog-heading{display:block}
.system.motion-home .catalog-heading h2,.system.motion-home .blog-preview .blog-heading h2,.system.motion-home .focus-heading h2{font-size:clamp(28px,3vw,36px);line-height:1.15;margin:0 0 14px;letter-spacing:-.035em}
.system .section-subtitle,.system.motion-home .focus-heading>p{font-size:15px;line-height:1.5;font-weight:400;color:#566669;margin:0}
.system.motion-home .blog-heading{align-items:center}
.system .blog-preview{padding-bottom:90px}
.system .blog-card{display:flex;flex-direction:column;background:transparent;border:1px solid #d7e1e1;border-radius:10px}
.system .blog-excerpt{font-size:15px;line-height:1.6;color:#526166;margin:0 0 24px}
.system .article-read{margin-top:auto;align-self:flex-start;font-size:14px}
.system .direction-picture .direction-title{display:block}
.system .direction-title .link-arrow{display:inline;margin-left:.25em;font-size:.85em;white-space:nowrap}
.system .text-link,.system .showcase-caption,.system .blog-heading>a{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;border-bottom:0}
.system .campaign-cta,.system .person .more{border-bottom:0;padding-bottom:0}
.system .text-link .link-arrow{display:inline-block;text-decoration:none;margin-left:.15em}
@media(max-width:600px){.system .blog-preview{padding-bottom:60px}.system .blog-heading{align-items:flex-start}.system .blog-heading>a{white-space:nowrap}}

.system .showcase-caption .link-arrow{display:inline-block;text-decoration:none}

/* Feedback consents are explicit and unchecked by default. */
#feedback-form .feedback-consents{display:grid;gap:14px;margin-top:22px}
#feedback-form .consent-choice{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:0;cursor:pointer}
#feedback-form .consent-choice input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#167c85}
#feedback-form .consent-choice a{text-decoration:underline;text-underline-offset:3px}