/* AOOI motion study: real films, editorial scale, guided workspace. */
.hero{padding-top:155px}.hero h1{font-size:clamp(58px,7.1vw,102px)}
.hero-showcase{width:min(1420px,calc(100% - 64px));margin:50px auto 20px;display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:24px;align-items:center;overflow:visible}
.hero-card:nth-child(n){margin:0;transform:none;position:relative;border:1px solid #ffffffa8;border-radius:20px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.hero-card:first-child{grid-column:2;grid-row:1;z-index:2;box-shadow:0 25px 65px #15366930}
.hero-card:nth-child(2){grid-column:1;grid-row:1;transform:rotate(-5deg) translateY(18px)}
.hero-card:nth-child(3){grid-column:3;grid-row:1;transform:rotate(5deg) translateY(18px)}
.hero-card .film-image{aspect-ratio:16/10;isolation:isolate}.hero-card:first-child .film-image{aspect-ratio:16/10}
.hero-card .film-image img{object-fit:contain;background:#080b12}.hero-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080b12;opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}
.hero-card.is-playing .hero-preview{opacity:1}.hero-card .film-label,.hero-card .film-duration,.hero-card .play-icon{z-index:2}
.hero-card.is-playing .play-icon{opacity:0}.hero-card .film-image:hover .play-icon,.hero-card .film-image:focus-visible .play-icon{opacity:1}
.hero-card.is-playing{box-shadow:0 22px 70px #183b7140}.hero-card:nth-child(2).is-playing{transform:rotate(-2deg) translateY(0)}.hero-card:nth-child(3).is-playing{transform:rotate(2deg) translateY(0)}
.preview-controls{display:flex;justify-content:center;align-items:center;gap:22px;color:#344b70;font-size:12px;margin:26px 0 8px}.preview-controls button{background:#ffffff99;border:1px solid #bccfe5;border-radius:30px;padding:8px 14px;color:#20375c;font-size:12px;min-height:36px}.explore{margin-top:16px}
.selected-stories .center-heading{text-align:left;max-width:none;display:grid;grid-template-columns:1.2fr 1fr;gap:10px 70px;align-items:end}.selected-stories .center-heading .eyebrow{grid-column:1/-1}.selected-stories .center-heading h2{margin:6px 0 0}.selected-stories .center-heading>p:last-child{max-width:390px;margin-bottom:5px}
.use-grid{grid-template-columns:1.3fr 1fr;gap:24px}.use-card:first-child{grid-row:span 2;display:flex;flex-direction:column;background:#12223c;color:#fff;border:0}.use-card:first-child .use-preview{flex:1;min-height:330px;aspect-ratio:auto}.use-card:first-child .use-copy{padding:32px}.use-card:first-child .use-copy p{color:#bccce3}.use-card:first-child .text-link{color:#a4caff}.use-card:not(:first-child){display:grid;grid-template-columns:1fr 1fr;align-items:center}.use-card:not(:first-child) .use-preview{height:100%;aspect-ratio:auto;min-height:230px}.use-copy h3{font-size:27px}.use-copy p{font-size:15px;min-height:0;margin:12px 0 24px}.use-card:not(:first-child) .film-label{font-size:9px;left:10px;top:10px}.use-card:not(:first-child) .use-copy{padding:24px}
.repeat-callout{background:none;border:0;border-top:1px solid #dce5ef;border-radius:0;padding:30px 0 0}.repeat-callout h3{font-size:23px}.repeat-callout p:not(.eyebrow){font-size:15px}
.case-section{padding:48px;gap:56px;margin-top:20px;margin-bottom:100px}.case-visual{position:relative}.case-mini{background:#fff;padding:12px;border-radius:14px;width:80%;margin:-25px 0 0 20%;position:relative;box-shadow:0 12px 32px #18375a12;border:1px solid #e2eaf3}.case-mini img{border-radius:7px}.case-mini span{font-size:13px}
.workspace-section{padding-block:100px}.workspace-tour{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:center}.real-tabs{display:flex;flex-direction:column;gap:12px;margin:0;position:relative}.real-tabs button{display:flex;align-items:start;gap:15px;text-align:left;white-space:normal;padding:24px 18px;background:transparent;border:1px solid transparent;border-radius:16px;transition:background .3s,box-shadow .3s,color .3s}.real-tabs button[aria-selected=true]{background:white;color:#193965;border-color:#d7e5f4;box-shadow:0 14px 38px #2d568312}.tour-number{font-size:12px;padding-top:3px;color:#527399}.real-tabs strong{display:block;font-size:19px;line-height:1.25;letter-spacing:-.02em}.real-tabs small{display:block;font-size:13px;line-height:1.6;margin-top:9px;color:#65778f}.tour-arrow{margin-left:auto;color:#2457df;opacity:0}.real-tabs button[aria-selected=true] .tour-arrow{opacity:1}.real-tabs button[aria-selected=true] .tour-number{color:#2457df}.tour-stage{min-width:0;background:#fff;border:1px solid #d8e5f3;border-radius:20px;padding:18px;box-shadow:0 24px 60px #254d8517;overflow:hidden}.tour-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 18px;color:#62728b;font-size:11px}.tour-toolbar i{display:inline-block;width:6px;height:6px;background:#3a77e5;border-radius:50%;margin-right:7px}.tour-toolbar button{background:#edf4ff;border:0;border-radius:20px;padding:9px 12px;color:#295bb9;font-size:12px}.real-screen-heading{margin:0 0 18px;gap:16px}.real-screen-heading h3{font-size:23px}.real-screen-heading p{font-size:14px;margin-top:7px}.real-screen-heading>a{font-size:12px}.real-screen{aspect-ratio:1.65;border-radius:9px;box-shadow:none;overflow:hidden;background:#f4f6fb}.real-screen img{height:100%;width:100%;object-fit:contain;transition:transform .65s cubic-bezier(.22,1,.36,1);transform-origin:65% 45%}.tour-stage.detail-view .real-screen img{transform:scale(1.6)}.real-disclosure{margin-top:30px}.real-disclosure p{font-size:12px;max-width:800px}
#work{padding-top:100px}#work .section-heading>p{max-width:330px}.process{padding-top:60px}.steps article{position:relative}.steps article>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e5f5;border-radius:50%;background:#f3f7ff}
@media(max-width:1100px){.workspace-tour{grid-template-columns:245px minmax(0,1fr);gap:20px}.real-tabs button{padding:20px 12px}.real-tabs strong{font-size:17px}.use-card:not(:first-child){grid-template-columns:1fr}.use-card:not(:first-child) .use-preview{min-height:170px;aspect-ratio:2}.use-card:first-child .use-preview{min-height:280px}.hero-showcase{gap:14px}.case-section{padding:30px;gap:30px}.real-screen-heading{align-items:start;flex-direction:column}}
@media(max-width:820px){.workspace-tour{grid-template-columns:1fr}.real-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.real-tabs button{display:block;padding:16px 12px}.real-tabs small{font-size:12px}.tour-number{display:block;margin-bottom:8px}.tour-arrow{display:none}.selected-stories .center-heading{gap:12px 30px}.hero-card .film-caption p{font-size:11px}.hero-card .film-caption h3{font-size:16px}}
@media(max-width:640px){.hero{padding-top:130px}.hero h1{font-size:58px}.hero-showcase{display:flex;width:100%;margin:32px 0 8px;padding:15px 26px 26px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:26px}.hero-card:nth-child(n){flex:0 0 86%;transform:none;translate:none;scroll-snap-align:center;border-radius:17px}.hero-card:nth-child(n).is-playing{transform:none}.hero-card .film-image,.hero-card:first-child .film-image{aspect-ratio:16/10}.hero-card .film-caption h3{font-size:20px}.hero-card .film-caption p{font-size:13px}.preview-controls{gap:14px;margin-top:8px;font-size:11px}.selected-stories .center-heading{display:block}.selected-stories .center-heading h2{margin:16px 0}.use-grid{display:block}.use-card{margin-bottom:20px}.use-card:first-child .use-preview{min-height:0;aspect-ratio:1.4;flex:auto}.use-card:first-child .use-copy{padding:25px}.use-card:not(:first-child){display:block}.use-card:not(:first-child) .use-preview{aspect-ratio:1.7;min-height:0}.case-section{padding:20px;margin-bottom:60px}.case-mini{width:92%;margin-left:8%;padding:9px;gap:12px}.case-mini span{font-size:12px}.workspace-section{padding-block:60px}.workspace-tour{gap:20px}.real-tabs button{padding:13px 8px;text-align:left}.real-tabs strong{font-size:13px;line-height:1.4}.real-tabs small{display:none}.tour-number{font-size:11px;margin-bottom:5px}.tour-stage{padding:12px;border-radius:14px}.tour-toolbar{font-size:9px;gap:5px}.tour-toolbar button{font-size:10px;padding:8px}.real-screen-heading h3{font-size:21px}.real-screen-heading p{font-size:13px}.real-screen{aspect-ratio:1.15}.real-screen img{object-fit:cover;object-position:60% 30%}.tour-stage.detail-view .real-screen img{transform:scale(1.3)}#work{padding-top:60px}.process{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.hero-preview{display:none}.hero-card:nth-child(n){transform:none}.real-screen img{transition:none}.tour-stage.detail-view .real-screen img{transform:scale(1.3)}}