@font-face{font-family:Nunito;src:url('/fonts/nunito-latin.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root{color-scheme:dark;font-family:Nunito,system-ui,sans-serif;color:#fff9ee;background:#12333c;font-synthesis:none;line-height:1.5}
*{box-sizing:border-box}body{margin:0}a{scroll-margin:16px;color:#f3c253;text-decoration-thickness:2px;text-underline-offset:4px}a:hover{color:#fff9ee}a:focus-visible,video:focus-visible{outline:3px solid #f3c253;outline-offset:4px}header,main,footer{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:96px}.brand{display:flex;align-items:center;gap:12px;color:#fff9ee;font-size:24px;font-weight:900;text-decoration:none}.brand img{flex:0 0 44px}.play{padding:10px 16px;border:1px solid #789198;border-radius:10px;font-weight:800;min-height:44px}section{padding:48px 0;border-bottom:1px solid #45616a}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:20px}.eyebrow{color:#f3c253;font-weight:900;margin:0 0 16px}h1{font-size:clamp(44px,6vw,84px);line-height:1;letter-spacing:-.03em;margin:0 0 24px}h2{font-size:32px;line-height:1.15;margin:0 0 16px}h3{font-size:22px;line-height:1.2;margin:16px 0 8px}p{font-size:18px;max-width:70ch;margin:0 0 20px}.small{font-size:14px;color:#c2d2d6;margin:16px 0 0}.primary{display:grid;gap:4px;color:#12333c;background:#f3c253;border-radius:14px;padding:18px 22px;font-weight:900;font-size:22px;text-decoration:none;min-height:44px}.primary:hover{background:#ffe195;color:#12333c}.primary span{font-weight:700;font-size:14px}.hero{width:100%;height:auto;border-radius:14px}.reels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.reels video{display:block;width:100%;height:auto;aspect-ratio:9/16;max-height:640px;background:#0c252d;border-radius:14px}.reels p{font-size:16px}.download{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-weight:900}.images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.images img{display:block;width:100%;height:auto;border-radius:12px}.images a{display:block;font-weight:900;text-decoration:none}.images span{display:flex;align-items:center;min-height:44px;padding-top:8px}.formatLists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.formatLists a{display:flex;align-items:center;min-height:44px;padding:8px 0}.formatLists h3{font-size:20px}.notes p{max-width:76ch}.notes a{display:inline-block;min-height:44px;padding:8px 0}footer{padding:32px 0 48px}footer a{display:inline-flex;align-items:center;min-height:44px;font-weight:900}
@media(max-width:700px){header,main,footer{width:calc(100% - 32px)}header{min-height:80px}.brand{font-size:19px;gap:8px}.play{font-size:14px;padding:10px 12px}.intro{grid-template-columns:1fr;gap:24px}h1{font-size:56px}.hero{max-width:440px;justify-self:center}section{padding:32px 0}h2{font-size:28px}.reels{grid-template-columns:1fr;gap:32px}.reels video{max-height:640px}.images{grid-template-columns:1fr 1fr;gap:20px 12px}.images span{font-size:15px}.formatLists{grid-template-columns:1fr;gap:16px}}
@media(max-width:360px){.brand span{font-size:17px}.brand img{width:36px;height:36px;flex-basis:36px}.play{padding:10px 8px}.images{grid-template-columns:1fr}}

.referenceArchive { margin-top: 3rem; }
.referenceArchive > summary { cursor: pointer; padding: 1rem 1.25rem; border: 1px solid #587174; border-radius: 14px; font-weight: 800; min-height: 44px; }
.referenceArchive > summary:focus-visible { outline: 3px solid #ffd166; outline-offset: 4px; }