/* All Marinas signature finish — scroll-driven, no automatic motion. */
.signature{position:relative;height:540svh;background:#041726;color:#fff;isolation:isolate;scroll-margin-top:0}
.signature-stage{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;background:#041726}
.signature-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#153444,#041726 75%)}
.signature-media canvas,.signature-media>img{position:absolute;width:100%;height:100%;object-fit:contain}
.signature-media canvas{opacity:0;transition:opacity .3s}.signature.is-ready canvas{opacity:1}.signature.is-ready .signature-poster{opacity:0}
.signature-shade{position:absolute;inset:0;background:linear-gradient(180deg,#041726e8 0%,#04172675 17%,transparent 35%,transparent 65%,#041726da 100%);pointer-events:none}
.signature-heading{position:absolute;left:5%;right:5%;top:35px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}
.signature-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#c1e3e9}
.signature-skip{font-size:11px;border-bottom:1px solid #a0c8d1;padding:9px 0;white-space:nowrap}
.signature-copy{position:absolute;left:5%;top:112px;max-width:450px;pointer-events:none}
.signature-copy [data-signature-title]{font-size:clamp(44px,5vw,76px);line-height:1.03;margin:0 0 18px;letter-spacing:-1px;text-shadow:0 2px 30px #04172680}
.signature-copy p{font-size:13px;color:#deedf0;max-width:300px;margin:0;line-height:1.7;text-shadow:0 1px 12px #041726}
.signature[data-chapter="2"] .signature-copy,.signature[data-chapter="3"] .signature-copy{top:100px;max-width:410px}
.signature[data-chapter="3"] .signature-copy [data-signature-title]{font-size:clamp(34px,4vw,54px)}
.signature-bottom{position:absolute;bottom:27px;left:5%;right:5%;z-index:3}
.signature-chapters{display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:16px;gap:15px}
.signature-chapters button{background:none;border:0;color:#94aab6;padding:8px 0;cursor:pointer;font:500 10px 'DM Sans',sans-serif;letter-spacing:1.5px;text-align:left}
.signature-chapters button[aria-current="step"]{color:#fff}.signature-chapters b{color:#42d0df;margin-right:8px;font-weight:400}
.signature-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px;font-size:10px;letter-spacing:1.5px;color:#c6d8e1}
.signature-track{height:2px;background:#ffffff26;margin-top:16px}.signature-progress{height:100%;width:100%;background:#25c4d6;transform:scaleX(0);transform-origin:left;will-change:transform}
.signature-cta{position:absolute;right:5%;top:115px;z-index:4;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s}
.signature[data-chapter="3"] .signature-cta{visibility:visible;opacity:1;pointer-events:auto}.signature-cta a{display:block;margin-bottom:12px;text-align:center}.signature-cta .btn{padding:16px 23px}
.signature-static{display:none}.signature-status{font-size:10px;letter-spacing:1px}.signature-after{scroll-margin-top:25px}
.signature.is-static{height:auto}.signature.is-static .signature-stage{height:auto;min-height:0;position:relative;padding:65px 5% 40px}.signature.is-static .signature-media{position:relative;aspect-ratio:16/9;margin:25px 0}.signature.is-static .signature-media>img{opacity:1}.signature.is-static canvas,.signature.is-static .signature-shade,.signature.is-static .signature-chapters,.signature.is-static .signature-track{display:none}.signature.is-static .signature-heading,.signature.is-static .signature-copy,.signature.is-static .signature-cta,.signature.is-static .signature-bottom{position:static;max-width:none}.signature.is-static .signature-copy{margin-top:30px}.signature.is-static .signature-cta{visibility:visible;opacity:1;pointer-events:auto;display:flex;gap:15px;flex-wrap:wrap}.signature.is-static .signature-meta{margin:20px 0 0}
@media(max-width:800px){.signature{height:400svh}.signature-stage{min-height:560px}.signature-heading{top:23px}.signature-heading .eyebrow{font-size:8px;max-width:185px;letter-spacing:1.5px}.signature-skip{font-size:10px}.signature-copy,.signature[data-chapter="2"] .signature-copy,.signature[data-chapter="3"] .signature-copy{top:94px;left:6%;max-width:87%;}.signature-copy [data-signature-title]{font-size:47px}.signature-copy p{font-size:12px;max-width:280px}.signature[data-chapter="3"] .signature-copy [data-signature-title]{font-size:42px}.signature-media{inset:210px 0 150px}.signature-shade{background:linear-gradient(180deg,#041726 0%,transparent 13%,transparent 85%,#041726 100%)}.signature-bottom{bottom:25px;left:6%;right:6%}.signature-chapters{gap:7px}.signature-chapters button{font-size:8px;line-height:1.6;letter-spacing:.5px;flex:1}.signature-chapters b{display:block;margin-bottom:3px}.signature-meta{font-size:8px;letter-spacing:.7px}.signature-cta{top:auto;bottom:147px;right:6%;left:6%;display:flex;gap:15px;justify-content:center}.signature-cta .btn{font-size:11px;padding:12px 18px}.signature-cta .signature-skip{display:none}.signature.is-static .signature-stage{padding-top:28px}.signature.is-static .signature-media{inset:auto;margin:25px -5.5%;width:111%}}
@media(max-height:620px) and (min-width:801px){.signature-stage{min-height:420px}.signature-copy{top:85px}.signature-copy [data-signature-title]{font-size:43px}.signature-copy p{display:none}.signature-cta{top:85px}.signature-bottom{bottom:18px}.signature-heading{top:18px}}
@media(prefers-reduced-motion:reduce){.signature{height:auto}.signature-stage{position:relative;height:auto;min-height:650px}.signature-media canvas{display:none}.signature-media>img{opacity:1!important}.signature-chapters,.signature-track{display:none}.signature-copy,.signature-cta{transition:none}}

/* Refined cinematic framing: leave the wide shot and final mark unobstructed. */
.signature-copy{transition:opacity .35s ease}
.signature[data-chapter="1"] .signature-copy [data-signature-title],.signature[data-chapter="2"] .signature-copy [data-signature-title]{font-size:clamp(30px,3.2vw,48px)}
.signature[data-chapter="1"] .signature-copy p,.signature[data-chapter="2"] .signature-copy p{max-width:260px;font-size:12px}
.signature[data-chapter="3"] .signature-copy{top:92px;max-width:275px}
.signature[data-chapter="3"] .signature-copy [data-signature-title]{font-size:clamp(27px,2.6vw,37px);line-height:1.12}
.signature[data-chapter="3"] .signature-copy p{font-size:11px;letter-spacing:1.2px}
.signature[data-chapter="3"] .signature-cta{top:95px}
.signature[data-chapter="3"] .signature-shade{background:linear-gradient(180deg,#041726dd,transparent 29%,transparent 78%,#041726dd)}
@media(max-width:800px){
.signature[data-chapter="1"] .signature-copy [data-signature-title],.signature[data-chapter="2"] .signature-copy [data-signature-title]{font-size:39px}
.signature[data-chapter="3"] .signature-copy{top:88px;max-width:87%}
.signature[data-chapter="3"] .signature-copy [data-signature-title]{font-size:34px}
.signature[data-chapter="3"] .signature-cta{top:auto;bottom:147px}
.signature[data-chapter="3"] .signature-shade{background:none}
}
@media(prefers-reduced-motion:reduce){.signature-copy{transition:none}}

/* The quote action appears only after the logo has resolved. */
.signature:not(.is-static):not(.is-complete) .signature-cta{visibility:hidden;opacity:0;pointer-events:none}

/* Keep the immersive controls within short and landscape viewports. */
.signature-nav{display:flex;position:static;flex-direction:row;align-items:center;gap:20px;font-size:11px;background:transparent;padding:0}
.signature-nav a:focus-visible,.signature-chapters button:focus-visible{outline:2px solid #42d0df;outline-offset:5px}
@media(max-width:800px){.signature-nav{gap:12px;font-size:10px}.signature-heading .eyebrow{max-width:145px}}
@media(max-height:620px){
 .signature:not(.is-static) .signature-stage{height:100svh;min-height:0}
}
@media(max-height:620px) and (max-width:800px){
 .signature:not(.is-static) .signature-copy{top:65px}
 .signature:not(.is-static) .signature-copy [data-signature-title]{font-size:30px;margin-bottom:8px}
 .signature:not(.is-static) .signature-copy p{display:none}
 .signature:not(.is-static) .signature-media{inset:145px 0 115px}
 .signature:not(.is-static) .signature-cta{top:auto;bottom:115px}
 .signature:not(.is-static) .signature-bottom{bottom:15px}
}
@media(max-height:450px){
 .signature:not(.is-static) .signature-copy{display:none}
 .signature:not(.is-static) .signature-heading{top:10px}
 .signature:not(.is-static) .signature-media{inset:45px 0 76px}
 .signature:not(.is-static) .signature-bottom{bottom:8px}
 .signature:not(.is-static) .signature-meta{margin-bottom:7px}
 .signature:not(.is-static) .signature-chapters{padding-top:4px}
 .signature:not(.is-static) .signature-chapters b{display:inline}
 .signature:not(.is-static) .signature-chapters button{padding:4px 0}
 .signature:not(.is-static) .signature-track{margin-top:6px}
 .signature:not(.is-static) .signature-cta{top:auto;bottom:85px;left:auto;right:4%}
 .signature:not(.is-static) .signature-cta .btn{padding:9px 12px;font-size:10px}
 .signature:not(.is-static) .signature-cta .signature-skip{display:none}
}

body.signature-active .sticky-call{visibility:hidden;pointer-events:none}

.signature-copy [data-signature-title]{font-family:Italiana,Georgia,serif;font-weight:400}