/* Sections and pages added in the admin, in the site's own style */

/* ---- homepage sections ---- */
.czs{position:relative;padding:clamp(70px,8vw,120px) 0}
.czs .czs-head{max-width:760px}
.czs.czs-c .czs-head{margin:0 auto;text-align:center}
.czs .czs-head p,.czs .czs-tx p{margin:16px 0 0;font-size:clamp(16px,1.4vw,18px);line-height:1.6;color:rgba(11,42,69,.72)}
.czs .btn{margin-top:26px}
.czs .ey{display:inline-block}

.czs-ban{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}
.czs-ban.r .czs-ph{order:2}
.czs-ph{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#CFE6F7,#3B9EE8);box-shadow:0 40px 80px -40px rgba(11,42,69,.5)}
.czs-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.czs-gal{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;margin-top:34px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.czs-gal figure{margin:0;aspect-ratio:3/4;border-radius:22px;overflow:hidden;scroll-snap-align:start;background:#E6F2FB}
.czs-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.czs-gal figure:hover img{transform:scale(1.05)}

.czs-cta{padding:clamp(40px,5vw,70px) 0}
.czs-cta .wrap>.czs-head{max-width:none;padding:clamp(36px,5vw,64px);border-radius:32px;text-align:center;color:#fff;
  background:var(--czc,linear-gradient(135deg,#3B9EE8,#14558E));box-shadow:0 40px 80px -40px rgba(11,42,69,.6)}
.czs-cta .h2,.czs-cta .h2 em{color:#fff}
.czs-cta .czs-head p{color:rgba(255,255,255,.85);max-width:640px;margin-left:auto;margin-right:auto}
.czs-cta .ey{color:rgba(255,255,255,.8)}

@media (max-width:820px){
  .czs-ban{grid-template-columns:1fr}
  .czs-ban.r .czs-ph{order:0}
}

/* ---- custom pages ---- */
.czp{padding:clamp(120px,14vw,170px) 0 clamp(70px,8vw,110px)}
.czp .wrap{max-width:860px}
.czp-crumb{display:flex;gap:8px;font-size:13px;font-weight:700;color:rgba(11,42,69,.55)}
.czp-crumb a{color:inherit;text-decoration:none}
.czp-crumb a:hover{color:#1A6DB5}
.czp h1{margin:16px 0 0;font-family:var(--display);font-weight:800;font-size:clamp(38px,5.5vw,68px);line-height:1;letter-spacing:-.04em;color:#0B2A45}
.czp h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#3B9EE8}
.czp-up{margin:14px 0 0;font-size:13.5px;font-weight:700;color:rgba(11,42,69,.5)}
.czp-body{margin-top:38px;display:grid;gap:30px}
.czp-body h2{margin:0 0 10px;font-family:var(--display);font-weight:800;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;color:#0B2A45}
.czp-body p{margin:0 0 12px;font-size:16.5px;line-height:1.7;color:rgba(11,42,69,.78)}

/* ---- footer social icons ---- */
.ft .ft-soc{display:flex;gap:8px;align-items:center}
.ft .ft-soc a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:inherit;opacity:.75;box-shadow:inset 0 0 0 1.5px currentColor;transition:opacity .2s,transform .2s}
.ft .ft-soc a:hover{opacity:1;transform:translateY(-2px)}
.ft .ft-soc svg{width:17px;height:17px}

/* notes emptied in the admin take no space */
.ts-note:empty,.pkx-note:empty{display:none}