@font-face{font-family:"Anton";src:url(/fonts/anton.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--navy:#14213d;--orange:#f58220;--yel:#fccd28;--ink:#222;--bg:#fbfaf6}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
header{background:var(--navy);color:#fff;text-align:center;padding:3rem 1rem 2.5rem}
header h1{margin:.2rem 0;font-size:clamp(2.2rem,8vw,3.6rem);letter-spacing:.02em}header h1 span{color:var(--orange)}
.hat{font-size:3rem}.tag{font-size:1.15rem;opacity:.9;margin:.5rem auto 1.5rem;max-width:32rem}
.btns{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:999px;background:var(--orange);color:#fff;text-decoration:none;font-weight:700}
.btn.alt{background:#fff;color:var(--navy)}
main{max-width:56rem;margin:0 auto;padding:2rem 1rem}h2{color:var(--navy);border-bottom:4px solid var(--yel);display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}
.card{background:#fff;border-radius:1rem;padding:1.2rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border-top:6px solid var(--orange)}
.card h3{margin:.2rem 0;color:var(--navy)}.card .role{font-weight:700;color:var(--orange);margin:0 0 .4rem}
.note{background:#fff7d6;border-left:6px solid var(--yel);padding:1rem;border-radius:.5rem;margin-top:2rem}
footer{background:var(--navy);color:#cfd6e4;text-align:center;padding:1.5rem 1rem;font-size:.9rem}footer a{color:#fff}
.doc{max-width:46rem}.doc h1{color:var(--navy)}
.hero{display:block;background:var(--navy)}.hero img{display:block;width:100%;height:auto;max-height:min(60vh,560px);object-fit:cover;object-position:center 40%}
header{padding-top:2rem}.logo{display:block;margin:0 auto .5rem;width:110px;height:110px;border-radius:1.2rem}
.title{font-family:"Anton",Impact,"Arial Narrow",sans-serif;font-weight:400;color:#FFCC00;font-size:clamp(2.6rem,9vw,4.4rem);letter-spacing:.03em;line-height:1.05;margin:.3rem 0}
.card.crew{padding:0;overflow:hidden}.card.crew img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.card.crew h3,.card.crew p{padding:0 1rem}.card.crew p:last-child{padding-bottom:1rem}
.shorts{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}
.short{flex:0 0 clamp(11rem,30%,14rem);aspect-ratio:9/16;scroll-snap-align:start;border-radius:1rem;overflow:hidden;background:#000}
@media (max-width:640px){.hero img{max-height:none}.short{flex-basis:60%}.grid{grid-template-columns:1fr 1fr;gap:.7rem}.card.crew h3{font-size:1rem}.card.crew p{font-size:.85rem}}
/* fold layout */
.hero img{max-height:50vh;object-position:center 40%}
header.bar{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.7rem 1rem}
header.bar .logo{width:48px;height:48px;margin:0;border-radius:.6rem}
header.bar .title{font-size:clamp(1.9rem,5vw,2.8rem);margin:0;line-height:1}
.btn.sm{padding:.35rem .9rem;font-size:.9rem}
main{padding-top:.6rem}.crew-h{margin:.3rem 0 .7rem}
.grid{grid-template-columns:repeat(4,1fr);gap:.8rem}
.card.crew img{aspect-ratio:1/1;object-position:center top}
.card.crew h3{margin:.4rem 0 0;font-size:1.1rem}.card.crew .role{margin:0 0 .3rem;font-size:.9rem}.card.crew .desc{font-size:.85rem;line-height:1.45;margin:0}
.about{margin-top:1.5rem}.about p{font-size:1.1rem;max-width:40rem}
@media (max-width:640px){.hero img{max-height:24vh;object-position:center 30%}
header.bar{gap:.5rem;padding:.5rem}header.bar .logo{width:34px;height:34px}header.bar .title{font-size:1.7rem}.btn.sm{padding:.25rem .7rem;font-size:.8rem}
.grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.card{border-radius:.6rem;border-top-width:4px}.card.crew img{aspect-ratio:1/1}
.card.crew h3{font-size:1rem;padding:0 .5rem}.card.crew .role{font-size:.8rem;line-height:1.2;padding:0 .5rem .5rem}.card.crew .desc{display:none}}

/* youtube button */
.yt{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#0f0f0f;font:700 .95rem/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:.4rem .8rem .4rem .55rem;border-radius:999px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.yt:hover,.yt:focus-visible{background:#f2f2f2;color:#0f0f0f}.yt:focus-visible{outline:3px solid #ffc300;outline-offset:2px}.yt svg{display:block;flex:none}
@media (max-width:640px){.yt{font-size:.82rem;padding:.3rem .65rem .3rem .45rem}.yt svg{width:24px;height:17px}}

/* lite youtube */
.shorts>figure{flex:0 0 clamp(11rem,30%,14rem);margin:0;scroll-snap-align:start}.shorts>figure .short{flex:none;width:100%}
.sgrid figure h3{font-size:.95rem;line-height:1.3;margin:.5rem .1rem 0}
.thumb{position:relative;display:block;width:100%;height:100%}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.92}.slink:hover .thumb svg,.slink:focus-visible .thumb svg{opacity:1}.slink{display:block;color:inherit;text-decoration:none}.slink:focus-visible{outline:3px solid #ffc300;outline-offset:3px;border-radius:1rem}.slink:hover h3{text-decoration:underline}
.card .role,.card.crew .role{color:#b04a00}

/* shorts carousel */
.carousel{position:relative}
.carousel .shorts{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 .5rem;overscroll-behavior-x:contain}
.carousel .shorts::-webkit-scrollbar{display:none}
.carousel .shorts>figure{flex:0 0 calc((100% - 3rem)/4);scroll-snap-align:start}
.cnav{position:absolute;top:calc(50% - 2.2rem);z-index:2;width:2.3rem;height:2.3rem;border-radius:50%;border:0;background:rgba(20,33,61,.85);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.cnav span{margin-top:-.15rem}.cnav.prev{left:-.6rem}.cnav.next{right:-.6rem}
.cnav:hover{background:#14213d}.cnav:focus-visible{outline:3px solid #ffc300;outline-offset:2px}
.carousel .shorts:focus-visible{outline:3px solid #ffc300;outline-offset:3px}
@media (max-width:640px){.carousel .shorts{gap:.6rem}.carousel .shorts>figure{flex-basis:calc((100% - .6rem)/2)}.cnav{width:2rem;height:2rem;font-size:1.4rem}.cnav.prev{left:-.4rem}.cnav.next{right:-.4rem}}
@media (prefers-reduced-motion:reduce){.carousel .shorts{scroll-behavior:auto}}
.thumb svg{top:75%}
.about h3.wm{color:var(--navy);margin:1.4rem 0 .4rem;font-size:1.15rem}.about ul{max-width:40rem}

/* contact */
.contact{max-width:40rem}.contact .lead{font-size:1.1rem}
.contact form{display:grid;gap:.9rem;background:#fff;padding:1.2rem;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border-top:6px solid var(--yel)}
.contact label{display:grid;gap:.3rem;font-weight:700;color:var(--navy)}
.contact input,.contact select,.contact textarea{font:inherit;font-weight:400;padding:.6rem .7rem;border:2px solid #cfd5e2;border-radius:.6rem;background:#fff;color:var(--ink)}
.contact input:focus,.contact select:focus,.contact textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #fccd2866}
.contact .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact .small{font-size:.9rem;margin:0}
.send{justify-self:start;font:700 1rem/1 system-ui,sans-serif;background:var(--yel);color:var(--navy);border:0;border-radius:999px;padding:.8rem 1.4rem;cursor:pointer}.send:hover{background:#ffd84d}.send:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.send:disabled{opacity:.7}
#status{margin:0 0 1rem}#status.ok,#status.err{padding:.8rem 1rem;border-radius:.6rem;font-weight:700}#status.ok{background:#e3f6e8;color:#14532d}#status.err{background:#fde8e8;color:#8a1c1c}
header.bar .home{display:inline-flex}
.contact form label{display:flex;flex-direction:column;align-items:stretch;width:100%}.contact input,.contact select,.contact textarea{display:block;width:100%;box-sizing:border-box}.contact textarea{resize:vertical;min-height:9rem}

/* resources */
.resources{max-width:60rem}.resources .lead{font-size:1.1rem}
.emergency{background:#b91c1c;color:#fff;padding:1rem 1.2rem;border-radius:.8rem;font-size:1.15rem;margin:1rem 0 .6rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}.emergency strong{font-size:1.3rem;display:block}
.toc{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.toc a{background:var(--navy);color:#fff;text-decoration:none;padding:.4rem .9rem;border-radius:999px;font-weight:700;font-size:.9rem}.toc a:hover{background:#0c1528}
.note-swa{background:#fff7d6;border-left:6px solid var(--yel);padding:.8rem 1rem;border-radius:.5rem}
.resources .list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem}
.res{background:#fff;border-radius:.8rem;padding:.9rem 1rem;box-shadow:0 1px 5px rgba(0,0,0,.07)}.res h3{margin:0 0 .3rem;font-size:1rem;line-height:1.3}.res p{margin:.25rem 0;font-size:.92rem}
.resources h3 a{color:var(--navy)}
.jgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:1rem}
.jur{background:#fff;border-radius:1rem;padding:1rem 1.1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border-top:6px solid var(--navy)}.jur.vic{border-top-color:#b04a00}
.jur h3{margin:0 0 .5rem;color:var(--navy);font-size:1.2rem}.jur .code{background:var(--yel);color:var(--navy);border-radius:.4rem;padding:.05rem .45rem;font-size:.85rem;margin-right:.3rem;vertical-align:2px}
.jur p{margin:.45rem 0;font-size:.93rem}.flag{background:#fdebd8;color:#7a3300;border-radius:.4rem;padding:.4rem .6rem;font-weight:700;font-size:.88rem!important}
.notify{background:#f2f5fb;border-radius:.5rem;padding:.55rem .7rem}.tel{font-weight:800;font-size:1.15rem;color:#b91c1c;white-space:nowrap}
.ph .tel{font-size:1rem}.ph span,.notify span{color:#444}
.sm{font-size:.86rem!important;color:#444}.caution{color:#7a3300!important}.foot{font-style:italic}
@media (max-width:640px){.jgrid{grid-template-columns:1fr}.emergency{font-size:1rem}}

/* state pages */
.crumbs{font-size:.9rem;margin:.2rem 0 .6rem}.crumbs span{color:#555}
.state h1{color:var(--navy);font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:.3rem 0 .6rem}
.jgrid.one{grid-template-columns:1fr;max-width:44rem}
.more{margin-top:.6rem!important}.more a{font-weight:700;color:var(--navy)}
.faq details{background:#fff;border-radius:.7rem;padding:.7rem 1rem;margin:.5rem 0;box-shadow:0 1px 5px rgba(0,0,0,.07)}.faq summary{cursor:pointer;font-weight:700;color:var(--navy)}.faq details p{margin:.5rem 0 0}
.watch{background:var(--navy);color:#fff;border-radius:1rem;padding:1.1rem 1.2rem;margin:1.5rem 0}.watch h2{color:#fff;border-bottom-color:var(--yel);margin-top:0}.cta{display:inline-block;background:var(--yel);color:var(--navy);font-weight:800;text-decoration:none;padding:.6rem 1.2rem;border-radius:999px}.cta:hover{background:#ffd84d}
.others a{white-space:nowrap}
.about .reslink{margin-top:1rem;font-weight:700}.about .reslink a{color:var(--navy)}
.emergency .tel{color:#fff;text-decoration:underline;font-size:inherit}

/* header buttons: YouTube + Resources */
.hbtns{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}
.yt.rbtn{background:var(--yel);color:#14213d;padding-left:.6rem}
.yt.rbtn:hover,.yt.rbtn:focus-visible{background:#ffd84d;color:#14213d}
.yt.rbtn svg{width:20px;height:20px}
@media (max-width:640px){.hbtns{gap:.4rem}.yt.rbtn svg{width:17px;height:17px}
header.bar.hb{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:.55rem;row-gap:.4rem;padding:.5rem calc(.5rem + 3.7px) .55rem .5rem}header.bar.hb .logo{grid-column:1;grid-row:1;width:38px;height:38px}header.bar.hb .title{grid-column:2;grid-row:1;justify-self:start;font-size:1.9rem}header.bar.hb .hbtns{grid-column:1/-1;grid-row:2;display:flex;gap:.5rem;justify-self:stretch;margin:0 1.5px 0 5px}header.bar.hb .yt{flex:1 1 0;min-width:max-content;justify-content:center;font-size:.95rem;padding:.38rem .45rem;gap:.4rem;min-height:1.9rem;box-sizing:border-box}header.bar.hb .yt svg{width:26px;height:19px}header.bar.hb .yt.rbtn svg{width:19px;height:19px}}
.safety-note{margin:.35rem 0 1rem;font-size:.75rem;line-height:1.4;color:#6b7280}

/* pinned Shorts + rotating character carousel */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.pinned{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pinned figure{margin:0}
.sgrid .carousel .shorts>figure{flex:0 0 calc((100% - 1rem)/2)}
@media (max-width:640px){.sgrid{grid-template-columns:1fr;gap:.9rem}.pinned{gap:.6rem}.sgrid .carousel .shorts>figure{flex-basis:calc((100% - .6rem)/2)}}


/* footer social icons */
footer .socs{display:inline-flex;gap:.25rem;vertical-align:middle;margin-left:.35rem}footer a.soc{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff}footer a.soc:hover{background:rgba(255,255,255,.12)}footer a.soc svg{display:block}footer a.soc:focus-visible{outline:3px solid #ffc300;outline-offset:2px}
.yt.igbtn{background:linear-gradient(45deg,#f58529 0%,#dd2a7b 50%,#8134af 100%);color:#fff;padding-left:.6rem}
.yt.igbtn:hover,.yt.igbtn:focus-visible{background:linear-gradient(45deg,#f79a4a 0%,#e4489a 50%,#9550c2 100%);color:#fff}
.yt.igbtn svg{width:20px;height:20px}
@media (max-width:640px){header.bar.hb{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:0;padding:.5rem}header.bar.hb .logo{width:42px;height:42px;flex:none;margin:-6px -3px -6px -6px}header.bar.hb .title{font-size:min(1.9rem,calc((100vw - 162px)/6.6));line-height:1;white-space:nowrap;margin:0;flex:0 1 auto;min-width:0}header.bar.hb .hbtns{display:flex;flex:none;gap:4px;margin:0 0 0 auto;justify-self:auto}header.bar.hb .yt{flex:none;width:30px;height:30px;min-height:30px;min-width:0;padding:0;gap:0;justify-content:center;border-radius:50%}header.bar.hb .yt span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header.bar.hb .yt svg{width:20px;height:14px}header.bar.hb .yt.rbtn svg,header.bar.hb .yt.igbtn svg{width:17px;height:17px}}
footer a.soc.mail{display:none}@media (max-width:640px){footer .femail{display:none}footer a.soc.mail{display:inline-flex}}
@media (min-width:641px){header.bar.hb .logo{width:62px;height:62px;margin:-9px -12px -12px -9px}}

.crew-watch{font-size:.85em;font-weight:600;white-space:nowrap;margin-left:.25em;text-decoration:none}
.crew-watch:hover,.crew-watch:focus{text-decoration:underline}
.pinned{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pinned h3{overflow-wrap:anywhere}.sgrid>*{min-width:0}
.doc.wide{max-width:64rem}.sall{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin:1rem 0}.sall figure{margin:0}.sall figure h3{font-size:.95rem;line-height:1.3;margin:.5rem .1rem 0}.seeall{margin:.6rem 0 0;font-weight:700}