/* Refinement of the original Signature direction: light, gold, glass and the script signature. */
html{scroll-padding-top:24px}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #E8D5B0;outline-offset:5px}
.signature-page-progress{position:fixed;inset:0 0 auto;height:2px;z-index:180;background:linear-gradient(90deg,#8d6a38,#E8D5B0);transform:scaleX(0);transform-origin:left;pointer-events:none}
header nav a{transition:background .35s,color .35s,box-shadow .35s}
header nav a[aria-current=location]{background:rgba(232,213,176,.12)!important;box-shadow:inset 0 0 0 1px #e8d5b022;color:#E8D5B0!important}
.signature-hero-rail{position:absolute;z-index:8;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:22px;border-top:1px solid #e8d5b01c;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:#b2a48d}
.signature-hero-rail a{color:inherit;display:flex;align-items:center;gap:16px}
.signature-hero-rail a>span{display:inline-block;animation:signature-discover 2.8s ease-in-out infinite;color:#E8D5B0}
.signature-hero-rail button{font:inherit;text-transform:inherit;letter-spacing:inherit;background:none;border:0;padding:0;color:inherit;cursor:pointer;display:flex;gap:10px;align-items:center;min-height:22px}
.signature-hero-rail button:hover{color:#F3ECE0}.signature-motion-icon{font-size:13px;min-width:12px}
@keyframes signature-discover{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(3px);opacity:1}}
[data-magnetic]{position:relative;isolation:isolate}
[data-magnetic]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#fff3 45%,transparent 70%);background-size:250% 100%;background-position:130% 0;opacity:0;pointer-events:none;transition:background-position .9s cubic-bezier(.2,.7,.2,1),opacity .3s}
[data-magnetic]:hover::after,[data-magnetic]:focus-visible::after{background-position:-30% 0;opacity:1}
#films button:focus-visible img,#films button:hover img{transform:scale(1.045)!important;filter:saturate(.95) brightness(.9)!important}
#films button>span:last-child>span:last-child{transition:background .35s,transform .5s}
#films button:hover>span:last-child>span:last-child{background:#c9a96e66;transform:rotate(-6deg)}
#enquire input,#enquire select{transition:border-color .25s,background .25s}
#enquire input:focus,#enquire select:focus{border-color:#C9A96E!important;background:#f3ece00d!important}
[data-motion=paused] .signature-hero-rail a>span{animation-play-state:paused}
@media(max-width:959px){
 #top{min-height:820px!important}.signature-hero-copy{padding-top:120px!important}
 .signature-hero-copy>div:first-child{justify-content:flex-start!important;padding-top:12px}
 .signature-hero-copy>div:last-child{gap:16px!important}.signature-hero-copy p{font-size:13px!important;max-width:360px!important}
 .signature-hero-copy [data-hero-fade]:first-child{font-size:9px!important;letter-spacing:.18em!important}
 .signature-hero-copy [data-magnetic]{font-size:9px!important;letter-spacing:.13em!important}
 .signature-hero-rail{font-size:8px;letter-spacing:.13em;bottom:17px}
 #films{height:auto!important;padding:28px 0 64px}
 #films>div{position:relative!important;height:auto!important;overflow:visible!important}
 .signature-film-track{width:100%!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;transform:none!important;padding-bottom:18px!important;scrollbar-width:thin;scrollbar-color:#C9A96E44 transparent}
 #films button,.signature-film-track>a{height:min(58svh,490px)!important;scroll-snap-align:start}
}
@media(max-width:420px){.signature-hero-copy h1{font-size:clamp(43px,11.7vw,49px)!important}.signature-hero-copy h1>span:nth-child(2){padding-left:5vw!important}.signature-hero-copy>div:last-child>div{gap:8px!important}.signature-hero-copy [data-magnetic]{letter-spacing:.07em!important}.signature-hero-copy [data-magnetic]>span{width:30px!important;height:30px!important}.signature-hero-copy a[href='#films']{padding-right:13px!important}.signature-hero-copy a[href='#enquire']{padding-left:16px!important}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #story{height:100svh!important;min-height:700px}#story>div>div:first-child{clip-path:none!important}#story>div>div:first-child>div:first-child{transform:none!important}#story>div>div:last-child{opacity:1!important;transform:none!important}#story>div>div:nth-child(2){justify-content:flex-start!important;padding-top:100px}
 #films{height:auto!important;padding-block:36px}#films>div{position:relative!important;height:auto!important}.signature-film-track{width:100%!important;overflow-x:auto;transform:none!important}
}
