/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/karla-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/karla-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/karla-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/karla-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/karla-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/karla-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/marcellus-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/marcellus-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Layout: a descent from surface to deep water — sections darken as you scroll, with a depth gauge marking each one. Single brand look (navy + cream), not theme-following. */
:root{
  --navy:#020C45; --navy-2:#0A1A5E; --deep:#010726;
  --cream:#FFF3C2; --sand:#FBF6E6; --ink:#1B2140; --muted:#5A6185;
  --line:rgba(2,12,69,.14); --wa:#1FA855;
  --display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--sand);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;margin:0}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;text-wrap:balance;margin:0}
h2{font-size:clamp(2rem,4.4vw,3.1rem)}
h3{font-size:1.55rem}
p{margin:0}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.4em;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1.5px solid transparent;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.btn-cream{background:var(--cream);color:var(--navy)}
.btn-ghost{border-color:rgba(255,243,194,.55);color:var(--cream)}
.btn-navy{background:var(--navy);color:var(--cream)}
.btn-wa{background:var(--wa);color:#fff}

/* header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(2,12,69,.94);backdrop-filter:blur(8px);color:var(--cream)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo svg{width:38px;height:38px}
.logo b{font-family:var(--body);font-weight:700;letter-spacing:.16em;font-size:.82rem;line-height:1.15}
.logo small{display:block;font-weight:500;letter-spacing:.12em;font-size:.58rem;opacity:.7}
.logo{flex-shrink:0}
.logo img{height:46px;width:auto;max-width:none;display:block}
header.site .wrap{max-width:1340px}
.links{display:flex;gap:18px;list-style:none;margin:0;padding:0;font-size:.88rem;white-space:nowrap}
.links a{text-decoration:none;opacity:.85}
.links a:hover,.links a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--cream)}
.head-right{display:flex;align-items:center;gap:14px}
.hsocial{display:flex;gap:6px}
.hsocial a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,243,194,.3);transition:background .15s ease}
.hsocial a:hover{background:rgba(255,243,194,.15)}
.hsocial svg{width:15px;height:15px;fill:var(--cream)}
.burger{display:none;width:42px;height:42px;background:none;border:0;padding:9px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px}
.burger span{display:block;height:2px;width:100%;background:var(--cream);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media (max-width:1220px){
  .burger{display:flex}
  .links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;gap:0;padding:4px 20px 22px;font-size:1.05rem;border-top:1px solid rgba(255,243,194,.12);max-height:calc(100vh - 68px);overflow-y:auto}
  .links.open{display:flex}
  .links a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,243,194,.12)}
}
.logo img{height:40px}
.flogo img{height:auto;width:150px}
.foot a.flogo{opacity:1}
@media (max-width:440px){
  .logo img{height:30px}
  .hsocial{gap:4px}.hsocial a{width:29px;height:29px}
  .head-right{gap:6px}
}
@media (max-width:360px){.logo img{height:25px}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,12,69,.78) 0%,rgba(2,12,69,.4) 55%,rgba(2,12,69,.1) 100%),linear-gradient(0deg,rgba(2,12,69,.6) 0%,rgba(2,12,69,0) 45%)}
.hero .wrap{position:relative;z-index:2}
@media (max-width:820px){.hero-shade{background:linear-gradient(180deg,rgba(2,12,69,.15) 0%,rgba(2,12,69,.35) 40%,rgba(2,12,69,.88) 100%)}}

/* hero */
.hero{background:linear-gradient(90deg,rgba(2,12,69,.92) 0%,rgba(2,12,69,.72) 45%,rgba(2,12,69,.35) 100%),url("img/hero-cenote.jpg") center 35%/cover no-repeat,var(--navy);color:var(--cream);position:relative;overflow:hidden}
@media (max-width:820px){.hero{background:linear-gradient(180deg,rgba(2,12,69,.6) 0%,rgba(2,12,69,.88) 55%,var(--navy) 100%),url("img/hero-cenote.jpg") 40% top/cover no-repeat,var(--navy)}}
.dive-card{backdrop-filter:blur(6px);background:rgba(2,12,69,.55)!important}
.path img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;max-width:100%}
.greece{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,243,194,.25)}
.greece img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}
.greece .txt{padding:clamp(24px,4vw,44px);display:grid;gap:14px;align-content:center;background:rgba(1,7,38,.5)}
.greece .txt p{opacity:.85}
@media (max-width:760px){.greece{grid-template-columns:1fr}.greece img{min-height:0;aspect-ratio:4/3}}
.hero .wrap{padding-block:clamp(56px,9vw,110px) clamp(64px,9vw,120px);display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.hero h1{font-size:clamp(2.6rem,6.4vw,5rem)}
.hero h1 em{font-style:italic;color:#FFE38A}
.hero p.lead{font-size:1.12rem;max-width:34em;margin-top:22px;opacity:.88}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.caustics{position:absolute;inset:0;pointer-events:none;opacity:.35}
.dive-card{background:rgba(255,243,194,.07);border:1px solid rgba(255,243,194,.22);border-radius:18px;padding:22px;display:grid;gap:14px;position:relative}
.dive-card .row{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;border-bottom:1px dashed rgba(255,243,194,.2);padding-bottom:10px}
.dive-card .row:last-of-type{border:0;padding:0}
.dive-card .row span:last-child{font-family:var(--mono);font-size:.82rem;text-align:right}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}}

/* depth-marked sections */
section{padding-block:clamp(60px,8vw,100px)}
.sec-head{display:grid;grid-template-columns:120px 1fr;gap:24px;margin-bottom:40px}
.depth{font-family:var(--mono);font-size:.78rem;color:var(--muted);border-top:2px solid currentColor;padding-top:8px;align-self:start}
.sec-head p.sub{margin-top:14px;max-width:40em;color:var(--muted);font-size:1.05rem}
@media (max-width:640px){.sec-head{grid-template-columns:1fr;gap:12px}.depth{width:90px}}

/* intro */
.intro{background:var(--sand)}
.intro .tag{font-family:var(--display);font-style:italic;font-size:1.6rem;color:var(--hd);margin-top:22px}

/* paths */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.path{display:flex;flex-direction:column;background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.ph{aspect-ratio:4/3;max-width:100%;display:flex;align-items:flex-end;padding:14px;color:var(--cream);font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.ph.a{background:linear-gradient(160deg,#2C7DA0,#0B3B6F 60%,#04164F)}
.ph.b{background:linear-gradient(200deg,#4FB3BF,#14628A 55%,#062A5C)}
.ph.c{background:linear-gradient(170deg,#7FC8C2,#1D6F8F 50%,#0A2C66)}
.path .body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
.path p{color:var(--muted);flex:1}
.path a.more{font-weight:600;color:var(--hd);text-decoration:none}
.path a.more:hover{text-decoration:underline}
@media (max-width:900px){.paths{grid-template-columns:1fr}}

/* why */
.why{background:var(--panel)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.why-item{padding:26px 22px 8px 0;display:grid;gap:10px;min-width:0}
.why-item+.why-item{padding-left:22px;border-left:1px solid var(--line)}
.why-item h3{font-size:1.4rem;color:var(--hd)}
.why-item p{color:var(--muted);font-size:.96rem}
.licence{font-family:var(--mono);font-size:.78rem;color:var(--hd)}
@media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr}.why-item:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}.why-item+.why-item{border-left:0;padding-left:0;border-top:1px solid var(--line)}}

/* destinations — darker water */
.dests{background:var(--navy-2);color:var(--cream)}
.dests .depth,.dests .sub{color:rgba(255,243,194,.7)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid rgba(255,243,194,.35);border-radius:999px;padding:.55em 1.1em;font-size:.98rem;text-decoration:none}
.chip:hover{background:var(--cream);color:var(--navy)}
.dests .more-note{margin-top:22px;opacity:.75}

/* steps */
.how{background:var(--navy);color:var(--cream)}
.how .depth,.how .sub{color:rgba(255,243,194,.7)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s;list-style:none;margin:0;padding:0}
.steps li{border-top:1px solid rgba(255,243,194,.3);padding-top:18px;display:grid;gap:8px}
.steps li::before{counter-increment:s;content:"0" counter(s);font-family:var(--mono);font-size:.8rem;color:#FFE38A}
.steps p{opacity:.8}
@media (max-width:760px){.steps{grid-template-columns:1fr}}

/* testimonials */
.voices{background:var(--deep);color:var(--cream)}
.voices .depth{color:rgba(255,243,194,.6)}
.quotes{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}
figure{margin:0;display:grid;gap:18px;align-content:start}
blockquote{margin:0;font-family:var(--display);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.3}
figcaption{display:flex;align-items:center;gap:12px;font-size:.92rem;opacity:.85}
.av{width:40px;height:40px;border-radius:50%;background:var(--cream);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:.85rem}
@media (max-width:760px){.quotes{grid-template-columns:1fr}}

/* contact band */
.band{background:var(--deep);color:var(--cream);padding-top:0}
.band-inner{border:1px solid rgba(255,243,194,.25);border-radius:22px;padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;background:linear-gradient(135deg,rgba(28,58,140,.5),rgba(1,7,38,0))}
.band p{opacity:.85;margin-top:14px}
.contact-list{display:grid;gap:12px}
.contact-list .btn{justify-content:center}
.copyline{font-family:var(--mono);font-size:.8rem;text-align:center;opacity:.75;user-select:all}
@media (max-width:820px){.band-inner{grid-template-columns:1fr}}

/* faq */
.faq{background:var(--sand)}
.faq-list{max-width:820px;display:grid;gap:0;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:600;font-size:1.05rem;color:var(--hd);list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);font-size:1.2rem;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:12px;color:var(--muted);max-width:62ch}

/* footer */
footer{background:var(--navy);color:var(--cream);padding-block:56px 32px;font-size:.92rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.foot h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin:0 0 14px;opacity:.65}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none;opacity:.85}
.foot a:hover{opacity:1;text-decoration:underline}
.foot .tagline{font-family:var(--display);font-style:italic;font-size:1.25rem;line-height:1.35;margin:14px 0}
.social{display:flex;gap:10px;margin-top:14px}
.social a{width:36px;height:36px;border:1px solid rgba(255,243,194,.35);border-radius:50%;display:grid;place-items:center}
.social svg{width:16px;height:16px;fill:var(--cream)}
.legal{border-top:1px solid rgba(255,243,194,.15);margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8rem;opacity:.7}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot{grid-template-columns:1fr}}

.preview-note{background:#FFE38A;color:var(--navy);font-size:.82rem;text-align:center;padding:8px 16px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.hero{min-height:min(82vh,780px);display:flex;align-items:flex-end}
.hero .wrap{width:100%;grid-template-columns:minmax(0,760px)!important}
.next{background:var(--navy);color:var(--cream);padding-block:clamp(44px,6vw,72px)}
.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.next-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;display:block}
.next-txt{display:grid;gap:14px;min-width:0}
.next-txt p{opacity:.85;max-width:36em}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:6px 0 0;border-top:1px solid rgba(255,243,194,.25)}
.facts div{padding:12px 12px 0 0}
.facts div+div{padding-left:12px;border-left:1px solid rgba(255,243,194,.18)}
.facts dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.facts dd{margin:4px 0 0;font-weight:600}
@media (max-width:860px){.next-grid{grid-template-columns:1fr}}
@media (max-width:520px){.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){border-left:0;padding-left:0}}

/* ---------- inner pages ---------- */
.page-hero{position:relative;overflow:hidden;color:var(--cream);background:var(--navy);min-height:clamp(320px,52vh,520px);display:flex;align-items:flex-end}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.page-hero .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,12,69,.92) 0%,rgba(2,12,69,.45) 55%,rgba(2,12,69,.2) 100%)}
.page-hero.plain{background:radial-gradient(120% 120% at 85% 0%,var(--hue,#1C5A8C) 0%,var(--navy-2) 45%,var(--navy) 80%)}
.page-hero.plain .shade{background:none}
.page-hero .wrap{position:relative;z-index:2;width:100%;padding-block:clamp(48px,7vw,84px) clamp(36px,5vw,56px);display:grid;gap:14px}
.page-hero h1{font-size:clamp(2.4rem,5.6vw,4.4rem);max-width:16em}
.page-hero h1 em{font-style:italic;color:#FFE38A}
.page-hero .lead{font-size:1.1rem;max-width:40em;opacity:.9}
.crumbs{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.contour{position:absolute;right:-4%;top:0;height:100%;width:60%;opacity:.18;pointer-events:none}

.light{background:var(--sand)}
.light-2{background:var(--panel)}
.dark{background:var(--navy);color:var(--cream)}
.dark .depth,.dark .sub{color:rgba(255,243,194,.7)!important}
.deep{background:var(--deep);color:var(--cream)}
.deep .depth,.deep .sub{color:rgba(255,243,194,.65)!important}
.prose{max-width:66ch;display:grid;gap:16px;font-size:1.04rem}
.prose p{color:inherit}
.muted{color:var(--muted)}
.dark .muted,.deep .muted{color:rgba(255,243,194,.75)}

/* fact strip */
.factbar{background:var(--navy-2);color:var(--cream);padding-block:0}
.factbar dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}
.factbar dl>div{padding:18px 18px 18px 0;border-right:1px solid rgba(255,243,194,.15)}
.factbar dl>div+div{padding-left:18px}
.factbar dl>div:last-child{border-right:0}
.factbar dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.factbar dd{margin:4px 0 0;font-weight:600;font-size:1.02rem}
@media (max-width:560px){.factbar dl>div{border-right:0;border-bottom:1px solid rgba(255,243,194,.12);padding-left:0!important}}

/* generic grids */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card h3{color:var(--hd);font-size:1.45rem}
.card p{color:var(--muted)}
.card .more{margin-top:auto;font-weight:600;color:var(--hd);text-decoration:none;padding-top:6px}
.card .more:hover{text-decoration:underline}
.dark .card,.deep .card{background:rgba(255,243,194,.05);border-color:rgba(255,243,194,.18)}
.dark .card h3,.deep .card h3{color:var(--cream)}
.dark .card p,.deep .card p{color:rgba(255,243,194,.78)}
.dark .card .more,.deep .card .more{color:#FFE38A}
.card.soon{border-style:dashed;background:transparent}
.tag{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.3em .8em;opacity:.8}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.season{font-family:var(--mono);font-size:.78rem;color:var(--hd)}
.dark .season,.deep .season{color:#FFE38A}

/* trip card (wide) */
.trip{display:grid;grid-template-columns:1.1fr 1fr;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.trip img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}
.trip .body{padding:clamp(22px,4vw,40px);display:grid;gap:14px;align-content:center}
.trip h3{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--hd)}
.trip p{color:var(--muted)}
.trip dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line)}
.trip dl div{padding-top:10px}
.trip dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.trip dd{margin:3px 0 0;font-weight:600;color:var(--hd)}
@media (max-width:820px){.trip{grid-template-columns:1fr}.trip img{min-height:0;aspect-ratio:16/10}}

/* itinerary */
.itin{list-style:none;margin:0;padding:0;display:grid;gap:0;max-width:860px}
.itin li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.itin li:last-child{border-bottom:1px solid var(--line)}
.itin .d{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;color:var(--muted);padding-top:5px}
.itin .d b{display:block;font-family:var(--display);font-weight:400;font-size:1.6rem;letter-spacing:0;color:var(--hd);line-height:1}
.itin h3{font-size:1.35rem;color:var(--hd);margin-bottom:6px}
.itin p{color:var(--muted)}
.itin .dive{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;background:var(--navy);color:var(--cream);border-radius:999px;padding:.25em .8em}
@media (max-width:560px){.itin li{grid-template-columns:1fr;gap:6px}}

/* checklists */
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.ticks li::before{content:"";width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--navy);box-shadow:inset 0 0 0 4px #FFE38A}
.dark .ticks li::before,.deep .ticks li::before{background:#FFE38A;box-shadow:inset 0 0 0 4px var(--navy)}
.ticks.x li::before{background:transparent;border:1.5px solid var(--muted);box-shadow:none}
.ticks .price{font-family:var(--mono);font-size:.85rem;white-space:nowrap}

/* pricing */
.prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.price-card{border:1px solid rgba(255,243,194,.25);border-radius:18px;padding:clamp(22px,3vw,32px);display:grid;gap:16px;align-content:start;background:rgba(255,243,194,.04)}
.price-card.feature{background:var(--cream);color:var(--navy);border-color:var(--cream)}
.price-card h3{font-size:1.7rem}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid currentColor;padding-top:12px;opacity:.95}
.price-row span:first-child{font-size:.95rem}
.amount{font-family:var(--display);font-size:2.4rem;line-height:1;font-variant-numeric:tabular-nums}
.price-card .note{font-size:.9rem;opacity:.8}
@media (max-width:760px){.prices{grid-template-columns:1fr}}

/* conditions */
.conds{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border-top:1px solid var(--line)}
.conds>div{padding:18px 18px 18px 0;border-bottom:1px solid var(--line)}
.conds dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.conds dd{margin:6px 0 0;font-family:var(--display);font-size:1.7rem;line-height:1.1;color:var(--hd);font-variant-numeric:tabular-nums}
.conds{margin:0}
.dark .conds,.dark .conds>div{border-color:rgba(255,243,194,.18)}
.dark .conds dt{color:rgba(255,243,194,.65)}
.dark .conds dd{color:var(--cream)}

/* tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}
th{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--panel)}
tr:last-child td{border-bottom:0}
td.num{font-family:var(--mono);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}

/* dive spots & seasons */
.spots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.spots>div{padding:20px 24px 20px 0;border-bottom:1px solid var(--line);min-width:0}
.spots>div:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
.spots h3{font-size:1.35rem;color:var(--hd);margin-bottom:6px}
.spots p{color:var(--muted);font-size:.97rem}
@media (max-width:700px){.spots{grid-template-columns:1fr}.spots>div:nth-child(even){padding-left:0;border-left:0}}
.seasons{list-style:none;margin:0;padding:0;display:grid;gap:0}
.seasons li{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:16px 0;border-top:1px solid rgba(255,243,194,.18)}
.seasons li:last-child{border-bottom:1px solid rgba(255,243,194,.18)}
.seasons .when{font-family:var(--mono);font-size:.8rem;color:#FFE38A;padding-top:3px}
@media (max-width:560px){.seasons li{grid-template-columns:1fr;gap:4px}}

/* region heading on destinations hub */
.region{display:grid;grid-template-columns:240px 1fr;gap:28px;padding-block:36px;border-top:1px solid var(--line)}
.region:first-child{border-top:0;padding-top:0}
.region h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--hd)}
.region .grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media (max-width:860px){.region{grid-template-columns:1fr;gap:16px}}

/* course list */
.course{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.course:last-child{border-bottom:1px solid var(--line)}
.course h3{font-size:1.5rem;color:var(--hd)}
.course .lvl{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.course p{color:var(--muted)}
.course dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 18px;margin:12px 0 0}
.course dt{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.course dd{margin:2px 0 0;font-weight:600;color:var(--hd);font-size:.95rem}
@media (max-width:700px){.course{grid-template-columns:1fr;gap:8px}}
.callout{border-left:3px solid #E5C25A;background:var(--panel);padding:16px 20px;border-radius:0 12px 12px 0;color:var(--ink);font-size:.97rem}

/* contact page */
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.contact-cards .card{gap:6px}
.contact-cards .big{font-family:var(--display);font-size:1.6rem;color:var(--hd);word-break:break-word;user-select:all}

/* course cards */
.ccards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ccard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.ccard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cbody{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.cbody .lvl{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cbody h3{font-size:1.55rem;color:var(--hd)}
.cbody>p{color:var(--muted)}
.cbody dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:6px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.cbody dt{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cbody dd{margin:2px 0 0;font-weight:600;color:var(--hd);font-size:.95rem}
.cnote{font-size:.88rem;color:var(--ink);background:var(--panel);border-radius:10px;padding:10px 12px}
@media (max-width:760px){.ccards{grid-template-columns:1fr}}

/* about */
.founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
.fphoto{margin:0;display:grid;gap:10px}
.fphoto img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;display:block}
.fphoto figcaption{font-size:.85rem;color:var(--muted);opacity:1}
.fquote{font-family:var(--display);font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.3;color:var(--hd);margin:0 0 6px}
.sign{font-family:var(--display);font-size:1.6rem;color:var(--hd);line-height:1.2}
.sign span{font-family:var(--body);font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.founder{grid-template-columns:1fr}.fphoto img{aspect-ratio:4/5}}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery a{position:relative;display:block;border-radius:14px;overflow:hidden;text-decoration:none}
.gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s ease}
.gallery a:hover img{transform:scale(1.04)}
.gallery span{position:absolute;left:12px;bottom:10px;font-family:var(--display);font-size:1.4rem;color:var(--cream);text-shadow:0 1px 8px rgba(0,0,0,.5)}
@media (max-width:760px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* legal */
.legaltext{max-width:760px;display:grid;gap:12px}
.legaltext h2{font-size:1.5rem;color:var(--hd);margin-top:18px}
.legaltext p,.legaltext li{color:var(--ink);font-size:1rem}
.legaltext ul{margin:0;padding-left:20px;display:grid;gap:6px}

.dcard{overflow:hidden}
.dcard .cimg{margin:-24px -24px 6px;width:calc(100% + 48px);max-width:none;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .3s ease}
.dcard:hover .cimg{transform:scale(1.03)}

/* course pages: booking options */
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.opt{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:12px;min-width:0}
.opt.feature{border:2px solid var(--navy)}
.opt h3{font-size:1.7rem;color:var(--hd)}
.opt h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:12px 0 2px}
.optsub{color:var(--muted)}
.optprices{display:grid;gap:8px;color:var(--hd)}
.optprices .price-row{border-top:1px solid var(--line)}
.amount.sm{font-family:var(--body);font-size:1.05rem;font-weight:700}
.optbtn{justify-content:center;margin-top:4px}
.opt .ticks{font-size:.95rem}
@media (max-width:820px){.opts{grid-template-columns:1fr}}
.reqs .card ul{margin-top:4px}
.reqs .ticks{font-size:.95rem;color:var(--ink)}
.theory h3{font-size:1.4rem;color:var(--hd);margin-top:8px}
.policy{display:grid;gap:10px;margin-top:12px}
.policy h4{font-size:1rem;color:var(--hd);margin:10px 0 0}
.policy p{color:var(--muted);margin:0}
.policy table{min-width:420px}
.ccard>a{display:block}

/* Layout: option B's structure (framed video, photo cards, mosaic) in option C's night palette — deep navy surfaces, gold accent, high-contrast serif. */
:root{
  --navy:#020C45; --abyss:#010A33; --aegean:#E9C46A; --sea:#0B1A5C; --sand:#06103F; --white:#010A33; --ink:#E8EAF4; --muted:#A9B0CF; --line:rgba(233,196,106,.2); --cream:#FFF3C2; --wa:#1FA855; --card:#0B1A5C; --hd:#FFFFFF; --panel:#0A1655; --gold:#E9C46A;
  --display:"Bodoni Moda",Didot,Georgia,serif; --body:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15;margin:0;text-wrap:balance;color:var(--navy)}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:.01em}
h3{font-size:1.35rem}
p{margin:0}
.kicker{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--aegean)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85em 1.5em;border-radius:6px;font-weight:700;font-size:.95rem;text-decoration:none;border:1.5px solid transparent;transition:background .15s,color .15s}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--aegean)}
.btn-line{border-color:var(--navy);color:var(--navy)}.btn-line:hover{background:var(--navy);color:#fff}
.btn-white{background:#fff;color:var(--navy)}
.btn-wa{background:var(--wa);color:#fff}
:focus-visible{outline:2px solid var(--aegean);outline-offset:3px}
section{padding-block:clamp(56px,7vw,96px)}
.head{display:grid;gap:12px;max-width:720px;margin-bottom:36px}
.head.center{margin-inline:auto;text-align:center;justify-items:center}
.head p{color:var(--muted);font-size:1.05rem}

/* top bar + header */
.topbar{background:var(--navy);color:var(--cream);font-size:.82rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;flex-wrap:wrap}
.topbar .soc{display:flex;gap:4px}
.soc a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.soc a:hover{background:rgba(255,243,194,.15)}
.soc svg{width:15px;height:15px;fill:currentColor}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.logo img{height:42px;width:auto;max-width:none}
.links{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-weight:600;font-size:.92rem;white-space:nowrap}
.links a{text-decoration:none;color:var(--navy)}
.links a:hover,.links a[aria-current]{color:var(--aegean)}
.hright{display:flex;align-items:center;gap:10px}
.hright .soc{color:var(--navy)}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}
.burger span{height:2px;background:var(--navy);border-radius:2px;transition:.2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.soc{display:flex;gap:4px}
.topbar .soc{display:none}
@media (max-width:1260px){
  .burger{display:flex}
  .links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;gap:0;padding:6px 20px 20px;border-bottom:1px solid var(--line)}
  .links.open{display:flex}
  .links a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}
}
@media (max-width:520px){.hright .soc{display:none}.topbar .soc{display:flex}.logo img{height:32px}.topbar .contact span.hide{display:none}}

/* hero: framed video */
.hero{padding-block:22px 0}
.frame{position:relative;border-radius:22px;overflow:hidden;min-height:clamp(420px,72vh,700px);display:flex;align-items:flex-end;color:#fff}
.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,12,69,.78) 0%,rgba(2,12,69,.25) 50%,rgba(2,12,69,0) 75%)}
.frame .in{position:relative;z-index:2;padding:clamp(24px,5vw,56px);display:grid;gap:16px;max-width:820px}
.frame h1{color:#fff;font-size:clamp(2.3rem,5.4vw,4.2rem);text-transform:uppercase;letter-spacing:.03em}
.frame p{font-size:1.1rem;opacity:.92;max-width:38em}
.frame .kicker{color:var(--cream)}
.frame .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

/* ticket */
.ticket{margin-top:-1px;padding-block:28px}
.tk{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:var(--sea);border-radius:16px;padding:20px 24px}
.tk img{width:120px;height:90px;object-fit:cover;border-radius:10px}
.tk h3{font-size:1.4rem}
.tk dl{display:flex;flex-wrap:wrap;gap:6px 22px;margin:6px 0 0;font-size:.9rem;color:var(--muted)}
.tk dt{display:inline;font-weight:700;color:var(--navy)}
.tk dd{display:inline;margin:0 0 0 4px}
@media (max-width:760px){.tk{grid-template-columns:1fr}.tk img{width:100%;height:160px}}

/* ways */
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.way{position:relative;border-radius:16px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;color:#fff;text-decoration:none}
.way img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.way:hover img{transform:scale(1.04)}
.way::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,12,69,.9) 0%,rgba(2,12,69,.2) 60%,transparent)}
.way .t{position:relative;z-index:2;padding:24px;display:grid;gap:10px}
.way h3{color:#fff;font-size:1.6rem}
.way p{opacity:.88;font-size:.97rem}
.way .go{font-weight:700;color:var(--cream)}
@media (max-width:900px){.ways{grid-template-columns:1fr}.way{min-height:340px}}

/* why */
.why{background:var(--sand)}
.whyg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.wcard{background:#fff;border-radius:14px;padding:26px;display:grid;gap:10px;align-content:start}
.wcard svg{width:36px;height:36px;stroke:var(--aegean);fill:none;stroke-width:1.6}
.wcard p{color:var(--muted);font-size:.95rem}
.lic{font-size:.8rem;font-weight:700;color:var(--navy);letter-spacing:.04em}
@media (max-width:980px){.whyg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.whyg{grid-template-columns:1fr}}

/* destinations mosaic */
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px}
.tile{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tile:hover img{transform:scale(1.05)}
.tile span{position:absolute;left:14px;bottom:12px;font-family:var(--display);font-size:1.35rem;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.tile.big{grid-column:span 2;grid-row:span 2}
.tile.wide{grid-column:span 2}
@media (max-width:820px){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}.tile.big{grid-column:span 2}}
.center-row{display:flex;justify-content:center;margin-top:28px}

/* athens band */
.athens{position:relative;padding:0}
.athens img{width:100%;height:clamp(420px,60vh,600px);object-fit:cover}
.acard{position:absolute;right:clamp(16px,6vw,90px);top:50%;transform:translateY(-50%);background:#fff;border-radius:16px;padding:clamp(22px,3vw,36px);max-width:440px;display:grid;gap:12px;box-shadow:0 20px 50px rgba(2,12,69,.18)}
.acard p{color:var(--muted)}
@media (max-width:760px){.acard{position:relative;transform:none;right:auto;top:auto;margin:-60px 16px 0;max-width:none}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative;list-style:none;margin:0;padding:0}
.steps li{display:grid;gap:10px;padding-top:26px;border-top:2px solid var(--aegean)}
.steps .dot{width:14px;height:14px;border-radius:50%;background:var(--aegean);margin-top:-34px}
.steps p{color:var(--muted)}
@media (max-width:760px){.steps{grid-template-columns:1fr}}

/* quotes */
.quotes{background:var(--sea)}
.qg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.q{background:#fff;border-radius:16px;padding:28px;display:grid;gap:16px}
.q blockquote{margin:0;font-family:var(--display);font-size:1.3rem;line-height:1.45;color:var(--navy)}
.q .who{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--muted)}
.stars{color:#E3A92B;letter-spacing:2px}
@media (max-width:760px){.qg{grid-template-columns:1fr}}

/* contact + faq */
.cf{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:start}
.cbox{background:var(--navy);color:#fff;border-radius:18px;padding:clamp(24px,4vw,40px);display:grid;gap:14px}
.cbox h2{color:#fff}
.cbox p{opacity:.85}
.cbox .num{font-size:.9rem;opacity:.8;user-select:all}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--aegean);font-size:1.3rem;line-height:1}
details[open] summary::after{content:"−"}
details p{margin-top:10px;color:var(--muted)}
@media (max-width:860px){.cf{grid-template-columns:1fr}}

/* footer */
footer{background:var(--sand);border-top:1px solid var(--line);padding-block:56px 28px;font-size:.93rem}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.fg h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--aegean);margin:0 0 12px}
.fg ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fg a{text-decoration:none}
.fg a:hover{color:var(--aegean)}
.fg .soc{color:var(--navy);margin-top:12px}
.legal{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;color:var(--muted)}
@media (max-width:900px){.fg{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fg{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* night palette overrides */
h1,h2,h3{color:#fff}
.kicker{font-family:var(--mono);font-weight:500;color:var(--aegean)}
.btn{border-radius:2px;letter-spacing:.04em;text-transform:uppercase;font-size:.88rem}
.btn-navy{background:var(--aegean);color:var(--abyss)}.btn-navy:hover{background:var(--cream)}
.btn-line{border-color:rgba(255,255,255,.55);color:#fff}.btn-line:hover{background:transparent;border-color:var(--aegean);color:var(--aegean)}
.btn-white{background:var(--aegean);color:var(--abyss)}
.topbar{background:var(--abyss);border-bottom:1px solid var(--line)}
header{background:var(--navy);border-bottom:1px solid var(--line)}
.links a{color:#fff}.links a:hover,.links a[aria-current]{color:var(--aegean)}
.hright .soc,.soc{color:#fff}
.burger span{background:#fff}
@media (max-width:1260px){.links{background:var(--navy)}}
.logo img{height:52px}
@media (max-width:520px){.logo img{height:38px}}
.frame h1{text-transform:none;letter-spacing:0;font-size:clamp(2.6rem,5.8vw,4.8rem)}
.frame h1 em{color:var(--aegean)}
.wcard,.q{background:var(--card)}
.wcard svg{stroke:var(--aegean)}
.wcard p,.q .who{color:var(--muted)}
.q blockquote{color:#fff;font-style:italic}
.lic{color:var(--aegean)}
.steps li{border-top-color:var(--aegean)}.steps .dot{background:var(--aegean)}
.acard{background:var(--navy);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.cbox{background:var(--card)}
summary{color:#fff}summary::after{color:var(--aegean)}
footer{background:var(--navy);color:var(--ink)}
.fg a:hover{color:var(--aegean)}
/* log strip + Mexico (from option C) */
.log{padding-block:28px 0}
.log dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.log dl>div{padding:22px 20px 22px 0}
.log dl>div+div{padding-left:20px;border-left:1px solid var(--line)}
.log dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.log dd{margin:6px 0 0;font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.2rem);color:#fff}
@media (max-width:640px){.log dl{grid-template-columns:1fr}.log dl>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line)}}
.nextd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center}
.nextd img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.nextd .t{display:grid;gap:16px}
.nextd p{color:var(--muted)}
.nextd h2 em{color:var(--aegean)}
.spec{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line)}
.spec div{padding:12px 0;border-bottom:1px solid var(--line)}
.spec dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.spec dd{margin:2px 0 0;font-weight:700;color:#fff}
@media (max-width:860px){.nextd{grid-template-columns:1fr}}

/* site-wide night theme overrides for inner pages */
.ticks li::before{background:var(--gold);box-shadow:inset 0 0 0 4px var(--abyss)}
.ticks.x li::before{background:transparent;border:1.5px solid var(--muted);box-shadow:none}
.steps li::before{content:none}
.card .more,.ccard .more,.cbody .more{color:var(--gold)!important}
.season{color:var(--gold)}
.opt.feature{border-color:var(--gold)}
.btn-cream{background:var(--gold);color:var(--abyss)}
.btn-cream:hover{background:var(--cream)}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.price-card.feature h3,.price-card.feature .amount,.price-card.feature .price-row{color:var(--navy)}
.page-hero h1 em,.hero h1 em{color:var(--gold)}
.eyebrow{font-family:var(--mono)}
.dark .ticks li::before,.deep .ticks li::before{background:var(--gold);box-shadow:inset 0 0 0 4px var(--navy)}
.band-inner{background:linear-gradient(135deg,rgba(11,26,92,.9),rgba(1,10,51,.4))}
.copyline{color:var(--ink)}
.page-hero{border-bottom:1px solid var(--line)}
.legaltext a,.prose a{color:var(--gold)}
header .wrap.nav{max-width:1360px}
@media (min-width:1261px){.links{gap:16px;font-size:.86rem}.logo img{height:46px}.hright .soc a{width:28px}}
/* menu in the logo's light yellow */
.links a{color:var(--cream)}
.links a:hover,.links a[aria-current]{color:var(--gold)}
.burger span{background:var(--cream)}
.soc,.hright .soc,.topbar .soc{color:var(--cream)}
.soc svg{fill:currentColor}
.soc a:hover{color:var(--gold)}
/* DAN Europe partner band */
.dan{background:var(--sand)}
.dan-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,64px);align-items:center}
.dan-badge{display:grid;place-items:center;background:#fff;border-radius:16px;padding:28px;min-height:200px}
.dan-badge img{max-width:260px;width:100%;height:auto}
.dan-text{font-family:var(--display);font-size:2rem;color:#0B2A6B;text-align:center;line-height:1.1}
.dan-text small{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#5E6582;margin-top:8px}
.dan-t{display:grid;gap:14px}
.dan-t p{color:var(--muted)}
.dan-t h2 em{color:var(--gold)}
@media (max-width:760px){.dan-in{grid-template-columns:1fr}.dan-badge{min-height:140px}}
.dan .row{display:flex;flex-wrap:wrap;gap:12px}

.log dl{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.log dl{grid-template-columns:1fr 1fr}.log dl>div:nth-child(3){border-left:0;padding-left:0}.log dl>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.log dl{grid-template-columns:1fr}.log dl>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line)}}
.dan-badge img{max-width:170px}
/* hero: no photo behind the framed video */
section.hero{background:none!important;min-height:0;display:block}
.frame{background:var(--navy)}
section.hero{padding-block:22px 0}
section.hero>.wrap{display:block!important;padding-block:0!important;grid-template-columns:none!important;width:auto}

/* ===== Oct 22: one font (Karla) everywhere, full-width hero video in true colours ===== */
:root{--display:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,.log dd,.amount,.conds dd,.itin .d b,.fquote,.sign,.dl h3,blockquote,.q blockquote,.gallery span,.tile span,.contact-cards .big,.dan-text{font-family:var(--body)!important;font-style:normal!important}
h1,h2,h3{font-weight:700;letter-spacing:-.01em;line-height:1.15}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.3rem}
h1 em,h2 em,h3 em{font-style:normal}
.log dd{font-weight:700;font-size:clamp(1.15rem,2vw,1.5rem)}
.amount{font-weight:700}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.q blockquote,blockquote{font-weight:500;font-size:1.15rem;line-height:1.5}
.tile span,.gallery span{font-weight:700}

/* full-width hero: video edge to edge, never cropped on desktop */
section.hero.hero-full{padding:0!important;position:relative;background:var(--abyss)!important}
.hero-full .hv{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 116px);min-height:420px;overflow:hidden;background:#000}
.hero-full .hv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-full .hcopy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:clamp(28px,5vw,64px);background:linear-gradient(0deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.18) 55%,transparent 100%);padding-top:80px}
.hero-full .in{display:grid;gap:14px;max-width:640px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.hero-full h1{color:#fff;font-size:clamp(1.8rem,3.4vw,2.7rem);text-transform:none}
.hero-full h1 em{color:var(--gold)}
.hero-full .in p{font-size:1.05rem;opacity:.95}
.hero-full .kicker{color:var(--cream)}
.hero-full .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-full .btn{text-shadow:none}
@media (max-width:820px){
  .hero-full .hv{aspect-ratio:16/9;min-height:0;max-height:none}
  .hero-full .hcopy{position:static;background:var(--abyss);padding-top:24px;padding-bottom:36px}
  .hero-full .in{text-shadow:none}
}
.hero-full .wrap{padding-block:0!important;display:block!important;grid-template-columns:none!important}
.hero-full h1 em,.page-hero h1 em,h2 em{font-style:normal!important}
:root{--mono:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif}
.kicker,.eyebrow,.lab,.depth,.crumbs,.log dt,.spec dt,.factbar dt,.season,.tag{font-family:var(--body)!important;font-weight:700}

/* ===== Oct 22 (2): hero headline font, text back on the video (smaller), Athens band ===== */
.hero-full h1{font-family:"Marcellus","Trajan Pro",Georgia,serif!important;font-weight:400!important;letter-spacing:.01em;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.2}
.hero-full .in{max-width:560px;gap:10px}
.hero-full .in p{font-size:.95rem}
.hero-full .kicker{font-size:.68rem}
.hero-full .btn{padding:.7em 1.15em;font-size:.8rem}
@media (max-width:820px){
  .hero-full .hv{aspect-ratio:auto;height:min(78svh,640px);min-height:460px;max-height:none}
  .hero-full .hcopy{position:absolute;background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 60%,transparent 100%);padding-top:60px;padding-bottom:26px}
  .hero-full .in{text-shadow:0 1px 10px rgba(0,0,0,.5)}
  .hero-full h1{font-size:1.45rem}
  .hero-full .in p{font-size:.9rem}
}
/* Athens band: show more of the photo, smaller card bottom-left */
section.athens img{height:auto!important;aspect-ratio:16/9;max-height:min(82vh,760px);object-fit:cover;object-position:center 40%}
section.athens .acard{left:clamp(16px,5vw,72px);right:auto;top:auto;bottom:clamp(16px,4vw,48px);transform:none;max-width:360px;padding:clamp(18px,2.4vw,26px);gap:10px}
section.athens .acard h2{font-size:clamp(1.3rem,2.2vw,1.7rem)!important}
section.athens .acard p{font-size:.92rem}
@media (max-width:760px){
  section.athens img{aspect-ratio:4/3;max-height:none}
  section.athens .acard{position:relative;left:auto;bottom:auto;margin:-36px 16px 0;max-width:none}
}
/* section titles: small label sits above the heading, not beside it */
.sec-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:32px}
.sec-head .depth{border-top:0!important;padding-top:0!important;width:auto!important;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)!important;font-weight:700}
.sec-head .sub{margin-top:8px}
/* Athens band: full photo, then a wide text box underneath */
section.athens{padding-bottom:clamp(40px,6vw,72px)!important}
section.athens img{aspect-ratio:16/9;max-height:none!important;height:auto!important}
section.athens .acard{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  max-width:1160px!important;margin:-56px auto 0!important;width:calc(100% - 40px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:14px 32px;align-items:center;padding:clamp(20px,3vw,32px)!important}
section.athens .acard .kicker{grid-column:1/-1;margin:0}
section.athens .acard h2{margin:0}
section.athens .acard .btn{justify-self:end}
@media (max-width:900px){section.athens .acard{grid-template-columns:1fr;margin-top:-32px!important}section.athens .acard .btn{justify-self:start}}
@media (max-width:760px){section.athens img{aspect-ratio:4/3}}
/* Mexico block: smaller photo */
.nextd{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(20px,4vw,48px)!important}
.nextd img{aspect-ratio:3/2!important;max-height:340px;object-position:center 35%}
@media (max-width:860px){.nextd{grid-template-columns:1fr!important}.nextd img{aspect-ratio:16/9!important;max-height:260px}}
/* no top bar: keep social icons in the header on every screen */
@media (max-width:520px){.hright .soc{display:flex!important;gap:0}.hright .soc a{width:26px;height:26px}.hright .soc svg{width:14px;height:14px}.hright{gap:2px}}
@media (min-width:821px){.hero-full .hv{max-height:calc(100vh - 77px)}}
.hero-full h1{text-transform:uppercase!important;letter-spacing:.04em;font-size:clamp(1.35rem,2.4vw,2rem)}@media (max-width:820px){.hero-full h1{font-size:1.25rem}}
/* homepage: FAQ full width, then the contact box underneath */
.faqd .wrap{max-width:900px}
.faqd .head{margin-bottom:18px}
.ctad{padding-top:0!important}
.ctad .cbox{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px;text-align:center;max-width:900px;margin:0 auto;padding:clamp(28px,4vw,48px)}
.ctad .cbox h2,.ctad .cbox p{flex-basis:100%}
.ctad .cbox p.num{margin-top:4px}
/* WhatsApp / Email buttons: dark blue with green or yellow lettering */
.btn.btn-wa,a.btn[href^="https://wa.me"]{background:var(--navy)!important;color:#25D366!important;border:1.5px solid #25D366!important}
.btn.btn-wa:hover,a.btn[href^="https://wa.me"]:hover{background:#25D366!important;color:var(--navy)!important}
a.btn[href^="mailto:"]{background:var(--navy)!important;color:var(--gold)!important;border:1.5px solid var(--gold)!important}
a.btn[href^="mailto:"]:hover{background:var(--gold)!important;color:var(--navy)!important}
a.btn[href^="mailto:"]{border:2px solid #E9C46A!important}.btn.btn-wa,a.btn[href^="https://wa.me"]{border-width:2px!important}
/* Athens photo a little smaller, same layout */
@media (min-width:761px){section.athens img{width:min(1000px,calc(100% - 40px));margin:clamp(24px,4vw,48px) auto 0;border-radius:16px;aspect-ratio:16/9}
section.athens .acard{max-width:1000px!important;width:calc(min(1000px,100% - 40px) - 48px)}}
.hero-full h1{font-size:clamp(1.7rem,3.4vw,2.5rem)!important}.hero-full .in{max-width:760px}
/* contact page: email and phone always on one line */
.contact-cards .big{white-space:nowrap;word-break:normal!important;overflow-wrap:normal;font-size:clamp(1.05rem,1.9vw,1.35rem)!important;font-weight:700}
.contact-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (max-width:700px){.contact-cards{grid-template-columns:1fr!important}}
/* contact hero: photo in real colours, hand and orange watch visible */
/* Contact hero: background photo in real colours, title centred in the open water above the diver.
   Wide screens: the photo is shown a little smaller (top trimmed, watch visible) and blends into a soft blurred copy at the sides. */
.page-hero.real-colors{--h:clamp(610px,calc(100vh - 150px),760px);display:flex;align-items:flex-start;justify-content:center;text-align:center;height:var(--h);min-height:0;padding:0!important;isolation:isolate}
.page-hero.real-colors::before{content:"";position:absolute;inset:-40px;background:url(img/schools-clubs.jpg) center/cover no-repeat;filter:blur(26px) brightness(.8) saturate(1.05);z-index:-1}
.page-hero.real-colors>img{left:50%;right:auto;transform:translateX(-50%);height:100%;width:min(100%,calc(var(--h) * 1.42));object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.page-hero.real-colors .shade{display:block;background:linear-gradient(180deg,rgba(2,12,69,.45) 0%,rgba(2,12,69,.14) 22%,transparent 36%)!important}
.page-hero.real-colors .wrap{padding-block:clamp(16px,2.4vw,28px) 0!important;justify-items:center;gap:6px}
.page-hero.real-colors h1{font-size:clamp(1.8rem,3vw,2.4rem)}
.page-hero.real-colors .lead{font-size:clamp(.95rem,1.2vw,1.05rem);margin:0 auto;text-wrap:balance;max-width:none}
.page-hero.real-colors h1,.page-hero.real-colors .lead,.page-hero.real-colors .crumbs{text-shadow:0 1px 12px rgba(2,12,69,.6)}
@media (max-width:900px){.page-hero.real-colors>img{width:100%;-webkit-mask-image:none;mask-image:none}}
@media (max-width:700px){.page-hero.real-colors{height:auto;min-height:600px}.page-hero.real-colors>img{object-position:42% 100%}}

/* Reviews: centred heading, two balanced cards */
.quotes .head{text-align:center;max-width:none;margin:0 auto clamp(28px,4vw,44px)}
.quotes .qg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,28px);max-width:1080px;margin:0 auto}
.quotes .q{position:relative;background:var(--card);border:1px solid rgba(233,196,106,.22);border-radius:18px;padding:clamp(26px,3vw,38px);display:flex;flex-direction:column;gap:18px;overflow:hidden}
.quotes .q::before{content:"\201C";position:absolute;top:-18px;right:22px;font-family:Georgia,serif;font-size:8rem;line-height:1;color:var(--gold);opacity:.18;pointer-events:none}
.quotes .q blockquote{color:#fff;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;flex:1}
.quotes .stars{font-size:1.05rem;letter-spacing:3px;color:var(--gold)}
.quotes .who{display:flex;align-items:center;gap:14px;margin:0;padding-top:18px;border-top:1px solid rgba(255,243,194,.14)}
.quotes .who .av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:700;font-size:1.05rem}
.quotes .who b{display:block;color:var(--cream);font-weight:700}
.quotes .who small{display:block;color:var(--muted);font-weight:500;font-size:.85rem;margin-top:2px}
@media (max-width:760px){.quotes .qg{grid-template-columns:1fr}}

section.quotes{display:block}
.quotes>.wrap{width:100%;margin-inline:auto}


/* Destinations hero: Maldives aerial in near-real colours, soft shade only behind the text */
.page-hero.lite .shade{background:linear-gradient(90deg,rgba(2,12,69,.72) 0%,rgba(2,12,69,.42) 42%,rgba(2,12,69,.05) 75%),linear-gradient(0deg,rgba(2,12,69,.35) 0%,transparent 35%)!important}
.page-hero.lite>img{object-position:50% 60%}
.page-hero.lite h1,.page-hero.lite .lead,.page-hero.lite .crumbs{text-shadow:0 1px 12px rgba(2,12,69,.55)}
@media (max-width:700px){.page-hero.lite .shade{background:linear-gradient(0deg,rgba(2,12,69,.85) 0%,rgba(2,12,69,.45) 55%,rgba(2,12,69,.1) 100%)!important}.page-hero.lite>img{object-position:40% 50%}}

/* Course heroes: text beside the photo; the photo is shown whole (never cropped or zoomed) in real colours */
.page-hero.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);min-height:0;max-width:1200px;margin-inline:auto;padding:clamp(28px,4vw,56px) 20px!important;background:transparent;border-bottom:0}
.page-hero.split .shade{display:none}
.page-hero.split>img{position:static;inset:auto;grid-column:2;grid-row:1;justify-self:center;width:auto;height:auto;max-width:100%;max-height:min(560px,68vh);object-fit:contain;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.page-hero.split .wrap{grid-column:1;grid-row:1;padding:0!important;max-width:none;width:auto;margin:0}
.page-hero.split h1{font-size:clamp(2rem,3.6vw,3rem)}
@media (max-width:900px){.page-hero.split{grid-template-columns:1fr;gap:24px}.page-hero.split .wrap{grid-row:1}.page-hero.split>img{grid-column:1;grid-row:2;max-height:520px}}

/* Portrait card photos: keep the diver's head in frame */
.ccard img[src$="c-react-right.jpg"],.ccard img[src$="c-ow-nitrox.jpg"]{object-position:50% 22%}

/* Language switcher */
details.langs{position:relative;margin-right:6px;border:0!important;padding:0!important}
details.langs summary{display:block!important}
details.langs[open] summary::after{content:" ▴"}
details.langs summary{list-style:none;cursor:pointer;font-weight:700;font-size:.85rem;letter-spacing:.06em;color:var(--cream);border:1px solid rgba(255,243,194,.35);border-radius:999px;padding:5px 11px;line-height:1}
details.langs summary::-webkit-details-marker{display:none}
details.langs summary::after{content:" ▾";font-size:.7em}
details.langs>div{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid rgba(255,243,194,.18);border-radius:12px;padding:6px;min-width:170px;box-shadow:0 14px 40px rgba(0,0,0,.4);z-index:60;display:grid}
details.langs a{display:flex;gap:10px;padding:8px 10px;border-radius:8px;color:var(--cream);text-decoration:none;font-size:.92rem}
details.langs a b{min-width:22px;color:var(--gold)}
details.langs a:hover,details.langs a[aria-current]{background:rgba(255,243,194,.08)}
@media (max-width:520px){details.langs{margin-right:2px}details.langs summary{padding:4px 7px;font-size:.74rem;border-color:rgba(255,243,194,.25)}details.langs summary::after{content:""}}
@media (max-width:400px){.logo img{height:30px!important}.hright .soc a{width:23px!important}}
/* tables become stacked cards on phones */
@media (max-width:600px){
.table-wrap{overflow-x:visible!important}
.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td,.table-wrap tbody th{display:block;width:100%!important;min-width:0!important}
.table-wrap thead{display:none}
.table-wrap tr{padding:14px 0;border-bottom:1px solid rgba(255,243,194,.14)}
.table-wrap tr:last-child{border-bottom:0}
.table-wrap td,.table-wrap tbody th{border:0!important;padding:3px 18px!important;text-align:left!important;white-space:normal!important}
.table-wrap td[data-label]::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-top:6px}
.table-wrap td:first-child::before{display:none}
.table-wrap td:first-child{font-weight:700;font-size:1.02em}
}