/* Photography and an opt-in film, using the existing Intelidea palette. */
.detail-scope{--media-edge:max(32px,calc((100vw - 1280px)/2));overflow:hidden}
.detail-intro-with-media{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;margin-bottom:30px}
.detail-intro-with-media .detail-heading{grid-column:1 / 7;grid-row:1;position:relative;z-index:1;align-self:center;margin:28px 0;max-width:none;padding:24px 44px 24px 0;background:none;border-radius:0}
.service-photo{min-width:0;margin:0}
.service-photo img{display:block;width:100%;height:auto;aspect-ratio:1439/810;object-fit:cover;border-radius:22px}
.service-photo figcaption{margin-top:12px;font-size:.72rem;line-height:1.6;color:#665c76}
.detail-intro-with-media .service-photo{grid-column:5 / -1;grid-row:1;position:relative;min-height:360px;margin-right:calc(-1 * var(--media-edge));pointer-events:none}
.detail-intro-with-media .service-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-position:62% center;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 12%,#000 48%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,transparent 12%,#000 48%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.detail-intro-with-media .service-photo figcaption{display:none}
.home-service-row .service-title-with-image{display:grid;grid-template-columns:96px 1fr;column-gap:20px;align-items:center}
.home-service-row .service-thumb{grid-row:1 / 3;width:96px;height:86px;object-fit:cover;border-radius:16px}
.home-service-row .service-thumb-mascot{object-fit:contain;background:#f1edf7;padding:4px}
.home-service-row .service-title-with-image h3{align-self:end}
.home-service-row .service-title-with-image strong{align-self:start}
.intelidea-film{margin:0;min-width:0}
.intelidea-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0;background:#f5f2f8}
.intelidea-film figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px;color:#665c76;font-size:.68rem;line-height:1.6}
.film-toggle{display:inline-flex;gap:9px;align-items:center;min-height:42px;padding:9px 16px;border:0;border-radius:100px;background:#2f2a5c;color:#fff;font:600 .75rem/1.4 'Montserrat',sans-serif;cursor:pointer}
.film-toggle[hidden]{display:none}
.film-toggle:hover{background:#483766}
.film-toggle:focus-visible{outline:3px solid #8a71ac;outline-offset:4px}
.film-transcript{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.chatbot-home .chatbot-home-grid{grid-template-columns:1.25fr 1fr;gap:52px}
.chatbot-home{background:#f5f2f8}
.chatbot-home .chatbot-home-visual{min-width:0}
.chatbot-home .chatbot-home-image{display:block;width:100%;height:auto;margin:0;object-fit:contain}
.chatbot-film-section{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:24px;padding:38px 72px;background:#f5f2f8}
.chatbot-film-section h2{font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#2f2a5c;margin:12px 0 18px}
.chatbot-film-section .film-intro>p:not(.eyebrow){font-size:.91rem;line-height:1.8;color:#665c76;margin:0}
.chatbot-film-section .eyebrow{color:#6a587f;font-size:.67rem;letter-spacing:.12em;font-weight:700}
.form-page-grid>.form-page-intro .service-photo{margin-top:28px}
.form-page-grid .service-photo img{max-height:190px;object-position:center 42%}
@media(max-width:1050px){
  .detail-intro-with-media .detail-heading{padding-right:30px}
  .detail-intro-with-media .service-photo{grid-column:6 / -1}
  .home-service-row .service-title-with-image{grid-template-columns:76px 1fr;column-gap:14px}
  .home-service-row .service-thumb{width:76px;height:76px}
  .chatbot-film-section{padding:44px 32px;gap:28px}
}
@media(max-width:850px){.detail-scope{--media-edge:18px}}
@media(max-width:760px){
  .detail-intro-with-media{grid-template-columns:1fr;gap:4px;margin-bottom:22px}
  .detail-intro-with-media .detail-heading{grid-column:1;grid-row:1;padding:0;margin:0;border-radius:0}
  .detail-intro-with-media .service-photo{grid-column:1;grid-row:2;min-height:0;margin:0 calc(-1 * var(--media-edge))}
  .detail-intro-with-media .service-photo img{position:static;width:100%;height:auto;aspect-ratio:16/10;object-position:center;border-radius:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 75%,transparent 100%)}
  .service-photo img{border-radius:16px}
  .home-service-row .service-title-with-image{grid-template-columns:80px 1fr;column-gap:16px}
  .home-service-row .service-thumb{width:80px;height:76px}
  .chatbot-home .chatbot-home-grid{grid-template-columns:1fr;gap:28px}
  .chatbot-home .chatbot-home-visual{order:2}
  .chatbot-film-section{grid-template-columns:1fr;gap:24px;padding:36px 24px}
  .intelidea-film video{border-radius:0}
  .intelidea-film figcaption{font-size:.64rem;gap:8px}
  .form-page-grid .service-photo img{max-height:none}
}