/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("013c2bdd-763a-4354-af00-399cc12ec0c0") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("63d04c28-2586-41e5-88fc-37389982ce54") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("6d7fa2ca-db12-4092-b6ff-51aea7cdce44") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("40e21d26-b22b-41c0-bb48-bf02609c76fe") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("b7573174-3b66-40db-8e95-16d8edc47350") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("013c2bdd-763a-4354-af00-399cc12ec0c0") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("63d04c28-2586-41e5-88fc-37389982ce54") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("6d7fa2ca-db12-4092-b6ff-51aea7cdce44") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("40e21d26-b22b-41c0-bb48-bf02609c76fe") 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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("b7573174-3b66-40db-8e95-16d8edc47350") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("66f7e6b3-9375-4310-aa12-47908b4ac2ec") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("12a1a6e9-26e0-436e-b70b-48384d82fc7a") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("451daf44-6255-4caa-a4c1-4cc88c3a7393") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("3b5f809b-83a5-42af-8532-7ac0926649a0") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("758927fe-ae46-4aa9-ba2c-6f3e31b86473") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("66f7e6b3-9375-4310-aa12-47908b4ac2ec") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("12a1a6e9-26e0-436e-b70b-48384d82fc7a") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("451daf44-6255-4caa-a4c1-4cc88c3a7393") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("3b5f809b-83a5-42af-8532-7ac0926649a0") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("758927fe-ae46-4aa9-ba2c-6f3e31b86473") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("66f7e6b3-9375-4310-aa12-47908b4ac2ec") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("12a1a6e9-26e0-436e-b70b-48384d82fc7a") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("451daf44-6255-4caa-a4c1-4cc88c3a7393") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("3b5f809b-83a5-42af-8532-7ac0926649a0") 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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("758927fe-ae46-4aa9-ba2c-6f3e31b86473") 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: 300;
  font-display: swap;
  src: url("8bb4e90a-bc10-42f1-a857-7ba4d8424589") 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: 300;
  font-display: swap;
  src: url("dde235cd-1f94-4465-8b53-af117cd7414e") 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: 300;
  font-display: swap;
  src: url("56a0d08f-502d-4a37-87d7-5c43749e7c3a") 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: 300;
  font-display: swap;
  src: url("59f5a5c5-329f-4aad-a63e-5bcab8667ed2") 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: 300;
  font-display: swap;
  src: url("7f16f0e1-1161-4906-ac28-4f03d177d939") 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: 300;
  font-display: swap;
  src: url("d8c064e6-a343-412a-bd95-d41f62b66f5b") 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: 400;
  font-display: swap;
  src: url("8bb4e90a-bc10-42f1-a857-7ba4d8424589") 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: 400;
  font-display: swap;
  src: url("dde235cd-1f94-4465-8b53-af117cd7414e") 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: 400;
  font-display: swap;
  src: url("56a0d08f-502d-4a37-87d7-5c43749e7c3a") 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: 400;
  font-display: swap;
  src: url("59f5a5c5-329f-4aad-a63e-5bcab8667ed2") 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: 400;
  font-display: swap;
  src: url("7f16f0e1-1161-4906-ac28-4f03d177d939") 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: 400;
  font-display: swap;
  src: url("d8c064e6-a343-412a-bd95-d41f62b66f5b") 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: 500;
  font-display: swap;
  src: url("8bb4e90a-bc10-42f1-a857-7ba4d8424589") 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: 500;
  font-display: swap;
  src: url("dde235cd-1f94-4465-8b53-af117cd7414e") 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: 500;
  font-display: swap;
  src: url("56a0d08f-502d-4a37-87d7-5c43749e7c3a") 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: 500;
  font-display: swap;
  src: url("59f5a5c5-329f-4aad-a63e-5bcab8667ed2") 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: 500;
  font-display: swap;
  src: url("7f16f0e1-1161-4906-ac28-4f03d177d939") 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: 500;
  font-display: swap;
  src: url("d8c064e6-a343-412a-bd95-d41f62b66f5b") 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;
}

:root{
    --ink: #f3ece1;
    --ink-dim: rgba(243,236,225,0.62);
    --ink-faint: rgba(243,236,225,0.32);
    --rule: rgba(243,236,225,0.18);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background:#0a0a0c;color:var(--ink);font-family:"Cormorant Garamond", serif;}
  body{height:100vh;height:100svh;overflow:hidden;}

  /* ---------- HEADER STAGE ---------- */
  .stage{
    position:relative;
    width:100%;
    height:100vh;
    min-height:680px;
    overflow:hidden;
    isolation:isolate;
    background:#0a0a0c;
    cursor:crosshair;touch-action:none;-webkit-touch-callout:none;
  }
  canvas.shader{
    position:absolute;inset:0;
    width:100%;height:100%;
    display:block;
    z-index:0;
  }
  /* film grain + vignette overlay sits above shader, under text */
  .grain{
    position:absolute;inset:0;
    pointer-events:none;
    z-index:1;
    background:
      radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0,0,0,0.55) 100%),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.06 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
    mix-blend-mode:overlay;
    opacity:.55;
  }

  /* ---------- HEADER CHROME (top bar) ---------- */
  .topbar{
    position:absolute;top:0;left:0;right:0;
    z-index:3;
    display:flex;align-items:center;justify-content:space-between;
    padding:22px 32px;
    font-family:"JetBrains Mono",monospace;
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ink-dim);
    pointer-events:none;
  }
  .topbar .mono{display:flex;gap:18px;align-items:center}
  .topbar .dot{
    width:6px;height:6px;border-radius:50%;
    background:#e6c89a;
    box-shadow:0 0 8px rgba(230,200,154,.8);
    animation:pulse 2.4s ease-in-out infinite;
  }
  @keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}

  /* ---------- CENTER MARK ---------- */
  .mark{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;
    pointer-events:none;
    padding:0 24px;
  }
  .eyebrow{
    font-family:"JetBrains Mono",monospace;
    font-size:11px;
    letter-spacing:.42em;
    text-transform:uppercase;
    color:var(--ink-dim);
    margin-bottom:22px;
    display:flex;align-items:center;gap:14px;
  }
  .eyebrow .bar{width:42px;height:1px;background:var(--rule)}

  .title{
    font-family:"Cormorant Garamond", serif;
    font-style:italic;
    font-weight:300;
    font-size:clamp(56px, 13vw, 220px);
    line-height:.92;
    letter-spacing:-.02em;
    color:var(--ink);
    margin:0;
    text-shadow:0 2px 40px rgba(0,0,0,.35);
    text-wrap:balance;
    max-width:14ch;
  }
  .title .amp{
    font-style:italic;
    font-weight:300;
    display:inline-block;
    transform:translateY(.05em);
    color:#e6c89a;
  }

  .subtitle{
    margin-top:22px;
    font-family:"JetBrains Mono",monospace;
    font-size:clamp(12px, 1.5vw, 16px);
    letter-spacing:.32em;
    text-transform:uppercase;
    color:var(--ink);
    display:flex;align-items:center;justify-content:center;gap:18px;
    flex-wrap:wrap;
  }
  .subtitle .sep{
    width:5px;height:5px;border-radius:50%;background:#e6c89a;
  }

  /* ---------- COUNTDOWN ---------- */
  .countdown{
    margin-top:36px;
    display:flex;align-items:flex-start;gap:28px;
    color:var(--ink);
    pointer-events:none;
  }
  .cd-cell{
    display:flex;flex-direction:column;align-items:center;
    min-width:64px;
  }
  .cd-num{
    font-family:"Cormorant Garamond", serif;
    font-weight:300;
    font-size:46px;
    line-height:1;
    letter-spacing:-.01em;
    font-variant-numeric:tabular-nums;
    color:var(--ink);
  }
  .cd-label{
    margin-top:8px;
    font-family:"JetBrains Mono",monospace;
    font-size:10px;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--ink-dim);
  }
  .cd-sep{
    font-family:"Cormorant Garamond", serif;
    font-weight:300;
    font-size:36px;
    color:var(--ink-faint);
    line-height:1.1;
  }

  /* ---------- SHADER SWITCHER ---------- */
  .switcher{
    position:absolute;
    right:32px;bottom:32px;
    z-index:4;
    display:flex;flex-direction:column;gap:10px;
    font-family:"JetBrains Mono",monospace;
    font-size:10px;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:var(--ink-dim);
  }
  .switcher .label{margin-bottom:6px;opacity:.55;text-align:right}
  .switcher .row{
    display:flex;gap:8px;align-items:center;
    justify-content:flex-end;
    cursor:pointer;
    user-select:none;
    padding:6px 2px 6px 12px;
    transition:color .25s ease;
  }
  .switcher .row:hover{color:var(--ink)}
  .switcher .row .swatch{
    width:22px;height:22px;border-radius:2px;
    border:1px solid rgba(243,236,225,0.18);
    position:relative;overflow:hidden;
  }
  .switcher .row .swatch::before{
    content:"";position:absolute;inset:0;
  }
  .switcher .row[data-i="0"] .swatch::before{background:linear-gradient(135deg,#c9c4bd,#3b3b40 60%,#0c0c10)}
  .switcher .row[data-i="1"] .swatch::before{background:linear-gradient(135deg,#1a3340,#5cd0a8 50%,#a37bd6)}
  .switcher .row[data-i="2"] .swatch::before{background:linear-gradient(135deg,#1a0d18,#e6c89a 60%,#7a3d52)}
  .switcher .row[data-i="3"] .swatch::before{background:radial-gradient(circle at 30% 30%,#f0d4a8,#7a3d52 60%,#0a0612)}
  .switcher .row[data-i="4"] .swatch::before{background:radial-gradient(circle at 50% 50%,#fff8e7 0,#0a0a0c 60%)}
  .switcher .row.active{color:var(--ink)}
  .switcher .row.active .swatch{border-color:#e6c89a;box-shadow:0 0 0 2px rgba(230,200,154,.18)}
  .switcher .row .name{min-width:120px;text-align:right}

  /* ---------- LEFT META ---------- */
  .leftmeta{
    position:absolute;left:32px;bottom:32px;
    z-index:3;
    font-family:"JetBrains Mono",monospace;
    font-size:10px;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--ink-dim);
    display:flex;flex-direction:column;gap:6px;
    pointer-events:none;
  }
  .leftmeta .strong{color:var(--ink)}

  /* ---------- HINT ---------- */
  .hint{
    position:absolute;
    left:50%;top:32px;
    transform:translateX(-50%);
    z-index:3;
    font-family:"JetBrains Mono",monospace;
    font-size:10px;
    letter-spacing:.32em;
    text-transform:uppercase;
    color:var(--ink-faint);
    pointer-events:none;
  }

  /* corner crops */
  .crop{position:absolute;width:18px;height:18px;border-color:var(--ink-faint);border-style:solid;border-width:0;z-index:3;pointer-events:none}
  .crop.tl{top:18px;left:18px;border-top-width:1px;border-left-width:1px}
  .crop.tr{top:18px;right:18px;border-top-width:1px;border-right-width:1px}
  .crop.bl{bottom:18px;left:18px;border-bottom-width:1px;border-left-width:1px}
  .crop.br{bottom:18px;right:18px;border-bottom-width:1px;border-right-width:1px}

  @media (max-width:900px){
    .hint{display:none}
    .topbar{padding:14px 18px;font-size:10px;letter-spacing:.14em}
    .topbar .mono{gap:12px}
    .crop{width:14px;height:14px}
    .crop.tl{top:12px;left:12px}
    .crop.tr{top:12px;right:12px}
    .crop.bl{bottom:12px;left:12px}
    .crop.br{bottom:12px;right:12px}
    .eyebrow{font-size:9px;letter-spacing:.32em;margin-bottom:14px;gap:10px}
    .eyebrow .bar{width:24px}
    .mark{padding:0 16px}
    .subtitle{gap:10px;letter-spacing:.22em;margin-top:16px;font-size:14px}
    .switcher{right:14px;bottom:14px;gap:8px}
    .switcher .label{display:none}
    .switcher .row{padding:4px 0}
    .switcher .row .name{display:none}
    .switcher .row .swatch{width:20px;height:20px}
    .countdown{gap:10px;margin-top:24px}
    .cd-cell{min-width:42px}
    .cd-num{font-size:30px}
    .cd-label{font-size:9px;letter-spacing:.18em;margin-top:6px}
    .cd-sep{font-size:26px}
    .leftmeta{left:14px;bottom:14px;font-size:9px;letter-spacing:.18em}
  }
  @media (max-width:480px){
    .stage{min-height:0;height:100svh}
    .topbar .mono:nth-child(2){display:none}
    .countdown{gap:6px;margin-top:18px}
    .cd-cell{min-width:36px}
    .cd-num{font-size:24px}
    .cd-sep{font-size:20px}
    .leftmeta{font-size:7px;letter-spacing:.12em;left:12px;bottom:12px;gap:3px}
    .subtitle{letter-spacing:.18em;font-size:12px}
  }