@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-extrabold-latin.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{font-family:Arial,Helvetica,sans-serif;color:#111f50;background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%}h1,h2,p{margin:0}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #008bdf;outline-offset:5px}.skip-link{position:absolute;top:-80px;left:16px;z-index:10;background:#fff;padding:12px}.skip-link:focus{top:12px}
.resources-banner{position:relative;isolation:isolate;aspect-ratio:2087/754;min-height:320px;color:#fff;background:#062451;overflow:hidden}.resources-banner picture{position:absolute;inset:0;z-index:-1}.resources-banner picture img{width:100%;height:100%;object-fit:cover}.banner-copy{position:absolute;left:12%;top:13%;width:40%}.eyebrow{font-size:clamp(12px,1.25vw,22px);letter-spacing:.38em;margin-bottom:10px}.banner-copy h1{font-family:Montserrat,Arial,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(32px,3.6vw,68px);letter-spacing:-.045em;line-height:.99}.banner-copy h1 span{display:block;color:#64c9fa}.banner-description{font-size:clamp(16px,1.4vw,25px);line-height:1.4;margin-top:12px}.banner-note{position:absolute;left:3%;bottom:5%;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:clamp(16px,1.6vw,27px);font-style:italic;line-height:.95;text-align:center;transform:rotate(-16deg);color:#69c8ff}.banner-note span{display:block;margin-top:8px;width:120%;height:3px;background:#62bcff;transform:rotate(-5deg)}.banner-values{position:absolute;bottom:5%;right:2%;font-size:clamp(9px,.8vw,14px);line-height:1.6;text-align:center;text-transform:uppercase;letter-spacing:.14em;color:#92d5ff;text-shadow:0 1px 6px #002a5c}
.resource-section{position:relative;overflow:hidden;padding:20px 0 30px;background:linear-gradient(#fff,#fbfdff);min-height:400px}.resource-content{position:relative;z-index:1;width:90%;max-width:960px;margin:0 auto;text-align:center}.resource-content h2{font-family:Montserrat,Arial,sans-serif;font-weight:800;font-size:clamp(24px,2.3vw,36px);text-transform:uppercase;letter-spacing:-.04em;line-height:1.2}.resource-content h2:after{content:'';display:block;width:38px;height:3px;background:#83d5ff;margin:8px auto}.section-description{font-size:clamp(14px,1.1vw,18px);line-height:1.5;color:#606980}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px;scroll-margin-top:24px}.resource-card{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:22px;transition:transform .2s}.resource-card img{width:100%;height:auto}.resource-card:hover{transform:translateY(-5px)}.home-link{display:inline-block;margin-top:24px;font-size:14px;text-underline-offset:4px;color:#465674}.hexagon{position:absolute;width:95px;height:105px;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:#e9f3ff;pointer-events:none}.hex-one{left:1%;top:35px}.hex-two{left:6%;top:190px;width:75px;height:85px}.hex-three{right:2%;top:30px;width:120px;height:135px}.hex-four{right:9%;top:205px;width:65px;height:75px}

@media(min-width:1800px){.banner-copy{left:max(12%,calc((100% - 1440px)/2))}}
@media(min-width:701px) and (max-width:1000px){.banner-copy{left:8%;width:48%}.banner-copy h1{font-size:34px}.banner-note{font-size:16px;left:2%}.banner-values{display:none}.hexagon{opacity:.45}}
@media(max-width:700px){.resources-banner{aspect-ratio:auto;height:max(620px,150vw);min-height:0}.resources-banner picture img{object-fit:cover;object-position:center top}.banner-copy{left:6%;width:88%;top:auto;bottom:28px;text-align:center}.eyebrow{font-size:12px;margin-bottom:12px}.banner-copy h1{font-size:clamp(31px,8vw,50px);line-height:1.03}.banner-description{font-size:17px;margin-top:13px}.banner-note,.banner-values{display:none}.resource-section{padding-top:28px}.resource-content{width:92%;max-width:440px}.resource-content h2{font-size:25px}.section-description{max-width:340px;margin:auto;font-size:15px}.resource-grid{grid-template-columns:1fr;gap:6px;margin-top:18px}.resource-card{max-width:380px;margin:auto}.hexagon{opacity:.6}.hex-two{left:-15px;top:500px}.hex-three{right:-45px;top:180px}.hex-four{right:-10px;top:900px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}.resource-card:hover{transform:none}}
.resources-banner{width:100%}
/* Match the homepage's centred logo and always-compact navigation. */
.resources-header-bar{position:relative;z-index:5;background:#073b80;color:#fff}
.resources-header{position:relative;display:flex;align-items:center;width:91%;max-width:960px;min-height:94px;margin:0 auto;padding:16px 0}
.resources-header .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.resources-header .brand img{display:block;width:160px;height:auto}
.resources-header .menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid #ffffff65;border-radius:8px;color:white;padding:10px 14px;font-size:14px;cursor:pointer}
.resources-header nav{display:none;position:absolute;top:calc(100% - 4px);right:0;width:min(240px,100%);margin:0;padding:8px;border:1px solid #ffffff25;border-radius:12px;background:#073b80;box-shadow:0 12px 30px #001c4940;flex-direction:column;align-items:stretch;gap:0}
.resources-header nav.is-open{display:flex}
.resources-header nav a{display:block;padding:13px 16px;border-radius:7px;font-size:14px;font-weight:600;text-decoration:none}
.resources-header nav a:hover,.resources-header nav a:focus-visible,.resources-header nav a[aria-current="page"]{background:#ffffff15}
@media(max-width:999px){.resources-header .brand img{width:145px}}
@media(max-width:600px){.resources-header{min-height:84px}.resources-header .brand img{width:135px}}
@media(max-width:350px){.resources-header .brand img{width:115px}}

/* Homepage wordmark styling at the resources eyebrow's existing font size. */
.resources-wordmark{font-family:Montserrat,Arial,sans-serif;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.resources-wordmark .dream span:nth-child(1){color:#f07870}
.resources-wordmark .dream span:nth-child(2){color:#efb75b}
.resources-wordmark .dream span:nth-child(3){color:#55b9a6}
.resources-wordmark .dream span:nth-child(4){color:#eac45b}
.resources-wordmark .dream span:nth-child(5){color:#59b5dd}
.resources-wordmark .hero-year{display:inline-block;font-size:.87em;color:#e5edf7;letter-spacing:-.045em}
/* Match the homepage footer without importing its page layout styles. */
footer{position:relative;z-index:1;background:#032653;color:#fff;padding:40px 0 28px;margin-top:32px}
footer .container{width:91%;max-width:1120px;margin-inline:auto}
footer::before{content:'';position:absolute;top:-32px;left:0;width:100%;height:33px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 40' preserveAspectRatio='none'%3E%3Cpath fill='%23032653' d='M0 0 Q500 64 1000 0 V40 H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 0 30px}
footer .brand{display:inline-block;flex-shrink:0;line-height:0}
footer .brand img{width:160px;height:auto}
.footer-top p{font-size:12px;line-height:1.5;color:#d8e7ff;margin-top:7px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:22px;font-size:12px;color:#9fb5d2}
.back-to-top{font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.back-to-top:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){footer .brand img{width:135px}}
@media(max-width:700px){footer{padding-top:25px}footer .container{width:90%}footer .brand img{width:125px}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-bottom{flex-direction:column;gap:10px}}
/* Individual competition-rule placeholders; enable links when PDFs are supplied. */
[hidden]{display:none!important}

.rules-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:15px}
.rule-document{display:flex;align-items:center;gap:24px;padding:20px 24px;border:1px solid #dce6f5;border-radius:12px;background:#fff;box-shadow:0 3px 16px #103a7010}
.pdf-icon{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:0 0 48px;height:62px;padding-bottom:12px;border-radius:5px;background:linear-gradient(135deg,#f33150,#c3183a);color:#fff;font-size:16px;font-weight:800;clip-path:polygon(0 0,65% 0,100% 30%,100% 100%,0 100%)}
.pdf-icon:before{content:'';position:absolute;right:0;top:0;width:17px;height:19px;background:#ff8a9b}
.rule-copy{flex:1;min-width:0}
.rule-copy h3{font-size:17px;line-height:1.3;color:#172c6b;margin:0 0 4px}
.rule-copy p{font-size:14px;color:#596b8d;line-height:1.4;margin:0 0 8px}
.rule-copy small{display:block;color:#657799;font-size:12px;line-height:1.4}
.rule-download{flex-shrink:0;display:inline-flex;gap:16px;align-items:center;justify-content:center;border:0;border-radius:30px;padding:13px 22px;background:#c81948;color:#fff;font-size:13px;font-weight:700}
.rule-download:disabled{cursor:not-allowed;opacity:.75}
@media(max-width:700px){.rule-document{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 14px}.pdf-icon{width:40px;height:54px;font-size:14px}.rule-copy h3{font-size:15px}.rule-download{grid-column:2;justify-self:start;padding:12px 18px}.rule-copy p{font-size:13px}}
/* Match the homepage's right-aligned menu. */
.resources-header .menu-toggle{margin-left:auto;margin-right:0}
.resources-header nav{left:auto;right:0}
/* Existing artwork cards act as tabs; one inline content area follows them. */
.resource-card[aria-selected="true"]{outline:2px solid #99b6dd;outline-offset:-3px;box-shadow:0 7px 20px #12336112}
.resource-card[aria-selected="true"]:focus-visible{outline:3px solid #008bdf;outline-offset:5px}
.resource-panels{margin-top:30px;min-height:380px;text-align:left;scroll-margin-top:20px}
.resource-panel{padding:28px;border:1px solid #dce6f5;border-radius:18px;background:#fff;box-shadow:0 8px 30px #13346a08}
.panel-heading{font-family:Montserrat,Arial,sans-serif;font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px}
.panel-intro{color:#596b8d;line-height:1.6;font-size:15px;max-width:720px}
.resource-panel .rules-list{margin-top:24px}
.rule-download,.mat-download,.whatsapp-button{text-decoration:none}
[aria-disabled="true"]{cursor:not-allowed}
a.rule-download[aria-disabled="true"],.mat-download[aria-disabled="true"],.whatsapp-button[aria-disabled="true"]{opacity:.65}
.mat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}
.mat-card{overflow:hidden;border:1px solid #dce6f5;border-radius:14px;background:#fff}
.mat-preview{aspect-ratio:4 / 3;background:#f3f7fc;display:grid;place-items:center;padding:16px;border-bottom:1px solid #e1e9f4}
.mat-preview img{width:100%;height:100%;object-fit:contain}
.mat-placeholder{color:#59708f;text-align:center;font-size:22px;font-weight:700}
.mat-placeholder small{display:block;margin-top:8px;font-size:13px;font-weight:400}
.mat-details{padding:18px}
.mat-details h4{font-size:18px;margin:0 0 6px;color:#172c6b}
.mat-resolution{font-size:13px;color:#596b8d;margin-bottom:16px}
.mat-download{display:inline-flex;align-items:center;gap:14px;padding:11px 17px;border-radius:30px;font-size:13px;font-weight:700;background:#edf3fc;color:#153870}
.request-box{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:26px;padding:26px;background:#eff9f5;border:1px solid #d3ebdf;border-radius:14px}
.request-box h4{font-size:21px;line-height:1.3;margin:0 0 8px;color:#12395a}
.request-box p{color:#486674;line-height:1.6;font-size:15px;max-width:620px}
.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 23px;border-radius:30px;font-weight:700;font-size:14px;line-height:1.4;background:#087c53;color:#fff;text-align:center}
.whatsapp-button:hover:not([aria-disabled]){background:#066440}
.whatsapp-pending{color:#536b62;font-size:12px}
@media(max-width:700px){.resource-panels{margin-top:24px;min-height:0}.resource-panel{padding:22px 14px}.panel-heading{font-size:23px}.panel-intro{font-size:14px}.resource-panel .rule-document{padding:16px 12px;gap:12px}.mat-grid{grid-template-columns:1fr;gap:18px}.request-box{padding:20px 16px}.request-box h4{font-size:19px}.whatsapp-button{width:100%;padding:13px 16px}}
/* Practice mat previews and video placeholders. */
.printing-note{margin-top:12px;color:#596b8d;font-size:14px;line-height:1.6;max-width:760px}
.mat-grid{grid-template-areas:"bullseye minitank" "roboblade robomission"}
.mat-card[data-mat="1"]{grid-area:bullseye}
.mat-card[data-mat="2"]{grid-area:minitank}
.mat-card[data-mat="3"]{grid-area:roboblade}
.mat-card[data-mat="4"]{grid-area:robomission}
.mat-media{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;padding:12px 12px 0;align-items:start}
.mat-media .mat-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;min-width:0;padding:4px;border:1px solid #e1e9f4;border-radius:6px;overflow:hidden;background:#f6f8fb}
.mat-media .mat-preview img{display:block;width:100%;height:100%;object-fit:contain}
.mat-video{min-width:0;margin:0;text-align:center}
.video-placeholder{aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #dce5f0;border-radius:6px;background:#edf2f8;color:#596b8d;font-size:11px}
.video-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#8190aa;font-size:15px;padding-left:2px}
.mat-video figcaption{margin-top:7px;color:#596b8d;font-size:11px;line-height:1.4}
.mat-details{padding:12px 14px 16px}
.mat-details h4{font-size:16px;line-height:1.35}
.mat-size{margin:5px 0;color:#455b7d;font-size:14px;line-height:1.4}
.mat-resolution{margin-bottom:12px;font-size:12px}
@media(max-width:700px){.mat-grid{grid-template-areas:"bullseye" "roboblade" "minitank" "robomission"}.mat-media{gap:9px;padding:10px 10px 0}.printing-note{font-size:13px}.mat-details h4{font-size:15px}}

@media(max-width:700px){.mat-media{grid-template-columns:minmax(0,1fr)}}
