/* Audiovisual v2: imagen, recorrido térmico y lectura editorial. */
.audiovisual-page.is-dialog-open * { animation-play-state:paused!important; }
.audiovisual-page { --av-spectrum:linear-gradient(105deg,var(--blue),var(--violet) 28%,var(--pink) 53%,var(--orange) 76%,var(--amber)); background:var(--black,#070708); color:var(--cream,#fff6e0); font-family:var(--font-body,Arial,sans-serif); }
.audiovisual-page .av-header { position:absolute; z-index:40; inset:0 0 auto; height:108px; }
.audiovisual-page .av-header .mobile-menu { position:fixed; min-height:100dvh; }
.audiovisual-page h1,.audiovisual-page h2 { font-family:var(--font-title,Arial,sans-serif); font-weight:900; line-height:1.13; letter-spacing:-.015em; text-transform:uppercase; overflow-wrap:anywhere; }
.audiovisual-page h3 { font-family:var(--font-body,Arial,sans-serif); font-weight:600; line-height:1.25; letter-spacing:-.025em; overflow-wrap:anywhere; }
.audiovisual-page a:focus-visible,.audiovisual-page button:focus-visible,.audiovisual-page summary:focus-visible { outline:3px solid var(--amber); outline-offset:5px; }
.audiovisual-page [id] { scroll-margin-top:35px; }
.audiovisual-page .av-eyebrow { margin:0 0 20px; font-size:10px; font-weight:600; line-height:1.6; letter-spacing:.18em; text-transform:uppercase; }
.audiovisual-page .av-body { margin:0; color:rgba(255,246,224,.74); font-size:clamp(15px,1.15vw,17px); line-height:1.85; }
.audiovisual-page .av-hero { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:flex-end; min-height:100svh; padding:150px var(--pad) 22px; overflow:clip; }
.audiovisual-page .av-hero__grid,.audiovisual-page .av-hero__bottom { flex-shrink:0; }
.audiovisual-page .av-hero::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:var(--av-spectrum); }
.audiovisual-page .av-hero__thermal { position:absolute; z-index:-1; inset:-15% -10%; pointer-events:none; opacity:.42; background:radial-gradient(ellipse at 87% 44%,rgba(255,174,0,.35),rgba(255,46,138,.3) 19%,rgba(106,0,255,.38) 35%,transparent 59%),radial-gradient(ellipse at 12% 95%,rgba(0,17,255,.28),transparent 48%); }
.audiovisual-page .av-hero__grid { width:min(1440px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:clamp(32px,4vw,70px); }
.audiovisual-page .av-hero__content { min-width:0; padding:18px 0; }
.audiovisual-page .av-hero h1 { max-width:670px; margin:0 0 26px; font-size:clamp(40px,3.2vw,58px); line-height:1.12; }
.audiovisual-page .av-hero__intro { max-width:570px; margin:0; font-size:clamp(15px,1.1vw,17px); line-height:1.8; color:rgba(255,246,224,.79); }
.audiovisual-page .av-actions { display:flex; flex-wrap:wrap; align-items:stretch; gap:14px; margin-top:30px; }
.audiovisual-page .av-link { display:inline-flex; justify-content:space-between; align-items:center; gap:22px; min-height:54px; max-width:100%; padding:15px 20px; border:1px solid transparent; border-radius:2px; color:var(--cream); background:linear-gradient(#100d17,#100d17) padding-box,var(--av-spectrum) border-box; font-family:var(--font-body); font-size:12px; font-weight:600; line-height:1.5; transition:transform .25s,box-shadow .25s; }
.audiovisual-page .av-link span { flex:none; color:var(--amber); font-size:19px; }
.audiovisual-page .av-link--primary { background:linear-gradient(115deg,#101138,#241129,#291a10) padding-box,var(--av-spectrum) border-box; box-shadow:0 8px 30px rgba(106,0,255,.14); }
.audiovisual-page .av-link:hover { transform:translateY(-3px); box-shadow:0 8px 32px rgba(255,46,138,.2); }
.audiovisual-page .av-hero__film { min-width:0; margin:0; }
.audiovisual-page .av-film-frame { position:relative; aspect-ratio:4/3; padding:8px; border:1px solid rgba(255,246,224,.16); background:linear-gradient(135deg,rgba(0,17,255,.12),rgba(255,46,138,.13)); box-shadow:0 35px 100px rgba(0,0,0,.28); }
.audiovisual-page .av-hero__video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.9) contrast(1.04); }
.audiovisual-page .av-film-frame__corner { position:absolute; z-index:2; width:30px; height:30px; pointer-events:none; }
.audiovisual-page .av-film-frame__corner--a { top:-1px; left:-1px; border-top:2px solid var(--amber); border-left:2px solid var(--amber); }
.audiovisual-page .av-film-frame__corner--b { bottom:-1px; right:-1px; border-bottom:2px solid var(--pink); border-right:2px solid var(--pink); }
.audiovisual-page .av-film-frame__tag { position:absolute; z-index:1; top:25px; left:25px; padding:8px 10px; background:rgba(7,7,8,.65); font-size:8px; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; }
.audiovisual-page .av-film-frame__spectrum { position:absolute; left:24px; right:24px; bottom:24px; height:3px; background:var(--av-spectrum); box-shadow:0 0 14px rgba(255,46,138,.55); }
.audiovisual-page .av-motion-toggle { position:absolute; z-index:3; right:24px; bottom:38px; display:none; align-items:center; min-height:34px; padding:8px 10px; border:1px solid rgba(255,246,224,.45); border-radius:2px; color:var(--cream); background:rgba(7,7,8,.8); font-family:var(--font-body); font-size:9px; line-height:1.5; cursor:pointer; }
.audiovisual-page.is-enhanced .av-motion-toggle { display:inline-flex; }
.audiovisual-page .av-motion-toggle:hover { border-color:var(--amber); }
.audiovisual-page .av-motion-toggle:disabled { cursor:default; opacity:.75; }
.audiovisual-page .av-hero__film figcaption { display:flex; justify-content:space-between; gap:20px; padding-top:14px; font-size:9px; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; }
.audiovisual-page .av-hero__film figcaption span:last-child { color:rgba(255,246,224,.55); }
.audiovisual-page .av-hero__bottom { width:min(1440px,100%); margin:42px auto 0; padding-top:22px; border-top:1px solid rgba(255,246,224,.16); display:flex; justify-content:space-between; align-items:center; gap:24px; }
.audiovisual-page .av-specialty-nav { display:flex; flex-wrap:wrap; gap:6px 24px; }
.audiovisual-page .av-specialty-nav a { padding:10px 0; font-size:9px; font-weight:500; letter-spacing:.1em; line-height:1.5; text-transform:uppercase; }
.audiovisual-page .av-specialty-nav a:hover { color:var(--amber); }
.audiovisual-page .av-scroll { display:flex; align-items:center; gap:14px; min-height:44px; padding-right:70px; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.audiovisual-page .av-scroll span { font-size:21px; }
.audiovisual-page .av-section { width:min(1440px,100%); margin:0 auto; padding:95px var(--pad); border-bottom:1px solid rgba(255,246,224,.13); }
.audiovisual-page .av-section h2 { margin:0; font-size:clamp(25px,2.25vw,36px); line-height:1.2; }
.audiovisual-page .av-section-heading { max-width:950px; }
.audiovisual-page .av-section-heading .av-body { max-width:880px; margin-top:27px; }
.audiovisual-page .av-intro,.audiovisual-page .av-brief,.audiovisual-page .av-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:start; gap:clamp(36px,7vw,100px); }
.audiovisual-page .av-intro>.av-body { padding-top:37px; }
.audiovisual-page .av-format-lab { --format-progress:25%; margin-top:48px; padding:27px 30px 0; border:1px solid rgba(255,246,224,.16); background:linear-gradient(115deg,rgba(0,17,255,.045),rgba(106,0,255,.06),rgba(255,46,138,.03)); }
.audiovisual-page .av-selector-heading { display:flex; justify-content:space-between; gap:20px; margin-bottom:20px; font-size:10px; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; }
.audiovisual-page .av-selector-count { color:rgba(255,246,224,.45); }.audiovisual-page .av-selector-count b { color:var(--cream); font-weight:600; }
.audiovisual-page .av-spectrum-track { position:relative; height:4px; background:rgba(255,246,224,.09); }
.audiovisual-page .av-spectrum-track>span { display:block; width:var(--format-progress); height:100%; background:var(--av-spectrum); transition:width .65s cubic-bezier(.2,.7,.2,1); }
.audiovisual-page .av-spectrum-track>i { position:absolute; left:var(--format-progress); top:50%; width:9px; height:9px; border-radius:50%; background:var(--amber); transform:translate(-50%,-50%); box-shadow:0 0 16px var(--orange); transition:left .65s cubic-bezier(.2,.7,.2,1); }
.audiovisual-page .av-format-tabs { display:none; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.audiovisual-page.is-enhanced .av-format-tabs { display:grid; }
.audiovisual-page .av-format-tabs button { display:flex; align-items:center; gap:13px; min-width:0; padding:22px 0; border:0; color:rgba(255,246,224,.52); background:none; font-size:13px; font-weight:500; text-align:left; cursor:pointer; }
.audiovisual-page .av-format-tabs button span { font-size:9px; opacity:.65; }.audiovisual-page .av-format-tabs button.is-active { color:var(--cream); }.audiovisual-page .av-format-tabs button.is-active span { color:var(--amber); opacity:1; }
.audiovisual-page .av-format-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:45px; min-height:300px; padding:35px 0; border-top:1px solid rgba(255,246,224,.13); }
.audiovisual-page .av-format-panel[hidden],.audiovisual-page .av-step-panel[hidden] { display:none; }
.audiovisual-page .av-format-number { display:block; margin-bottom:18px; color:var(--amber); font-size:12px; letter-spacing:.12em; }
.audiovisual-page .av-format-copy h3 { margin:0 0 18px; font-size:clamp(24px,2.3vw,34px); }
.audiovisual-page .av-format-copy p { max-width:420px; margin:0; color:rgba(255,246,224,.7); font-size:16px; line-height:1.8; }
.audiovisual-page .av-format-contact { display:inline-flex; align-items:center; gap:20px; margin-top:28px; padding:8px 0; font-size:11px; line-height:1.5; font-weight:500; }.audiovisual-page .av-format-contact span { color:var(--amber); font-size:18px; }
.audiovisual-page .av-format-art { position:relative; min-height:265px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 50% 50%,rgba(255,46,138,.08),transparent 65%); }
.audiovisual-page .av-art-ring { position:absolute; left:50%; top:50%; width:240px; height:240px; border:1px solid rgba(106,0,255,.75); border-radius:50%; transform:translate(-50%,-50%); }.audiovisual-page .av-art-ring--two { width:180px; height:180px; border-color:rgba(255,46,138,.7); }.audiovisual-page .av-art-ring--three { width:112px; height:112px; border-color:rgba(255,174,0,.8); }
.audiovisual-page .av-art-core { position:absolute; left:50%; top:50%; width:90px; height:90px; border-radius:50%; transform:translate(-50%,-50%); background:radial-gradient(circle,var(--amber),var(--orange) 23%,var(--pink) 42%,var(--violet) 68%,var(--blue) 85%); filter:blur(9px); opacity:.78; }
.audiovisual-page .av-art-cross { position:absolute; opacity:.3; background:var(--cream); }.audiovisual-page .av-art-cross--h { left:8%; right:8%; top:50%; height:1px; }.audiovisual-page .av-art-cross--v { top:7%; bottom:7%; left:50%; width:1px; }
.audiovisual-page .av-art-coordinate { position:absolute; left:20px; bottom:12px; color:rgba(255,246,224,.35); font-size:8px; letter-spacing:.15em; }
.audiovisual-page [data-format="1"] .av-art-ring { border-radius:8px; transform:translate(-50%,-50%) rotate(45deg); }.audiovisual-page [data-format="1"] .av-art-core { width:120px; height:120px; border-radius:4px; }
.audiovisual-page [data-format="2"] .av-art-ring { border-style:dashed; opacity:.35; }
.audiovisual-page .av-art-wave { position:absolute; display:none; inset:20% 14%; align-items:center; justify-content:center; gap:8px; }.audiovisual-page [data-format="2"] .av-art-wave { display:flex; }
.audiovisual-page .av-art-wave i { width:7px; height:50%; background:linear-gradient(var(--amber),var(--pink),var(--blue)); transform:scaleY(.55); }.audiovisual-page .av-art-wave i:nth-child(3n) { height:90%; }.audiovisual-page .av-art-wave i:nth-child(2n) { height:70%; }
.audiovisual-page [data-format="3"] .av-art-ring { border-radius:50% 50% 12px 12px; height:190px; }.audiovisual-page [data-format="3"] .av-art-core { top:43%; width:115px; height:115px; }
.audiovisual-page .av-projects-note { margin:34px 0 22px; color:rgba(255,246,224,.5); font-size:10px; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; }
.audiovisual-page .av-project-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 22px; }
.audiovisual-page .av-project { min-width:0; margin:0; }
.audiovisual-page .av-project__preview { position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; overflow:hidden; border:0; color:var(--cream); background:#121214; text-align:left; cursor:pointer; }
.audiovisual-page .av-project__poster,.audiovisual-page .av-project__video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:opacity .25s,transform .5s; }
.audiovisual-page .av-project__video { opacity:0; }
.audiovisual-page .av-project__preview::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,7,8,.54)); pointer-events:none; }
.audiovisual-page .av-project__play { position:absolute; z-index:1; left:14px; bottom:14px; display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(255,246,224,.66); border-radius:50%; background:rgba(7,7,8,.2); }
.audiovisual-page .av-project__play span { display:block; width:0; height:0; margin-left:2px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid var(--cream); }
.audiovisual-page .av-project__verb { position:absolute; z-index:1; left:56px; bottom:23px; font-family:var(--font-body,Arial,sans-serif); font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.audiovisual-page .av-project__preview:hover .av-project__poster { transform:scale(1.035); }
.audiovisual-page .av-project.is-playing .av-project__poster { opacity:0; }
.audiovisual-page .av-project.is-playing .av-project__video { opacity:1; }
.audiovisual-page .av-project.is-playing .av-project__play span { width:8px; height:10px; margin-left:0; border-top:0; border-bottom:0; border-left:3px solid var(--cream); border-right:3px solid var(--cream); }
.audiovisual-page .av-project figcaption { padding-top:17px; }
.audiovisual-page .av-project__type { display:block; margin-bottom:9px; color:rgba(255,246,224,.45); font-size:8px; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; }
.audiovisual-page .av-project h3 { margin:0 0 8px; font-size:13px; line-height:1.25; text-transform:uppercase; letter-spacing:0; }
.audiovisual-page .av-project figcaption p { margin:0; color:rgba(255,246,224,.65); font-size:11px; line-height:1.6; letter-spacing:.025em; }
.audiovisual-page .av-process-studio { margin-top:45px; }
.audiovisual-page .av-process-controls { display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.audiovisual-page.is-enhanced .av-process-controls { display:grid; }
.audiovisual-page .av-process-controls button { display:flex; align-items:center; gap:16px; min-width:0; min-height:60px; padding:12px 0 20px; border:0; color:rgba(255,246,224,.5); background:none; font-family:var(--font-body); font-size:17px; font-weight:500; text-align:left; cursor:pointer; }
.audiovisual-page .av-process-controls button span { display:grid; flex:none; place-items:center; width:32px; height:32px; border:1px solid rgba(255,246,224,.2); border-radius:50%; font-size:9px; }.audiovisual-page .av-process-controls button.is-active { color:var(--cream); }.audiovisual-page .av-process-controls button.is-active span { border-color:var(--pink); background:var(--av-spectrum); box-shadow:0 0 22px rgba(255,46,138,.25); color:#fff; }
.audiovisual-page .av-process-route { position:relative; height:2px; margin:0 16px; background:rgba(255,246,224,.15); }.audiovisual-page .av-process-route>span { display:block; width:var(--step-progress,0%); height:100%; background:var(--av-spectrum); transition:width .6s ease; }
.audiovisual-page .av-process-route>i { position:absolute; top:-2px; left:0; width:6px; height:6px; border-radius:50%; background:var(--amber); }.audiovisual-page .av-process-route>i:nth-of-type(2) { left:50%; background:var(--pink); }.audiovisual-page .av-process-route>i:nth-of-type(3) { left:100%; background:var(--violet); }
.audiovisual-page .av-process-stage { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:60px; padding-top:42px; }
.audiovisual-page .av-stage-canvas { position:relative; height:310px; overflow:hidden; isolation:isolate; border:1px solid rgba(255,246,224,.12); background:radial-gradient(ellipse at 50% 45%,rgba(106,0,255,.23),transparent 69%),#0b0b10; }
.audiovisual-page .av-stage-grid { position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,246,224,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,246,224,.25) 1px,transparent 1px); background-size:35px 35px; }
.audiovisual-page .av-stage-frame { position:absolute; left:50%; top:50%; width:112px; height:82px; padding:14px; border:1px solid var(--pink); background:rgba(11,11,16,.9); transition:transform .8s cubic-bezier(.2,.7,.2,1),width .8s,height .8s,opacity .6s,border-color .6s; }
.audiovisual-page .av-stage-frame i { display:block; height:3px; margin-top:7px; background:linear-gradient(90deg,var(--pink),var(--amber)); opacity:.55; }.audiovisual-page .av-stage-frame i:nth-child(2) { width:65%; }.audiovisual-page .av-stage-frame>span { display:block; width:18px; height:18px; border:1px solid var(--amber); border-radius:50%; margin-top:8px; }
.audiovisual-page .av-stage-frame--a { transform:translate(-145%,-85%) rotate(-9deg); border-color:var(--violet); }.audiovisual-page .av-stage-frame--b { transform:translate(-50%,-40%); }.audiovisual-page .av-stage-frame--c { transform:translate(48%,-80%) rotate(8deg); border-color:var(--amber); }
.audiovisual-page .av-stage-aperture { position:absolute; left:50%; top:50%; width:120px; height:120px; border:1px solid var(--amber); border-radius:50%; opacity:0; transform:translate(-50%,-50%) scale(.7); transition:opacity .5s,transform .8s; }.audiovisual-page .av-stage-aperture i { position:absolute; inset:17px; border:1px solid var(--pink); border-radius:50%; }.audiovisual-page .av-stage-aperture i:nth-child(2) { inset:35px; border-color:var(--amber); }.audiovisual-page .av-stage-aperture i:nth-child(3) { inset:50px; border:0; background:var(--amber); box-shadow:0 0 25px var(--orange); }
.audiovisual-page .av-stage-timeline { position:absolute; left:15%; right:15%; bottom:38px; display:flex; gap:5px; opacity:0; transform:translateY(18px); transition:transform .7s,opacity .5s; }.audiovisual-page .av-stage-timeline i { width:20%; height:15px; background:var(--av-spectrum); }.audiovisual-page .av-stage-timeline i:nth-child(2n) { opacity:.45; }.audiovisual-page .av-stage-timeline i:nth-child(3) { width:32%; }
.audiovisual-page .av-stage-scan { position:absolute; top:0; bottom:0; left:0; width:1px; opacity:.25; background:var(--amber); box-shadow:0 0 18px var(--pink); }
.audiovisual-page [data-av-stage="1"] .av-stage-frame { width:230px; height:155px; transform:translate(-50%,-50%); opacity:.3; }.audiovisual-page [data-av-stage="1"] .av-stage-frame--a { transform:translate(-50%,-50%) scale(1.06); }.audiovisual-page [data-av-stage="1"] .av-stage-frame--c { transform:translate(-50%,-50%) scale(.94); }.audiovisual-page [data-av-stage="1"] .av-stage-aperture { opacity:1; transform:translate(-50%,-50%) scale(1); }
.audiovisual-page [data-av-stage="2"] .av-stage-frame { width:240px; height:135px; transform:translate(-50%,-65%); }.audiovisual-page [data-av-stage="2"] .av-stage-frame--a { opacity:.2; transform:translate(-53%,-70%); }.audiovisual-page [data-av-stage="2"] .av-stage-frame--b { opacity:.4; transform:translate(-47%,-60%); }.audiovisual-page [data-av-stage="2"] .av-stage-frame--c { background:radial-gradient(ellipse at 50% 50%,rgba(255,174,0,.65),rgba(255,46,138,.45) 28%,rgba(106,0,255,.4) 48%,rgba(0,17,255,.35)); border-color:var(--amber); }.audiovisual-page [data-av-stage="2"] .av-stage-timeline { opacity:1; transform:translateY(0); }
.audiovisual-page .av-step-panel { margin:0 0 30px; }.audiovisual-page .av-step-panel:last-child { margin-bottom:0; }.audiovisual-page .av-step-panel h3 { margin:0 0 20px; font-size:clamp(23px,2.2vw,32px); }.audiovisual-page .av-step-panel .av-eyebrow { color:var(--amber); font-size:9px; margin-bottom:15px; }
.audiovisual-page .av-brief { position:relative; isolation:isolate; }.audiovisual-page .av-brief::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.21; background:radial-gradient(ellipse at 10% 50%,var(--orange),var(--pink) 22%,var(--violet) 42%,transparent 67%); pointer-events:none; }
.audiovisual-page .av-faq { border-bottom:0; }.audiovisual-page .av-faq-list { min-width:0; }
.audiovisual-page .av-faq details { position:relative; margin-bottom:12px; padding:0 20px; border:1px solid rgba(255,246,224,.16); background:#0b0a10; transition:background .25s,border-color .25s; }.audiovisual-page .av-faq details::before { content:""; position:absolute; left:-1px; top:18px; bottom:18px; width:2px; background:var(--av-spectrum); opacity:.5; }.audiovisual-page .av-faq details[open] { border-color:rgba(255,46,138,.45); background:linear-gradient(115deg,rgba(0,17,255,.06),rgba(106,0,255,.13),rgba(255,46,138,.08)); }
.audiovisual-page .av-faq summary { display:grid; grid-template-columns:22px minmax(0,1fr) 28px; align-items:center; gap:14px; min-height:83px; padding:20px 0; font-family:var(--font-body); font-size:15px; font-weight:500; line-height:1.55; list-style:none; cursor:pointer; }.audiovisual-page .av-faq summary::-webkit-details-marker { display:none; }.audiovisual-page .av-faq-number { color:var(--amber); font-size:9px; letter-spacing:.1em; }.audiovisual-page .av-faq-toggle { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(255,246,224,.22); border-radius:50%; font-size:21px; font-weight:400; line-height:1; transition:transform .25s,border-color .25s; }.audiovisual-page .av-faq details[open] .av-faq-toggle { transform:rotate(45deg); border-color:var(--pink); }.audiovisual-page .av-faq details .av-body { padding:0 42px 25px 36px; font-size:14px; line-height:1.85; }
.audiovisual-page .av-art-core { animation:av-heat-breathe 5s ease-in-out infinite; animation-play-state:paused; }.audiovisual-page .av-art-wave i { animation:av-wave 2.2s ease-in-out infinite alternate; animation-play-state:paused; }.audiovisual-page .av-art-wave i:nth-child(2n) { animation-delay:-.8s; }.audiovisual-page .av-art-wave i:nth-child(3n) { animation-delay:-1.4s; }.audiovisual-page .av-stage-scan { animation:av-process-scan 7s linear infinite; animation-play-state:paused; }
.audiovisual-page .is-inview .av-art-core,.audiovisual-page .is-inview .av-art-wave i,.audiovisual-page .is-inview .av-stage-scan { animation-play-state:running; }.audiovisual-page.is-page-hidden * { animation-play-state:paused!important; }
.audiovisual-page.is-motion-paused * { animation-play-state:paused!important; }
@keyframes av-heat-breathe { 0%,100% { opacity:.55; transform:translate(-50%,-50%) scale(.88); } 50% { opacity:.9; transform:translate(-50%,-50%) scale(1.1); } }@keyframes av-wave { from { transform:scaleY(.3); } to { transform:scaleY(1); } }@keyframes av-process-scan { from { transform:translateX(-20px); } to { transform:translateX(700px); } }
@media (max-width:1150px) {
 .audiovisual-page .av-hero__grid { gap:35px; }.audiovisual-page .av-hero h1 { font-size:clamp(36px,3.6vw,46px); }.audiovisual-page .av-film-frame { aspect-ratio:4/4; }.audiovisual-page .av-link { padding:13px 16px; font-size:11px; }.audiovisual-page .av-project-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:1051px) and (max-height:800px) {
 .audiovisual-page .av-hero { padding-top:150px; padding-bottom:18px; }
 .audiovisual-page .av-hero__content { padding:0; align-self:end; }
 .audiovisual-page .av-hero .av-eyebrow { margin-bottom:14px; }
 .audiovisual-page .av-hero h1 { font-size:clamp(38px,2.9vw,44px); margin-bottom:20px; }
 .audiovisual-page .av-hero__intro { font-size:15px; line-height:1.65; }
 .audiovisual-page .av-hero .av-actions { margin-top:22px; }
 .audiovisual-page .av-hero .av-link { min-height:48px; padding:12px 18px; font-size:11px; }
 .audiovisual-page .av-film-frame { height:clamp(350px,58vh,460px); aspect-ratio:auto; }
 .audiovisual-page .av-hero__film figcaption { padding-top:11px; font-size:8px; }
 .audiovisual-page .av-hero__bottom { margin-top:24px; padding-top:12px; }
 .audiovisual-page .av-specialty-nav a { padding-block:8px; }
 .audiovisual-page .av-scroll { min-height:36px; }
}
@media (max-width:820px) {
 .audiovisual-page .av-motion-toggle { left:18px; right:auto; min-height:44px; padding:9px 12px; font-size:10px; }
 .audiovisual-page .av-header { height:86px; }.audiovisual-page .av-hero { padding:115px var(--pad) 28px; }.audiovisual-page .av-hero__grid { grid-template-columns:1fr; gap:36px; }.audiovisual-page .av-hero__content { padding:0; }.audiovisual-page .av-hero h1 { font-size:clamp(30px,5.2vw,42px); }.audiovisual-page .av-hero__intro { max-width:650px; font-size:15px; }.audiovisual-page .av-hero__film { width:min(680px,100%); }.audiovisual-page .av-film-frame { aspect-ratio:16/10; }.audiovisual-page .av-hero__bottom { display:block; margin-top:28px; padding-top:17px; }.audiovisual-page .av-specialty-nav { max-width:calc(100% - 50px); gap:3px 22px; }.audiovisual-page .av-scroll { width:max-content; margin-top:12px; }
 .audiovisual-page .av-section { padding:66px var(--pad); }.audiovisual-page .av-intro,.audiovisual-page .av-brief,.audiovisual-page .av-faq { grid-template-columns:1fr; gap:27px; }.audiovisual-page .av-intro>.av-body { padding-top:0; }.audiovisual-page .av-section h2 { font-size:clamp(23px,3.7vw,29px); }.audiovisual-page .av-format-lab { padding:22px 22px 0; }.audiovisual-page .av-format-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }.audiovisual-page .av-format-tabs button { padding:17px 0; font-size:12px; }.audiovisual-page .av-format-panel { gap:20px; }.audiovisual-page .av-format-art { min-height:230px; }.audiovisual-page .av-art-ring { width:200px; height:200px; }.audiovisual-page .av-art-ring--two { width:150px; height:150px; }.audiovisual-page .av-art-ring--three { width:95px; height:95px; }.audiovisual-page .av-format-copy h3 { font-size:24px; }.audiovisual-page .av-format-copy p { font-size:15px; }
 .audiovisual-page .av-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 18px; }.audiovisual-page .av-process-stage { gap:30px; }.audiovisual-page .av-process-controls { gap:15px; }.audiovisual-page .av-process-controls button { display:block; font-size:12px; line-height:1.5; }.audiovisual-page .av-process-controls button span { margin-bottom:10px; }.audiovisual-page .av-stage-canvas { height:270px; }.audiovisual-page .av-stage-frame { width:90px; height:70px; }.audiovisual-page .av-stage-frame--a { transform:translate(-130%,-85%) rotate(-9deg); }.audiovisual-page .av-stage-frame--c { transform:translate(30%,-80%) rotate(8deg); }
}
@media (max-width:520px) {
 .audiovisual-page .av-hero h1 { font-size:clamp(26px,7.4vw,34px); margin-bottom:24px; }.audiovisual-page .av-eyebrow { font-size:9px; margin-bottom:18px; }.audiovisual-page .av-actions { flex-direction:column; gap:12px; margin-top:26px; }.audiovisual-page .av-link { min-height:53px; width:100%; padding:14px 17px; font-size:12px; }.audiovisual-page .av-film-frame { aspect-ratio:16/11; }.audiovisual-page .av-film-frame__tag { left:20px; top:20px; font-size:7px; }.audiovisual-page .av-hero__film figcaption { font-size:8px; gap:14px; }.audiovisual-page .av-section { padding-block:55px; }.audiovisual-page .av-section h2 { font-size:clamp(22px,6vw,27px); }
 .audiovisual-page .av-format-lab { margin-top:32px; padding:22px 18px 0; }.audiovisual-page .av-selector-heading { font-size:8px; }.audiovisual-page .av-format-tabs button { display:block; font-size:12px; }.audiovisual-page .av-format-tabs button span { display:block; font-size:8px; margin-bottom:4px; }.audiovisual-page .av-format-panel { grid-template-columns:1fr; gap:10px; padding-top:27px; }.audiovisual-page .av-format-number { margin-bottom:14px; }.audiovisual-page .av-format-copy h3 { font-size:23px; }.audiovisual-page .av-format-contact { margin-top:17px; }.audiovisual-page .av-format-art { min-height:225px; }
 .audiovisual-page .av-project-grid { grid-template-columns:1fr; gap:32px; }.audiovisual-page .av-project h3 { font-size:15px; }.audiovisual-page .av-project figcaption p { font-size:12px; }.audiovisual-page .av-process-stage { grid-template-columns:1fr; padding-top:29px; gap:28px; }.audiovisual-page .av-stage-canvas { height:260px; }.audiovisual-page .av-process-controls { gap:10px; }.audiovisual-page .av-process-controls button { font-size:11px; }.audiovisual-page .av-step-panel h3 { font-size:25px; }.audiovisual-page .av-faq details { padding:0 15px; }.audiovisual-page .av-faq summary { gap:10px; font-size:14px; grid-template-columns:18px minmax(0,1fr) 25px; }.audiovisual-page .av-faq-toggle { width:25px; height:25px; }.audiovisual-page .av-faq details .av-body { padding-left:28px; padding-right:0; }
}
@media (prefers-reduced-motion:reduce) {
 .audiovisual-page *,.audiovisual-page *::before,.audiovisual-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}