:root{--navy:#07172c;--navy2:#102943;--navy3:#173b50;--ink:#0b1b2d;--gold:#f3bd53;--gold2:#ffd783;--cream:#f7f4ec;--white:#fff;--muted:#a8b9c4;--line:rgba(255,255,255,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{max-width:1260px;width:calc(100% - 72px);margin:0 auto}.announcement{background:#e9b04a;color:#07172c;min-height:33px;display:flex;align-items:center;justify-content:center;gap:14px;letter-spacing:.19em;font-weight:800;font-size:10px;text-align:center;padding:8px}.gold-dot{display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;flex:none}.announcement-divider{height:10px;width:1px;background:#77571f}.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-logo{width:61px;height:61px;object-fit:contain;border-radius:50%;background:#122a43;flex:none}.brand-name{font-family:'Oswald',Impact,sans-serif;font-size:22px;line-height:1;letter-spacing:.04em;font-weight:700;white-space:nowrap}.brand-name strong{color:var(--gold)}.brand-name small{display:block;font-size:9px;letter-spacing:.21em;font-family:'DM Sans',sans-serif;font-weight:800;color:var(--gold);margin-top:8px}.nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:800;letter-spacing:.035em}.nav>a:not(.nav-cta){transition:color .2s}.nav>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:14px 18px;color:var(--gold);display:flex;gap:24px}.nav-cta:hover{background:var(--gold);color:var(--navy)}.menu-button{display:none}
.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:634px;align-items:stretch;gap:10px}.hero-copy{padding:84px 0 75px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:12px;color:var(--gold);margin:0 0 22px}.eyebrow-line{width:25px;height:2px;background:currentColor}.eyebrow.dark{color:#be8e35}.hero h1,.section h2,.join-section h2{font-family:'Oswald',Impact,sans-serif;line-height:1.08;letter-spacing:-.024em;font-size:clamp(56px,5.9vw,89px);font-weight:700;margin:0}.hero h1 .outline{-webkit-text-stroke:1.5px #ecf3f5;color:transparent}.hero h1 .highlight,.section h2 em,.join-section h2 em{color:var(--gold);font-style:normal}.hero-intro{max-width:510px;color:#c9d6db;font-size:16px;line-height:1.83;margin:28px 0 29px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:40px;justify-content:space-between;font-size:13px;font-weight:800;min-height:55px;padding:0 22px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:var(--navy)}.button span{font-size:18px}.text-link{font-size:13px;font-weight:800;color:#fff;border-bottom:1px solid #496075;padding:14px 0;display:flex;gap:24px}.trust-line{color:#a6b9c4;font-weight:800;font-size:9px;letter-spacing:.09em;margin-top:50px}.trust-star{color:var(--gold);font-size:16px;margin-right:4px}.trust-sep{color:var(--gold);margin:0 9px}.hero-visual{position:relative;align-self:stretch;margin:45px 0 38px 50px;background:linear-gradient(145deg,#16374c,#0b2139 70%);border:1px solid rgba(243,189,83,.35);overflow:hidden;box-shadow:18px 18px 0 rgba(0,0,0,.11)}.track-top,.hero-visual-footer{position:absolute;left:26px;right:26px;top:24px;display:flex;justify-content:space-between;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em;z-index:3}.hero-visual-footer{top:auto;bottom:30px;font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:#e9f3f2}.hero-visual-footer em{font-style:normal;color:var(--gold)}.track-art{position:absolute;inset:0;transform:rotate(-23deg)}.track-ring{position:absolute;border:35px solid rgba(243,189,83,.20);border-radius:50%;width:560px;height:560px;top:42px;left:-80px}.ring-two{width:425px;height:425px;top:109px;left:-12px;border-width:3px;border-color:rgba(243,189,83,.75)}.ring-three{width:335px;height:335px;top:154px;left:33px;border-width:25px;border-color:#285967}.track-inner{position:absolute;top:240px;left:117px;width:165px;height:165px;background:#0e2d3e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #537b79;transform:rotate(23deg)}.track-inner span{font:700 88px/.8 'Oswald';color:var(--gold)}.track-inner small{font:700 12px 'DM Sans';letter-spacing:.38em;color:#f4f6ee;margin-top:16px}.track-stripe{position:absolute;height:15px;width:680px;left:-115px;background:#f3bd53;opacity:.14;transform:rotate(38deg)}.stripe-one{top:170px}.stripe-two{bottom:125px}.hero-visual-accent{position:absolute;color:#f3bd53;font:700 110px 'Oswald';letter-spacing:-.07em;bottom:90px;right:-7px;opacity:.08}.hero-bottom{border-top:1px solid var(--line);background:#092038}.hero-bottom-inner{display:flex;justify-content:space-between;align-items:center;min-height:57px;color:#d9e3e5;font-size:10px;letter-spacing:.17em;font-weight:800}.hero-bottom b{color:var(--gold);margin-left:16px;font-size:18px}
.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2{font-size:clamp(45px,4.5vw,67px)}.picks-section .section h2 em,.picks-section h2 em,.method-section h2 em{color:#c4913c}.section-desc{color:#526370;max-width:650px;font-size:15px;line-height:1.75;margin:17px 0 0}.date-stamp{text-align:right;border-left:2px solid var(--gold);padding:7px 0 7px 17px;min-width:175px}.date-stamp small{display:block;color:#84939d;font-size:10px;letter-spacing:.17em;font-weight:800}.date-stamp strong{display:block;font:600 22px 'Oswald';margin-top:3px}.feed-status{display:flex;align-items:center;gap:11px;font-size:12px;color:#516a70;margin:0 0 20px;font-weight:700;min-height:22px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#c4933c;box-shadow:0 0 0 4px rgba(196,147,60,.14)}.feed-status.is-live .pulse-dot{background:#18805d;box-shadow:0 0 0 4px rgba(24,128,93,.13)}.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.selection-card{min-height:385px;display:flex;flex-direction:column;background:#fff;border:1px solid #dddcd6;box-shadow:0 8px 24px rgba(6,28,43,.04);position:relative;overflow:hidden}.nap-card{background:var(--navy);color:#fff;border-color:var(--navy)}.nap-card:before{content:'01';font:700 250px 'Oswald';color:rgba(255,255,255,.027);position:absolute;right:-15px;top:4px;line-height:1}.pick-top,.pick-footer{padding:21px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(153,160,163,.3);position:relative}.pick-index{font-size:10px;letter-spacing:.15em;font-weight:800;opacity:.7}.pick-pill{background:var(--gold);color:var(--navy);font-size:13px;font-family:'Oswald';font-weight:700;letter-spacing:.07em;padding:8px 12px}.gold-pill{background:var(--navy);color:var(--gold)}.pick-content{padding:31px 25px 20px;flex:1;position:relative}.card-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--gold)}.nbb-card .card-kicker{color:#c28e31}.pick-content h3{font:600 clamp(30px,3vw,43px)/1.15 'Oswald',sans-serif;letter-spacing:-.01em;margin:14px 0 9px}.race-detail{color:#b7c7cf;font-size:13px;margin:0;font-weight:700}.nbb-card .race-detail{color:#687784}.pick-reason{font-size:13px;line-height:1.7;max-width:460px;margin:29px 0 5px;color:#c9d8de}.nbb-card .pick-reason{color:#53646e}.pick-footer{border-bottom:0;border-top:1px solid rgba(153,160,163,.3);padding:15px 25px;font-size:10px;font-weight:800;letter-spacing:.12em}.pick-mark{font-size:22px;color:var(--gold)}.nbb-card .pick-mark{color:#c28e31}.others-wrap{margin-top:36px;border-top:1px solid #dcd9d0;padding-top:30px}.others-heading{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.others-heading h3{font:600 30px 'Oswald';margin:0}.others-heading h3 em{font-style:normal;color:#c28e31}.others-heading p{color:#5e6d75;margin:0}.others-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.other-card{background:#fff;padding:22px;border:1px solid #dcd9d0;min-width:0;overflow-wrap:anywhere}.other-reason{margin:16px 0 0;padding-top:14px;border-top:1px solid #e8e4db;color:#53646e;font-size:13px;line-height:1.7;white-space:pre-line}.other-card strong{display:block;font:600 25px 'Oswald';margin-top:6px}.other-card small{font-size:12px;color:#667580;display:block;margin-top:7px}.other-card .other-index{color:#b98b3e;font:800 10px 'DM Sans';letter-spacing:.15em}.selection-notice{margin:23px 0 0;color:#6b7b83;font-size:11px;line-height:1.7}.marquee{background:var(--gold);color:#0c2033;overflow:hidden;white-space:nowrap;padding:20px 0;font:700 19px 'Oswald';letter-spacing:.1em}.marquee>div{width:max-content;margin:auto}.marquee span{color:#fff;margin:0 25px}
.results-section{background:var(--navy2);color:#fff}.results-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px;align-items:center}.results-section h2{font-size:clamp(55px,5.2vw,78px)}.results-section h2 em{color:var(--gold)}.results-layout>div>p:not(.eyebrow){color:#b9cad0;max-width:470px;line-height:1.85;font-size:15px}.results-layout>div>p.results-footnote{font-size:12px;color:#99afba}.results-panel{border:1px solid rgba(243,189,83,.45);background:rgba(3,19,38,.24)}.results-panel-head{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.15em;padding:20px 26px;color:var(--gold);border-bottom:1px solid rgba(255,255,255,.18)}.result-row{display:flex;align-items:center;justify-content:space-between;padding:28px 26px;border-bottom:1px solid rgba(255,255,255,.12)}.result-row>span{font:500 23px 'Oswald'}.result-row strong{font-size:13px;color:#c8d6da;font-weight:700}.result-number{color:var(--gold);font:700 13px 'DM Sans';margin-right:20px}.results-panel-bottom{padding:23px 26px;display:flex;align-items:center;gap:11px;color:#9bafb9;font-size:11px;line-height:1.6}.results-panel-bottom .gold-dot{color:var(--gold)}.method-section{background:#f0eee7}.method-head>p{font-size:14px;line-height:1.8;color:#526370;max-width:400px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-item{border-top:3px solid #bd8d3c;background:#fff;padding:27px 26px 30px;min-height:266px;position:relative}.method-number{font:500 13px 'Oswald';color:#9e7e4d}.method-icon{width:50px;height:50px;border-radius:50%;border:1px solid #ead5ae;display:flex;align-items:center;justify-content:center;color:#b28a49;font-size:28px;margin:26px 0 18px}.method-item h3{font:700 27px 'Oswald';margin:0 0 11px}.method-item p{font-size:13px;color:#647681;line-height:1.7;margin:0}
.merch-section{background:#163b49;color:#fff;overflow:hidden}.merch-inner{display:grid;grid-template-columns:80px 1fr 350px;gap:55px;align-items:center}.merch-stamp{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--gold);border-right:1px solid #5f7e7d;padding-right:16px}.merch-section h2{font-size:clamp(57px,5vw,75px)}.merch-section p:not(.eyebrow){color:#bed2d0;line-height:1.8;font-size:15px;max-width:520px}.coming-soon{border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.12em;padding:15px 18px;display:inline-block;margin-top:14px}.coming-soon span{margin:0 9px}.merch-art{height:315px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(245,206,133,.12),transparent 70%)}.cap-crown{position:absolute;width:240px;height:144px;border-radius:115px 115px 28px 28px;background:linear-gradient(150deg,#092037,#17354b);border:1px solid #34576c;top:59px;transform:rotate(-7deg);box-shadow:inset 18px -12px 25px rgba(0,0,0,.25),0 20px 26px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center}.cap-crown span{font:600 13px 'Oswald';letter-spacing:.12em;color:#d9b46c;transform:rotate(7deg);border:1px dashed #7b704d;padding:12px;text-align:center}.cap-visor{width:242px;height:77px;border-radius:55% 22% 65% 35%;background:linear-gradient(165deg,#0b213b,#050d18);position:absolute;top:174px;left:106px;transform:rotate(-13deg);border:1px solid #30475c;box-shadow:0 18px 30px rgba(0,0,0,.32)}.merch-caption{position:absolute;bottom:5px;font-size:9px;letter-spacing:.16em;color:#9abfbb;font-weight:800;text-align:center}.join-section{background:#0a1d33;color:#fff;padding:76px 0}.join-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.join-section h2{font-size:clamp(54px,5vw,80px)}.join-actions p{color:#b4c3cd;line-height:1.7;font-size:14px;max-width:490px}.social-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.social-buttons a{border:1px solid rgba(243,189,83,.5);padding:15px 16px;font-size:11px;font-weight:800;color:var(--gold);display:flex;justify-content:space-between;gap:20px}.social-buttons a:hover{background:var(--gold);color:var(--navy)}
.footer{background:#061325;color:#fff}.footer-main{display:grid;grid-template-columns:1.4fr .6fr 1fr;gap:80px;padding-top:65px;padding-bottom:58px}.footer-main>div>p{font-size:12px;line-height:1.8;color:#8fa6b7;max-width:285px}.footer-main h3{font-size:11px;color:var(--gold);letter-spacing:.15em;margin:7px 0 21px}.footer-main>div>a:not(.brand){display:block;font-size:12px;color:#b9c8d1;margin-bottom:15px}.footer-main a:hover{text-decoration:underline}.footer-main p a{color:var(--gold);text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#89a3b3}
@media(max-width:1100px){.nav{gap:18px}.hero-grid{grid-template-columns:1.07fr .93fr}.hero-visual{margin-left:0}.hero h1{font-size:clamp(56px,6.2vw,76px)}.merch-inner{grid-template-columns:40px 1fr 280px;gap:20px}.merch-art{transform:scale(.85)}}
@media(max-width:850px){.shell{width:calc(100% - 42px)}.site-header .header-inner{min-height:75px}.menu-button{display:flex;background:transparent;border:0;padding:9px;flex-direction:column;gap:5px;cursor:pointer;z-index:30}.menu-button span{display:block;height:2px;width:25px;background:var(--gold)}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#092038;flex-direction:column;align-items:stretch;padding:17px 24px 26px;gap:0;box-shadow:0 12px 15px rgba(0,0,0,.2)}.nav.is-open{display:flex}.nav a{padding:13px 0}.nav-cta{margin-top:10px;align-items:center;padding:12px!important}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:75px 0 48px}.hero-visual{margin:0 0 65px;height:345px}.track-art{transform:rotate(-23deg) scale(.9);transform-origin:center}.track-ring{top:-60px;left:calc(50% - 280px)}.ring-two{top:7px;left:calc(50% - 212px)}.ring-three{top:52px;left:calc(50% - 167px)}.track-inner{top:138px;left:calc(50% - 82px)}.results-layout{grid-template-columns:1fr;gap:30px}.method-head{align-items:start}.merch-inner{grid-template-columns:1fr 260px;gap:10px}.merch-stamp{display:none}.merch-art{transform:scale(.79)}.footer-main{gap:35px;grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:span 2}}
@media(max-width:600px){.announcement{font-size:8px;letter-spacing:.08em;gap:8px}.shell{width:calc(100% - 34px)}.brand-logo{width:49px;height:49px}.brand-name{font-size:18px}.brand-name small{font-size:8px}.hero-copy{padding:54px 0 46px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(47px,11.8vw,67px)}.hero-intro{font-size:14px;margin:24px 0}.hero-actions{gap:14px}.trust-line{font-size:8px;line-height:2;margin-top:33px}.hero-visual{height:290px;margin-bottom:28px;box-shadow:none}.hero-bottom-inner{font-size:9px}.hero-bottom-inner span:first-child{display:none}.hero-bottom-inner{justify-content:center}.section{padding:62px 0}.section-heading{align-items:start;display:block}.section h2{font-size:48px}.section-desc{font-size:13px}.date-stamp{margin-top:23px;text-align:left}.selection-grid,.others-grid,.method-grid,.join-inner{grid-template-columns:1fr}.selection-card{min-height:340px}.pick-content h3{font-size:34px}.results-section h2{font-size:60px}.method-head>p{font-size:13px}.method-item{min-height:auto}.merch-inner{grid-template-columns:1fr}.merch-art{transform:none;height:265px}.merch-art .cap-crown{top:37px}.merch-art .cap-visor{top:152px;left:calc(50% - 70px)}.join-section{padding:64px 0}.footer-main{grid-template-columns:1fr;gap:28px;padding:55px 0 34px}.footer-main>div:last-child{grid-column:auto}.footer-bottom{display:block;line-height:2.2}.marquee{font-size:16px}.marquee span{margin:0 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* 2026-11-04: approved existing lockup and art, supplied by the project owner.
   These are source-image crops/resizing only, not replacement brand artwork. */
.header-inner{min-height:100px}
.brand{min-width:0;gap:0}
.brand-logo{width:238px;height:auto;max-height:93px;object-fit:contain;border-radius:0;background:transparent;display:block;flex:none}
.footer-brand .brand-logo{width:246px;max-height:none}
.hero-visual{
  background-color:#07172c;
  background-image:linear-gradient(180deg,rgba(2,12,29,.25),rgba(2,12,29,.08) 45%,rgba(2,12,29,.85)),url('./assets/brand-banner.webp');
  background-repeat:no-repeat;
  background-size:cover, auto 116%;
  background-position:center, 78% center;
  border-color:rgba(233,176,74,.55);
}
.hero-visual-footer{text-shadow:0 2px 12px #000}
@media(max-width:850px){.site-header .header-inner{min-height:82px}.nav{top:82px}.brand-logo{width:219px;max-height:78px}}
@media(max-width:600px){.brand-logo{width:202px;max-height:77px}.footer-brand .brand-logo{width:235px}.hero-visual{background-size:cover, auto 124%;background-position:center, 75% center}}

.cap-crown .cap-lockup{width:156px;height:auto;max-height:75px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
/* 2026-11-04: Improve legibility of the owner-approved logo. No artwork changes.
   At ~238 CSS px the detailed lettering loses definition when downscaled.
   Display it larger while preserving natural aspect ratio and mobile menu clearance. */
@media (min-width: 851px) {
  .header-inner { min-height: 112px; }
  .brand-logo { width: 315px; height: auto; max-height: none; }
  .footer-brand .brand-logo { width: 300px; max-height: none; }
}
@media (min-width: 601px) and (max-width: 850px) {
  .site-header .header-inner { min-height: 94px; }
  .nav { top: 94px; }
  .brand-logo { width: 265px; height: auto; max-height: none; }
}
@media (max-width: 600px) {
  .site-header .header-inner { min-height: 84px; }
  .nav { top: 84px; }
  .brand-logo { width: min(230px, 57vw); height: auto; max-height: none; }
  .footer-brand .brand-logo { width: 265px; max-width: 100%; max-height: none; }
}

/* Keep the complete approved banner visible in the stacked mobile/tablet layout. */
@media (max-width: 850px) {
  .hero-visual {
    height: auto;
    aspect-ratio: 1983 / 793;
    background-image: url('./assets/brand-banner.webp');
    background-size: 100% 100%;
    background-position: center;
    box-shadow: none;
  }
  .hero-visual .track-top,
  .hero-visual .hero-visual-footer { display: none; }
}