:root{--navy:#06131d;--deep:#020a10;--blue:#0d4058;--cyan:#63dbe4;--ice:#e7f6f5;--muted:#8aa2ad;--orange:#ff6846;--line:rgba(174,223,227,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ice);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;position:absolute;width:100%;z-index:10;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:10px;font-family:Oswald,sans-serif;letter-spacing:1.5px;font-size:18px}.brand b{color:var(--cyan)}.brand-mark{font-size:18px;color:var(--cyan);transform:rotate(-13deg)}nav{display:flex;gap:38px;font-size:13px;font-weight:600}nav a{color:#b8cbd0;transition:.2s}nav a:hover{color:white}.header-cta{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.header-cta span{margin-left:12px;color:var(--cyan)}
.hero{min-height:760px;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 48%,#0b5b73 0,#08364b 25%,#061923 56%,#030b11 82%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,12,.9) 0,transparent 60%),linear-gradient(0deg,#020a10 0,transparent 30%);pointer-events:none}.hero-water{position:absolute;inset:0;opacity:.25;background-image:repeating-radial-gradient(ellipse at 70% 10%,transparent 0,transparent 35px,rgba(120,225,234,.16) 38px,transparent 41px);transform:scale(1.5)}.hero-copy{position:absolute;z-index:2;left:9vw;top:27%;max-width:680px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:700;color:var(--cyan)}.eyebrow span{display:inline-block;width:30px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:12px}.hero h1,.intro h2,.section-heading h2,.schedule h2,.ticket-copy h2{font-family:Oswald,sans-serif;font-size:clamp(68px,8.8vw,138px);line-height:.83;letter-spacing:-3px;margin:32px 0;text-transform:uppercase}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(220,249,249,.65)}.hero-description{max-width:470px;color:#adc1c7;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:35px}.btn{border:0;display:flex;align-items:center;justify-content:space-between;min-width:190px;padding:18px 22px;text-transform:uppercase;letter-spacing:1.3px;font-size:11px;font-weight:700;cursor:pointer}.btn-primary{background:var(--orange);color:white}.btn-primary:hover{background:#ff8063}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:1px}.play{display:inline-flex;width:35px;height:35px;border:1px solid #56737d;border-radius:50%;align-items:center;justify-content:center;font-size:9px;margin-right:10px}.hero-stat{position:absolute;right:5vw;top:24%;z-index:2;border-left:1px solid #70ccd2;padding-left:16px;display:flex;gap:13px}.hero-stat>span{font-family:Oswald;font-size:36px;color:var(--cyan)}.hero-stat p{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1px;color:#8eabb4}.hero-stat strong{color:white}.scroll-note{position:absolute;z-index:3;right:5vw;bottom:45px;font-size:9px;letter-spacing:2px;color:#8ea7af}.scroll-note span{margin-left:16px;color:var(--cyan)}
.shark-scene{position:absolute;width:51vw;height:25vw;right:-4vw;top:42%;z-index:1;filter:drop-shadow(0 25px 30px #01070a);transform:rotate(-4deg)}.shark-body{position:absolute;width:82%;height:58%;right:0;top:15%;background:linear-gradient(165deg,#547888 0,#243f4b 42%,#07141c 74%);border-radius:65% 25% 38% 58%/55% 38% 55% 45%;clip-path:polygon(0 30%,16% 12%,73% 2%,100% 32%,83% 68%,56% 90%,24% 82%,5% 57%)}.shark-body:after{content:"";position:absolute;right:4%;top:32%;width:20%;height:22%;background:#061017;clip-path:polygon(0 0,100% 45%,0 100%,20% 50%)}.eye{position:absolute;right:26%;top:27%;width:8px;height:8px;background:#d4fbfb;border-radius:50%;box-shadow:0 0 12px #8eeef3}.gill{position:absolute;right:35%;top:35%;height:40%;width:3px;background:#132a34;transform:rotate(-12deg);box-shadow:9px 0 #132a34,18px 0 #132a34}.tail{position:absolute;left:-2%;top:17%;width:32%;height:65%;background:#193440;clip-path:polygon(82% 42%,16% 0,33% 47%,0 82%,81% 61%,100% 50%)}.fin{position:absolute;left:48%;top:-8%;width:20%;height:38%;background:#304f5c;clip-path:polygon(10% 100%,70% 0,100% 100%)}
.hero{background-image:url('../assets/hero/shark-cinema-hero.webp');background-size:cover;background-position:center;background-repeat:no-repeat}.hero-water,.shark-scene{display:none}.hero:after{background:linear-gradient(90deg,rgba(2,8,12,.96) 0,rgba(2,8,12,.68) 38%,rgba(2,8,12,.08) 68%),linear-gradient(0deg,#020a10 0,transparent 32%)}
.intro,.films,.schedule,.tickets{padding:110px 9vw}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;background:#eef7f5;color:#07131b}.intro h2{font-size:clamp(54px,7vw,100px);margin:0}.intro h2 span,.ticket-copy h2 span{color:var(--orange)}.intro>div>p{color:#52646a;max-width:570px;line-height:1.8}.films{background:#07151e}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-heading h2,.schedule h2,.ticket-copy h2{font-size:clamp(48px,6vw,84px);margin:15px 0 0;letter-spacing:-1px}.line-control{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:2px;color:#76909a}.line-control span{width:80px;height:1px;background:#38505a}.film-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.film-card{cursor:pointer;transition:.3s}.film-card:hover,.film-card:focus{transform:translateY(-9px);outline:none}.poster{height:420px;position:relative;overflow:hidden;padding:25px;background-color:#0c2936}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,8,12,.9),transparent 65%)}.poster-number{position:absolute;right:18px;top:18px;font-family:Oswald;font-size:12px;color:rgba(255,255,255,.55)}.poster p{position:absolute;z-index:2;bottom:20px;left:22px;font-family:Oswald;font-size:24px;line-height:1.1;letter-spacing:1px}.poster-one{background:linear-gradient(#34aec0,#07324a 57%,#02090d)}.poster-fin{position:absolute;width:65%;height:50%;top:22%;left:21%;background:#061820;clip-path:polygon(0 78%,35% 60%,58% 0,66% 58%,100% 80%,65% 77%,30% 100%)}.poster-two{background:linear-gradient(#8be2e2 0 43%,#06364a 44%,#02080d)}.poster-jaws{position:absolute;left:18%;top:27%;font-size:260px;font-family:serif;color:#061016;line-height:1;transform:scaleX(1.4);text-shadow:0 0 30px #001}.poster-two p{color:#ff6c4d}.poster-three{background:linear-gradient(#df9b47,#3b5360 35%,#061821 70%,#010609)}.rig{position:absolute;left:34%;top:5%;font-size:150px;color:#10191b}.poster-four{background:linear-gradient(#3f839d,#0c3a4d 35%,#041118 70%)}.plane{position:absolute;left:20%;top:23%;font-size:100px;color:#182a31;transform:rotate(25deg)}.film-info{padding:18px 3px}.film-info p,.film-info span{font-size:10px;color:#6e8b96;text-transform:uppercase;letter-spacing:1px}.film-info h3{font-family:Oswald;margin:7px 0;font-size:20px;letter-spacing:.5px}
.poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease,filter .45s ease}.film-card:hover .poster>img,.film-card:focus .poster>img{transform:scale(1.04);filter:saturate(1.08)}.poster:after{z-index:1;background:linear-gradient(0deg,rgba(1,8,12,.94) 0,rgba(1,8,12,.35) 38%,transparent 68%)}.poster-number{z-index:2;padding:5px 8px;background:rgba(2,10,16,.72);color:#fff}.poster p{text-shadow:0 2px 12px #000}.poster-two p{color:#ff8063}
.schedule{background:#e8f2f1;color:#07131b;display:grid;grid-template-columns:minmax(260px,.7fr) 2fr;gap:6vw;align-items:start}.schedule-heading{position:sticky;top:35px}.schedule-note{max-width:330px;color:#657b81;line-height:1.7}.schedule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.schedule-list button{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:18px 0;background:none;border:0;border-bottom:1px solid #bdcccd;text-align:left;cursor:pointer;color:#0a1b23}.schedule-list button:hover strong,.schedule-list button:hover i{color:var(--orange)}.schedule-list span{font-family:Oswald;font-size:21px}.schedule-list strong{font-family:Oswald;font-size:15px;line-height:1.25}.schedule-list strong em{display:inline;font-family:'DM Sans',sans-serif;font-size:8px;font-style:normal;color:#7d8e92;letter-spacing:1px}.schedule-list small{display:none;color:#748589}.schedule-list i{font-style:normal}
.tickets{display:grid;grid-template-columns:1fr 430px;gap:10vw;background:radial-gradient(circle at 15% 90%,#10435a,#06141d 48%,#030b11);align-items:center}.ticket-copy>p:not(.section-kicker){color:#89a3ad;max-width:480px;line-height:1.8}.ticket-copy ul{list-style:none;padding:0;display:flex;gap:25px;flex-wrap:wrap;color:#9bb2ba;font-size:11px}.ticket-copy li::first-letter{color:var(--cyan)}.booking-card{background:#eef7f5;color:#08151d;padding:30px;box-shadow:18px 18px 0 rgba(31,115,130,.18)}.booking-top{display:flex;justify-content:space-between;border-bottom:1px dashed #91a6aa;margin-bottom:25px}.booking-top p{font-family:Oswald;font-size:25px;margin:0 0 18px}.booking-top span{font-size:9px;color:#708388;letter-spacing:1px}.booking-card label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#657b81;margin-bottom:8px}.select-wrap select{appearance:none;width:100%;padding:15px;border:1px solid #c4d0d1;background:white;color:#10212a;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.stepper,.date-box{height:55px;display:flex;align-items:center;justify-content:space-between;border:1px solid #c4d0d1;background:white}.stepper button{width:40px;height:100%;border:0;background:none;font-size:20px;cursor:pointer}.stepper output{font-weight:700}.date-box{justify-content:center;gap:10px}.date-box b{font-family:Oswald;font-size:25px}.date-box span{font-size:8px;line-height:1.3}.price-row{display:flex;justify-content:space-between;align-items:end;margin:25px 0 18px;padding-top:20px;border-top:1px dashed #91a6aa}.price-row span{font-size:11px;text-transform:uppercase}.price-row strong{font-family:Oswald;font-size:28px}.checkout{width:100%}.secure{text-align:center!important;font-size:9px!important;color:#819296!important;margin:15px 0 0!important}footer{padding:30px 5.5vw;display:flex;align-items:center;justify-content:space-between;background:#02080c;border-top:1px solid #142731;color:#718791;font-size:9px}footer div{display:flex;gap:20px}.toast{position:fixed;right:25px;bottom:25px;background:#e9f6f4;color:#0c1a21;padding:17px 22px;z-index:20;display:flex;flex-direction:column;gap:3px;box-shadow:0 10px 40px #0008;transform:translateY(150%);transition:.35s}.toast.show{transform:translateY(0)}.toast span{font-size:11px;color:#5c6c70}
@media(max-width:900px){nav{display:none}.film-grid{grid-template-columns:repeat(2,1fr)}.schedule,.tickets,.intro{grid-template-columns:1fr}.schedule-heading{position:static}.poster{height:480px}.shark-scene{width:72vw;height:38vw;right:-22vw;top:51%}.hero-copy{left:7vw}.hero h1{font-size:74px}.tickets{gap:55px}.booking-card{max-width:500px}.intro,.films,.schedule,.tickets{padding:80px 7vw}}
@media(max-width:560px){.site-header{padding:0 20px}.header-cta{display:none}.hero{min-height:700px;background-position:62% center}.hero-copy{top:20%;left:24px;right:24px}.hero h1{font-size:56px;letter-spacing:-1px}.hero-description{font-size:14px}.hero-stat{display:none}.shark-scene{width:100vw;height:52vw;top:61%;right:-30vw}.film-grid,.schedule-list{grid-template-columns:1fr}.poster{height:490px}.section-heading{display:block}.line-control{margin-top:20px}.schedule-list button{grid-template-columns:64px 1fr 20px}.schedule-list small{display:none}.intro,.films,.schedule,.tickets{padding:65px 24px}.intro{gap:25px}.booking-card{padding:22px}.ticket-copy ul{display:block}.ticket-copy li{margin:10px 0}footer{flex-direction:column;gap:18px;text-align:center}.hero-actions{gap:20px}.text-link{font-size:10px}}

/* Legal page */
.legal-page{background:radial-gradient(circle at 85% 5%,#0d4058 0,#06131d 28%,#020a10 60%);min-height:100vh}.legal-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid rgba(255,255,255,.12)}.legal-back{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#9bb2ba;transition:.2s}.legal-back:hover{color:var(--cyan)}.legal-main{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:9vw;padding:100px 9vw 120px}.legal-title{position:sticky;top:50px;align-self:start}.legal-title h1{font-family:Oswald,sans-serif;font-size:clamp(58px,7vw,104px);line-height:.86;letter-spacing:-2px;margin:25px 0}.legal-title h1 span{color:transparent;-webkit-text-stroke:1px rgba(99,219,228,.75)}.legal-title>p:last-child{color:#718791;font-size:11px}.legal-content{max-width:760px}.legal-content section{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.legal-content h2{font-family:Oswald,sans-serif;font-size:24px;letter-spacing:.4px;margin:0 0 13px;color:#e7f6f5}.legal-content p{margin:0;color:#9bb2ba;line-height:1.8;font-size:14px}.legal-notice{padding:25px;border-left:3px solid var(--orange);background:rgba(13,64,88,.35)}.legal-notice strong{display:block;margin-bottom:10px;font-family:Oswald,sans-serif;font-size:18px;color:#fff}.legal-notice p{color:#b8cbd0}
@media(max-width:760px){.legal-header{padding:0 24px}.legal-main{grid-template-columns:1fr;padding:65px 24px 90px;gap:55px}.legal-title{position:static}.legal-back{font-size:9px}.legal-content h2{font-size:21px}}