@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/spectral-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/spectral-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* tokens */
:root{
  --ct-paper:#ffffff;
  --ct-paper-alt:#fafafa;
  --ct-ink:#101010;
  --ct-ink-soft:#5b5b5b;
  --ct-accent:#d9376e;
  --ct-line:#dcdcd8;
  --ct-serif:'Spectral',Georgia,'Times New Roman',serif;
  --ct-sans:'DM Sans','Helvetica Neue',Arial,sans-serif;
  --ct-shape:4px 4px 4px 24px;
  --ct-wrap:1180px;
  --ct-gutter:24px;
  --ct-head:78px;
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ct-paper);color:var(--ct-ink);font-family:var(--ct-sans);font-size:19px;line-height:1.58;font-weight:400;letter-spacing:.005em}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--ct-serif);font-weight:600;margin:0;letter-spacing:-.015em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--ct-accent);outline-offset:3px}

.ct-wrap{width:100%;max-width:var(--ct-wrap);margin:0 auto;padding-left:var(--ct-gutter);padding-right:var(--ct-gutter)}
.ct-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ct-skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--ct-ink);color:#fff;padding:12px 20px;border-radius:var(--ct-shape);font-size:16px;transition:top .18s}
.ct-skip:focus{top:12px}

/* header */
.ct-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(140%) blur(10px)}
.ct-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--ct-head)}
.ct-brand{font-family:var(--ct-serif);font-size:25px;line-height:1.15;text-decoration:none;display:inline-flex;align-items:baseline;gap:1px;padding:6px 2px}
.ct-brand-a{color:var(--ct-ink)}
.ct-brand-b{color:var(--ct-accent)}
.ct-nav-list{display:flex;align-items:center;gap:30px}
.ct-nav-link{display:inline-flex;align-items:center;min-height:48px;padding:0 2px;font-size:16px;font-weight:500;text-decoration:none;color:var(--ct-ink);position:relative}
.ct-nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:12px;height:2px;background:var(--ct-accent);transition:right .22s ease}
.ct-nav-link:hover::after,.ct-nav-link:focus-visible::after{right:0}
.ct-burger{display:none;width:48px;height:48px;align-items:center;justify-content:center;background:none;border:0;color:var(--ct-ink);border-radius:var(--ct-shape);cursor:pointer}
.ct-burger:hover{background:var(--ct-paper-alt)}
.ct-burger svg{width:24px;height:24px}
.ct-burger-x{display:none}
.ct-burger[aria-expanded="true"] .ct-burger-x{display:block}
.ct-burger[aria-expanded="true"] .ct-burger-i{display:none}

/* buttons */
.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 28px;border-radius:var(--ct-shape);border:0;font-family:var(--ct-sans);font-size:17px;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;background:var(--ct-accent);color:#000;transition:transform .18s ease,border-radius .22s ease,background-color .18s ease}
.ct-btn:hover{border-radius:24px 4px 4px 4px;transform:translateY(-2px)}
.ct-btn:active{transform:translateY(0)}
.ct-btn svg{width:18px;height:18px;flex:none}
.ct-btn-ghost{background:transparent;color:var(--ct-ink);border:1px solid var(--ct-line)}
.ct-btn-ghost:hover{background:var(--ct-paper-alt);border-color:var(--ct-ink)}
.ct-link{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-size:17px;font-weight:500;color:var(--ct-ink);text-decoration:none;position:relative}
.ct-link span{box-shadow:inset 0 -1px 0 0 var(--ct-accent);transition:box-shadow .2s ease}
.ct-link:hover span{box-shadow:inset 0 -12px 0 0 rgba(217,55,110,.18)}
.ct-link svg{width:16px;height:16px;flex:none;color:var(--ct-accent)}

/* section rhythm */
.ct-sec{padding-top:104px;padding-bottom:104px}
.ct-eyebrow{font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ct-ink-soft);display:flex;align-items:center;gap:12px;margin-bottom:22px}
.ct-eyebrow::before{content:"";width:26px;height:2px;background:var(--ct-accent);flex:none}
.ct-h2{font-size:clamp(33px,4.4vw,54px);line-height:1.1}
.ct-sec-intro{margin-top:26px;max-width:38rem;color:var(--ct-ink-soft);font-size:19px}

/* hero */
.ct-hero{padding-top:96px;padding-bottom:74px}
.ct-hero-h1{font-size:clamp(44px,7.4vw,94px);line-height:1.04;max-width:16em;margin:0}
.ct-hero-lead{margin-top:32px;max-width:34rem;font-size:clamp(19px,1.7vw,23px);line-height:1.5;color:var(--ct-ink-soft)}
.ct-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:44px}
.ct-hero-fine{margin-top:56px;font-family:var(--ct-serif);font-size:15px;color:var(--ct-ink-soft);letter-spacing:.02em}
.ct-strip{padding-bottom:34px}
.ct-strip-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.ct-strip img{width:60px;height:60px;border-radius:14px 3px 14px 3px}
.ct-strip-cap{margin-top:18px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-ink-soft)}

/* picks */
.ct-picks{background:var(--ct-paper-alt);padding-top:128px;padding-bottom:132px}
.ct-picks-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:64px 44px;margin-top:70px}
.ct-pick{display:flex;flex-direction:column;gap:14px}
.ct-pick-1{grid-column:span 3}
.ct-pick-2{grid-column:span 3}
.ct-pick-3{grid-column:span 2}
.ct-pick-4{grid-column:span 4}
.ct-pick-num{font-family:var(--ct-serif);font-size:62px;line-height:.9;color:var(--ct-accent)}
.ct-pick-h{font-size:27px;line-height:1.2}
.ct-pick-p{color:var(--ct-ink-soft);font-size:18px;max-width:33rem}
.ct-pick-tag{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-ink-soft)}

/* game cards */
.ct-games{padding-top:118px;padding-bottom:126px}
.ct-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:66px 46px;margin-top:66px}
.ct-card{display:flex;flex-direction:column;gap:16px;min-width:0}
.ct-card-head{display:flex;align-items:center;gap:14px}
.ct-card-head img{width:52px;height:52px;border-radius:12px 3px 12px 3px;flex:none}
.ct-card-title{font-size:24px;line-height:1.2}
.ct-card-title-lg{font-size:clamp(30px,3vw,40px);line-height:1.12}
.ct-rate{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:500;color:var(--ct-ink)}
.ct-rate svg{width:15px;height:15px;color:var(--ct-accent);flex:none}
.ct-rate span{color:var(--ct-ink-soft);font-weight:400}
.ct-desc{color:var(--ct-ink-soft);font-size:17px;line-height:1.6}
.ct-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}
.ct-tag{font-size:13px;font-weight:500;letter-spacing:.04em;padding:7px 14px;border-radius:var(--ct-shape);background:var(--ct-paper-alt);color:var(--ct-ink)}
.ct-frame{position:relative;overflow:hidden;background:var(--ct-paper-alt);border-radius:2px 2px 2px 26px}
.ct-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.ct-fr-tall{aspect-ratio:3/4}
.ct-fr-wide{aspect-ratio:16/10}
.ct-fr-sq{aspect-ratio:1/1}

.ct-card-lead{grid-column:span 4;flex-direction:row;gap:40px;padding:34px;background:var(--ct-paper-alt);border:1px solid var(--ct-accent);border-radius:2px 2px 2px 40px}
.ct-card-lead .ct-frame{flex:none;width:38%;align-self:flex-start;background:#fff}
.ct-card-lead-body{display:flex;flex-direction:column;gap:18px;min-width:0}
.ct-card-lead .ct-desc{font-size:18px}
.ct-card-a{grid-column:span 2}
.ct-card-b{grid-column:span 3}
.ct-card-c{grid-column:span 3}
.ct-card-d{grid-column:span 2}
.ct-card-d-body{display:flex;flex-direction:column;gap:15px;min-width:0}
.ct-card-e{grid-column:span 4;flex-direction:row;gap:34px;align-items:center}
.ct-card-e-body{display:flex;flex-direction:column;gap:16px;flex:1 1 44%;min-width:0}
.ct-card-e-shots{display:grid;grid-template-columns:1fr;gap:18px;flex:1 1 54%;min-width:0;align-self:stretch}
.ct-badge{align-self:flex-start;font-family:var(--ct-serif);font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--ct-ink-soft)}

/* table */
.ct-table-sec{padding-top:112px;padding-bottom:120px}
.ct-tablewrap{width:100%;overflow-x:auto;margin-top:58px}
.ct-tablewrap:focus-visible{outline:2px solid var(--ct-accent);outline-offset:6px}
.ct-table{width:100%;border-collapse:collapse;font-size:16px;min-width:860px}
.ct-table caption{text-align:left;font-family:var(--ct-serif);font-size:19px;color:var(--ct-ink-soft);padding-bottom:22px}
.ct-table thead th{text-align:left;font-family:var(--ct-sans);font-size:13px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ct-ink-soft);padding:0 20px 16px 0;border-bottom:1px solid var(--ct-line);white-space:nowrap}
.ct-table tbody th{text-align:left;font-family:var(--ct-serif);font-size:19px;font-weight:600;padding:20px 20px 20px 14px;white-space:normal}
.ct-table td{padding:20px 20px 20px 0;vertical-align:top;color:var(--ct-ink-soft)}
.ct-table tbody tr:nth-child(odd){background:var(--ct-paper-alt)}
.ct-table thead th:first-child{padding-left:14px}
.ct-yes{display:inline-flex;align-items:flex-start;gap:9px;color:var(--ct-ink-soft)}
.ct-yes svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--ct-accent)}
.ct-score{font-family:var(--ct-serif);font-size:21px;color:var(--ct-ink);white-space:nowrap}
.ct-note{margin-top:34px;max-width:44rem;font-size:16px;color:var(--ct-ink-soft)}

/* reviews */

.ct-rev-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:56px 46px;margin-top:76px}
.ct-rev{display:flex;flex-direction:column;gap:16px}
.ct-rev-1{grid-column:span 3}
.ct-rev-2{grid-column:span 3}
.ct-rev-3{grid-column:span 2}
.ct-rev-4{grid-column:span 4}
.ct-rev-t{font-size:18px;color:var(--ct-ink)}
.ct-rev-by{font-size:15px;color:var(--ct-ink-soft)}
.ct-rev-by b{font-weight:500;color:var(--ct-ink)}
.ct-stars{display:flex;gap:4px}
.ct-stars svg{width:14px;height:14px;color:var(--ct-accent)}

/* footer */
.ct-footer{padding-top:104px;padding-bottom:52px}
.ct-foot-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:56px 44px}
.ct-foot-about{max-width:30rem;color:var(--ct-ink-soft);font-size:17px;margin-top:16px}
.ct-foot-h{font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-ink-soft);font-family:var(--ct-sans);margin-bottom:8px}
.ct-foot-nav li a{display:inline-flex;align-items:center;min-height:44px;font-size:17px;text-decoration:none;color:var(--ct-ink)}
.ct-foot-nav li a:hover{color:var(--ct-accent)}
.ct-contact{margin-top:86px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 50px;align-items:start;background:var(--ct-paper-alt);padding:52px 46px;border-radius:2px 2px 2px 48px}
.ct-contact-h{font-size:clamp(27px,3vw,38px);line-height:1.14}
.ct-contact-p{color:var(--ct-ink-soft);font-size:17px;margin-top:16px;max-width:32rem}
.ct-mail{display:inline-flex;align-items:center;min-height:48px;font-family:var(--ct-serif);font-size:clamp(20px,2.2vw,27px);color:var(--ct-ink);text-decoration:none;box-shadow:inset 0 -2px 0 0 var(--ct-accent);word-break:break-word}
.ct-mail:hover{color:var(--ct-accent)}
.ct-foot-bottom{margin-top:74px;display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--ct-ink-soft)}
.ct-foot-bottom p{max-width:40rem}

/* cookie banner + top */
.ct-cookie{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ct-ink);color:#f2f2f2;padding:22px 0;display:none}
.ct-cookie.ct-on{display:block}
.ct-cookie-in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.ct-cookie-t{font-size:16px;line-height:1.5;flex:1 1 420px;color:#f2f2f2}
.ct-cookie-t a{color:#fff}
.ct-cookie-btns{display:flex;flex-wrap:wrap;gap:14px}
.ct-cookie-no{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.ct-cookie-no:hover{background:rgba(255,255,255,.12);border-color:#fff}
.ct-top{position:fixed;right:22px;bottom:22px;z-index:45;width:52px;height:52px;display:none;align-items:center;justify-content:center;background:var(--ct-ink);color:#fff;border:0;border-radius:var(--ct-shape);cursor:pointer;transition:transform .18s ease,border-radius .22s ease}
.ct-top.ct-on{display:inline-flex}
.ct-top:hover{transform:translateY(-3px);border-radius:24px 4px 4px 4px}
.ct-top svg{width:20px;height:20px}

/* legal pages */
.ct-legal{padding-top:78px;padding-bottom:104px}
.ct-legal-h1{font-size:clamp(36px,5.4vw,64px);line-height:1.08;max-width:20ch}
.ct-legal-date{margin-top:22px;font-family:var(--ct-serif);font-size:15px;color:var(--ct-ink-soft)}
.ct-legal-body{margin-top:56px;max-width:46rem}
.ct-legal-body h2{font-size:clamp(24px,2.6vw,32px);line-height:1.18;margin-top:54px}
.ct-legal-body h2:first-child{margin-top:0}
.ct-legal-body p{margin-top:20px;color:var(--ct-ink-soft);font-size:18px}
.ct-legal-body ul{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.ct-legal-body li{position:relative;padding-left:26px;color:var(--ct-ink-soft);font-size:18px}
.ct-legal-body li::before{content:"";position:absolute;left:0;top:12px;width:11px;height:2px;background:var(--ct-accent)}
.ct-legal-body strong{color:var(--ct-ink);font-weight:500}
.ct-legal-back{margin-top:64px}
.ct-404{padding-top:120px;padding-bottom:150px;text-align:center}
.ct-404 .ct-legal-h1{margin:0 auto}
.ct-404-p{margin:26px auto 0;max-width:34rem;color:var(--ct-ink-soft)}
.ct-404-cta{margin-top:44px;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}

/* responsive */
@media (max-width:1040px){
  .ct-card-lead{grid-column:span 6}
  .ct-card-a,.ct-card-b,.ct-card-c,.ct-card-d{grid-column:span 3}
  .ct-card-e{grid-column:span 6}
  .ct-picks-grid{gap:52px 36px}
  .ct-pick-1,.ct-pick-2,.ct-pick-4{grid-column:span 3}
  .ct-pick-3{grid-column:span 3}
  .ct-rev-1,.ct-rev-2,.ct-rev-3,.ct-rev-4{grid-column:span 3}
  .ct-foot-top{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .ct-nav{position:fixed;inset:var(--ct-head) 0 auto 0;background:var(--ct-paper);padding:10px 0 34px;display:none}
  .ct-nav.ct-open{display:block}
  .ct-nav-list{flex-direction:column;align-items:stretch;gap:2px;padding:0 var(--ct-gutter)}
  .ct-nav-link{min-height:56px;font-size:20px}
  .ct-nav-link::after{bottom:14px}
  .ct-burger{display:inline-flex}
  .ct-contact{grid-template-columns:1fr;padding:40px 28px}
}
@media (max-width:700px){
  body{font-size:18px}
  .ct-sec,.ct-picks,.ct-games,.ct-table-sec,
  .ct-hero{padding-top:58px;padding-bottom:44px}
  .ct-card-lead{flex-direction:column;gap:26px;padding:24px}
  .ct-card-lead .ct-frame{width:100%;aspect-ratio:4/3}
  .ct-card-d .ct-frame{aspect-ratio:4/3}
  .ct-card-e{flex-direction:column;gap:28px;align-items:stretch}
  .ct-card-a,.ct-card-b,.ct-card-c,.ct-card-d,.ct-card-e,.ct-card-lead{grid-column:span 6}
  .ct-pick-1,.ct-pick-2,.ct-pick-3,.ct-pick-4{grid-column:span 6}
  .ct-rev-1,.ct-rev-2,.ct-rev-3,.ct-rev-4{grid-column:span 6}
  .ct-grid,.ct-picks-grid,.ct-rev-grid{gap:46px 0}
  .ct-foot-top{grid-template-columns:1fr;gap:34px}
  
  
  .ct-top{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.001ms!important;animation-duration:.001ms!important}
}

/* misc */
[id]{scroll-margin-top:calc(var(--ct-head) + 18px)}

.ct-eyebrow-c{justify-content:center}
.ct-eyebrow-c::before{display:none}
.ct-card-lead .ct-frame{align-self:stretch;aspect-ratio:auto;min-height:360px}
.ct-card-d .ct-frame img{object-position:50% 18%}
@media (max-width:700px){
  .ct-card-lead .ct-frame{align-self:auto;aspect-ratio:4/3;min-height:0}
}
.ct-card-lead .ct-frame{width:40%}
.ct-card-lead .ct-frame img{object-fit:contain}
@media (max-width:700px){
  .ct-card-lead .ct-frame{width:100%}
  .ct-card-lead .ct-frame img{object-fit:cover}
}

.ct-sprite{position:absolute;width:0;height:0;overflow:hidden}

.ct-faq{padding:96px 0 110px}
.ct-acc{width:100%;margin-top:38px}
.ct-q{padding:0 26px;background:var(--ct-paper-alt);border-radius:var(--ct-shape);margin-bottom:12px}
.ct-q summary{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;padding:22px 0;min-height:48px;font-family:var(--ct-serif);font-size:clamp(1.05rem,1.9vw,1.32rem);font-weight:600;line-height:1.3;color:var(--ct-ink)}
.ct-q summary::-webkit-details-marker{display:none}
.ct-q summary:focus-visible{outline:2px solid var(--ct-accent);outline-offset:5px}
.ct-q summary:hover{color:var(--ct-accent)}
.ct-sign{width:20px;height:20px;flex:none;color:var(--ct-accent);transition:transform .2s ease}
.ct-q[open] .ct-sign{transform:rotate(45deg)}
.ct-q[open]{background:var(--ct-paper);border-radius:24px 4px 4px 24px}
.ct-a{padding:0 0 24px;max-width:76ch}
.ct-a p{margin:0;color:var(--ct-ink-soft);font-size:16px;line-height:1.68}
@media (prefers-reduced-motion:reduce){.ct-sign{transition:none}}
@media (max-width:640px){.ct-q{padding:0 18px}}