@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Libre+Franklin:wght@300;400;600;700&display=swap");

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html,body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd,table,th,td{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
table{border-collapse:collapse;width:100%}

/* ---------- tokens ---------- */
:root{
  --bg-base:#07070a;
  --bg-card:#14110c;
  --accent:#f0c14b;
  --highlight:#63d3f2;
  --text:#f4f1ea;
  --muted:#9a9384;
  --border:#2e2718;

  --font-display:"Marcellus",Georgia,"Times New Roman",serif;
  --font-body:"Libre Franklin",Helvetica,Arial,sans-serif;

  --step--1:0.833rem;
  --step-0:1rem;
  --step-1:1.18rem;
  --step-2:1.44rem;
  --step-3:1.78rem;
  --step-4:2.15rem;
  --step-5:2.6rem;

  --r-sm:4px;
  --r-md:10px;
  --r-lg:20px;
  --r-pill:999px;

  --gap:1.15rem;
  --pad-block:2.6rem;
  --shell:1180px;

  --t:180ms cubic-bezier(.4,0,.2,1);
}

/* ---------- base ---------- */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg-base);
  color:var(--text);
  font-family:var(--font-body);
  font-size:var(--step-0);
  font-weight:400;
  line-height:1.72;
  letter-spacing:.005em;
  overflow-x:hidden;
  padding-bottom:74px;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(70% 46% at 14% 0%,rgba(240,193,75,.13),transparent 62%),
    radial-gradient(58% 40% at 92% 8%,rgba(99,211,242,.09),transparent 66%),
    linear-gradient(178deg,#0b0a07 0%,var(--bg-base) 46%,#050508 100%);
}
::selection{background:var(--accent);color:#141005}
*:focus-visible{outline:2px solid var(--highlight);outline-offset:3px;border-radius:var(--r-sm)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0b0a08}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),#8a6a1c);border-radius:var(--r-pill);border:3px solid #0b0a08}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}

/* ---------- type scale ---------- */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.16;letter-spacing:.003em;color:var(--text)}
h1{font-size:var(--step-4);margin-bottom:.7rem}
h2{font-size:var(--step-3);margin:0 0 .85rem}
h3{font-size:var(--step-1);margin:0 0 .5rem}
h4{font-size:var(--step-0);margin:0 0 .35rem}
p{margin:0 0 1.05rem}
p:last-child{margin-bottom:0}
strong,b{font-weight:700;color:#fff}
em{font-style:italic;color:var(--accent)}
small{font-size:var(--step--1);color:var(--muted)}
a.q3f_ln{color:var(--highlight);border-bottom:1px solid rgba(99,211,242,.34);transition:border-color var(--t),color var(--t)}
a.q3f_ln:hover{color:var(--accent);border-bottom-color:var(--accent)}
.q3f_lead{font-size:var(--step-1);line-height:1.62;color:#ded9cd}
.q3f_kicker{
  font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.6rem
}

/* ---------- container ---------- */
.q3f_shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:1.05rem}
.q3f_sec{padding-block:var(--pad-block)}
.q3f_sec--tint{background:linear-gradient(180deg,rgba(20,17,12,.72),rgba(7,7,10,0))}
.q3f_rule{height:1px;background:linear-gradient(90deg,transparent,var(--border) 18%,var(--border) 82%,transparent);border:0;margin-block:0}

/* ---------- buttons ---------- */
.q3f_btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:46px;padding:.72rem 1.35rem;
  font-family:var(--font-body);font-weight:700;font-size:.94rem;letter-spacing:.035em;
  border-radius:var(--r-pill);text-align:center;
  transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t),border-color var(--t);
  will-change:transform
}
.q3f_btn:active{transform:translateY(1px)}
.q3f_btn--pri{
  background:linear-gradient(168deg,#ffe08a,var(--accent) 46%,#c1902a);
  color:#181203;box-shadow:0 10px 26px -12px rgba(240,193,75,.7)
}
.q3f_btn--pri:hover{box-shadow:0 14px 34px -12px rgba(240,193,75,.9);transform:translateY(-2px)}
.q3f_btn--hl{background:var(--highlight);color:#04222c;box-shadow:0 10px 26px -14px rgba(99,211,242,.8)}
.q3f_btn--hl:hover{transform:translateY(-2px)}
.q3f_btn--out{border:1.5px solid var(--border);color:var(--text);background:rgba(20,17,12,.5)}
.q3f_btn--out:hover{border-color:var(--accent);color:var(--accent)}
.q3f_btn--ghost{color:var(--muted);padding-inline:.5rem;min-height:44px}
.q3f_btn--ghost:hover{color:var(--accent)}
.q3f_btn--sm{min-height:40px;padding:.5rem 1rem;font-size:.84rem}
.q3f_btn--lg{min-height:54px;padding:.95rem 1.9rem;font-size:1.02rem}
.q3f_btn--full{display:flex;width:100%}

/* ---------- nav ---------- */
.q3f_top{
  position:sticky;top:0;z-index:40;
  background:rgba(7,7,10,.9);backdrop-filter:blur(11px);
  border-bottom:1px solid var(--border)
}
.q3f_top-in{display:flex;align-items:center;gap:.8rem;min-height:62px}
.q3f_brand{display:flex;align-items:center;flex:0 0 auto}
.q3f_brand img{width:150px;height:35px}
.q3f_nav{display:none}
.q3f_nav a{
  padding:.35rem .1rem;font-size:.88rem;color:#cdc7ba;
  border-bottom:2px solid transparent;transition:color var(--t),border-color var(--t)
}
.q3f_nav a:hover,.q3f_nav a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
.q3f_top-cta{display:none}
.q3f_burger{
  margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:46px;height:46px;align-items:center;border:1px solid var(--border);border-radius:var(--r-sm)
}
.q3f_burger span{display:block;width:20px;height:2px;background:var(--accent);transition:transform var(--t),opacity var(--t)}
.q3f_burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.q3f_burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.q3f_burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.q3f_mnav{display:none;border-top:1px solid var(--border);background:rgba(11,10,8,.98)}
.q3f_mnav.open{display:block}
.q3f_mnav ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.q3f_mnav a{display:block;padding:.95rem .8rem;background:var(--bg-base);font-size:.88rem;min-height:44px}
.q3f_mnav a:hover{color:var(--accent)}

/* ---------- ticker ---------- */
.q3f_tick{
  background:linear-gradient(90deg,#100d08,#1b1509,#100d08);
  border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap
}
.q3f_tick p{
  margin:0;padding:.45rem 0;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);text-align:center
}

/* ---------- hero (LAYOUT E — magazine) ---------- */
.q3f_hero{padding-block:2rem 2.4rem;position:relative}
.q3f_hero-grid{display:grid;gap:1.5rem}
.q3f_hero h1{font-size:var(--step-5);line-height:1.06;margin-bottom:.85rem}
.q3f_hero-sub{color:#cec8ba;font-size:var(--step-1);line-height:1.6}
.q3f_hero-acts{display:flex;flex-direction:column;gap:.7rem;margin-top:1.3rem}

/* offer banner — CSS/inline-SVG, no bitmap LCP */
.q3f_offer{
  position:relative;overflow:hidden;border-radius:var(--r-lg);
  border:1px solid rgba(240,193,75,.36);
  background:
    radial-gradient(120% 90% at 82% 6%,rgba(99,211,242,.16),transparent 58%),
    linear-gradient(158deg,#241c0c 0%,#150f06 52%,#0a0906 100%);
  padding:1.4rem 1.2rem 1.5rem
}
.q3f_offer::after{
  content:"";position:absolute;right:-46px;bottom:-58px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,193,75,.22),transparent 68%)
}
.q3f_offer-tag{
  display:inline-block;padding:.24rem .7rem;border-radius:var(--r-pill);
  background:rgba(240,193,75,.14);border:1px solid rgba(240,193,75,.4);
  font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)
}
.q3f_offer-fig{
  font-family:var(--font-display);font-size:2.5rem;line-height:1.04;margin:.75rem 0 .3rem;
  background:linear-gradient(168deg,#ffe89e,var(--accent) 52%,#bd8a24);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.q3f_offer-note{font-size:.9rem;color:var(--muted);margin-bottom:1.1rem}
.q3f_offer ul{display:grid;gap:.5rem;margin:0 0 1.2rem}
.q3f_offer li{position:relative;padding-left:1.4rem;font-size:.92rem;color:#ddd7c9}
.q3f_offer li::before{
  content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;
  background:var(--accent);transform:rotate(45deg)
}

/* right rail — quick facts */
.q3f_rail{
  border:1px solid var(--border);border-radius:var(--r-md);background:rgba(20,17,12,.68);
  padding:1.1rem 1.15rem
}
.q3f_rail h2{font-size:var(--step-1);margin-bottom:.8rem}
.q3f_rail dl{display:grid;gap:.05rem}
.q3f_rail div{display:flex;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px dashed var(--border)}
.q3f_rail div:last-child{border-bottom:0}
.q3f_rail dt{font-size:.82rem;color:var(--muted)}
.q3f_rail dd{font-size:.86rem;font-weight:600;text-align:right}

/* ---------- trust bar ---------- */
.q3f_trust{border-block:1px solid var(--border);background:rgba(20,17,12,.5)}
.q3f_trust ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.q3f_trust li{
  background:var(--bg-base);padding:1rem .8rem;text-align:center;
  display:flex;flex-direction:column;gap:.2rem
}
.q3f_trust b{font-family:var(--font-display);font-size:1.16rem;color:var(--accent);font-weight:400}
.q3f_trust span{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

/* ---------- content ---------- */
.q3f_prose h2{margin-top:2.1rem}
.q3f_prose h2:first-child{margin-top:0}
.q3f_prose h3{margin-top:1.5rem;color:var(--accent)}
.q3f_prose ul.q3f_bul{display:grid;gap:.55rem;margin:0 0 1.1rem}
.q3f_prose ul.q3f_bul li{position:relative;padding-left:1.35rem}
.q3f_prose ul.q3f_bul li::before{content:"";position:absolute;left:.15rem;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.q3f_prose ol.q3f_steps{counter-reset:s;display:grid;gap:1rem;margin:0 0 1.2rem}
.q3f_prose ol.q3f_steps li{
  counter-increment:s;position:relative;padding-left:2.9rem;min-height:2rem
}
.q3f_prose ol.q3f_steps li::before{
  content:counter(s);position:absolute;left:0;top:0;
  width:2.05rem;height:2.05rem;display:grid;place-items:center;border-radius:50%;
  background:rgba(240,193,75,.12);border:1px solid rgba(240,193,75,.45);
  font-family:var(--font-display);font-size:.95rem;color:var(--accent)
}

.q3f_card{
  border:1px solid var(--border);border-radius:var(--r-md);
  background:linear-gradient(170deg,rgba(28,23,14,.8),rgba(12,11,8,.8));
  padding:1.15rem 1.15rem
}
.q3f_cards{display:grid;gap:var(--gap)}
.q3f_note{
  border-left:3px solid var(--highlight);border-radius:0 var(--r-sm) var(--r-sm) 0;
  background:rgba(99,211,242,.07);padding:.95rem 1.05rem;margin:0 0 1.2rem;font-size:.95rem
}
.q3f_warn{
  border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;
  background:rgba(240,193,75,.08);padding:.95rem 1.05rem;margin:0 0 1.2rem;font-size:.95rem
}

/* tables */
.q3f_tw{overflow-x:auto;margin:0 0 1.3rem;border:1px solid var(--border);border-radius:var(--r-md);-webkit-overflow-scrolling:touch}
.q3f_tw table{min-width:520px;font-size:.88rem}
.q3f_tw caption{caption-side:bottom;padding:.6rem .85rem;font-size:.76rem;color:var(--muted);text-align:left}
.q3f_tw th,.q3f_tw td{padding:.68rem .8rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.q3f_tw thead th{
  background:rgba(240,193,75,.09);color:var(--accent);font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;white-space:nowrap
}
.q3f_tw tbody tr:last-child td{border-bottom:0}
.q3f_tw tbody tr:nth-child(even){background:rgba(20,17,12,.5)}
.q3f_tw td b{color:var(--accent);font-weight:700}

/* media */
.q3f_shot{margin:0 0 1.4rem}
.q3f_shot img{
  width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--border);
  box-shadow:0 20px 50px -30px rgba(0,0,0,.95)
}
.q3f_shot figcaption{margin-top:.55rem;font-size:.8rem;color:var(--muted)}

/* pokies tiles */
.q3f_tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0 0 1.3rem}
.q3f_tile{
  border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;
  background:linear-gradient(165deg,#1b1509,#0c0b07);transition:transform var(--t),border-color var(--t)
}
.q3f_tile:hover{transform:translateY(-3px);border-color:rgba(240,193,75,.5)}
.q3f_tile-face{
  aspect-ratio:4/3;display:grid;place-items:center;padding:.7rem;text-align:center;
  background:radial-gradient(85% 70% at 50% 18%,rgba(240,193,75,.16),transparent 70%)
}
.q3f_tile-face span{font-family:var(--font-display);font-size:1.02rem;line-height:1.2;color:var(--accent)}
.q3f_tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.q3f_tile b{display:block;padding:.55rem .65rem .2rem;font-size:.85rem;font-weight:600}
.q3f_tile small{display:block;padding:0 .65rem .65rem;font-size:.72rem}

/* payments + providers chips */
.q3f_chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.2rem}
.q3f_chip{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.48rem .85rem;border-radius:var(--r-pill);
  border:1px solid var(--border);background:rgba(20,17,12,.7);
  font-size:.83rem;letter-spacing:.02em
}
.q3f_chip svg{width:15px;height:15px;flex:0 0 auto}
.q3f_chip--pay{border-color:rgba(240,193,75,.35)}
.q3f_chip--pay svg{fill:var(--accent)}
.q3f_chip--prov{border-color:rgba(99,211,242,.3)}
.q3f_chip--prov svg{fill:var(--highlight)}

/* teaser links (index only) */
.q3f_teasers{display:grid;gap:var(--gap)}
.q3f_teaser{
  border:1px solid var(--border);border-radius:var(--r-md);padding:1.05rem 1.1rem;
  background:rgba(20,17,12,.6);transition:border-color var(--t),transform var(--t);display:block
}
.q3f_teaser:hover{border-color:rgba(240,193,75,.5);transform:translateY(-2px)}
.q3f_teaser h3{color:var(--accent);margin-bottom:.35rem}
.q3f_teaser p{font-size:.9rem;color:#cbc5b8;margin:0}
.q3f_teaser span{display:inline-block;margin-top:.55rem;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:var(--highlight)}

/* ---------- FAQ accordion ---------- */
.q3f_faq{display:grid;gap:.6rem}
.q3f_faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:rgba(20,17,12,.6);overflow:hidden}
.q3f_faq-btn{
  display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;width:100%;
  padding:.95rem 1rem;min-height:48px;text-align:left;
  font-family:var(--font-display);font-size:1.02rem;line-height:1.35;color:var(--text)
}
.q3f_faq-btn:hover{color:var(--accent)}
.q3f_faq-btn i{
  flex:0 0 auto;width:20px;height:20px;position:relative;margin-top:.28rem;font-style:normal
}
.q3f_faq-btn i::before,.q3f_faq-btn i::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--accent);
  transform:translate(-50%,-50%);transition:transform var(--t),opacity var(--t)
}
.q3f_faq-btn i::before{width:13px;height:2px}
.q3f_faq-btn i::after{width:2px;height:13px}
.q3f_faq-item.open .q3f_faq-btn i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.q3f_faq-a{max-height:0;overflow:hidden;transition:max-height 260ms ease}
.q3f_faq-item.open .q3f_faq-a{max-height:820px}
.q3f_faq-a div{padding:0 1rem 1.05rem;font-size:.94rem;color:#cbc5b8}

/* ---------- CTA band ---------- */
.q3f_band{
  border-radius:var(--r-lg);border:1px solid rgba(240,193,75,.32);
  background:
    radial-gradient(90% 140% at 8% 0%,rgba(240,193,75,.16),transparent 62%),
    linear-gradient(160deg,#1d1709,#0b0a07);
  padding:1.6rem 1.2rem;text-align:center
}
.q3f_band h2{margin-bottom:.6rem}
.q3f_band p{color:#cec8ba;max-width:56ch;margin-inline:auto;margin-bottom:1.2rem}

/* ---------- footer ---------- */
.q3f_foot{border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(20,17,12,.55),rgba(7,7,10,1));margin-top:2.2rem}
.q3f_foot-grid{display:grid;gap:1.6rem;padding-block:2.2rem 1.4rem}
.q3f_foot h3{font-size:.78rem;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);font-family:var(--font-body);font-weight:700;margin-bottom:.75rem}
.q3f_foot nav ul{display:grid;gap:.42rem}
.q3f_foot nav a{font-size:.88rem;color:#c3bdb0}
.q3f_foot nav a:hover{color:var(--accent)}
.q3f_foot-about p{font-size:.87rem;color:var(--muted)}
.q3f_badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}
.q3f_badge{
  display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .7rem;
  border:1px solid var(--border);border-radius:var(--r-sm);
  background:rgba(7,7,10,.7);font-size:.75rem;color:#c3bdb0;min-height:34px
}
.q3f_badge:hover{border-color:var(--accent);color:var(--accent)}
.q3f_badge svg{width:13px;height:13px;fill:var(--accent);flex:0 0 auto}
.q3f_badge--age{font-family:var(--font-display);color:var(--accent);border-color:rgba(240,193,75,.5)}
.q3f_foot-base{border-top:1px solid var(--border);padding-block:1.1rem 1.5rem;display:grid;gap:.5rem}
.q3f_foot-base p{font-size:.79rem;color:var(--muted);margin:0}
.q3f_updated{font-size:.79rem;color:var(--muted)}
.q3f_updated span{color:var(--accent);font-weight:600}

/* ---------- sticky mobile CTA ---------- */
.q3f_sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:45;
  display:flex;align-items:center;gap:.7rem;
  padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
  background:rgba(9,8,6,.96);backdrop-filter:blur(10px);border-top:1px solid var(--border)
}
.q3f_sticky p{margin:0;font-size:.78rem;line-height:1.3;color:var(--muted);flex:1 1 auto}
.q3f_sticky b{display:block;color:var(--accent);font-size:.88rem}
.q3f_sticky .q3f_btn{flex:0 0 auto}

/* ---------- animations ---------- */
@keyframes q3f_rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.q3f_hero-grid>*{animation:q3f_rise 520ms cubic-bezier(.22,.8,.3,1) both}
.q3f_hero-grid>*:nth-child(2){animation-delay:70ms}
.q3f_hero-grid>*:nth-child(3){animation-delay:140ms}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

/* ---------- responsive ---------- */
@media(min-width:480px){
  :root{--pad-block:3rem}
  .q3f_shell{padding-inline:1.4rem}
  .q3f_hero-acts{flex-direction:row;flex-wrap:wrap}
  .q3f_hero-acts .q3f_btn{flex:1 1 auto}
  .q3f_offer-fig{font-size:2.9rem}
  .q3f_tiles{grid-template-columns:repeat(3,1fr)}
  .q3f_foot-base{grid-template-columns:1fr auto;align-items:center}
}
@media(min-width:768px){
  :root{--step-4:2.55rem;--step-5:3.15rem;--pad-block:3.6rem}
  body{padding-bottom:0}
  .q3f_sticky{display:none}
  .q3f_burger{display:none}
  .q3f_mnav{display:none!important}
  .q3f_nav{display:flex;flex-wrap:wrap;gap:1.05rem;margin-left:1.4rem}
  .q3f_top-cta{display:inline-flex;margin-left:auto}
  .q3f_trust ul{grid-template-columns:repeat(4,1fr)}
  .q3f_cards{grid-template-columns:repeat(2,1fr)}
  .q3f_teasers{grid-template-columns:repeat(2,1fr)}
  .q3f_tiles{grid-template-columns:repeat(4,1fr)}
  .q3f_foot-grid{grid-template-columns:1.5fr 1fr 1fr}
  .q3f_band{padding:2.2rem 2rem}
  .q3f_offer{padding:1.8rem 1.7rem 1.9rem}
}
@media(min-width:1024px){
  :root{--step-5:3.6rem;--pad-block:4.2rem}
  /* LAYOUT E — magazine three columns */
  .q3f_hero-grid{grid-template-columns:1.05fr 1fr 320px;gap:1.9rem;align-items:start}
  .q3f_hero{padding-block:3.2rem 3.6rem}
  .q3f_cards--3{grid-template-columns:repeat(3,1fr)}
  .q3f_teasers{grid-template-columns:repeat(3,1fr)}
  .q3f_tiles{grid-template-columns:repeat(5,1fr)}
  .q3f_prose{max-width:none}
  .q3f_split{display:grid;grid-template-columns:1fr 340px;gap:2.2rem;align-items:start}
  .q3f_foot-grid{grid-template-columns:1.7fr 1fr 1fr 1fr}
}