.signature-hero{--navy:#121421;--paper:#f6f4ef;position:relative;isolation:isolate;min-height:660px;height:calc(100svh - 92px);max-height:960px;overflow:hidden;background:var(--navy);color:var(--paper)}
.signature-hero *{box-sizing:border-box}.signature-hero button{color:inherit;font:inherit}.signature-hero button:focus-visible,.signature-hero a:focus-visible{outline:2px solid #fff;outline-offset:7px}
.signature-scenes{position:absolute;inset:0 0 0 44%;overflow:hidden;background:#253557;direction:ltr}.signature-scene{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;overflow:hidden}.signature-scene.is-active{opacity:1;visibility:visible;z-index:1}.signature-scene img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 92%;transform:scale(1.065);transition:transform 8s linear}.signature-scene.is-active img{transform:scale(1)}.signature-scenes:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#12142166,transparent 34%),linear-gradient(0deg,#121421a6,transparent 38%);pointer-events:none}
.signature-seam{position:absolute;inset:0 auto 0 39%;width:12%;z-index:3;background:var(--navy);clip-path:polygon(0 0,100% 0,22% 100%,0 100%);pointer-events:none}
.signature-watermark{position:absolute;left:-4%;top:18%;width:41%;height:64%;color:#bfc8d7;opacity:.07;pointer-events:none}.signature-watermark svg{width:100%;height:100%;overflow:visible}.signature-watermark path{fill:transparent;stroke:currentColor;stroke-width:.7;stroke-dasharray:1;stroke-dashoffset:0;animation:signature-draw 1.6s ease both}
.signature-top{position:absolute;inset:30px 4.2% auto;z-index:5;display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;letter-spacing:.18em}.signature-top span:last-child{text-shadow:0 1px 8px #12142188}
.signature-copy{position:relative;z-index:4;width:47%;padding:clamp(120px,16vh,210px) 3% 140px 7%;pointer-events:none}.signature-copy a{pointer-events:auto}.signature-kicker{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.2em;margin-bottom:30px;text-transform:uppercase;color:#c5cbd7}.signature-kicker:before{content:"";width:34px;height:1px;background:#9caac0}.signature-copy h1{font-size:clamp(54px,6.3vw,108px);line-height:1.02;letter-spacing:-.055em}.signature-copy h1 span,.signature-copy h1 em{display:block}.signature-copy h1 em{font-weight:400;color:#c8d1e0}.signature-copy>p{font-size:14px;line-height:1.85;max-width:290px;color:#b9bfcc;margin-top:30px}.signature-copy .signature-cta{display:inline-flex;align-items:center;gap:38px;border-bottom:1px solid #9da8bc66;padding:0 0 14px;margin-top:35px;font-size:13px}.signature-cta img{width:24px;height:26px;filter:brightness(0) invert(1);transition:transform .4s}.signature-cta:hover img{transform:rotateY(180deg)}
.signature-mark{position:absolute;z-index:4;right:5%;top:15%;width:52px;height:57px;filter:brightness(0) invert(1);opacity:.75}.signature-caption{position:absolute;z-index:5;inset:auto 5% 130px auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-shadow:0 1px 8px #12142166}.signature-caption strong{font-size:12px;font-weight:400;letter-spacing:.24em}.signature-caption span{font-size:10px;letter-spacing:.13em}
.signature-bottom{position:absolute;z-index:6;inset:auto 4.2% 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.signature-controls{display:flex;gap:20px;width:min(560px,53%)}.signature-tab{position:relative;text-align:start;background:none;border:0;border-top:1px solid #ffffff40;padding:16px 0 8px;flex:1;min-width:0;font-size:11px!important;opacity:.65;display:flex;gap:12px;align-items:center}.signature-tab b{font-size:10px;font-weight:400;opacity:.75;direction:ltr}.signature-tab span{white-space:nowrap}.signature-tab:after{content:"";position:absolute;inset:-1px auto auto 0;height:2px;width:100%;background:#f6f4ef;transform:scaleX(0);transform-origin:left}.signature-tab[aria-pressed=true]{opacity:1}.signature-tab[aria-pressed=true]:after{transform:scaleX(var(--signature-progress,0))}.signature-hero #motion-toggle{position:static;background:transparent;border:0;display:flex;align-items:center;gap:12px;color:#f6f4ef;font-size:11px;padding:12px 0}.signature-counter{font-size:11px;letter-spacing:.15em;direction:ltr}.signature-counter small{opacity:.5;font-size:inherit}
.signature-hero.signature-ready .signature-scenes{animation:signature-open 1.5s cubic-bezier(.2,.75,.2,1) both}.signature-hero.signature-ready .signature-copy{animation:signature-copy-in 1.1s ease both}.signature-hero.is-still .signature-scene img{transition:none;transform:none}.signature-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes signature-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes signature-open{from{clip-path:polygon(42% 0,44% 0,4% 100%,2% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes signature-copy-in{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}
html[dir=rtl] .signature-copy{margin-left:0;margin-right:53%;padding-left:7%;padding-right:3%;text-align:right}html[dir=rtl] .signature-copy h1{letter-spacing:0}html[dir=rtl] .signature-top,html[dir=rtl] .signature-bottom{direction:ltr}html[dir=rtl] .signature-controls,html[dir=rtl] .signature-kicker{direction:rtl}
@media(min-width:1600px){.signature-scenes{inset-inline-start:47%}.signature-copy{width:49%}}
@media(max-width:1000px){.signature-copy{padding-left:5%;width:49%}.signature-copy h1{font-size:clamp(48px,6.8vw,76px)}.signature-controls{width:65%}.signature-tab{gap:8px}.signature-top{font-size:9px}.signature-caption{bottom:145px}}
@media(max-width:700px){.signature-hero{min-height:790px;height:calc(100svh - 76px);max-height:1050px}.signature-scenes{inset:0 0 0 0;height:57%}.signature-scene img{object-position:50% 92%}.signature-scenes:after{background:linear-gradient(0deg,#121421,transparent 45%)}.signature-seam{display:none}.signature-top{inset:20px 5% auto;font-size:8px;letter-spacing:.12em}.signature-top span:first-child{max-width:130px}.signature-copy{position:absolute;top:46%;width:100%;padding:16px 6% 120px}.signature-kicker{margin-bottom:14px;font-size:9px}.signature-copy h1{font-size:clamp(44px,11vw,64px);line-height:1.04}.signature-copy h1 span,.signature-copy h1 em{display:inline}.signature-copy h1 em:before{content:" "}.signature-copy>p{font-size:12px;max-width:280px;margin-top:16px;line-height:1.65}.signature-copy .signature-cta{margin-top:20px;padding-bottom:10px;font-size:12px}.signature-watermark{left:auto;right:-8%;top:47%;width:60%;height:36%;opacity:.04}.signature-mark{top:12%;right:6%;width:36px;height:40px}.signature-caption{right:6%;top:39%;bottom:auto;gap:7px}.signature-caption strong{font-size:10px}.signature-caption span{font-size:9px}.signature-bottom{inset:auto 6% 20px;flex-wrap:wrap;gap:12px}.signature-controls{width:100%;gap:16px;order:0}.signature-tab{padding-top:12px;font-size:10px!important}.signature-hero #motion-toggle{font-size:10px;padding:3px 0;order:1}.signature-counter{order:2;font-size:10px}.signature-scenes{touch-action:pan-y}html[dir=rtl] .signature-copy{margin:0;padding:16px 6% 120px}}
@media(prefers-reduced-motion:reduce){.signature-hero *, .signature-hero *:after{animation:none!important;transition:none!important}.signature-scene img{transform:none!important}}

.signature-intro{position:absolute;z-index:5;left:72%;top:37%;width:150px;height:165px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;color:#f6f4ef}.signature-intro svg{width:100%;height:100%}.signature-intro path{fill:transparent;stroke:currentColor;stroke-width:.65;stroke-dasharray:1;stroke-dashoffset:1}.signature-ready .signature-intro{animation:signature-intro-fade 1.9s ease both}.signature-ready .signature-intro path{animation:signature-draw 1.2s ease both}@keyframes signature-intro-fade{0%{opacity:0}15%,60%{opacity:1}100%{opacity:0}}@media(max-width:700px){.signature-intro{left:50%;top:24%;width:100px;height:110px}}@media(prefers-reduced-motion:reduce){.signature-intro{display:none}}

.signature-counter{margin-inline-start:auto}
.signature-controls[hidden],.signature-counter[hidden],.signature-caption[hidden]{display:none}.signature-controls{overflow-x:auto;max-width:calc(100% - 80px);scrollbar-width:thin}.signature-tab{min-width:90px;flex:0 0 auto;padding-inline-end:12px}.signature-tab:disabled{opacity:.25;cursor:default}.signature-hero.is-empty .signature-scenes,.signature-hero.is-empty .signature-caption,.signature-hero.is-empty .signature-bottom,.signature-hero.is-empty .signature-seam,.signature-hero.is-empty .signature-intro{display:none}.signature-hero.is-empty .signature-copy{width:min(850px,100%)}