/* Media page. Loads after styles.css */
.links a.cur{color:var(--gold)}.links a.cur::after{opacity:1;transform:none}
.mhero{padding:80px 0 30px;position:relative;overflow:hidden}
.mhero .wrap{position:relative}
.mhero h1{max-width:820px}
.mhero .sub{max-width:600px;font-size:19px;margin-top:18px}
.js .mhero h1,.js .mhero .eyebrow,.js .mhero .sub{animation:up .6s ease both}.js .mhero .sub{animation-delay:.12s}
.mstar{position:absolute;right:60px;top:10px;width:90px;rotate:12deg}
.mstar path{fill:var(--ly);stroke:var(--navy);stroke-width:2.5;stroke-linejoin:round}
.mfeat{padding:30px 0 40px}.mfeat .lbl{margin-bottom:22px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.mall{padding:50px 0 100px}
.mtop{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:40px}.mtop h2{margin:0}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{position:relative;isolation:isolate;font:600 15px Poppins,sans-serif;color:var(--navy);background:none;border:0;padding:8px 18px;cursor:pointer;transition:translate .15s}
.chip::before{content:"";position:absolute;inset:0;z-index:-1;border:2px solid var(--navy);border-radius:30px 26px 32px 24px;background:#fffdfb;filter:url(#wobble2)}
.chip i{font-style:normal;font-family:Caveat,cursive;font-size:20px;line-height:1;margin-left:4px}
.chip:hover{translate:0 -2px}.chip.on::before{background:var(--gold);box-shadow:3px 3px 0 var(--navy)}
.chip:focus-visible{outline:2px dashed var(--navy);outline-offset:4px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 34px}
.mcard{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:14px 14px 22px;transition:translate .2s,rotate .2s}
.mcard[hidden]{display:none}
.mcard::before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdfb;border:2.5px solid var(--navy);border-radius:8px 14px 6px 16px/14px 6px 16px 8px;filter:url(#wobble);box-shadow:6px 8px 0 rgba(0,40,85,.12);transition:box-shadow .2s}
.mcard.tl{rotate:-1deg}.mcard.tr{rotate:.9deg}
.mcard:hover,.mcard:focus-within{rotate:0deg;translate:0 -6px}.mcard:hover::before,.mcard:focus-within::before{box-shadow:9px 12px 0 rgba(0,40,85,.18)}
.mhit{position:absolute;inset:0;z-index:3;border-radius:12px}.mhit:focus-visible{outline:3px dashed var(--navy);outline-offset:6px}
.mpic{position:relative;aspect-ratio:16/9;border:2px solid var(--navy);border-radius:3px;overflow:hidden;background:var(--ly)}
.mpic .tape{left:50%;margin-left:-50px;width:100px;height:26px;top:-2px;rotate:-4deg}
.mcard.tr .mpic .tape{rotate:5deg}
.mpic{overflow:visible}.mpic img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;transition:scale .3s}
.mpic>img,.mpic>picture>img{clip-path:inset(0 round 2px)}
.mcard:hover .mpic img{scale:1.02}
.mico{display:flex;align-items:center;justify-content:center;height:100%;background:repeating-linear-gradient(-8deg,transparent 0 22px,rgba(0,40,85,.06) 22px 24px),var(--ly)}
.mico svg{width:46%;max-width:160px;overflow:visible}
.mico path{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mico path.g{fill:var(--gold)}
.mico-podcast{background-color:#fff3d6}.mico-video{background-color:var(--off)}
.mplay{position:absolute;left:12px;bottom:12px;width:46px;height:46px;border-radius:50% 46% 52% 48%;background:var(--gold);border:2.5px solid var(--navy);box-shadow:3px 3px 0 var(--navy);display:flex;align-items:center;justify-content:center;transition:scale .2s}
.mplay svg{width:24px}.mplay path{fill:var(--navy);stroke:var(--navy);stroke-width:2;stroke-linejoin:round}
.mcard:hover .mplay{scale:1.12}
.mbody{display:flex;flex-direction:column;flex:1;padding:16px 6px 0}
.mmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.badge{font:700 11px Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);padding:3px 10px;border:2px solid var(--navy);border-radius:12px 9px 13px 8px;background:var(--ly);rotate:-2deg}
.b-video{background:var(--gold)}.b-podcast{background:#fff;}
.mout{font-size:22px;line-height:1.1}
.mcard h3{font-family:Poppins,sans-serif;font-weight:600;font-size:17px;line-height:1.4;letter-spacing:0;margin:0 0 14px;flex:1}
.mlink{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--navy);align-self:flex-start;border-bottom:3px solid var(--gold);padding-bottom:1px}
.mlink svg{width:30px}.mlink path{fill:none;stroke:var(--navy);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mcard:hover .mlink svg{animation:ndg .6s ease infinite}
.feat{padding:18px 18px 28px}.feat .mpic .tape{width:130px;margin-left:-65px;height:30px}
.feat h3{font-family:Norwester,sans-serif;font-weight:400;font-size:30px;line-height:1.15;letter-spacing:.02em}
.feat .mout{font-size:26px}.feat .mplay{width:62px;height:62px}.feat .mplay svg{width:30px}
.mfeat .feat::before{background:#fffdfb;box-shadow:8px 10px 0 var(--ly),8px 10px 0 2.5px var(--navy)}
.mnone{font-size:28px;text-align:center;padding:30px 0}
.js .mcard.rv{transform:translateY(24px)}.js .mcard.rv.in{transform:none}
.mgrid .mcard:nth-child(3n+2){transition-delay:0s}
@media(max-width:1100px){.mgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.mhero{padding:50px 0 20px}.mstar{width:56px;right:10px;top:-20px}.fgrid{grid-template-columns:1fr;gap:40px}.mall{padding:40px 0 70px}.feat h3{font-size:26px}}
@media(max-width:600px){.mgrid{grid-template-columns:1fr;gap:38px}.mtop{align-items:flex-start;flex-direction:column}.chips{gap:8px}.chip{padding:7px 14px;font-size:14px}.mhero .sub{font-size:17px}.mcard.tl,.mcard.tr{rotate:0deg}.mcard:nth-child(odd){rotate:-.6deg}.mcard:nth-child(even){rotate:.6deg}}
.mpic>img,.mpic>picture>img{position:absolute;inset:0}
.mcard[data-type=podcast] .mpic{background:#141414}.mcard[data-type=podcast] .mpic>img,.mcard[data-type=podcast] .mpic>picture>img{object-fit:contain}
/* fix: card art no longer sizes from percentages of an aspect-ratio box (WebKit relayout loop) */
.mpic{contain:layout}
.mico{position:absolute;inset:0;height:auto}
.mico svg{width:46%;height:auto;max-height:80%}
.mcard{contain:layout style}
.mpic .tape{top:-30px;z-index:3}.feat .mpic .tape{top:-33px}