/* FAComunica prototype-led hero. Actual video and original logo remain unchanged. */
/* Preserve the professional title as an indivisible unit on narrow screens. */
.fa-prototype-hero .fa-hero-role{white-space:nowrap}
.fa-prototype-hero .signature-frame{position:relative;isolation:isolate}
.fa-prototype-hero .monolith-stage{background:#111111;isolation:isolate}
.fa-prototype-hero .monolith-stage:after{display:none!important}
.fa-prototype-hero .monolith-stage .monolith-assembly{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}
.fa-prototype-hero .monolith-stage.is-assembling .monolith-video{opacity:0!important}
.fa-prototype-hero .monolith-stage.is-assembling .monolith-poster{visibility:visible!important}
.fa-prototype-hero .monolith-stage.fa-intro-pending:before{content:"";position:absolute;inset:0;z-index:3;background:#111111;pointer-events:none;animation:fa-cube-pending-failsafe 10s forwards}
@keyframes fa-cube-pending-failsafe{0%,90%{opacity:1}100%{opacity:0}}
.fa-prototype-hero .signature-copy{z-index:5;position:absolute;left:6%;top:50%;bottom:auto;right:auto;transform:translateY(-50%);width:min(41%,620px);max-width:none;margin:0;padding:0;pointer-events:auto}
.fa-prototype-hero .signature-copy h1{margin:0 0 clamp(16px,2vw,26px);padding:0;font-family:var(--font-display,'FA Display',Arial,sans-serif);font-size:clamp(42px,5.25vw,82px);font-weight:600;line-height:1.02;letter-spacing:-.045em;color:#f5f5f2;text-shadow:none;white-space:normal}
.fa-prototype-hero .signature-copy .fa-hero-firma{position:relative;display:inline-block;color:#ff6a00;white-space:nowrap}
.fa-prototype-hero .fa-hero-firma:after{content:"";position:absolute;left:0;right:.12em;bottom:-.06em;height:.045em;background:#ff6a00;transform:scaleX(var(--fa-hero-underline,1));transform-origin:left;pointer-events:none}
.fa-prototype-hero .signature-copy>p{color:#b5b5af;margin:0 0 clamp(14px,2vw,25px);max-width:37ch;font:400 clamp(15px,1.4vw,19px)/1.55 var(--font-body,'FA Text',Arial,sans-serif)}
.fa-prototype-hero .fa-hero-actions{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap}
.fa-prototype-hero .fa-hero-actions .pill{border-radius:2px;min-height:45px;padding:12px 18px;font-weight:600;background:#ff6a00;border-color:#ff6a00;color:#111111;font-family:var(--font-body,'FA Text',Arial,sans-serif);font-size:14px}
.fa-prototype-hero .fa-hero-text-link{display:inline-block;color:#f5f5f2;border-bottom:1px solid #74746e;padding:6px 0;font:600 14px/1.35 var(--font-body,'FA Text',Arial,sans-serif)}
.fa-prototype-hero .fa-hero-text-link:hover{color:#ff9233;border-color:#ff9233}
.fa-prototype-hero .signature-copy a:focus-visible{outline:2px solid #ff9233;outline-offset:4px}
.fa-prototype-hero .monolith-controls{position:relative;z-index:2}
@media(max-width:700px){
 .fa-prototype-hero .signature-frame{display:flex;flex-direction:column;overflow:visible;height:auto;aspect-ratio:auto;min-height:0;max-height:none;background:#111111}
 .fa-prototype-hero .signature-copy{position:relative;inset:auto;order:0;transform:none;width:100%;max-width:none;margin:0;padding:24px 6% 28px;z-index:5}
 .fa-prototype-hero .signature-copy h1{font-size:clamp(39px,10.4vw,60px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}
 .fa-prototype-hero .signature-copy>p{font-size:16px;max-width:36ch;margin-bottom:20px}
 .fa-prototype-hero .monolith-stage{position:relative;inset:auto;order:1;display:block;width:100%;height:auto;aspect-ratio:1;min-height:0;margin:0;overflow:hidden}
 .fa-prototype-hero .monolith-poster,.fa-prototype-hero .monolith-video{object-position:85% center}
 .fa-prototype-hero .fa-hero-actions{gap:12px 16px}
 .fa-prototype-hero .monolith-controls{margin-top:12px}
 .fa-prototype-hero .monolith-stage.fa-intro-pending:before{display:none!important}
}
@media(max-width:390px){
 .fa-prototype-hero .signature-copy h1{font-size:clamp(34px,10vw,41px)}
 .fa-prototype-hero .fa-hero-actions .pill{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){
 .fa-prototype-hero .monolith-stage.fa-intro-pending:before,.fa-prototype-hero .monolith-assembly{display:none!important}
 .fa-prototype-hero .fa-hero-firma:after{transform:scaleX(1)!important}
}
html[data-motion=reduced] .fa-prototype-hero .monolith-stage.fa-intro-pending:before,
html[data-motion=reduced] .fa-prototype-hero .monolith-assembly{display:none!important}
html[data-motion=reduced] .fa-prototype-hero .fa-hero-firma:after{transform:scaleX(1)!important}