/* AMUNUM / motion edition. An illuminated object, quiet typography, clear actions. */
/* The neural film shares the supplied identity’s silver and warm-light palette. */
.commercial-hero{background:#131313}
.commercial-hero .hero-grid{grid-template-columns:1.1fr .9fr;gap:3%;padding-block:64px 54px;min-height:690px}
.hero-sculpture{position:relative;margin:0;min-width:0;align-self:center}
.hero-sculpture figcaption{display:flex;align-items:center;gap:10px;border-top:1px solid #414141;padding-top:18px;color:#b1b1b1;font-size:.75rem;letter-spacing:.02em}
.sculpture-dot{width:5px;height:5px;background:#a6a6a6;border-radius:50%}
.sculpture-index{margin-left:auto;flex:none;white-space:nowrap;font-family:Georgia,serif;font-size:1rem;color:#c4c4c4}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.lead,.hero-copy>.actions,.hero-copy>.hero-note{animation:hero-arrive .9s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>h1{animation-delay:.08s}.hero-copy>.lead{animation-delay:.16s}.hero-copy>.actions{animation-delay:.23s}.hero-copy>.hero-note{animation-delay:.28s}
@keyframes hero-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.motion-reveal.motion-entered{animation:section-arrive .8s cubic-bezier(.2,.7,.2,1) var(--entry-delay,0ms) both}
@keyframes section-arrive{from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:none}}
.service-row{position:relative;transition:background .3s}
.service-row>div{min-width:0}.service-row h3{min-width:0}
.service-link{max-width:100%;line-height:1.5;justify-content:space-between}
.service-link span,.text-link span[aria-hidden],.button span[aria-hidden]{display:inline-block;flex-shrink:0;transition:transform .25s}
.text-link:hover span[aria-hidden],.button:hover span[aria-hidden]{transform:translateX(4px)}
.service-row:hover{background:#dedede29}
.flow-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff05,transparent 65%)}
.flow-list li:before{width:27px;height:27px;display:grid;place-items:center;border:1px solid #92929266;border-radius:50%;top:24px;background:#333333;z-index:1;font-size:.66rem}
.flow-list li:not(:last-child):after{content:'';position:absolute;top:52px;bottom:-23px;left:13px;width:1px;background:linear-gradient(#b9b9b9,#81818135);transform-origin:top;animation:flow-pulse 6s ease-in-out infinite;animation-play-state:paused}
.flow-list li:nth-child(2):after{animation-delay:2s}
.ambient-visible .flow-list li:after{animation-play-state:running}
@keyframes flow-pulse{0%,15%{opacity:.3;transform:scaleY(.15)}40%,65%{opacity:.8;transform:scaleY(1)}100%{opacity:.3;transform:scaleY(1)}}
.problem-links a b{transition:transform .3s}.problem-links a:hover b{transform:translateX(5px)}
.atlas-home{background:#181818;color:var(--paper);border-color:#383838;padding-block:100px}
.atlas-home .eyebrow{color:#b5b5b5}.atlas-home .atlas-teaser .lead{color:#c3c3c3}
.atlas-home .atlas-art figcaption{color:#a9a9a9}
.cinema-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #5c5c5c66;background:#0c0c0c}
.cinema-frame>a{display:block;width:100%;height:100%}
.cinema-frame img,.cinema-frame video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.cinema-frame video{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s}
.cinema-frame[data-ready=true] video{opacity:1}
.film-caption{position:absolute;left:20px;bottom:16px;color:#d9d9d9;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;padding:6px 0;text-shadow:0 1px 12px #000000}
.film-start{position:absolute;z-index:4;bottom:16px;right:16px;padding:11px 15px;border:1px solid #a7a7a7;background:#161616e6;color:#e9e9e9;font-size:.875rem;min-height:44px;cursor:pointer}
.film-start[hidden]{display:none}
.film-icon{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;font-size:1rem;line-height:1;background:#131313ba;border-color:#9a9a9a80}
.atlas-media video{transition:opacity .6s}
.tesla-cover .atlas-media{filter:brightness(.88) saturate(.75)}
.tesla-cover .atlas-media video{object-position:30% center}
.atlas-cover .film-start{left:var(--gutter);right:auto;bottom:56px;pointer-events:auto}
.document-hidden .flow-list li:after{animation-play-state:paused!important}
@media(min-width:981px){.hero-sculpture{width:100%;margin-left:0}.commercial-hero .hero-note{max-width:30rem}.commercial-hero .hero-grid{gap:5%}.commercial-hero .hero-copy{position:relative}.cinema-frame{aspect-ratio:16/9}}
@media(max-width:980px){
  .commercial-hero .hero-grid{display:grid;grid-template-columns:1fr;gap:0;padding-block:38px 32px;min-height:0}
  .commercial-hero .hero-copy{display:contents}
  .commercial-hero .hero-copy>.eyebrow{order:0;margin-bottom:18px;font-size:.68rem}
  .commercial-hero h1{order:1;max-width:42rem;font-size:clamp(2.65rem,8.7vw,4.5rem);line-height:1.05}
  .hero-sculpture{order:2;width:min(100%,540px);margin:10px auto 23px}
  .hero-sculpture figcaption{padding-top:12px;font-size:.75rem}
  .commercial-hero .hero-copy>.lead{order:3;margin-top:0;max-width:34rem;font-size:1rem;line-height:1.65}
  .commercial-hero .actions{order:4;margin-top:24px}
  .commercial-hero .hero-note{order:5;font-size:.8rem;margin-top:19px}
  .service-row{grid-template-columns:27px minmax(0,1fr);column-gap:16px;row-gap:14px;padding-block:30px}
  .service-row>div{grid-column:2}.service-row>div p{max-width:none;font-size:1rem;line-height:1.7}
  .service-row h3{font-size:1.65rem}.service-row h3 small{font-size:.9rem;line-height:1.5;margin-top:10px}
  .service-link{margin-top:17px;font-size:.9rem;gap:20px}
  .atlas-home{padding-block:64px}.atlas-teaser{gap:32px}
  .tesla-cover .atlas-media video{object-position:25% center}
}
@media(max-width:560px){
  .commercial-hero h1{font-size:clamp(2.45rem,9.4vw,3.35rem)}
  .hero-sculpture{margin-block:12px 22px}
  .commercial-hero .button{font-size:.87rem;min-height:52px}
  .service-row{grid-template-columns:24px minmax(0,1fr);gap:14px 12px}
  .service-row h3{font-size:1.5rem;line-height:1.2}
  .service-row>div{grid-column:1/-1;padding-left:36px}
  .service-link{font-size:.875rem}
  .cinema-frame{aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.motion-reveal.motion-entered,.flow-list li:after{animation:none!important}.cinema-frame video,.atlas-media video{transition:none}}

/* Preserve the full composition on phones: portrait and network share the frame. */
@media(max-width:980px){
 .tesla-cover{padding-top:0;display:flex;flex-direction:column;background:#131313}
 .tesla-cover .atlas-media{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;filter:none}
 .tesla-cover .atlas-media img,.tesla-cover .atlas-media video{object-position:center;object-fit:cover}
 .tesla-cover:after{display:none}
 .tesla-cover .atlas-cover-content{padding-block:32px 76px}
 .tesla-cover .atlas-image-note{bottom:25px}
 .tesla-cover>.film-start{top:calc(56.25vw - 56px);bottom:auto;left:auto;right:12px}
}