/* ==========================================================================
   Dropzone Thailand theme. Loaded after site.css.
   Concept "The descent": exit at 13,000 ft, freefall, canopy, landing.
   Brand blue #00A1FE for things you press (always with navy text),
   deep sea #0067A8 for links and blue text, night navy for ink and bands,
   cloud white underneath. Sun yellow only for live and featured signals.
   Tokens sit on body.theme-dzt so they win over the brand colour <style>
   that page_head() prints for emails and the dashboard.
   ========================================================================== */

body.theme-dzt{
  --ink:#041A2F;
  --ink-2:#23384D;
  --mut:#5A6B7B;
  --faint:#8A9BAA;
  --line:#D5E2EC;
  --line-2:#E7EFF5;
  --paper:#F2F7FB;
  --sand:#E4F1FA;
  --card:#FFFFFF;

  --accent:#00A1FE;
  --accent-dk:#0067A8;
  --accent-sf:#E1F3FF;
  --sky:#0067A8;
  --sky-sf:#E6F3FC;
  --deep:#0067A8;
  --navy:#041A2F;
  --navy-2:#0A2A47;
  --navy-3:#123A5E;
  --blue:#00A1FE;
  --blue-hi:#33B4FF;
  --sun:#FFB81C;

  --ok:#1E7A50;
  --ok-sf:#E3F4EC;
  --warn:#8A5A00;
  --warn-sf:#FFF3D6;
  --err:#B42318;
  --err-sf:#FDECEA;

  --shadow:0 1px 2px rgba(4,26,47,.05),0 12px 30px -14px rgba(4,26,47,.22);
  --shadow-lg:0 2px 4px rgba(4,26,47,.06),0 28px 56px -24px rgba(4,26,47,.45);

  --r:12px;
  --r-lg:18px;
  --r-xl:28px;
  --max:1240px;

  --display:'Archivo','Arial Narrow',Impact,sans-serif;
  --body:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  background:var(--paper);color:var(--ink);font-family:var(--body);
}
.theme-dzt ::selection{background:var(--blue);color:var(--navy)}
.theme-dzt :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.theme-dzt a{color:var(--deep)}
.theme-dzt a:hover{color:var(--ink)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- type ---------------------------------------------------------------- */

.theme-dzt .h1,.theme-dzt .h2,.dz-h1,.dz-h2,.dz-disp{
  font-family:var(--display);font-stretch:68%;font-weight:900;text-transform:uppercase;
  letter-spacing:-.004em;word-spacing:.1em;line-height:.9;text-wrap:balance;color:inherit
}
.theme-dzt .h1,.dz-h1{font-size:clamp(48px,7.4vw,104px)}
.theme-dzt .h1.sm{font-size:clamp(44px,6vw,84px);line-height:.92}
.theme-dzt .h2,.dz-h2{font-size:clamp(38px,5.2vw,76px)}
.theme-dzt .h3{font-family:var(--display);font-stretch:100%;font-weight:700;font-size:clamp(19px,1.6vw,23px)}
.theme-dzt .h4{font-family:var(--display);font-weight:700;font-size:18px}
.theme-dzt .eyebrow,.dz-kick{font:600 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.theme-dzt .eyebrow.accent,.dz-kick{color:var(--deep)}
.theme-dzt .eyebrow.on-dark,.on-night .dz-kick,.dz-hero .dz-kick{color:#7FD0FF}
.theme-dzt .lede,.dz-lede{font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--ink-2)}
.dz-head{display:flex;flex-direction:column;gap:14px;max-width:760px}
.dz-head .dz-lede{max-width:60ch}
.theme-dzt .sec-head .h2{margin-top:14px}
.dz-mono,.theme-dzt .num{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ---- layout helpers ------------------------------------------------------ */

.theme-dzt .on-sand{background:var(--sand)}
.theme-dzt .on-ink,.on-night{background:var(--navy);color:#fff}
.dz-view .dz-kick{color:#7FD0FF}
.on-night .dz-lede,.on-night .p,.on-night .sm{color:#B7CCDD}
.on-night a:not(.btn){color:#7FD0FF}
.dz-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.dz-split.top{align-items:start}
.dz-hide-sm{display:inline}
@media (max-width:960px){.dz-split{grid-template-columns:1fr}}
@media (max-width:640px){.dz-hide-sm{display:none}}

/* ---- buttons: pills, blue with navy text --------------------------------- */

.theme-dzt .btn{
  border-radius:999px;background:var(--blue);border:1.5px solid var(--blue);color:var(--navy);
  font:700 15.5px/1.2 var(--body);letter-spacing:.005em;padding:0 26px
}
.theme-dzt .btn:hover{background:var(--blue-hi);border-color:var(--blue-hi);color:var(--navy)}
.theme-dzt .btn-o{background:transparent;color:var(--navy);border-color:var(--navy)}
.theme-dzt .btn-o:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.theme-dzt .btn-quiet{background:#fff;color:var(--navy);border-color:var(--line)}
.theme-dzt .btn-quiet:hover{background:var(--paper);border-color:var(--ink-2);color:var(--navy)}
.theme-dzt .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.theme-dzt .btn-ghost:hover{background:#fff;color:var(--navy);border-color:#fff}
.theme-dzt .btn-dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.theme-dzt .btn-dark:hover{background:var(--navy-3);border-color:var(--navy-3);color:#fff}
.theme-dzt .btn-light{background:#fff;color:var(--navy);border-color:#fff}
.on-night .btn-o{color:#fff;border-color:rgba(255,255,255,.55)}
.on-night .btn-o:hover{background:#fff;color:var(--navy)}
.theme-dzt .btn-lg{min-height:56px;padding:0 30px;font-size:16.5px}
.theme-dzt .btn-sm{min-height:40px;padding:0 18px;font-size:14px}

.theme-dzt .chip{border-radius:999px;border-color:var(--line);font-family:var(--body)}
.theme-dzt .chip[aria-pressed="true"],.theme-dzt .chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.theme-dzt .badge{background:var(--sun);color:var(--navy);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:6px}
.theme-dzt .pill{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.theme-dzt .stars{color:var(--deep)}
.theme-dzt .icon-box{background:var(--accent-sf);color:var(--deep);border-radius:12px}
.theme-dzt .note{background:var(--sky-sf);color:var(--deep);border-radius:14px}
.theme-dzt .card{border-radius:var(--r-lg);border-color:var(--line)}
.theme-dzt .photo{background:var(--sand)}
.theme-dzt .label .req{color:var(--deep)}
.theme-dzt .ticks svg{color:var(--deep)!important}
.theme-dzt .ticks li.off svg{color:#B9C8D4!important}
.theme-dzt .input,.theme-dzt .select,.theme-dzt .textarea{border:1.5px solid var(--line);border-radius:12px;background:#fff}
.theme-dzt .input:focus,.theme-dzt .select:focus,.theme-dzt .textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,161,254,.16)}
.theme-dzt .check input{accent-color:var(--deep)}
.theme-dzt .kv>div>span:first-child{color:var(--mut)}
.theme-dzt .ptable{border-radius:var(--r-lg)}
.theme-dzt .ptable th{background:var(--paper);font-family:var(--mono);font-weight:600;letter-spacing:.1em}
.theme-dzt .ptable td.amt{font-family:var(--display);font-stretch:80%;font-size:19px}
.theme-dzt .big-num{font-family:var(--display);font-stretch:70%;font-weight:900}
.theme-dzt .num-circle{background:var(--navy);color:var(--blue);font-family:var(--mono);border:0}
.theme-dzt .success-mark{background:var(--blue);color:var(--navy)}

/* ---- the top strip, header, live pill ------------------------------------ */

.dz-strip{background:var(--navy);color:#9CC7E6;font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.dz-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:34px}
.dz-strip a{color:#DCEBF6;text-decoration:none}
.dz-strip a:hover{color:#fff;text-decoration:underline}
.dz-strip-links{display:flex;gap:18px}
@media (max-width:640px){.dz-strip-links{display:none}}

.theme-dzt .site-head{background:rgba(242,247,251,.92);border-bottom-color:var(--line)}
.theme-dzt .site-head .wrap{min-height:74px}
.theme-dzt .nav{justify-content:center}
.theme-dzt .nav a{font-weight:600;font-size:15px;color:var(--navy)}
.theme-dzt .nav a:hover{color:var(--deep)}
.theme-dzt .nav a.is-active{border-bottom-color:var(--blue);color:var(--deep)}
.theme-dzt .head-tools{gap:12px}
.theme-dzt .burger{border-radius:12px;border-color:var(--line)}
.dz-livepill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 12px var(--mono);letter-spacing:.02em;color:var(--mut);text-decoration:none;white-space:nowrap}
.dz-livepill b{color:var(--navy);font-weight:600}
.dz-livepill:hover{border-color:var(--ink-2);color:var(--ink)}
.dz-livepill .dot{width:8px;height:8px;border-radius:50%;background:#A9B8C4}
.dz-livepill.is-ok .dot{background:var(--sun);box-shadow:0 0 0 4px rgba(255,184,28,.22)}
.dz-livepill.is-warn .dot{background:#E5484D}
@media (prefers-reduced-motion:no-preference){.dz-livepill.is-ok .dot{animation:dzPulse 1.8s ease-in-out infinite}}
@keyframes dzPulse{50%{box-shadow:0 0 0 8px rgba(255,184,28,0)}}
@media (max-width:1180px){.dz-livepill{display:none}}
@media (max-width:1080px){.theme-dzt .head-tools .dz-livepill{display:inline-flex;padding:6px 10px}.dz-livepill span:last-child{display:none}}

.dz-word{font-family:var(--display);font-stretch:72%;font-weight:900;font-size:27px;letter-spacing:.02em;line-height:1;color:var(--navy)}
.dz-word i{font-style:normal;color:var(--blue)}
.dz-foot .dz-word{color:#fff}
.theme-dzt .brand-logo{max-height:46px}

.theme-dzt .drawer{background:var(--paper)}
.theme-dzt .drawer nav a{font-family:var(--display);font-stretch:70%;font-weight:900;text-transform:uppercase;font-size:34px;line-height:1;padding:14px 0}
.theme-dzt .drawer nav a.dz-more{font-family:var(--body);font-stretch:100%;font-weight:600;text-transform:none;font-size:18px;padding:12px 0}

/* ---- inner page head ----------------------------------------------------- */

.theme-dzt .page-head{padding:clamp(28px,4vw,48px) 0 clamp(44px,6vw,72px)}
.theme-dzt .page-head .dz-kick{margin-top:24px}
.theme-dzt .page-head .dz-h1,.theme-dzt .page-head .h1{margin-top:14px}
.theme-dzt .page-head .dz-lede{margin-top:18px;max-width:60ch}
.theme-dzt .crumbs{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.dz-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}
.dz-facts li{display:flex;align-items:center;gap:8px;font:600 13px var(--mono);letter-spacing:.04em;color:var(--ink-2)}
.dz-facts .ic{width:18px;height:18px;color:var(--deep)}
.dz-buy{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.dz-buy .big-num{font-size:44px;line-height:1}

/* ---- home hero ------------------------------------------------------------ */

.dz-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.dz-hero-media{position:absolute;inset:0;z-index:-2}
.dz-hero-media>img,.dz-hero-media>video,.dz-hero-media>.media-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dz-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(4,26,47,.9) 0%,rgba(4,26,47,.62) 40%,rgba(4,26,47,.08) 72%),linear-gradient(0deg,rgba(4,26,47,.7),rgba(4,26,47,0) 40%)}
.dz-hero .wrap{padding-block:clamp(56px,8vw,104px) clamp(28px,4vw,44px);display:flex;flex-direction:column;gap:22px}
.dz-hero .dz-h1{font-size:clamp(58px,9.6vw,148px);max-width:9.5ch}
.dz-hero .dz-h1 em{font-style:normal;color:var(--blue)}
.dz-hero .dz-lede{color:#DCEBF6;max-width:48ch}
.dz-hero .hero-cta{margin-top:4px}
.dz-hero .hero-proof{color:#DCEBF6;margin-top:0}
.dz-hero .hero-proof b{color:#fff}
.dz-hero .stars{color:var(--sun)}
.dz-hero-lower{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:end;margin-top:clamp(24px,4vw,48px)}
@media (max-width:960px){.dz-hero-lower{grid-template-columns:1fr}}

/* the boarding pass quick form */
.dz-qpass{display:grid;grid-template-columns:minmax(0,1fr) 180px;background:#fff;color:var(--navy);border-radius:20px;position:relative;box-shadow:0 28px 60px -26px rgba(0,0,0,.7)}
.dz-qpass::before,.dz-qpass::after{content:"";position:absolute;right:170px;width:20px;height:20px;border-radius:50%;background:var(--navy)}
.dz-qpass::before{top:-10px}.dz-qpass::after{bottom:-10px}
.dz-qpass-f{display:grid;grid-template-columns:1.4fr 1.1fr .9fr;padding:12px 6px}
.dz-qpass label{display:flex;flex-direction:column;gap:2px;padding:6px 16px;border-right:1px solid var(--line);min-width:0}
.dz-qpass label:last-child{border-right:0}
.dz-qpass small{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.dz-qpass select,.dz-qpass input{font:800 20px/1.3 var(--display);font-stretch:76%;text-transform:uppercase;border:0;background:transparent;color:var(--navy);padding:2px 0;width:100%;min-width:0;border-radius:4px;appearance:none;-webkit-appearance:none}
.dz-qpass input[type=date]{min-height:30px}
.dz-qpass select:focus,.dz-qpass input:focus{outline:2px solid var(--blue);outline-offset:2px}
.dz-qpass button{border:0;border-left:2px dashed var(--line);background:var(--blue);color:var(--navy);border-radius:0 20px 20px 0;font:900 19px var(--display);font-stretch:74%;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px}
.dz-qpass button:hover{background:var(--blue-hi)}
.dz-qpass button span{font:500 10px var(--mono);letter-spacing:.12em}
@media (max-width:640px){
  .dz-qpass{grid-template-columns:1fr}
  .dz-qpass::before,.dz-qpass::after{display:none}
  .dz-qpass-f{grid-template-columns:1fr}
  .dz-qpass label{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}
  .dz-qpass button{border-left:0;border-top:2px dashed var(--line);border-radius:0 0 20px 20px;padding:18px}
}

/* the live manifest board */
.dz-board{background:var(--navy-2);color:#fff;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--navy-3);box-shadow:0 24px 50px -28px rgba(0,0,0,.7)}
.dz-board-hd{white-space:nowrap;display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9CC7E6}
.dz-live{display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#A9B8C4}
.dz-live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.dz-live.is-ok{color:var(--sun)}
.dz-live.is-warn{color:#FF8A80}
@media (prefers-reduced-motion:no-preference){.dz-live.is-ok::before{animation:dzPulse 1.8s ease-in-out infinite}}
.dz-flap{display:flex;gap:4px}
.dz-flap i{font:600 34px/1 var(--mono);font-style:normal;background:#0F3456;border-radius:6px;padding:8px 6px;min-width:30px;text-align:center;position:relative;color:#fff}
.dz-flap i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.5)}
.dz-flap i.sep{background:none;min-width:10px;padding:8px 0}
.dz-flap i.sep::after{display:none}
.dz-flap.is-text{font:800 24px/1.05 var(--display);font-stretch:74%;text-transform:uppercase}
@media (prefers-reduced-motion:no-preference){.dz-flap i.is-flip{animation:dzFlip .45s ease}}
@keyframes dzFlip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.dz-board-sub{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9CC7E6}
.dz-board-rows{display:flex;flex-direction:column;gap:5px;font:500 12.5px var(--mono);color:#C5D7E6}
.dz-board-rows div{display:flex;justify-content:space-between;border-top:1px solid var(--navy-3);padding-top:6px}
.dz-board-rows b{color:#fff;font-weight:600}
.dz-board a{color:#7FD0FF;font:600 12px var(--mono);text-decoration:none}
.dz-board a:hover{color:#fff}

/* ---- stats strip --------------------------------------------------------- */

.dz-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.dz-stats>div{padding:28px 20px 28px 0;display:flex;flex-direction:column;gap:4px}
.dz-stats>div+div{padding-left:20px;border-left:1px solid var(--line)}
.dz-stats b{font:900 clamp(32px,4vw,56px)/.95 var(--display);font-stretch:66%;text-transform:uppercase}
.dz-stats span{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
@media (max-width:760px){.dz-stats{grid-template-columns:1fr 1fr}.dz-stats>div:nth-child(3){padding-left:0;border-left:0}.dz-stats>div:nth-child(n+3){border-top:1px solid var(--line)}}

/* ---- section head row ----------------------------------------------------- */

.dz-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,44px)}

/* ---- the path: first jump, school, licensed ------------------------------ */

.dz-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}
.dz-path::before{content:"";position:absolute;left:10%;right:10%;top:31px;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 10px,transparent 10px 18px)}
.dz-pc{position:relative;display:flex;flex-direction:column;gap:12px;color:var(--ink);text-decoration:none}
.dz-pc:hover{color:var(--ink)}
.dz-pc .n{width:62px;height:62px;border-radius:50%;background:var(--navy);color:var(--blue);display:grid;place-items:center;font:900 28px var(--display);font-stretch:66%;border:5px solid var(--paper);position:relative}
.dz-pc .photo{aspect-ratio:4/3;border-radius:18px}
.dz-pc .photo img{transition:transform .5s ease}
.dz-pc:hover .photo img{transform:scale(1.04)}
.dz-pc h3{font:900 34px/.92 var(--display);font-stretch:68%;text-transform:uppercase}
.dz-pc p{color:var(--ink-2);font-size:15.5px}
.dz-pc .ft{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:14.5px;margin-top:auto}
.dz-pc .ft .go{font-weight:700;color:var(--deep);display:inline-flex;gap:6px;align-items:center}
.dz-pc .ft .ic{width:16px;height:16px}
.dz-rent{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.dz-rent b{font:900 24px var(--display);font-stretch:70%;text-transform:uppercase}
.dz-rent p{color:var(--mut);font-size:14.5px}
@media (max-width:960px){.dz-path{grid-template-columns:1fr}.dz-path::before{display:none}}

/* ---- the descent (dark jump day) ----------------------------------------- */

.dz-descent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(32px,5vw,64px);align-items:start}
.dz-dlist{list-style:none;margin:0;padding:0;position:relative}
.dz-dlist::before{content:"";position:absolute;left:112px;top:16px;bottom:16px;width:2px;background:linear-gradient(var(--blue),var(--navy-3))}
.dz-dstep{display:grid;grid-template-columns:98px 28px minmax(0,1fr);gap:0 14px;padding:14px 0;align-items:start}
.dz-dstep .a{font:600 12px var(--mono);color:#9CC7E6;text-align:right;padding-top:4px;letter-spacing:.04em;text-transform:uppercase}
.dz-dstep .d{width:16px;height:16px;border-radius:50%;background:var(--navy);border:2px solid var(--blue);margin:4px 0 0 7px;position:relative}
.dz-dstep.big .d{background:var(--blue);box-shadow:0 0 0 7px rgba(0,161,254,.22)}
.dz-dstep h3{word-spacing:.1em;font:900 24px/1 var(--display);font-stretch:72%;text-transform:uppercase;color:#fff}
.dz-dstep p{color:#B7CCDD;font-size:15px;margin-top:4px}
@media (max-width:960px){.dz-descent{grid-template-columns:1fr}}
@media (max-width:480px){.dz-dlist::before{left:82px}.dz-dstep{grid-template-columns:68px 28px minmax(0,1fr)}}

/* ---- the view -------------------------------------------------------------- */

.dz-view{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:460px;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.dz-view .photo{position:absolute;inset:0;border-radius:0;z-index:-2}
.dz-view::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,26,47,.95) 0%,rgba(4,26,47,.78) 40%,rgba(4,26,47,.35) 70%,rgba(4,26,47,0) 92%)}
.dz-view-in{padding:clamp(22px,3vw,36px);display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:24px;align-items:end;width:100%}
.dz-view .dz-h2{font-size:clamp(38px,4.6vw,68px)}
.dz-view h3{font:900 21px var(--display);font-stretch:72%;text-transform:uppercase;color:#fff;display:flex;gap:8px;align-items:center}
.dz-view h3 .ic{width:20px;height:20px;color:var(--blue);flex:none}
.dz-view p{font-size:14.5px;color:#DCEBF6;margin-top:4px}
@media (max-width:960px){.dz-view-in{grid-template-columns:1fr 1fr}.dz-view-in>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.dz-view-in{grid-template-columns:1fr}.dz-view{min-height:560px}}

/* ---- boarding pass packages ----------------------------------------------- */

.dz-passes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.dz-pass{background:#fff;border-radius:20px;border:1px solid var(--line);display:flex;flex-direction:column;position:relative;color:var(--ink)}
.dz-pass.is-featured{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:var(--shadow-lg)}
@media (min-width:961px){.dz-pass.is-featured{transform:translateY(-12px)}}
.dz-pass-top{padding:24px 24px 18px;display:flex;flex-direction:column;gap:12px}
.dz-pass-tier{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dz-pass-tier h3{font:900 44px/.9 var(--display);font-stretch:64%;text-transform:uppercase;letter-spacing:.01em}
.dz-badge{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--sun);color:var(--navy);padding:5px 9px;border-radius:6px;white-space:nowrap}
.dz-pass-tag{font-size:14.5px;color:var(--mut)}
.dz-pass.is-featured .dz-pass-tag{color:#B7CCDD}
.dz-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.dz-ticks li{display:flex;gap:10px;line-height:1.45}
.dz-ticks li::before{content:"";width:18px;height:18px;flex:none;margin-top:1px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.4L12 5.4' fill='none' stroke='%23041A2F' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.dz-ticks li.off{color:var(--faint);text-decoration:line-through;text-decoration-color:rgba(138,155,170,.5)}
.dz-ticks li.off::before{background:var(--line-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%238A9BAA' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.dz-pass.is-featured .dz-ticks li.off{color:#6E8BA5}
.dz-pass.is-featured .dz-ticks li.off::before{background-color:var(--navy-3)}
.dz-perf{border-top:2px dashed var(--line);position:relative}
.dz-pass.is-featured .dz-perf{border-color:var(--navy-3)}
.dz-perf::before,.dz-perf::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--pass-bg,var(--paper))}
.dz-perf::before{left:-12px}.dz-perf::after{right:-12px}
.on-sand .dz-perf::before,.on-sand .dz-perf::after{background:var(--sand)}
.dz-pass-bot{padding:18px 24px 24px;display:flex;flex-direction:column;gap:14px}
.dz-pass-price{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dz-pass-price b{font:900 42px/1 var(--display);font-stretch:66%}
.dz-pass-price small{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.dz-pass.is-featured .dz-pass-price small{color:#9CC7E6}
.dz-pass.is-featured .btn-o{color:#fff;border-color:rgba(255,255,255,.5)}
@media (max-width:960px){.dz-passes{grid-template-columns:1fr}}

/* ---- reviews -------------------------------------------------------------- */

.dz-revs{display:grid;grid-template-columns:minmax(0,.8fr) repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.dz-score{background:var(--blue);color:var(--navy);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.dz-score b{font:900 104px/.82 var(--display);font-stretch:62%}
.dz-score .stars{color:var(--navy)}
.dz-score span{font-weight:600}
.theme-dzt .review{border-radius:20px}
.theme-dzt .review blockquote{color:var(--ink-2)}
@media (max-width:960px){.dz-revs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.dz-revs{grid-template-columns:1fr}}

/* ---- route map ------------------------------------------------------------- */

.dz-route{background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;aspect-ratio:4/3;position:relative;overflow:hidden}
.dz-route svg{width:100%;height:100%;display:block}
.dz-route img{width:100%;height:100%;object-fit:cover;border-radius:14px}

/* ---- FAQ ---------------------------------------------------------------------- */

.theme-dzt .faq summary{font-family:var(--body);font-weight:600;font-size:18px}
.theme-dzt .faq details[open] summary{color:var(--deep)}
.theme-dzt .faq details[open] summary::after{color:var(--deep)}
.theme-dzt .faq summary::after{font-family:var(--mono)}

/* ---- the closing band ------------------------------------------------------ */

.dz-cta{background:var(--blue);color:var(--navy);border-radius:var(--r-xl);padding:clamp(32px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;position:relative;overflow:hidden;isolation:isolate}
.dz-cta::after{content:"";position:absolute;right:-60px;bottom:-80px;width:340px;height:340px;border-radius:50%;border:2px dashed rgba(4,26,47,.18);z-index:-1}
.dz-cta .dz-h2{font-size:clamp(40px,6vw,88px);max-width:12ch}
.dz-cta p{max-width:44ch;margin-top:12px;font-weight:500;color:var(--navy)}
.dz-cta .btn-o{border-color:var(--navy);color:var(--navy)}
.dz-cta .btn-o:hover{background:var(--navy);color:#fff}

/* ---- footer --------------------------------------------------------------- */

.dz-foot{background:var(--navy);color:#B7CCDD;padding:72px 0 0;overflow:hidden}
.dz-foot .foot-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr}
.dz-foot .foot-grid h4{font:600 11px var(--mono);letter-spacing:.14em;color:var(--blue)}
.dz-foot .foot-grid a{color:#DCEBF6}
.dz-foot .foot-grid a.btn{color:var(--navy)}
.dz-foot .foot-bottom{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#7E97AD}
.dz-giant{font:900 clamp(80px,19vw,280px)/.78 var(--display);font-stretch:62%;color:#fff;letter-spacing:-.005em;margin-top:40px;white-space:nowrap;transform:translateY(10%);user-select:none}
.dz-giant i{font-style:normal;color:var(--blue)}
@media (max-width:960px){.dz-foot .foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.dz-foot .foot-grid{grid-template-columns:1fr}}

/* ---- phone bottom bar ---------------------------------------------------- */

.theme-dzt .book-bar{background:rgba(255,255,255,.97);border-top:1px solid var(--line)}
.theme-dzt .book-bar .price b{font-family:var(--display);font-stretch:74%;font-weight:900;font-size:22px}

/* ---- altitude rail --------------------------------------------------------- */

.dz-rail{position:fixed;left:max(10px,calc((100vw - var(--max)) / 2 - 150px));top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;font:500 10.5px var(--mono);color:var(--mut);letter-spacing:.04em}
.dz-rail::before{content:"";position:absolute;left:4px;top:12px;bottom:12px;width:1.5px;background:var(--line)}
.dz-rail a{display:grid;grid-template-columns:10px auto;column-gap:10px;align-items:center;text-decoration:none;color:inherit;padding:6px 0;position:relative}
.dz-rail a::before{content:"";grid-row:1 / span 2;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--faint);background:var(--paper)}
.dz-rail b{font-weight:600;color:var(--ink);font-size:10.5px}
.dz-rail span{grid-column:2;opacity:0;transition:opacity .2s ease;white-space:nowrap}
.dz-rail:hover span,.dz-rail a.is-on span{opacity:1}
.dz-rail a.is-on::before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,161,254,.18)}
.dz-rail.is-dark{color:#9CC7E6}
.dz-rail.is-dark b{color:#fff}
.dz-rail.is-dark a::before{background:var(--navy)}
@media (max-width:1580px){.dz-rail{display:none}}

/* ---- school: the ladder ----------------------------------------------------- */

.dz-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
.dz-rung{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.dz-rung .lvl{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.dz-rung h3{font:900 24px/.95 var(--display);font-stretch:70%;text-transform:uppercase}
.dz-rung p{font-size:14px;color:var(--ink-2)}
.dz-rung.last{background:var(--navy);border-color:var(--navy);color:#fff}
.dz-rung.last .lvl{color:var(--sun)}
.dz-rung.last p{color:#B7CCDD}
@media (min-width:961px){.dz-rung:nth-child(2){margin-bottom:18px}.dz-rung:nth-child(3){margin-bottom:36px}.dz-rung:nth-child(4){margin-bottom:54px}.dz-rung:nth-child(5){margin-bottom:72px}}
@media (max-width:960px){.dz-ladder{grid-template-columns:1fr 1fr}.dz-rung.last{grid-column:1/-1}}
@media (max-width:560px){.dz-ladder{grid-template-columns:1fr}}

/* ---- time line (tandem day, manifest steps) --------------------------------- */

.theme-dzt .day-list li{border-color:var(--line)}
.theme-dzt .day-list .pill{background:var(--accent-sf);color:var(--deep)}
.dz-time{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dz-time li{display:grid;grid-template-columns:70px 18px minmax(0,1fr) auto;gap:0 14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.dz-time .t{font:600 12px var(--mono);color:var(--deep);padding-top:4px}
.dz-time .d{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink-2);margin-top:5px}
.dz-time li.big .d{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px rgba(0,161,254,.2)}
.dz-time h3{font:800 19px var(--display)}
.dz-time p{color:var(--ink-2);font-size:15px;margin-top:2px}
.dz-time .pill{align-self:start}
@media (max-width:560px){.dz-time li{grid-template-columns:18px minmax(0,1fr)}.dz-time .t{display:none}.dz-time .pill{grid-column:2;justify-self:start;margin-top:6px}}

/* ---- landing area drawing ---------------------------------------------------- */

.dz-lz{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px}
.dz-lz svg{width:100%;height:auto;display:block}

/* ---- contact channels ---------------------------------------------------------- */

.dz-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:28px}
.dz-channel{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.dz-channel:hover{border-color:var(--ink-2);color:var(--ink)}
.dz-channel.is-main{background:var(--navy);border-color:var(--navy);color:#fff}
.dz-channel.is-main:hover{color:#fff;background:var(--navy-2)}
.dz-channel .ic{width:24px;height:24px;color:var(--deep)}
.dz-channel.is-main .ic{color:var(--blue)}
.dz-channel b{font:900 22px var(--display);font-stretch:72%;text-transform:uppercase}
.dz-channel span{font:500 13px var(--mono);color:var(--mut);word-break:break-word}
.dz-channel.is-main span{color:#9CC7E6}

/* ---- gallery, journal, post, 404 ---------------------------------------------- */

.theme-dzt .gallery figure{border-radius:16px}
.theme-dzt .post-card{border-radius:18px}
.theme-dzt .post-body blockquote{border-left-color:var(--blue)}
.theme-dzt .post-body h2,.theme-dzt .post-body h3{font-family:var(--display);font-weight:800}
.dz-target{width:min(260px,70%);margin:0 auto}
.dz-target svg{width:100%;height:auto;display:block}

/* ---- months chart (calendar, visit) --------------------------------------------- */

.theme-dzt .month.l3 .bar{background:var(--blue)}
.theme-dzt .month.l2 .bar{background:#8FD3FF}
.theme-dzt .month.l1 .bar{background:#CFE3F0}
.theme-dzt .legend i.lv3{background:var(--blue)}
.theme-dzt .legend i.lv2{background:#8FD3FF}
.theme-dzt .legend i.lv1{background:#CFE3F0}

/* ---- booking and pay pages: kept markup, new skin ------------------------------ */

.theme-dzt .checkout-head{background:#fff;border-bottom:1px solid var(--line)}
.theme-dzt .progress .n{font-family:var(--mono)}
.theme-dzt .progress li.is-now .n{background:var(--blue);color:var(--navy);border-color:var(--blue)}
.theme-dzt .progress li.is-done .n{background:var(--navy);color:var(--blue);border-color:var(--navy)}
.theme-dzt .progress-bar span{background:var(--blue)}
.theme-dzt .opt{border-radius:16px}
.theme-dzt .opt:has(input:checked){border-color:var(--blue);background:#F0F9FF}
.theme-dzt .opt:has(input:checked) .radio{border-color:var(--blue)}
.theme-dzt .opt .opt-price{font-family:var(--display);font-stretch:74%;font-weight:900}
.theme-dzt .slot{border-radius:14px}
.theme-dzt .slot:has(input:checked){border-color:var(--blue);background:#F0F9FF}
.theme-dzt .seg{background:var(--line-2);border-radius:999px}
.theme-dzt .seg button,.theme-dzt .seg a{border-radius:999px}
.theme-dzt .seg [aria-pressed="true"],.theme-dzt .seg .is-on{background:var(--navy);color:#fff}
.theme-dzt .cal-day.is-selected{background:var(--navy);color:#fff;border-color:var(--navy)}
.theme-dzt .cal-day.is-selected small{color:#7FD0FF}
.theme-dzt .stepper{border-radius:999px}
.theme-dzt .summary{border-radius:20px;overflow:hidden;position:relative}
.theme-dzt .summary::before{content:"BOARDING PASS";display:block;margin:-2px 0 12px;font:600 10.5px var(--mono);letter-spacing:.14em;color:var(--deep)}
.theme-dzt .summary .total{border-top:2px dashed var(--line)}
.theme-dzt .summary .total b:last-child{font-family:var(--display);font-stretch:70%;font-weight:900;font-size:30px}
.theme-dzt .jumper-card{border-radius:18px}
.theme-dzt .paybox{border-radius:20px}
.theme-dzt .rate-card{border-radius:20px}

/* load board keeps its own screen design, in brand colours */
.theme-dzt .lb-next-card{background:var(--navy);border-radius:22px}
.theme-dzt .lb-load{border-radius:16px}
.theme-dzt .lb-load.is-next{border-color:var(--blue)}


/* ---- small boarding pass laid over a hero photo -------------------------------- */

.dz-hero-pass{position:absolute;left:-28px;bottom:28px;width:min(330px,86%)}
@media (max-width:960px){.dz-hero-pass{left:12px;bottom:12px}}
.dz-minipass{display:grid;grid-template-columns:minmax(0,1fr) 84px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);position:relative;color:var(--navy)}
.dz-minipass::before,.dz-minipass::after{content:"";position:absolute;right:76px;width:16px;height:16px;border-radius:50%;background:var(--paper)}
.dz-minipass::before{top:-8px}.dz-minipass::after{bottom:-8px}
.dz-minipass small{display:block;font:500 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.dz-minipass b{font:900 20px/1.05 var(--display);font-stretch:74%;text-transform:uppercase}
.mp-main{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.mp-row{display:flex;gap:18px}
.mp-stub{background:var(--blue);border-left:2px dashed #fff;border-radius:0 16px 16px 0;padding:14px 12px;display:flex;flex-direction:column;gap:4px}
.mp-stub small{color:var(--navy)}
.mp-stub b{font-size:30px}
.mp-stub i{display:block;height:20px;margin-top:auto;background:repeating-linear-gradient(90deg,var(--navy) 0 2px,transparent 2px 4px,var(--navy) 4px 5px,transparent 5px 8px)}
.dz-ticks.two{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
@media (max-width:640px){.dz-ticks.two{grid-template-columns:1fr}}
.on-night .card{color:var(--ink)}
.on-night .card .sm,.on-night .card .p{color:var(--ink-2)}
.dz-photo-board{position:absolute;right:-24px;bottom:-24px;width:min(310px,80%)}
.dz-photo-board>a{color:var(--deep);font:600 12px var(--mono);text-decoration:none}
@media (max-width:960px){.dz-photo-board{position:static;width:auto;margin-top:14px}}
.dz-rigging{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:20px;padding:24px 26px}
.dz-rigging h3{font:900 30px/1 var(--display);font-stretch:70%;text-transform:uppercase;margin-top:8px}
.dz-rigging p{color:#B7CCDD;max-width:60ch;margin-top:8px;font-size:15px}