.motion-home .motion-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:center;min-height:400px;padding:34px 32px 34px 40px;margin:24px 0 48px;overflow:hidden;background:#f0f5f5}
.motion-home .hero-message h1{font-size:clamp(35px,4.4vw,68px);line-height:1.08;margin:0 0 28px;letter-spacing:-.05em}.motion-home .intro-bottom p{font-size:16px;display:block;line-height:1.5}.motion-home .hero-cities{display:block;font-size:14px;margin-top:8px}
.hero-showcase{min-width:0}.showcase-stage{position:relative;height:310px;isolation:isolate}.showcase-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity .8s ease,transform .8s ease,visibility .8s; border-radius:16px}.showcase-slide.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.showcase-slide img{width:100%;height:245px;object-fit:contain;mix-blend-mode:multiply}.showcase-slide.active img{animation:showcase-drift 5s ease-in-out both}.showcase-title{font-size:18px;line-height:1.25;letter-spacing:-.02em;text-align:center;max-width:95%;margin:10px 0 0}.showcase-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfdbdc;padding-top:12px;margin-top:10px;color:#4c6366}.slide-counter{font-size:12px;letter-spacing:.1em}.showcase-controls>div{display:flex;gap:8px}.showcase-controls button{width:36px;height:32px;border:1px solid #b9c9cb;background:transparent;border-radius:20px;color:#233c40;cursor:pointer;font:inherit;font-size:16px}.showcase-controls button:hover{background:#dbecee}.hero-showcase.paused .active img{animation-play-state:paused}
@keyframes showcase-drift{0%{transform:translateY(4px) scale(.97)}55%{transform:translateY(-5px) scale(1.025)}100%{transform:translateY(0) scale(1)}}
.motion-home .focus-heading{margin-bottom:22px}.motion-home .focus-heading h2{font-size:27px}.motion-home .focus-heading p{font-size:15px}.motion-home .campaigns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding-bottom:60px}.motion-home .campaign,.motion-home .campaign-support{grid-column:auto;grid-template-columns:1fr;grid-template-rows:1fr 145px;min-height:0;border-radius:14px}.motion-home .campaign .campaign-copy{padding:24px 24px 8px;max-width:100%}.motion-home .campaign .eyebrow{font-size:12px;letter-spacing:.015em;margin-bottom:18px;line-height:1.4;min-height:34px}.motion-home .campaign h2,.motion-home .campaign-support h2{font-size:clamp(29px,2.9vw,44px);line-height:1.05;margin-bottom:15px}.motion-home .campaign-school h2.yarche-wordmark{font-size:54px;line-height:1.1}.motion-home .campaign p{font-size:15px;line-height:1.5}.motion-home .campaign .campaign-cta{font-size:14px;padding-top:18px}.motion-home .campaign img,.motion-home .campaign-support img{height:145px;min-height:0;width:100%;padding:0 16px;object-fit:contain}.motion-home .catalog-heading{margin-bottom:28px}.motion-home .catalog-heading h2{font-size:clamp(32px,3.3vw,48px)}.motion-home .catalog-heading .eyebrow{margin-bottom:14px}.motion-home .catalog{padding-bottom:64px}.motion-home .direction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.motion-home .direction-picture{min-height:240px;aspect-ratio:1;grid-template-rows:minmax(120px,1fr) auto;padding:12px 16px 18px;border-radius:12px}.motion-home .direction-picture img{max-height:165px;height:100%;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.motion-home .direction-picture:hover img,.motion-home .direction-picture:focus-visible img{transform:translateY(-5px) scale(1.04)}.motion-home .direction-picture .direction-title{font-size:19px;line-height:1.17;margin-top:6px;gap:8px}.motion-home .direction-index{top:12px;left:14px}.motion-home .direction-body{padding-top:4px}.motion-home .direction .card-actions{gap:6px;padding-top:6px}.motion-home .direction .connect,.motion-home .direction .catalog-button{padding:7px 10px;font-size:13px}.motion-home .direction summary{font-size:14px}.motion-home .team{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.motion-home .person h3{font-size:20px;margin-top:14px}.motion-home .person p{font-size:14px;min-height:42px;margin-bottom:10px}.motion-home .people{padding-bottom:60px}
@media(min-width:1600px){.motion-home .showcase-stage{height:360px}.motion-home .showcase-slide img{height:290px}.motion-home .direction-picture{min-height:270px}.motion-home .direction-picture img{max-height:190px}}
@media(max-width:1100px){.motion-home .direction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-home .campaigns{grid-template-columns:1fr 1fr}.motion-home .campaign-support{grid-column:1/-1;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr}.motion-home .campaign-support img{height:100%;max-height:250px;align-self:center}.motion-home .campaign-support .eyebrow{min-height:0}.motion-home .campaign-support .campaign-copy{padding-bottom:24px}.motion-home .team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.motion-home .motion-hero{grid-template-columns:1fr 1fr;padding:30px 24px;gap:14px;min-height:340px}.motion-home .hero-message h1{font-size:clamp(29px,4.8vw,38px)}.showcase-stage{height:260px}.showcase-slide img{height:190px}.showcase-title{font-size:16px}.motion-home .intro-bottom p{font-size:15px}.motion-home .direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-home .team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.motion-home .motion-hero{grid-template-columns:1fr;padding:30px 24px 20px;margin-bottom:36px;gap:14px}.motion-home .hero-message h1{font-size:clamp(30px,8.7vw,43px);margin-bottom:18px}.motion-home .intro-bottom p{font-size:15px}.motion-home .hero-cities{font-size:14px}.showcase-stage{height:220px}.showcase-slide img{height:165px}.showcase-title{font-size:16px}.showcase-controls{margin-top:6px;padding-top:8px}.motion-home .campaigns{gap:14px;padding-bottom:42px;grid-template-columns:1fr}.motion-home .campaign,.motion-home .campaign-support{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 130px}.motion-home .campaign .campaign-copy{padding:24px 24px 6px}.motion-home .campaign .eyebrow{min-height:0;margin-bottom:14px}.motion-home .campaign h2,.motion-home .campaign-support h2{font-size:35px}.motion-home .campaign img,.motion-home .campaign-support img{height:130px}.motion-home .direction-grid{gap:24px 12px}.motion-home .direction-picture{min-height:210px;aspect-ratio:auto;grid-template-rows:120px 1fr;padding:12px 12px 16px}.motion-home .direction-picture img{height:120px}.motion-home .direction-picture .direction-title{font-size:17px;letter-spacing:-.02em;overflow-wrap:normal;hyphens:auto}.motion-home .direction-title span{display:none}.motion-home .direction .card-actions{align-items:flex-start}.motion-home .direction .connect,.motion-home .direction .catalog-button{font-size:12px;padding:7px 9px}.motion-home .person h3{font-size:18px}.motion-home .person p{font-size:14px;min-height:60px}.motion-home .catalog{padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}.showcase-slide.active img{animation:none}.motion-home .direction-picture img{transition:none}.motion-home .direction-picture:hover img{transform:none}}