/* cyrillic-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/1d85132de2e7.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7a2e3ae60297.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7a821e38eee1.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/b4c43da24698.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* symbols2 */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/c00d6f50ee52.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/607398848e24.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/f96771905c97.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ba87070dfc75.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/5dee5e8d3615.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/bc037cbafb2e.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/fd7a5f7565fe.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* symbols2 */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/967799e69dd9.woff2") format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/8c796918f5f5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/8cd93d86274f.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/dced7149525e.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/7de3c5b4c5e7.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/7af61c95c207.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/6cd1f63be011.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/8462a12a7c78.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/a5a4517fcbf1.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/16e8268fd11b.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/62ad3b9a3046.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/dc398705b052.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/682cdaa40af6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/16e8268fd11b.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/62ad3b9a3046.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/dc398705b052.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/682cdaa40af6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/83c9b6204609.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/e510419bc627.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/99a7c18e5b3d.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/daeff530b773.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/83c9b6204609.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/e510419bc627.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/99a7c18e5b3d.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/daeff530b773.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/83c9b6204609.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/e510419bc627.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/99a7c18e5b3d.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/daeff530b773.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/0b64856909e0.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/abd60509d5b0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/0b64856909e0.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/abd60509d5b0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


  @font-face { font-family: 'ET Book'; font-style: normal; font-weight: 400; src: url("fonts/a0e7e6f48348.woff") format('woff'); font-display: swap; }
  * { margin:0; padding:0; box-sizing:border-box; -webkit-font-smoothing:antialiased; }
  :root { --bg:#FFFFFF; --fg:#030303; --accent:#B0552E; --accent-inv:#D98A5E; --surface:#FAF7F2; --hair:#EDEAE5; --muted:#6e6a64; --divider:#d9d2c8; }
  [data-site][data-theme="alt"] { --bg:#0E0C0A; --fg:#FFFFFF; --accent:#D98A5E; --accent-inv:#B0552E; --surface:#17130F; --hair:rgba(249,248,246,0.14); --muted:rgba(244,242,238,0.55); --divider:rgba(249,248,246,0.20); }
  /* ===== viewport preview ===== */
  [data-burger] { display:none; }
  [data-mobile-menu] { display:none; }
  [data-notch] { display:none; }
  /* device stage + bezels (WoS-style) */
  [data-stage][data-vp="phone"], [data-stage][data-vp="tablet"] {
    background: repeating-linear-gradient(45deg,#26282b,#26282b 2px,#222427 2px,#222427 14px) !important;
    padding: 44px 16px !important;
  }
  [data-vp="phone"] [data-deskonly], [data-vp="tablet"] [data-deskonly] { display:none !important; }
  [data-vp="phone"] [data-chrome], [data-vp="tablet"] [data-chrome] { display:none !important; }
  [data-stage][data-vp="phone"] [data-frame] {
    width:393px !important; max-width:393px !important; height:852px !important; margin:0 auto !important;
    background:#0a0a0a !important; border:none !important; border-radius:56px !important; padding:13px !important;
    box-shadow:0 50px 90px -20px rgba(0,0,0,0.65), 0 0 0 2px #2c2c2e, inset 0 0 0 2px #000 !important; position:relative !important;
  }
  [data-stage][data-vp="tablet"] [data-frame] {
    width:834px !important; max-width:100% !important; height:1112px !important; margin:0 auto !important;
    background:#0a0a0a !important; border:none !important; border-radius:34px !important; padding:16px !important;
    box-shadow:0 50px 90px -20px rgba(0,0,0,0.65), 0 0 0 2px #2c2c2e, inset 0 0 0 2px #000 !important; position:relative !important;
  }
  [data-stage][data-vp="phone"] [data-notch] {
    display:block; position:absolute; top:13px; left:50%; transform:translateX(-50%);
    width:124px; height:33px; background:#000; border-radius:0 0 20px 20px; z-index:50;
  }
  [data-stage][data-vp="phone"] [data-scroll], [data-stage][data-vp="tablet"] [data-scroll] {
    width:100%; height:100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;
    background:var(--bg); position:relative; transform:translateZ(0);
  }
  [data-stage][data-vp="phone"] [data-scroll] { border-radius:44px; }
  [data-stage][data-vp="tablet"] [data-scroll] { border-radius:20px; }
  /* tablet */
  [data-vp="tablet"] [data-feat] { padding:0 !important; }
  [data-vp="tablet"] [data-feat] > div { padding:40px 40px 44px !important; }
  [data-vp="tablet"] [data-sub] { padding:48px 32px !important; }
  [data-vp="tablet"] [data-foot] { padding:44px 32px 40px !important; }
  /* phone */
  [data-vp="phone"] [data-navtext] { display:none !important; }
  [data-vp="phone"] [data-burger] { display:inline-flex !important; }
  [data-vp="phone"] [data-mob-actions] { display:flex !important; align-items:center; gap:8px; }
  [data-vp="phone"] [data-burger-theme] { display:inline-flex !important; }
  [data-vp="phone"] [data-hdr] { padding:52px 18px 16px !important; }
  [data-vp="phone"] [data-wm] { font-size:22px !important; }
  [data-vp="phone"] [data-feat] { padding:0 !important; }
  [data-vp="phone"] [data-feat] > div { padding:30px 18px 34px !important; max-width:none !important; }
  [data-vp="phone"] [data-feat-title] { font-size:2rem !important; }
  [data-vp="phone"] [data-grid] { grid-template-columns:1fr !important; }
  [data-vp="phone"] [data-col-divider] { display:none !important; }
  [data-vp="phone"] [data-cell] { padding:30px 18px 34px !important; min-height:0 !important; }
  [data-vp="phone"] [data-cell] > div:first-child { font-size:1.6rem !important; }
  [data-vp="phone"] [data-sub] { flex-direction:column !important; flex-wrap:nowrap !important; align-items:flex-start !important; justify-content:flex-start !important; padding:44px 20px !important; gap:18px !important; }
  [data-vp="phone"] [data-sub] > div:first-child { flex:0 0 auto !important; width:100% !important; }
  [data-vp="phone"] [data-sub] form { flex:0 0 auto !important; width:100% !important; }
  [data-vp="phone"] [data-sub-title] { font-size:29px !important; }
  [data-vp="phone"] [data-foot] { flex-direction:column !important; align-items:flex-start !important; gap:28px !important; padding:40px 20px !important; }
  [data-vp="phone"] [data-foot] > div:last-child { align-items:flex-start !important; }
  [data-site][data-theme="alt"] [data-sectmark] { color:var(--accent) !important; }
  [data-vp="phone"] [data-article] { padding:28px 18px 40px !important; }
  [data-vp="tablet"] [data-article] { padding:36px 32px 48px !important; }
  [data-vp="phone"] [data-art-body] { font-size:1.06rem !important; }
  /* (reader uses a clean centered measure — no full-bleed header band) */
  /* archive view */
  [data-vp="tablet"] [data-arch-head] { padding:44px 32px 24px !important; }
  [data-vp="tablet"] [data-row] { padding:22px 32px !important; }
  [data-vp="tablet"] [data-arch-sub] { padding:48px 32px !important; }
  [data-vp="phone"] [data-arch-head] { padding:34px 18px 20px !important; }
  [data-vp="phone"] [data-arch-title] { font-size:2.2rem !important; }
  [data-vp="phone"] [data-row] { padding:20px 18px !important; gap:6px 12px !important; grid-template-columns:24px 1fr !important; }
  [data-vp="phone"] [data-row] > span:first-child { padding-top:3px !important; font-size:11px !important; }
  [data-vp="phone"] [data-row] [data-title] { font-size:1.2rem !important; }
  [data-vp="phone"] [data-row] [data-sub] { font-size:0.92rem !important; }
  [data-vp="phone"] [data-row] > span:last-child { grid-column:2 !important; margin-top:9px !important; padding-top:0 !important; }
  [data-vp="phone"] [data-arch-sub] { flex-direction:column !important; align-items:flex-start !important; padding:44px 20px !important; gap:18px !important; }
  [data-vp="phone"] [data-arch-sub] > div:first-child { flex:0 0 auto !important; width:100% !important; }
  [data-vp="phone"] [data-arch-sub] form { flex:0 0 auto !important; width:100% !important; }
  [data-vp="tablet"] [data-search-head] { padding:44px 32px 24px !important; }
  [data-vp="tablet"] [data-search-results] [data-hit] { padding:22px 32px !important; }
  [data-vp="phone"] [data-search-head] { padding:34px 18px 20px !important; }
  [data-vp="phone"] [data-search-page-title] { font-size:2.1rem !important; }
  [data-vp="phone"] [data-search-results] [data-hit] { padding:20px 18px !important; grid-template-columns:24px 1fr !important; gap:6px 12px !important; }
  [data-vp="phone"] [data-search-results] [data-hit] > span:first-child { font-size:11px !important; padding-top:3px !important; }
  [data-vp="phone"] [data-search-results] [data-hit] > span:last-child { grid-column:2 !important; padding-top:0 !important; margin-top:8px !important; }
  [data-vp="phone"] [data-search-results] [data-hit] p { -webkit-line-clamp:3 !important; }
  [data-vp="phone"] [data-art-title], [data-vp="tablet"] [data-art-title],
  [data-vp="phone"] [data-art-standfirst], [data-vp="tablet"] [data-art-standfirst],
  [data-vp="phone"] [data-art-metarow], [data-vp="tablet"] [data-art-metarow] { width:100% !important; margin-left:0 !important; margin-right:0 !important; }

  /* ===== ported Reader v2 article treatment (every article shares this) ===== */
  [data-view-article] [data-article] { max-width:720px; margin:0 auto; padding:48px 24px 80px; }
  [data-view-article] [data-art-eyebrow] { font-family:'Fira Mono',monospace; font-size:12px; letter-spacing:0.06em; color:var(--accent); margin-bottom:20px; text-transform:none; }
  [data-view-article] [data-art-title] { font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(2.2rem,5vw,3.4rem); line-height:1.08; letter-spacing:-0.015em; color:var(--fg); margin-bottom:22px; }
  [data-view-article] [data-art-standfirst] { font-family:'Schibsted Grotesk',sans-serif; font-weight:300; font-size:1.2rem; line-height:1.5; color:color-mix(in srgb, var(--fg), transparent 20%); margin-bottom:30px; max-width:44rem; }
  [data-view-article] [data-art-metarow] { font-family:'Fira Mono',monospace; font-size:11px; letter-spacing:0.03em; color:var(--muted); display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:18px 0; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); }
  [data-view-article] .meta-sub { display:contents; }
  /* phone: byline on its own line, then a single non-wrapping row of date · read · share */
  [data-vp="phone"] [data-view-article] [data-art-metarow] { flex-wrap:nowrap; flex-direction:column; align-items:flex-start; gap:6px; }
  [data-vp="phone"] [data-view-article] .meta-lead-dot { display:none; }
  [data-vp="phone"] [data-view-article] .meta-sub { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; white-space:nowrap; }
  /* share dropdown */
  [data-view-article] .share-wrap { position:relative; display:inline-flex; }
  [data-view-article] .share-trigger { appearance:none; background:none; border:none; cursor:pointer; font-family:'Fira Mono',monospace; font-size:11px; letter-spacing:0.03em; color:var(--muted); display:inline-flex; align-items:center; gap:5px; padding:0; transition:color 0.15s; }
  [data-view-article] .share-trigger:hover { color:var(--accent); }
  [data-view-article] .share-trigger svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; }
  [data-view-article] .share-menu { display:none; position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); z-index:120; min-width:212px; background:var(--bg); border:1px solid color-mix(in srgb, var(--fg), transparent 80%); box-shadow:0 22px 48px -24px rgba(0,0,0,0.45); padding:7px 0; flex-direction:column; }
  [data-view-article] .share-item { appearance:none; background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:14px; width:100%; box-sizing:border-box; text-align:left; text-decoration:none; font-family:'Schibsted Grotesk',sans-serif; font-size:15px; font-weight:500; letter-spacing:-0.005em; color:var(--fg); padding:10px 22px 10px 18px; white-space:nowrap; transition:background 0.12s; }
  [data-view-article] .share-item:hover { background:color-mix(in srgb, var(--fg), transparent 94%); }
  [data-view-article] .share-item svg { width:17px; height:17px; flex-shrink:0; }
  /* hero */
  [data-view-article] [data-art-herofig] { margin:40px 0 0; }
  [data-view-article] [data-art-herofig] img { width:100%; max-height:440px; object-fit:cover; height:auto; display:block; border:0.5px solid var(--hair); }
  /* body */
  [data-view-article] [data-art-body] { margin-top:44px; font-family:'Schibsted Grotesk',sans-serif; font-size:1.12rem; line-height:1.75; font-weight:400; color:var(--fg); }
  [data-view-article] [data-art-body] p { margin:0 0 1.55em; }
  [data-view-article] [data-art-body] > p:first-child::first-letter { font-family:'Playfair Display',serif; font-weight:700; font-size:3.4em; line-height:0.82; float:left; margin:0.06em 0.1em 0 0; color:var(--fg); }
  [data-view-article] [data-art-body] h2 { font-family:'Playfair Display',serif; font-weight:500; font-size:1.85rem; line-height:1.18; letter-spacing:-0.01em; margin:2em 0 0.65em; color:var(--fg); }
  [data-view-article] [data-art-body] h3 { font-family:'Playfair Display',serif; font-weight:500; font-size:1.35rem; margin:1.7em 0 0.55em; color:var(--fg); }
  [data-view-article] [data-art-body] blockquote { border-left:2px solid var(--accent); padding-left:22px; margin:1.8em 0; font-style:italic; color:color-mix(in srgb, var(--fg), transparent 15%); }
  [data-view-article] [data-art-body] blockquote p { margin-bottom:0; }
  [data-view-article] [data-art-body] strong { font-weight:600; }
  [data-view-article] [data-art-body] em { font-style:italic; }
  [data-view-article] [data-art-body] a { color:var(--accent); text-decoration:none; border-bottom:1px solid color-mix(in srgb, var(--accent), transparent 55%); transition:border-color 0.15s; }
  [data-view-article] [data-art-body] a:hover { border-bottom-color:var(--accent); }
  [data-view-article] [data-art-body] figure { margin:2.2em 0; }
  [data-view-article] [data-art-body] figure img { width:100%; max-height:560px; object-fit:cover; height:auto; display:block; border:0.5px solid var(--hair); }
  [data-view-article] [data-art-body] figcaption { font-family:'Fira Mono',monospace; font-size:11px; letter-spacing:0.02em; color:var(--muted); margin-top:9px; line-height:1.5; text-align:center; }
  /* desktop magazine measure */
  [data-vp="desktop"] [data-view-article] [data-article] { max-width:940px; padding:76px 24px 80px; }
  [data-vp="desktop"] [data-view-article] [data-art-body] { max-width:680px; margin-left:auto; margin-right:auto; }
  [data-vp="desktop"] [data-view-article] [data-art-herofig] img { max-height:560px; }
  /* reading-progress bracket (fills as you scroll the article) */
  .progress-bracket { display:none; position:fixed; top:calc(50% + 34px); transform:translateY(-50%); width:8px; height:min(34vh,300px); border:1px solid var(--fg); border-left:none; border-radius:0 10px 10px 0; overflow:hidden; z-index:60; pointer-events:none; opacity:0.85; }
  .progress-bracket-fill { position:absolute; top:0; left:0; width:100%; height:0%; background:var(--fg); transition:height 0.08s linear; }
  [data-stage].reading[data-vp="desktop"] .progress-bracket { display:block; left:max(40px, calc(50vw - 540px)); }
  [data-stage].reading[data-vp="tablet"] .progress-bracket { display:block; left:max(20px, calc(50vw - 401px)); height:min(30vh,240px); }
  [data-site][data-theme="alt"] .progress-bracket-fill { background:var(--accent); }
  /* ===== article pages: sticky, collapsing header (reading mode only) ===== */
  /* desktop reading: the site region scrolls internally so the header can pin (home/archive/search still scroll the window) */
  [data-stage].reading[data-vp="desktop"] [data-frame] { height:calc(100vh - 150px); min-height:440px; display:flex; flex-direction:column; }
  [data-stage].reading[data-vp="desktop"] [data-scroll] { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
  [data-stage].reading[data-vp="desktop"] [data-chrome] { flex:0 0 auto; }
  [data-stage].reading[data-vp="desktop"] [data-site] { flex:1 1 auto; min-height:0; overflow-y:auto; }
  /* pin the header within whichever region scrolls */
  [data-stage].reading [data-hdr] { position:sticky; top:0; z-index:45; background:var(--bg); transition:background 0.4s; }
  [data-stage].reading [data-navtext] { transition:opacity 0.25s ease; }
  /* past the hero, the nav links fade and a compact theme + hamburger take their place (desktop & tablet) */
  [data-stage].reading.hdr-collapsed[data-vp="desktop"] [data-navtext],
  [data-stage].reading.hdr-collapsed[data-vp="tablet"] [data-navtext] { opacity:0; pointer-events:none; position:absolute; right:40px; }
  [data-stage].reading.hdr-collapsed[data-vp="desktop"] [data-burger],
  [data-stage].reading.hdr-collapsed[data-vp="tablet"] [data-burger],
  [data-stage].reading.hdr-collapsed[data-vp="desktop"] [data-burger-theme],
  [data-stage].reading.hdr-collapsed[data-vp="tablet"] [data-burger-theme] { display:inline-flex !important; }
  /* keep the theme toggle and hamburger together as one group at the right (matches Reader v2) */
  [data-stage].reading.hdr-collapsed[data-vp="desktop"] [data-mob-actions],
  [data-stage].reading.hdr-collapsed[data-vp="tablet"] [data-mob-actions] { display:flex !important; align-items:center; gap:8px; }
  /* ===== mobile / editorial nav overlay (ported from Reader v2) ===== */
  [data-frame] { position:relative; }
  [data-stage][data-theme="alt"] { --bg:#0E0C0A; --fg:#FFFFFF; --accent:#D98A5E; --accent-inv:#B0552E; --surface:#17130F; --hair:rgba(249,248,246,0.14); --muted:rgba(244,242,238,0.55); --divider:rgba(249,248,246,0.20); }
  [data-stage][data-vp="phone"] [data-notch] { z-index:600; }
  [data-mobile-nav] { display:none; position:absolute; inset:0; z-index:300; }
  [data-mobile-nav].open { display:block; }
  [data-mobile-nav] .mobile-nav-backdrop { position:absolute; inset:0; background:rgba(0,0,0,0.4); }
  /* desktop + tablet: slide in from the right */
  [data-mobile-nav] .mobile-nav-drawer { position:absolute; top:0; right:0; width:82%; max-width:340px; height:100%; overflow-y:auto; background:var(--bg); border-left:1px solid var(--hair); display:flex; flex-direction:column; transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); }
  [data-mobile-nav].open .mobile-nav-drawer { transform:translateX(0); }
  /* phone: drop down from the top, full width */
  [data-stage][data-vp="phone"] [data-mobile-nav] .mobile-nav-drawer { top:0; left:0; right:0; width:100%; max-width:none; height:auto; max-height:100%; border-left:none; border-bottom:1px solid var(--fg); transform:translateY(-100%); }
  [data-stage][data-vp="phone"] [data-mobile-nav].open .mobile-nav-drawer { transform:translateY(0); }
  [data-mobile-nav] .mobile-nav-head { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid var(--fg); }
  [data-mobile-nav] .mobile-nav-wordmark { display:none; }
  [data-stage][data-vp="phone"] [data-mobile-nav] .mobile-nav-wordmark { display:inline; }
  [data-stage][data-vp="phone"] [data-mobile-nav] .mobile-nav-head { height:92px; align-items:flex-end; padding-bottom:16px; }
  /* desktop + tablet: head hidden; links drop under the header line */
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mobile-nav-head { display:none; }
  [data-stage][data-vp="desktop"] [data-mobile-nav] { top:var(--chrome-h, 44px); }
  [data-stage][data-vp="phone"] [data-mobile-nav] { top:13px; left:13px; right:13px; bottom:13px; border-radius:44px; overflow:hidden; }
  [data-stage][data-vp="tablet"] [data-mobile-nav] { top:16px; left:16px; right:16px; bottom:16px; border-radius:20px; overflow:hidden; }
  /* nav open: hide the header burger + theme; show a lit close where the burger was (desktop/tablet) */
  [data-stage]:not([data-vp="phone"]).nav-open .hdr-theme { opacity:0; pointer-events:none; }
  [data-stage]:not([data-vp="phone"]).nav-open .nav-burger { opacity:0 !important; pointer-events:none !important; }
  [data-mobile-nav] .nav-x { display:none; }
  [data-stage]:not([data-vp="phone"]).nav-open [data-mobile-nav] .nav-x { display:block; position:absolute; top:var(--navx-top, 70px); right:var(--navx-right, 40px); padding:0; pointer-events:none; z-index:2; }
  [data-mobile-nav] .nav-x button { appearance:none; border:none; background:transparent; color:var(--fg); cursor:pointer; padding:4px; display:inline-flex; align-items:center; justify-content:center; pointer-events:auto; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mobile-nav-links { padding-top:calc(var(--nav-top, 64px) + 10px); }
  [data-mobile-nav] .mobile-nav-close { appearance:none; background:none; border:none; cursor:pointer; color:var(--fg); width:32px; height:32px; display:flex; align-items:center; justify-content:center; transition:color .15s; }
  [data-mobile-nav] .mobile-nav-close svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; }
  [data-mobile-nav] .mobile-nav-links { display:flex; flex-direction:column; padding:10px 0; }
  [data-mobile-nav] .mnav-row { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--fg); cursor:pointer; transition:color .12s; }
  [data-mobile-nav] .mnav-row:hover { color:var(--accent); }
  [data-mobile-nav] .mnav-row svg { stroke:currentColor; }
  [data-mobile-nav] .mnav-sub { display:flex; align-items:center; gap:10px; color:var(--fg); cursor:pointer; transition:color .12s; }
  [data-mobile-nav] .mnav-sub:hover { color:var(--accent); }
  [data-mobile-nav] .mnav-dot { color:var(--accent); line-height:1; }
  /* phone editorial menu (serif, right-aligned, large) */
  [data-stage][data-vp="phone"] [data-mobile-nav] .mobile-nav-links { align-items:flex-end; padding-top:34px; }
  [data-stage][data-vp="phone"] [data-mobile-nav] .mnav-row { justify-content:flex-end; width:100%; text-align:right; font-family:'Playfair Display',serif; font-weight:500; font-size:28px; letter-spacing:-0.02em; line-height:1.14; padding:15px 34px; }
  [data-stage][data-vp="phone"] [data-mobile-nav] .mnav-row[data-mtopics] svg { width:0.55em; height:0.55em; }
  [data-stage][data-vp="phone"] [data-mobile-nav] [data-mtopics-list] { width:100%; align-items:flex-end; }
  [data-stage][data-vp="phone"] [data-mobile-nav] .mnav-sub { justify-content:flex-end; gap:0; width:100%; text-align:right; font-family:'Playfair Display',serif; font-weight:500; font-size:19px; letter-spacing:-0.02em; padding:9px 34px; }
  [data-stage][data-vp="phone"] [data-mobile-nav] .mnav-sub .mnav-dot { display:none; }
  [data-mobile-nav] .mnav-sub::after { content:"\2794"; order:2; color:var(--accent); font-weight:400; font-size:0.72em; line-height:1; width:0; opacity:0; overflow:hidden; transform:translateX(-4px); transition:width .18s ease, opacity .15s ease, transform .18s ease; }
  [data-mobile-nav] .mnav-sub:hover::after { width:1.05em; margin-left:0.26em; opacity:1; transform:translateX(0); }
  /* desktop + tablet editorial menu */
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mobile-nav-drawer { width:42%; max-width:360px; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mobile-nav-links { padding-left:28px; padding-right:var(--navx-right, 40px); align-items:flex-end; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mnav-row { justify-content:flex-end; gap:14px; width:100%; text-align:right; font-family:'Playfair Display',serif; font-weight:500; font-size:35px; letter-spacing:-0.02em; line-height:1.14; padding:14px 0; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mnav-row[data-mtopics] { gap:12px; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mnav-row[data-mtopics] svg { width:0.5em; height:0.5em; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] [data-mtopics-list] { width:100%; align-items:flex-end; padding-top:4px; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mnav-sub { justify-content:flex-end; gap:0; width:100%; text-align:right; font-family:'Playfair Display',serif; font-weight:500; font-size:22px; letter-spacing:-0.02em; padding:9px 0; }
  [data-stage]:not([data-vp="phone"]) [data-mobile-nav] .mnav-sub .mnav-dot { display:none; }
  /* hide the reading-progress bracket while the nav is open */
  [data-stage].nav-open .progress-bracket { display:none !important; }
  /* ===== live deploy: real-width responsive, no device bezel, no faux chrome ===== */
  [data-stage], [data-stage][data-vp="phone"], [data-stage][data-vp="tablet"] { background:none !important; padding:0 !important; }
  [data-notch], [data-chrome], [data-deskonly] { display:none !important; }
  [data-stage][data-vp="phone"] [data-frame], [data-stage][data-vp="tablet"] [data-frame] {
    width:100% !important; max-width:none !important; height:100vh !important; height:100dvh !important;
    margin:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important;
    border:none !important; background:var(--bg) !important;
  }
  [data-stage][data-vp="phone"] [data-scroll], [data-stage][data-vp="tablet"] [data-scroll] { border-radius:0 !important; }

/* ============================================================================
   De-mockup shell overrides
   The original export wrapped the real site in a design-tool "browser window"
   mockup (gray mat, bordered card, fake traffic-light chrome, phone notch,
   rounded device corners). These rules strip that scaffolding so the actual
   site ([data-site]) renders full-bleed on every viewport.
   ========================================================================== */
html, body { background: var(--bg); }
[data-stage] { background: var(--bg) !important; padding: 0 !important; min-height: 100vh !important; }
[data-frame] { max-width: none !important; margin: 0 !important; border: none !important;
               border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; }
[data-chrome], [data-notch], [data-deskonly] { display: none !important; }
[data-scroll] { border-radius: 0 !important; }

/* CRITICAL: the phone/tablet mockup pinned [data-frame] to 100vh and made
   [data-scroll] an internal overflow scroller, so home/topic pages could not
   scroll past the first screen. Let content flow and the window scroll. */
[data-stage][data-vp="phone"] [data-frame], [data-stage][data-vp="tablet"] [data-frame] { height: auto !important; min-height: 0 !important; }
[data-stage][data-vp="phone"] [data-scroll], [data-stage][data-vp="tablet"] [data-scroll] { height: auto !important; overflow: visible !important; -webkit-overflow-scrolling: auto !important; transform: none !important; }

/* Reading mode: scroll the page normally; the header sticks to the viewport top
   instead of scrolling a fixed-height card internally. */
[data-stage].reading[data-vp="desktop"] [data-frame],
[data-stage].reading[data-vp="tablet"] [data-frame] { height: auto !important; min-height: 0 !important; display: block !important; }
[data-stage].reading [data-scroll],
[data-stage].reading [data-site] { overflow: visible !important; display: block !important; }

/* Reading-progress bracket hugs the actual left edge of the viewport. */
[data-stage].reading .progress-bracket { left: 0 !important; }

/* Mobile header no longer needs to clear a fake phone notch. */
[data-vp="phone"] [data-hdr] { padding: 18px 18px 16px !important; }

/* Mobile menu: a clean full-screen overlay (was a rounded phone-shaped sheet
   that only covered part of the screen with content showing through). */
[data-vp="phone"] [data-mobile-nav] { inset: 0 !important; border-radius: 0 !important; }
[data-vp="phone"] [data-mobile-nav] .mobile-nav-drawer { height: 100% !important; max-height: 100% !important; }
[data-vp="phone"] [data-mobile-nav] .mobile-nav-head { height: 60px !important; align-items: center !important; padding-bottom: 0 !important; }
