:root {
    --navy: #061522;
    --navy-soft: #0b2638;
    --blue: #0c4fa3;
    --blue-bright: #1a69cf;
    --green: #3b961b;
    --green-bright: #67c733;
    --red: #a12b3d;
    --paper: #f4f7f5;
    --paper-alt: #eaf0ed;
    --white: #ffffff;
    --ink: #14242e;
    --muted: #53656f;
    --line: rgba(6, 21, 34, .12);
    --shadow: 0 18px 46px rgba(4, 18, 31, .12);
    --shadow-strong: 0 28px 70px rgba(2, 12, 20, .28);
    --radius: 22px;
    --container: 1220px;
    --header-height: 154px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 20px); }
body {
    margin: 0;
    overflow-x: hidden;
    font-family: "Comfortaa", ui-sans-serif, system-ui, sans-serif;
    color: var(--ink);
    background: var(--paper);
    line-height: 1.66;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
p, h1, h2, h3, li, a, span { overflow-wrap: anywhere; }
main, section, .container, .card, .quote-panel, .support-box { min-width: 0; }
.container { width: min(calc(100% - 44px), var(--container)); margin-inline: auto; }
.narrow { max-width: 870px; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important; }
.skip-link { position:fixed; top:10px; left:10px; z-index:1000; transform:translateY(-170%); padding:10px 14px; border-radius:10px; background:#fff; color:#000; transition:transform .2s ease; }
.skip-link:focus { transform:translateY(0); }

/* Brand ribbon */
body::before {
    content:"";
    position: fixed;
    inset: 0 0 auto;
    height: 5px;
    z-index: 400;
    background: linear-gradient(90deg, var(--blue) 0 31%, var(--red) 31% 34%, var(--green) 34% 66%, var(--red) 66% 69%, var(--blue) 69% 100%);
    box-shadow: 0 1px 8px rgba(0,0,0,.32);
}

/* Header */
.site-header {
    position: fixed;
    inset: 5px 0 auto;
    z-index: 300;
    min-height: var(--header-height);
    display: flex;
    align-items: center;
    background: rgba(5, 18, 30, .82);
    border-bottom: 1px solid rgba(255,255,255,.13);
    backdrop-filter: blur(17px) saturate(125%);
    -webkit-backdrop-filter: blur(17px) saturate(125%);
    transition: background .25s ease, box-shadow .25s ease;
}
.site-header.scrolled { background: rgba(5,18,30,.96); box-shadow: 0 12px 34px rgba(0,0,0,.24); }
.header-inner { min-height: var(--header-height); display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:18px; min-width:0; flex:0 0 auto; color:#fff; text-decoration:none; font-weight:900; }
.brand-logo {
    width: 132px;
    height: 132px;
    min-width: 132px;
    object-fit: contain;
    filter: drop-shadow(0 10px 16px rgba(0,0,0,.44));
    transition: transform .2s ease, filter .2s ease;
}
.brand:hover .brand-logo, .brand:focus-visible .brand-logo { transform: translateY(-2px) scale(1.02); filter: drop-shadow(0 12px 18px rgba(0,0,0,.5)); }
.brand-text { max-width: 205px; font-size:1.03rem; line-height:1.12; letter-spacing:-.025em; }
.primary-nav { display:flex; align-items:center; justify-content:flex-end; gap:18px; }
.primary-nav a { position:relative; color:#f7fbff; text-decoration:none; font-size:.87rem; font-weight:800; opacity:.92; white-space:nowrap; }
.primary-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:3px; border-radius:999px; background:linear-gradient(90deg,var(--green-bright),var(--blue-bright)); transition:right .2s ease; }
.primary-nav a:hover::after, .primary-nav a:focus-visible::after, .primary-nav a[aria-current="page"]::after { right:0; }
.nav-toggle { display:none; border:0; border-radius:10px; background:transparent; padding:10px; cursor:pointer; }
.nav-toggle span { display:block; width:28px; height:2px; margin:6px 0; background:#fff; }

/* Hero - same visual language on every page */
.hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background: var(--navy);
    min-height: 690px;
    display: grid;
    align-items: end;
}
.hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    background: url("../images/hero-watch.png") center center / cover no-repeat;
}
.hero-overlay {
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg, rgba(2,13,22,.84) 0%, rgba(2,13,22,.62) 32%, rgba(2,13,22,.16) 61%, rgba(2,13,22,.05) 100%),
        linear-gradient(0deg, rgba(2,13,22,.54) 0%, rgba(2,13,22,.08) 56%, rgba(2,13,22,.08) 100%);
}
.watch-hero { min-height: 890px; }
.hero-content {
    width: min(calc(100% - 44px), var(--container));
    margin-inline: auto;
    padding-top: calc(var(--header-height) + 74px);
    padding-bottom: 74px;
}
.watch-hero .hero-content { padding-bottom: 72px; }
.hero-copy-card { width:min(700px,100%); padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.hero-copy-card::before { display:none; }
.eyebrow, .section-kicker { margin:0 0 14px; font-size:.76rem; font-weight:950; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow { color:#b8ed93; text-shadow:0 2px 10px rgba(0,0,0,.45); }
.section-kicker { color:var(--green); }
.hero h1 { max-width:760px; margin:0; font-size:clamp(3.5rem,7vw,7.1rem); line-height:.91; letter-spacing:-.055em; text-transform:uppercase; text-shadow:0 5px 24px rgba(0,0,0,.32); }
.hero h1 span { color:#8fe25d; }
.hero-tagline { max-width:730px; margin:10px 0 14px; font-size:clamp(1.55rem,3vw,2.35rem); line-height:1.15; font-weight:800; letter-spacing:-.025em; text-shadow:0 3px 15px rgba(0,0,0,.38); }
.hero-intro { max-width:710px; margin:0; color:#eef4f7; font-size:1.08rem; text-shadow:0 2px 12px rgba(0,0,0,.4); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 22px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; transition:transform .2s ease, filter .2s ease; }
.button:hover { transform:translateY(-2px); filter:brightness(1.04); }
.button-primary { color:#fff; background:linear-gradient(135deg,#4cad20,#2f7f17); box-shadow:0 10px 28px rgba(49,132,24,.28), inset 0 1px 0 rgba(255,255,255,.23); }
.button-secondary { color:#fff; border:1px solid rgba(255,255,255,.44); background:rgba(5,18,30,.33); backdrop-filter:blur(5px); }
.coming-soon { display:inline-block; margin:32px 0 0; padding-bottom:6px; border-bottom:3px solid var(--green-bright); font-weight:950; text-transform:uppercase; letter-spacing:.18em; text-shadow:0 2px 8px rgba(0,0,0,.45); }

/* General sections */
.section-dark { padding:96px 0; color:#edf4f8; text-align:center; background:radial-gradient(circle at 15% 0%,rgba(18,90,171,.18),transparent 28%),radial-gradient(circle at 84% 12%,rgba(74,161,31,.16),transparent 30%),linear-gradient(135deg,#061522,#0b2639); }
.section-dark .section-kicker { color:#9de16e; }
.section-dark h2, .launch-section h2 { margin:0 0 20px; font-size:clamp(2.2rem,4.3vw,3.8rem); line-height:1.06; letter-spacing:-.04em; }
.section-dark p { color:#c7d4dc; }
.section-dark a { color:#a5e67a; font-weight:800; }
.pillars, .content-section, .support-section, .launch-section, .fairness-section, .contact-section, .policy-section { padding:96px 0; }
.section-heading { max-width:900px; margin-bottom:42px; }
.section-heading h2, .content-section h2, .support-section h2, .contact-details h2, .contact-form-panel h2 { margin:0 0 18px; font-size:clamp(2rem,4vw,3.2rem); line-height:1.08; letter-spacing:-.035em; }
.cards { display:grid; gap:22px; }
.three-col { grid-template-columns:repeat(3,minmax(0,1fr)); }
.two-col { grid-template-columns:repeat(2,minmax(0,1fr)); }
.card { position:relative; overflow:hidden; padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(180deg,#fff,#fbfcfc); box-shadow:var(--shadow); }
.card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(180deg,var(--blue),var(--red),var(--green)); }
.card h3 { margin:0 0 10px; font-size:1.4rem; }
.card p:last-child { margin-bottom:0; }
.card-icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:20px; border-radius:50%; color:#fff; font-weight:950; background:linear-gradient(145deg,var(--blue),#082b62); box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(10,52,103,.23); }
.content-section.alt { background:var(--paper-alt); }
.split { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr); gap:56px; align-items:start; }
.emphasis { color:#28561f; font-weight:850; }
.quote-panel, .support-box { padding:32px; border-radius:var(--radius); box-shadow:var(--shadow); }
.quote-panel { color:#fff; background:linear-gradient(145deg,rgba(12,79,163,.28),rgba(60,152,23,.13)),var(--navy); border:1px solid rgba(255,255,255,.12); }
.quote-panel p { margin:0; font-size:1.5rem; line-height:1.42; }
.check-list { list-style:none; padding:0; }
.check-list li { position:relative; padding-left:30px; margin:10px 0; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:950; }
.question-list { display:grid; gap:12px; }
.question-list span { display:block; padding:16px 18px; border-radius:12px; border-left:5px solid var(--green); background:#eaf0ed; font-weight:850; }

/* Fairness */
.fairness-section { color:#eef5f8; background:radial-gradient(circle at 82% 8%,rgba(79,177,37,.18),transparent 30%),radial-gradient(circle at 12% 80%,rgba(23,104,212,.16),transparent 30%),linear-gradient(145deg,#061522,#0a2638); }
.fairness-section .section-kicker { color:#9ee06e; }
.fairness-section h2 { margin:0 0 18px; color:#fff; font-size:clamp(2.2rem,4.6vw,4.1rem); line-height:1.03; letter-spacing:-.04em; }
.fairness-lead { max-width:920px; color:#d7e2e8; font-size:1.13rem; }
.staff-credit-panel { display:grid; grid-template-columns:minmax(190px,.55fr) minmax(0,2fr); gap:34px; align-items:center; margin:38px 0 28px; padding:36px 40px; border:1px solid rgba(126,211,83,.25); border-radius:28px; background:linear-gradient(135deg,rgba(16,81,160,.19),rgba(93,178,43,.15)); box-shadow:0 20px 55px rgba(0,0,0,.22); }
.staff-credit-number { font-size:clamp(4.6rem,10vw,8rem); font-weight:950; line-height:.8; letter-spacing:-.08em; text-align:center; background:linear-gradient(180deg,#b0ef7f,#4fa520); -webkit-background-clip:text; background-clip:text; color:transparent; }
.staff-credit-kicker { margin:0 0 6px; color:#9ee06e; font-size:.74rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.staff-credit-copy h3 { margin:0 0 10px; color:#fff; font-size:clamp(1.5rem,3vw,2.35rem); line-height:1.15; }
.staff-credit-copy p { color:#d5e0dc; }
.staff-credit-note { margin-bottom:0; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); color:#9fb3aa!important; font-size:.84rem; }
.fairness-cards .card { color:var(--ink); }

/* Support */
.support-section { color:#edf4f8; background:linear-gradient(140deg,#061522,#0c2d40); }
.support-section .section-kicker { color:#9ee06e; }
.support-section h2 { color:#fff; }
.support-section p { color:#c8d7df; }
.support-box { color:#5d2a22; background:#fff3ef; border:1px solid #ebc5bc; }
.support-box h3 { margin-top:0; color:#7c2f24; font-size:1.55rem; }
.support-box p { color:#5d2a22; }

/* Launch/footer */
.launch-section { text-align:center; background:#fff; }
.launch-line { margin-top:28px; color:var(--green); font-size:clamp(1.2rem,3vw,1.85rem); font-weight:950; letter-spacing:.04em; }
.site-footer { padding:30px 0; color:#d4e0e6; background:#04111c; border-top:4px solid transparent; border-image:linear-gradient(90deg,var(--blue),var(--red),var(--green),var(--blue)) 1; }
.footer-inner { display:flex; justify-content:space-between; gap:24px; font-size:.9rem; }
.footer-inner p { margin:0; }
.footer-contact { display:flex; gap:18px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.footer-contact a, .footer-policies a { color:#d4e0e6; text-decoration:none; }
.footer-contact a:hover, .footer-contact a:focus-visible, .footer-policies a:hover, .footer-policies a:focus-visible { color:#9fe16f; }
.policy-footer { align-items:center; flex-wrap:wrap; }
.footer-policies { width:100%; padding-top:18px; margin-top:8px; border-top:1px solid rgba(255,255,255,.1); display:flex; gap:20px; flex-wrap:wrap; }
.footer-policies a { font-size:.88rem; }

/* Contact */
.contact-hero, .policy-hero { min-height:720px; }
.contact-section { background:var(--paper); }
.contact-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); gap:48px; align-items:start; }
.contact-methods { display:grid; gap:16px; margin-top:30px; }
.contact-method { display:block; padding:22px; border-radius:16px; background:#fff; border:1px solid var(--line); box-shadow:0 10px 28px rgba(7,27,38,.06); text-decoration:none; }
.contact-method span { display:block; }
.contact-method-label { margin-bottom:4px; color:var(--green); font-size:.75rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.contact-method-value { color:var(--ink); font-size:1.1rem; font-weight:850; }
.contact-method-note { margin-top:7px; color:#5c6d66; font-size:.9rem; line-height:1.5; font-weight:500; }
.contact-form-panel { padding:34px; border-radius:var(--radius); background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); }
.contact-form { display:grid; gap:20px; margin-top:28px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-field { display:grid; gap:7px; }
.form-field label { font-weight:850; }
.form-field input, .form-field select, .form-field textarea { width:100%; min-height:50px; padding:12px 14px; border:1px solid #b8c5bf; border-radius:12px; background:#fff; color:var(--ink); font:inherit; transition:border-color .2s ease,box-shadow .2s ease; }
.form-field textarea { min-height:180px; resize:vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline:none; border-color:var(--green); box-shadow:0 0 0 4px rgba(60,152,23,.14); }
.form-help { margin:0; color:#5c6d66; font-size:.88rem; }
.form-consent { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; }
.form-consent input { margin-top:5px; }
.form-consent label { font-size:.92rem; line-height:1.5; }
.form-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.form-status { padding:16px 18px; border-radius:12px; font-weight:800; }
.form-status.success { color:#24591f; background:#edf8e9; border:1px solid #b9dba9; }
.form-status.error { color:#7b2424; background:#fff0ee; border:1px solid #e2b3ad; }
.form-hp { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.service-warning, .form-urgent-warning { margin:28px 0; padding:22px; border-left:5px solid #b74735; border-radius:0 14px 14px 0; background:#fff3ef; color:#54281f; }
.service-warning h3 { margin:0 0 12px; color:#7b2f23; font-size:1.25rem; }
.service-warning p { margin:10px 0 0; color:#54281f; }
.form-urgent-warning { margin:24px 0 6px; font-size:.94rem; line-height:1.65; }
.form-urgent-warning strong { display:block; margin-bottom:4px; color:#7b2f23; }
.form-urgent-consent { padding:16px; border:1px solid #e4b6ad; border-radius:12px; background:#fff8f6; }

/* Policy */
.policy-section { background:var(--paper); }
.policy-layout { max-width:940px; }
.policy-content { padding:44px 50px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.policy-content h2 { margin:42px 0 14px; font-size:clamp(1.45rem,3vw,2rem); line-height:1.2; letter-spacing:-.02em; color:var(--ink); }
.policy-content h2:first-of-type { margin-top:24px; }
.policy-content p, .policy-content li { color:#40574e; }
.policy-content a { color:#417e25; font-weight:800; }
.policy-content ul { padding-left:24px; }
.policy-content li { margin:8px 0; }
.policy-updated { margin:0 0 28px; padding:14px 16px; border-left:4px solid var(--green); background:#edf3ef; }

/* Back to top */
.back-to-top { position:fixed; right:22px; bottom:22px; z-index:250; width:52px; height:52px; border:0; border-radius:50%; background:linear-gradient(145deg,var(--green-bright),var(--green)); color:#fff; font-size:1.45rem; font-weight:950; cursor:pointer; box-shadow:0 12px 30px rgba(0,0,0,.25); opacity:0; visibility:hidden; transform:translateY(12px); transition:.22s ease; }
.back-to-top.visible { opacity:1; visibility:visible; transform:translateY(0); }

/* Motion */
.reveal { opacity:0; transform:translateY(34px); transition:opacity .7s ease,transform .7s ease; }
.reveal-left { transform:translateX(-45px); }
.reveal-right { transform:translateX(45px); }
.reveal-down { transform:translateY(-34px); }
.reveal.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
    .reveal { opacity:1!important; transform:none!important; }
}

/* Tablet */
@media (max-width: 1060px) {
    :root { --header-height: 126px; }
    .brand-logo { width:104px; height:104px; min-width:104px; }
    .brand-text { max-width:170px; font-size:.94rem; }
    .primary-nav { gap:14px; }
    .primary-nav a { font-size:.8rem; }
}

@media (max-width: 900px) {
    :root { --header-height: 112px; }
    .header-inner { gap:14px; }
    .brand-logo { width:92px; height:92px; min-width:92px; }
    .brand-text { max-width:180px; }
    .nav-toggle { display:block; flex:0 0 auto; }
    .nav-toggle:focus-visible { outline:3px solid #9fe16f; outline-offset:3px; }
    .primary-nav { position:absolute; top:calc(100% + 8px); left:20px; right:20px; display:none; flex-direction:column; align-items:stretch; gap:0; max-height:calc(100vh - 140px); overflow-y:auto; padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:#061522; box-shadow:var(--shadow-strong); }
    .primary-nav.open { display:flex; }
    .primary-nav a { min-height:48px; display:flex; align-items:center; padding:12px 10px; font-size:1rem; white-space:normal; }
    .primary-nav a::after { display:none; }
    .three-col, .two-col, .split, .contact-grid { grid-template-columns:1fr; }
    .split { gap:34px; }
    .watch-hero { min-height:760px; }
    .hero::before { background-position:58% center; }
    .hero-overlay { background:linear-gradient(90deg,rgba(2,13,22,.9) 0%,rgba(2,13,22,.7) 48%,rgba(2,13,22,.18) 100%),linear-gradient(0deg,rgba(2,13,22,.58),transparent 54%); }
    .staff-credit-panel { grid-template-columns:1fr; text-align:center; }
    .footer-inner { flex-direction:column; }
    .footer-contact { justify-content:flex-start; }
}

/* Mobile */
@media (max-width: 620px) {
    :root { --header-height: 92px; }
    .container, .hero-content { width:min(calc(100% - 28px), var(--container)); }
    .site-header { background:rgba(5,18,30,.94); }
    .brand { gap:10px; }
    .brand-logo { width:78px; height:78px; min-width:78px; }
    .brand-text { max-width:145px; font-size:.81rem; line-height:1.12; }
    .primary-nav { left:10px; right:10px; top:calc(100% + 6px); max-height:calc(100vh - 110px); padding:8px; }
    .hero { min-height:650px; }
    .watch-hero { min-height:720px; }
    .hero::before { background-position:58% center; }
    .hero-overlay { background:linear-gradient(0deg,rgba(2,13,22,.95) 0%,rgba(2,13,22,.72) 47%,rgba(2,13,22,.18) 100%); }
    .hero-content { padding-top:calc(var(--header-height) + 62px); padding-bottom:44px; }
    .hero h1 { font-size:clamp(2.7rem,14vw,4.3rem); line-height:.94; }
    .hero-tagline { font-size:clamp(1.25rem,6.7vw,1.7rem); }
    .hero-intro { font-size:1rem; }
    .hero-actions { flex-direction:column; align-items:stretch; }
    .button { width:100%; min-height:52px; }
    .pillars, .content-section, .support-section, .launch-section, .fairness-section, .contact-section, .policy-section, .section-dark { padding:58px 0; }
    .section-dark h2, .launch-section h2, .section-heading h2, .content-section h2, .support-section h2, .contact-details h2, .contact-form-panel h2 { font-size:clamp(1.85rem,9vw,2.55rem); }
    .card, .quote-panel, .support-box { padding:22px; border-radius:17px; }
    .contact-form-panel { padding:22px; border-radius:17px; }
    .form-row { grid-template-columns:1fr; }
    .contact-method { padding:18px; }
    .contact-method-value { font-size:1rem; }
    .policy-content { padding:22px; border-radius:17px; }
    .footer-inner { gap:10px; text-align:center; align-items:center; }
    .footer-contact { flex-direction:column; gap:5px; align-items:center; }
    .footer-policies { justify-content:center; gap:12px 18px; }
    .back-to-top { right:14px; bottom:14px; width:46px; height:46px; }
    .reveal-left, .reveal-right { transform:translateY(30px); }
}

@media (max-width: 390px) {
    .container, .hero-content { width:min(calc(100% - 22px), var(--container)); }
    .brand-logo { width:70px; height:70px; min-width:70px; }
    .brand-text { max-width:125px; font-size:.76rem; }
    .hero h1 { font-size:clamp(2.4rem,13vw,3.7rem); }
}

/* Header logo integration - transparent cut-out with branded halo */
.brand-logo {
    width: 142px;
    height: 142px;
    min-width: 142px;
    object-fit: contain;
    border-radius: 50%;
    filter:
        drop-shadow(0 10px 18px rgba(0,0,0,.55))
        drop-shadow(0 0 16px rgba(20,102,214,.24))
        drop-shadow(0 0 10px rgba(86,181,42,.16));
}
.brand { position: relative; }
.brand::before {
    content:"";
    position:absolute;
    left:-10px;
    top:50%;
    width:160px;
    height:160px;
    transform:translateY(-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.09) 0 46%,rgba(16,86,172,.12) 56%,rgba(75,166,35,.07) 66%,transparent 73%);
    pointer-events:none;
}
.brand-logo,.brand-text { position:relative; z-index:1; }
@media (max-width:1100px) {
    .brand-logo { width:112px; height:112px; min-width:112px; }
    .brand::before { width:128px; height:128px; left:-8px; }
}
@media (max-width:900px) {
    .brand-logo { width:98px; height:98px; min-width:98px; }
    .brand::before { width:112px; height:112px; }
}
@media (max-width:620px) {
    .brand-logo { width:82px; height:82px; min-width:82px; }
    .brand::before { width:94px; height:94px; left:-6px; }
}