/* FTX photo-first (B) + Rogue type (C).  Homepage, /fort-worth, /online.
   Type copies roguefitness.com (verified Oct 31 2026): headings, nav and CTAs = Roboto Condensed Bold 700, UPPERCASE,
   letter-spacing normal, line-height 1; body = Roboto 400 16px/24px; secondary buttons/links = Roboto.
   Files are the open Google Roboto v2.138 (Apache 2.0) builds, latin subset, self-hosted; Roboto Mono kept for data cells.
   Colour = Sample C gritty palette: kraft paper #e8e2d5 (bands #dcd4c3) with fine paper grain, charcoal ink #1c1b19,
   muted #5b574f, charcoal bands #1c1b19 (text #e8e2d5 / #bdb6a7), full-colour photos with light grain, crisp charcoal rules,
   Buttons are charcoal #1c1b19 with tan #e8e2d5 text (13.3:1), hover #3a3833 (9.1:1); inside charcoal bands they invert
   to tan with charcoal text (hover #f6f3ec). Charcoal vs tan background 13.3:1.
   No FTX blue anywhere on these pages (shared nav/footer blues are overridden below).
   Rules: big real photos,
   rule-lined spec tables, no icons, no numbered labels, no card grids. Edit here, not inline. */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roboto-400.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/roboto-700.woff2) format('woff2')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roboto-condensed-400.woff2) format('woff2')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/roboto-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/roboto-mono-var.woff2) format('woff2')}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.hy{margin:0;background:#e8e2d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .1 0 0 0 0 .09 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;color:#1c1b19!important;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.hy img{max-width:100%}
.hy .ftx-mobile-bar{display:none}
@media(max-width:1000px){.hy .ftx-mobile-bar{display:flex!important}body.hy{padding-bottom:74px}}

.hx{--ink:#1c1b19;--mut:#5b574f;--acc:#1c1b19;--acc-dk:#3a3833;--acc-tx:#e8e2d5;--paper:#e8e2d5;--warm:#dcd4c3;--rule:#1c1b19;--hair:rgba(28,27,25,.35);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .1 0 0 0 0 .09 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;color:var(--ink);background:var(--grain),var(--paper);font-size:16px;line-height:1.5;overflow-x:hidden}
.hx p{margin:0}
.hx .w{max-width:1320px;margin:0 auto;padding:0 40px}
.hx .sec{padding:112px 0}
.hx .warm{background:var(--grain),var(--warm)}
.hx .dark{--ink:#e8e2d5;--mut:#bdb6a7;--rule:#e8e2d5;--hair:rgba(232,226,213,.3);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .91 0 0 0 0 .89 0 0 0 0 .84 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background:var(--grain),#1c1b19;color:var(--ink)}
.hx .dark .btn{background:#e8e2d5;color:#1c1b19!important}
.hx .dark .btn:hover{background:#f6f3ec}
.hx .k{display:block;margin:0 0 14px;font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--mut)}
.hx .mono{font-family:'Roboto Mono',ui-monospace,monospace;font-weight:500}
.hx h1,.hx h2,.hx h3{font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:normal;line-height:1;color:var(--ink);margin:0}
.hx h1{font-size:clamp(2.75rem,6.25vw,5rem);line-height:1;text-wrap:balance}
.hx h2{font-size:clamp(2.25rem,3.75vw,3rem);line-height:1}
.hx h3{font-size:1.5rem;line-height:1}
.hx h1 em,.hx h2 em{font-style:normal}
.hx .lead{font-size:1.125rem;line-height:1.45;max-width:46ch;margin-top:18px}
.hx .fine{font-size:1rem;color:var(--mut)}

/* actions */
.hx .acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:28px}
.hx .btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:6px 30px;background:var(--acc);color:var(--acc-tx)!important;font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;font-size:1.125rem;text-transform:uppercase;letter-spacing:normal;text-decoration:none;border:0;border-radius:3px;text-align:center;line-height:1.1;transition:background .12s}
.hx .btn:hover{background:var(--acc-dk)}
/* secondary button: outlined charcoal, fills on hover */
.hx .btn.dark{background:transparent;color:#1c1b19!important;box-shadow:inset 0 0 0 2px #1c1b19}.hx .btn.dark:hover{background:#1c1b19;color:#e8e2d5!important}
.hx .dark .btn{background:#e8e2d5;color:#1c1b19!important}
.hx .dark .btn:hover{background:#f6f3ec}
.hx .dark .btn.dark{background:transparent;color:#e8e2d5!important;box-shadow:inset 0 0 0 2px #e8e2d5}.hx .dark .btn.dark:hover{background:#e8e2d5;color:#1c1b19!important}
.hx .tl{display:inline-flex;align-items:center;min-height:44px;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:1rem;color:var(--ink)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.hx .tl:hover{text-decoration-thickness:3px}
.hx .nc{font-family:'Roboto Mono',monospace;font-weight:500;font-size:.75rem;letter-spacing:.02em;margin-top:3px;opacity:.9}

/* photos: full natural colour, +7% contrast, light film grain (5%) */
.hx .ph{position:relative;overflow:hidden;background:#222}
.hx .ph>img,.hx .ph>picture img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.07)}
.hx .ph>picture{display:block;width:100%;height:100%}
.hx .ph:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hx .cap{display:block;margin-top:12px;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--mut)}

/* hero: full-bleed photo, words on paper below */
.hx-hero .ph{border-bottom:3px solid var(--rule)}
.hx-hero .ph{height:min(var(--ph,56vh),600px);min-height:340px}
.hx-hero .ph img{object-position:var(--pos,center 40%)}
.hx-hero h1{font-size:clamp(2.75rem,6.25vw,5rem)}
.hx-hero .w{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:24px 64px;align-items:end;padding-top:40px;padding-bottom:20px}
.hx-hero .k{margin-bottom:12px}
.hx-hero .w.sw{display:block;padding-top:0;padding-bottom:0}
.hx-hero .side .lead{margin-top:0}
.hx-hero .side .acts{margin-top:22px}
.hx-hero .note{margin-top:14px;font-size:1rem;color:var(--mut)}
.hx-hero .side>script{display:none}

/* stats: one spec row */
.hx-spec{border-top:3px solid var(--rule);border-bottom:2px solid var(--rule);margin-top:56px}
.hx-spec .g{display:grid;grid-template-columns:repeat(4,1fr)}
.hx-spec .g>div{display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px 24px;border-left:1px solid var(--hair)}
.hx-spec .g>div:first-child{border-left:0;padding-left:0}
.hx-spec dt,.hx-spec span{display:block;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--mut)}
.hx-spec b{display:block;margin-top:8px;font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(2.5rem,4.4vw,3.5rem);line-height:1;color:var(--ink)}
.hx-spec+.fine{margin-top:12px}
.hx-spec .src{display:block;margin-top:8px;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1rem;text-transform:none;color:var(--mut)}
/* homepage hero: two-sentence headline, one sentence per line */
.hx-hero-home h1{font-size:clamp(2.5rem,4.6vw,4.25rem)}
.hx-hero-home .w{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:24px 48px}

/* section heads */
.hx .head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 56px;flex-wrap:wrap;margin-bottom:44px}
.hx .head .lead{margin-top:0;max-width:40ch;color:var(--mut)}

/* spec table (programs, pricing, teams, schedule) */
.hx-table{border-top:3px solid var(--rule)}
.hx-row{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr)) 170px;gap:0 28px;align-items:start;padding:26px 0;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}
.hx-row.thumb{grid-template-columns:200px minmax(0,1.3fr) repeat(3,minmax(0,1fr)) 190px}
.hx-row .ph{aspect-ratio:4/3}
.hx-row h3{font-size:1.5rem}
.hx-row .nm p{margin-top:8px;color:var(--mut);font-size:1rem;max-width:32ch}
.hx-row dl{margin:0}
.hx-row dt{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--mut)}
.hx-row dd{margin:4px 0 0;font-family:'Roboto Mono',monospace;font-weight:500;font-size:1rem;line-height:1.4}
.hx-row .go{align-self:center;justify-self:end;text-align:right}
.hx-row .go .btn{white-space:nowrap}
.hx-table:has(.hx-thead) .hx-row dt{display:none}
.hx-table:has(.hx-thead) .hx-row{align-items:center}
a.hx-row:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hx-thead{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr)) 170px;gap:0 28px;padding:12px 0;border-bottom:1px solid var(--rule)}

/* big photo with words on it (used once or twice per page) */
.hx-full{position:relative;color:#fff}
.hx-full .ph{height:min(82vh,760px);min-height:460px}
.hx-full .ph img{object-position:var(--pos,center 40%)}
.hx-full .ph:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.66),rgba(0,0,0,0) 52%)}
.hx-full .ov{position:absolute;left:0;right:0;bottom:0;z-index:2}
.hx-full .ov .w{padding-bottom:52px}
.hx-full h2{color:#fff;max-width:14ch}
.hx-full .k{color:#fff}
.hx-full .lead{color:#fff}
.hx-full .tl{color:#fff!important}
.hx-full .tl:hover{color:#fff!important;opacity:.8}

/* two photos, unequal */
.hx-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start}
.hx-pair .ph{height:660px}
.hx-pair figure:last-child .ph{height:500px}
.hx-pair figure{margin:0}
.hx-pair figcaption{padding:22px 0 0}
.hx-pair figcaption p{color:var(--mut);margin-top:8px;max-width:40ch}

/* split: photo + words */
.hx-split{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
.hx-split.rev>:first-child{order:2}
.hx-split .ph{aspect-ratio:4/5}

/* rule list (no numbers) */
.hx-list{list-style:none;margin:32px 0 0;padding:0;border-top:2px solid var(--rule)}
.hx-list li{display:grid;grid-template-columns:220px 1fr;gap:6px 24px;padding:15px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.hx-list b{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.0625rem;text-transform:uppercase}
.hx-list span{color:var(--mut)}
.hx-list.one li{grid-template-columns:1fr}
.hx .close{margin-top:28px;font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:1.5rem;line-height:1}

/* steps as rows */
.hx-steps{margin-top:8px}

/* roster (coaches) */
.hx-roster{border-top:2px solid var(--rule)}
.hx-roster>div{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.6fr);gap:0 32px;align-items:center;padding:18px 0;border-bottom:1px solid var(--rule)}
.hx-roster .ph{aspect-ratio:1/1;width:120px}
.hx-roster .ph img{object-position:center 20%}
.hx-roster h3{font-size:1.5rem}
.hx-roster .role{margin-top:6px;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--mut)}
.hx-roster p{color:var(--ink);font-size:1rem}

/* schedule */
.hx-sched{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.hx-times{border-top:2px solid var(--rule);margin:0}
.hx-times>div{display:grid;grid-template-columns:180px 1fr;gap:6px 20px;padding:16px 0;border-bottom:1px solid var(--rule)}
.hx-times dt{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.0625rem;text-transform:uppercase}
.hx-times dd{margin:0;font-family:'Roboto Mono',monospace;font-weight:500;font-size:1rem;line-height:1.5}
.hx-map{aspect-ratio:4/3;border:2px solid var(--rule);background:#e9e7e1}
.hx-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.7) sepia(.1)}
.hx-addr{margin-top:14px;border-top:2px solid var(--rule)}
.hx-addr a,.hx-addr span{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--rule);padding:8px 0}
.hx-addr a{color:var(--ink)!important;font-weight:700;text-decoration:none}
.hx-addr a:hover{text-decoration:underline}

/* mosaic: one big + small, not equal */
.hx-mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:300px 300px;gap:10px}
.hx-mosaic .ph:first-child{grid-row:span 2}
.hx-mosaic .ph:nth-child(4){grid-column:span 2}

/* app screens */
.hx-shots{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;align-items:start}
.hx-shots figure{margin:0}
.hx-shots .ph{aspect-ratio:9/16;background:#111}
.hx-shots .ph img{object-position:top;filter:none}
.hx-shots .ph:after{display:none}
.hx-shots figure:nth-child(2){margin-top:64px}.hx-shots figure:nth-child(3){margin-top:128px}

/* fold-outs (cut content kept here) */
.hx-more{margin-top:64px;border-top:2px solid var(--rule)}
.hx-more details{border-bottom:1px solid var(--rule)}
.hx-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.125rem;text-transform:uppercase}
.hx-more summary::-webkit-details-marker{display:none}
.hx-more summary:after{content:"+";flex:0 0 auto;font-family:'Roboto Mono',monospace;font-weight:500;font-size:1.5rem;line-height:1}
.hx-more details[open] summary:after{content:"\2013"}
.hx-more summary:hover{text-decoration:underline;text-underline-offset:5px}
.hx-more .in{padding:4px 0 30px;display:grid;gap:14px;max-width:900px;font-size:1.0625rem}
.hx-more .in a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}
.hx-more .in a:hover{text-decoration-thickness:3px}
.hx-more .in a.btn{color:var(--acc-tx)!important;text-decoration:none}
.hx-more .chips{display:flex;flex-wrap:wrap;gap:0 28px}
.hx-more .gal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}
.hx-more .gal .ph{aspect-ratio:1/1}
.hx-more .gal.two{grid-template-columns:1fr 1fr}
.hx-more .gal.two .ph{aspect-ratio:3/4}
.hx-more .gal.two .ph img{object-position:top;filter:none}

/* compare (online) */
.hx-compare{display:grid;grid-template-columns:200px 1fr 1fr;border-top:2px solid var(--rule)}
.hx-compare>div{padding:18px 24px 18px 0;border-bottom:1px solid var(--rule)}
.hx-compare>div:nth-child(3n+2),.hx-compare>div:nth-child(3n){padding-left:24px;border-left:1px solid var(--hair)}
.hx-compare .lab{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;color:var(--mut)}
.hx-compare .hd h3{font-size:1.6rem}
.hx-compare .v{font-family:'Roboto Mono',monospace;font-weight:500;font-size:1rem}
.hx-compare .ft{border-bottom:0}

/* final */
.hx-final{text-align:center;padding:128px 0 112px}
.hx-final h2{font-size:clamp(2.75rem,6.25vw,5rem);max-width:none}
.hx-final .lead{margin:18px auto 0}
.hx-final .acts{justify-content:center}
.hx-final .addr{display:flex;flex-wrap:wrap;justify-content:center;gap:0 32px;margin-top:44px;padding-top:18px;border-top:1px solid var(--rule)}
.hx-final .addr a{font-family:'Roboto Mono',monospace;font-weight:500;font-size:1rem;color:var(--ink)!important;text-decoration:none;min-height:48px;display:inline-flex;align-items:center}
.hx-final .addr a:hover{text-decoration:underline!important}

/* sticky mobile bar */
.hy .ftx-mobile-bar.hx-bar{position:fixed;bottom:0;left:0;right:0;z-index:300;background:#e8e2d5;border-top:2px solid #1c1b19;padding:9px 10px calc(9px + env(safe-area-inset-bottom));gap:8px;align-items:stretch}
.hx-bar a{text-decoration:none}
.hx-bar .call{flex:0 0 84px;display:flex;align-items:center;justify-content:center;min-height:54px;border:2px solid #1c1b19;border-radius:3px;color:#1c1b19;font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase}
.hx-bar .go{flex:1;display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:3px;background:#1c1b19;color:#e8e2d5;font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;font-weight:700;font-size:1.125rem;text-transform:uppercase}

/* ---------- shared nav, restyled for these pages (same markup + JS) ---------- */
body.hy header.fxn{background:#e8e2d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .1 0 0 0 0 .09 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;border-bottom:3px solid #1c1b19;font-family:Roboto,Helvetica,Arial,sans-serif}
body.hy .fxn-in{max-width:1320px;padding:0 40px;height:68px}
body.hy .fxn-logo img{filter:invert(1);height:34px}
body.hy .fxn-top{font:700 1rem/1 'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;letter-spacing:normal;text-transform:uppercase;color:#1c1b19!important;border-radius:0}
body.hy .fxn-top:hover,body.hy .fxn-item.open>.fxn-top{color:#1c1b19!important;background:rgba(28,27,25,.07)}
body.hy .fxn-top.fxn-cur,body.hy .fxn-top[aria-current="page"]{color:#1c1b19!important;box-shadow:inset 0 -3px 0 #1c1b19;border-radius:0}
body.hy .fxn-panel{background:#e8e2d5;border:2px solid #1c1b19;border-radius:0;box-shadow:0 18px 40px rgba(28,27,25,.18)}
body.hy .fxn-kicker{font:700 .875rem/1.2 'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;letter-spacing:normal;color:#5b574f}
body.hy .fxn-panel a{color:#1c1b19!important;font:700 1rem/1.25 Roboto,Helvetica,Arial,sans-serif;border-radius:0}
body.hy .fxn-panel a small{color:#5b574f;font-size:.875rem;font-weight:400}
body.hy .fxn-panel a:hover{background:#dcd4c3}
body.hy .fxn-panel a[aria-current="page"]{background:#dcd4c3;box-shadow:inset 3px 0 0 #1c1b19}
body.hy .fxn-cta{border-radius:3px;font:700 1rem/1 'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:normal;padding:0 1.2rem}
body.hy .fxn-cta{background:#1c1b19!important;color:#e8e2d5!important}
body.hy .fxn-cta:hover{background:#3a3833!important}
body.hy .fxn-burger{border:2px solid #1c1b19;border-radius:0}
body.hy .fxn-burger span{background:#1c1b19}
body.hy .fxn-top:focus-visible,body.hy .fxn-panel a:focus-visible,body.hy .fxn-cta:focus-visible,body.hy .fxn-burger:focus-visible,body.hy .fxn-mcta a:focus-visible{outline:2px solid #1c1b19;outline-offset:2px}
@media (max-width:959px){
  body.hy .fxn-in{height:60px;padding:0 20px}
  body.hy .fxn-logo img{height:30px}
  body.hy nav.fxn-nav{background:#e8e2d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .1 0 0 0 0 .09 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;border-top:2px solid #1c1b19!important}
  body.hy .fxn-item{border-bottom:1px solid rgba(28,27,25,.35)}
  body.hy .fxn-panel{border:0;box-shadow:none;background:none}
  body.hy .fxn-top:hover,body.hy .fxn-item.open>.fxn-top{background:none}
  body.hy .fxn-top{font-size:1.125rem}
  body.hy .fxn-top.fxn-cur,body.hy .fxn-top[aria-current="page"]{box-shadow:none;color:#1c1b19!important;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
  body.hy .fxn-mcta a{border-radius:3px;font:700 1.125rem/1.1 'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:normal}
  body.hy .fxn-mcta small{font:400 .875rem/1.2 Roboto,Helvetica,Arial,sans-serif;text-transform:none}
  body.hy .fxn-mcta .q{background:transparent;border:2px solid #1c1b19!important;color:#1c1b19!important}
  body.hy .fxn-mcta .s{border:2px solid rgba(28,27,25,.45)!important;color:#1c1b19!important;font:700 1rem/1 Roboto,Helvetica,Arial,sans-serif}
}
/* sticky bar / mobile menu / shared inline blues -> charcoal */
.hx-bar .go:hover{background:#3a3833}
body.hy .fxn-mcta .p{background:#1c1b19!important;color:#e8e2d5!important}
body.hy .fxn-mcta .p:hover{background:#3a3833!important}
body.hy .fxn-top.fxn-cur,body.hy .fxn-top[aria-current="page"]{box-shadow:inset 0 -3px 0 #1c1b19}
body.hy [style*="background:#0a5cff"],body.hy #ftxHolidayBar,body.hy .skip-to-content{background:#1c1b19!important;color:#e8e2d5!important}
body.hy header.fxn a,body.hy .fxn-logo{color:#1c1b19}
body.hy [style*="color:#0a5cff"],body.hy [style*="color:#8fb4ff"]{color:inherit!important}
/* footer: charcoal band, warm greys (overrides the shared footer's inline colours) */
body.hy footer{background:#1c1b19 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .91 0 0 0 0 .89 0 0 0 0 .84 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;border-top:3px solid #1c1b19}
body.hy footer [style*="#878d9a"],body.hy footer [style*="#8b91a0"],body.hy footer [style*="#c4c9d4"]{color:#bdb6a7!important}
body.hy footer [style*="color:#0a5cff"],body.hy footer [style*="#8fb4ff"]{color:#e8e2d5!important}
body.hy footer [style*="rgba(255,255,255,.08)"],body.hy footer [style*="rgba(255,255,255,.1)"]{border-top-color:rgba(232,226,213,.22)!important}
body.hy footer [style*="Anton"]{font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif!important;font-weight:700!important;letter-spacing:normal!important}
body.hy footer [style*="IBM Plex Mono"]{font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif!important;font-weight:700!important;font-size:1rem!important;letter-spacing:normal!important}
body.hy footer{font-family:Roboto,Helvetica,Arial,sans-serif}
body.hy footer *{font-family:inherit}
body.hy footer [style*="Anton"],body.hy footer [style*="IBM Plex Mono"]{font-family:'Roboto Condensed','Arial Narrow',Helvetica,Arial,sans-serif!important}
body.hy footer a{text-decoration:none}
body.hy footer a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- tablet ---------- */
@media(max-width:1000px){
  .hx .w{padding:0 28px}
  .hx .sec{padding:84px 0}
  .hx-hero .w{grid-template-columns:1fr;gap:8px}
  .hx-row,.hx-row.thumb{grid-template-columns:1fr 1fr;gap:16px 24px}
  .hx-row .nm,.hx-row>.ph{grid-column:1/-1}
  .hx-row .go{grid-column:1/-1;justify-self:start}
  .hx-thead{display:none}
  .hx-table:has(.hx-thead) .hx-row dt{display:block}
  .hx-table:has(.hx-thead) .hx-row{align-items:start}
  .hx-row .go{justify-self:start;text-align:left}
  .hx-pair{grid-template-columns:1fr;gap:56px}
  .hx-pair .ph,.hx-pair figure:last-child .ph{height:520px}
  .hx-split,.hx-split.rev{grid-template-columns:1fr;gap:40px}
  .hx-split.rev>:first-child{order:0}
  .hx-split .ph{aspect-ratio:4/3}
  .hx-sched{grid-template-columns:1fr;gap:40px}
  .hx-roster>div{grid-template-columns:96px 1fr;gap:12px 20px;align-items:start}
  .hx-roster .ph{width:96px}
  .hx-roster p{grid-column:1/-1}
}
/* ---------- phones ---------- */
@media(max-width:600px){
  .hx{font-size:16px}
  .hx-hero-home h1{font-size:clamp(2.2rem,10.4vw,2.75rem)}
  .hx .w{padding:0 20px}
  .hx .sec{padding:68px 0}
  .hx h1{font-size:clamp(2.6rem,12.6vw,3.25rem);line-height:.9}
  .hx h2{font-size:clamp(2.2rem,10.6vw,2.9rem)}
  .hx h3{font-size:1.5rem}
  /* hero = one phone screen minus nav (60) and sticky bar (74): photo + headline + CTA */
  .hx-hero .ph{height:auto;min-height:0;aspect-ratio:var(--mar,4/3)}
  .hx-hero .ph img{object-position:var(--mpos,var(--pos,center 40%))}
  .hx-hero .w{padding-top:22px;padding-bottom:8px}
  .hx-hero .k{margin-bottom:8px}
  .hx-hero .side .lead{font-size:1.0625rem}
  .hx-hero .side .acts{margin-top:16px;gap:6px 22px}
  .hx-hero .btn{width:100%}
  .hx-hero .note{margin-top:8px}
  .hx-spec{margin-top:40px}
  .hx-spec .g{grid-template-columns:1fr 1fr}
  .hx-spec .g>div{padding:16px 14px 18px 0;border-left:0}
  .hx-spec .g>div:nth-child(even){border-left:1px solid var(--hair);padding-left:16px}
  .hx-spec .g>div:nth-child(n+3){border-top:1px solid var(--hair)}
  .hx-spec b{font-size:2.25rem}
  .hx .head{margin-bottom:28px}
  .hx-row,.hx-row.thumb{grid-template-columns:1fr 1fr;padding:22px 0}
  .hx-row .ph{aspect-ratio:16/10}
  .hx-full .ph{height:76svh;min-height:440px;max-height:640px}
  .hx-full .ph img{object-position:var(--mpos,var(--pos,center 40%))}
  .hx-full .ov .w{padding-bottom:32px}
  .hx-pair .ph,.hx-pair figure:last-child .ph{height:440px}
  .hx-list li{grid-template-columns:1fr;gap:2px}
  .hx-times>div{grid-template-columns:1fr;gap:2px}
  .hx-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}
  .hx-mosaic .ph{aspect-ratio:1/1}
  .hx-mosaic .ph:first-child{grid-row:auto;grid-column:1/-1;aspect-ratio:4/3}
  .hx-mosaic .ph:nth-child(4){grid-column:auto}
  .hx-shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 8px;scrollbar-width:none}
  .hx-shots::-webkit-scrollbar{display:none}
  .hx-shots figure{flex:0 0 64%;scroll-snap-align:start;margin-top:0!important}
  .hx-compare{grid-template-columns:1fr 1fr}
  .hx-compare>div{padding:14px 12px 14px 0}
  .hx-compare>div:nth-child(3n+2),.hx-compare>div:nth-child(3n){padding-left:12px}
  .hx-compare>div:nth-child(3n+2){border-left:0;padding-left:0}
  .hx-compare .lab{grid-column:1/-1;padding-bottom:0!important;border-bottom:0!important}
  .hx-compare .lab:empty{display:none}
  .hx .acts .btn{width:100%}
  .hx-more .gal{grid-template-columns:1fr 1fr}
  .hx-more .gal .ph:first-child{grid-column:1/-1}
  .hx-more .gal.two .ph:first-child{grid-column:auto}
  .hx-final{padding:84px 0 72px}
  .hx-final .addr{flex-direction:column;align-items:center}
  body.hy footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.hx *{transition:none!important}}
