:root {
  --ink: #06111f;
  --ink-soft: #0a1b2e;
  --ink-card: #10263b;
  --ice: #c9edff;
  --blue: #7fd0f5;
  --blue-strong: #43b6ec;
  --paper: #f3f7fa;
  --paper-blue: #e2eff5;
  --gold: #d8b66e;
  --white: #f8fbff;
  --muted: #a8b9c9;
  --line: rgba(199, 235, 255, 0.16);
  --line-dark: rgba(6, 17, 31, 0.14);
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --container: min(1640px, calc(100% - 64px));
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.28);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: var(--sans); font-size: 17.28px; line-height: 1.65; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 999; padding: 10px 16px; color: var(--ink); background: var(--ice); transform: translateY(-150%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }

.topline { position: relative; z-index: 20; border-bottom: 1px solid var(--line); background: #040c16; color: #9cb0c3; font-size: 10.8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.topline__inner { min-height: 31px; display: flex; align-items: center; gap: 10px; }
.topline__dot { width: 3px; height: 3px; border-radius: 50%; background: var(--blue); }
.topline__spacer { flex: 1; }
.age-mark { display: inline-grid; place-items: center; width: 23px; height: 23px; border: 1px solid currentColor; border-radius: 50%; color: var(--ice); font-size: 8.64px; letter-spacing: 0; }

.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid transparent; background: rgba(6, 17, 31, .72); backdrop-filter: blur(18px); transition: background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { background: rgba(6, 17, 31, .94); border-color: var(--line); box-shadow: 0 12px 36px rgba(0, 0, 0, .16); }
.header__inner { height: 85px; display: flex; align-items: center; gap: 30px; }
.brand { display: flex; width: 142px; flex: 0 0 auto; align-items: center; }
.brand img { width: 100%; height: 58px; object-fit: contain; }
.nav { display: flex; align-items: center; gap: 27px; margin-left: auto; }
.nav__links { display: flex; align-items: center; gap: 24px; }
.nav__links a { position: relative; padding: 30px 0 27px; color: #b5c4d1; font-size: 10.8px; font-weight: 780; letter-spacing: .055em; text-transform: uppercase; white-space: nowrap; transition: color .2s ease; }
.nav__links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 20px; height: 1px; background: var(--blue); transition: right .25s ease; }
.nav__links a:hover, .nav__links a.is-active { color: var(--white); }
.nav__links a:hover::after, .nav__links a.is-active::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.account-button { display: inline-flex; min-width: 88px; min-height: 42px; align-items: center; justify-content: center; padding: 0 17px; border-radius: 999px; font-size: 10.8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.account-button:hover { transform: translateY(-2px); }
.account-button--login { border: 1px solid rgba(201, 237, 255, .3); background: rgba(255, 255, 255, .025); color: var(--white); }
.account-button--login:hover { border-color: var(--ice); background: rgba(201, 237, 255, .08); }
.account-button--register { border: 1px solid var(--ice); background: linear-gradient(135deg, var(--ice), #78cdf4); color: var(--ink); box-shadow: 0 10px 30px rgba(67, 182, 236, .16); }
.account-button--register:hover { border-color: #ffffff; background: linear-gradient(135deg, #ffffff, #9edfff); box-shadow: 0 14px 35px rgba(67, 182, 236, .25); }
.account-button[aria-disabled="true"] { cursor: default; pointer-events: none; }
.account-button[aria-disabled="true"]:hover { transform: none; }
.button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 24px; padding: 0 26px; border: 1px solid var(--ice); background: var(--ice); color: var(--ink); font-size: 11.88px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; }
.button:hover { background: transparent; color: var(--ice); transform: translateY(-2px); }
.button[aria-disabled="true"] { cursor: default; pointer-events: none; }
.button[aria-disabled="true"]:hover { background: var(--ice); color: var(--ink); transform: none; }
.button--compact { min-height: 42px; padding: 0 18px; font-size: 9.72px; }
.header__cta { margin-left: 4px; }
.text-link { display: inline-flex; align-items: center; gap: 18px; padding: 9px 0; border-bottom: 1px solid rgba(201, 237, 255, .34); color: var(--ice); font-size: 11.88px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; transition: border-color .2s ease, gap .2s ease; }
.text-link:hover { gap: 25px; border-color: var(--ice); }
.text-link--dark { color: var(--ink); border-color: rgba(6, 17, 31, .3); }
.menu-toggle { display: none; align-items: center; gap: 12px; padding: 8px 0; border: 0; background: transparent; color: var(--white); cursor: pointer; }
.menu-toggle__label { font-size: 10.8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.menu-toggle__icon { position: relative; width: 24px; height: 16px; }
.menu-toggle__icon i { position: absolute; left: 0; width: 24px; height: 1px; background: currentColor; transition: transform .2s ease, top .2s ease; }
.menu-toggle__icon i:first-child { top: 4px; }
.menu-toggle__icon i:last-child { top: 12px; width: 16px; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon i:first-child { top: 8px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon i:last-child { top: 8px; width: 24px; transform: rotate(-45deg); }

.hero { position: relative; min-height: 840px; padding: 94px 0 0; overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(150deg, #071525 0%, var(--ink) 58%, #07111d 100%); }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .36; background-image: linear-gradient(rgba(174, 224, 247, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(174, 224, 247, .035) 1px, transparent 1px); background-size: 76px 76px; }
.hero__glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.hero__glow--one { width: 760px; height: 760px; right: -240px; top: -190px; background: radial-gradient(circle, rgba(91, 193, 239, .2), rgba(91, 193, 239, 0) 68%); }
.hero__glow--two { width: 500px; height: 500px; left: -330px; top: 170px; background: radial-gradient(circle, rgba(216, 182, 110, .1), transparent 67%); }
.hero__grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; gap: 82px; align-items: center; }
.hero__copy { padding: 10px 0 72px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 25px; color: var(--ice); font-size: 10.8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow > span { width: 31px; height: 1px; background: currentColor; }
.eyebrow--dark { color: #21425b; }
.hero h1, .about-hero h1 { max-width: 710px; margin: 0; font-family: var(--serif); font-size: clamp(62.64px, 6.8vw, 103.68px); font-weight: 400; line-height: .95; letter-spacing: -.045em; }
.hero h1 em, .about-hero h1 em { display: block; color: var(--blue); font-weight: 400; }
.hero__lead { max-width: 610px; margin: 30px 0 0; color: #b9c7d4; font-size: 18.36px; line-height: 1.8; }
.hero__actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.hero__meta { display: flex; margin-top: 54px; padding-top: 24px; border-top: 1px solid var(--line); }
.hero__meta div { min-width: 130px; padding-right: 28px; margin-right: 28px; border-right: 1px solid var(--line); }
.hero__meta div:last-child { border: 0; margin: 0; }
.hero__meta strong, .hero__meta span { display: block; }
.hero__meta strong { color: var(--ice); font-family: var(--serif); font-size: 22.68px; font-weight: 400; }
.hero__meta span { margin-top: 2px; color: #869aac; font-size: 9.72px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hero__visual { position: relative; min-height: 520px; display: flex; align-items: center; justify-content: center; }
.visual-orbit { position: absolute; width: 540px; height: 540px; border: 1px solid rgba(175, 224, 247, .13); border-radius: 50%; }
.visual-orbit::before, .visual-orbit::after { content: ""; position: absolute; border: 1px solid rgba(175, 224, 247, .08); border-radius: 50%; }
.visual-orbit::before { inset: 46px; }
.visual-orbit::after { inset: 95px; }
.image-slot { position: relative; display: flex; align-items: center; justify-content: center; gap: 18px; overflow: hidden; border: 1px solid rgba(189, 233, 253, .28); color: var(--ice); background: linear-gradient(145deg, rgba(25, 65, 91, .62), rgba(8, 28, 46, .86)); }
.image-slot::before { content: ""; position: absolute; inset: 0; opacity: .7; background-image: linear-gradient(135deg, transparent 48%, rgba(191, 234, 255, .08) 49%, rgba(191, 234, 255, .08) 51%, transparent 52%), linear-gradient(45deg, transparent 48%, rgba(191, 234, 255, .08) 49%, rgba(191, 234, 255, .08) 51%, transparent 52%); }
.image-slot::after { content: ""; position: absolute; width: 120%; height: 1px; background: rgba(201, 237, 255, .22); transform: rotate(-37deg); }
.image-slot > * { position: relative; z-index: 1; }
.image-slot--filled::before, .image-slot--filled::after { display: none; }
.image-slot--filled { background: #071522; }
.image-slot--filled > img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; z-index: 0; }
.image-slot div { display: grid; gap: 3px; }
.image-slot strong { font-size: 11.88px; letter-spacing: .12em; text-transform: uppercase; }
.image-slot small { color: #88a9bd; font-size: 9.72px; letter-spacing: .08em; text-transform: uppercase; }
.slot-mark { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(201, 237, 255, .4); border-radius: 50%; font-size: 9.72px; font-weight: 800; letter-spacing: .12em; }
.image-slot--hero { width: 86%; max-width: 650px; aspect-ratio: 4 / 4.5; transform: rotate(2deg); box-shadow: var(--shadow); }
.hero__badge { position: absolute; right: -8px; bottom: 50px; z-index: 3; display: grid; min-width: 180px; padding: 20px 23px; border-left: 3px solid var(--gold); background: var(--paper); color: var(--ink); box-shadow: 0 22px 50px rgba(0, 0, 0, .28); }
.hero__badge span { font-size: 8.64px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero__badge strong { font-family: var(--serif); font-size: 28.08px; font-weight: 400; }
.hero__rail { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 50px; border-top: 1px solid var(--line); border-inline: 1px solid var(--line); }
.hero__rail a { display: grid; grid-template-columns: auto 1fr; column-gap: 17px; min-height: 118px; padding: 24px; border-right: 1px solid var(--line); transition: background .2s ease; }
.hero__rail a:last-child { border: 0; }
.hero__rail a:hover { background: rgba(128, 208, 245, .07); }
.hero__rail span { grid-row: span 2; color: #68839a; font-family: var(--serif); font-size: 21.6px; }
.hero__rail strong { align-self: end; font-family: var(--serif); font-size: 20.52px; font-weight: 400; }
.hero__rail small { color: #7890a4; font-size: 9.72px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.section { padding: 116px 0; }
.section-index { color: #6f8799; font-size: 9.72px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.section-index span { display: inline-block; margin-right: 12px; color: var(--blue); font-family: var(--serif); font-size: 19.44px; font-weight: 400; }
.intro { background: #091727; }
.intro__grid { display: grid; grid-template-columns: 210px minmax(0, 1fr) 300px; gap: 68px; align-items: start; }
.intro__content h2, .section-heading h2, .faq__intro h2, .rewards__intro h2, .building__copy h2, .story__headline h2, .responsibility-page h2 { margin: 0; font-family: var(--serif); font-size: clamp(44.28px, 4.86vw, 71.28px); font-weight: 400; line-height: 1.04; letter-spacing: -.03em; }
.intro__content > p:last-child { max-width: 780px; margin: 28px 0 0; color: #9fb1c0; font-size: 18.36px; }
.intro__aside { padding-left: 29px; border-left: 1px solid var(--line); }
.intro__aside p { margin: 0; color: var(--ice); font-family: var(--serif); font-size: 21.6px; line-height: 1.55; }
.circle-link { display: grid; place-items: center; width: 48px; height: 48px; margin-top: 26px; border: 1px solid rgba(201, 237, 255, .3); border-radius: 50%; color: var(--ice); transition: transform .2s ease, background .2s ease, color .2s ease; }
.circle-link:hover { transform: rotate(45deg); background: var(--ice); color: var(--ink); }

.feature { padding: 0; background: var(--paper); color: var(--ink); }
.feature__grid { display: grid; grid-template-columns: 1.04fr .96fr; width: 100%; max-width: none; }
.feature__media { min-height: 710px; padding: 54px 54px 30px max(54px, calc((100vw - 1240px) / 2)); background: #0a1a2c; }
.image-slot--feature { width: 100%; height: 580px; }
.feature__caption { display: flex; justify-content: space-between; gap: 20px; margin-top: 16px; color: #8198a8; font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.feature__copy { display: flex; flex-direction: column; justify-content: center; padding: 75px max(54px, calc((100vw - 1240px) / 2)) 75px 78px; }
.feature__copy h2, .approach__copy h2 { margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 4.97vw, 73.44px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.feature__copy > p:not(.eyebrow), .approach__copy > p:not(.eyebrow) { margin: 27px 0 35px; color: #486275; font-size: 17.28px; }
.feature-list { border-top: 1px solid var(--line-dark); }
.feature-list article, .approach__list article { display: grid; grid-template-columns: 38px 1fr; gap: 22px; padding: 21px 0; border-bottom: 1px solid var(--line-dark); }
.feature-list article > span, .approach__list article > span { color: #7793a6; font-family: var(--serif); font-size: 18.36px; }
.feature-list h3, .approach__list h3 { margin: 0 0 3px; font-size: 14.04px; letter-spacing: .03em; }
.feature-list p, .approach__list p { margin: 0; color: #62798a; font-size: 12.96px; }

.visual-journal { background: #071321; }
.journal-heading { display: grid; grid-template-columns: 1fr minmax(320px, 440px); gap: 90px; align-items: end; margin-bottom: 64px; }
.journal-heading h2 { margin: 0; font-family: var(--serif); font-size: clamp(52.92px, 5.4vw, 79.92px); font-weight: 400; line-height: .98; letter-spacing: -.035em; }
.journal-heading h2 em { color: var(--blue); font-weight: 400; }
.journal-heading > p { margin: 0 0 7px; color: #8da2b3; font-size: 15.12px; }
.journal-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 295px 350px; gap: 24px; }
.journal-card { min-width: 0; }
.journal-card--tall { grid-column: 1 / 6; grid-row: 1 / 3; }
.journal-copy { grid-column: 6 / 10; display: flex; flex-direction: column; justify-content: space-between; padding: 34px; border: 1px solid var(--line); background: linear-gradient(145deg, #102a43, #0a1c2e); }
.journal-copy__number { color: var(--ice); font-family: var(--serif); font-size: 84.24px; line-height: .8; }
.journal-copy p { max-width: 330px; margin: 0; color: #a2b4c3; font-family: var(--serif); font-size: 21.6px; line-height: 1.35; }
.journal-card--square { grid-column: 10 / 13; }
.journal-card--wide { grid-column: 6 / 13; }
.image-slot--journal-tall, .image-slot--journal-square, .image-slot--journal-wide { width: 100%; }
.image-slot--journal-tall { height: 600px; }
.image-slot--journal-square { height: 242px; }
.image-slot--journal-wide { height: 297px; }
.journal-card__caption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 14px; color: #718a9d; font-size: 8.64px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.journal-card__caption strong { color: #b6c8d5; font-size: 9.72px; }

.experience-route { background: var(--paper-blue); color: var(--ink); }
.route-grid { display: grid; grid-template-columns: .85fr 1.15fr .72fr; gap: 68px; align-items: center; }
.route-index { display: block; margin-bottom: 44px; color: #8eacbd; font-family: var(--serif); font-size: 77.76px; line-height: 1; }
.route-intro h2 { margin: 0; font-family: var(--serif); font-size: clamp(45.36px, 4.32vw, 65.88px); font-weight: 400; line-height: 1; letter-spacing: -.03em; }
.route-intro > p:last-child { margin: 25px 0 0; color: #526d80; font-size: 15.12px; }
.route-media { min-width: 0; }
.image-slot--route { width: 100%; height: 540px; color: #163b53; border-color: rgba(6, 17, 31, .22); background: linear-gradient(145deg, #d2e8f1, #b8d5e2); }
.image-slot--route small { color: #526f82; }
.route-media__label { display: block; margin-top: 13px; color: #6d8797; font-size: 8.64px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.route-steps { border-top: 1px solid var(--line-dark); }
.route-steps article { display: grid; grid-template-columns: 36px 1fr; gap: 18px; padding: 25px 0; border-bottom: 1px solid var(--line-dark); }
.route-steps article > span { color: #7796a8; font-family: var(--serif); font-size: 19.44px; }
.route-steps h3 { margin: 0 0 6px; font-family: var(--serif); font-size: 25.92px; font-weight: 400; }
.route-steps p { margin: 0; color: #5e7788; font-size: 11.88px; }

.categories { background: #081626; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(300px, 410px); gap: 82px; align-items: end; margin-bottom: 52px; }
.section-heading > p { margin: 0 0 5px; color: #93a6b6; font-size: 15.12px; }
.category-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 24px; }
.category-card { min-width: 0; border: 1px solid var(--line); background: #0a1a2b; }
.category-card--wide { grid-row: span 2; }
.image-slot--card { width: 100%; min-height: 215px; border: 0; border-bottom: 1px solid var(--line); }
.category-card--wide .image-slot--card { min-height: 480px; }
.image-slot--card { flex-direction: column; gap: 10px; }
.category-card__body { display: grid; grid-template-columns: 35px 1fr 42px; gap: 18px; align-items: start; padding: 25px 27px 28px; }
.category-card__body > span { color: #617d93; font-family: var(--serif); font-size: 18.36px; }
.category-card__body h3 { margin: 0 0 5px; font-family: var(--serif); font-size: 29.16px; font-weight: 400; }
.category-card__body p { margin: 0; color: #8197aa; font-size: 12.96px; }
.category-card__body > a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--ice); transition: background .2s ease, color .2s ease, transform .2s ease; }
.category-card__body > a:hover { transform: rotate(45deg); background: var(--ice); color: var(--ink); }
.category-card__body > .category-card__arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--ice); font-family: var(--sans); font-size: 17.28px; }

.collection-corridor { background: #0b1c2e; }
.corridor-top { display: grid; grid-template-columns: .65fr 1fr auto; gap: 60px; align-items: end; margin-bottom: 52px; }
.corridor-top .eyebrow { margin: 0 0 7px; }
.corridor-top h2 { max-width: 690px; margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 5.08vw, 75.6px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.corridor-count { color: #687f92; font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.corridor-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto auto; gap: 25px; align-items: start; }
.corridor-card { min-width: 0; }
.corridor-card--landscape { grid-column: 1 / 8; }
.corridor-card--portrait { grid-column: 8 / 13; grid-row: 1 / 3; }
.corridor-card--compact { grid-column: 1 / 8; }
.image-slot--corridor-landscape { height: 390px; }
.image-slot--corridor-portrait { height: 720px; }
.image-slot--corridor-compact { height: 265px; }
.corridor-card > div:last-child { display: grid; grid-template-columns: 34px 1fr; column-gap: 15px; padding-top: 15px; }
.corridor-card > div:last-child > span { grid-row: span 2; color: #6d879b; font-family: var(--serif); font-size: 18.36px; }
.corridor-card h3 { margin: 0; font-family: var(--serif); font-size: 25.92px; font-weight: 400; }
.corridor-card p { margin: 2px 0 0; color: #8298aa; font-size: 11.88px; }

.rewards { position: relative; overflow: hidden; background: radial-gradient(circle at 10% 20%, rgba(67, 182, 236, .13), transparent 33%), #06111f; }
.rewards__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: start; }
.rewards__intro { position: sticky; top: 130px; }
.rewards__intro > p:last-child { max-width: 470px; color: #8fa3b4; }
.reward-stack { border-top: 1px solid var(--line); }
.reward-card { position: relative; display: grid; grid-template-columns: 70px 1fr 50px; gap: 24px; align-items: center; min-height: 155px; padding: 25px 5px; border-bottom: 1px solid var(--line); transition: padding .2s ease, background .2s ease; }
.reward-card:hover { padding-inline: 22px; background: rgba(126, 208, 245, .045); }
.reward-card__number { color: #637d92; font-family: var(--serif); font-size: 27px; }
.reward-card small { color: var(--blue); font-size: 8.64px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.reward-card h3 { margin: 4px 0 2px; font-family: var(--serif); font-size: 32.4px; font-weight: 400; }
.reward-card p { margin: 0; color: #8196a8; font-size: 12.96px; }
.reward-card__arrow { color: var(--ice); font-size: 23.76px; }

.responsible { padding: 0; background: var(--paper); color: var(--ink); }
.responsible__box { display: grid; grid-template-columns: 110px 1fr .78fr; gap: 52px; align-items: center; padding-block: 76px; }
.responsible__mark { display: grid; place-items: center; width: 86px; height: 86px; border: 1px solid #6d899a; border-radius: 50%; color: #21465e; font-family: var(--serif); font-size: 29.16px; }
.responsible__box h2 { margin: 0; max-width: 550px; font-family: var(--serif); font-size: clamp(39.96px, 4.32vw, 61.56px); font-weight: 400; line-height: 1; }
.responsible__box > div:last-child p { color: #506879; font-size: 15.12px; }

.faq { background: #0a1a2c; }
.faq__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 110px; }
.faq__intro > p:last-child { max-width: 360px; color: #879bac; }
.accordion { border-top: 1px solid var(--line); }
.accordion details { border-bottom: 1px solid var(--line); }
.accordion summary { position: relative; display: flex; justify-content: space-between; gap: 30px; padding: 27px 0; list-style: none; cursor: pointer; color: var(--white); font-family: var(--serif); font-size: 23.76px; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary span { position: relative; width: 18px; height: 18px; flex: 0 0 auto; margin-top: 7px; }
.accordion summary span::before, .accordion summary span::after { content: ""; position: absolute; top: 8px; left: 0; width: 18px; height: 1px; background: var(--ice); }
.accordion summary span::after { transform: rotate(90deg); transition: transform .2s ease; }
.accordion details[open] summary span::after { transform: rotate(0); }
.accordion details p { max-width: 700px; margin: -8px 0 27px; color: #8fa4b5; font-size: 15.12px; }

.closing { position: relative; overflow: hidden; padding: 120px 0; border-top: 1px solid var(--line); text-align: center; background: #06111f; }
.closing__glow { position: absolute; left: 50%; top: -300px; width: 820px; height: 600px; transform: translateX(-50%); background: radial-gradient(ellipse, rgba(91, 193, 239, .24), transparent 70%); }
.closing__inner { position: relative; display: flex; flex-direction: column; align-items: center; }
.closing__inner > img { width: 150px; height: 88px; object-fit: contain; margin-bottom: 28px; }
.closing__inner .eyebrow { justify-content: center; }
.closing__inner h2 { max-width: 850px; margin: 0; font-family: var(--serif); font-size: clamp(49.68px, 6.48vw, 84.24px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.closing__inner > div { display: flex; align-items: center; gap: 34px; margin-top: 37px; }

.footer { padding: 75px 0 26px; border-top: 1px solid var(--line); background: #030b13; }
.footer__grid { display: grid; grid-template-columns: 1.4fr .55fr .62fr 1fr; gap: 58px; }
.brand--footer { width: 177px; }
.brand--footer img { height: 76px; }
.footer__brand p { max-width: 390px; margin: 18px 0 0; color: #748b9d; font-size: 14.04px; }
.footer__links { display: flex; flex-direction: column; gap: 11px; }
.footer__links h3 { margin: 17px 0 10px; color: var(--ice); font-size: 9.72px; letter-spacing: .17em; text-transform: uppercase; }
.footer__links a { color: #869baa; font-size: 12.96px; transition: color .2s ease; }
.footer__links a:hover { color: var(--ice); }
.footer__note { padding: 21px; border: 1px solid var(--line); }
.age-mark--large { width: 47px; height: 47px; font-size: 14.04px; }
.footer__note p { margin: 17px 0 0; color: #8096a6; font-size: 11.88px; }
.footer__bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 61px; padding-top: 23px; border-top: 1px solid var(--line); color: #596f80; font-size: 9.72px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.about-hero { position: relative; padding: 112px 0 0; overflow: hidden; background: linear-gradient(145deg, #071728, #06111f 68%); }
.about-hero__glow { position: absolute; width: 850px; height: 850px; right: -380px; top: -450px; border-radius: 50%; background: radial-gradient(circle, rgba(78, 188, 238, .24), transparent 66%); }
.about-hero__grid { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 90px; align-items: end; }
.about-hero__copy > p:last-child { max-width: 670px; margin: 30px 0 0; color: #a6b7c5; font-size: 18.36px; }
.about-hero__statement { padding: 31px 0 5px 35px; border-left: 1px solid var(--line); }
.about-hero__statement > span { color: var(--blue); font-size: 9.72px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.about-hero__statement blockquote { margin: 18px 0 0; color: var(--ice); font-family: var(--serif); font-size: 30.24px; line-height: 1.25; }
.about-hero__media { position: relative; margin-top: 88px; }
.image-slot--about { width: 100%; height: 420px; }

.story { background: var(--paper); color: var(--ink); }
.story__grid { display: grid; grid-template-columns: 210px 1fr .9fr; gap: 78px; align-items: start; }
.story .section-index { color: #607a8b; }
.story__copy p { margin-top: 0; color: #50687a; font-size: 16.2px; }
.story__copy p + p { margin-top: 22px; }

.identity-system { background: #06111f; }
.identity-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 25px; align-items: start; }
.identity-copy { grid-column: 1 / 5; padding: 35px 55px 0 0; }
.identity-copy h2 { margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 4.97vw, 73.44px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.identity-copy > p:not(.eyebrow) { margin: 26px 0 0; color: #91a5b5; font-size: 15.12px; }
.identity-note { display: grid; grid-template-columns: 35px 1fr; gap: 18px; margin-top: 65px; padding-top: 23px; border-top: 1px solid var(--line); }
.identity-note span { color: var(--blue); font-family: var(--serif); font-size: 19.44px; }
.identity-note p { margin: 0; color: #748b9d; font-size: 11.88px; }
.identity-main { grid-column: 5 / 10; }
.identity-stack { grid-column: 10 / 13; display: grid; gap: 25px; }
.image-slot--identity-main { height: 700px; }
.image-slot--identity-detail, .image-slot--identity-square { height: 305px; }
.identity-main > span, .identity-stack article > span { display: block; padding-top: 12px; color: #70889b; font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.principles { background: #081626; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.principle-card { min-height: 365px; padding: 29px; border: 1px solid var(--line); background: #0b1d30; }
.principle-card > span { color: #698196; font-family: var(--serif); font-size: 19.44px; }
.principle-card__icon { display: grid; place-items: center; width: 70px; height: 70px; margin: 62px 0 29px; border: 1px solid var(--line); border-radius: 50%; color: var(--blue); font-size: 28.08px; }
.principle-card h3 { margin: 0 0 10px; font-family: var(--serif); font-size: 29.16px; font-weight: 400; }
.principle-card p { margin: 0; color: #8197aa; font-size: 14.04px; }
.principle-card--featured { border-color: rgba(201, 237, 255, .44); background: linear-gradient(160deg, #153653, #0a1d30); transform: translateY(-16px); box-shadow: 0 25px 60px rgba(0, 0, 0, .22); }

.standards-rail { background: var(--paper); color: var(--ink); }
.standards-heading { display: grid; grid-template-columns: 120px 1fr; gap: 45px; align-items: start; margin-bottom: 54px; }
.standards-heading__index { color: #7392a4; font-family: var(--serif); font-size: 82.08px; line-height: .8; }
.standards-heading h2 { max-width: 1010px; margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 5.4vw, 77.76px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.standards-media { margin-left: 165px; }
.image-slot--standards { width: 100%; height: 430px; color: #14394f; border-color: rgba(6, 17, 31, .2); background: linear-gradient(145deg, #d7eaf2, #b9d6e2); }
.image-slot--standards small { color: #567284; }
.standards-media > span { display: block; margin-top: 12px; color: #718999; font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.standards-list { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 55px; border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.standards-list article { min-height: 200px; padding: 25px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.standards-list article > span { color: #7895a6; font-family: var(--serif); font-size: 18.36px; }
.standards-list h3 { margin: 42px 0 7px; font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
.standards-list p { margin: 0; color: #5d7585; font-size: 11.88px; }

.approach { padding: 0; background: var(--paper-blue); color: var(--ink); }
.approach__grid { display: grid; grid-template-columns: 1fr 1fr; width: 100%; max-width: none; }
.approach__copy { display: flex; flex-direction: column; justify-content: center; min-height: 650px; padding: 90px 80px 90px max(54px, calc((100vw - 1240px) / 2)); }
.approach__copy .text-link { align-self: flex-start; }
.approach__list { display: flex; flex-direction: column; justify-content: center; min-height: 650px; padding: 70px max(54px, calc((100vw - 1240px) / 2)) 70px 80px; border-left: 1px solid var(--line-dark); }
.approach__list article { grid-template-columns: 42px 1fr; padding: 30px 0; }
.approach__list h3 { font-family: var(--serif); font-size: 24.84px; font-weight: 400; }

.brand-roadmap { background: #091829; }
.roadmap-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 60px 25px; }
.roadmap-intro { grid-column: 1 / 5; }
.roadmap-intro h2 { margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 4.86vw, 72.36px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.roadmap-intro > p:last-child { margin-top: 26px; color: #8ca1b2; font-size: 15.12px; }
.roadmap-track { grid-column: 6 / 13; border-top: 1px solid var(--line); }
.roadmap-track article { display: grid; grid-template-columns: 48px 1fr auto; gap: 25px; align-items: center; min-height: 118px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.roadmap-track article > span { color: #6d879c; font-family: var(--serif); font-size: 21.6px; }
.roadmap-track h3 { margin: 0 0 4px; font-family: var(--serif); font-size: 27px; font-weight: 400; }
.roadmap-track p { margin: 0; color: #7f94a6; font-size: 11.88px; }
.roadmap-track small { color: var(--blue); font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.roadmap-gallery { grid-column: 1 / 13; display: grid; grid-template-columns: 1.45fr .55fr; gap: 25px; }
.image-slot--roadmap-wide, .image-slot--roadmap-small { height: 410px; }

.building { background: #071525; }
.building__grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 95px; align-items: center; }
.image-slot--building { width: 100%; height: 620px; }
.building__copy > p:not(.eyebrow) { max-width: 610px; color: #94a7b6; }
.check-list { display: grid; gap: 0; margin: 36px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.check-list li { display: flex; gap: 17px; padding: 17px 0; border-bottom: 1px solid var(--line); color: #c2d0db; font-size: 14.04px; }
.check-list li span { color: var(--blue); }

.responsibility-page { background: #0b1b2d; }
.responsibility-page__grid { display: grid; grid-template-columns: .85fr 1fr .65fr; gap: 78px; align-items: start; }
.responsibility-page .responsible__mark { margin-bottom: 36px; color: var(--ice); border-color: var(--blue); }
.responsibility-page p { margin-top: 0; color: #91a5b5; font-size: 15.12px; }
.responsibility-page__rules { display: grid; border-top: 1px solid var(--line); }
.responsibility-page__rules span { padding: 15px 0; border-bottom: 1px solid var(--line); color: var(--ice); font-size: 11.88px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.closing--about { background: #06111f; }

/* Promotions page */
.promo-hero { position: relative; min-height: 790px; padding: 96px 0 102px; overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(125deg, #071626 0%, #06111f 53%, #0b2136 100%); }
.promo-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(174, 224, 247, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(174, 224, 247, .04) 1px, transparent 1px); background-size: 84px 84px; }
.promo-hero__halo { position: absolute; width: 820px; height: 820px; right: -300px; top: -310px; border-radius: 50%; background: radial-gradient(circle, rgba(77, 185, 236, .24), transparent 67%); pointer-events: none; }
.promo-hero__grid { position: relative; display: grid; grid-template-columns: .94fr 1.06fr; gap: 86px; align-items: center; }
.promo-hero__copy h1 { max-width: 760px; margin: 0; font-family: var(--serif); font-size: clamp(68.04px, 6.48vw, 103.68px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.promo-hero__copy h1 em { display: block; color: var(--blue); font-weight: 400; }
.promo-hero__copy > p:not(.eyebrow) { max-width: 680px; margin: 30px 0 0; color: #b4c6d4; font-size: 17.28px; line-height: 1.85; }
.promo-hero__actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.promo-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 670px; margin: 54px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); }
.promo-hero__facts div { padding: 0 22px; border-right: 1px solid var(--line); }
.promo-hero__facts div:first-child { padding-left: 0; }
.promo-hero__facts div:last-child { border-right: 0; }
.promo-hero__facts dt { color: var(--ice); font-family: var(--serif); font-size: 23.76px; }
.promo-hero__facts dd { margin: 2px 0 0; color: #8299aa; font-size: 8.64px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.promo-hero__visual { position: relative; min-height: 575px; }
.image-slot--promo-hero { position: absolute; inset: 0 34px 30px 0; width: auto; height: auto; box-shadow: var(--shadow); }
.promo-hero__note { position: absolute; right: 0; bottom: 0; z-index: 3; width: min(350px, 72%); padding: 29px 31px; border-top: 3px solid var(--gold); background: var(--paper); color: var(--ink); box-shadow: 0 28px 64px rgba(0, 0, 0, .32); }
.promo-hero__note > span { color: #547285; font-size: 8.64px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.promo-hero__note strong { display: block; margin-top: 8px; font-family: var(--serif); font-size: 27px; font-weight: 400; line-height: 1.15; }
.promo-hero__note p { margin: 13px 0 0; color: #567083; font-size: 11.88px; }

.promo-ticker { border-bottom: 1px solid var(--line); background: #040c16; }
.promo-ticker__inner { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 20px; color: #95abba; font-size: 9.72px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.promo-ticker__inner i { width: 4px; height: 4px; border-radius: 50%; background: var(--blue); }

.promo-types { background: #071321; }
.promo-heading { display: grid; grid-template-columns: 1.15fr minmax(320px, .55fr); gap: 90px; align-items: end; margin-bottom: 58px; }
.promo-heading h2, .promo-compare__intro h2 { max-width: 900px; margin: 0; font-family: var(--serif); font-size: clamp(47.52px, 4.86vw, 73.44px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.promo-heading > p { margin: 0 0 4px; color: #91a6b6; font-size: 15.12px; }
.promo-gallery { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; }
.promo-tile { grid-column: span 3; min-width: 0; border: 1px solid var(--line); background: #0a1a2b; }
.promo-tile--lead { grid-column: span 6; grid-row: span 2; }
.promo-tile--accent { grid-column: span 6; display: grid; grid-template-columns: .8fr 1.2fr; }
.image-slot--promo-lead { width: 100%; height: 520px; border: 0; border-bottom: 1px solid var(--line); }
.image-slot--promo-card { width: 100%; height: 235px; border: 0; border-bottom: 1px solid var(--line); }
.promo-tile--accent .image-slot--promo-card { height: 100%; min-height: 310px; border: 0; border-right: 1px solid var(--line); }
.promo-tile__body { padding: 27px 28px 31px; }
.promo-tile__body > span { color: #7090a6; font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.promo-tile__body h3 { margin: 12px 0 9px; font-family: var(--serif); font-size: 30.24px; font-weight: 400; line-height: 1.1; }
.promo-tile--lead .promo-tile__body h3 { font-size: 39.96px; }
.promo-tile__body p { margin: 0; color: #8499aa; font-size: 12.96px; }
.promo-tile__body .text-link { margin-top: 24px; }

.promo-check { background: var(--paper-blue); color: var(--ink); }
.promo-check__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: start; }
.promo-check__media > span { display: block; margin-top: 13px; color: #6d8797; font-size: 8.64px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.image-slot--promo-check { width: 100%; height: 760px; color: #173d55; border-color: rgba(6, 17, 31, .2); background: linear-gradient(145deg, #d0e6f0, #b6d3e0); }
.image-slot--promo-check small { color: #557184; }
.promo-check__copy h2 { max-width: 780px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.promo-check__copy > p:not(.eyebrow) { max-width: 740px; margin: 26px 0 34px; color: #516c7e; font-size: 16.2px; }
.promo-checklist { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-dark); }
.promo-checklist li { display: grid; grid-template-columns: 44px 1fr; gap: 21px; padding: 20px 0; border-bottom: 1px solid var(--line-dark); }
.promo-checklist li > span { color: #7997a9; font-family: var(--serif); font-size: 19.44px; }
.promo-checklist h3 { margin: 0 0 3px; font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
.promo-checklist p { margin: 0; color: #5d7585; font-size: 11.88px; }

.promo-steps { background: #081626; }
.promo-heading--compact { margin-bottom: 48px; }
.promo-steps__track { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.promo-steps__track article { position: relative; min-height: 275px; padding: 29px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.promo-steps__track article > span { color: var(--blue); font-family: var(--serif); font-size: 21.6px; }
.promo-steps__track h3 { margin: 76px 0 9px; font-family: var(--serif); font-size: 27px; font-weight: 400; line-height: 1.1; }
.promo-steps__track p { margin: 0; color: #8298aa; font-size: 11.88px; }
.promo-steps__track article::after { content: ""; position: absolute; right: -5px; top: 39px; z-index: 2; width: 9px; height: 9px; border: 1px solid var(--blue); border-radius: 50%; background: #081626; }
.promo-steps__track article:last-child::after { display: none; }
.promo-steps__media { margin-top: 25px; }
.image-slot--promo-wide { width: 100%; height: 390px; }

.promo-compare { background: var(--paper); color: var(--ink); }
.promo-compare__grid { display: grid; grid-template-columns: .66fr 1.34fr; gap: 86px; align-items: start; }
.promo-compare__intro { position: sticky; top: 130px; }
.promo-compare__intro > p:last-child { margin: 27px 0 0; color: #526d7f; font-size: 15.12px; }
.promo-table-wrap { overflow-x: auto; border-top: 1px solid var(--line-dark); }
.promo-table { width: 100%; border-collapse: collapse; min-width: 680px; }
.promo-table th, .promo-table td { padding: 24px 22px; border-bottom: 1px solid var(--line-dark); text-align: left; vertical-align: top; }
.promo-table thead th { color: #617d8f; font-size: 8.64px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.promo-table tbody th { width: 27%; font-family: var(--serif); font-size: 22.68px; font-weight: 400; line-height: 1.2; }
.promo-table td { color: #526c7e; font-size: 12.96px; }

.promo-language { background: #0b1c2e; }
.promo-language__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.promo-language__grid article { min-height: 300px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.promo-language__grid article > span { color: #6d8aa0; font-family: var(--serif); font-size: 19.44px; }
.promo-language__grid h3 { margin: 76px 0 9px; font-family: var(--serif); font-size: 27px; font-weight: 400; }
.promo-language__grid p { margin: 0; color: #8499aa; font-size: 11.88px; }

.promo-responsible { background: linear-gradient(135deg, #0d3150, #081b2d); }
.promo-responsible__box { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 62px; align-items: center; padding: 70px 0; border-top: 1px solid rgba(201, 237, 255, .28); border-bottom: 1px solid rgba(201, 237, 255, .28); }
.promo-responsible__box h2 { max-width: 560px; margin: 0; font-family: var(--serif); font-size: clamp(45.36px, 4.32vw, 66.96px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.promo-responsible__box > div:last-child p { margin: 0 0 20px; color: #b0c3d2; font-size: 15.12px; }
.faq--promotions { background: #06111f; }
.closing--promotions { background: #081727; }

.reveal { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s ease; }
.reveal.reveal-pending { opacity: 0; transform: translateY(24px); }
.reveal--delay { transition-delay: .12s; }
.reveal.reveal-pending.is-visible { opacity: 1; transform: translateY(0); }

:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }

@media (min-width: 1440px) {
  .header__inner { gap: 42px; }
  .nav { gap: 32px; }
  .nav__links { gap: 30px; }
  .hero { min-height: 900px; padding-top: 102px; }
  .hero__grid { grid-template-columns: .9fr 1.1fr; gap: 104px; }
  .hero__copy { padding-bottom: 82px; }
  .hero h1, .about-hero h1 { max-width: 820px; font-size: clamp(84.24px, 5.72vw, 112.32px); }
  .hero__lead { max-width: 680px; }
  .hero__visual { min-height: 610px; }
  .visual-orbit { width: 650px; height: 650px; }
  .image-slot--hero { width: 88%; }
  .hero__badge { right: 2%; bottom: 42px; }
  .hero__rail { margin-top: 56px; }
  .hero__rail a { min-height: 126px; padding-inline: 30px; }
  .about-hero__grid { grid-template-columns: 1.15fr .65fr; gap: 120px; }
  .about-hero__copy > p:last-child { max-width: 760px; }
  .footer__grid { grid-template-columns: 1.55fr .55fr .62fr .9fr; gap: 72px; }
}

@media (max-width: 1280px) {
  .menu-toggle { display: flex; margin-left: auto; }
  .nav { position: fixed; inset: 85px 0 auto; display: flex; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 18px 32px 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(4, 12, 22, .985); transform: translateY(-130%); opacity: 0; visibility: hidden; transition: transform .28s ease, opacity .2s ease, visibility .2s ease; }
  .nav.is-open { transform: translateY(0); opacity: 1; visibility: visible; }
  .nav__links { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .nav__links a { padding: 14px 0; border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: 21.6px; font-weight: 400; letter-spacing: 0; text-transform: none; }
  .nav__links a::after { display: none; }
  .header-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
  .account-button { min-height: 49px; }
}

@media (max-width: 1120px) {
  :root { --container: min(100% - 40px, 1000px); }
  .header__inner { gap: 22px; }
  .nav { gap: 20px; }
  .header__cta { display: none; }
  .hero__grid { grid-template-columns: 1fr .85fr; gap: 40px; }
  .hero__visual { min-height: 460px; }
  .visual-orbit { width: 430px; height: 430px; }
  .hero__badge { right: -10px; }
  .intro__grid { grid-template-columns: 150px 1fr; }
  .intro__aside { grid-column: 2; display: flex; align-items: center; gap: 25px; padding: 22px 0 0; border: 0; border-top: 1px solid var(--line); }
  .intro__aside .circle-link { margin: 0; }
  .feature__copy { padding-left: 52px; }
  .feature__media { min-height: 640px; padding-left: 40px; }
  .image-slot--feature { height: 510px; }
  .journal-heading { gap: 55px; }
  .route-grid { grid-template-columns: 1fr 1fr; }
  .route-intro { grid-column: 1 / -1; display: grid; grid-template-columns: .65fr 1fr; gap: 0 60px; align-items: end; }
  .route-intro .route-index { grid-row: 1 / 4; }
  .corridor-top { grid-template-columns: .55fr 1fr auto; gap: 35px; }
  .rewards__grid { gap: 60px; }
  .faq__grid { gap: 65px; }
  .footer__grid { grid-template-columns: 1.2fr .6fr .7fr; }
  .footer__note { grid-column: 1 / -1; display: flex; align-items: center; gap: 20px; }
  .footer__note p { margin: 0; }
  .story__grid { grid-template-columns: 140px 1fr 1fr; gap: 40px; }
  .identity-copy { padding-right: 20px; }
  .standards-media { margin-left: 0; }
  .roadmap-grid { gap-block: 50px; }
  .building__grid { gap: 60px; }
  .responsibility-page__grid { gap: 45px; }
  .promo-hero__grid { gap: 48px; }
  .promo-heading { gap: 55px; }
  .promo-gallery { grid-template-columns: repeat(2, 1fr); }
  .promo-tile, .promo-tile--lead, .promo-tile--accent { grid-column: auto; grid-row: auto; }
  .promo-tile--lead { grid-row: span 2; }
  .promo-tile--accent { grid-column: 1 / -1; display: grid; grid-template-columns: .8fr 1.2fr; }
  .promo-tile--accent .image-slot--promo-card { height: 100%; min-height: 300px; border: 0; border-right: 1px solid var(--line); }
  .promo-check__grid { gap: 55px; }
  .promo-compare__grid { gap: 55px; }
  .promo-responsible__box { gap: 40px; }
}

@media (max-width: 820px) {
  :root { --container: min(100% - 36px, 720px); }
  .topline { display: none; }
  .header__inner { height: 74px; }
  .brand { width: 128px; }
  .brand img { height: 52px; }
  .menu-toggle { display: flex; margin-left: auto; }
  .nav { inset-block-start: 74px; padding-inline: 28px; }
  .nav.is-open { transform: translateY(0); opacity: 1; visibility: visible; }
  .nav__links a { padding: 16px 0; font-size: 22.68px; }
  .hero { min-height: 0; padding-top: 68px; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__copy { padding: 0; }
  .hero h1, .about-hero h1 { font-size: clamp(59.4px, 14.04vw, 88.56px); }
  .hero__visual { min-height: 540px; margin-top: 10px; }
  .image-slot--hero { width: min(82%, 470px); }
  .hero__badge { right: 5%; bottom: 45px; }
  .hero__rail { grid-template-columns: 1fr 1fr; margin-top: 20px; }
  .hero__rail a:nth-child(2) { border-right: 0; }
  .hero__rail a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .section { padding: 84px 0; }
  .intro__grid { grid-template-columns: 1fr; gap: 32px; }
  .intro__aside { grid-column: 1; }
  .feature__grid { grid-template-columns: 1fr; }
  .feature__media { min-height: 0; padding: 34px 24px 25px; }
  .image-slot--feature { height: 480px; }
  .feature__copy { padding: 76px 30px; }
  .journal-heading { grid-template-columns: 1fr; gap: 22px; }
  .journal-heading > p { max-width: 560px; }
  .journal-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; }
  .journal-card--tall { grid-column: 1; grid-row: 1 / 3; }
  .journal-copy { grid-column: 2; grid-row: 1; min-height: 260px; }
  .journal-card--square { grid-column: 2; grid-row: 2; }
  .journal-card--wide { grid-column: 1 / -1; grid-row: 3; }
  .image-slot--journal-tall { height: 585px; }
  .image-slot--journal-square { height: 260px; }
  .image-slot--journal-wide { height: 330px; }
  .route-grid { grid-template-columns: 1fr; }
  .route-intro { grid-column: auto; display: block; }
  .route-intro .route-index { margin-bottom: 30px; }
  .image-slot--route { height: 460px; }
  .section-heading { grid-template-columns: 1fr; gap: 20px; }
  .section-heading > p { max-width: 560px; }
  .category-grid { grid-template-columns: 1fr 1fr; }
  .category-card--wide { grid-column: 1 / -1; grid-row: auto; }
  .category-card--wide .image-slot--card { min-height: 380px; }
  .corridor-top { grid-template-columns: 1fr; gap: 15px; }
  .corridor-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
  .corridor-card--landscape { grid-column: 1 / -1; }
  .corridor-card--portrait { grid-column: 1; grid-row: 2; }
  .corridor-card--compact { grid-column: 2; grid-row: 2; }
  .image-slot--corridor-landscape { height: 360px; }
  .image-slot--corridor-portrait, .image-slot--corridor-compact { height: 410px; }
  .rewards__grid, .faq__grid { grid-template-columns: 1fr; gap: 55px; }
  .rewards__intro { position: static; }
  .responsible__box { grid-template-columns: 90px 1fr; gap: 35px; }
  .responsible__box > div:last-child { grid-column: 2; }
  .footer__grid { grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; }
  .about-hero { padding-top: 78px; }
  .about-hero__grid { grid-template-columns: 1fr; gap: 47px; }
  .about-hero__statement { max-width: 520px; }
  .about-hero__media { margin-top: 55px; }
  .image-slot--about { height: 340px; }
  .story__grid { grid-template-columns: 1fr; gap: 28px; }
  .identity-grid { grid-template-columns: 1fr 1fr; }
  .identity-copy { grid-column: 1 / -1; padding: 0 0 25px; }
  .identity-note { max-width: 520px; margin-top: 35px; }
  .identity-main { grid-column: 1; }
  .identity-stack { grid-column: 2; }
  .image-slot--identity-main { height: 650px; }
  .standards-heading { grid-template-columns: 85px 1fr; gap: 30px; }
  .standards-heading__index { font-size: 64.8px; }
  .standards-list { grid-template-columns: 1fr 1fr; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-card { min-height: 300px; }
  .principle-card__icon { margin-top: 35px; }
  .principle-card--featured { transform: none; }
  .approach__grid { grid-template-columns: 1fr; }
  .approach__copy, .approach__list { min-height: 0; padding: 80px 34px; }
  .approach__list { padding-top: 15px; border-left: 0; }
  .roadmap-grid { grid-template-columns: 1fr; }
  .roadmap-intro, .roadmap-track, .roadmap-gallery { grid-column: 1; }
  .roadmap-gallery { grid-template-columns: 1fr 1fr; }
  .building__grid { grid-template-columns: 1fr; }
  .image-slot--building { height: 500px; }
  .responsibility-page__grid { grid-template-columns: 1fr 1fr; }
  .responsibility-page__rules { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; column-gap: 30px; }
  .promo-hero { min-height: 0; padding: 76px 0 85px; }
  .promo-hero__grid { grid-template-columns: 1fr; }
  .promo-hero__copy h1 { font-size: clamp(62.64px, 14.04vw, 90.72px); }
  .promo-hero__visual { min-height: 600px; margin-top: 20px; }
  .promo-heading { grid-template-columns: 1fr; gap: 22px; }
  .promo-heading > p { max-width: 600px; }
  .promo-gallery { grid-template-columns: 1fr 1fr; }
  .promo-tile--lead { grid-column: 1 / -1; grid-row: auto; }
  .image-slot--promo-lead { height: 460px; }
  .promo-tile--accent { grid-column: 1 / -1; display: grid; grid-template-columns: .9fr 1.1fr; }
  .promo-tile--accent .image-slot--promo-card { height: 100%; min-height: 300px; border: 0; border-right: 1px solid var(--line); }
  .promo-check__grid { grid-template-columns: 1fr; }
  .image-slot--promo-check { height: 520px; }
  .promo-steps__track { grid-template-columns: 1fr 1fr; }
  .promo-steps__track article:nth-child(2)::after { display: none; }
  .image-slot--promo-wide { height: 330px; }
  .promo-compare__grid { grid-template-columns: 1fr; }
  .promo-compare__intro { position: static; }
  .promo-language__grid { grid-template-columns: 1fr 1fr; }
  .promo-responsible__box { grid-template-columns: 90px 1fr; }
  .promo-responsible__box > div:last-child { grid-column: 2; }
}

@media (max-width: 560px) {
  :root { --container: calc(100% - 28px); }
  body { font-size: 16.2px; }
  .header__inner { height: 68px; }
  .nav { inset-block-start: 68px; }
  .brand { width: 118px; }
  .hero { padding-top: 52px; }
  .hero h1, .about-hero h1 { font-size: clamp(51.84px, 16.85vw, 73.44px); }
  .hero__lead, .about-hero__copy > p:last-child { font-size: 16.2px; }
  .hero__actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .hero__meta { justify-content: space-between; gap: 10px; }
  .hero__meta div { min-width: 0; margin: 0; padding: 0 15px 0 0; }
  .hero__visual { min-height: 440px; }
  .visual-orbit { width: 350px; height: 350px; }
  .image-slot--hero { width: 84%; }
  .hero__badge { right: 0; bottom: 27px; min-width: 145px; padding: 15px 18px; }
  .hero__rail a { min-height: 98px; padding: 17px 13px; column-gap: 10px; }
  .hero__rail small { font-size: 7.56px; }
  .section { padding: 70px 0; }
  .intro__content h2, .section-heading h2, .faq__intro h2, .rewards__intro h2, .building__copy h2, .story__headline h2, .responsibility-page h2 { font-size: 44.28px; }
  .intro__content > p:last-child { font-size: 16.2px; }
  .feature__media { padding-inline: 14px; }
  .image-slot--feature { height: 370px; }
  .feature__copy { padding: 65px 22px; }
  .feature__copy h2, .approach__copy h2 { font-size: 46.44px; }
  .journal-heading h2, .route-intro h2, .corridor-top h2, .identity-copy h2, .standards-heading h2, .roadmap-intro h2 { font-size: 44.28px; }
  .journal-grid { grid-template-columns: 1fr; }
  .journal-card--tall, .journal-copy, .journal-card--square, .journal-card--wide { grid-column: 1; grid-row: auto; }
  .image-slot--journal-tall { height: 470px; }
  .image-slot--journal-square { height: 300px; }
  .image-slot--journal-wide { height: 280px; }
  .route-index { font-size: 62.64px; }
  .image-slot--route { height: 370px; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card--wide { grid-column: auto; }
  .category-card--wide .image-slot--card, .image-slot--card { min-height: 250px; }
  .category-card__body { grid-template-columns: 26px 1fr 38px; padding: 22px 18px; gap: 12px; }
  .corridor-grid { grid-template-columns: 1fr; }
  .corridor-card--landscape, .corridor-card--portrait, .corridor-card--compact { grid-column: 1; grid-row: auto; }
  .image-slot--corridor-landscape, .image-slot--corridor-portrait, .image-slot--corridor-compact { height: 330px; }
  .reward-card { grid-template-columns: 43px 1fr 25px; gap: 14px; }
  .reward-card:hover { padding-inline: 6px; }
  .responsible__box { grid-template-columns: 1fr; padding: 60px 0; }
  .responsible__box > div:last-child { grid-column: 1; }
  .responsible__mark { width: 72px; height: 72px; }
  .accordion summary { font-size: 20.52px; }
  .closing { padding: 90px 0; }
  .closing__inner h2 { font-size: 49.68px; }
  .closing__inner > div { flex-direction: column; gap: 18px; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__brand, .footer__note { grid-column: 1 / -1; }
  .footer__bottom { flex-direction: column; }
  .about-hero { padding-top: 58px; }
  .about-hero__statement { padding-left: 22px; }
  .about-hero__statement blockquote { font-size: 25.92px; }
  .image-slot--about { height: 260px; }
  .identity-grid { grid-template-columns: 1fr; }
  .identity-copy, .identity-main, .identity-stack { grid-column: 1; }
  .image-slot--identity-main { height: 500px; }
  .image-slot--identity-detail, .image-slot--identity-square { height: 310px; }
  .standards-heading { grid-template-columns: 1fr; }
  .standards-heading__index { font-size: 51.84px; }
  .image-slot--standards { height: 300px; }
  .standards-list { grid-template-columns: 1fr; }
  .standards-list article { min-height: 170px; }
  .roadmap-gallery { grid-template-columns: 1fr; }
  .image-slot--roadmap-wide, .image-slot--roadmap-small { height: 310px; }
  .approach__copy, .approach__list { padding-inline: 22px; }
  .image-slot--building { height: 410px; }
  .responsibility-page__grid { grid-template-columns: 1fr; gap: 35px; }
  .responsibility-page__rules { grid-column: 1; grid-template-columns: 1fr; }
  .promo-hero { padding-top: 56px; }
  .promo-hero__copy h1 { font-size: clamp(51.84px, 16.74vw, 73.44px); }
  .promo-hero__copy > p:not(.eyebrow) { font-size: 16.2px; }
  .promo-hero__actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .promo-hero__facts div { padding-inline: 10px; }
  .promo-hero__facts dd { letter-spacing: .04em; }
  .promo-hero__visual { min-height: 475px; }
  .image-slot--promo-hero { inset: 0 10px 20px 0; }
  .promo-hero__note { width: 90%; padding: 22px; }
  .promo-ticker__inner { display: grid; grid-template-columns: 1fr 1fr; min-height: 105px; }
  .promo-ticker__inner i { display: none; }
  .promo-heading h2, .promo-compare__intro h2, .promo-check__copy h2 { font-size: 45.36px; }
  .promo-gallery { grid-template-columns: 1fr; }
  .promo-tile--lead, .promo-tile--accent { grid-column: auto; display: block; }
  .image-slot--promo-lead { height: 390px; }
  .image-slot--promo-card, .promo-tile--accent .image-slot--promo-card { height: 275px; min-height: 0; border: 0; border-bottom: 1px solid var(--line); }
  .promo-tile__body { padding-inline: 22px; }
  .image-slot--promo-check { height: 410px; }
  .promo-steps__track { grid-template-columns: 1fr; }
  .promo-steps__track article { min-height: 235px; }
  .promo-steps__track article::after { display: none; }
  .image-slot--promo-wide { height: 280px; }
  .promo-language__grid { grid-template-columns: 1fr; }
  .promo-language__grid article { min-height: 245px; }
  .promo-language__grid h3 { margin-top: 48px; }
  .promo-responsible__box { grid-template-columns: 1fr; padding: 58px 0; }
  .promo-responsible__box > div:last-child { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}
/* Online Pokies page */
.pokies-hero { position: relative; min-height: 800px; padding: 100px 0 105px; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 76% 24%, rgba(67, 182, 236, .14), transparent 28%), linear-gradient(122deg, #06111f 0%, #081929 58%, #07121f 100%); }
.pokies-hero::before { content: ""; position: absolute; inset: 0; opacity: .27; pointer-events: none; background-image: linear-gradient(rgba(201, 237, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(201, 237, 255, .035) 1px, transparent 1px); background-size: 68px 68px; }
.pokies-hero__glow { position: absolute; left: -250px; bottom: -390px; width: 780px; height: 780px; border-radius: 50%; background: radial-gradient(circle, rgba(216, 182, 110, .10), transparent 68%); pointer-events: none; }
.pokies-hero__grid { position: relative; display: grid; grid-template-columns: 1.04fr .96fr; gap: 92px; align-items: center; }
.pokies-hero__copy h1 { max-width: 800px; margin: 0; font-family: var(--serif); font-size: clamp(69.12px, 6.48vw, 103.68px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.pokies-hero__copy h1 em { display: block; color: var(--blue); font-weight: 400; }
.pokies-hero__copy > p:not(.eyebrow) { max-width: 720px; margin: 30px 0 0; color: #b4c7d5; font-size: 17.28px; line-height: 1.86; }
.pokies-hero__actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.pokies-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 700px; margin: 55px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); }
.pokies-hero__facts div { padding: 0 22px; border-right: 1px solid var(--line); }
.pokies-hero__facts div:first-child { padding-left: 0; }
.pokies-hero__facts div:last-child { border-right: 0; }
.pokies-hero__facts dt { color: var(--ice); font-family: var(--serif); font-size: 23.76px; }
.pokies-hero__facts dd { margin: 2px 0 0; color: #8299aa; font-size: 8.64px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.pokies-hero__visual { position: relative; min-height: 590px; }
.image-slot--pokies-hero { position: absolute; inset: 12px 52px 34px 0; width: auto; height: auto; box-shadow: var(--shadow); }
.pokies-hero__card { position: absolute; right: 0; bottom: 0; z-index: 3; width: min(365px, 76%); padding: 30px 31px; border-top: 3px solid var(--blue); background: var(--paper); color: var(--ink); box-shadow: 0 28px 64px rgba(0, 0, 0, .32); }
.pokies-hero__card > span { color: #587487; font-size: 8.64px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.pokies-hero__card strong { display: block; margin-top: 8px; font-family: var(--serif); font-size: 28.08px; font-weight: 400; line-height: 1.15; }
.pokies-hero__card p { margin: 13px 0 0; color: #567083; font-size: 11.88px; }

.pokies-ticker { border-bottom: 1px solid var(--line); background: #040c16; }
.pokies-ticker__inner { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 18px; color: #95abba; font-size: 9.72px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.pokies-ticker__inner i { width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: var(--blue); }

.pokies-basics { background: #071321; }
.pokies-basics__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.pokies-basics__intro { position: sticky; top: 130px; }
.pokies-basics__intro h2 { max-width: 600px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.18vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.pokies-basics__intro > p:not(.eyebrow) { max-width: 600px; margin: 27px 0 28px; color: #8fa4b5; font-size: 15.12px; }
.pokies-basics__cards { display: grid; border-top: 1px solid var(--line); }
.pokies-definition { display: grid; grid-template-columns: 62px .82fr 1.18fr; gap: 25px; align-items: center; min-height: 180px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.pokies-definition > span { color: #6e899d; font-family: var(--serif); font-size: 21.6px; }
.pokies-definition h3 { margin: 0; font-family: var(--serif); font-size: 30.24px; font-weight: 400; line-height: 1.1; }
.pokies-definition p { margin: 0; color: #8399aa; font-size: 12.96px; }
.pokies-definition--feature h3 { color: var(--ice); }
.pokies-basics__media { margin-top: 64px; }
.image-slot--pokies-wide { width: 100%; height: 410px; }
.pokies-basics__media > span { display: block; margin-top: 12px; color: #6f879a; font-size: 8.64px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.pokies-metrics { background: var(--paper-blue); color: var(--ink); }
.pokies-metrics__grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 85px; align-items: start; }
.pokies-metrics__intro h2 { max-width: 650px; margin: 0; font-family: var(--serif); font-size: clamp(50.76px, 4.97vw, 73.44px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.pokies-metrics__intro > p:last-child { margin: 27px 0 0; color: #526d7f; font-size: 15.12px; }
.pokies-metric-table { overflow-x: auto; border-top: 1px solid var(--line-dark); }
.pokies-metric-table table { width: 100%; min-width: 720px; border-collapse: collapse; }
.pokies-metric-table th, .pokies-metric-table td { padding: 25px 22px; border-bottom: 1px solid var(--line-dark); text-align: left; vertical-align: top; }
.pokies-metric-table thead th { color: #617d8f; font-size: 8.64px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.pokies-metric-table tbody th { width: 20%; font-family: var(--serif); font-size: 24.84px; font-weight: 400; }
.pokies-metric-table td { color: #526c7e; font-size: 12.96px; }
.pokies-metric-note { margin: 26px 0 0; padding: 20px 23px; border-left: 3px solid #73a8bf; background: rgba(255,255,255,.42); color: #4b6679; font-size: 12.96px; }
.pokies-metric-note strong { color: #173a52; }

.pokies-mechanics { background: #081626; }
.pokies-mechanics__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.pokies-mechanic { min-height: 390px; padding: 29px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pokies-mechanic > span { color: #6d879c; font-family: var(--serif); font-size: 20.52px; }
.pokies-mechanic__symbol { display: grid; place-items: center; width: 74px; height: 74px; margin: 58px 0 28px; border: 1px solid rgba(201, 237, 255, .28); border-radius: 50%; color: var(--blue); font-family: var(--serif); font-size: 22.68px; }
.pokies-mechanic h3 { margin: 0 0 10px; font-family: var(--serif); font-size: 29.16px; font-weight: 400; }
.pokies-mechanic p { margin: 0; color: #8197aa; font-size: 12.96px; }

.pokies-features { background: var(--paper); color: var(--ink); }
.pokies-features__grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: 90px; align-items: start; }
.image-slot--pokies-feature { width: 100%; height: 800px; color: #173d55; border-color: rgba(6, 17, 31, .2); background: linear-gradient(145deg, #d0e6f0, #b6d3e0); }
.image-slot--pokies-feature small { color: #557184; }
.pokies-features__media > span { display: block; margin-top: 13px; color: #6d8797; font-size: 8.64px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.pokies-features__copy h2 { max-width: 760px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.pokies-features__copy > p:not(.eyebrow) { max-width: 760px; margin: 26px 0 34px; color: #516c7e; font-size: 16.2px; }
.pokies-feature-list { border-top: 1px solid var(--line-dark); }
.pokies-feature-list article { display: grid; grid-template-columns: 45px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line-dark); }
.pokies-feature-list article > span { color: #7997a9; font-family: var(--serif); font-size: 19.44px; }
.pokies-feature-list h3 { margin: 0 0 4px; font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
.pokies-feature-list p { margin: 0; color: #5d7585; font-size: 11.88px; }

.pokies-choice { background: #0a1a2b; }
.pokies-choice__heading { display: grid; grid-template-columns: 1.15fr .75fr; gap: 100px; align-items: end; margin-bottom: 56px; }
.pokies-choice__heading h2 { max-width: 880px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.18vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.pokies-choice__heading > p:last-child { margin: 0; color: #8da2b2; font-size: 15.12px; }
.pokies-choice__steps { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.pokies-choice__steps li { display: grid; grid-template-columns: 52px 1fr; gap: 22px; min-height: 220px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pokies-choice__steps li > span { color: var(--blue); font-family: var(--serif); font-size: 20.52px; }
.pokies-choice__steps h3 { margin: 0 0 9px; font-family: var(--serif); font-size: 28.08px; font-weight: 400; }
.pokies-choice__steps p { margin: 0; color: #8298aa; font-size: 12.96px; }

.pokies-mobile { background: #06111f; }
.pokies-mobile__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 85px; align-items: center; }
.pokies-mobile__copy h2 { max-width: 720px; margin: 0; font-family: var(--serif); font-size: clamp(50.76px, 5.08vw, 74.52px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.pokies-mobile__copy > p:not(.eyebrow) { max-width: 680px; margin: 27px 0 33px; color: #8fa4b4; font-size: 15.12px; }
.pokies-mobile__checks { display: flex; flex-wrap: wrap; gap: 10px; }
.pokies-mobile__checks span { padding: 10px 13px; border: 1px solid var(--line); color: #9eb4c3; font-size: 8.64px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.image-slot--pokies-mobile { width: 100%; height: 520px; }

.pokies-promo-link { background: var(--paper-blue); color: var(--ink); }
.pokies-promo-link__grid { display: grid; grid-template-columns: 1fr .82fr; gap: 90px; align-items: end; padding: 55px 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.pokies-promo-link__grid h2 { max-width: 720px; margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 4.75vw, 70.2px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.pokies-promo-link__grid > div:last-child p { margin: 0 0 22px; color: #526c7e; font-size: 15.12px; }

.pokies-responsible { background: linear-gradient(135deg, #0d3150, #081b2d); }
.pokies-responsible__box { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 62px; align-items: center; padding: 70px 0; border-top: 1px solid rgba(201, 237, 255, .28); border-bottom: 1px solid rgba(201, 237, 255, .28); }
.pokies-responsible__box h2 { max-width: 590px; margin: 0; font-family: var(--serif); font-size: clamp(45.36px, 4.32vw, 66.96px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.pokies-responsible__box > div:last-child p { margin: 0 0 20px; color: #b0c3d2; font-size: 15.12px; }
.faq--pokies { background: #071321; }
.closing--pokies { background: #081727; }

@media (max-width: 1180px) {
  .pokies-hero__grid { gap: 48px; }
  .pokies-basics__grid, .pokies-features__grid, .pokies-mobile__grid { gap: 55px; }
  .pokies-metrics__grid, .pokies-promo-link__grid { gap: 55px; }
  .pokies-choice__heading { gap: 55px; }
  .pokies-responsible__box { gap: 40px; }
}

@media (max-width: 920px) {
  .pokies-hero { min-height: 0; padding: 76px 0 86px; }
  .pokies-hero__grid { grid-template-columns: 1fr; }
  .pokies-hero__copy h1 { font-size: clamp(62.64px, 14.04vw, 90.72px); }
  .pokies-hero__visual { min-height: 590px; margin-top: 18px; }
  .pokies-basics__grid, .pokies-metrics__grid, .pokies-features__grid, .pokies-mobile__grid, .pokies-promo-link__grid { grid-template-columns: 1fr; }
  .pokies-basics__intro { position: static; }
  .pokies-definition { grid-template-columns: 52px .8fr 1.2fr; }
  .pokies-mechanics__grid { grid-template-columns: 1fr 1fr; }
  .pokies-choice__heading { grid-template-columns: 1fr; gap: 22px; }
  .pokies-choice__heading > p:last-child { max-width: 650px; }
  .image-slot--pokies-feature { height: 560px; }
  .pokies-responsible__box { grid-template-columns: 90px 1fr; }
  .pokies-responsible__box > div:last-child { grid-column: 2; }
}

@media (max-width: 680px) {
  .pokies-hero { padding-top: 58px; }
  .pokies-hero__copy h1 { font-size: clamp(51.84px, 16.74vw, 73.44px); }
  .pokies-hero__copy > p:not(.eyebrow) { font-size: 16.2px; }
  .pokies-hero__actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .pokies-hero__facts { grid-template-columns: 1fr; gap: 0; }
  .pokies-hero__facts div { padding: 13px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .pokies-hero__facts div:last-child { border-bottom: 0; }
  .pokies-hero__visual { min-height: 500px; }
  .image-slot--pokies-hero { inset: 0 24px 50px 0; }
  .pokies-hero__card { width: 88%; padding: 24px; }
  .pokies-ticker__inner { overflow-x: auto; justify-content: flex-start; white-space: nowrap; }
  .pokies-definition { grid-template-columns: 42px 1fr; gap: 15px; }
  .pokies-definition p { grid-column: 2; }
  .image-slot--pokies-wide { height: 300px; }
  .pokies-mechanics__grid { grid-template-columns: 1fr; }
  .pokies-mechanic { min-height: 0; }
  .pokies-mechanic__symbol { margin-top: 34px; }
  .pokies-choice__steps { grid-template-columns: 1fr; }
  .pokies-choice__steps li { min-height: 0; }
  .image-slot--pokies-feature, .image-slot--pokies-mobile { height: 430px; }
  .pokies-promo-link__grid { padding: 38px 0; }
  .pokies-responsible__box { grid-template-columns: 1fr; gap: 24px; padding: 54px 0; }
  .pokies-responsible__box > div:last-child { grid-column: 1; }
}

/* Live Casino page */
.live-hero { position: relative; min-height: 820px; padding: 104px 0 110px; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 18% 18%, rgba(216, 182, 110, .09), transparent 25%), radial-gradient(circle at 82% 34%, rgba(67, 182, 236, .15), transparent 30%), linear-gradient(128deg, #06111f 0%, #081827 54%, #06131f 100%); }
.live-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(115deg, transparent 0 47%, rgba(201,237,255,.035) 47% 48%, transparent 48% 100%); background-size: 90px 90px; }
.live-hero__light { position: absolute; right: -240px; top: -360px; width: 820px; height: 820px; border-radius: 50%; background: radial-gradient(circle, rgba(82, 194, 239, .17), transparent 67%); pointer-events: none; }
.live-hero__grid { position: relative; display: grid; grid-template-columns: .98fr 1.02fr; gap: 88px; align-items: center; }
.live-hero__copy h1 { max-width: 820px; margin: 0; font-family: var(--serif); font-size: clamp(66.96px, 6.48vw, 101.52px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.live-hero__copy h1 em { display: block; color: var(--blue); font-weight: 400; }
.live-hero__copy > p:not(.eyebrow) { max-width: 720px; margin: 30px 0 0; color: #b5c7d4; font-size: 17.28px; line-height: 1.85; }
.live-hero__actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.live-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 710px; margin: 54px 0 0; padding-top: 23px; border-top: 1px solid var(--line); }
.live-hero__facts div { padding: 0 22px; border-right: 1px solid var(--line); }
.live-hero__facts div:first-child { padding-left: 0; }
.live-hero__facts div:last-child { border-right: 0; }
.live-hero__facts dt { color: var(--ice); font-family: var(--serif); font-size: 23.76px; }
.live-hero__facts dd { margin: 2px 0 0; color: #8299aa; font-size: 8.64px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.live-hero__visual { position: relative; min-height: 610px; }
.image-slot--live-hero { position: absolute; inset: 0 35px 42px 28px; width: auto; height: auto; box-shadow: var(--shadow); }
.live-hero__panel { position: absolute; left: 0; bottom: 0; z-index: 3; width: min(385px, 78%); padding: 31px 32px; border-top: 3px solid #d8b66e; background: var(--paper); color: var(--ink); box-shadow: 0 28px 64px rgba(0,0,0,.32); }
.live-hero__panel > span { color: #617787; font-size: 8.64px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.live-hero__panel strong { display: block; margin-top: 8px; font-family: var(--serif); font-size: 28.08px; font-weight: 400; line-height: 1.15; }
.live-hero__panel p { margin: 13px 0 0; color: #567083; font-size: 11.88px; }

.live-strip { border-bottom: 1px solid var(--line); background: #040c16; }
.live-strip__inner { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 18px; color: #95abba; font-size: 9.72px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.live-strip__inner i { width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: #d8b66e; }

.live-basics { background: #081625; }
.live-basics__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 95px; align-items: start; }
.live-basics__lead { position: sticky; top: 130px; }
.live-basics__lead h2 { max-width: 620px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.18vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.live-basics__lead > p:not(.eyebrow) { max-width: 610px; margin: 27px 0 28px; color: #8fa4b5; font-size: 15.12px; }
.live-basics__sequence { border-top: 1px solid var(--line); }
.live-step { display: grid; grid-template-columns: 66px 1fr; gap: 28px; min-height: 150px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.live-step > span { color: #d8b66e; font-family: var(--serif); font-size: 22.68px; }
.live-step h3 { margin: 0 0 8px; font-family: var(--serif); font-size: 30.24px; font-weight: 400; }
.live-step p { margin: 0; color: #8399aa; font-size: 12.96px; }

.live-games { background: var(--paper-blue); color: var(--ink); }
.live-games__heading { display: grid; grid-template-columns: 1.08fr .72fr; gap: 90px; align-items: end; margin-bottom: 54px; }
.live-games__heading h2 { max-width: 790px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 74.52px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.live-games__heading > p { margin: 0; color: #526d7f; font-size: 15.12px; }
.live-games__grid { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: auto auto auto; gap: 22px; }
.live-game-card { min-height: 220px; padding: 30px 32px; border: 1px solid var(--line-dark); background: rgba(255,255,255,.22); }
.live-game-card--feature { grid-row: 1 / 4; padding: 0; background: #10283c; color: #eef8fd; }
.image-slot--live-game { width: 100%; height: 460px; border: 0; border-bottom: 1px solid rgba(201,237,255,.18); }
.live-game-card > div:last-child { padding: 0; }
.live-game-card--feature > div:last-child { padding: 30px 32px 34px; }
.live-game-card span { color: #66869a; font-family: var(--serif); font-size: 19.44px; }
.live-game-card--feature span { color: #8ebbd0; }
.live-game-card h3 { margin: 13px 0 8px; font-family: var(--serif); font-size: 32.4px; font-weight: 400; }
.live-game-card p { margin: 0; color: #566f80; font-size: 12.96px; }
.live-game-card--feature p { color: #9fb4c2; }

.live-rules { background: #071321; }
.live-rules__grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 86px; align-items: start; }
.live-rules__copy h2 { max-width: 650px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 74.52px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.live-rules__copy > p:not(.eyebrow) { margin: 27px 0 30px; color: #8fa4b5; font-size: 15.12px; }
.live-rules__tags { display: flex; flex-wrap: wrap; gap: 10px; }
.live-rules__tags span { padding: 10px 13px; border: 1px solid var(--line); color: #9eb4c3; font-size: 8.64px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.live-rule-table { overflow-x: auto; border-top: 1px solid var(--line); }
.live-rule-table table { width: 100%; min-width: 720px; border-collapse: collapse; }
.live-rule-table th, .live-rule-table td { padding: 24px 21px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.live-rule-table thead th { color: #7f98aa; font-size: 8.64px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.live-rule-table tbody th { width: 21%; color: var(--ice); font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
.live-rule-table td { color: #879dad; font-size: 12.96px; }

.live-interface { background: var(--paper); color: var(--ink); }
.live-interface__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: start; }
.image-slot--live-studio { width: 100%; height: 800px; color: #173d55; border-color: rgba(6,17,31,.2); background: linear-gradient(145deg,#d6e8ef,#b9d5df); }
.image-slot--live-studio small { color: #557184; }
.live-interface__media > span { display: block; margin-top: 13px; color: #6d8797; font-size: 8.64px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.live-interface__copy h2 { max-width: 760px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.live-interface__copy > p:not(.eyebrow) { max-width: 760px; margin: 26px 0 34px; color: #516c7e; font-size: 16.2px; }
.live-interface__list { border-top: 1px solid var(--line-dark); }
.live-interface__list article { display: grid; grid-template-columns: 46px 1fr; gap: 20px; padding: 21px 0; border-bottom: 1px solid var(--line-dark); }
.live-interface__list article > span { color: #7997a9; font-family: var(--serif); font-size: 19.44px; }
.live-interface__list h3 { margin: 0 0 4px; font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
.live-interface__list p { margin: 0; color: #5d7585; font-size: 11.88px; }

.live-compare { background: #0a1a2b; }
.live-compare__heading { display: grid; grid-template-columns: .9fr 1.1fr; gap: 88px; align-items: end; margin-bottom: 54px; }
.live-compare__heading h2 { max-width: 800px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 74.52px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.live-compare__heading > p:last-child { margin: 0; color: #8da2b2; font-size: 15.12px; }
.live-compare__cards { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.live-compare__cards article { min-height: 280px; padding: 29px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.live-compare__cards article > span { color: #d8b66e; font-family: var(--serif); font-size: 20.52px; }
.live-compare__cards h3 { margin: 48px 0 10px; font-family: var(--serif); font-size: 28.08px; font-weight: 400; }
.live-compare__cards p { margin: 0; color: #8298aa; font-size: 12.96px; }

.live-mobile { background: #06111f; }
.live-mobile__grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 84px; align-items: center; }
.live-mobile__copy h2 { max-width: 720px; margin: 0; font-family: var(--serif); font-size: clamp(50.76px, 5.08vw, 74.52px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.live-mobile__copy > p:not(.eyebrow) { max-width: 680px; margin: 27px 0 33px; color: #8fa4b4; font-size: 15.12px; }
.live-mobile__checks { display: flex; flex-wrap: wrap; gap: 10px; }
.live-mobile__checks span { padding: 10px 13px; border: 1px solid var(--line); color: #9eb4c3; font-size: 8.64px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.image-slot--live-mobile { width: 100%; height: 520px; }

.live-promo-link { background: var(--paper-blue); color: var(--ink); }
.live-promo-link__grid { display: grid; grid-template-columns: 1fr .82fr; gap: 90px; align-items: end; padding: 55px 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.live-promo-link__grid h2 { max-width: 720px; margin: 0; font-family: var(--serif); font-size: clamp(48.6px, 4.75vw, 70.2px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.live-promo-link__grid > div:last-child p { margin: 0 0 22px; color: #526c7e; font-size: 15.12px; }
.live-responsible { background: linear-gradient(135deg,#0b2b48,#081b2d); }
.live-responsible__box { display: grid; grid-template-columns: 110px 1fr 1fr; gap: 62px; align-items: center; padding: 70px 0; border-top: 1px solid rgba(201,237,255,.28); border-bottom: 1px solid rgba(201,237,255,.28); }
.live-responsible__box h2 { max-width: 590px; margin: 0; font-family: var(--serif); font-size: clamp(45.36px, 4.32vw, 66.96px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.live-responsible__box > div:last-child p { margin: 0 0 20px; color: #b0c3d2; font-size: 15.12px; }

@media (max-width: 1050px) {
  .live-hero__grid { gap: 48px; }
  .live-basics__grid, .live-rules__grid, .live-interface__grid, .live-mobile__grid, .live-promo-link__grid { gap: 55px; }
  .live-games__heading, .live-compare__heading { gap: 55px; }
  .live-responsible__box { gap: 40px; }
  .live-compare__cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .live-hero { min-height: 0; padding: 76px 0 86px; }
  .live-hero__grid { grid-template-columns: 1fr; }
  .live-hero__copy h1 { font-size: clamp(62.64px, 14.04vw, 90.72px); }
  .live-hero__visual { min-height: 590px; margin-top: 18px; }
  .live-basics__grid, .live-games__heading, .live-rules__grid, .live-interface__grid, .live-compare__heading, .live-mobile__grid, .live-promo-link__grid { grid-template-columns: 1fr; }
  .live-basics__lead { position: static; }
  .live-games__grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .live-game-card--feature { grid-row: auto; }
  .image-slot--live-studio { height: 560px; }
  .live-responsible__box { grid-template-columns: 90px 1fr; }
  .live-responsible__box > div:last-child { grid-column: 2; }
}

@media (max-width: 560px) {
  .live-hero { padding-top: 58px; }
  .live-hero__copy h1 { font-size: clamp(51.84px, 16.74vw, 73.44px); }
  .live-hero__copy > p:not(.eyebrow) { font-size: 16.2px; }
  .live-hero__actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .live-hero__facts { grid-template-columns: 1fr; }
  .live-hero__facts div { padding: 13px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .live-hero__facts div:last-child { border-bottom: 0; }
  .live-hero__visual { min-height: 505px; }
  .image-slot--live-hero { inset: 0 18px 56px 0; }
  .live-hero__panel { width: 90%; padding: 24px; }
  .live-strip__inner { overflow-x: auto; justify-content: flex-start; white-space: nowrap; }
  .live-step { grid-template-columns: 44px 1fr; gap: 15px; }
  .image-slot--live-game { height: 330px; }
  .live-compare__cards { grid-template-columns: 1fr; }
  .live-compare__cards article { min-height: 0; }
  .live-compare__cards h3 { margin-top: 32px; }
  .image-slot--live-studio, .image-slot--live-mobile { height: 430px; }
  .live-promo-link__grid { padding: 38px 0; }
  .live-responsible__box { grid-template-columns: 1fr; gap: 24px; padding: 54px 0; }
  .live-responsible__box > div:last-child { grid-column: 1; }
}

.corridor-guide-link { margin: -24px 0 36px; }

/* CROWN96 Blog Hub */
.blog-hero { position: relative; overflow: hidden; min-height: 760px; padding: 94px 0 102px; background: #06111f; }
.blog-hero__orb { position: absolute; width: 720px; height: 720px; top: -280px; right: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(42,126,171,.28), rgba(42,126,171,0) 68%); pointer-events: none; }
.blog-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 82px; align-items: center; }
.blog-hero__copy h1 { max-width: 850px; margin: 0; font-family: var(--serif); font-size: clamp(65.88px, 6.8vw, 101.52px); font-weight: 400; line-height: .91; letter-spacing: -.055em; }
.blog-hero__copy h1 em { color: #93cbe1; font-weight: 400; }
.blog-hero__copy > p:not(.eyebrow) { max-width: 720px; margin: 30px 0 32px; color: #9eb2c1; font-size: 16.2px; }
.blog-hero__actions { display: flex; gap: 28px; align-items: center; margin-bottom: 46px; }
.blog-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 760px; margin: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.blog-hero__facts div { padding: 18px 20px 18px 0; border-right: 1px solid var(--line); }
.blog-hero__facts div:last-child { padding-left: 20px; border-right: 0; }
.blog-hero__facts div:nth-child(2) { padding-left: 20px; }
.blog-hero__facts dt { color: #d8b66e; font-size: 8.64px; font-weight: 850; letter-spacing: .16em; }
.blog-hero__facts dd { margin: 5px 0 0; color: #8ea4b4; font-size: 10.8px; }
.blog-hero__visual { position: relative; min-height: 600px; }
.blog-media { margin: 0; overflow: hidden; border: 1px solid rgba(201,237,255,.22); background: #0b2438; }
.blog-media img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; background: #071522; }
.blog-media--hero { position: absolute; inset: 0 52px 76px 0; box-shadow: var(--shadow); }
.blog-media--hero img { object-position: center; }
.blog-hero__note { position: absolute; right: 0; bottom: 0; width: min(390px, 88%); padding: 29px 31px; border: 1px solid rgba(201,237,255,.25); background: rgba(7,22,36,.94); backdrop-filter: blur(16px); }
.blog-hero__note > span { display: block; color: #d8b66e; font-size: 8.64px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.blog-hero__note strong { display: block; margin: 12px 0 9px; font-family: var(--serif); font-size: 27px; font-weight: 400; line-height: 1.05; }
.blog-hero__note p { margin: 0; color: #8ea3b3; font-size: 11.88px; }
.blog-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #081827; }
.blog-strip__inner { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 22px; }
.blog-strip a { color: #9fb5c5; font-size: 9.72px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.blog-strip i { width: 4px; height: 4px; border-radius: 50%; background: #d8b66e; }
.blog-featured { background: #071321; }
.blog-section-heading { display: grid; grid-template-columns: 1.08fr .72fr; gap: 90px; align-items: end; margin-bottom: 54px; }
.blog-section-heading h2 { max-width: 820px; margin: 0; font-family: var(--serif); font-size: clamp(51.84px, 5.08vw, 75.6px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.blog-section-heading > p { margin: 0; color: #8ca2b1; font-size: 15.12px; }
.blog-featured__grid { display: grid; grid-template-columns: 1.18fr .82fr; grid-template-rows: auto auto; gap: 22px; }
.blog-feature-card { position: relative; min-height: 290px; padding: 34px; border: 1px solid var(--line); background: rgba(255,255,255,.015); }
.blog-feature-card--primary { grid-row: 1 / 3; padding: 0; }
.blog-media--card { width: 100%; height: 410px; border: 0; border-bottom: 1px solid var(--line); }
.blog-media--card img { object-position: center; }
.blog-feature-card__body { padding: 32px 34px 37px; }
.blog-kicker { display: block; color: #d8b66e; font-size: 8.64px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.blog-feature-card h3 { max-width: 720px; margin: 16px 0 12px; font-family: var(--serif); font-size: 33.48px; font-weight: 400; line-height: 1.04; }
.blog-feature-card--primary h3 { font-size: 41.04px; }
.blog-feature-card p { margin: 0 0 22px; color: #8aa0b0; font-size: 12.96px; }
.blog-index { display: block; margin-bottom: 46px; color: #718a9b; font-family: var(--serif); font-size: 21.6px; }
.blog-library { background: var(--paper-blue); color: var(--ink); }
.blog-library__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 82px; align-items: start; }
.blog-library__intro { position: sticky; top: 120px; }
.blog-library__intro h2 { margin: 0; font-family: var(--serif); font-size: clamp(50.76px, 4.86vw, 72.36px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.blog-library__intro > p:last-child { margin: 27px 0 0; color: #526d7f; font-size: 15.12px; }
.blog-topic-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.blog-topic-card { min-height: 300px; padding: 31px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.blog-topic-card > span { color: #7592a3; font-family: var(--serif); font-size: 19.44px; }
.blog-topic-card h3 { margin: 47px 0 10px; font-family: var(--serif); font-size: 29.16px; font-weight: 400; }
.blog-topic-card p { min-height: 72px; margin: 0 0 20px; color: #526c7c; font-size: 12.96px; }
.blog-topic-card a { color: #173f57; font-size: 9.72px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.blog-reads { background: #06111f; }
.blog-section-heading--dark > p { color: #8ca2b1; }
.blog-read-list { border-top: 1px solid var(--line); }
.blog-read { display: grid; grid-template-columns: 62px .78fr 1.15fr 110px; gap: 31px; align-items: start; padding: 34px 0; border-bottom: 1px solid var(--line); }
.blog-read__number { color: #d8b66e; font-family: var(--serif); font-size: 21.6px; }
.blog-read span { color: #8198a9; font-size: 8.64px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.blog-read h3 { margin: 9px 0 0; font-family: var(--serif); font-size: 31.32px; font-weight: 400; line-height: 1.05; }
.blog-read > p { margin: 0; color: #8ca1b1; font-size: 12.96px; }
.blog-read > a { justify-self: end; color: #b8d5e3; font-size: 9.72px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.blog-updates { background: #0a1a2b; }
.blog-updates__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 88px; align-items: start; }
.blog-updates__copy h2 { max-width: 670px; margin: 0; font-family: var(--serif); font-size: clamp(50.76px, 4.86vw, 72.36px); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.blog-updates__copy > p:last-child { max-width: 640px; margin: 27px 0 0; color: #8da2b2; font-size: 15.12px; }
.blog-update-stack { border-top: 1px solid var(--line); }
.blog-update-card { display: grid; grid-template-columns: 120px 1fr 30px; gap: 24px; align-items: center; min-height: 122px; border-bottom: 1px solid var(--line); color: var(--ice); }
.blog-update-card > span, .blog-update-card > time { color: #7690a1; font-size: 8.64px; font-weight: 850; letter-spacing: .12em; }
.blog-update-card strong { display: block; font-family: var(--serif); font-size: 28.08px; font-weight: 400; }
.blog-update-card small { display: block; margin-top: 4px; color: #8198a8; font-size: 9.72px; letter-spacing: .07em; text-transform: uppercase; }
.blog-update-card b { color: #d8b66e; font-size: 19.44px; font-weight: 400; }
.blog-standards { background: var(--paper); color: var(--ink); }
.blog-standards__box { display: grid; grid-template-columns: .72fr 1.28fr; gap: 82px; padding: 65px 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.blog-standards__box h2 { max-width: 610px; margin: 0; font-family: var(--serif); font-size: clamp(47.52px, 4.54vw, 69.12px); font-weight: 400; line-height: 1; letter-spacing: -.035em; }
.blog-standards__principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.blog-standards__principles article { padding-left: 22px; border-left: 1px solid var(--line-dark); }
.blog-standards__principles span { color: #718e9f; font-family: var(--serif); font-size: 19.44px; }
.blog-standards__principles h3 { margin: 40px 0 10px; font-family: var(--serif); font-size: 25.92px; font-weight: 400; }
.blog-standards__principles p { margin: 0; color: #587182; font-size: 11.88px; }
.faq--blog { background: #071321; }
.closing--blog { background: linear-gradient(135deg,#0b2b48,#06111f); }

@media (max-width: 1050px) {
  .blog-hero__grid, .blog-section-heading, .blog-library__grid, .blog-updates__grid, .blog-standards__box { gap: 55px; }
  .blog-read { grid-template-columns: 46px .8fr 1fr 90px; gap: 22px; }
  .blog-standards__principles { gap: 18px; }
}
@media (max-width: 820px) {
  .blog-hero { min-height: 0; padding: 76px 0 86px; }
  .blog-hero__grid, .blog-section-heading, .blog-library__grid, .blog-updates__grid, .blog-standards__box { grid-template-columns: 1fr; }
  .blog-hero__copy h1 { font-size: clamp(62.64px, 14.04vw, 90.72px); }
  .blog-hero__visual { min-height: 560px; }
  .blog-featured__grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .blog-feature-card--primary { grid-row: auto; }
  .blog-library__intro { position: static; }
  .blog-read { grid-template-columns: 46px 1fr; }
  .blog-read > p { grid-column: 2; }
  .blog-read > a { grid-column: 2; justify-self: start; }
  .blog-standards__principles { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .blog-hero { padding-top: 58px; }
  .blog-hero__copy h1 { font-size: clamp(51.84px, 16.74vw, 73.44px); }
  .blog-hero__copy > p:not(.eyebrow) { font-size: 16.2px; }
  .blog-hero__actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .blog-hero__facts { grid-template-columns: 1fr; }
  .blog-hero__facts div, .blog-hero__facts div:nth-child(2), .blog-hero__facts div:last-child { padding: 13px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .blog-hero__facts div:last-child { border-bottom: 0; }
  .blog-hero__visual { min-height: 500px; }
  .blog-media--hero { inset: 0 18px 56px 0; }
  .blog-hero__note { width: 90%; padding: 24px; }
  .blog-strip__inner { overflow-x: auto; justify-content: flex-start; white-space: nowrap; }
  .blog-topic-grid { grid-template-columns: 1fr; }
  .blog-topic-card { min-height: 0; }
  .blog-feature-card--primary h3 { font-size: 34.56px; }
  .blog-media--card { height: 330px; }
  .blog-update-card { grid-template-columns: 92px 1fr 22px; gap: 14px; }
  .blog-update-card strong { font-size: 23.76px; }
  .blog-standards__box { padding: 45px 0; }
}

/* Home journal link to Blog Hub */
.journal-heading > div:last-child > p { margin: 0 0 18px; color: #8da2b3; font-size: 15.12px; }
@media (max-width: 820px) { .journal-heading > div:last-child { max-width: 560px; } }


/* CROWN96 BLOG BRANCH ARTICLES */
.article-page { background: var(--paper); color: var(--ink); }
.article-hero { position: relative; overflow: hidden; padding: 92px 0 82px; border-bottom: 1px solid var(--line); background: linear-gradient(145deg, #06111f, #0a1e31 72%, #0d2a40); color: var(--white); }
.article-hero::before { content: ""; position: absolute; inset: 0; opacity: .35; pointer-events: none; background-image: linear-gradient(rgba(201,237,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(201,237,255,.035) 1px, transparent 1px); background-size: 66px 66px; }
.article-page--live .article-hero { background: linear-gradient(145deg, #06111f, #10283a 66%, #17293a); }
.article-page--promotions .article-hero { background: linear-gradient(145deg, #07131f, #152435 65%, #2b261f); }
.article-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .65fr); gap: 84px; align-items: center; }
.article-breadcrumb { display: flex; gap: 12px; margin-bottom: 35px; color: #8099ac; font-size: 9.72px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.article-breadcrumb a { color: var(--ice); }
.article-hero h1 { max-width: 920px; margin: 0; font-family: var(--serif); font-size: clamp(56.16px, 6.26vw, 92.88px); font-weight: 400; line-height: .96; letter-spacing: -.04em; }
.article-hero h1 em { display: block; color: var(--blue); font-weight: 400; }
.article-page--promotions .article-hero h1 em { color: var(--gold); }
.article-lead { max-width: 770px; margin: 28px 0 0; color: #afc1cf; font-size: 18.36px; line-height: 1.8; }
.article-meta { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--line); color: #7f99ad; font-size: 9.72px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.article-hero__panel { position: relative; display: grid; gap: 16px; padding: 34px; border: 1px solid rgba(201,237,255,.25); background: rgba(9,29,46,.78); box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.article-hero__panel::before { content: ""; position: absolute; top: 0; left: 0; width: 46%; height: 3px; background: var(--blue); }
.article-hero__panel--promo::before { background: var(--gold); }
.article-panel__label { color: #7f99ad; font-size: 9.72px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.article-metric { padding: 16px 0; border-top: 1px solid var(--line); }
.article-metric strong { display: block; color: var(--ice); font-family: var(--serif); font-size: 32.4px; font-weight: 400; }
.article-metric p { margin: 4px 0 0; color: #98adbd; font-size: 12.96px; }
.live-mini { list-style: none; display: grid; gap: 0; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.live-mini li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 17px 0; border-bottom: 1px solid var(--line); align-items: center; }
.live-mini b, .promo-mini b { color: var(--blue); font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
.live-mini span, .promo-mini span { color: #c3d2dd; font-size: 12.96px; }
.promo-mini { display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: center; padding: 15px 0; border-top: 1px solid var(--line); }
.article-hero__panel--promo .promo-mini b { color: var(--gold); }
.article-strip { border-bottom: 1px solid var(--line-dark); background: #eef5f8; }
.article-strip .container { display: flex; overflow-x: auto; scrollbar-width: none; }
.article-strip a { flex: 0 0 auto; padding: 17px 28px 17px 0; margin-right: 28px; color: #49697e; font-size: 9.72px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.article-shell { padding-top: 84px; background: var(--paper); }
.article-shell__grid { display: grid; grid-template-columns: 260px minmax(0, 880px); gap: 82px; justify-content: center; align-items: start; }
.article-toc { position: sticky; top: 118px; display: grid; padding: 24px 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.article-toc strong { margin-bottom: 15px; color: #203e53; font-size: 9.72px; letter-spacing: .12em; text-transform: uppercase; }
.article-toc a { padding: 8px 0; color: #708a9b; font-size: 11.88px; transition: color .2s ease, transform .2s ease; }
.article-toc a:hover { color: var(--ink); transform: translateX(4px); }
.article-content > section { padding: 0 0 78px; margin-bottom: 78px; border-bottom: 1px solid var(--line-dark); scroll-margin-top: 125px; }
.article-content > section:last-child { margin-bottom: 0; }
.article-content h2 { max-width: 790px; margin: 0 0 28px; font-family: var(--serif); font-size: clamp(42.12px, 4.32vw, 63.72px); font-weight: 400; line-height: 1.03; letter-spacing: -.03em; }
.article-content h3 { margin: 34px 0 10px; font-family: var(--serif); font-size: 29.16px; font-weight: 400; }
.article-content p { margin: 0 0 22px; color: #526d7f; font-size: 17.28px; line-height: 1.82; }
.article-content a { color: #1a6f9a; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article-callout { margin: 35px 0 0; padding: 28px 32px; border-left: 3px solid var(--blue); background: #e5f1f6; }
.article-page--promotions .article-callout { border-left-color: var(--gold); background: #f1ede4; }
.article-callout strong { display: block; margin-bottom: 7px; color: #173c53; font-size: 10.8px; letter-spacing: .12em; text-transform: uppercase; }
.article-callout p { margin: 0; color: #466377; font-family: var(--serif); font-size: 21.6px; line-height: 1.48; }
.article-comparison { display: grid; grid-template-columns: repeat(3, 1fr); margin: 38px 0; border: 1px solid var(--line-dark); }
.article-comparison > div { min-width: 0; padding: 25px; border-right: 1px solid var(--line-dark); }
.article-comparison > div:last-child { border: 0; }
.article-comparison span { display: block; color: #7793a5; font-size: 8.64px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.article-comparison strong { display: block; margin: 8px 0; font-family: var(--serif); font-size: 24.84px; font-weight: 400; }
.article-comparison p { margin: 0; font-size: 12.96px; line-height: 1.6; }
.article-steps { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 36px; border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.article-steps > div { padding: 27px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.article-steps span { color: #7794a7; font-family: var(--serif); font-size: 19.44px; }
.article-steps h3 { margin: 9px 0 6px; font-size: 25.92px; }
.article-steps p { margin: 0; font-size: 14.04px; }
.article-checklist { list-style: none; margin: 34px 0; padding: 0; border-top: 1px solid var(--line-dark); }
.article-checklist li { display: grid; grid-template-columns: 230px 1fr; gap: 28px; padding: 22px 0; border-bottom: 1px solid var(--line-dark); }
.article-checklist strong { font-family: var(--serif); font-size: 21.6px; font-weight: 400; }
.article-checklist span { color: #5c7688; font-size: 14.04px; }
.article-pillar { margin-top: 38px !important; padding: 24px 28px; background: #071727; color: #b9cad6 !important; }
.article-pillar a { color: var(--ice); }
.article-content details { border-top: 1px solid var(--line-dark); }
.article-content details:last-child { border-bottom: 1px solid var(--line-dark); }
.article-content summary { display: flex; justify-content: space-between; gap: 25px; padding: 24px 0; cursor: pointer; color: #17374d; font-family: var(--serif); font-size: 23.76px; list-style: none; }
.article-content summary::-webkit-details-marker { display: none; }
.article-content details p { padding: 0 0 24px; margin: 0; font-size: 15.12px; }
.article-next { padding: 70px 0; background: #071421; color: var(--white); }
.article-next__grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 22px; align-items: stretch; }
.article-next__grid > div { padding: 12px 28px 12px 0; }
.article-next span, .article-next small { color: #7590a4; font-size: 8.64px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.article-next h2 { max-width: 580px; margin: 8px 0 0; font-family: var(--serif); font-size: 38.88px; font-weight: 400; line-height: 1.08; }
.article-next a { display: flex; flex-direction: column; justify-content: space-between; min-height: 150px; padding: 24px; border: 1px solid var(--line); transition: background .2s ease, border-color .2s ease; }
.article-next a:hover { background: rgba(127,208,245,.06); border-color: rgba(201,237,255,.38); }
.article-next strong { color: var(--ice); font-family: var(--serif); font-size: 23.76px; font-weight: 400; }
@media (max-width: 1050px) {
  .article-hero__grid { grid-template-columns: 1fr; gap: 44px; }
  .article-hero__panel { max-width: 720px; }
  .article-shell__grid { grid-template-columns: 1fr; gap: 42px; }
  .article-toc { position: static; grid-template-columns: repeat(3, 1fr); column-gap: 20px; }
  .article-toc strong { grid-column: 1 / -1; }
  .article-next__grid { grid-template-columns: 1fr 1fr; }
  .article-next__grid > div { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .article-hero { padding: 64px 0 58px; }
  .article-hero h1 { font-size: clamp(46.44px, 14.04vw, 72.36px); }
  .article-lead { font-size: 16.2px; }
  .article-shell { padding-top: 60px; }
  .article-toc { grid-template-columns: 1fr 1fr; }
  .article-content > section { padding-bottom: 58px; margin-bottom: 58px; }
  .article-comparison, .article-steps { grid-template-columns: 1fr; }
  .article-comparison > div { border-right: 0; border-bottom: 1px solid var(--line-dark); }
  .article-comparison > div:last-child { border-bottom: 0; }
  .article-checklist li { grid-template-columns: 1fr; gap: 6px; }
  .article-next__grid { grid-template-columns: 1fr; }
}

/* Category hub modifiers: Promotion & Terms / Casino Basics */
.category-page--promotions .category-hero { background: linear-gradient(145deg, #06111f 0%, #18263a 66%, #3b3426 100%); }
.category-page--promotions .category-hero h1 em, .category-page--promotions .category-panel__stats dt { color: #d8b66e; }
.category-page--promotions .category-hero__panel::before { background: #d8b66e; }
.category-page--promotions .category-map { background: #0b1620; }
.category-page--basics .category-hero { background: linear-gradient(145deg, #06111f 0%, #0b293b 66%, #16445a 100%); }
.category-page--basics .category-hero h1 em, .category-page--basics .category-panel__stats dt { color: #9bdcf6; }
.category-page--basics .category-hero__panel::before { background: #9bdcf6; }
.category-page--basics .category-map { background: #071824; }

/* CROWN96 Blog category hubs */
.category-page { background: var(--paper); color: var(--ink); }
.category-hero { position: relative; overflow: hidden; padding: 96px 0 88px; color: var(--white); background: linear-gradient(145deg, #06111f 0%, #0b2135 72%, #103650 100%); border-bottom: 1px solid var(--line); }
.category-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(rgba(201,237,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(201,237,255,.035) 1px, transparent 1px); background-size: 74px 74px; }
.category-hero--live { background: linear-gradient(145deg, #06111f 0%, #10283a 70%, #243a4d 100%); }
.category-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.7fr); gap: 82px; align-items: center; }
.category-breadcrumb { display: flex; gap: 10px; align-items: center; margin-bottom: 30px; color: #86a6b8; font-size: 10.8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.category-breadcrumb a { color: #c9edff; }
.category-hero h1 { max-width: 940px; margin: 0; font-family: var(--serif); font-size: clamp(58.32px,6.37vw,95.04px); font-weight: 400; line-height: .94; letter-spacing: -.045em; }
.category-hero h1 em { display: block; color: var(--blue); font-weight: 400; }
.category-page--live .category-hero h1 em { color: #d8b66e; }
.category-hero__copy > p:not(.eyebrow) { max-width: 810px; margin: 27px 0 32px; color: #9eb3c2; font-size: 16.2px; line-height: 1.75; }
.category-hero__actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.category-hero__panel, .category-table-map { position: relative; padding: 34px; border: 1px solid rgba(201,237,255,.25); background: rgba(8,28,45,.8); box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.category-hero__panel::before, .category-table-map::before { content: ""; position: absolute; top: 0; left: 0; width: 44%; height: 3px; background: var(--blue); }
.category-page--live .category-table-map::before { background: #d8b66e; }
.category-panel__kicker { display: block; color: #d8b66e; font-size: 8.64px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.category-hero__panel > strong { display: block; margin: 15px 0 11px; font-family: var(--serif); font-size: 33.48px; font-weight: 400; line-height: 1.05; }
.category-hero__panel > p, .category-table-map > p { margin: 0; color: #8fa7b7; font-size: 11.88px; line-height: 1.7; }
.category-panel__stats { display: grid; grid-template-columns: repeat(3,1fr); margin: 30px 0 0; border-top: 1px solid rgba(201,237,255,.16); }
.category-panel__stats div { padding: 18px 12px 0 0; }
.category-panel__stats dt { color: var(--blue); font-family: var(--serif); font-size: 25.92px; }
.category-panel__stats dd { margin: 4px 0 0; color: #8199a8; font-size: 9.72px; }
.category-table-map { display: grid; gap: 18px; }
.category-table-map__row { display: grid; grid-template-columns: 74px 1fr 1.5fr; gap: 14px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(201,237,255,.13); }
.category-table-map__row b { color: #d8b66e; font-size: 9.72px; letter-spacing: .11em; }
.category-table-map__row i { display: block; height: 1px; background: rgba(216,182,110,.45); }
.category-table-map__row span { color: #9ab0be; font-size: 10.8px; }
.category-strip { border-bottom: 1px solid var(--line-dark); background: #eaf2f6; }
.category-strip__inner { display: flex; align-items: center; gap: 20px; min-height: 58px; overflow-x: auto; }
.category-strip a { flex: 0 0 auto; color: #234b63; font-size: 9.72px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.category-strip i { width: 1px; height: 13px; background: #b7c9d3; }
.category-feature { background: var(--paper); }
.category-feature__grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(420px,1.05fr); gap: 74px; align-items: start; }
.category-feature__copy h2, .category-heading h2, .category-route__intro h2 { margin: 0; font-family: var(--serif); font-size: clamp(45.36px,4.54vw,69.12px); font-weight: 400; line-height: .98; letter-spacing: -.035em; }
.category-feature__copy > p:not(.eyebrow), .category-heading > p, .category-route__intro > p:not(.eyebrow) { color: #536d7d; font-size: 14.04px; line-height: 1.8; }
.category-feature__links { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: 28px; }
.category-feature__matrix, .category-ruleboard { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line-dark); border-left: 1px solid var(--line-dark); }
.category-feature__matrix article, .category-ruleboard > div { min-height: 195px; padding: 28px; border-right: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.category-feature__matrix span, .category-ruleboard span { color: #6e91a5; font-size: 9.72px; font-weight: 850; letter-spacing: .12em; }
.category-feature__matrix strong, .category-ruleboard strong { display: block; margin: 21px 0 8px; font-family: var(--serif); font-size: 25.92px; font-weight: 400; line-height: 1.05; }
.category-feature__matrix p, .category-ruleboard p { margin: 0; color: #5f7887; font-size: 11.88px; line-height: 1.65; }
.category-map { background: #071523; color: var(--white); }
.category-map--live { background: #0a1722; }
.category-heading { display: grid; grid-template-columns: 1fr .72fr; gap: 70px; align-items: end; margin-bottom: 48px; }
.category-heading > p { margin: 0; color: #90a7b6; }
.category-topic-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(201,237,255,.17); border-left: 1px solid rgba(201,237,255,.17); }
.category-topic-card { min-height: 390px; padding: 34px; border-right: 1px solid rgba(201,237,255,.17); border-bottom: 1px solid rgba(201,237,255,.17); }
.category-topic-card > span { color: #7599ad; font-family: var(--serif); font-size: 23.76px; }
.category-topic-card h3 { margin: 44px 0 12px; font-family: var(--serif); font-size: 33.48px; font-weight: 400; }
.category-topic-card p { min-height: 65px; margin: 0 0 22px; color: #8ea5b5; font-size: 12.96px; line-height: 1.7; }
.category-topic-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.category-topic-card li { border-top: 1px solid rgba(201,237,255,.12); padding-top: 10px; }
.category-topic-card a { color: #c9edff; font-size: 10.8px; font-weight: 760; }
.category-route { background: #e9f2f6; }
.category-route__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.category-route__steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-dark); }
.category-route__steps li { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line-dark); }
.category-route__steps li > span { color: #6f93a8; font-family: var(--serif); font-size: 25.92px; }
.category-route__steps strong { font-family: var(--serif); font-size: 25.92px; font-weight: 400; }
.category-route__steps p { margin: 6px 0 0; color: #597383; font-size: 11.88px; line-height: 1.65; }
.category-next { padding: 64px 0; background: #06111f; color: var(--white); border-top: 1px solid var(--line); }
.category-next__grid { display: grid; grid-template-columns: 1.3fr .7fr .7fr; gap: 36px; align-items: stretch; }
.category-next__grid > div > span { color: #d8b66e; font-size: 8.64px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.category-next__grid h2 { max-width: 650px; margin: 12px 0 0; font-family: var(--serif); font-size: 37.8px; font-weight: 400; line-height: 1.03; }
.category-next__grid > a { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; min-height: 130px; padding: 24px; border: 1px solid rgba(201,237,255,.18); }
.category-next__grid small { color: #7996a7; font-size: 8.64px; letter-spacing: .1em; text-transform: uppercase; }
.category-next__grid strong { color: #c9edff; font-family: var(--serif); font-size: 21.6px; font-weight: 400; }
@media (max-width: 1050px) {
  .category-hero__grid, .category-feature__grid, .category-heading, .category-route__grid { grid-template-columns: 1fr; gap: 48px; }
  .category-hero__panel, .category-table-map { max-width: 720px; }
  .category-next__grid { grid-template-columns: 1fr 1fr; }
  .category-next__grid > div { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .category-hero { padding: 64px 0 58px; }
  .category-hero h1 { font-size: clamp(47.52px,14.04vw,73.44px); }
  .category-hero__actions, .category-feature__links { align-items: flex-start; flex-direction: column; }
  .category-panel__stats, .category-feature__matrix, .category-ruleboard, .category-topic-grid { grid-template-columns: 1fr; }
  .category-topic-card { min-height: 0; }
  .category-next__grid { grid-template-columns: 1fr; }
  .category-next__grid > div { grid-column: auto; }
}
@media (max-width: 520px) {
  .category-hero__panel, .category-table-map { padding: 25px; }
  .category-table-map__row { grid-template-columns: 64px 40px 1fr; }
  .category-feature__matrix article, .category-ruleboard > div, .category-topic-card { padding: 24px; }
}

/* Deep article media: RTP / Volatility + Live Casino Rules */
.article-page--rtp .article-hero { background: linear-gradient(145deg, #06111f, #0a2134 66%, #123043); }
.article-page--rules .article-hero { background: linear-gradient(145deg, #06111f, #10283a 58%, #2b2a28); }
.article-hero__media { margin: -12px -12px 12px; overflow: hidden; border: 1px solid rgba(201,237,255,.18); background: #071522; aspect-ratio: 4 / 3; }
.article-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.article-meta a { color: var(--ice); text-decoration: none; }
.article-meta a:hover { text-decoration: underline; text-underline-offset: 3px; }
.article-sources { margin-top: 64px; padding: 34px; border: 1px solid var(--line-dark); background: #eef5f7; }
.article-sources h2 { margin-bottom: 18px; font-size: clamp(36.72px, 3.67vw, 51.84px); }
.article-sources p { max-width: 760px; }
.article-sources ul { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.article-sources li { position: relative; padding: 0 0 0 20px; color: #526d7f; font-size: 15.12px; line-height: 1.7; }
.article-sources li::before { position: absolute; top: .65em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); content: ""; }
.article-page--promotions .article-sources li::before, .article-page--promo-checklist .article-sources li::before { background: var(--gold); }
.footer__note a { color: var(--ice); text-decoration: underline; text-underline-offset: 3px; }

.article-related-lead { max-width: 770px; margin: 14px 0 0; color: #8fa8ba; font-size: 12.96px; line-height: 1.65; }
.article-related-lead a { color: var(--ice); text-decoration: underline; text-underline-offset: 3px; }

/* Deep article variants: Promotion Terms Checklist + Responsible Play Approach */
.article-page--promo-checklist .article-hero { background: linear-gradient(145deg, #07131f, #152435 62%, #30291d); }
.article-page--promo-checklist .article-hero h1 em { color: var(--gold); }
.article-page--promo-checklist .article-callout { border-left-color: var(--gold); background: #f1ede4; }
.article-page--responsible .article-hero { background: linear-gradient(145deg, #06111f, #0a2232 62%, #173b3b); }
.article-page--responsible .article-hero h1 em { color: #9bd7d3; }
.article-page--responsible .article-hero__panel::before { background: #9bd7d3; }
.article-page--responsible .article-callout { border-left-color: #5ca9a6; background: #e6f2f1; }


/* Homepage promotional artwork: preserve the full composition without cropping. */
.home-page .image-slot--filled > img {
  object-fit: contain;
  object-position: center;
}
.home-page .image-slot--filled {
  background: #071522;
}

/* Let artwork with a stable native ratio size its own media frame. */
.home-page .image-slot--hero {
  aspect-ratio: 1 / 1;
}
.home-page .image-slot--feature {
  height: auto;
  aspect-ratio: 1 / 1;
}
.home-page .image-slot--route {
  height: auto;
  aspect-ratio: 3 / 2;
}
.home-page .image-slot--journal-square,
.home-page .image-slot--journal-wide {
  height: auto;
  aspect-ratio: 1752 / 898;
}

/* Pokies cards use each source artwork's native composition. */
.home-page .image-slot--card {
  min-height: 0;
}
.home-page .category-card--wide .image-slot--card {
  min-height: 0;
  aspect-ratio: 1752 / 898;
}
.home-page .home-slot--classic-pokies {
  aspect-ratio: 2035 / 773;
}
.home-page .home-slot--new-pokies {
  aspect-ratio: 1923 / 818;
}

/* Live-casino artwork has three intentionally different source ratios. */
.home-page .image-slot--corridor-landscape {
  height: auto;
  aspect-ratio: 1619 / 971;
}
.home-page .image-slot--corridor-portrait {
  height: auto;
  aspect-ratio: 3 / 4;
}
.home-page .image-slot--corridor-compact {
  height: auto;
  aspect-ratio: 3 / 1;
}

/* On narrow screens, keep every image fully visible and avoid inherited fixed heights. */
@media (max-width: 760px) {
  .home-page .image-slot--journal-tall {
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .home-page .image-slot--journal-square,
  .home-page .image-slot--journal-wide,
  .home-page .image-slot--route,
  .home-page .image-slot--corridor-landscape,
  .home-page .image-slot--corridor-portrait,
  .home-page .image-slot--corridor-compact,
  .home-page .image-slot--card,
  .home-page .category-card--wide .image-slot--card {
    min-height: 0;
  }
}

/* ========================================================================== 
   SCROLL-SCRUB SECTION REVEAL
   Section progress follows the user's native scroll position. No scroll hijack,
   pinning, parallax or external animation library is used.
   ========================================================================== */
html { scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: rgba(127, 208, 245, .78) #040c16; }
html::-webkit-scrollbar { width: 10px; }
html::-webkit-scrollbar-track { background: #040c16; }
html::-webkit-scrollbar-thumb { border: 2px solid #040c16; border-radius: 999px; background: linear-gradient(180deg, #9fe2ff, #43b6ec); }
html::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #c9edff, #69c8f3); }

/* Child-level reveal effects are neutralized so the whole section moves as one
   continuous scroll-linked unit instead of stacking multiple animations. */
.js-enabled .section-reveal .reveal,
.js-enabled .section-reveal .reveal.reveal-pending,
.js-enabled .section-reveal .reveal.reveal-pending.is-visible {
  opacity: 1;
  transform: none;
  transition: none;
}

.js-enabled .section-scrub-reveal {
  opacity: 0;
  transform: translate3d(0, 140px, 0) scale(.965);
  filter: blur(12px);
  transition: none !important;
  will-change: opacity, transform, filter;
  backface-visibility: hidden;
}

.js-enabled .section-scrub-reveal.is-visible {
  will-change: auto;
}

@media (max-width: 760px) {
  .js-enabled .section-scrub-reveal {
    transform: translate3d(0, 80px, 0) scale(.985);
    filter: blur(6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js-enabled .section-scrub-reveal,
  .js-enabled .section-scrub-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}