/* avanti-header blog CSS. GENERATED by wordpress/build_avanti_header.py from design/src/post-hydrafacial.html + post.html; do not edit. */
  /* Design tokens: Avanti Brand v1.0 (brand/tokens/avanti-tokens.css). Injected into every file by tools/build.py.
     Every colour, font, size and spacing value lives here only (build rule 2). */
  .av-blog {
    /* colour */
    --color-cream: #F8F4EC;
    --color-surface: #FFFDF9;
    --color-beige: #EBE1D1;
    --color-sand: #D6C2A1;
    --color-line: #E7DCCB;
    --color-burgundy: #6B2C32;
    --color-burgundy-hover: #571F25;
    --color-wine: #3F1A1F;
    --color-gold: #B08D57;
    --color-gold-ink: #8C6B38;
    --color-gold-on-dark: #CFAE78;
    --color-ink: #2A1D1F;
    --color-ink-soft: #6B5D58;
    --color-on-dark: #F8F4EC;
    --color-on-dark-soft: #D9C8BB;
    --color-on-dark-button: #F3E9DA;
    --color-on-dark-line: #5E3A40;
    --color-whatsapp: #1F7A4D;

    /* type */
    --font-head: "Cormorant Garamond", "Georgia", serif;
    --font-body: "DM Sans", "Segoe UI", "Arial", sans-serif;
    --size-display: 56px;
    --size-h2: 40px;
    --size-h3: 24px;
    --size-h4: 20px;
    --size-lead: 17px;
    --size-body: 15px;
    --size-small: 13px;
    --size-label: 11px;
    --size-button: 12px;
    --size-nav: 14px;
    --size-icon: 18px;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-head: 500;
    --leading-display: 1.04;
    --leading-heading: 1.15;
    --leading-body: 1.65;
    --leading-tight: 1.3;
    --tracking-label: 0.18em;
    --tracking-button: 0.16em;
    --tracking-nav: 0.02em;

    /* space */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --section-pad: 40px; /* owner 2026-10-29: spacing rule, 80 px between sections (was 56) */
    --gutter: 32px;

    /* layout */
    --container: 1200px;
    --text-max: 640px;
    --header-height: 76px;
    --tile: calc((100% - 3 * var(--space-4)) / 4); /* videos, reels, stats: 4 per row laptop, 2 tablet + phone */
    --rel-col: calc((100% - 4 * var(--space-4)) / 5); /* related links: 5 laptop, 2 tablet, 1 phone */
    --card-row: calc((100% - 2 * var(--space-5)) / 3); /* category cards: 3 per row laptop, 2 tablet, 1 phone */
    --sticky-offset: 136px; /* sticky side card: below the sticky site header (top bar + menu bar) + gap */
    --logo-width: 200px;
    --logo-width-footer: 220px;
    --logo-width-mobile: 150px;
    --button-height: 48px;
    --button-height-small: 40px;
    --card-image-height: 220px;
    --hero-image-height: 560px;
    --mega-col: 200px;
    --rail: 260px;
    --rail-tablet: 38%;
    --feature: 260px;
    --feature-img: 150px;
    --links-max: 300px;
    --dropdown: 280px;
    --hero-media: 40%;
    --list-col: calc((100% - 2 * var(--space-6)) / 3);
    --card-col: calc((100% - 3 * var(--space-5)) / 4);
    --third-col: calc((100% - 2 * var(--space-5)) / 3);
    --gallery-h: 300px;
    --stat-col: 200px;
    --half: 50%;
    --slide-h: 480px;
    --photo-card-h: 320px;
    --ba-card: 340px;
    --avatar: 56px;
    --icon: 64px;
    --icon-small: 44px;
    --video-h: 440px;
    --star: 16px;
    --overlay: linear-gradient(0deg, rgba(42, 29, 31, 0.72), rgba(42, 29, 31, 0) 60%);
    --edge: max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));
    --lift: -4px;
    --zoom: 1.04;
    --feature-doc: 40%;
    --size-mag: 72px;
    --size-mag-h2: 52px;
    --leading-mag: 0.98;
    --mag-text: 46%;
    --mag-hero-h: 440px;
    --home-hero-h: 400px; /* home only (owner 2026-10-29: less empty space) */
    --mag-overlap: -48px;
    --mag-pull: -64px;
    --mag-room: 64px; /* space the text column leaves for the facts card pull-in (= -mag-pull) */
    --mag-col: calc((100% - 2 * var(--space-5)) / 3);
    --mag-frame-h: 200px;
    --mag-col-6: calc((100% - 5 * var(--space-4)) / 6);
    --mag-col-3: calc((100% - 2 * var(--space-4)) / 3);
    --mag-frame-h-t: 200px;
    --mag-frame-h-m: 130px;
    --tech-frame-h: 180px;
    --tech-name-h: 2.5em; /* two lines of tile name, so the lines under all start level */
    --doc-h: 560px;
    --faq-side: 30%;
    --facts-w: 86%;
    --price-col: calc((100% - var(--space-3)) / 2);
    --vs-key: 120px;
    --fact-col: 40%;
    --price-cell: 18%;
    --stagger: 40px;
    --read-max: 760px;
    --icon-xl: 96px;
    --quote-card-mobile: 85%;
    --tile-col: calc((100% - 3 * var(--space-5)) / 4);
    --quote-max: 820px;
    --split-image-height: 440px;
    --icon-box: 40px;
    --form-field: 48px;
    --border: 1px;
    --border-strong: 2px;
    --radius: 0;
    --speed: 0.2s;
    --ease: ease;
    /* card effects (owner 2026-10-21): soft shadow, lift on hover, slow image zoom; see _effects.css */
    --speed-card: 0.35s;
    --speed-zoom: 0.6s;
    --shadow-soft: 0 4px 16px rgba(63, 26, 31, 0.08);
    --shadow-lift: 0 16px 36px rgba(63, 26, 31, 0.18);
    --feature-scale: 1.04;
    --nudge: 4px;
    --marker: inset 0 -12px 0 rgba(176, 141, 87, 0.35); /* gold highlighter behind hovered text links */
    --marker-dark: inset 0 -12px 0 rgba(207, 174, 120, 0.3);
    /* blog banners (owner pick 2026-10-21: List A, Category A, Post A) */
    --banner-h: 380px;
    --banner-text: 620px;
    --banner-shade: linear-gradient(90deg, rgba(63, 26, 31, 0.94) 0%, rgba(63, 26, 31, 0.78) 45%, rgba(63, 26, 31, 0) 82%);
    --side-col: 300px;
    --side-top: 96px;
    /* laser category Design 5 r18 (owner 2026-10-28): women / men blocks, area tiles, dark photo cards */
    --lx-media: 400px;
    --lx-photo-h: 380px;
    --area-3: calc((100% - 2 * var(--space-3)) / 3);
    --area-4: calc((100% - 3 * var(--space-3)) / 4);
    --link-5: calc((100% - 4 * var(--space-3)) / 5); /* name links (All treatments A-Z): 5 per row laptop, 3 tablet, 2 phone */
    --area-art: 124px;
    --dark-glow: linear-gradient(200deg, rgba(176, 141, 87, 0.16) 0%, rgba(176, 141, 87, 0) 60%); /* soft gold glow, top right */
    --photo-tone: saturate(0.85) contrast(0.97) sepia(0.1);
    --photo-tone-dark: saturate(0.82) contrast(1.06) brightness(0.94) sepia(0.12);
    --photo-tone-full: saturate(1) contrast(1.04) brightness(1) sepia(0);
    --card-on-dark: rgba(248, 244, 236, 0.04);
    --line-on-dark-gold: rgba(207, 174, 120, 0.25);
    --line-on-dark-gold-hover: rgba(207, 174, 120, 0.8);
    --area-shadow: 0 14px 30px -18px rgba(63, 26, 31, 0.55);
    --area-frame: #D9C3A0;
    --zoom-photo: 1.06;
    /* Fitzpatrick skin-type swatches (illustration only, laser hair page 2026-10-28) */
    --skin-1: #F3DCCB;
    --skin-2: #E4BE9C;
    --skin-3: #C99268;
    --skin-4: #9C6644;
    --skin-5: #5C3A26;
    --swatch: 56px;
    --round: 50%;
    --men-media: 360px;
    --hw-max: 880px;
    --tl-pull: -20px; /* timeline circle centred on its line (= -icon-box / 2) */
    --hw-thumb: 62%;
    --area-bg: linear-gradient(180deg, #FBF6EE 0%, #F1E7DA 100%);
    --area-inner: inset 0 0 0 5px #F6EEE2, inset 0 0 0 6px rgba(176, 141, 87, 0.6); /* thin gold line inside the tile */
    --area-inner-hover: inset 0 0 0 5px #F6EEE2, inset 0 0 0 6px #6B2C32, 0 14px 30px -18px rgba(63, 26, 31, 0.55);
    --color-gold-text: #7E5F2F; /* small gold text, 5.3:1 on cream (owner OK 2026-10-28; gold-ink is 4.4:1) */
  }
  @media (max-width: 1024px) {
    .av-blog {
      --size-display: 46px;
      --size-h2: 34px;
      --section-pad: 36px;
      --gutter: 28px;
      --hero-image-height: 440px;
      --card-col: calc((100% - var(--space-5)) / 2);
      --card-row: calc((100% - var(--space-5)) / 2);
      --tile: calc((100% - var(--space-4)) / 2);
      --rel-col: calc((100% - var(--space-4)) / 2);
      --list-col: calc((100% - var(--space-6)) / 2);
      --gallery-h: 220px;
      --split-image-height: 360px;
      --size-mag: 56px;
      --size-mag-h2: 42px;
      --mag-hero-h: 360px;
      --home-hero-h: 340px;
      --mag-pull: -32px;
      --mag-room: 32px;
      --doc-h: 460px;
      --slide-h: 400px;
      --photo-card-h: 260px;
      --tile-col: calc((100% - var(--space-5)) / 2);
      --banner-h: 320px;
      --lx-media: 250px;
      --area-4: calc((100% - var(--space-3)) / 2);
      --link-5: calc((100% - 2 * var(--space-3)) / 3);
    }
  }
  @media (max-width: 767px) {
    .av-blog {
      --size-display: 36px;
      --size-h2: 28px;
      --size-h3: 22px;
      --size-lead: 16px;
      --section-pad: 28px;
      --gutter: 16px;
      --logo-width: 160px;
      --header-height: 64px;
      --hero-image-height: 300px;
      --card-image-height: 200px;
      --card-col: 100%;
      --card-row: 100%;
      --rel-col: 100%;
      --third-col: 100%;
      --list-col: 100%;
      --gallery-h: 240px;
      --split-image-height: 260px;
      --size-mag: 46px;
      --size-mag-h2: 34px;
      --mag-hero-h: 260px;
      --home-hero-h: 240px;
      --doc-h: 380px;
      --slide-h: 260px;
      --photo-card-h: 220px;
      --ba-card: 280px;
      --video-h: 300px;
      --tile-col: calc((100% - var(--space-3)) / 2);
      --banner-h: 300px;
      --banner-shade: linear-gradient(90deg, rgba(63, 26, 31, 0.86), rgba(63, 26, 31, 0.78));
      --lx-media: 100%;
      --men-media: 100%;
      --swatch: 44px;
      --lx-photo-h: 260px;
      --area-3: calc((100% - var(--space-3)) / 2);
      --link-5: calc((100% - var(--space-3)) / 2);
      --area-art: 100px;
    }
  }

body .av-blog .container {
    display: flex;
    flex-direction: column;
    gap: var(--space-6); 
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--gutter);
  }body .av-blog .section {
    display: flex;
    flex-direction: column;
    padding: var(--section-pad) 0;
  }body .av-blog .section-light { display: flex; flex-direction: column; padding: var(--section-pad) 0; background: var(--color-surface); }body .av-blog .section-wine { display: flex; flex-direction: column; padding: var(--section-pad) 0; background: var(--color-wine); }body .av-blog .section-head {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: var(--text-max);
    padding: 0;
  }body .av-blog .eyebrow {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--size-label);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-label);
    text-transform: uppercase;
    color: var(--color-gold-ink);
  }body .av-blog .eyebrow-on-dark {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--size-label);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-label);
    text-transform: uppercase;
    color: var(--color-gold-on-dark);
  }body .av-blog .heading-display {
    margin: 0;
    font-family: var(--font-head);
    font-size: var(--size-display);
    font-weight: var(--weight-head);
    line-height: var(--leading-display);
    color: var(--color-burgundy);
  }body .av-blog .heading-section {
    margin: 0;
    font-family: var(--font-head);
    font-size: var(--size-h2);
    font-weight: var(--weight-head);
    line-height: var(--leading-heading);
    color: var(--color-burgundy);
  }body .av-blog .heading-card {
    margin: 0;
    font-family: var(--font-head);
    font-size: var(--size-h3);
    font-weight: var(--weight-head);
    line-height: var(--leading-tight);
    color: var(--color-ink);
  }body .av-blog .text-lead { margin: 0; font-size: var(--size-lead); color: var(--color-ink-soft); max-width: var(--text-max); }body .av-blog .text-body { margin: 0; font-size: var(--size-body); color: var(--color-ink); }body .av-blog .text-small { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--button-height);
    padding: 0 var(--space-5);
    border: var(--border) solid var(--color-burgundy);
    border-radius: var(--radius);
    background: var(--color-burgundy);
    color: var(--color-on-dark);
    font-family: var(--font-body);
    font-size: var(--size-button);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    text-decoration: none;
    transition: all var(--speed) var(--ease);
  }body .av-blog .button-primary:hover { background: var(--color-gold); border-color: var(--color-gold); color: var(--color-wine); }body .av-blog .button-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--button-height);
    padding: 0 var(--space-5);
    border: var(--border) solid var(--color-ink);
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-ink);
    font-family: var(--font-body);
    font-size: var(--size-button);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    text-decoration: none;
  }body .av-blog .button-outline:hover { background: var(--color-burgundy); border-color: var(--color-burgundy); color: var(--color-on-dark); }body .av-blog .button-on-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--button-height);
    padding: 0 var(--space-5);
    border: var(--border) solid var(--color-on-dark-button);
    border-radius: var(--radius);
    background: var(--color-on-dark-button);
    color: var(--color-wine);
    font-family: var(--font-body);
    font-size: var(--size-button);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    text-decoration: none;
  }body .av-blog .button-on-dark:hover { background: var(--color-gold); border-color: var(--color-gold); color: var(--color-wine); }body .av-blog .button-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--button-height);
    padding: 0 var(--space-5);
    border: var(--border) solid var(--color-whatsapp);
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-whatsapp);
    font-family: var(--font-body);
    font-size: var(--size-button);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    text-decoration: none;
    transition: all var(--speed) var(--ease);
  }body .av-blog .button-whatsapp:hover { background: var(--color-whatsapp); color: var(--color-on-dark); }body .av-blog .link-gold {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) 0;
    border-bottom: var(--border) solid var(--color-gold);
    color: var(--color-ink);
    font-size: var(--size-button);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    text-decoration: none;
  }body .av-blog .link-gold:hover { color: var(--color-burgundy); border-color: var(--color-burgundy); }body .av-blog .button-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-5); padding: 0; }body .av-blog .hero { display: flex; flex-direction: row; background: var(--color-wine); padding: 0; }body .av-blog .hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-5);
    flex: 1 1 0;
    min-width: 0;
    padding: var(--space-6);
  }body .av-blog .hero-title {
    margin: 0;
    font-family: var(--font-head);
    font-size: var(--size-display);
    font-weight: var(--weight-head);
    line-height: var(--leading-display);
    color: var(--color-on-dark);
  }body .av-blog .hero-lead { margin: 0; font-size: var(--size-lead); color: var(--color-on-dark-soft); max-width: var(--text-max); }body .av-blog .hero-media { display: flex; flex: 0 0 var(--hero-media); min-width: 0; padding: 0; }body .av-blog .hero-img { width: 100%; height: var(--hero-image-height); object-fit: cover; }body .av-blog .link-on-dark {
    display: inline-flex;
    padding: var(--space-1) 0;
    border-bottom: var(--border) solid var(--color-gold-on-dark);
    color: var(--color-on-dark);
    font-size: var(--size-button);
    font-weight: var(--weight-medium);
    letter-spacing: var(--tracking-button);
    text-transform: uppercase;
    text-decoration: none;
  }body .av-blog .link-on-dark:hover { color: var(--color-gold-on-dark); }body .av-blog .creds { display: flex; flex-direction: row; flex-wrap: wrap; background: var(--color-surface); border: var(--border) solid var(--color-line); padding: 0; }body .av-blog .cred {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex: 1 1 var(--mega-col);
    min-width: 0;
    padding: var(--space-5) var(--space-6);
    border-left: var(--border) solid var(--color-line);
  }body .av-blog .cred-first {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex: 1 1 var(--mega-col);
    min-width: 0;
    padding: var(--space-5) var(--space-6);
  }body .av-blog .cred-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); color: var(--color-burgundy); }body .av-blog .card-row { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-5); padding: 0; }body .av-blog .card-treatment {
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--card-col);
    min-width: 0;
    background: var(--color-surface);
    border: var(--border) solid var(--color-line);
    padding: 0;
    text-decoration: none;
  }body .av-blog .card-img { width: 100%; height: var(--card-image-height); object-fit: cover; }body .av-blog .card-body { display: flex; flex-direction: column; gap: var(--space-3); flex: 1 1 auto; padding: var(--space-5); }body .av-blog .list-lines { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: var(--space-6); padding: 0; margin: 0; list-style: none; }body .av-blog .list-lines-row { display: flex; flex: 0 0 var(--list-col); min-width: 0; padding: 0; }body .av-blog .list-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex: 1 1 auto;
    min-width: 0;
    padding: var(--space-4) 0;
    border-bottom: var(--border) solid var(--color-line);
    font-family: var(--font-head);
    font-size: var(--size-h4);
    color: var(--color-ink);
    text-decoration: none;
  }body .av-blog .list-item:hover { color: var(--color-burgundy); }body .av-blog .list-arrow { font-family: var(--font-body); font-size: var(--size-small); color: var(--color-gold-ink); }body .av-blog .steps { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-6); padding: 0; margin: 0; list-style: none; }body .av-blog .step { display: flex; flex-direction: row; gap: var(--space-4); flex: 1 1 var(--mega-col); min-width: 0; padding: 0; }body .av-blog .step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--icon-box);
    height: var(--icon-box);
    border: var(--border) solid var(--color-gold);
    font-family: var(--font-head);
    font-size: var(--size-h4);
    color: var(--color-burgundy);
  }body .av-blog .item-body { display: flex; flex-direction: column; gap: var(--space-1); flex: 1 1 auto; min-width: 0; padding: 0; }body .av-blog .split { display: flex; flex-direction: row; gap: var(--space-7); align-items: center; padding: 0; }body .av-blog .split-media { display: flex; flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .split-img { width: 100%; height: var(--split-image-height); object-fit: cover; }body .av-blog .split-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .doctor { display: flex; flex-direction: column; gap: var(--space-4); max-width: var(--text-max); padding: var(--space-6); background: var(--color-surface); border-top: var(--border-strong) solid var(--color-gold); }body .av-blog .doctor-name { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-burgundy); }body .av-blog .faq { display: flex; flex-direction: column; border-top: var(--border) solid var(--color-line); max-width: var(--container); padding: 0; }body .av-blog .faq-item { display: flex; flex-direction: column; border-bottom: var(--border) solid var(--color-line); padding: 0; }body .av-blog .faq-question {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) 0;
    cursor: pointer;
    list-style: none;
  }body .av-blog .faq-question::-webkit-details-marker { display: none; }body .av-blog .faq-text { flex: 1 1 auto; min-width: 0; font-family: var(--font-head); font-size: var(--size-h4); color: var(--color-ink); }body .av-blog .faq-icon { display: flex; justify-content: center; align-items: center; flex: none; width: var(--icon-box); min-width: var(--icon-box); height: var(--icon-box); min-height: var(--icon-box); padding: 0; border: var(--border) solid var(--color-burgundy); font-size: var(--size-h4); line-height: var(--icon-box); text-align: center; color: var(--color-burgundy); }body .av-blog .faq-plus { display: inline; }body .av-blog .faq-minus { display: none; }body .av-blog .faq-item[open] .faq-plus { display: none; }body .av-blog .faq-item[open] .faq-minus { display: inline; }body .av-blog .faq-answer { margin: 0; padding: 0 0 var(--space-5); color: var(--color-ink-soft); max-width: var(--text-max); }body .av-blog .form-card { display: flex; flex-direction: column; gap: var(--space-4); max-width: var(--text-max); padding: var(--space-6); background: var(--color-surface); border: var(--border) solid var(--color-line); }body .av-blog .form-field { display: flex; flex-direction: column; gap: var(--space-1); padding: 0; }body .av-blog .form-label { font-size: var(--size-small); color: var(--color-ink); }body .av-blog .form-input {
    min-height: var(--form-field);
    padding: 0 var(--space-3);
    border: var(--border) solid var(--color-line);
    border-radius: var(--radius);
    background: var(--color-cream);
    font-family: var(--font-body);
    font-size: var(--size-body);
    color: var(--color-ink);
  }body .av-blog .form-note { margin: 0; font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-ink); }

  @media (max-width: 1024px) {body .av-blog .hero-text { padding: var(--space-7) var(--space-6); }body .av-blog .split { gap: var(--space-6); }
  }
  @media (max-width: 767px) {body .av-blog .container { gap: var(--space-5); }body .av-blog .hero { flex-direction: column; }body .av-blog .hero-media { order: -1; flex: none; }body .av-blog .hero-text { padding: var(--space-6) var(--gutter); }body .av-blog .split { flex-direction: column; }body .av-blog .cred { border-left: 0; border-top: var(--border) solid var(--color-line); }body .av-blog .button-primary { width: 100%; }
  }

body .av-blog .article { display: flex; flex-direction: column; padding: 0; }body .av-blog .t-hero { display: flex; flex-direction: column; background: var(--color-wine); padding: var(--space-5) 0 0; }body .av-blog .t-hero-inner { display: flex; flex-direction: row; align-items: stretch; gap: var(--space-6); width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }body .av-blog .t-hero-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); flex: 0 0 var(--mag-text); min-width: 0; padding: 0 var(--mag-room) var(--space-6) 0; }body .av-blog .t-crumb { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .t-crumb-link { color: var(--color-on-dark-soft); text-decoration: none; }body .av-blog .t-h1 { margin: 0; font-family: var(--font-head); font-size: var(--size-display); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-on-dark); }body .av-blog .t-lead { margin: 0; font-size: var(--size-lead); color: var(--color-on-dark-soft); max-width: var(--text-max); }body .av-blog .t-trust { margin: 0; font-size: var(--size-small); color: var(--color-gold-on-dark); }body .av-blog .s-jump { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-2); width: 100%; padding: var(--space-4) 0 0; border-top: var(--border) solid var(--color-on-dark-soft); }body .av-blog .s-jump-label { margin: 0; font-size: var(--size-small); font-weight: var(--weight-medium); color: var(--color-on-dark); }body .av-blog .t-hero-media { display: flex; flex-direction: column; justify-content: flex-end; flex: 1 1 0; min-width: 0; padding: 0; background: var(--color-cream); }body .av-blog .t-hero-img { width: 100%; height: var(--mag-hero-h); object-fit: contain; mix-blend-mode: multiply; }body .av-blog .t-facts { display: flex; flex-direction: row; flex-wrap: wrap; align-self: flex-start; width: var(--facts-w); margin: var(--mag-overlap) 0 var(--space-5) var(--mag-pull); background: var(--color-surface); border: var(--border) solid var(--color-line); padding: 0; }body .av-blog .t-fact { display: flex; flex-direction: column; gap: var(--space-1); flex: 1 1 var(--fact-col); min-width: 0; padding: var(--space-4) var(--space-5); border-bottom: var(--border) solid var(--color-line); }body .av-blog .t-fact-num { margin: 0; font-family: var(--font-head); font-size: var(--size-h3); line-height: var(--leading-tight); color: var(--color-burgundy); }body .av-blog .t-fact-label { margin: 0; font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-ink-soft); }body .av-blog .t-head { display: flex; flex-direction: row; align-items: flex-start; gap: var(--space-6); padding: 0; }body .av-blog .t-head-side { display: flex; flex-direction: column; gap: var(--space-3); flex: 0 0 var(--faq-side); min-width: 0; padding: 0; }body .av-blog .t-head-main { display: flex; flex-direction: column; gap: var(--space-4); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .t-h2 { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-burgundy); }body .av-blog .t-h2-light { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-on-dark); }body .av-blog .t-intro { margin: 0; font-family: var(--font-head); font-size: var(--size-h3); line-height: var(--leading-heading); color: var(--color-ink); }body .av-blog .t-prices { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-3); padding: 0; }body .av-blog .t-price { display: flex; flex-direction: column; gap: var(--space-1); flex: 0 0 var(--price-col); min-width: 0; padding: var(--space-4); background: var(--color-cream); border: var(--border) solid var(--color-line); }body .av-blog .t-price-main { display: flex; flex-direction: column; gap: var(--space-1); flex: 0 0 var(--price-col); min-width: 0; padding: var(--space-5); background: var(--color-cream); border: var(--border) solid var(--color-line); }body .av-blog .t-price-deal { display: flex; flex-direction: column; gap: var(--space-1); flex: 0 0 var(--price-col); min-width: 0; padding: var(--space-5); background: var(--color-burgundy); border: var(--border) solid var(--color-burgundy); }body .av-blog .t-price-label { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .t-price-label-light { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .t-price-big { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); line-height: var(--leading-tight); color: var(--color-burgundy); }body .av-blog .t-price-big-light { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); line-height: var(--leading-tight); color: var(--color-on-dark); }body .av-blog .t-price-val { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); color: var(--color-burgundy); }body .av-blog .t-chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); padding: 0; }body .av-blog .t-chip { padding: var(--space-2) var(--space-3); background: var(--color-surface); border: var(--border) solid var(--color-line); font-size: var(--size-small); color: var(--color-ink); text-decoration: none; }body .av-blog .t-benefits { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 var(--space-5); margin-top: var(--space-5); border-top: var(--border-strong) solid var(--color-gold); padding: 0; }body .av-blog .t-benefit { display: flex; flex-direction: column; gap: var(--space-1); flex: 0 0 var(--third-col); min-width: 0; padding: var(--space-4) 0; }body .av-blog .t-benefit-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); color: var(--color-burgundy); }body .av-blog .t-band { display: flex; flex-direction: column; background: var(--color-wine); padding: var(--section-pad) 0; }body .av-blog .t-band-inner { display: flex; flex-direction: column; gap: var(--space-6); width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }body .av-blog .t-steps { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-5); padding: 0; }body .av-blog .t-step { display: flex; flex-direction: column; gap: var(--space-2); flex: 0 0 var(--card-col); min-width: 0; padding: 0; }body .av-blog .t-step-num { margin: 0; font-family: var(--font-head); font-size: var(--size-mag-h2); line-height: 1; color: var(--color-gold-on-dark); }body .av-blog .t-step-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h3); font-weight: var(--weight-head); color: var(--color-on-dark); }body .av-blog .t-step-text { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .t-panels { display: flex; flex-direction: column; border-top: var(--border) solid var(--color-line); padding: 0; }body .av-blog .t-panel-q { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding: var(--space-4) 0; cursor: pointer; list-style: none; }body .av-blog .t-panel-title { flex: 1 1 auto; min-width: 0; font-family: var(--font-head); font-size: var(--size-h3); color: var(--color-ink); }body .av-blog .t-panel-body { display: flex; flex-direction: column; gap: var(--space-3); padding: 0 0 var(--space-5); }body .av-blog .t-ticks { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }body .av-blog .t-tick { padding: var(--space-2) 0; border-bottom: var(--border) solid var(--color-line); font-size: var(--size-body); color: var(--color-ink); }body .av-blog .t-vs-row { display: flex; flex-direction: row; gap: var(--space-4); padding: var(--space-3) 0; border-bottom: var(--border) solid var(--color-line); }body .av-blog .t-vs-key { flex: 0 0 var(--vs-key); margin: 0; font-size: var(--size-small); font-weight: var(--weight-medium); color: var(--color-ink); }body .av-blog .t-vs-them { flex: 1 1 0; min-width: 0; margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .t-vs-us { flex: 1 1 0; min-width: 0; margin: 0; padding: 0 var(--space-3); background: var(--color-on-dark-button); font-size: var(--size-small); color: var(--color-wine); }body .av-blog .t-vs-head { flex: 1 1 0; min-width: 0; margin: 0; font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-ink); }body .av-blog .t-note-dark { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .doc-row { display: flex; flex-direction: row; align-items: center; padding: 0; }body .av-blog .doc-media { display: flex; flex: 0 0 var(--feature-doc); min-width: 0; padding: 0; background: var(--color-beige); }body .av-blog .doc-img { width: 100%; height: var(--doc-h); object-fit: cover; object-position: top; }body .av-blog .doc-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); flex: 1 1 0; min-width: 0; margin-left: var(--mag-pull); padding: var(--space-6); background: var(--color-surface); border-left: var(--border-strong) solid var(--color-gold); }body .av-blog .doc-quote { margin: 0; padding: 0; font-family: var(--font-head); font-size: var(--size-h3); line-height: var(--leading-heading); color: var(--color-ink); }body .av-blog .t-reviews { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-5); padding: 0; }body .av-blog .t-review { display: flex; flex-direction: column; gap: var(--space-3); flex: 0 0 var(--third-col); min-width: 0; padding: var(--space-4) 0 0; border-top: var(--border-strong) solid var(--color-gold); }body .av-blog .t-review-text { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); line-height: var(--leading-tight); color: var(--color-ink); }body .av-blog .t-who { display: flex; flex-direction: row; align-items: center; gap: var(--space-3); padding: 0; }body .av-blog .t-avatar { width: var(--avatar); height: var(--avatar); border-radius: var(--half); object-fit: cover; }body .av-blog .t-who-name { margin: 0; font-size: var(--size-small); font-weight: var(--weight-medium); color: var(--color-burgundy); }body .av-blog .stars { display: flex; flex-direction: row; gap: var(--space-1); padding: 0; }body .av-blog .star { width: var(--star); height: var(--star); }body .av-blog .faq-list { display: flex; flex-direction: column; border-top: var(--border) solid var(--color-line); padding: 0; }body .av-blog .s-stats { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-4); margin-bottom: var(--space-5); padding: 0; }body .av-blog .s-stat { display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; padding: var(--space-3) 0 0; border-top: var(--border) solid var(--color-line); }body .av-blog .s-stat-num { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); line-height: var(--leading-tight); color: var(--color-burgundy); }body .av-blog .s-stat-label { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .s-form-band { display: flex; flex-direction: column; background: var(--color-beige); padding: var(--space-6) 0; }body .av-blog .s-form { display: flex; flex-direction: row; align-items: flex-end; gap: var(--space-6); padding: var(--space-5); background: var(--color-surface); border-top: var(--border-strong) solid var(--color-burgundy); }body .av-blog .s-form-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); flex: 0 0 var(--faq-side); min-width: 0; padding: 0; }body .av-blog .s-form-fields { display: flex; flex-direction: row; align-items: flex-end; gap: var(--space-4); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .s-form-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); color: var(--color-ink); }body .av-blog .s-end { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); background: var(--color-surface); border-top: var(--border-strong) solid var(--color-burgundy); }body .av-blog .s-about-h { margin: var(--space-4) 0 0; padding: var(--space-5) 0 0; border-top: var(--border) solid var(--color-line); font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); color: var(--color-burgundy); }body .av-blog .s-about-meta { margin: 0; font-size: var(--size-small); font-weight: var(--weight-medium); color: var(--color-gold-ink); }body .av-blog .s-about-term { margin: 0; padding: 0 0 0 var(--space-4); border-left: var(--border-strong) solid var(--color-gold); font-size: var(--size-body); color: var(--color-ink); }body .av-blog .s-about-key { font-weight: var(--weight-medium); color: var(--color-burgundy); }body .av-blog .s-th { flex: 1 1 0; min-width: 0; margin: 0; font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-ink); }body .av-blog .s-dist { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 var(--space-5); padding: 0; }body .av-blog .s-dist-row { display: flex; flex-direction: row; justify-content: space-between; gap: var(--space-3); flex: 0 0 var(--price-col); min-width: 0; padding: var(--space-2) 0; border-bottom: var(--border) solid var(--color-line); }body .av-blog .s-dist-place { margin: 0; font-size: var(--size-small); color: var(--color-ink); }body .av-blog .s-dist-km { margin: 0; font-size: var(--size-small); color: var(--color-gold-ink); }body .av-blog .s-about-sub { margin: var(--space-2) 0 0; font-size: var(--size-body); font-weight: var(--weight-medium); color: var(--color-ink); }body .av-blog .s-about-list { display: flex; flex-direction: column; margin: 0; padding: 0 0 0 var(--space-5); }body .av-blog .s-about-li { padding: var(--space-1) 0; font-size: var(--size-body); color: var(--color-ink); }body .av-blog .s-trow { display: flex; flex-direction: row; gap: var(--space-4); padding: var(--space-2) 0; border-bottom: var(--border) solid var(--color-line); }body .av-blog .s-tcell { flex: 1 1 0; min-width: 0; margin: 0; font-size: var(--size-small); color: var(--color-ink); }body .av-blog .s-disclaimer { margin: 0; font-size: var(--size-label); color: var(--color-ink-soft); }

  @media (max-width: 1024px) {body .av-blog .t-hero-text { flex: 0 0 var(--half); }body .av-blog .t-head { flex-direction: column; align-items: stretch; gap: var(--space-4); }body .av-blog .t-head-side { flex: none; }body .av-blog .t-facts { width: 100%; margin: var(--mag-overlap) 0 0; }body .av-blog .t-fact { padding: var(--space-3) var(--space-4); }body .av-blog .s-form { flex-direction: column; align-items: stretch; gap: var(--space-4); }body .av-blog .s-form-text { flex: none; }body .av-blog .doc-card { padding: var(--space-6); }
  }
  @media (max-width: 767px) {body .av-blog .t-hero { padding: var(--space-4) 0 0; }body .av-blog .t-hero-inner { flex-direction: column; gap: var(--space-4); padding: 0; }body .av-blog .t-hero-text { flex: none; padding: 0 var(--gutter) var(--space-4); }body .av-blog .t-facts { width: 100%; margin: 0; align-self: stretch; }body .av-blog .t-price { flex: 0 0 100%; }body .av-blog .t-price-main { flex: 0 0 100%; }body .av-blog .t-price-deal { flex: 0 0 100%; }body .av-blog .t-benefit { flex: 0 0 100%; }body .av-blog .t-review { flex: 0 0 100%; }body .av-blog .t-vs-row { flex-wrap: wrap; gap: var(--space-2); }body .av-blog .t-vs-key { flex: 0 0 100%; }body .av-blog .doc-row { flex-direction: column; align-items: stretch; }body .av-blog .doc-media { flex: none; width: 100%; }body .av-blog .s-stat { flex: 0 0 var(--price-col); }body .av-blog .s-form-fields { flex-direction: column; align-items: stretch; }body .av-blog .s-dist-row { flex: 0 0 100%; }body .av-blog .s-trow { flex-wrap: wrap; gap: var(--space-1) var(--space-3); }body .av-blog .s-tcell { flex: 1 1 var(--fact-col); }body .av-blog .s-th { flex: 1 1 var(--fact-col); }body .av-blog .doc-card { margin-left: 0; padding: var(--space-5) var(--gutter); }
  }body .av-blog .b-meta { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); padding: 0; }body .av-blog .b-meta-item { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .b-meta-item-light { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .b-tag { align-self: flex-start; padding: var(--space-1) var(--space-3); border: var(--border) solid var(--color-gold); font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-ink); text-decoration: none; }body .av-blog .b-toc { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-5); background: var(--color-surface); border: var(--border) solid var(--color-line); border-left: var(--border-strong) solid var(--color-gold); }body .av-blog .b-toc-link { font-size: var(--size-small); color: var(--color-ink); text-decoration: none; }body .av-blog .b-toc-link:hover { color: var(--color-burgundy); text-decoration: underline; }body .av-blog .b-body { display: flex; flex-direction: column; gap: var(--space-4); flex: 1 1 0; min-width: 0; max-width: var(--read-max); margin: 0; padding: 0; }body .av-blog .bn { display: flex; flex-direction: column; justify-content: center; min-height: var(--banner-h); background-color: var(--color-wine); background-image: var(--banner-shade), var(--banner-img); background-size: cover; background-position: center right; }body .av-blog .bn-inner { display: flex; flex-direction: column; width: 100%; max-width: var(--container); margin: 0 auto; padding: var(--space-5) var(--gutter) var(--space-6); }body .av-blog .bn-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); max-width: var(--banner-text); padding: 0; }body .av-blog .bn-crumb { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .bn-crumb-link { color: var(--color-on-dark-soft); text-decoration: none; }body .av-blog .bn-crumb-link:hover { color: var(--color-gold-on-dark); text-decoration: underline; }body .av-blog .bn-tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); padding: 0; }body .av-blog .bn-tag { padding: var(--space-1) var(--space-3); background: var(--color-gold); font-size: var(--size-label); font-weight: var(--weight-medium); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-wine); text-decoration: none; }body .av-blog .bn-tag:hover { background: var(--color-on-dark); color: var(--color-wine); }body .av-blog .bn-h1 { margin: 0; font-family: var(--font-head); font-size: var(--size-display); font-weight: var(--weight-head); line-height: var(--leading-display); color: var(--color-on-dark); }body .av-blog .bn-lead { margin: 0; font-size: var(--size-lead); color: var(--color-on-dark-soft); }body .av-blog .bn-byline { display: flex; flex-direction: row; align-items: center; gap: var(--space-3); padding: 0; }body .av-blog .bn-by { margin: 0; font-size: var(--size-small); color: var(--color-on-dark); }body .av-blog .b-layout { display: flex; flex-direction: row; align-items: flex-start; gap: var(--space-6); width: 100%; max-width: var(--container); margin: 0 auto; padding: var(--space-6) var(--gutter) var(--section-pad); }body .av-blog .b-side { display: flex; flex-direction: column; gap: var(--space-4); flex: 0 0 var(--side-col); min-width: 0; position: sticky; top: var(--side-top); padding: 0; }body .av-blog .b-side-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); color: var(--color-burgundy); }body .av-blog .b-side-book { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); background: var(--color-wine); }body .av-blog .b-side-book-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); color: var(--color-on-dark); }body .av-blog .b-h2 { margin: var(--space-5) 0 0; font-family: var(--font-head); font-size: var(--size-h2); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-burgundy); }body .av-blog .b-h3 { margin: var(--space-3) 0 0; font-family: var(--font-head); font-size: var(--size-h3); font-weight: var(--weight-head); color: var(--color-ink); }body .av-blog .b-p { margin: 0; font-size: var(--size-lead); line-height: var(--leading-body); color: var(--color-ink); }body .av-blog .b-list { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0 0 0 var(--space-5); }body .av-blog .b-li { font-size: var(--size-lead); line-height: var(--leading-body); color: var(--color-ink); }body .av-blog .b-callout { display: flex; flex-direction: row; align-items: center; gap: var(--space-5); padding: var(--space-5); background: var(--color-wine); }body .av-blog .b-callout-text { display: flex; flex-direction: column; gap: var(--space-2); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .b-callout-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h3); font-weight: var(--weight-head); color: var(--color-on-dark); }body .av-blog .b-callout-img { flex: 0 0 var(--icon-xl); width: var(--icon-xl); height: var(--icon-xl); object-fit: contain; background: var(--color-cream); }body .av-blog .b-author { display: flex; flex-direction: row; align-items: flex-start; gap: var(--space-4); margin-top: var(--space-5); padding: var(--space-5); background: var(--color-surface); border: var(--border) solid var(--color-line); }body .av-blog .b-author-img { flex: none; width: var(--icon-xl); height: var(--icon-xl); border-radius: var(--half); object-fit: cover; object-position: top; }body .av-blog .b-author-text { display: flex; flex-direction: column; gap: var(--space-2); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .b-author-name { margin: 0; font-family: var(--font-head); font-size: var(--size-h3); font-weight: var(--weight-head); color: var(--color-burgundy); }body .av-blog .b-cards { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-4); padding: 0; }body .av-blog .b-card { display: flex; flex-direction: column; flex: 0 0 var(--third-col); min-width: 0; background: var(--color-surface); border: var(--border) solid var(--color-line); text-decoration: none; transition: transform var(--speed) var(--ease); }body .av-blog .b-card:hover { transform: translateY(var(--lift)); }body .av-blog .b-card-img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; }body .av-blog .b-card-body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); }body .av-blog .b-card-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); line-height: var(--leading-tight); color: var(--color-ink); }body .av-blog .b-tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); padding: 0; }body .av-blog .b-byline { display: flex; flex-direction: row; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; border-top: var(--border) solid var(--color-line); border-bottom: var(--border) solid var(--color-line); }body .av-blog .b-byline-img { flex: none; width: var(--avatar); height: var(--avatar); border-radius: var(--half); object-fit: cover; object-position: top; }body .av-blog .b-byline-text { display: flex; flex-direction: column; gap: var(--space-1); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .b-byline-name { margin: 0; font-size: var(--size-body); font-weight: var(--weight-medium); color: var(--color-ink); }body .av-blog .b-share { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding: 0; }body .av-blog .b-share-link { padding: var(--space-1) var(--space-3); border: var(--border) solid var(--color-line); font-size: var(--size-small); color: var(--color-ink); text-decoration: none; }body .av-blog .b-share-link:hover { border-color: var(--color-burgundy); color: var(--color-burgundy); }body .av-blog .b-content { display: flex; flex-direction: column; gap: var(--space-4); padding: 0; }body .av-blog .b-strong { font-weight: var(--weight-medium); color: var(--color-burgundy); }body .av-blog .b-link { color: var(--color-burgundy); text-decoration: underline; text-decoration-color: var(--color-gold); }body .av-blog .b-cta { display: flex; flex-direction: column; padding: 0 0 var(--section-pad); }body .av-blog .b-cta-inner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-5); padding: var(--space-6); background: var(--color-wine); }body .av-blog .b-cta-text { display: flex; flex-direction: column; gap: var(--space-2); flex: 1 1 0; min-width: 0; padding: 0; }body .av-blog .b-cta-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-on-dark); }body .av-blog .b-card-meta { font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-ink); }body .av-blog .b-card-more { margin-top: auto; font-size: var(--size-small); font-weight: var(--weight-medium); color: var(--color-burgundy); }
  @media (max-width: 1024px) {body .av-blog .b-layout { flex-direction: column; align-items: stretch; }body .av-blog .b-body { max-width: none; }body .av-blog .b-side { flex: none; position: static; }body .av-blog .b-card { flex: 0 0 var(--price-col); }
  }
  @media (max-width: 767px) {body .av-blog .b-cta-inner { flex-direction: column; align-items: flex-start; padding: var(--space-5); }body .av-blog .b-callout { flex-direction: column; align-items: flex-start; }body .av-blog .b-author { flex-direction: column; }body .av-blog .b-card { flex: 0 0 100%; }
  }body .av-blog .t-crumb-dark { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .t-crumb-dark-link { color: var(--color-ink-soft); text-decoration: none; }

body .av-blog .t-chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); padding: 0; }body .av-blog .t-chip { padding: var(--space-2) var(--space-3); background: var(--color-surface); border: var(--border) solid var(--color-line); font-size: var(--size-small); color: var(--color-ink); text-decoration: none; }
  @body .av-blog media (max-width: 1024px) {
  }
  @body .av-blog media (max-width: 767px) {
  }body .av-blog .bn { display: flex; flex-direction: column; justify-content: center; min-height: var(--banner-h); background-color: var(--color-wine); background-image: var(--banner-shade), var(--banner-img); background-size: cover; background-position: center right; }body .av-blog .bn-inner { display: flex; flex-direction: column; width: 100%; max-width: var(--container); margin: 0 auto; padding: var(--space-5) var(--gutter) var(--space-6); }body .av-blog .bn-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); max-width: var(--banner-text); padding: 0; }body .av-blog .bn-crumb { margin: 0; font-size: var(--size-small); color: var(--color-on-dark-soft); }body .av-blog .bn-crumb-link { color: var(--color-on-dark-soft); text-decoration: none; }body .av-blog .bn-crumb-link:hover { color: var(--color-gold-on-dark); text-decoration: underline; }body .av-blog .bn-tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); padding: 0; }body .av-blog .bn-tag { padding: var(--space-1) var(--space-3); background: var(--color-gold); font-size: var(--size-label); font-weight: var(--weight-medium); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-wine); text-decoration: none; }body .av-blog .bn-tag:hover { background: var(--color-on-dark); color: var(--color-wine); }body .av-blog .bn-h1 { margin: 0; font-family: var(--font-head); font-size: var(--size-display); font-weight: var(--weight-head); line-height: var(--leading-display); color: var(--color-on-dark); }body .av-blog .bn-lead { margin: 0; font-size: var(--size-lead); color: var(--color-on-dark-soft); }body .av-blog .bn-byline { display: flex; flex-direction: row; align-items: center; gap: var(--space-3); padding: 0; }body .av-blog .bn-by { margin: 0; font-size: var(--size-small); color: var(--color-on-dark); }body .av-blog .b-cards { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-4); padding: 0; }body .av-blog .b-card { display: flex; flex-direction: column; flex: 0 0 var(--third-col); min-width: 0; background: var(--color-surface); border: var(--border) solid var(--color-line); text-decoration: none; transition: transform var(--speed) var(--ease); }body .av-blog .b-card:hover { transform: translateY(var(--lift)); }body .av-blog .b-card-img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; }body .av-blog .b-card-body { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); }body .av-blog .b-card-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h4); font-weight: var(--weight-head); line-height: var(--leading-tight); color: var(--color-ink); }body .av-blog .b-card-meta { font-size: var(--size-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-ink); }body .av-blog .b-card-more { margin-top: auto; font-size: var(--size-small); font-weight: var(--weight-medium); color: var(--color-burgundy); }
  @media (max-width: 1024px) {body .av-blog .b-card { flex: 0 0 var(--price-col); }
  }
  @media (max-width: 767px) {body .av-blog .b-card { flex: 0 0 100%; }
  }body .av-blog .t-crumb-dark { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .t-crumb-dark-link { color: var(--color-ink-soft); text-decoration: none; }body .av-blog .bl-tabs { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); width: 100%; max-width: var(--container); margin: 0 auto; padding: var(--space-5) var(--gutter) 0; }body .av-blog .bl-tab { padding: var(--space-2) var(--space-4); background: var(--color-surface); border: var(--border) solid var(--color-burgundy); font-size: var(--size-small); color: var(--color-burgundy); text-decoration: none; }body .av-blog .bl-tab:hover { background: var(--color-burgundy); color: var(--color-on-dark); }body .av-blog .bl-tab-on { padding: var(--space-2) var(--space-4); background: var(--color-burgundy); border: var(--border) solid var(--color-burgundy); font-size: var(--size-small); color: var(--color-on-dark); text-decoration: none; }body .av-blog .bl-all { display: flex; flex-direction: column; gap: var(--space-5); width: 100%; max-width: var(--container); margin: 0 auto; padding: var(--space-5) var(--gutter) var(--section-pad); }body .av-blog .bl-feature { display: flex; flex-direction: row; align-items: stretch; background: var(--color-wine); text-decoration: none; }body .av-blog .bl-feature-media { display: flex; flex: 0 0 var(--hero-media); min-width: 0; padding: 0; }body .av-blog .bl-feature-img { width: 100%; height: var(--split-image-height); object-fit: cover; }body .av-blog .bl-feature-text { display: flex; flex-direction: column; justify-content: center; gap: var(--space-3); flex: 1 1 0; min-width: 0; padding: var(--space-6); }body .av-blog .bl-feature-title { margin: 0; font-family: var(--font-head); font-size: var(--size-h2); font-weight: var(--weight-head); line-height: var(--leading-heading); color: var(--color-on-dark); }body .av-blog .bl-feature-text-p { margin: 0; font-size: var(--size-body); color: var(--color-on-dark-soft); }body .av-blog .bl-read { align-self: flex-start; font-size: var(--size-label); letter-spacing: var(--tracking-button); text-transform: uppercase; color: var(--color-on-dark); border-bottom: var(--border) solid var(--color-gold-on-dark); }body .av-blog .bl-card-text { margin: 0; font-size: var(--size-small); color: var(--color-ink-soft); }body .av-blog .bl-pages { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); padding: 0; }body .av-blog .bl-page { display: flex; align-items: center; justify-content: center; min-width: var(--button-height-small); height: var(--button-height-small); padding: 0 var(--space-3); border: var(--border) solid var(--color-line); background: var(--color-surface); font-size: var(--size-small); color: var(--color-ink); text-decoration: none; }body .av-blog .bl-page-on { display: flex; align-items: center; justify-content: center; min-width: var(--button-height-small); height: var(--button-height-small); padding: 0 var(--space-3); border: var(--border) solid var(--color-burgundy); background: var(--color-burgundy); font-size: var(--size-small); color: var(--color-on-dark); }body .av-blog .bl-filter-on { flex: none; white-space: nowrap; padding: var(--space-2) var(--space-3); background: var(--color-burgundy); border: var(--border) solid var(--color-burgundy); font-size: var(--size-small); color: var(--color-on-dark); text-decoration: none; }
  @media (max-width: 1024px) {body .av-blog .bl-feature { flex-direction: column; }body .av-blog .bl-feature-media { flex: none; width: 100%; }
  }
  @media (max-width: 767px) {body .av-blog .bl-feature-text { padding: var(--space-5); }
  }


body .av-blog .b-pack { transition: all var(--speed-card) var(--ease); }body .av-blog .b-pack:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); border-color: var(--color-burgundy); }body .av-blog .b-pack-top { transform: scale(var(--feature-scale)); box-shadow: var(--shadow-lift); transition: all var(--speed-card) var(--ease); }body .av-blog .b-pack-top:hover { transform: scale(var(--feature-scale)) translateY(var(--lift)); }body .av-blog .i-card { transition: all var(--speed-card) var(--ease); }body .av-blog .i-card:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .i-doc { transition: all var(--speed-card) var(--ease); }body .av-blog .i-doc:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .b-serv { transition: all var(--speed-card) var(--ease); }body .av-blog .b-serv:hover { background: var(--color-burgundy); border-color: var(--color-burgundy); color: var(--color-on-dark); }body .av-blog .i-card-q { transition: all var(--speed-card) var(--ease); }body .av-blog .i-card-q:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .b-reel { transition: all var(--speed-card) var(--ease); }body .av-blog .b-reel:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .k-card { transition: all var(--speed-card) var(--ease); }body .av-blog .k-card:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .k-rel { transition: all var(--speed-card) var(--ease); }body .av-blog .k-rel:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); border-color: var(--color-burgundy); }body .av-blog .k-reel { transition: all var(--speed-card) var(--ease); }body .av-blog .k-reel:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .mag-card { transition: all var(--speed-card) var(--ease); }body .av-blog .mag-card-low { transition: all var(--speed-card) var(--ease); }body .av-blog .ba-card { transition: all var(--speed-card) var(--ease); }body .av-blog .ba-card:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .t-price { transition: all var(--speed-card) var(--ease); }body .av-blog .t-price:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); border-color: var(--color-gold); }body .av-blog .t-price-main { transition: all var(--speed-card) var(--ease); }body .av-blog .t-price-main:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); border-color: var(--color-gold); }body .av-blog .t-price-deal { box-shadow: var(--shadow-lift); transition: all var(--speed-card) var(--ease); }body .av-blog .t-price-deal:hover { transform: translateY(var(--lift)); }body .av-blog .o-vs-card { transition: all var(--speed-card) var(--ease); }body .av-blog .o-vs-card:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .o-vs-card-dark { transition: all var(--speed-card) var(--ease); }body .av-blog .o-vs-card-dark:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); }body .av-blog .o-book { box-shadow: var(--shadow-lift); }body .av-blog .t-chip { transition: all var(--speed-card) var(--ease); }body .av-blog .t-chip:hover { background: var(--color-burgundy); border-color: var(--color-burgundy); color: var(--color-on-dark); }body .av-blog .chip { transition: all var(--speed-card) var(--ease); }body .av-blog .chip:hover { background: var(--color-burgundy); border-color: var(--color-burgundy); color: var(--color-on-dark); }body .av-blog .b-card { overflow: hidden; transition: all var(--speed-card) var(--ease); }body .av-blog .b-card:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-lift); border-color: var(--color-gold); }body .av-blog .bl-feature { transition: all var(--speed-card) var(--ease); }body .av-blog .bl-feature-media { overflow: hidden; }body .av-blog .bl-feature:hover { box-shadow: var(--shadow-lift); }body .av-blog .t-crumb-link:hover { color: var(--color-gold-on-dark); }body .av-blog .k-crumb-link:hover { color: var(--color-burgundy); }body .av-blog .b-offer-link:hover { color: var(--color-burgundy); box-shadow: var(--marker); }body .av-blog .i-contact-link:hover { color: var(--color-gold-on-dark); }body .av-blog .k-rel-name:hover { color: var(--color-burgundy); box-shadow: var(--marker); }body .av-blog .k-card-title:hover { color: var(--color-gold-ink); }body .av-blog .i-card-title:hover { color: var(--color-gold-ink); }body .av-blog .link-gold { transition: all var(--speed) var(--ease); }body .av-blog .link-gold:hover { color: var(--color-burgundy); border-color: var(--color-burgundy); box-shadow: var(--marker); transform: translateX(var(--nudge)); }body .av-blog .link-on-dark { transition: all var(--speed) var(--ease); }body .av-blog .link-on-dark:hover { color: var(--color-gold-on-dark); box-shadow: var(--marker-dark); transform: translateX(var(--nudge)); }body .av-blog .arrow-link { transition: all var(--speed) var(--ease); }body .av-blog .arrow-link:hover { color: var(--color-burgundy); box-shadow: var(--marker); transform: translateX(var(--nudge)); }body .av-blog .mag-quick-link { transition: all var(--speed) var(--ease); }body .av-blog .mag-quick-link:hover { color: var(--color-burgundy); border-color: var(--color-burgundy); box-shadow: var(--marker); }body .av-blog .mag-card { color: var(--color-ink); }body .av-blog .mag-card:hover { color: var(--color-gold-ink); }body .av-blog .mag-card-low { color: var(--color-ink); }body .av-blog .mag-card-low:hover { color: var(--color-gold-ink); }body .av-blog .mag-title { color: inherit; }body .av-blog .k-view { display: inline-flex; align-items: center; min-height: var(--button-height-small); padding: 0 var(--space-4); border: var(--border) solid var(--color-burgundy); background: var(--color-surface); color: var(--color-burgundy); font-size: var(--size-label); font-weight: var(--weight-medium); letter-spacing: var(--tracking-button); text-transform: uppercase; text-decoration: none; transition: all var(--speed) var(--ease); }body .av-blog .k-view:hover { background: var(--color-burgundy); color: var(--color-on-dark); }body .av-blog .vc-card:hover { transform: translateY(var(--lift)); border-color: var(--line-on-dark-gold-hover); box-shadow: var(--shadow-lift); }body .av-blog .vc-img:hover { filter: var(--photo-tone-full); transform: scale(var(--zoom-photo)); }body .av-blog .sv-link { transition: all var(--speed-card) var(--ease); }body .av-blog .sv-link:hover { background: var(--color-gold-on-dark); border-color: var(--color-gold-on-dark); color: var(--color-wine); }body .av-blog .sv-hub { transition: all var(--speed-card) var(--ease); }body .av-blog .sv-hub:hover { background: var(--color-gold-on-dark); border-color: var(--color-gold-on-dark); color: var(--color-wine); }body .av-blog .pl-card { transition: all var(--speed-card) var(--ease); }body .av-blog .pl-card:hover { transform: translateY(var(--lift)); border-color: var(--line-on-dark-gold-hover); box-shadow: var(--shadow-lift); }body .av-blog .pl-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .pl-img:hover { transform: scale(var(--zoom)); }body .av-blog .lx-area:hover { transform: translateY(var(--lift)); box-shadow: var(--area-inner-hover); border-color: var(--color-burgundy); }body .av-blog .lx-area-4:hover { transform: translateY(var(--lift)); box-shadow: var(--area-inner-hover); border-color: var(--color-burgundy); }body .av-blog .lx-art:hover { transform: scale(var(--zoom-photo)); }body .av-blog .k-text-link:hover { color: var(--color-gold-ink); box-shadow: var(--marker); }body .av-blog .more-title:hover { color: var(--color-gold-ink); }body .av-blog .k-bar-btn:hover { background: var(--color-gold); color: var(--color-wine); }body .av-blog .b-card-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .b-card-img:hover { transform: scale(var(--zoom)); }body .av-blog .bl-feature-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .bl-feature-img:hover { transform: scale(var(--zoom)); }body .av-blog .b-pack-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .b-pack-img:hover { transform: scale(var(--zoom)); }body .av-blog .b-reel-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .b-reel-img:hover { transform: scale(var(--zoom)); }body .av-blog .i-photo { transition: all var(--speed-zoom) var(--ease); }body .av-blog .i-photo:hover { transform: scale(var(--zoom)); }body .av-blog .k-card-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .k-card-img:hover { transform: scale(var(--zoom)); }body .av-blog .ba-img { transition: all var(--speed-zoom) var(--ease); }body .av-blog .mag-img { transition: all var(--speed-zoom) var(--ease); }
  @media (max-width: 767px) {body .av-blog .b-pack-top { transform: none; }
  }


/* ---- WordPress integration (blog pages) ---- */
.av-blog-page .site-content > .ast-container { display: block; max-width: none; padding: 0; }
.av-blog-page #primary { width: 100%; margin: 0; padding: 0; }
body .av-blog { background: var(--color-cream); font-family: var(--font-body); color: var(--color-ink); }
body .av-blog img { max-width: 100%; }
body .av-blog a { box-shadow: none; }
body .av-blog .b-content > :first-child { margin-top: 0; }
/* ---- 404 + search (inc/extra-pages.php, owner picks 404 A + Search A 2026-10-21) ---- */
body .av-blog .av-search { display: flex; flex-direction: row; width: 100%; max-width: 620px; background: var(--color-surface); border: var(--border) solid var(--color-line); }
body .av-blog .av-search-input { flex: 1 1 0; min-width: 0; height: 54px; padding: 0 var(--space-4); border: 0; background: transparent; font-family: var(--font-body); font-size: var(--size-body); color: var(--color-ink); }
body .av-blog .av-search-input:focus { outline: var(--border-strong) solid var(--color-gold); outline-offset: -2px; }
body .av-blog .av-search-button { flex: none; padding: 0 var(--space-5); border: 0; border-radius: 0; background: var(--color-burgundy); font-family: var(--font-body); font-size: var(--size-label); letter-spacing: var(--tracking-button); text-transform: uppercase; color: var(--color-on-dark); cursor: pointer; transition: all var(--speed) var(--ease); }
body .av-blog .av-search-button:hover { background: var(--color-gold); color: var(--color-wine); }
body .av-blog .av-404-big { margin: 0; font-family: var(--font-head); font-size: 120px; line-height: 0.9; color: var(--color-gold-on-dark); }
body .av-blog .bn-404 { min-height: 460px; }
body .av-blog .av-chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); }
body .av-blog .av-chip { padding: var(--space-2) var(--space-4); background: var(--color-surface); border: var(--border) solid var(--color-line); font-size: var(--size-small); color: var(--color-ink); text-decoration: none; transition: all var(--speed) var(--ease); }
body .av-blog .av-chip:hover { background: var(--color-burgundy); border-color: var(--color-burgundy); color: var(--color-on-dark); }
body .av-blog .av-sbar { background: var(--color-wine); padding: var(--space-5) 0 var(--space-6); }
body .av-blog .av-sbar .container { display: flex; flex-direction: column; gap: var(--space-3); }
body .av-blog .av-group { display: flex; flex-direction: column; gap: var(--space-4); padding: 0 0 var(--space-5); }
body .av-blog .av-empty { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-6); background: var(--color-surface); border: var(--border) dashed var(--color-gold); }
body .av-blog .av-cards-4 .b-card { flex: 0 0 calc((100% - 3 * var(--space-4)) / 4); }
@media (max-width: 1024px) { body .av-blog .av-cards-4 .b-card { flex: 0 0 calc((100% - var(--space-4)) / 2); } }
@media (max-width: 767px) { body .av-blog .av-404-big { font-size: 84px; } body .av-blog .bn-404 { min-height: 0; } body .av-blog .av-cards-4 .b-card { flex: 0 0 calc((100% - var(--space-3)) / 2); } body .av-blog .av-cards-4 { gap: var(--space-3); } body .av-blog .av-cards-4 .b-card-body { padding: var(--space-3); } body .av-blog .av-search-input { height: 48px; } }