.signature-gateway{--signature-image:url('assets/hospitality-hero.webp');isolation:isolate;overflow:hidden;background:#06182a}
.signature-gateway:before{content:"";position:absolute;inset:-2%;z-index:-2;background-image:linear-gradient(90deg,rgba(3,15,27,.78) 0%,rgba(4,22,37,.45) 52%,rgba(4,22,37,.12) 100%),var(--signature-image);background-position:center;background-size:cover;filter:brightness(1.24) saturate(1.07);transform:scale(1.025);animation:signatureDrift 16s ease-in-out infinite alternate;transition:filter .45s ease,opacity .45s ease}
.signature-gateway[data-active="projects"]{--signature-image:url('assets/project-hero.webp')}
.signature-gateway[data-active="care"]{--signature-image:url('assets/care-workspace.webp')}
.signature-gateway.is-changing:before{filter:brightness(1.08) saturate(.92);opacity:.88}
.signature-orbit{position:absolute;right:-14vw;top:8vh;width:min(62vw,820px);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:-1}
.signature-orbit:before,.signature-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(110,179,73,.23)}
.signature-orbit:before{inset:13%}.signature-orbit:after{inset:30%;background:radial-gradient(circle,rgba(110,179,73,.1),transparent 68%)}
.signature-orbit{animation:signatureOrbit 24s linear infinite}
.signature-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(290px,.66fr);gap:clamp(44px,7vw,108px);align-items:end;width:100%}
.signature-copy{max-width:790px}
.signature-gateway .hero-inner{padding-bottom:130px}
.signature-gateway .sub{min-height:3.3em;transition:opacity .22s ease,transform .22s ease}
.signature-gateway.is-changing .sub{opacity:.25;transform:translateY(8px)}
.signature-proof{margin:24px 0 0;color:#aebbc5;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.signature-paths{display:grid;border-top:1px solid rgba(255,255,255,.25)}
.signature-path{appearance:none;width:100%;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:20px 4px;text-align:left;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);cursor:pointer;transition:padding .25s ease,background .25s ease}
.signature-path span{grid-row:1/3;color:#78bd51;font:400 20px/1 Georgia,serif}
.signature-path strong{font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.signature-path small{color:#b9c5ce;font-size:11px;letter-spacing:.05em}
.signature-path:hover,.signature-path.active{padding-left:16px;background:linear-gradient(90deg,rgba(110,179,73,.18),transparent)}
.signature-path.active strong{color:#8dcb68}
.signature-path:focus-visible{outline:3px solid #fff;outline-offset:4px}
.signature-scroll{position:absolute;z-index:2;left:50%;bottom:22px;display:grid;place-items:center;gap:7px;color:#c9d3da;text-decoration:none;transform:translateX(-50%);font-size:9px;letter-spacing:.18em}
.signature-scroll i{display:block;width:1px;height:25px;background:linear-gradient(#6eb349,transparent);animation:signaturePulse 1.8s ease-in-out infinite}
@keyframes signaturePulse{50%{transform:scaleY(.45);transform-origin:top;opacity:.55}}
@keyframes signatureDrift{
0%{transform:scale(1.025) translate3d(-.45%,0,0)}
100%{transform:scale(1.075) translate3d(.65%,-.35%,0)}
}
@keyframes signatureOrbit{to{transform:rotate(360deg)}}
@media(max-width:900px){
.signature-gateway{min-height:auto}
.signature-layout{grid-template-columns:1fr;gap:42px;align-items:start}
.signature-gateway .hero-inner{padding-top:135px;padding-bottom:105px}
.signature-gateway .sub{min-height:0}
.signature-paths{max-width:680px}
.signature-path{padding:15px 4px}
.signature-scroll{display:none}
.signature-orbit{width:105vw;right:-55vw;top:12vh}
}
@media(max-width:560px){
.signature-gateway:before{background-image:linear-gradient(180deg,rgba(3,15,27,.55) 0%,rgba(4,22,37,.62) 58%,rgba(4,22,37,.7) 100%),var(--signature-image);filter:brightness(1.25) saturate(1.07)}
.signature-gateway .hero-inner{padding-top:122px}
.signature-proof{line-height:1.6}
.signature-path{grid-template-columns:36px 1fr}
}
@media(prefers-reduced-motion:reduce){
.signature-gateway:before,.signature-gateway .sub,.signature-path{transition:none;animation:none}
.signature-orbit{animation:none}
.signature-scroll i{animation:none}
}