/* The accepted AI-page styles own the typography, hero, tabs and section rhythm. */
.company-ai .hero-lead{max-width:405px}
.company-ai .scene-frame{aspect-ratio:1.58}
.company-ai .scene-frame .jet-poster,.company-ai .scene-frame video{object-fit:cover;transform:rotate(7deg) scale(1.04)}
.company-ai .hero-art figcaption{font-size:clamp(19px,1.85vw,27px);right:12%}
.company-ai .chip-idea{font:600 28px/1.4 var(--latin);padding:8px 18px}
.company-ai .idea-panel-copy .text-link{display:inline-flex;margin-top:22px;font-size:14px;gap:12px}
.company-ai .idea-panel-copy>p:not(.step-label){font-size:16px;line-height:1.9}
.company-ai #step-panel-0 .story-scene>img{object-fit:contain;background:#e2f1c3}
.company-ai .company-portrait{width:90%;max-width:450px;justify-self:center;margin:0 0 45px;position:relative}
.company-ai .company-portrait-frame{border:3px solid var(--deep);border-radius:42% 38% 35% 40%;padding:20px;background:var(--white);box-shadow:-10px 12px 0 var(--pod);transform:rotate(-5deg)}
.company-ai .company-portrait .profile-flip{cursor:pointer}
.company-ai .company-portrait figcaption{position:absolute;right:0;bottom:-24px;border:2px solid var(--deep);background:var(--white);padding:8px 24px;box-shadow:4px 5px 0 var(--deep);transform:rotate(4deg);font-family:var(--display);font-size:27px;z-index:2}
.company-ai .company-portrait-hint{position:absolute;bottom:-64px;width:100%;font-size:13px;text-align:center}
.company-ai .way-copy .statement small{font:500 14px/1.7 var(--body)}
.company-ai .way-copy .company-credits{font-size:13px;line-height:1.9}
.company-ai .company-information{margin-top:0;clip-path:polygon(0 1.3%,100% 0,100% 100%,0 100%)}
.company-ai .company-table{margin:35px 0 0;border-block:2px solid var(--deep)}
.company-ai .company-table>div{display:grid;grid-template-columns:190px 1fr;gap:35px;padding:28px 18px;border-bottom:1px solid #173f2d44;scroll-margin-top:35px}
.company-ai .company-table>div:last-child{border-bottom:0}
.company-ai .company-table dt{font-family:var(--display);font-size:17px}
.company-ai .company-table dd{margin:0;font-size:16px;line-height:1.95}
.company-ai .company-access{background:var(--white)}
.company-ai .access-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.company-ai .access-grid article{background:var(--bean);border:2px solid var(--deep);border-radius:28px 40px 28px 28px;padding:34px;box-shadow:6px 7px 0 #b8d587}
.company-ai .access-grid article>span{font:600 13px var(--latin);letter-spacing:.12em}
.company-ai .access-grid h3{font-size:29px;margin:17px 0}
.company-ai .access-grid p{font-size:16px;line-height:1.9}
.company-ai .access-grid .text-link{display:inline-flex;margin-top:22px}
.company-ai .company-clients{background:#cff1b6}
.company-ai .company-clients .section-intro{background:transparent}
.company-ai .client-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px}
.company-ai .client-logos>div{background:white;padding:20px;border-radius:16px;border:1px solid #173f2d33;display:grid;place-items:center}
.company-ai .client-logos img{width:100%;height:65px;object-fit:contain}
@media(max-width:760px){
  .company-ai .company-portrait{width:76%;max-width:340px;margin-top:8px;margin-bottom:45px}
  .company-ai .company-portrait-frame{padding:14px;box-shadow:-7px 8px 0 var(--pod)}
  .company-ai .company-portrait figcaption{font-size:22px;padding:7px 20px}
  .company-ai .company-portrait-hint{font-size:12px;bottom:-60px}
  .company-ai .company-table>div{grid-template-columns:1fr;gap:12px;padding:23px 4px}
  .company-ai .company-table dt{font-size:15px}.company-ai .company-table dd{font-size:15px}
  .company-ai .access-grid{grid-template-columns:1fr;gap:25px}
  .company-ai .access-grid article{padding:26px}
  .company-ai .client-logos{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
  .company-ai .client-logos>div{padding:12px}.company-ai .client-logos img{height:48px}
}
@media(max-width:500px){
  .company-ai .hero h1>span{display:inline;white-space:nowrap}
  .company-ai .hero h1>span:nth-child(2)::after{content:"";display:block}
  .company-ai .scene-frame{aspect-ratio:1.47}
  .company-ai .hero-art figcaption{font-size:17px;right:15%;bottom:23px}
  .company-ai .chip-idea{font-size:22px;padding:5px 13px}
  .company-ai .company-information{clip-path:polygon(0 .5%,100% 0,100% 100%,0 100%)}
}