/* AIN service and project media: retains the established brand typography and monochrome palette. */
.media-hero{padding-block:calc(var(--nav-h) + 48px) 64px;background:var(--bg-2)}.media-hero .breadcrumb{margin-bottom:28px}.media-hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}.media-hero h1{font-family:var(--font-display);font-size:clamp(2.15rem,4.7vw,4.4rem);line-height:1.1;letter-spacing:-.035em;text-wrap:balance;max-width:19ch}.media-hero p{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75;margin-block:22px;color:#40424D;max-width:65ch}.media-hero figure{margin:0}.media-hero img{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:10px}.media-section{padding-block:clamp(48px,7vw,92px)}.media-section.alt{background:var(--bg-2)}.media-section h2{font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.025em;max-width:28ch;text-wrap:balance;margin-bottom:24px}.media-section h3{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.35;margin-block:16px}.media-section p,.media-section li{color:#40424D;line-height:1.8;max-width:72ch}.media-section p+p{margin-top:16px}.media-section ul,.media-section ol{padding-inline-start:24px}.media-section li+li{margin-top:10px}.media-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.media-actions .btn{white-space:normal;text-align:center}.media-overview{display:grid;grid-template-columns:1fr 1fr;gap:48px}.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.media-gallery figure{margin:0;min-width:0}.media-gallery img{display:block;width:100%;height:280px;object-fit:contain;background:var(--bg-2);border-radius:8px}.media-gallery figcaption,.media-hero figcaption{font-size:.9rem;line-height:1.6;margin-top:12px;color:#40424D}.media-gallery a:focus-visible,.video-load:focus-visible{outline:3px solid #191919;outline-offset:4px}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media-pair img{height:360px}.media-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#191919;margin-top:28px}.media-video>img{width:100%;height:100%;object-fit:cover;opacity:.7}.media-video button{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);font:600 1rem var(--font-body);padding:16px 24px;background:white;color:#191919;border:0;border-radius:6px;cursor:pointer;max-width:90%}[dir=rtl] .media-video button{transform:translate(50%,-50%)}.media-video iframe{width:100%;height:100%;border:0}.media-project{padding-block:40px;border-top:1px solid var(--line-strong)}.media-project:first-of-type{border-top:0}.media-project dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin-block:20px;color:#40424D}.media-project dt{font-weight:700}.media-project dd{margin:0}.media-section details{border-top:1px solid var(--line-strong);padding-block:20px}.media-section summary{font-weight:650;cursor:pointer;line-height:1.6}.media-section details p{margin-top:14px}.media-section a:not(.btn){text-decoration:underline;text-underline-offset:3px}.media-section [id],section.media-section{scroll-margin-top:110px}.media-related{display:flex;flex-direction:column;gap:12px}.media-hero,.media-section{overflow-wrap:break-word}@media(max-width:900px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.media-hero-layout{grid-template-columns:1fr}.media-hero h1{max-width:24ch}.media-hero img{max-height:440px}.media-overview{gap:28px}}@media(max-width:640px){.media-hero{padding-top:calc(var(--nav-h) + 24px)}.media-gallery,.media-pair,.media-overview{grid-template-columns:1fr}.media-gallery img,.media-pair img{height:auto;max-height:560px}.media-actions .btn{width:100%}.media-project dl{grid-template-columns:1fr;gap:4px}.media-project dd{margin-bottom:12px}.media-video button{padding:12px 16px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.media-video *{animation:none!important;transition:none!important}}

.media-hero .breadcrumb,.media-hero .breadcrumb a{color:#40424D}.media-overview figure{margin:20px 0}.media-overview figure img{width:100%;height:340px;object-fit:contain;border-radius:8px}.media-overview figcaption{font-size:.9rem;color:#40424D;line-height:1.6;margin-top:12px}
