/* Shared styles for the welcome and Why pages */
.welcome{background:#FBFAF7;color:#14213A}
.welcome .w-in{max-width:820px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-left,0px))}
.welcome h1{font:400 clamp(46px,7vw,84px)/1.02 "Spectral",Georgia,serif;margin:0 0 18px;color:#14213A}
.welcome h2{font:400 clamp(34px,4.4vw,50px)/1.1 "Spectral",Georgia,serif;margin:0 0 26px;color:#14213A}
.welcome p{font:400 21px/1.65 "IBM Plex Sans",Arial,sans-serif;margin:0 0 18px;color:#1F2A3A}
.w-hero{padding:84px 0 76px;background:#FBFAF7;border-bottom:1px solid #E6DFD2}
.w-hero .w-tag{font:400 clamp(26px,3.2vw,36px)/1.3 "Spectral",Georgia,serif;color:#7A5410;margin:0 0 34px}
.w-hero .w-lead{font-size:23px}
.w-go,.w-door .go{display:inline-block;margin-top:18px;background:#14213A;color:#fff;text-decoration:none;font:600 20px "IBM Plex Sans",Arial,sans-serif;padding:16px 30px;border-radius:999px}
.w-go:hover{background:#000}
.w-sec{padding:84px 0;border-bottom:1px solid #E6DFD2}
.w-alt{background:#F3EEE7}
.w-pull{margin:30px 0 30px!important;padding:22px 28px;border-left:6px solid #C9A227;background:#FFFFFF;font:400 25px/1.5 "Spectral",Georgia,serif!important;color:#14213A!important}
.w-five{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:12px}
.w-five li{display:grid;grid-template-columns:56px 190px 1fr;align-items:center;gap:6px 16px;background:#FFFFFF;border:1px solid #E1D8C8;border-radius:12px;padding:16px 20px;font:400 20px/1.5 "IBM Plex Sans",Arial,sans-serif}
.w-five .n{width:44px;height:44px;border-radius:50%;background:#14213A;color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px}
.w-five b{font-size:21px}
.w-two{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin:26px 0 30px}
.w-box{border-radius:14px;padding:22px 24px;background:#fff;border:1px solid #D9DFE7}
.w-box p{font-size:19px;margin:0 0 8px}
.w-box .k{font:700 15px "IBM Plex Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;color:#4A5566}
.w-box .t{font:400 26px/1.25 "Spectral",Georgia,serif;color:#14213A}
.w-first{border-top:6px solid #8A97A8}
.w-second{border-top:6px solid #C9A227;background:#FFF9EC}
.w-same{display:grid;place-items:center;text-align:center;font:600 15px/1.3 "IBM Plex Sans",Arial,sans-serif;color:#7A5410;text-transform:uppercase;letter-spacing:.1em}
.w-doors{display:grid;gap:16px;margin:30px 0}
.w-door{display:block;text-decoration:none;color:#14213A;background:#fff;border:1px solid #D9DFE7;border-radius:14px;padding:24px 28px}
.w-door .k{display:block;font:700 15px "IBM Plex Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7A5410;margin-bottom:8px}
.w-door .t{display:block;font:400 24px/1.4 "Spectral",Georgia,serif}
.w-door .t a{color:#14213A;text-underline-offset:4px}
.w-door .go{font-size:18px;padding:12px 24px}
.w-main{border:2px solid #C9A227;background:#FFF9EC}
a.w-door:hover{box-shadow:0 6px 20px rgba(20,33,58,.10)}
.w-events{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:12px}
.w-events li{display:grid;grid-template-columns:170px 1fr;gap:6px 18px;background:#fff;border:1px solid #E1D8C8;border-left:6px solid #8A97A8;border-radius:10px;padding:16px 20px;font:400 20px/1.55 "IBM Plex Sans",Arial,sans-serif}
.w-events .d{font-weight:700;color:#14213A}
@media (max-width:700px){.w-events li{grid-template-columns:1fr}}
.welcome p.w-src{font-size:16px;color:#4A5566;margin-top:-8px}
.w-src a{color:#4A5566}
.w-inc{list-style:none;margin:26px 0 26px;padding:0;display:grid;gap:16px}
.w-inc li{background:#fff;border:1px solid #E1D8C8;border-left:6px solid #8A97A8;border-radius:12px;padding:20px 24px}
.w-inc li.ai{border-left-color:#C9A227}
.w-inc .top{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 8px!important;font:600 15px "IBM Plex Sans",Arial,sans-serif!important}
.w-inc .d{color:#14213A;font-weight:700}
.w-inc .pl{color:#4A5566;letter-spacing:.08em;text-transform:uppercase}
.w-inc .tag{margin-left:auto;padding:3px 10px;border-radius:999px;background:#EEF1F5;color:#334155;font-size:14px}
.w-inc li.ai .tag{background:#FFF1CC;color:#6B4A0A}
.w-inc h3{font:400 26px/1.3 "Spectral",Georgia,serif;margin:0 0 10px;color:#14213A}
.w-inc p{font-size:19px!important;margin:0 0 8px!important}
.w-close{font:400 25px/1.5 "Spectral",Georgia,serif!important;margin-top:30px!important}
@media (max-width:700px){
  .w-five li{grid-template-columns:48px 1fr}.w-five li span:last-child{grid-column:2}
  .w-two{grid-template-columns:1fr}.w-same{padding:4px 0}
  .welcome p{font-size:19px}.w-hero .w-lead{font-size:20px}
}