/* Company introduction, office visit and full UltraCar TVC. */
.company-section{background:#f5f6f6;border-top:1px solid var(--line)}
.company-intro{display:grid;grid-template-columns:.82fr 1.3fr;align-items:center;gap:48px}
.company-copy{min-width:0}
.company-copy>.eyebrow{font-size:.875rem;color:var(--orange-text);margin-bottom:18px}
.company-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.28;letter-spacing:-.035em}
.company-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85;color:var(--muted);margin-top:22px}
.company-copy strong{color:var(--ink);font-weight:600}
.company-copy>.text-link{margin-top:26px;font-size:.875rem;gap:16px}
.company-film{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.company-film-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px}
.company-film-heading>span:first-child{font-family:var(--display);font-size:.875rem;letter-spacing:.06em;font-weight:700;color:var(--orange-text)}
.company-film-heading>span:last-child{font-size:.875rem;line-height:1.6;color:var(--muted);text-align:right}
.company-video-frame{position:relative;aspect-ratio:16/9;min-height:200px;background:#172027;overflow:hidden}
.company-video-frame>.viewport-youtube,.company-video-frame .youtube-fallback{position:absolute;inset:0;width:100%;height:100%}
.company-video-frame .youtube-fallback{display:block;overflow:hidden}
.company-video-frame .youtube-fallback>img{display:block;width:100%;height:100%;object-fit:cover}
.company-video-frame .youtube-fallback>span{position:absolute;left:16px;right:16px;bottom:16px;padding:10px 12px;background:#101418df;color:#fff;text-align:center;border-radius:6px;font-size:14px}
.company-video-frame [data-video-playing]>.youtube-fallback{visibility:hidden}
.company-video-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.company-film figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 24px;font-size:.875rem;line-height:1.7;color:var(--muted)}
.company-film figcaption>a{flex-shrink:0;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.company-film figcaption>a:hover{color:var(--orange-text)}
.company-solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.company-solutions article{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.company-solution-index{font-family:var(--display);font-size:.875rem;color:var(--orange-text);letter-spacing:.06em;font-weight:600}
.company-solutions h3{font-size:1.25rem;line-height:1.5;letter-spacing:-.025em;margin:12px 0}
.company-solutions p{font-size:1rem;line-height:1.8;color:var(--muted);margin-bottom:22px}
.company-solutions .text-link{margin-top:auto;font-size:.875rem;gap:16px}
.main-nav{gap:18px}
.office-visit{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-template-areas:"intro film" "details film";align-items:start;gap:26px 52px;padding:40px;margin-bottom:48px;background:#fff;border:1px solid var(--line);border-radius:18px}
.office-intro{grid-area:intro;min-width:0}
.office-intro .eyebrow{color:var(--orange-text);font-size:.8125rem;letter-spacing:.07em;margin-bottom:14px}
.office-intro h3{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.35;letter-spacing:-.035em;text-wrap:balance}
.office-intro>p:not(.eyebrow){margin-top:18px;color:var(--muted);font-size:1rem;line-height:1.85;max-width:520px}
.office-information{grid-area:details;min-width:0}
.office-details{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}
.office-details>div{min-width:0;padding-top:14px;border-top:1px solid var(--line)}
.office-details>.office-wide{grid-column:1/-1}
.office-details dt{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-bottom:5px}
.office-details dd{margin:0;font-size:.9375rem;line-height:1.8;font-weight:500;overflow-wrap:anywhere}
.office-details address{font-style:normal}
.office-details dd a{text-decoration:underline;text-underline-offset:4px}
.office-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:24px}
.office-actions .button{gap:16px;padding:13px 20px}
.office-actions .text-link{font-size:.8125rem;min-height:44px;align-items:center}
.office-film{grid-area:film;align-self:center;justify-self:center;width:min(100%,300px);min-width:0}
.office-film-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--display);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--orange-text)}
.office-film-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.office-video-frame{position:relative;width:100%;aspect-ratio:9/16;background:#111416;border-radius:12px;overflow:hidden}
.office-video-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.office-film figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:14px;font-size:.8125rem;line-height:1.7;color:var(--muted)}
.office-film figcaption a{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:.875rem;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.office-film figcaption a:hover{color:var(--orange-text)}
.brand-story-copy .office-story-link{margin-top:22px}
@media(max-width:1000px){.office-visit{padding:28px;gap:24px 32px;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}}
@media(max-width:760px){.office-visit{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "film" "details";padding:24px;gap:26px;margin-bottom:36px;border-radius:12px}.office-intro>p:not(.eyebrow){max-width:none}.office-film{width:min(100%,320px)}.office-actions{align-items:stretch}.office-actions .button{width:100%}.office-actions .text-link{justify-content:center;margin-inline:auto}}
@media(max-width:400px){.office-visit{padding:20px}.office-details{grid-template-columns:1fr}.office-details>div{grid-column:1/-1}}
@media(min-width:921px) and (max-width:1300px){.header-contact{display:none}.main-nav{gap:18px}}
@media(max-width:1100px){
  .company-intro{gap:30px;grid-template-columns:.9fr 1.15fr}.company-film-heading{padding:18px;flex-wrap:wrap;gap:8px}.company-film figcaption{padding:18px;flex-wrap:wrap;gap:12px}.company-solutions{gap:24px}
}
@media(max-width:920px){
  .company-intro{grid-template-columns:1fr;gap:30px}.company-copy{max-width:700px}.company-copy h2{font-size:clamp(32px,5.2vw,44px)}.company-solutions{gap:24px;margin-top:36px}.company-solutions h3{font-size:1.125rem}
}
@media(max-width:650px){
  .company-copy h2{font-size:clamp(30px,8vw,38px)}.company-copy>.eyebrow{margin-bottom:14px}.company-copy>p:not(.eyebrow){margin-top:18px}.company-copy>.text-link{margin-top:22px}.company-film{border-radius:10px}.company-film-heading{padding:16px;flex-direction:column;align-items:flex-start;gap:6px}.company-film-heading>span:last-child{text-align:left}.company-film figcaption{padding:16px;flex-direction:column;gap:12px}.company-solutions{grid-template-columns:1fr;gap:26px;padding-top:28px;margin-top:32px}.company-solutions article+article{border-top:1px solid var(--line);padding-top:26px}.company-solutions h3{font-size:1.25rem}.company-solutions p{margin-bottom:18px}
}
