/* Owner-requested motion refinement; native WAAPI owns rails/panel dimensions. */
.hero-showreel{position:relative;width:min(960px,calc(100% - 72px));aspect-ratio:16/9;margin:36px auto 28px;border:1px solid #a6b5ff70;border-radius:14px;overflow:hidden;background:#080a10;box-shadow:0 16px 55px #0005}
.hero-showreel .reel-poster,.hero-showreel img{width:100%;height:100%;display:block;object-fit:contain}.hero-showreel figcaption{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;gap:20px;padding:24px 16px 12px;background:linear-gradient(transparent,#03050bc9);color:#e1e6f1;font-size:12px;pointer-events:none}.hero-showreel .preview-clip{transition:opacity .2s ease}
.band-window{height:calc(var(--band-height) + 94px);padding-block:32px 26px;margin-top:-16px;overflow:hidden;isolation:isolate}.band-track{align-items:flex-start}.band-card{position:relative;isolation:auto}.band-preview{display:block;position:relative;width:100%;border:0;padding:0;background:none;color:inherit;cursor:default;outline-offset:5px;touch-action:pan-y}.band-media{display:block;transform-origin:50% 50%;transition:transform 300ms ease,border-color 300ms ease,box-shadow 300ms ease}.band-card.is-isolated{z-index:2}.band-card.is-isolated .band-media{transform:translate(var(--spot-x,0px),-5px) scale(1.05);border-color:#a6b5ffbd;box-shadow:0 0 0 1px #365bff45,0 7px 20px #365bff38}.band-preview:focus-visible{outline:2px solid #a6b5ff;border-radius:10px}.band-help{font-size:14px;line-height:1.6;color:#abb4c3;margin-block:20px 0}.work-band+.work-band{margin-top:30px}
.service-detail{overflow:hidden;box-sizing:border-box}.service-arrow{transition:transform 350ms cubic-bezier(.22,.61,.36,1)}.service-offer[open].is-closing .service-arrow{transform:rotate(0deg)}.service-offer[open].is-closing summary strong{color:inherit}
.process-card{isolation:isolate;overflow:hidden;cursor:default;transition:border-color 300ms ease}.process-card:hover{background:#141517;border-color:#ffffff49}.process-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,#365bff05,#365bff28 45%,#a6b5ff1a 65%,transparent);background-size:200% 200%;opacity:0;transition:opacity 300ms ease;pointer-events:none}.process-card[data-process=production]::before{background-image:linear-gradient(120deg,#365bff05,#365bff28 40%,#8356ff25 65%,transparent)}.process-card[data-process=delivery]::before{background-image:linear-gradient(120deg,#365bff05,#365bff28 40%,#4cd8ef1e 65%,transparent)}.process-card.is-active::before{opacity:1}.process-illustration{display:block;height:72px;width:104px;margin-top:18px;margin-bottom:3px;color:#d0d5de;flex:none}.process-illustration svg{width:104px;height:62px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.process-illustration g,.process-illustration path,.process-illustration circle,.process-illustration rect{transform-box:fill-box;transform-origin:center}.doc-lines path,.route-line,.delivery-check{stroke-dasharray:1;stroke-dashoffset:0}.doc-corner{stroke:#a6b5ff}.map-grid{opacity:.2}.route-line,.route-marker{stroke:#a6b5ff}.route-marker{fill:#a6b5ff}.route-nodes{fill:#141517}.timeline{opacity:.3}.timeline-blocks{stroke-width:4}.frame-play{fill:currentColor;stroke:none}.process-card.is-active .timeline-blocks{stroke:#a6b5ff}.process-card.is-active[data-process=production] .playhead{stroke:#ac91ff}.process-card.is-active[data-process=delivery] .delivery-check{stroke:#94dce9}.process-card h3,.process-card p,.step-pill{position:relative}.process-card p{margin-bottom:0}
.motion-paused .band-card.is-isolated .band-media{transform:none;box-shadow:none}.motion-paused .process-card::before{opacity:0}.motion-paused .band-media,.motion-paused .process-card::before,.motion-paused .service-arrow{transition:none}
@media(max-width:700px){.hero-showreel{width:calc(100% - 36px);aspect-ratio:4/3;margin-top:27px;margin-bottom:22px;border-radius:10px}.hero-showreel figcaption{padding:22px 10px 9px;font-size:11px}.hero-showreel figcaption span:last-child{display:none}.band-window{height:calc(var(--band-height) + 94px)}.band-help{font-size:14px;max-width:360px}.process-card{min-height:263px}.process-illustration{height:66px;margin-top:13px;width:92px}.process-illustration svg{width:92px}.work-band+.work-band{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.band-card.is-isolated .band-media{transform:none;box-shadow:none}.process-card::before{opacity:0}.hero-showreel .preview-clip{display:none}}