/* Template medal. */
:root{--fb:'Readex Pro';--fh:'Lalezar';--fn:'Handjet';--bg:#F2EEE4;--paper:#FBF9F4;--alt:#E8E2D3;--ink:#0A1C45;--ink2:#33415F;--line:#0A1C45;--acc:#D93630;--yel:#F6C21C;--red:#D93630;--nav-bg:rgba(242,238,228,.97);--nav-solid:#F2EEE4;--demo-bg:#0A1C45;--r-in:0px;--po-bg:#0A1C45;--po-acc:#F6C21C}
.medal{font-size:15.5px;counter-reset:sec}
h1,h2{font-weight:400}h3{font-family:var(--fb);font-weight:700}
.medal .nav{color:var(--ink);border-bottom:3px solid var(--ink)}
.brand>span{font-family:var(--fh);font-weight:400;font-size:25px;line-height:1.1}
.brand small{font-family:var(--fb);font-size:10px;font-weight:600;letter-spacing:.18em;opacity:1;color:var(--ink2);margin-top:3px}
.brand img{border-radius:0;border:2px solid var(--ink)}
.links a{padding-bottom:2px}.links a:hover{color:var(--ink);box-shadow:0 3px 0 var(--yel)}
.medal .btn{border-radius:0;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);padding:14px 30px;transition:background .15s}
.medal .cta,.medal .b1{background:var(--yel);color:var(--ink)}
.medal .cta:hover,.medal .b1:hover{background:#E9B308}
.medal .b2,form .btn{background:var(--ink);color:#fff}.medal .b2:hover{background:#13306E}
.card{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:22px}
.kick{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;font-size:14.5px;letter-spacing:.02em}
.kick::before{content:"";width:10px;height:10px;background:var(--red);flex:none}
/* Section heads carry a big outlined running number. */
.sec-h{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;align-items:end;max-width:820px;margin-bottom:34px}
.sec-h::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);grid-row:1/span 3;align-self:end;font-family:var(--fb);font-weight:700;font-size:96px;line-height:.85;color:transparent;-webkit-text-stroke:2px var(--ink)}
.sec-h>*{grid-column:2}.sec-h h2{font-size:54px;line-height:1.08}.sec-h h2 em{font-style:normal;color:var(--red)}
.sec-h p{margin-top:8px;font-size:16px}
.medal .sec{border-top:3px solid var(--ink)}
/* Hero */
.hero{position:relative;overflow:hidden;background:var(--bg);padding-bottom:22px}
.hero-in{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:600px;border-bottom:3px solid var(--ink)}
.hero-t{padding:56px 48px 44px;padding-inline-start:max(20px,calc((100vw - 1180px)/2 + 20px))}
.eye{display:flex;gap:10px;align-items:center;font-weight:600;font-size:15px}
.eye i{width:12px;height:12px;background:var(--red);flex:none}
.hero h1{font-size:100px;line-height:1.04;margin:22px 0 18px}
.hero h1 em{font-style:normal;position:relative;z-index:0;display:inline-block}
.hero h1 em::before{content:"";position:absolute;inset:28% -12px 6% -12px;background:var(--yel);transform:skewX(-12deg);z-index:-1}
.hero-t>p{font-size:18px;color:var(--ink2);max-width:520px;margin:0}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.stats{display:flex;margin-top:38px;border-top:3px solid var(--ink)}
.stats div{flex:1;min-width:0;padding:12px 14px 0;border-inline-start:3px solid var(--ink)}
.stats div:first-child{border:0;padding-inline-start:0}
.stats b{font-family:var(--fn);font-weight:800;font-size:54px;line-height:1;display:block}
.stats span{font-size:13.5px;font-weight:600}
.hero-v{position:relative;background:var(--ink);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);overflow:hidden;min-height:420px}
body.ltr .hero-v{clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
.hero-v .ph{position:absolute;inset:auto 0 0 0;height:76%;background:center bottom/cover no-repeat}
.hero-v .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--ink) 0%,rgba(10,28,69,0) 34%)}
.vert{position:absolute;inset-inline-start:22px;top:26px;writing-mode:vertical-rl;font-family:var(--fh);font-size:76px;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(246,194,28,.55);letter-spacing:4px;white-space:nowrap;z-index:1}
.tag{position:absolute;top:54px;inset-inline-end:18%;background:var(--red);color:#fff;padding:12px 20px;transform:rotate(-4deg);box-shadow:7px 7px 0 var(--yel);z-index:2;max-width:60%}
.tag b{display:block;font-family:var(--fn);font-weight:800;font-size:46px;line-height:1}
.tag span{display:block;font-size:13.5px;font-weight:600}
.ticker{background:var(--ink);color:var(--yel);transform:rotate(-1.3deg);margin:-14px -30px 0;padding:8px 0;overflow:hidden;white-space:nowrap;position:relative;z-index:3}
.ticker div{display:inline-block;font-family:var(--fh);font-size:36px;line-height:1.4;animation:mtk 40s linear infinite}
.ticker em{font-style:normal;color:var(--red);margin:0 22px}
@keyframes mtk{to{transform:translateX(50%)}}
body.ltr .ticker div{animation-name:mtk2}@keyframes mtk2{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker div{animation:none}}
.hero+.sec{border-top:0}
/* Program columns: ruled like a poster grid. */
.cols{border-block:3px solid var(--ink);overflow:hidden}
.cols-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-inline-start:-3px;margin-top:-3px}
.col{border-inline-start:3px solid var(--ink);border-top:3px solid var(--ink);padding:20px 18px 18px;display:flex;flex-direction:column;gap:6px;transition:background .15s,color .15s}
.col .nm{font-family:var(--fn);font-weight:800;font-size:28px;line-height:1}
.pimg{display:block;height:170px;margin:8px 0 10px;background:center/cover no-repeat;filter:grayscale(1) contrast(1.1);transition:filter .2s}
.p1 .pimg{background-image:url(img/p1.svg)}.p2 .pimg{background-image:url(img/p2.svg)}.p3 .pimg{background-image:url(img/p3.svg)}.p4 .pimg{background-image:url(img/p4.svg)}.p5 .pimg{background-image:url(img/p5.svg)}
.col h3{font-family:var(--fh);font-weight:400;font-size:32px;line-height:1.1}
.col p{margin:0;font-size:14.5px;color:var(--ink2)}
.col .pr{margin-top:auto;border-top:2px dashed currentColor;padding-top:10px;font-weight:700;font-size:14px}
.col:hover{background:var(--ink);color:var(--bg)}.col:hover p{color:#C9CFDD}.col:hover .pimg{filter:none}
.vals{background:var(--alt)}
.vg{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.val{display:flex;gap:14px;align-items:flex-start}
.val .i{width:54px;height:54px;padding:14px;background:var(--ink);color:var(--yel);flex:none}
.val h3{font-family:var(--fh);font-weight:400;font-size:28px;line-height:1.15}
.val p{margin:4px 0 0;color:var(--ink2);font-size:15px}
.awards span{border:2px solid var(--ink);border-radius:0;background:var(--paper)}.awards .i{color:var(--red)}
/* Other sections */
.why{background:var(--paper)}
.why-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.why-v{aspect-ratio:4/3;min-height:0;width:100%;border:3px solid var(--ink);box-shadow:14px 14px 0 var(--yel)}
body.ltr .why-v{box-shadow:-14px 14px 0 var(--yel)}
.ticks{gap:18px}.ticks .i{width:32px;height:32px;padding:7px;background:var(--ink);color:var(--yel)}
.ticks b{font-size:18px}
.season{background:var(--bg)}
.tl>div{background:var(--paper);border:2px solid var(--ink);border-radius:0}
.tl small{color:var(--red)}.tl h3{font-family:var(--fh);font-weight:400;font-size:26px}
.tl .now{background:var(--ink);color:#fff;box-shadow:8px 8px 0 var(--yel)}.tl .now small{color:var(--yel)}.tl .now p{color:#C9CFDD}
.rv{background:var(--alt)}.revs{grid-template-columns:repeat(3,minmax(0,1fr))}
.rev{border-top-width:6px}.stars{color:var(--red)}
.gal div{border:3px solid var(--ink);border-radius:0}
.fq{background:var(--paper)}
.faqs details{border:2px solid var(--ink);border-radius:0;background:var(--bg)}.faqs summary::after{color:var(--red)}
.medal .portal{border-top:0}.po-card{border-radius:0;box-shadow:10px 10px 0 var(--yel)}.po-btn{border-radius:0;background:var(--red)}
.medal .bk{background:var(--ink);color:#fff;border-top:0;clip-path:polygon(0 0,100% 6%,100% 100%,0 94%);padding:120px 0}
.medal .portal+.bk{clip-path:polygon(0 0,100% 0,100% 100%,0 94%);padding-top:60px;border-top:3px solid #24376A}
.bk .sec-h h2{font-size:46px}.bk .sec-h::before{-webkit-text-stroke-color:var(--yel)}.bk .sec-h h2{color:var(--yel)}.bk .kick{color:#fff}.bk .sec-h p{color:#C9CFDD}
.bk form{color:var(--ink);border:0;box-shadow:10px 10px 0 var(--yel)}
body.ltr .bk form{box-shadow:-10px 10px 0 var(--yel)}
.bk form .btn{background:var(--yel);color:var(--ink)}
.bk-in,.ct-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
input,select,textarea{border:2px solid var(--ink);border-radius:0}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:4px 4px 0 var(--yel)}
.medal .bk+.sec{border-top:0}
.crow>.i{color:var(--red)}.lnk{color:var(--red)}.soc a{border:2px solid var(--ink);border-radius:0;background:var(--paper)}
footer{background:var(--ink);color:#C9CFDD;border-top:8px solid var(--yel)}
@media (max-width:900px){
 .links a{border-color:rgba(10,28,69,.15)}.links a:hover{box-shadow:none}
 .hero-in{grid-template-columns:minmax(0,1fr);min-height:0}
 .hero-t{padding:34px 20px 30px}
 .hero h1{font-size:56px;margin:16px 0 14px}.hero-t>p{font-size:16.5px}
 .stats{margin-top:28px}.stats b{font-size:40px}.stats div{padding-inline:10px}.stats span{font-size:12.5px;display:block;line-height:1.4}
 .hero-v,body.ltr .hero-v{min-height:330px;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%)}
 .vert{font-size:52px}.tag{top:40px;inset-inline-end:24px}.tag b{font-size:38px}
 .ticker div{font-size:27px}
 .sec-h{column-gap:14px}.sec-h::before{font-size:58px;-webkit-text-stroke-width:1.5px}.sec-h h2{font-size:34px}
 .why-in,.bk-in,.ct-in{grid-template-columns:minmax(0,1fr)}.revs{grid-template-columns:minmax(0,1fr)}
 .why-v{box-shadow:8px 8px 0 var(--yel)}body.ltr .why-v{box-shadow:-8px 8px 0 var(--yel)}
 .pimg{height:150px}
 .medal .bk{clip-path:polygon(0 0,100% 2.5%,100% 100%,0 97.5%);padding:80px 0}.medal .portal+.bk{clip-path:polygon(0 0,100% 0,100% 100%,0 97.5%);padding-top:50px}.bk .sec-h h2{font-size:34px}
 .bk form,body.ltr .bk form{box-shadow:6px 6px 0 var(--yel)}
}