/* Custom Arif controls: one palette, native semantics, responsive feedback. */
:root{--control-ease:cubic-bezier(.2,.8,.2,1)}
.button,.header .nav-enquire,.mobile-enquire{gap:24px;border-radius:100px;position:relative;min-height:58px;padding:8px 9px 8px 25px;justify-content:space-between;overflow:hidden;transition:background .28s var(--control-ease),color .28s,box-shadow .28s,transform .28s;isolation:isolate}
.button-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--black);color:var(--orange);width:40px;height:40px;border-radius:50%;font-size:22px;flex-shrink:0;transition:transform .35s var(--control-ease),color .25s}
.button:hover{background:var(--orange);border-color:var(--orange)}
.button:active,.nav-enquire:active,.round:active,.filters button:active{transform:scale(.97)}
.header .nav-enquire{display:inline-flex;min-height:50px;padding:6px 7px 6px 20px;gap:20px;border-color:var(--cyan)}
.header .nav-enquire .button-icon{width:34px;height:34px;background:var(--cyan);color:var(--black);font-size:20px}
.film-link{border-radius:100px;padding:6px 14px 6px 6px;border:1px solid #ffffff40;gap:11px;min-height:54px;transition:border-color .25s,background .25s}
.play{width:40px;height:40px;background:var(--cyan);color:var(--black);border:0;transition:transform .35s var(--control-ease)}
.actions{gap:14px;flex-wrap:wrap}.hero-copy{padding-right:20px}
.round{width:46px;height:46px;background:var(--black);border-color:#ffffff50;transition:background .25s,border-color .25s,transform .25s}.round:hover{background:var(--black);color:var(--white)}
.slide-dots button{width:32px;height:46px}.slide-dots button:after{border-radius:5px;background:#ffffff70;transition:background .3s,transform .3s}.slide-dots button[aria-pressed=true]:after{transform:scaleY(1.5)}
.filters{width:fit-content;max-width:100%;gap:5px;border:1px solid #ffffff40;border-radius:100px;padding:5px}.filters button{border:0;border-radius:100px;min-height:46px;padding:12px 22px;transition:background .3s,color .3s,transform .25s}.filters button.active{background:var(--cyan);color:var(--black)}
.header nav>a:not(.nav-enquire){position:relative}.header nav>a:not(.nav-enquire):after{content:'';position:absolute;bottom:4px;left:0;right:0;background:var(--cyan);height:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav>a:hover:after{transform:scaleX(1)}
.photo-card{border-radius:10px 10px 0 0}.photo-card>span>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ffffff50;border-radius:50%;flex-shrink:0;transition:background .3s,color .3s,transform .3s}.photo-card>span{gap:10px}
#enquiry-form{padding:32px;border:1px solid #ffffff40;border-radius:24px;min-width:0;align-self:start}.form-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:30px}.form-heading h3{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.2;margin:0 0 10px}.form-heading p{font-size:12px;line-height:1.6;margin:0}.form-spark{color:var(--orange);font-size:26px}.contact{gap:5vw}
form label.field{position:relative;border:1px solid #ffffff50;border-radius:12px;padding:16px 16px 8px;gap:3px;margin-bottom:18px;transition:border-color .25s,box-shadow .25s,background .25s;font-size:12px;font-weight:600;min-width:0}
.field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #15beff20}.required-note{font-size:10px;font-weight:400;color:var(--white);opacity:.65;position:absolute;right:14px;top:17px}.field input,.field textarea{border:0;padding:12px 0 8px;min-height:44px;font-size:16px;outline:none;font-weight:400;background:transparent}.field input:focus-visible,.field textarea:focus-visible{outline:none}.field input::placeholder,.field textarea::placeholder{opacity:.5}.field:has([aria-invalid=true]){border-color:var(--orange)}.field-error{color:var(--orange);font-size:11px;font-weight:400;line-height:1.5}.field-error:empty{display:none}.field-hint{font-size:10px;opacity:.7;line-height:1.6;font-weight:400;margin-bottom:5px}.form-row{gap:14px}.form-row .required-note{position:static;font-size:10px}.form-row .field{margin-bottom:18px}.service-options{border:0;margin:7px 0 24px;padding:0;min-width:0}.service-options legend{font-size:12px;font-weight:600;margin-bottom:14px}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-choices label{margin:0;position:relative;cursor:pointer;display:block}.service-choices input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.service-choices span{display:flex;gap:9px;align-items:center;min-height:55px;border:1px solid #ffffff40;border-radius:10px;padding:12px;font-size:12px;line-height:1.5;transition:border-color .25s,background .25s}.service-choices i{width:15px;height:15px;border:1px solid #ffffff70;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.service-choices input:checked+span{border-color:var(--cyan);background:#15beff12}.service-choices input:checked+span i{border-color:var(--cyan)}.service-choices input:checked+span i:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan)}.service-choices input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.form-note{text-align:center;font-size:11px;margin-bottom:0}.field input:-webkit-autofill{-webkit-text-fill-color:var(--white);box-shadow:0 0 0 1000px var(--black) inset}
.menu-lines{width:20px;height:16px;position:relative}.menu-lines:before,.menu-lines:after{content:'';height:2px;width:20px;background:var(--cyan);position:absolute;left:0;top:4px;transition:transform .3s,top .3s}.menu-lines:after{top:11px;width:14px;left:6px}.menu-toggle[aria-expanded=true] .menu-lines:before{top:8px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{top:8px;left:0;width:20px;transform:rotate(-45deg)}
dialog{border-radius:16px}dialog[open]{animation:dialog-in .3s var(--control-ease)}#close-lightbox{width:42px;height:42px;top:5px}.lightbox-bottom{min-height:65px}.hero-photo{animation:opening-photo 1.2s var(--ease) both}.hero-outgoing{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% center;pointer-events:none}.hero-caption{z-index:2}.hero-controls{gap:13px}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:0 6px 28px #fd911333;transform:translateY(-2px)}.button:hover .button-icon,.nav-enquire:hover .button-icon{transform:rotate(45deg)}.header .nav-enquire:hover{background:var(--cyan);color:var(--black)}.header .nav-enquire:hover .button-icon{background:var(--black);color:var(--cyan)}.film-link:hover{border-color:var(--cyan)}.film-link:hover .play{transform:scale(1.08)}.round:hover{border-color:var(--cyan);background:var(--cyan);color:var(--black);transform:translateY(-2px)}.filters button:not(.active):hover{background:#ffffff18}.photo-card:hover>span>span{background:var(--cyan);color:var(--black);transform:rotate(45deg)}.service-choices label:hover span{border-color:var(--cyan)}}
@media(max-width:1100px){.header .nav-enquire{display:none}#enquiry-form{padding:24px}.service-choices{grid-template-columns:1fr}}
@media(max-width:760px){.hero-copy{padding-right:6vw}.actions{gap:12px}.button{min-height:55px;padding:7px 8px 7px 20px;gap:18px}.button-icon{width:38px;height:38px}.film-link{font-size:12px;min-height:52px}.filters{border-radius:18px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px}.filters button{padding:10px 8px;border-radius:12px}.menu-toggle{border:1px solid #ffffff50;border-radius:100px;padding:11px 17px;min-height:46px;gap:14px}.header nav.open{animation:dialog-in .25s var(--control-ease)}.header nav a{padding:15px 0}.mobile-enquire{position:fixed;width:auto;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--orange);padding:6px 7px 6px 22px;min-height:54px;box-shadow:0 5px 30px #000a}.mobile-enquire .button-icon{width:38px;height:38px}#enquiry-form{padding:24px 18px;border-radius:20px}.form-heading h3{font-size:24px}.service-choices{grid-template-columns:1fr 1fr}.service-choices span{padding:11px 9px;font-size:11px}.form-row{grid-template-columns:1fr}.form-row .required-note{position:absolute;right:14px;top:17px}.contact{padding-bottom:70px}.hero-outgoing{object-position:55% center}body.modal-open .mobile-enquire{visibility:hidden}.round{min-width:46px}.field-hint{font-size:11px}}
@media(max-width:360px){.service-choices{grid-template-columns:1fr}.actions .button{font-size:12px}.form-heading{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.round:hover{transform:none}.hero-outgoing{display:none}}