:root{--abyss:#010914;--navy:#061321;--deep:#031a2d;--ocean:#063a58;--cyan:#08d8ea;--aqua:#61eff7;--white:#f5fbff;--muted:#9eb6c8;--line:rgba(94,233,244,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--abyss);color:var(--white);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}.hidden{visibility:hidden}.site{position:relative;background:var(--abyss)}
/* PRELOADER */.preloader{position:fixed;inset:0;z-index:9999;overflow:hidden;background:radial-gradient(circle at 50% -12%,#083b55 0,#04283d 31%,#021827 58%,#010914 100%);display:grid;place-items:center;transition:transform 1.1s cubic-bezier(.77,0,.18,1),opacity .8s}.caustics,.rays,.footer-caustics{position:absolute;inset:-20% -10% 35%;background:repeating-linear-gradient(103deg,transparent 0 68px,rgba(130,239,255,.055) 72px 78px,transparent 84px 155px);filter:blur(7px);animation:caustic 8s ease-in-out infinite alternate}.surface{position:absolute;top:-10px;left:-8%;width:116%;height:95px;background:linear-gradient(rgba(124,241,255,.25),transparent);filter:blur(13px);animation:surface 3.8s ease-in-out infinite}.pre-copy{text-align:center;z-index:5;transform:translateY(-2vh);padding:20px}.pre-copy>span,.dummy-copy>span{font-size:11px;letter-spacing:.38em;color:var(--aqua);font-weight:800}.pre-copy h1{font:500 clamp(48px,7vw,100px)/.9 'Playfair Display',serif;margin:24px 0 17px}.pre-copy em,.dummy-copy em{color:var(--cyan);font-weight:500}.pre-copy p{color:#b8d1dc;letter-spacing:.16em;font-size:12px;text-transform:uppercase}.pre-copy button{margin-top:25px;border:1px solid rgba(255,255,255,.34);background:rgba(2,22,37,.58);backdrop-filter:blur(14px);color:#fff;padding:16px 26px;border-radius:999px;font:700 14px 'DM Sans';cursor:pointer;transition:.3s}.pre-copy button:hover{background:var(--cyan);color:#00202b;border-color:var(--cyan);box-shadow:0 0 40px rgba(8,216,234,.3)}.pre-copy button b{margin-left:17px}.diver{position:absolute;left:50%;top:-190px;width:92px;height:180px;opacity:0;z-index:7;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));transform:translateX(-50%)}.diver .head{position:absolute;top:3px;left:34px;width:30px;height:31px;border-radius:50%;background:#073f62}.diver .mask{position:absolute;top:8px;left:51px;width:22px;height:12px;border:3px solid #16b8d6;border-radius:5px;background:#03233a}.diver .tank{position:absolute;top:29px;left:10px;width:28px;height:76px;border-radius:13px;background:#07517a;transform:rotate(8deg);border:2px solid #0a6e9b}.diver .body{position:absolute;top:28px;left:34px;width:31px;height:78px;border-radius:18px;background:#063d5f;transform:rotate(-7deg)}.diver .arm{position:absolute;top:48px;left:49px;width:58px;height:11px;border-radius:10px;background:#064b70;transform-origin:left}.a1{transform:rotate(28deg)}.a2{transform:rotate(8deg);top:60px}.diver .leg{position:absolute;top:99px;left:39px;width:14px;height:68px;border-radius:9px;background:#063d5f;transform-origin:top}.l1{transform:rotate(18deg)}.l2{transform:rotate(-18deg)}.fin{position:absolute;width:46px;height:14px;border-radius:80% 12% 12% 80%;background:#0876a4;top:155px}.f1{left:48px;transform:rotate(24deg)}.f2{left:0;transform:rotate(-19deg)}.splash-ring{position:absolute;left:50%;top:9%;width:30px;height:10px;border:2px solid rgba(142,244,255,.8);border-radius:50%;opacity:0;z-index:6;transform:translateX(-50%)}.preloader.diving .pre-copy{animation:copyout .55s forwards}.preloader.diving .diver{animation:dive 1.85s cubic-bezier(.35,.02,.46,.96) forwards}.preloader.diving .r1{animation:splashring .75s .25s ease-out forwards}.preloader.diving .r2{animation:splashring 1s .32s ease-out forwards}.preloader.diving{animation:deepflash 1.8s ease forwards}
/* GLOBAL BUBBLES */.bubble-layer{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.site-bubble{position:absolute;bottom:-60px;border:1px solid rgba(133,235,247,.26);background:radial-gradient(circle at 32% 27%,rgba(255,255,255,.32),rgba(54,205,225,.06) 40%,transparent 68%);border-radius:50%;box-shadow:inset 1px 1px 3px rgba(255,255,255,.16);animation:bubbleRise linear infinite;opacity:.6}
/* TOP BAR + HEADER */.topline{height:60px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 16px;font:600 clamp(16px,1.55vw,25px) 'Playfair Display',serif;background:linear-gradient(90deg,#08243a,#07334e,#08243a);border-top:1px solid rgba(8,216,234,.22);border-bottom:1px solid rgba(8,216,234,.18);position:relative;z-index:101}header{height:170px;padding:0 clamp(28px,4.2vw,80px);display:grid;grid-template-columns:430px 1fr 155px;align-items:center;gap:28px;position:absolute;top:60px;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(4,31,48,.82),rgba(3,26,45,.42),rgba(3,26,45,.14));border-bottom:1px solid rgba(255,255,255,.055);transition:height .35s,background .35s,top .35s,box-shadow .35s}.brand{display:flex;align-items:center;gap:28px;height:100%}.brand i{height:105px;width:2px;background:rgba(8,216,234,.75)}.temple-logo{width:165px;height:auto;object-fit:contain}.cdc-logo{width:104px;height:120px;object-fit:contain;background:#000}.topline.sticky-top{position:fixed;top:0;left:0;right:0;height:42px;font-size:15px;background:rgba(3,24,40,.96);backdrop-filter:blur(16px)}header.sticky{position:fixed;top:42px;height:90px;background:rgba(4,18,31,.94);backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(0,0,0,.28)}header.sticky .temple-logo{width:130px}header.sticky .cdc-logo{width:64px;height:70px}header.sticky .brand i{height:58px}nav{display:flex;justify-content:center;gap:clamp(15px,1.6vw,30px)}nav a{color:#dbe7ed;text-decoration:none;font-size:15px;font-weight:700;position:relative;white-space:nowrap;transition:.25s}nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--cyan);transition:.25s}nav a:hover,nav a.active{color:#fff}nav a:hover::after,nav a.active::after{right:0}.book{justify-self:end;background:var(--cyan);color:#01212d;text-decoration:none;padding:17px 27px;border-radius:10px;font-weight:800;box-shadow:0 10px 28px rgba(8,216,234,.12);transition:.25s}.book:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(8,216,234,.26)}.menu{display:none;background:none;border:0;width:44px;padding:8px}.menu span{display:block;height:2px;background:white;margin:7px 0;transition:.3s}
/* TEMP BODY */.dummy{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:280px clamp(24px,8vw,145px) 110px;background:radial-gradient(circle at 76% 18%,rgba(12,101,137,.33),transparent 35%),linear-gradient(180deg,#06364f 0,#03253b 48%,#010914 100%)}.dummy::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,19,.08),rgba(1,10,19,.38)),radial-gradient(circle at 60% 58%,transparent,rgba(0,5,12,.4) 72%)}.rays{inset:-20% 0 35%}.dummy-copy{position:relative;z-index:3;max-width:790px}.dummy-copy h2{font:500 clamp(58px,8vw,118px)/.87 'Playfair Display',serif;margin:27px 0}.dummy-copy p{max-width:650px;color:#aac1cc;font-size:17px;line-height:1.75}.dummy-line{width:95px;height:2px;background:var(--cyan);margin-top:34px}
/* FOOTER */footer{position:relative;background:linear-gradient(180deg,#061321 0,#030d1b 100%);padding:72px clamp(24px,6vw,112px) 26px;overflow:hidden;border-top:1px solid rgba(8,216,234,.12)}.footer-caustics{inset:-50% 0 50%;opacity:.45}.footer-grid{position:relative;display:grid;grid-template-columns:1.35fr .85fr .95fr 1fr 190px;gap:48px;align-items:start}.foot-brand img{width:155px;height:auto;margin:5px 0 28px}.footer-grid h4{font:700 20px 'DM Sans';margin:0 0 20px;color:#fff}.footer-grid a,.footer-grid p,.footer-grid small{display:block;color:#9db9cc;text-decoration:none;font-size:14px;line-height:1.7;margin:7px 0}.footer-grid a{transition:.25s}.footer-grid a:hover{color:var(--cyan);transform:translateX(3px)}.foot-brand>p{color:#fff;font-weight:700}.social{display:flex;gap:9px;margin-top:20px}.social b{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;font-size:13px;color:#d7eef4;background:rgba(255,255,255,.035)}.depth{border:1px solid rgba(8,216,234,.18);border-radius:22px;padding:27px 20px;background:rgba(1,9,20,.4);text-align:center}.depth>span{font-size:10px;letter-spacing:.32em;color:#44dcea}.depth strong{display:block;font:800 30px 'DM Sans';color:var(--cyan);margin:15px 0 24px}.gauge{border-top:1px solid rgba(8,216,234,.16);padding-top:18px;display:flex;flex-direction:column;align-items:center}.gauge i{width:44px;height:44px;border:2px solid rgba(8,216,234,.5);border-radius:50%;margin:5px;position:relative}.gauge i::after{content:"";position:absolute;left:50%;top:-12px;width:1px;height:66px;background:rgba(8,216,234,.35)}.footer-bottom{position:relative;margin-top:50px;padding-top:23px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#6f8ca0;font-size:12px}
@keyframes caustic{to{transform:translateX(45px) skewX(-3deg)}}@keyframes surface{50%{transform:translateY(11px) scaleX(1.04)}}@keyframes copyout{to{opacity:0;transform:translateY(25px) scale(.98)}}@keyframes dive{0%{opacity:0;top:-190px;transform:translateX(-50%) scale(.72) rotate(0)}12%{opacity:1}28%{top:7%;transform:translateX(-50%) scale(.92) rotate(5deg)}100%{opacity:.08;top:108%;transform:translateX(-50%) scale(1.6) rotate(8deg)}}@keyframes splashring{0%{opacity:0;transform:translateX(-50%) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(7)}}@keyframes deepflash{60%{background:#03283d}100%{background:#010914}}@keyframes bubbleRise{0%{transform:translate3d(0,0,0) scale(.75);opacity:0}10%{opacity:.55}55%{transform:translate3d(18px,-55vh,0) scale(1)}100%{transform:translate3d(-10px,-115vh,0) scale(1.18);opacity:0}}
@media(max-width:1250px){header{grid-template-columns:340px 1fr 130px;padding-inline:28px}.temple-logo{width:135px}.cdc-logo{width:82px;height:100px}.brand{gap:20px}.brand i{height:88px}nav{gap:14px}nav a{font-size:13px}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr)}.depth{display:none}}
@media(max-width:900px){.topline{height:44px;font-size:13px;padding:7px 12px;position:fixed;top:0;left:0;right:0}.topline.sticky-top{height:44px;font-size:13px}header,header.sticky{position:fixed;top:44px;height:84px;padding:0 18px;grid-template-columns:1fr auto auto;background:rgba(4,18,31,.92);backdrop-filter:blur(18px)}.brand{gap:12px}.brand i{height:48px}.temple-logo,header.sticky .temple-logo{width:105px}.cdc-logo,header.sticky .cdc-logo{width:48px;height:58px}.book{padding:12px 15px;font-size:12px}.menu{display:block}nav{position:fixed;top:128px;left:0;right:0;height:calc(100svh - 128px);background:radial-gradient(circle at 50% 0,rgba(6,67,91,.65),transparent 38%),linear-gradient(180deg,#061827,#010914);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:32px 27px;gap:0;transform:translateX(105%);transition:.45s cubic-bezier(.77,0,.18,1);overflow:auto}nav.open{transform:none}nav a{font:600 28px/1.15 'DM Sans';width:100%;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}nav a::after{display:none}.dummy{padding:190px 24px 80px;min-height:100svh}.dummy-copy h2{font-size:clamp(54px,15vw,82px)}.dummy-copy p{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 26px}.foot-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.pre-copy h1{font-size:clamp(48px,14vw,76px)}}
@media(max-width:520px){.book{display:none}header,header.sticky{grid-template-columns:1fr auto}.temple-logo,header.sticky .temple-logo{width:88px}.cdc-logo,header.sticky .cdc-logo{width:42px;height:52px}.brand i{height:43px}.topline,.topline.sticky-top{font-size:11px}.footer-grid{grid-template-columns:1fr}.foot-brand{grid-column:auto}.pre-copy>span{letter-spacing:.23em;font-size:9px}.pre-copy p{font-size:10px}.dummy-copy>span{letter-spacing:.2em;font-size:9px}}
/* SCROLL DEPTH METER */
.scroll-depth{position:fixed;right:24px;top:50%;transform:translateY(-42%);z-index:92;width:76px;height:360px;opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;font-family:'DM Sans',sans-serif}.scroll-depth.show{opacity:1;transform:translateY(-50%)}.depth-label{position:absolute;top:-35px;right:0;font-size:9px;letter-spacing:.28em;color:rgba(97,239,247,.72);writing-mode:vertical-rl}.depth-value{position:absolute;top:-43px;left:-2px;color:var(--cyan);font-weight:800}.depth-value b{font-size:22px}.depth-value span{font-size:10px;margin-left:2px}.depth-track{position:absolute;right:18px;top:0;width:2px;height:320px;background:linear-gradient(rgba(97,239,247,.62),rgba(8,216,234,.16));box-shadow:0 0 12px rgba(8,216,234,.18)}.depth-fill{position:absolute;left:0;top:0;width:2px;height:0;background:#79f5ff;box-shadow:0 0 12px #08d8ea}.depth-dot{position:absolute;left:50%;top:0;width:13px;height:13px;border-radius:50%;background:#dffcff;box-shadow:0 0 0 5px rgba(8,216,234,.12),0 0 18px #08d8ea;transform:translate(-50%,-50%);transition:top .08s linear}.depth-marks{position:absolute;right:32px;top:-5px;height:330px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.depth-marks span{font-size:10px;font-weight:700;color:rgba(225,248,255,.72);text-shadow:0 1px 5px #001}.scroll-depth small{position:absolute;right:-4px;bottom:-22px;font-size:7px;letter-spacing:.18em;color:rgba(97,239,247,.55);writing-mode:vertical-rl}.scroll-depth::before,.scroll-depth::after{content:"";position:absolute;right:14px;width:10px;height:1px;background:rgba(97,239,247,.45)}.scroll-depth::before{top:0}.scroll-depth::after{top:320px}
header.sticky{animation:headerDiveIn .42s cubic-bezier(.2,.8,.2,1)}@keyframes headerDiveIn{from{transform:translateY(-16px);opacity:.7}to{transform:none;opacity:1}}
@media(max-width:900px){.scroll-depth{right:7px;width:55px;height:300px;transform:translateY(-42%) scale(.86);transform-origin:right center}.scroll-depth.show{transform:translateY(-50%) scale(.86)}.depth-track{height:270px}.depth-marks{height:280px;right:29px}.depth-dot{width:11px;height:11px}.scroll-depth::after{top:270px}}
@media(max-width:520px){.scroll-depth{right:2px;transform:translateY(-42%) scale(.72)}.scroll-depth.show{transform:translateY(-50%) scale(.72)}}

/* PRELOADER V2 — dark abyss + supplied diver artwork */
.preloader{background:radial-gradient(ellipse at 50% -8%,#07364e 0,#03253a 32%,#021827 58%,#010914 100%)}
.preloader::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 25%,rgba(0,6,14,.28) 62%,rgba(0,4,10,.72) 100%);pointer-events:none}
.pre-copy{transition:filter .35s}.pre-copy h1{text-shadow:0 14px 50px rgba(0,0,0,.35)}
.diver-photo{position:absolute;z-index:8;left:50%;top:-52vh;width:min(31vw,390px);opacity:0;transform:translateX(-50%) rotate(-8deg) scale(.62);filter:drop-shadow(0 25px 35px rgba(0,0,0,.5)) saturate(.82) brightness(.7) contrast(1.1);mix-blend-mode:multiply;pointer-events:none}
.diver-photo img{display:block;width:100%;height:auto;border-radius:45%;}
.preloader.diving .diver-photo{animation:photoDive 2.15s cubic-bezier(.34,.02,.38,.98) forwards}
.impact-bubbles{position:absolute;z-index:9;left:50%;top:10%;width:20px;height:20px;opacity:0;pointer-events:none}
.impact-bubbles::before,.impact-bubbles::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border:1px solid rgba(197,249,255,.9);border-radius:50%;box-shadow:-38px 13px 0 2px rgba(197,249,255,.28),28px -5px 0 4px rgba(197,249,255,.38),53px 22px 0 0 rgba(197,249,255,.32),-63px -2px 0 5px rgba(197,249,255,.22),8px 31px 0 3px rgba(197,249,255,.35)}
.preloader.diving .impact-bubbles{animation:bubbleBurst 1.55s .34s ease-out forwards}
.preloader.diving .impact-bubbles::after{animation:bubbleScatter 1.3s .12s ease-out forwards}
@keyframes photoDive{0%{opacity:0;top:-52vh;transform:translateX(-50%) rotate(-12deg) scale(.58)}10%{opacity:1}30%{top:-3vh;transform:translateX(-50%) rotate(7deg) scale(.78)}43%{top:6%;transform:translateX(-50%) rotate(17deg) scale(.84)}55%{top:19%;transform:translateX(-50%) rotate(34deg) scale(.9)}100%{opacity:.04;top:112%;transform:translateX(-50%) rotate(76deg) scale(1.25);filter:blur(2px) brightness(.28) saturate(.55)}}
@keyframes bubbleBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-250px) scale(2.8)}}
@keyframes bubbleScatter{to{transform:translate(40px,-120px) scale(1.8);opacity:0}}
.preloader.diving .r1{animation:splashring .95s .32s ease-out forwards}.preloader.diving .r2{animation:splashring 1.25s .38s ease-out forwards}
@media(max-width:900px){.diver-photo{width:min(62vw,330px)}.pre-copy{padding-inline:28px}.pre-copy h1{font-size:clamp(46px,13vw,74px)}}
@media(max-width:520px){.diver-photo{width:min(78vw,300px)}.preloader .caustics{opacity:.7}}
/* FINAL HEADER + FOOTER POLISH */
.topline{height:62px;font-family:'Playfair Display',serif;font-size:clamp(18px,1.55vw,29px);font-weight:600;letter-spacing:.005em;word-spacing:.06em;background:linear-gradient(90deg,#07314a,#073a56,#07314a)}
header{height:96px;top:62px;grid-template-columns:390px 1fr 150px;padding:0 clamp(28px,4.2vw,80px);background:rgba(4,24,39,.78);backdrop-filter:blur(8px)}
.brand{gap:24px}.brand i{height:72px}.temple-logo{width:150px}.cdc-logo{width:72px;height:82px}
nav{gap:clamp(17px,1.55vw,31px)}nav a{font-size:17px;font-weight:800;letter-spacing:.005em}.book{padding:15px 26px;font-size:16px}
.topline.sticky-top{height:48px;font-family:'Playfair Display',serif;font-size:clamp(14px,1.05vw,18px);font-weight:600;letter-spacing:.02em;word-spacing:.08em}
header.sticky{top:48px;height:96px}.dummy{padding-top:205px}
/* Smooth single-pass diver descent; no stepped/stuck keyframes */
.preloader.diving .diver-photo{animation:photoDiveSmooth 1.95s cubic-bezier(.20,.72,.30,1) forwards;will-change:transform,opacity}
@keyframes photoDiveSmooth{0%{opacity:0;transform:translate3d(-50%,-58vh,0) rotate(-9deg) scale(.60)}8%{opacity:1}100%{opacity:.03;transform:translate3d(-50%,132vh,0) rotate(58deg) scale(1.22)}}
.preloader.diving .impact-bubbles{animation:bubbleBurst 1.5s .43s ease-out forwards}.preloader.diving .r1{animation:splashring .9s .42s ease-out forwards}.preloader.diving .r2{animation:splashring 1.15s .47s ease-out forwards}
/* Footer based on supplied reference, with depth gauge removed */
footer{padding:0 clamp(24px,10vw,190px) 28px;background:#071225}.newsletter{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;padding:34px 0 62px;border-bottom:1px solid rgba(255,255,255,.1)}.newsletter h3{font-size:30px;margin:0 0 12px}.newsletter p{margin:0;color:#91b4d8;font-size:18px}.newsletter form{display:grid;grid-template-columns:1fr 126px;gap:14px}.newsletter input{height:46px;border:1px solid rgba(151,185,220,.2);border-radius:8px;background:#18253a;color:#fff;padding:0 16px;font:500 16px 'DM Sans'}.newsletter button{border:0;border-radius:8px;background:#0797b7;color:#fff;font:800 16px 'DM Sans'}
.footer-grid{grid-template-columns:1.05fr .9fr .9fr 1.15fr;gap:72px;padding-top:62px}.foot-brand img{width:70px;margin:8px 0 34px}.foot-brand>p{color:#8eb5df;font-weight:500}.foot-brand strong{display:block;color:#00d7ee;margin-top:15px;font-size:15px}.footer-grid h4{font-size:21px}.footer-grid a,.footer-grid p,.footer-grid small{font-size:16px;color:#8eb5df}.footer-grid .cyan{color:#00d7ee}.social b{background:#17253a}.footer-bottom{font-size:15px;color:#8eb5df;margin-top:44px;padding-top:34px}
@media(max-width:1050px){header{grid-template-columns:270px 1fr 125px;padding-inline:22px}.temple-logo{width:112px}.cdc-logo{width:60px;height:70px}.brand{gap:16px}.brand i{height:58px}nav{gap:13px}nav a{font-size:14px}.book{font-size:14px;padding:13px 18px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px}.newsletter{grid-template-columns:1fr}.dummy{padding-top:190px}}
@media(max-width:760px){.topline{height:52px;font-size:15px;line-height:1.15;padding-inline:42px}.topline.sticky-top{height:44px;font-size:12px;letter-spacing:.01em;word-spacing:.03em}header,header.sticky{height:78px;padding:0 16px;grid-template-columns:1fr auto;top:52px}header.sticky{top:44px}.brand{gap:10px}.brand i{height:44px}.temple-logo,header.sticky .temple-logo{width:94px}.cdc-logo,header.sticky .cdc-logo{width:43px;height:52px}.book{display:none}.menu{display:block}nav a{font-size:20px;font-weight:800}.newsletter{padding-top:28px}.newsletter h3{font-size:24px}.newsletter p{font-size:15px}.newsletter form{grid-template-columns:1fr}.newsletter button{height:46px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:12px;font-size:12px}.dummy{padding-top:165px}}

/* === USER POLISH PASS 2026-09-17 === */
:root{--abyss:#030a14;--navy:#030a14;--deep:#030a14}
html,body,.site,.preloader,main,.dummy,footer{background:#030a14!important}
.preloader{background:radial-gradient(ellipse at 50% -15%,#092538 0,#051725 32%,#030a14 72%)!important}
.topline,.topline.sticky-top{background:#030a14!important;color:#fff;border-color:rgba(8,216,234,.18);font-family:'Playfair Display',serif;font-weight:600;letter-spacing:0;word-spacing:.04em}
.topline{height:50px;font-size:clamp(16px,1.32vw,24px)}
header,header.sticky{background:rgba(3,10,20,.96)!important;backdrop-filter:blur(18px);height:90px}
header{top:50px}.topline.sticky-top{height:50px;font-size:clamp(16px,1.32vw,24px)}header.sticky{top:50px}
.dummy{padding-top:190px;background:#030a14!important}.rays{opacity:.45}
footer{background:#030a14!important}.newsletter input{background:#0b1625}.social b{background:#0b1625}
.foot-brand img{width:150px!important;margin:2px 0 28px!important}
/* slower, smooth 2.8s diver pass */
.preloader.diving .diver-photo{animation:photoDivePremium 2.8s cubic-bezier(.22,.72,.22,1) forwards!important;will-change:transform,opacity}
@keyframes photoDivePremium{0%{opacity:0;transform:translate3d(-50%,-62vh,0) rotate(-8deg) scale(.58)}7%{opacity:1}48%{opacity:1;transform:translate3d(-50%,10vh,0) rotate(18deg) scale(.82)}100%{opacity:.02;transform:translate3d(-50%,138vh,0) rotate(58deg) scale(1.2)}}
/* hamburger = three bars */
.menu{height:46px;width:50px;position:relative;z-index:1004}.menu span{margin:6px 0}.menu span:nth-child(1),.menu span:nth-child(2){display:block}.menu::after{content:"";display:block;height:2px;background:#fff;margin:6px 0;transition:.35s}
.menu.active span:first-child{transform:translateY(8px) rotate(45deg)}.menu.active span:nth-child(2){opacity:0}.menu.active::after{transform:translateY(-8px) rotate(-45deg)}
@media(max-width:900px){
 .topline,.topline.sticky-top{height:42px!important;font-size:clamp(9px,2.65vw,13px)!important;line-height:1!important;padding:0 8px!important;white-space:nowrap!important;overflow:hidden;text-overflow:clip}
 header,header.sticky{top:42px!important;height:76px!important;padding:0 17px!important;background:#030a14!important;grid-template-columns:1fr auto!important}
 .brand{gap:11px}.brand i{height:50px}.temple-logo,header.sticky .temple-logo{width:118px!important}.cdc-logo,header.sticky .cdc-logo{width:45px!important;height:55px!important}
 .menu{display:block!important}.book{display:none!important}
 nav{z-index:1002;top:118px!important;left:0!important;right:0!important;width:100vw!important;height:calc(100svh - 118px)!important;padding:28px 24px 34px!important;background:radial-gradient(circle at 80% 15%,rgba(8,216,234,.09),transparent 28%),#030a14!important;transform-origin:top center;transform:perspective(900px) rotateX(-92deg)!important;opacity:0;visibility:hidden;transition:transform .58s cubic-bezier(.2,.8,.2,1),opacity .32s ease,visibility .32s!important;overflow-y:auto;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;border-top:1px solid rgba(8,216,234,.15)}
 nav.open{transform:perspective(900px) rotateX(0)!important;opacity:1;visibility:visible}
 nav::before{content:'EXPLORE THE DEEP';display:block;color:#08d8ea;font-size:9px;font-weight:800;letter-spacing:.34em;margin:4px 0 18px}
 nav a{border:0!important;padding:9px 0!important;width:auto!important;font:700 clamp(20px,5.5vw,28px)/1.08 'DM Sans'!important;letter-spacing:-.02em!important;transform:translateY(-8px);opacity:.45;transition:.35s!important}
 nav.open a{transform:none;opacity:1}nav.open a:nth-child(2){transition-delay:.04s!important}nav.open a:nth-child(3){transition-delay:.08s!important}nav.open a:nth-child(4){transition-delay:.12s!important}nav.open a:nth-child(5){transition-delay:.16s!important}nav.open a:nth-child(6){transition-delay:.20s!important}nav.open a:nth-child(7){transition-delay:.24s!important}nav.open a:nth-child(8){transition-delay:.28s!important}
 nav::after{content:'BOOK NOW  →';margin-top:18px;display:grid;place-items:center;min-height:52px;border-radius:999px;background:#08d8ea;color:#03121c;font-weight:900;font-size:15px;letter-spacing:.04em;box-shadow:0 10px 35px rgba(8,216,234,.16)}
 .dummy{padding-top:150px!important}.foot-brand img{width:165px!important}
}
@media(max-width:520px){.topline,.topline.sticky-top{font-size:10px!important}.temple-logo,header.sticky .temple-logo{width:124px!important}.cdc-logo,header.sticky .cdc-logo{width:44px!important}.foot-brand img{width:175px!important}.pre-copy h1{font-size:clamp(42px,13vw,66px)!important}}

/* FINAL MOBILE POLISH */
@keyframes photoDivePremiumSlow{0%{opacity:0;transform:translateX(-50%) translateY(-12vh) rotate(-7deg) scale(.68)}8%{opacity:1}38%{opacity:1;transform:translateX(-50%) translateY(34vh) rotate(2deg) scale(.78)}72%{opacity:.96;transform:translateX(-50%) translateY(76vh) rotate(9deg) scale(.72)}100%{opacity:0;transform:translateX(-50%) translateY(128vh) rotate(15deg) scale(.62)}}
.preloader.diving .diver-photo{animation:photoDivePremiumSlow 4.6s cubic-bezier(.18,.58,.24,1) forwards!important}
@media(max-width:760px){
 .topline,.topline.sticky-top{height:42px!important;font-size:clamp(11px,2.95vw,14px)!important;font-weight:700!important;letter-spacing:-.018em!important;word-spacing:.015em!important;padding:0 5px!important;white-space:nowrap!important}
 header,header.sticky{top:42px!important;height:76px!important}
 .menu{width:40px!important;height:40px!important;padding:8px!important;margin-right:1px}.menu span,.menu::after{height:2px!important;margin:5px 0!important}.menu.active span:first-child{transform:translateY(7px) rotate(45deg)!important}.menu.active::after{transform:translateY(-7px) rotate(-45deg)!important}
 nav{top:118px!important;height:calc(100svh - 118px)!important;padding:18px 28px 24px!important;gap:0!important;transform-origin:50% 0!important;background:radial-gradient(ellipse at 50% 0,rgba(8,216,234,.10),transparent 35%),#030a14!important}
 nav::before{font-size:8px!important;letter-spacing:.30em!important;margin:0 0 13px!important}
 nav a{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.05!important;padding:7px 0!important;font-weight:700!important}
 nav::after{min-height:44px!important;margin-top:13px!important;font-size:13px!important;border-radius:14px!important}
}
@media(max-width:520px){.topline,.topline.sticky-top{font-size:clamp(10.5px,2.78vw,12.5px)!important}.menu{width:38px!important;height:38px!important}}

/* FINAL COMPACT SCUBA MENU + TWO-POINT PRELOADER */
@keyframes diverTwoPointDive{
  0%{opacity:1;transform:translateX(-50%) translateY(-18vh) rotate(-7deg) scale(.70)}
  100%{opacity:0;transform:translateX(-50%) translateY(126vh) rotate(14deg) scale(.62)}
}
.preloader.diving .diver-photo{animation:diverTwoPointDive 4.6s cubic-bezier(.20,.60,.24,1) forwards!important;will-change:transform,opacity}
@media(max-width:760px){
 nav{padding:16px 34px 24px!important;gap:0!important;background:radial-gradient(circle at 82% 8%,rgba(8,216,234,.10),transparent 23%),linear-gradient(180deg,#04111d 0%,#030a14 58%,#020812 100%)!important;box-shadow:inset 0 1px rgba(8,216,234,.12);perspective:1000px}
 nav::before{content:'DIVE MENU  ·  TEMPLE ADVENTURES'!important;font-size:7.5px!important;letter-spacing:.27em!important;margin:2px 0 15px!important;color:#5deaf3!important;opacity:.92}
 nav a{position:relative;font-size:clamp(16px,4.15vw,19px)!important;line-height:1!important;padding:7px 0!important;font-weight:650!important;letter-spacing:-.01em!important;max-width:max-content!important;color:#dce8ee!important;transform-origin:left center!important}
 nav a::before{content:'';position:absolute;left:-16px;top:50%;width:7px;height:7px;border:1px solid rgba(8,216,234,.7);border-radius:50%;transform:translateY(-50%) scale(0);opacity:0;transition:.28s}
 nav a:hover,nav a.active{color:#fff!important;transform:translateX(7px)!important;text-shadow:0 0 18px rgba(8,216,234,.25)}
 nav a:hover::before,nav a.active::before{transform:translateY(-50%) scale(1);opacity:1;box-shadow:0 0 12px rgba(8,216,234,.5)}
 nav.open a{animation:menuDiveIn .46s both}
 nav.open a:nth-child(2){animation-delay:.035s}nav.open a:nth-child(3){animation-delay:.07s}nav.open a:nth-child(4){animation-delay:.105s}nav.open a:nth-child(5){animation-delay:.14s}nav.open a:nth-child(6){animation-delay:.175s}nav.open a:nth-child(7){animation-delay:.21s}nav.open a:nth-child(8){animation-delay:.245s}
 nav::after{width:min(230px,72vw)!important;min-height:40px!important;margin:17px 0 0!important;border-radius:999px!important;font-size:12px!important;letter-spacing:.08em!important;background:linear-gradient(90deg,#08c7dc,#18d9e8)!important;box-shadow:0 10px 30px rgba(8,216,234,.14)!important}
}
@keyframes menuDiveIn{from{opacity:0;transform:translate3d(-15px,-6px,0) rotateY(-14deg)}to{opacity:1;transform:translate3d(0,0,0) rotateY(0)}}
@media(max-width:520px){nav{padding-left:32px!important;padding-right:26px!important}nav a{font-size:17px!important;padding:6.5px 0!important}nav::after{width:210px!important;min-height:39px!important}}

/* MOBILE MENU REDESIGN — OCEAN PORTAL */
@media(max-width:760px){
 nav{padding:18px 22px 26px!important;background:radial-gradient(circle at 88% 12%,rgba(16,216,234,.08),transparent 26%),#030a14!important;gap:7px!important;align-items:stretch!important}
 nav::before{content:'OCEAN NAVIGATION   /   00m'!important;margin:0 0 10px!important;padding:0 4px 10px!important;border-bottom:1px solid rgba(98,230,240,.12);font:700 7px/1 'DM Sans'!important;letter-spacing:.25em!important;color:#63e7f0!important}
 nav a{max-width:none!important;width:100%!important;min-height:42px;display:flex!important;align-items:center;justify-content:space-between;padding:0 14px!important;border:1px solid rgba(132,193,211,.10)!important;border-radius:12px!important;background:linear-gradient(100deg,rgba(8,216,234,.045),rgba(255,255,255,.012))!important;font-size:16px!important;font-weight:650!important;color:#dce8ee!important;overflow:hidden;position:relative}
 nav a::before{content:''!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:2px!important;height:auto!important;border:0!important;border-radius:0!important;background:#10d6e7!important;transform:scaleY(0)!important;opacity:0!important;transition:.28s ease!important}
 nav a::after{content:'↘'!important;position:static!important;font-size:13px;color:#5b8290;opacity:.65;transition:.28s ease}
 nav a:hover,nav a.active{transform:translateX(0)!important;color:#fff!important;border-color:rgba(16,214,231,.28)!important;background:linear-gradient(100deg,rgba(16,214,231,.11),rgba(255,255,255,.018))!important;box-shadow:inset 0 0 28px rgba(10,207,226,.035)!important}
 nav a:hover::before,nav a.active::before{transform:scaleY(.55)!important;opacity:1!important;box-shadow:0 0 12px rgba(16,214,231,.55)!important}
 nav a:hover::after,nav a.active::after{color:#14d9e9;opacity:1;transform:translate(2px,2px)}
 nav.open a{animation:oceanPortalItem .5s cubic-bezier(.18,.8,.25,1) both}
 nav.open a:nth-child(2){animation-delay:.035s}nav.open a:nth-child(3){animation-delay:.07s}nav.open a:nth-child(4){animation-delay:.105s}nav.open a:nth-child(5){animation-delay:.14s}nav.open a:nth-child(6){animation-delay:.175s}nav.open a:nth-child(7){animation-delay:.21s}nav.open a:nth-child(8){animation-delay:.245s}
 nav::after{content:'BOOK YOUR DIVE   →'!important;width:190px!important;min-height:42px!important;margin:10px auto 0 0!important;border:1px solid rgba(16,214,231,.45)!important;border-radius:12px!important;background:rgba(8,216,234,.08)!important;color:#e9fdff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.10em!important;box-shadow:inset 0 0 25px rgba(8,216,234,.04),0 8px 25px rgba(0,0,0,.18)!important}
}
@keyframes oceanPortalItem{0%{opacity:0;transform:perspective(700px) rotateX(-18deg) translateY(-9px) scale(.985)}100%{opacity:1;transform:perspective(700px) rotateX(0) translateY(0) scale(1)}}
@media(max-width:520px){nav{padding:16px 18px 22px!important;gap:6px!important}nav a{font-size:15.5px!important;min-height:40px!important;padding:0 13px!important}nav::after{width:178px!important;min-height:40px!important}}

/* FINAL MOBILE NAV — FLAT DIVE DRAWER (YouTube-inspired, scuba identity) */
@media(max-width:760px){
  nav{
    padding:14px 18px 24px!important;
    gap:2px!important;
    background:radial-gradient(circle at 92% 4%,rgba(8,216,234,.075),transparent 25%),#030a14!important;
    align-items:stretch!important;
  }
  nav::before{
    content:'DIVE NAVIGATION  ·  00m'!important;
    margin:0 0 8px!important;
    padding:4px 10px 11px!important;
    border-bottom:1px solid rgba(130,188,204,.12)!important;
    font:800 7px/1 'DM Sans'!important;
    letter-spacing:.24em!important;
    color:#62e7f1!important;
  }
  nav a{
    width:100%!important;max-width:none!important;min-height:43px!important;
    display:grid!important;grid-template-columns:32px 1fr 18px!important;align-items:center!important;
    padding:0 11px!important;margin:0!important;border:0!important;border-radius:9px!important;
    background:transparent!important;box-shadow:none!important;
    color:#dce7ed!important;font-size:15px!important;font-weight:650!important;letter-spacing:-.012em!important;
    transform:none!important;text-shadow:none!important;overflow:visible!important;
  }
  nav a::before{
    position:static!important;width:26px!important;height:26px!important;border:0!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;background:rgba(255,255,255,.035)!important;
    color:#72dfe8!important;font:700 12px/1 'DM Sans'!important;transform:none!important;opacity:1!important;
    box-shadow:inset 0 0 0 1px rgba(114,223,232,.10)!important;transition:.25s ease!important;
  }
  nav a:nth-child(1)::before{content:'⌂'!important;font-size:15px!important}
  nav a:nth-child(2)::before{content:'◌'!important}
  nav a:nth-child(3)::before{content:'↗'!important}
  nav a:nth-child(4)::before{content:'◇'!important}
  nav a:nth-child(5)::before{content:'≋'!important;font-size:14px!important}
  nav a:nth-child(6)::before{content:'▱'!important}
  nav a:nth-child(7)::before{content:'♧'!important;font-size:14px!important}
  nav a:nth-child(8)::before{content:'i'!important;font-size:11px!important}
  nav a::after{
    content:'›'!important;position:static!important;display:block!important;color:#58727e!important;
    font:500 20px/1 'DM Sans'!important;opacity:.72!important;transform:none!important;transition:.25s ease!important;
  }
  nav a:first-child::after{content:''!important}
  nav a:hover,nav a.active{
    color:#fff!important;background:rgba(255,255,255,.065)!important;transform:none!important;box-shadow:none!important;
  }
  nav a:hover::before,nav a.active::before{
    background:rgba(8,216,234,.13)!important;color:#7ff5ff!important;box-shadow:inset 0 0 0 1px rgba(8,216,234,.22),0 0 18px rgba(8,216,234,.07)!important;
  }
  nav a:hover::after{color:#11d9e9!important;transform:translateX(2px)!important}
  nav a:nth-child(4){margin-bottom:8px!important}
  nav a:nth-child(4)::after{content:'›'!important}
  nav a:nth-child(5){position:relative!important;margin-top:8px!important}
  nav a:nth-child(5)::marker{display:none}
  nav a:nth-child(5):after{content:'›'!important}
  nav a:nth-child(5){box-shadow:0 -17px 0 -16px rgba(130,188,204,.12)!important}
  nav.open a{animation:diveDrawerItem .42s cubic-bezier(.2,.8,.2,1) both!important}
  nav.open a:nth-child(1){animation-delay:.025s!important}nav.open a:nth-child(2){animation-delay:.05s!important}
  nav.open a:nth-child(3){animation-delay:.075s!important}nav.open a:nth-child(4){animation-delay:.10s!important}
  nav.open a:nth-child(5){animation-delay:.125s!important}nav.open a:nth-child(6){animation-delay:.15s!important}
  nav.open a:nth-child(7){animation-delay:.175s!important}nav.open a:nth-child(8){animation-delay:.20s!important}
  nav::after{
    content:'BOOK YOUR DIVE   →'!important;width:176px!important;min-height:40px!important;margin:12px 0 0 8px!important;
    border:1px solid rgba(8,216,234,.32)!important;border-radius:9px!important;
    background:linear-gradient(100deg,rgba(8,216,234,.12),rgba(8,216,234,.055))!important;
    color:#eaffff!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.09em!important;
    box-shadow:none!important;
  }
}
@keyframes diveDrawerItem{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:520px){
  nav{padding:12px 15px 22px!important}
  nav a{min-height:41px!important;font-size:14.5px!important;grid-template-columns:31px 1fr 17px!important;padding:0 9px!important}
  nav a::before{width:25px!important;height:25px!important}
  nav::after{width:168px!important;min-height:39px!important;margin-left:7px!important}
}


/* FINAL MOBILE NAV POLISH + TRUE INSTANT PRELOADER EXIT */
@keyframes diverTwoPointDive{
  0%{opacity:1;transform:translateX(-50%) translateY(-18vh) rotate(-7deg) scale(.70)}
  98.8%{opacity:1;transform:translateX(-50%) translateY(124vh) rotate(13.8deg) scale(.621)}
  100%{opacity:0;transform:translateX(-50%) translateY(126vh) rotate(14deg) scale(.62)}
}
@media(max-width:760px){
  nav a{grid-template-columns:28px minmax(0,1fr) auto!important;column-gap:10px!important}
  nav a::before{width:24px!important;height:24px!important;font-size:11px!important;flex:none!important}
  nav a:nth-child(1)::before{font-size:12px!important}
  nav a::after{content:attr(data-sub)!important;display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;color:#68818d!important;font:650 9px/1 'DM Sans'!important;letter-spacing:.035em!important;white-space:nowrap!important;opacity:.82!important;transform:none!important}
  nav a:first-child::after{content:attr(data-sub)!important}
  nav a:hover::after,nav a.active::after{color:#77e8ef!important;transform:none!important}
  nav::after{content:'BOOK DIVE  ↗'!important;width:142px!important;min-height:38px!important;border-radius:999px!important;margin:12px 0 0 8px!important;background:rgba(8,216,234,.08)!important;border:1px solid rgba(8,216,234,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 8px 24px rgba(0,0,0,.16)!important;font-size:10px!important;letter-spacing:.08em!important}
}
@media(max-width:520px){
  nav a{grid-template-columns:27px minmax(0,1fr) auto!important;column-gap:9px!important}
  nav a::before{width:23px!important;height:23px!important}
  nav a::after{font-size:8px!important}
  nav::after{width:136px!important;min-height:37px!important}
}

/* FINAL V3 — mobile arrows only + preloader exits exactly with dive */
@media(max-width:760px){
  nav a::after{
    content:'›'!important;
    display:block!important;
    position:static!important;
    width:auto!important;height:auto!important;
    background:none!important;
    color:#5d7885!important;
    font:600 18px/1 'DM Sans'!important;
    letter-spacing:0!important;
    opacity:.78!important;
    transform:none!important;
  }
  nav a:first-child::after{content:'›'!important}
  nav a:hover::after,nav a.active::after{color:#10d9e9!important;transform:translateX(2px)!important}
}
/* Keep diver visible through the complete descent. Site opens at the same endpoint. */
.preloader.diving .diver-photo{animation:finalDiveNoHold 2.85s cubic-bezier(.20,.60,.24,1) forwards!important}
@keyframes finalDiveNoHold{
  0%{opacity:1;transform:translateX(-50%) translateY(-18vh) rotate(-7deg) scale(.70)}
  99%{opacity:1;transform:translateX(-50%) translateY(124vh) rotate(13.8deg) scale(.62)}
  100%{opacity:0;transform:translateX(-50%) translateY(126vh) rotate(14deg) scale(.62)}
}

/* FINAL V4 — uniform mobile menu icons + continuous no-lag diver exit */
@media(max-width:760px){
  nav a::before{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    line-height:24px!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
    flex:0 0 24px!important;
    transform:none!important;
  }
  nav a:nth-child(1)::before{content:'⌂'!important;font-size:11px!important;line-height:24px!important}
}
@media(max-width:520px){
  nav a::before{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;line-height:23px!important;flex-basis:23px!important}
  nav a:nth-child(1)::before{font-size:10.5px!important;line-height:23px!important}
}
.preloader.diving .diver-photo{
  animation:finalDiveContinuous 2.55s linear forwards!important;
  will-change:transform,opacity!important;
}
@keyframes finalDiveContinuous{
  0%{opacity:1;transform:translateX(-50%) translateY(-18vh) rotate(-7deg) scale(.70)}
  100%{opacity:1;transform:translateX(-50%) translateY(128vh) rotate(14deg) scale(.62)}
}