/* fonts.css */
@font-face {
  font-family: "Brygada 1918";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/brygada-1918-latin-ext-wght-normal.woff2?v=d95d916d) 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;
}
@font-face {
  font-family: "Brygada 1918";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/brygada-1918-latin-wght-normal.woff2?v=e5f15ca6) 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: "Brygada 1918";
  font-style: italic;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/brygada-1918-latin-ext-wght-italic.woff2?v=d5ad346c) 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;
}
@font-face {
  font-family: "Brygada 1918";
  font-style: italic;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/brygada-1918-latin-wght-italic.woff2?v=a0de27c9) 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: "Libre Franklin";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/libre-franklin-latin-ext-wght-normal.woff2?v=61216d8e) 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;
}
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/libre-franklin-latin-wght-normal.woff2?v=52e60585) 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: "Libre Franklin";
  font-style: italic;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/libre-franklin-latin-ext-wght-italic.woff2?v=f405e646) 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;
}
@font-face {
  font-family: "Libre Franklin";
  font-style: italic;
  font-display: swap;
  font-weight: 400 700;
  src: url(/fonts/libre-franklin-latin-wght-italic.woff2?v=c9fb9170) 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-fallbacks.css */
@font-face {
  font-family: "Brygada 1918 Fallback";
  font-style: normal;
  font-weight: 400;
  src: local("Georgia");
  size-adjust: 104.76%;
  ascent-override: 87.82%;
  descent-override: 23.87%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Brygada 1918 Fallback";
  font-style: normal;
  font-weight: 700;
  src: local("Georgia Bold"), local("Georgia-Bold");
  size-adjust: 92.95%;
  ascent-override: 98.98%;
  descent-override: 26.90%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Brygada 1918 Fallback";
  font-style: italic;
  font-weight: 400;
  src: local("Georgia Italic"), local("Georgia-Italic");
  size-adjust: 96.79%;
  ascent-override: 95.05%;
  descent-override: 25.83%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Libre Franklin Fallback";
  font-style: normal;
  font-weight: 400;
  src: local("Arial"), local("ArialMT");
  size-adjust: 104.31%;
  ascent-override: 92.61%;
  descent-override: 23.58%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Libre Franklin Fallback";
  font-style: normal;
  font-weight: 700;
  src: local("Arial Bold"), local("Arial-BoldMT");
  size-adjust: 100.21%;
  ascent-override: 96.40%;
  descent-override: 24.55%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Libre Franklin Fallback";
  font-style: italic;
  font-weight: 400;
  src: local("Arial Italic"), local("Arial-ItalicMT");
  size-adjust: 104.31%;
  ascent-override: 92.61%;
  descent-override: 23.58%;
  line-gap-override: 0%;
}

/* home.css */

body{margin:0}
@media (prefers-reduced-motion: no-preference){
}
.src-evening {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press: 160ms; --dur-ui: 220ms; --dur-reveal: 700ms; --dur-story: 1100ms; --stagger: 60ms;
  --word: 65ms;
  --navy: oklch(25.5% 0.031 260);
  --navy-deep: oklch(21.5% 0.03 262);
  --navy-lift: oklch(30.5% 0.034 258);
  --navy-line: oklch(40% 0.035 258);
  --edge: oklch(64% 0.03 78);
  --cream: oklch(97.4% 0.008 85);
  --cream-soft: oklch(87% 0.022 82);
  --gold: oklch(65.2% 0.132 81.6);
  --gold-light: oklch(80% 0.115 82);
  --gold-fill: oklch(75% 0.13 80);
  --gold-display: oklch(58% 0.12 79);
  --gold-ink: oklch(50% 0.105 76);
  --burgundy: oklch(40.1% 0.095 15);
  --burgundy-deep: oklch(34% 0.09 15);
  --paper: oklch(95.6% 0.018 84);
  --paper-deep: oklch(92.6% 0.026 82);
  --card: oklch(98.2% 0.008 86);
  --field: oklch(99.2% 0.004 85);
  --ink: oklch(25.5% 0.031 260);
  --ink-soft: oklch(38% 0.03 258);
  --ink-line: oklch(56% 0.025 258);
  --field-line: oklch(50% 0.03 258);
  --leaf-1: oklch(96.5% 0.01 86);
  --leaf-2: oklch(87% 0.02 80);
  --leaf-3: oklch(78% 0.025 76);
  --shadow: oklch(20% 0.03 262 / .38);
  --fg: var(--ink);
  --fg-soft: var(--ink-soft);
  --accent: var(--gold-ink);
  --focus: var(--navy);
  --hair: oklch(25.5% 0.031 260 / .16);
  --hair-strong: oklch(25.5% 0.031 260 / .34);
  --font-display: "Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --font-body: "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-label: 0.875rem;
  --fs-body: clamp(1.125rem, 1.06rem + 0.25vw, 1.25rem);
  --fs-lead: clamp(1.5rem, 1.3rem + 0.4vw, 1.5625rem);
  --fs-q: clamp(2.125rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-h1: clamp(2.75rem, 1.7rem + 4vw, 4.75rem);
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --section: clamp(4rem, 2.5rem + 5vw, 8rem);
  --gutter: clamp(1rem, 4vw, 3rem);
  --col-gap: clamp(2rem, 1rem + 4vw, 5rem);
  --overlap: clamp(3.5rem, 2rem + 4vw, 6.5rem);
  --radius: 6px;
  position: relative;
  background: var(--paper);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: oklch(75% 0.13 80 / .3);
}
.src-evening .night {
  --fg: var(--cream);
  --fg-soft: var(--cream-soft);
  --accent: var(--gold-light);
  --focus: var(--gold-light);
  --hair: var(--navy-line);
  --hair-strong: var(--edge);
  background: var(--navy);
  color: var(--fg);
  line-height: 1.7;
}
.src-evening *, .src-evening *::before, .src-evening *::after { box-sizing: border-box; }
:where(.src-evening) h2, :where(.src-evening) h3, :where(.src-evening) p, :where(.src-evening) figure,
:where(.src-evening) ul, :where(.src-evening) ol { margin: 0; }
:where(.src-evening) ul, :where(.src-evening) ol { padding: 0; list-style: none; }
:where(.src-evening) img { display: block; max-width: 100%; height: auto; }
:where(.src-evening) a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
:where(.src-evening) a:hover { text-decoration-thickness: 2px; }
:where(.src-evening) :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
:where(.src-evening) h2, :where(.src-evening) h3 { text-wrap: balance; }
:where(.src-evening) p, :where(.src-evening) li { text-wrap: pretty; }

.src-evening .wrap { width: min(100% - 2 * var(--gutter), 76rem); margin-inline: auto; }

.src-evening .label {
  font-family: var(--font-body); font-size: var(--fs-label); font-weight: 600;
  line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--accent);
}
.src-evening .caption { margin-top: var(--space-sm); font-size: var(--fs-body); line-height: 1.5; color: var(--fg-soft); }

.src-evening .arrow-link {
  display: inline-flex; align-items: center; gap: 0.5rem; min-height: 44px;
  font-weight: 500; color: var(--fg);
  text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 0.3em;
}
.src-evening .arrow-link svg {
  flex: none; width: 18px; height: 18px;
  fill: none; stroke: var(--accent); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}

.src-evening .btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3.5rem; padding: 0.75rem var(--space-lg);
  border: 0; border-radius: var(--radius);
  font-family: var(--font-body); font-size: var(--fs-body); font-weight: 600; line-height: 1.2;
  text-align: center; text-decoration: none; cursor: pointer;
}
.src-evening .turn > .wrap { padding-block: var(--section); }
.src-evening .kicker { margin-bottom: var(--space-sm); }
.src-evening .q {
  max-width: 14em;
  font-family: var(--font-display); font-style: italic; font-weight: 500;
  font-size: var(--fs-q); line-height: 1.1; letter-spacing: -0.005em;
  color: var(--fg);
}
.src-evening .qm { color: var(--gold-display); font-weight: 600; }
.src-evening .answer { max-width: 31em; font-size: var(--fs-lead); line-height: 1.55; color: var(--fg); }
.src-evening .answer strong { font-weight: 600; }
.src-evening .q + .answer { margin-top: var(--space-md); }
.src-evening .print-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--space-2xl) var(--col-gap); align-items: center; }
.src-evening .print-stage { grid-column: 1; grid-row: 1; display: grid; grid-template-columns: minmax(0, 10fr) minmax(0, 3fr) minmax(0, 9fr); align-items: end; width: 100%; max-width: 36rem; container-type: inline-size; }
.src-evening .print-copy { grid-column: 2; grid-row: 1; }
.src-evening .book {
  --cover-open: -62deg;
  grid-column: 1 / 3; grid-row: 1; position: relative; z-index: 2;
  aspect-ratio: 324 / 464; border-radius: 2px 5px 5px 2px;
  box-shadow:
    2px 0 0 -1px var(--leaf-1),
    4px 1px 0 -2px var(--leaf-2),
    6px 1px 0 -2px var(--leaf-1),
    8px 2px 0 -3px var(--leaf-3),
    0 1.5rem 2rem -1.25rem var(--shadow);
  container-type: inline-size;
  perspective: 2600px;
  perspective: 450cqi;
  perspective-origin: 50% 100%;
}
.src-evening .book-page {
  position: absolute; inset: 0; overflow: hidden; border-radius: inherit;
  display: flex; flex-direction: column; align-items: flex-end;
  padding: 30cqi 9cqi 0;
  background: var(--leaf-1); color: var(--ink);
}
.src-evening .book-page::before {
  content: ""; position: absolute; inset: 0 auto 0 0; width: 30%; pointer-events: none;
  background: linear-gradient(90deg, oklch(28% 0.03 70 / .2), oklch(28% 0.03 70 / 0));
}
.src-evening .page-kicker { font-family: var(--font-body); font-size: 3.6cqi; font-weight: 600; line-height: 1.2; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-ink); }
.src-evening .page-title {
  margin-top: 2.4cqi; max-width: 42cqi;
  font-family: var(--font-display); font-style: italic; font-weight: 500;
  font-size: 5.8cqi; line-height: 1.18; text-align: right; text-wrap: balance; color: var(--ink);
}
.src-evening .page-rule { margin-top: 4cqi; width: 10cqi; height: 0.5cqi; background: var(--gold); }
.src-evening .page-lines { align-self: stretch; display: grid; gap: 3.4cqi; margin-top: 9cqi; }
.src-evening .page-lines span { display: block; height: 0.9cqi; border-radius: 1cqi; background: oklch(56% 0.025 258 / .4); }
.src-evening .page-lines span:last-child { width: 58%; }
.src-evening .book-cover {
  position: absolute; inset: 0; overflow: hidden; border-radius: inherit;
  transform-origin: 0 50%; transform: rotateY(var(--cover-open));
  will-change: transform;
}
.src-evening .book-cover img { position: absolute; max-width: none; width: 209.877%; height: auto; left: -54.938%; top: -56.034%; }
.src-evening .book-cover::before { content: ""; position: absolute; z-index: 1; inset: 0 auto 0 0; width: 6%; background: oklch(22% 0.02 60 / .24); border-radius: 2px 0 0 2px; }
.src-evening .book-cover::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 7%; width: 1px; background: oklch(97% 0.01 85 / .4); }
.src-evening .spine-light {
  position: absolute; z-index: 2; inset: 0 auto 0 0; width: 10%; pointer-events: none;
  background: linear-gradient(90deg, oklch(80% 0.115 82 / 0), oklch(80% 0.115 82 / .5) 42%, oklch(80% 0.115 82 / 0) 88%);
}
.src-evening .print-phone { grid-column: 2 / 4; grid-row: 1; position: relative; z-index: 1; width: 100%; margin-bottom: -8%; }
.src-evening .shelf { grid-column: 1 / -1; grid-row: 2; height: 1px; background: var(--gold); }
.src-evening .print-stage .caption { grid-column: 1 / -1; grid-row: 3; }
.src-evening .print-copy .arrow-link { margin-top: var(--space-md); }
.src-evening .wordmark {
  display: inline-flex; align-items: center; min-height: 44px;
  font-family: var(--font-display); font-weight: 700; font-size: 1.375rem;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--cream); text-decoration: none;
}
.src-evening .site-footer { background: var(--navy-deep); padding-block: var(--space-2xl) var(--space-xl); }
.src-evening .footer-grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-lg) var(--col-gap); align-items: start; }
.src-evening .tagline { margin-top: var(--space-3xs); font-family: var(--font-display); font-style: italic; color: var(--cream-soft); }
.src-evening .footer-links { display: flex; flex-wrap: wrap; gap: 0 var(--space-lg); }
.src-evening .footer-links a, .src-evening .linklike {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0;
  background: none; border: 0;
  color: var(--cream-soft); font-family: var(--font-body); font-size: var(--fs-body);
  text-decoration: none; cursor: pointer;
}
.src-evening .footer-links a:hover, .src-evening .linklike:hover { color: var(--cream); text-decoration: underline; text-decoration-color: var(--gold); }
.src-evening .footer-base {
  grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between;
  gap: var(--space-2xs) var(--space-lg);
  padding-top: var(--space-md); border-top: 1px solid var(--navy-line);
  font-size: 1rem; color: var(--cream-soft);
}
.src-evening .cookie-dock { background: var(--navy-deep); padding-block: var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--navy-line); }
.src-evening .cookie {
  --fg: var(--ink);
  --fg-soft: var(--ink-soft);
  --focus: var(--navy);
  max-width: 46rem; padding: var(--space-lg);
  background: var(--cream); color: var(--fg);
  border-radius: 8px; line-height: 1.6;
  box-shadow: 0 1.5rem 3rem -1rem oklch(12% 0.03 262 / .6);
}
.src-evening .cookie-title { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-lead); line-height: 1.25; }
.src-evening .cookie p { margin-top: var(--space-xs); }
.src-evening .cookie p a { font-weight: 500; text-decoration-color: var(--burgundy); }
.src-evening .cookie-actions {
  display: grid; grid-template-columns: repeat(2, minmax(0, 10rem)) auto;
  justify-content: start; align-items: center; gap: var(--space-sm);
  margin-top: var(--space-md);
}
.src-evening .btn-outline { min-height: 3rem; padding-inline: var(--space-md); background: transparent; color: var(--navy); border: 2px solid var(--navy); }
.src-evening .btn-outline:hover { background: oklch(25.5% 0.031 260 / .08); }
.src-evening .btn-text {
  min-height: 44px; padding: 0 var(--space-xs);
  background: none; border: 0; color: var(--navy);
  font-family: var(--font-body); font-size: var(--fs-body); font-weight: 500;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em;
  cursor: pointer;
}
.src-evening .btn-text:hover { text-decoration-thickness: 2px; }
@media (max-width: 900px) {
  .src-evening .print-grid, .src-evening .footer-grid{ grid-template-columns: minmax(0, 1fr); }
  .src-evening .print-stage, .src-evening .print-copy { grid-column: auto; grid-row: auto; }
  .src-evening .print-stage { max-width: 30rem; }
}
@media (max-width: 560px) {
  :where(.src-evening) h2, :where(.src-evening) h3, :where(.src-evening) p,
  :where(.src-evening) li { hyphens: auto; hyphenate-limit-chars: 10 4 4; }
  .src-evening .wordmark { font-size: 1.25rem; }

  .src-evening .print-stage { max-width: 22rem; }
  .src-evening .cookie { padding: var(--space-md); }
  .src-evening .cookie-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .src-evening .btn-text { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 380px) {
  .src-evening .wordmark { font-size: 1.125rem; letter-spacing: 0.08em; }
}
@property --in {
  syntax: "<integer>";
  inherits: true;
  initial-value: 1;
}
.src-evening .turn .q { --rv-d: var(--stagger); }
.src-evening .turn .answer { --rv-d: calc(var(--stagger) * 2); }
@keyframes ev-arm { from, to { --in: 0; } }

@media (prefers-reduced-motion: no-preference) {
  .src-evening .btn { transition: transform var(--dur-press) var(--ease-out); }
  .src-evening .btn:active:not(:focus-visible) { transform: scale(.97); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .src-evening .arrow-link svg { transition: transform var(--dur-ui) var(--ease-out); }
  .src-evening .arrow-link:hover svg { transform: translateX(3px); }
}
@media (prefers-reduced-motion: no-preference) and (max-height: 3000px) {
  @supports (animation-timeline: view()) {
    .src-evening .turn, .src-evening .book {
      animation: ev-arm auto linear backwards;
      animation-timeline: view();
    }
    .src-evening .turn { animation-range: entry 0% entry calc(var(--section) + 5rem); }
    .src-evening .book { animation-range: entry 0% entry 70%; }
    .src-evening .turn :is(.kicker,.q,.answer){
      transition: opacity var(--dur-reveal) var(--ease-out) var(--rv-d, 0ms), transform var(--dur-reveal) var(--ease-out) var(--rv-d, 0ms);
    }
    .src-evening .book-cover { transition: transform var(--dur-story) var(--ease-in-out); }
    .src-evening .spine-light { transition: opacity 900ms var(--ease-out) 450ms; }
    @container style(--in: 0) {
      .src-evening .turn :is(.kicker,.q,.answer):not(:focus-within){ opacity: 0; transform: translateY(1rem); transition-duration: 200ms; transition-delay: 0s; }
      .src-evening .book-cover { transform: rotateY(0deg); transition-duration: 450ms; transition-timing-function: var(--ease-out); }
      .src-evening .spine-light { opacity: 0; transition-duration: 200ms; transition-delay: 0s; }
    }
    .src-evening .turn :is(.kicker,.q,.answer):focus-within,.src-evening :is(.turn):target :is(.kicker,.q,.answer,.book-cover,.spine-light){ transition: none; }
  }
}
.src-evening-cream {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press: 160ms; --dur-ui: 220ms; --dur-reveal: 700ms; --dur-story: 1100ms; --stagger: 60ms;
  --word: 65ms;
  --navy: oklch(25.5% 0.031 260);
  --navy-deep: oklch(21.5% 0.03 262);
  --navy-lift: oklch(30.5% 0.034 258);
  --navy-line: oklch(40% 0.035 258);
  --edge: oklch(64% 0.03 78);
  --cream: oklch(97.4% 0.008 85);
  --cream-soft: oklch(87% 0.022 82);
  --gold: oklch(65.2% 0.132 81.6);
  --gold-light: oklch(80% 0.115 82);
  --gold-fill: oklch(75% 0.13 80);
  --gold-display: oklch(58% 0.12 79);
  --gold-ink: oklch(50% 0.105 76);
  --burgundy: oklch(40.1% 0.095 15);
  --burgundy-deep: oklch(34% 0.09 15);
  --paper: oklch(95.6% 0.018 84);
  --paper-deep: oklch(92.6% 0.026 82);
  --card: oklch(98.2% 0.008 86);
  --field: oklch(99.2% 0.004 85);
  --ink: oklch(25.5% 0.031 260);
  --ink-soft: oklch(38% 0.03 258);
  --ink-line: oklch(56% 0.025 258);
  --field-line: oklch(50% 0.03 258);
  --leaf-1: oklch(96.5% 0.01 86);
  --leaf-2: oklch(87% 0.02 80);
  --leaf-3: oklch(78% 0.025 76);
  --shadow: oklch(20% 0.03 262 / .38);
  --day: oklch(97.3% 0.007 88.6);
  --day-shade: oklch(86.5% 0.026 82);
  --wash: oklch(25.5% 0.031 260 / .08);
  --wash-accent: oklch(40.1% 0.095 15 / .08);
  --fg: var(--ink);
  --fg-soft: var(--ink-soft);
  --accent: var(--burgundy);
  --focus: var(--navy);
  --hair: oklch(25.5% 0.031 260 / .16);
  --hair-strong: oklch(25.5% 0.031 260 / .34);
  --font-display: "Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --font-body: "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-label: 0.875rem;
  --fs-body: clamp(1.125rem, 1.06rem + 0.25vw, 1.25rem);
  --fs-lead: clamp(1.5rem, 1.3rem + 0.4vw, 1.5625rem);
  --fs-q: clamp(2.125rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-h1: clamp(2.75rem, 1.7rem + 4vw, 4.75rem);
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --section: clamp(4rem, 2.5rem + 5vw, 8rem);
  --gutter: clamp(1rem, 4vw, 3rem);
  --col-gap: clamp(2rem, 1rem + 4vw, 5rem);
  --overlap: clamp(3.5rem, 2rem + 4vw, 6.5rem);
  --radius: 6px;

  position: relative;
  background: var(--paper);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: break-word;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: oklch(40.1% 0.095 15 / .15);
}
.src-evening-cream .night {
  --fg: var(--ink);
  --fg-soft: var(--ink-soft);
  --accent: var(--burgundy);
  --focus: var(--navy);
  --hair: oklch(25.5% 0.031 260 / .16);
  --hair-strong: oklch(25.5% 0.031 260 / .34);
  background: var(--day);
  color: var(--fg);
  line-height: 1.7;
}
.src-evening-cream *, .src-evening-cream *::before, .src-evening-cream *::after { box-sizing: border-box; }
:where(.src-evening-cream) h1, :where(.src-evening-cream) p, :where(.src-evening-cream) figure, :where(.src-evening-cream) blockquote { margin: 0; }
:where(.src-evening-cream) img { display: block; max-width: 100%; height: auto; }
:where(.src-evening-cream) a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
:where(.src-evening-cream) a:hover { text-decoration-thickness: 2px; }
:where(.src-evening-cream) :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
:where(.src-evening-cream) h1 { text-wrap: balance; }
:where(.src-evening-cream) p { text-wrap: pretty; }
.src-evening-cream .wrap { width: min(100% - 2 * var(--gutter), 76rem); margin-inline: auto; }
.src-evening-cream .label {
  font-family: var(--font-body); font-size: var(--fs-label); font-weight: 600;
  line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--accent);
}
.src-evening-cream .arrow-link {
  display: inline-flex; align-items: center; gap: 0.5rem; min-height: 44px;
  font-weight: 500; color: var(--fg);
  text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 0.3em;
}
.src-evening-cream .arrow-link svg {
  flex: none; width: 18px; height: 18px;
  fill: none; stroke: var(--accent); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
.src-evening-cream .badge-link { display: inline-block; flex: none; line-height: 0; border-radius: 10px; }
.src-evening-cream .badge { width: auto; height: 56px; }
.src-evening-cream .cta-note { font-weight: 500; line-height: 1.4; color: var(--fg); }
.src-evening-cream .cta-note strong { font-weight: 700; color: var(--accent); }
.src-evening-cream .hero { position: relative; isolation: isolate; padding-block: clamp(1.5rem, 0.5rem + 3vw, 4rem) calc(var(--section) * .75 + var(--overlap)); }
.src-evening-cream .hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 64rem 36rem at 20% 16%, oklch(85% 0.075 72 / .26), oklch(85% 0.075 72 / 0) 72%);
}
.src-evening-cream .hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: var(--space-2xl) var(--col-gap); align-items: start; }
.src-evening-cream .ask-quote { margin-top: var(--space-xs); }
.src-evening-cream .ask-quote p {
  max-width: 15.5em;
  font-family: var(--font-display); font-style: italic; font-weight: 400;
  font-size: var(--fs-q); line-height: 1.16; color: var(--ink);
  text-indent: -0.42em;
}
.src-evening-cream .hang { color: var(--burgundy); }
.src-evening-cream .wave { display: block; width: min(100%, 24rem); height: auto; margin-top: var(--space-md); overflow: visible; }
.src-evening-cream .wave .bar { fill: var(--burgundy); }
.src-evening-cream .wave .ln { fill: none; stroke: var(--ink-line); stroke-width: 3.5px; stroke-linecap: round; }
.src-evening-cream .wave .ln-gold { stroke: var(--burgundy); }
.src-evening-cream .hero-title {
  margin-top: var(--space-xl); max-width: 10.5em;
  font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-h1); line-height: 1.02; letter-spacing: -0.012em;
  color: var(--ink);
}
.src-evening-cream .definition { margin-top: var(--space-md); max-width: 33em; color: var(--ink); }
.src-evening-cream .hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-md); margin-top: var(--space-lg); }
.src-evening-cream .alt-path { margin-top: var(--space-xs); }
.src-evening-cream .hero-visual { display: grid; grid-template-columns: minmax(0, 30fr) minmax(0, 14fr) minmax(0, 56fr); align-items: end; }
.src-evening-cream .window { grid-column: 2 / 4; grid-row: 1; position: relative; }
.src-evening-cream .window::before {
  content: ""; position: absolute; inset: -0.625rem -0.625rem 0;
  border: 1px solid var(--gold); border-bottom: 0;
  border-radius: 999px 999px 0 0; pointer-events: none;
}
.src-evening-cream .window-img {
  width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: 0% 50%;
  border-radius: 999px 999px 0 0; background: var(--paper-deep);
}
.src-evening-cream .hero-book {
  --hb-turn-closed: -28deg; --hb-turn-open: 0deg; --hb-swing: -100deg;
  grid-column: 1 / 3; grid-row: 1; align-self: end; justify-self: end;
  position: relative; z-index: 2; width: 90%;
}
.src-evening-cream .hb-settle { position: relative; perspective: 1600px; }
.src-evening-cream .hb-book { --hb-t: clamp(1.25rem, 2vw, 1.75rem); position: relative; width: 100%; aspect-ratio: 325 / 467; transform-style: preserve-3d; transform: rotateY(var(--hb-turn-closed)); }
.src-evening-cream .hb-back, .src-evening-cream .hb-cover { position: absolute; inset: 0; border-radius: 2px 4px 4px 2px; }
.src-evening-cream .hb-back { background: var(--burgundy-deep); transform: translateZ(calc(var(--hb-t) / -2)); box-shadow: -1rem 1.5rem 2.25rem -0.75rem var(--shadow); }
.src-evening-cream .hb-pages { position: absolute; top: 0.25rem; bottom: 0.25rem; right: 0.125rem; width: calc(var(--hb-t) - 0.125rem); background: repeating-linear-gradient(90deg, var(--day) 0 2px, var(--day-shade) 2px 3px); transform: translateX(calc((var(--hb-t) - 0.125rem) / 2)) rotateY(90deg); }
.src-evening-cream .hb-first { position: absolute; top: 2.5%; bottom: 2.5%; left: 0; right: 1.5%; display: flex; flex-direction: column; align-items: center; overflow: hidden; padding: 12% 9% 0; container-type: inline-size; background: oklch(98.5% 0.006 88); border-radius: 0 2px 2px 0; color: var(--ink); text-align: center; transform: translateZ(calc(var(--hb-t) / 2 - 2px)); }
.src-evening-cream .hb-run { font-family: var(--font-display); font-weight: 600; font-size: 0.5625rem; font-size: clamp(0.5625rem, 6.2cqi, 0.8125rem); font-variant-caps: all-small-caps; letter-spacing: 0.12em; line-height: 1.2; color: var(--ink-soft); }
.src-evening-cream .hb-orn { display: block; width: 30%; height: 1px; margin-top: 8%; background: var(--gold); }
.src-evening-cream .hb-chap { margin-top: 13%; font-family: var(--font-display); font-weight: 600; font-size: 0.75rem; font-size: clamp(0.75rem, 8.6cqi, 1.125rem); font-variant-caps: all-small-caps; letter-spacing: 0.08em; line-height: 1; color: var(--burgundy); }
.src-evening-cream .hb-ctitle { margin-top: 5%; font-family: var(--font-display); font-style: italic; font-weight: 500; font-size: 0.6875rem; font-size: clamp(0.6875rem, 8.4cqi, 1.0625rem); line-height: 1.2; text-wrap: balance; }
.src-evening-cream .hb-lines { display: grid; gap: 0.375rem; gap: 4.4cqi; width: 100%; margin-top: 11%; }
.src-evening-cream .hb-lines span { display: block; height: 1px; background: oklch(25.5% 0.031 260 / .3); }
.src-evening-cream .hb-lines span:first-child { margin-left: 12%; }
.src-evening-cream .hb-lines span:last-child { width: 55%; }
.src-evening-cream .hb-hinge { position: absolute; inset: 0; transform-style: preserve-3d; transform-origin: 0 50%; transform: translateZ(calc(var(--hb-t) / 2)) rotateY(0deg); }
.src-evening-cream .hb-cover { overflow: hidden; background: var(--paper-deep); backface-visibility: hidden; }
.src-evening-cream .hb-cover::after { content: ""; position: absolute; top: 0; bottom: 0; left: 6%; width: 1px; background: oklch(22% 0.02 60 / 0.35); box-shadow: 2px 0 0 oklch(97% 0.01 88 / 0.3); }
.src-evening-cream .hb-img { position: absolute; top: -55.246%; left: -54.462%; width: 209.231%; max-width: none; height: auto; }
.src-evening-cream .hb-inside { position: absolute; inset: 0; border-radius: 4px 2px 2px 4px; background: var(--paper-deep); box-shadow: inset 0 0 0 0.375rem var(--paper-deep), inset 0 0 0 calc(0.375rem + 1px) oklch(65.2% 0.132 81.6 / .28); transform: rotateY(180deg); backface-visibility: hidden; }
.src-evening-cream .hero-book.is-open .hb-book { transform: rotateY(var(--hb-turn-open)); }
.src-evening-cream .hero-book.is-open .hb-hinge { transform: translateZ(calc(var(--hb-t) / 2)) rotateY(var(--hb-swing)); }
.src-evening-cream .hb-look { position: absolute; inset: 0 0 -2.75rem; z-index: 1; display: flex; align-items: flex-end; justify-content: center; margin: 0; padding: 0; background: none; border: 0; border-radius: 2px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.src-evening-cream .hb-look-label { display: inline-flex; align-items: center; min-height: 2.75rem; font-family: var(--font-display); font-style: italic; font-size: 1rem; line-height: 1.2; white-space: nowrap; color: var(--burgundy); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.src-evening-cream .hb-look:hover .hb-look-label { color: var(--burgundy-deep); text-decoration-thickness: 2px; }
@media (max-width: 1100px) {
  .src-evening-cream .hero-book { width: 72%; }
}
.src-evening-cream .film-ico { flex: none; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--burgundy); color: var(--cream); }
.src-evening-cream .film-ico svg { width: 18px; height: 18px; margin-left: 2px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
.src-evening-cream .sill { grid-column: 1 / -1; grid-row: 2; height: 1px; background: var(--gold); }
@media (max-width: 1100px) {
  .src-evening-cream .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .src-evening-cream .hero-visual { width: 100%; max-width: 38rem; }
}
@media (max-width: 560px) {
  :where(.src-evening-cream) h1, :where(.src-evening-cream) p { hyphens: auto; hyphenate-limit-chars: 10 4 4; }
  .src-evening-cream .wave { margin-top: var(--space-sm); }
  .src-evening-cream .hero-title { margin-top: var(--space-lg); }
  .src-evening-cream .definition { margin-top: var(--space-sm); }
  .src-evening-cream .hero-cta { flex-wrap: nowrap; gap: var(--space-sm); margin-top: var(--space-md); }
  .src-evening-cream .hero .badge { height: 48px; }
  .src-evening-cream .hero-visual { grid-template-columns: minmax(0, 44fr) minmax(0, 12fr) minmax(0, 44fr); }
}
.src-evening-cream .d1 { --d: calc(var(--stagger) * 1); }
.src-evening-cream .d2 { --d: calc(var(--stagger) * 2); }
.src-evening-cream .d3 { --d: calc(var(--stagger) * 3); }
.src-evening-cream .d4 { --d: calc(var(--stagger) * 4); }
.src-evening-cream .d5 { --d: calc(var(--stagger) * 5); }
.src-evening-cream .wave .bar { transform-box: fill-box; transform-origin: 50% 50%; }
.src-evening-cream .wave .ln { transform-box: fill-box; transform-origin: 0 50%; }
.src-evening-cream .wave .ghost .bar { opacity: 0; }
.src-evening-cream .wave .bars:nth-of-type(2) { --g: 1; }
.src-evening-cream .wave .bars:nth-of-type(3) { --g: 2; }
.src-evening-cream .wave .bars:nth-of-type(4) { --g: 3; }
.src-evening-cream .wave .bars:nth-of-type(5) { --g: 4; }
.src-evening-cream .wave .bars:nth-of-type(6) { --g: 5; }
.src-evening-cream .wave .bars:nth-of-type(7) { --g: 6; }
.src-evening-cream .wave .row:nth-of-type(2) .ln:nth-of-type(1) { --g: 4; }
.src-evening-cream .wave .row:nth-of-type(2) .ln:nth-of-type(2) { --g: 5; }
.src-evening-cream .wave .row:nth-of-type(2) .ln:nth-of-type(3) { --g: 6; }
.src-evening-cream .wave .row:nth-of-type(1) .ln:nth-of-type(1) { --g: 7; }
.src-evening-cream .wave .row:nth-of-type(1) .ln:nth-of-type(2) { --g: 8; }
.src-evening-cream .wave .row:nth-of-type(1) .ln:nth-of-type(3) { --g: 9; }
.src-evening-cream .wave .row:nth-of-type(3) .ln:nth-of-type(1) { --g: 10; }
.src-evening-cream .wave .row:nth-of-type(3) .ln:nth-of-type(2) { --g: 11; }
@media (prefers-reduced-motion: no-preference) {
  .src-evening-cream .hero::before { animation: evc-fade var(--dur-story) var(--ease-out) both; }
  .src-evening-cream .enter { animation: evc-rise var(--dur-reveal) var(--ease-out) both; animation-delay: var(--d, 0ms); }
  .src-evening-cream .hero-title.enter, .src-evening-cream .hero-visual.enter { animation-name: evc-slide; }
  .src-evening-cream .wave .bar { animation: evc-bar var(--dur-reveal) var(--ease-out) both; animation-delay: calc(300ms + var(--g, 0) * var(--word)); }
  .src-evening-cream .wave .ghost .bar { animation: evc-ghost 1570ms linear both; animation-delay: calc(300ms + var(--g, 0) * var(--word)); }
  .src-evening-cream .wave .ln { animation: evc-ink 600ms var(--ease-out) both; animation-delay: calc(1320ms + var(--g, 0) * var(--word)); }
  .src-evening-cream .wave .ln-gold { animation-timing-function: var(--ease-in-out); animation-delay: calc(1300ms + var(--g, 0) * var(--word)); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .src-evening-cream .arrow-link svg { transition: transform var(--dur-ui) var(--ease-out); }
  .src-evening-cream .arrow-link:hover svg { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .src-evening-cream .enter { animation: evc-fade 200ms var(--ease-out) both; }
}
@media (prefers-reduced-motion: no-preference) {
  .src-evening-cream .hb-settle { animation: evc-hb-settle var(--dur-story) var(--ease-out) calc(var(--stagger) * 8) both; }
  .src-evening-cream .hb-book { animation: evc-hb-turn var(--dur-story) var(--ease-out) calc(var(--stagger) * 8) both; }
  .src-evening-cream .hb-book, .src-evening-cream .hb-hinge { transition: transform var(--dur-reveal) var(--ease-out); }
  .src-evening-cream .hb-book { transition-delay: var(--stagger); }
  .src-evening-cream .hero-book.is-open :is(.hb-book, .hb-hinge) { transition-duration: var(--dur-story); transition-timing-function: var(--ease-in-out); transition-delay: 0ms; }
  .src-evening-cream .hero-book.is-open .hb-hinge { transition-delay: calc(var(--stagger) * 2); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .src-evening-cream .hero-book:not(.no-hover):hover .hb-book { transform: rotateY(var(--hb-turn-open)); }
  .src-evening-cream .hero-book:not(.no-hover):hover .hb-hinge { transform: translateZ(calc(var(--hb-t) / 2)) rotateY(var(--hb-swing)); }
  .src-evening-cream .hero-book:not(.no-hover):hover :is(.hb-book, .hb-hinge) { transition-duration: var(--dur-story); transition-timing-function: var(--ease-in-out); transition-delay: 120ms; }
  .src-evening-cream .hero-book:not(.no-hover):hover .hb-hinge { transition-delay: 240ms; }
}
@media (prefers-reduced-motion: reduce) {
  .src-evening-cream .hero-book.is-open .hb-book { transform: rotateY(var(--hb-turn-closed)); }
  .src-evening-cream .hero-book.is-open .hb-hinge { transform: translateZ(calc(var(--hb-t) / 2)) rotateY(0deg); }
  .src-evening-cream .hero-book.is-open .hb-cover { opacity: 0; }
  .src-evening-cream .hb-cover { transition: opacity 200ms var(--ease-out); }
}
@media (prefers-reduced-motion: reduce) and (hover: hover) and (pointer: fine) {
  .src-evening-cream .hero-book:not(.no-hover):hover .hb-cover { opacity: 0; }
}
@keyframes evc-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); }
}
@keyframes evc-slide { from { transform: translateY(12px); } to { transform: translateY(0); } }
@keyframes evc-fade { from { opacity: 0; } to { opacity: 1; }
}
@keyframes evc-bar { 0% { opacity: 0; transform: scaleY(.1); } 30% { opacity: 1; } 100% { opacity: 1; transform: scaleY(1); }
}
@keyframes evc-ghost {
  0% { opacity: 0; transform: scaleY(.1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  13.38% { opacity: 1; }
  44.59% { transform: scaleY(1); }
  63.69% { transform: scaleY(1); animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
  84.08% { opacity: 1; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  90.45% { transform: scaleY(.1); }
  100% { opacity: 0; transform: scaleY(.1); }
}
@keyframes evc-ink { 0% { opacity: 0; transform: scaleX(.02); } 25% { opacity: 1; } 100% { opacity: 1; transform: scaleX(1); }
}
@keyframes evc-hb-settle { from { opacity: 0; translate: 0 -10px; } to { opacity: 1; translate: 0 0; }
}
@keyframes evc-hb-turn { from { rotate: y -12deg; } to { rotate: y 0deg; }
}
@media (min-width: 1101px) {
  .src-evening-cream .hero-visual { align-self: center; }
}
@property --fam-ink{syntax:'<number>';inherits:true;initial-value:1}
@keyframes fam-ink-in{from{--fam-ink:0}to{--fam-ink:1}}
@keyframes fam-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes fam-vtb-bar{0%{transform:scaleY(0.12)}72%{transform:scaleY(1.06)}100%{transform:scaleY(1)}}
@keyframes fam-vtb-page{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:none}}
@keyframes fam-vtb-close{from{transform:translateZ(calc(var(--t) / 2)) rotateY(-80deg)}to{transform:translateZ(calc(var(--t) / 2)) rotateY(0deg)}}
.src-family{
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press:160ms; --dur-ui:220ms; --dur-reveal:700ms; --dur-story:1100ms; --stagger:60ms;

  --paper:oklch(97.3% 0.007 88.6);
  --paper-edge:oklch(95% 0.012 86);
  --paper-deep:oklch(92% 0.02 84);
  --paper-shade:oklch(86.5% 0.026 82);
  --ink:oklch(25.5% 0.0313 260.4);
  --ink-soft:oklch(41% 0.035 260);
  --rule:oklch(25.5% 0.0313 260.4 / 0.16);
  --rule-mid:oklch(25.5% 0.0313 260.4 / 0.3);
  --rule-strong:oklch(25.5% 0.0313 260.4 / 0.52);
  --burgundy:oklch(40.1% 0.0948 15.1);
  --accent:var(--burgundy);
  --accent-deep:color-mix(in oklch, var(--accent) 76%, oklch(18% 0.03 260));
  --gold:oklch(65.2% 0.1322 81.6);
  --gold-light:oklch(82% 0.1 85);
  --gold-line:oklch(65.2% 0.1322 81.6 / 0.55);
  --gold-faint:oklch(65.2% 0.1322 81.6 / 0.28);
  --on-dark:oklch(97.3% 0.007 88.6);
  --on-dark-soft:oklch(86% 0.022 255);
  --shadow:oklch(25.5% 0.0313 260.4 / 0.32);
  --spine-slate:oklch(40% 0.045 260);
  --spine-ochre:oklch(48.9% 0.0863 79.6);
  --spine-cream:oklch(90% 0.03 85);
  --spine-rose:oklch(88% 0.03 22);
  --spine-oxblood:oklch(30% 0.075 15);
  --spine-tan:oklch(82% 0.05 80);
  --focus:var(--accent);

  --serif:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --sans:"Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-label:0.9rem;
  --fs-body:1.125rem;
  --fs-lead:1.4063rem;
  --fs-h3:1.7578rem;
  --fs-h2:clamp(2.1973rem, 1.6rem + 1.9vw, 2.7466rem);
  --fs-title:clamp(2.7466rem, 1.9rem + 2.7vw, 3.4332rem);
  --fs-display:clamp(2.7466rem, 1.2rem + 5.2vw, 5.3644rem);
  --space-3xs:0.25rem;
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --space-3xl:6rem;
  --section-y:clamp(4.5rem, 3rem + 5vw, 8rem);
  --opener-y:clamp(5.5rem, 3rem + 8vw, 10.5rem);
  --gutter:clamp(1.25rem, 4vw, 3rem);
  --grid-gap:clamp(1.5rem, 3vw, 3rem);
  position:relative;
  overflow-x:clip;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.6;
  font-kerning:normal;
  font-variant-numeric:lining-nums;
  hanging-punctuation:first allow-end last;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-tap-highlight-color:color-mix(in oklch, var(--burgundy) 14%, transparent);
  overflow-wrap:break-word;
}
.src-family *,.src-family *::before,.src-family *::after{box-sizing:border-box}
:where(.src-family) :where(h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote,table,caption){margin:0}
:where(.src-family) :where(ul,ol)[role="list"]{list-style:none;padding:0}
:where(.src-family) img{display:block;max-width:100%;height:auto}
:where(.src-family) button{font:inherit;color:inherit}
:where(.src-family) a{color:var(--accent);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
:where(.src-family) a:hover{color:var(--accent-deep);text-decoration-thickness:2px}
:where(.src-family) :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(.src-family) :where(p,li,dd,td,blockquote){text-wrap:pretty}
:where(.src-family) :where(h1,h2,h3,caption){text-wrap:balance}
:where(.src-family) svg{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:where(.src-family) :where(a,button){touch-action:manipulation}

.src-family .wrap{width:100%;max-width:80rem;margin-inline:auto;padding-inline:var(--gutter)}
.src-family .grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap)}
.src-family .label{font-family:var(--sans);font-size:var(--fs-label);font-weight:600;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-soft)}
.src-family .eyebrow{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}
.src-family .eyebrow::before{content:"";flex:0 0 2.5rem;height:1px;background:var(--gold)}
.src-family .h2{font-family:var(--serif);font-weight:500;font-size:var(--fs-h2);line-height:1.1;letter-spacing:-0.01em;color:var(--ink)}
.src-family .preface{padding-block:var(--opener-y) var(--section-y)}
.src-family .preface__grid{align-items:center}
.src-family .preface__text{grid-column:6 / span 7;grid-row:1}
.src-family .preface__fig{grid-column:1 / span 4;grid-row:1}
.src-family .preface__answer{max-width:36rem;margin-top:var(--space-lg);font-size:var(--fs-lead);line-height:1.6}
.src-family .preface__runin{font-weight:600}
.src-family .dropcap::first-letter{float:left;margin:0.05em 0.1em 0 0;font-family:var(--serif);font-weight:600;font-style:normal;font-size:4.3em;line-height:0.8;color:var(--accent);color:color-mix(in oklch, var(--accent) calc(var(--fam-ink, 1) * 100%), transparent)}
@supports (initial-letter:3) or (-webkit-initial-letter:3){
  .src-family .dropcap::first-letter{float:none;margin:0 0.12em 0 0;font-size:inherit;line-height:inherit;-webkit-initial-letter:3;initial-letter:3}
}
.src-family .quote{max-width:34rem;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--rule-mid)}
.src-family .quote p{text-indent:-0.42em;font-family:var(--serif);font-style:italic;font-size:var(--fs-lead);line-height:1.45}
.src-family .quote figcaption{margin-top:var(--space-sm)}
.src-family .tipped{justify-self:start;width:100%;max-width:19rem;margin:0}
.src-family .yp5-phone{
  --yp5-k:0.88;
  --yp5-scr-w:calc(var(--yp5-k) * 300px);
  --yp5-scr-r:calc(var(--yp5-scr-w) * 0.1355);
  --yp5-bz:calc(var(--yp5-k) * 11px);
  --yp5-rim:calc(var(--yp5-k) * 3px);
  --yp5-head:13.46%;
  --yp5-glance:-5.5%;
  width:fit-content;
}
.src-family .yp5-lift{position:relative;transform:rotate(-2deg)}
.src-family .yp5-lift::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:calc(var(--yp5-scr-r) + var(--yp5-bz) + var(--yp5-rim));box-shadow:0 2rem 3rem -1.25rem var(--shadow),0 0.5rem 1rem -0.5rem var(--shadow);pointer-events:none}
.src-family .yp5-body{position:relative;padding:var(--yp5-bz);border:var(--yp5-rim) solid oklch(74% 0.016 75);border-radius:calc(var(--yp5-scr-r) + var(--yp5-bz) + var(--yp5-rim));background:oklch(18% 0.006 60);box-shadow:0 0 0 1px oklch(56% 0.014 70)}
.src-family .yp5-screen{position:relative;width:var(--yp5-scr-w);aspect-ratio:562.58 / 1225.88;overflow:hidden;border-radius:var(--yp5-scr-r);clip-path:inset(0 round var(--yp5-scr-r));background:oklch(98% 0.012 85);isolation:isolate}
.src-family .yp5-scroll,.src-family .yp5-head{position:absolute;inset:0;overflow:hidden}
.src-family .yp5-head{z-index:1;clip-path:inset(0 0 calc(100% - var(--yp5-head)) 0)}
.src-family .yp5-shot{position:absolute;top:0;left:0;max-width:none;width:880px;height:1467px;transform-origin:0 0;transform:scale(var(--yp5-k)) matrix3d(0.664154552, -0.0333965862, 0, 0.000212458993, 0.116877036, 0.596472827, 0, 0.0000364915756, 0, 0, 1, 0, -189.93126, -41.205239, 0, 1)}
.src-family .yp5-island{position:absolute;z-index:2;top:calc(var(--yp5-scr-w) * 0.025);left:50%;width:calc(var(--yp5-scr-w) * 0.332);height:calc(var(--yp5-scr-w) * 0.104);translate:-50% 0;border-radius:999px;background:oklch(18% 0.006 60);pointer-events:none}
.src-family .tipped__cap{margin-top:var(--space-md);font-family:var(--serif);font-style:italic;color:var(--ink-soft)}
.src-family .vtb{--vtb-cols:7em 3.25em 4.75em 3.25em 6.5em;max-width:36rem;margin-top:var(--space-lg);font-size:min(1rem, 3vw)}
.src-family .vtb__stage,.src-family .vtb__steps{display:grid;grid-template-columns:var(--vtb-cols)}
.src-family .vtb__stage{align-items:center;height:7.5em}
.src-family .vtb__voice{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:0.1em}
.src-family .vtb__bar{display:block;width:0.24em;border-radius:0.12em;background:var(--accent)}
.src-family .vtb__bar:nth-child(1){--i:0;height:1.4em}
.src-family .vtb__bar:nth-child(2){--i:1;height:2.6em}
.src-family .vtb__bar:nth-child(3){--i:2;height:4.1em}
.src-family .vtb__bar:nth-child(4){--i:3;height:3em}
.src-family .vtb__bar:nth-child(5){--i:4;height:5.2em}
.src-family .vtb__bar:nth-child(6){--i:5;height:3.8em}
.src-family .vtb__bar:nth-child(7){--i:6;height:5.6em}
.src-family .vtb__bar:nth-child(8){--i:7;height:3.3em}
.src-family .vtb__bar:nth-child(9){--i:8;height:4.4em}
.src-family .vtb__bar:nth-child(10){--i:9;height:2.2em}
.src-family .vtb__bar:nth-child(11){--i:10;height:1.2em}
.src-family .vtb__lead{align-self:center;height:0;margin-inline:0.55em;border-bottom:2px dotted var(--rule-strong)}
.src-family .vtb__page{justify-self:center;display:grid;align-content:start;gap:0.5em;width:4.6em;height:6.4em;padding:1em 0.65em 0;background:oklch(99% 0.003 88);border:1px solid var(--rule-mid)}
.src-family .vtb__line{display:block;height:0.14em;background:var(--rule-strong)}
.src-family .vtb__line:nth-child(1){--i:0;margin-left:0.55em}
.src-family .vtb__line:nth-child(2){--i:1}
.src-family .vtb__line:nth-child(3){--i:2}
.src-family .vtb__line:nth-child(4){--i:3;width:88%}
.src-family .vtb__line:nth-child(5){--i:4}
.src-family .vtb__line:nth-child(6){--i:5;width:58%}
.src-family .vtb__bookwrap{justify-self:center;perspective:56em}
.src-family .vtb__book{--t:0.6em;position:relative;display:block;width:4.5em;aspect-ratio:325 / 467;transform-style:preserve-3d;transform:rotateY(-18deg)}
.src-family .vtb__back,.src-family .vtb__cover,.src-family .vtb__inside{position:absolute;inset:0;border-radius:1px 2px 2px 1px}
.src-family .vtb__back{background:var(--ink);transform:translateZ(calc(var(--t) / -2))}
.src-family .vtb__fore{position:absolute;top:0.15em;bottom:0.15em;right:0.06em;width:calc(var(--t) - 0.06em);background:repeating-linear-gradient(90deg, var(--paper) 0 1px, var(--paper-shade) 1px 2px);transform:translateX(calc((var(--t) - 0.06em) / 2)) rotateY(90deg)}
.src-family .vtb__leaf{position:absolute;top:2.5%;bottom:2.5%;left:0;right:2%;display:grid;align-content:start;gap:0.42em;padding:1.1em 0.55em 0;background:oklch(98.5% 0.006 88);transform:translateZ(calc(var(--t) / 2 - 1px))}
.src-family .vtb__leaf span{display:block;height:0.12em;background:var(--rule-mid)}
.src-family .vtb__leaf span:first-child{margin-left:0.45em}
.src-family .vtb__leaf span:last-child{width:60%}
.src-family .vtb__hinge{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 50%;transform:translateZ(calc(var(--t) / 2)) rotateY(0deg)}
.src-family .vtb__cover{overflow:hidden;background:var(--paper-deep);backface-visibility:hidden}
.src-family .vtb__img{position:absolute;top:-55.246%;left:-54.462%;width:209.231%;max-width:none;height:auto}
.src-family .vtb__inside{border-radius:2px 1px 1px 2px;background:var(--paper-deep);transform:rotateY(180deg);backface-visibility:hidden}
.src-family .vtb__steps{margin-top:var(--space-xs)}
.src-family .vtb__steps li{grid-row:1;justify-self:center;font-family:var(--serif);font-style:italic;font-size:1.125rem;line-height:1.3;white-space:nowrap;color:var(--ink-soft)}
.src-family .vtb__steps li:nth-child(1){grid-column:1}
.src-family .vtb__steps li:nth-child(2){grid-column:3}
.src-family .vtb__steps li:nth-child(3){grid-column:5}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference) and (max-height:3000px){
    .src-family .dropcap{animation:fam-ink-in var(--ease-out) both;animation-timeline:view();animation-range:entry 0% cover 30%}
    .src-family .vtb{view-timeline:--vtb block}
    .src-family .vtb__bar{animation:fam-vtb-bar var(--ease-out) both;animation-timeline:--vtb;animation-range:cover calc(6% + var(--i) * 0.7%) cover calc(20% + var(--i) * 0.7%)}
    .src-family .vtb__lead--1{animation:fam-draw var(--ease-out) both;animation-timeline:--vtb;animation-range:cover 24% cover 30%}
    .src-family .vtb__page{animation:fam-vtb-page var(--ease-out) both;animation-timeline:--vtb;animation-range:cover 27% cover 32%}
    .src-family .vtb__line{animation:fam-draw var(--ease-out) both;animation-timeline:--vtb;animation-range:cover calc(30% + var(--i) * 1%) cover calc(35% + var(--i) * 1%)}
    .src-family .vtb__lead--2{animation:fam-draw var(--ease-out) both;animation-timeline:--vtb;animation-range:cover 39% cover 45%}
    .src-family .vtb__hinge{animation:fam-vtb-close var(--ease-in-out) both;animation-timeline:--vtb;animation-range:cover 44% cover 56%}
  }
}
@property --yp5-in{syntax:"<integer>";inherits:true;initial-value:1}
@keyframes fam-yp5-arm{from,to{--yp5-in:0}}
@keyframes fam-yp5-settle{from{opacity:0;transform:translateY(12px) rotate(-5deg)}to{opacity:1;transform:rotate(-2deg)}}
@keyframes fam-yp5-shadow{from{opacity:0}to{opacity:1}}
@keyframes fam-yp5-glance{
  0%{transform:none}
  42%,58%{transform:translateY(var(--yp5-glance))}
  100%{transform:none}
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference) and (max-height:3000px){
    .src-family .yp5-phone{animation:fam-yp5-arm auto linear backwards;animation-timeline:view();animation-range:entry 0% entry 60%}
    .src-family .yp5-lift{animation:fam-yp5-settle 900ms var(--ease-out) both}
    .src-family .yp5-lift::before{animation:fam-yp5-shadow 750ms var(--ease-out) 150ms both}
    .src-family .yp5-scroll{animation:fam-yp5-glance 1600ms var(--ease-in-out) 1000ms both}
    @container style(--yp5-in: 0){
      .src-family .yp5-phone :is(.yp5-lift,.yp5-scroll),.src-family .yp5-phone .yp5-lift::before{animation-play-state:paused}
    }
  }
}
@media (max-width:900px){
  .src-family .grid12{grid-template-columns:minmax(0,1fr)}
  .src-family .preface__text,.src-family .preface__fig{grid-column:1 / -1}
  .src-family .preface__text,.src-family .preface__fig{grid-row:auto}
  .src-family .preface__fig{max-width:17rem;margin-top:var(--space-2xl)}
  .src-family .yp5-phone{--yp5-k:0.8}
}
@media (max-width:560px){
  .src-family .vtb__steps li{font-size:1rem}
  .src-family .h2{hyphens:auto}
}
.src-gallery{
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press:160ms;
  --dur-ui:220ms;
  --dur-reveal:700ms;
  --dur-story:1100ms;
  --stagger:60ms;

  --navy:#1A2332;
  --burgundy:#722F37;
  --gold:#B8860B;
  --cream:#F8F6F1;

  --ivory:oklch(97.2% 0.014 84);
  --vellum:oklch(94.6% 0.02 82);
  --mat:oklch(99% 0.006 85);
  --gold-soft:oklch(83% 0.065 84);
  --page-a:oklch(97% 0.01 85);
  --page-b:oklch(86% 0.018 80);

  --ink:var(--navy);
  --ink-soft:oklch(40% 0.03 258);
  --rule:oklch(82% 0.024 80);
  --rule-strong:oklch(60% 0.03 258);

  --accent:var(--burgundy);
  --accent-deep:oklch(31% 0.085 15);
  --on-accent:oklch(97.5% 0.012 84);

  --night-lift:oklch(29% 0.035 258);
  --on-night:oklch(96% 0.012 84);
  --on-night-soft:oklch(85% 0.02 84);
  --night-rule:oklch(38% 0.03 258);
  --font-display:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --font-titling:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --font-sans:"Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;

  --fs-label:1rem;
  --fs-sm:1rem;
  --fs-body:1.25rem;
  --fs-lead:clamp(1.25rem, 1.1rem + 0.6vw, 1.5625rem);
  --fs-title:1.5625rem;
  --fs-quote:clamp(1.5625rem, 1.25rem + 1vw, 2rem);
  --fs-h2:clamp(2.25rem, 1.55rem + 2.1vw, 3.25rem);
  --fs-price:clamp(2.25rem, 1.6rem + 1.9vw, 3.25rem);
  --fs-display:clamp(2.5rem, 1.4rem + 3.7vw, 4.5rem);
  --fs-numeral:clamp(5rem, 2.6rem + 5.6vw, 8rem);
  --fs-h1:clamp(2.75rem, 1rem + 7.4vw, 8rem);

  --space-3xs:0.25rem;
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --space-3xl:6rem;
  --section:clamp(4.5rem, 2.5rem + 6vw, 8rem);
  --section-sm:clamp(3.5rem, 2.25rem + 4vw, 6rem);

  --max:80rem;
  --gutter:1.5rem;
  --safe-x:max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  --edge:max(2.5rem, var(--safe-x));
  --col:calc((var(--max) - 11 * var(--gutter)) / 12);

  --loop:5.6s;
  position:relative;
  background:var(--ivory);
  color:var(--ink);
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  font-weight:400;
  line-height:1.6;
  font-kerning:normal;
  overflow-wrap:break-word;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-tap-highlight-color:oklch(88% 0.05 20 / 0.6);
}
.src-gallery,.src-gallery *,.src-gallery *::before,.src-gallery *::after{box-sizing:border-box}
:where(.src-gallery) :is(h2,p,ul){margin:0}
:where(.src-gallery) :is(ul){padding:0;list-style:none}
:where(.src-gallery) button{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}
:where(.src-gallery) input{margin:0;font:inherit}
:where(.src-gallery) a{color:inherit;text-decoration-thickness:1px;text-underline-offset:0.22em}
.src-gallery :is(h2){font-weight:400;text-wrap:balance}
.src-gallery p{text-wrap:pretty}
.src-gallery sc-if{display:contents}
.src-gallery [id]{scroll-margin-top:var(--space-sm)}
.src-gallery ::selection{background:oklch(88% 0.05 20);color:var(--navy)}
.src-gallery :is(a,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.src-gallery .icon{flex:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.src-gallery .grid{
  display:grid;
  grid-template-columns:[full-start] minmax(max(0rem, calc(var(--edge) - var(--gutter))), 1fr) [content-start] repeat(12, [col] minmax(0, var(--col))) [content-end] minmax(max(0rem, calc(var(--edge) - var(--gutter))), 1fr) [full-end];
  column-gap:var(--gutter);
}
.src-gallery .grid > *{grid-column:content;min-width:0}
.src-gallery .lang-hint{background:var(--vellum);border-bottom:1px solid var(--rule)}
.src-gallery .hint-bar{display:flex;align-items:center;gap:0 var(--space-md);min-height:2.75rem;font-size:var(--fs-sm);line-height:1.4}
.src-gallery .hint-label{flex:none;font-family:var(--font-titling);letter-spacing:0.18em;text-transform:uppercase;color:var(--accent)}
.src-gallery .hint-text{flex:1 1 auto;min-width:0;color:var(--ink)}
.src-gallery .hint-switch{flex:none;display:inline-flex;align-items:center;min-height:2.75rem;font-weight:600;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.22em}
.src-gallery .hint-switch:hover{color:var(--accent-deep);text-decoration-thickness:2px}
.src-gallery .hint-close{flex:none;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;margin-right:-0.625rem;color:var(--ink)}
.src-gallery .hint-close:hover{color:var(--accent)}
.src-gallery .site-header{background:var(--ivory);border-bottom:1px solid var(--navy)}
.src-gallery .header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-sm)}
.src-gallery .wordmark{display:inline-flex;align-items:center;min-height:2.75rem;font-family:var(--font-sans);font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:var(--navy)}
.src-gallery .wordmark:hover{color:var(--accent)}
.src-gallery .header-tools{display:flex;align-items:center;gap:var(--space-lg)}
.src-gallery .nav-list{display:flex;gap:var(--space-lg)}
.src-gallery .nav-list a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:var(--fs-sm);font-weight:500;line-height:1.2;text-decoration:none;color:var(--navy)}
.src-gallery .nav-list a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:0.3em}
.src-gallery .lang{display:inline-flex;align-items:center;gap:0.375rem;min-height:2.75rem;min-width:2.75rem;padding-left:var(--space-lg);border-left:1px solid var(--rule-strong);font-size:var(--fs-sm);font-weight:600;letter-spacing:0.06em;color:var(--navy)}
.src-gallery .lang:hover{color:var(--accent)}
.src-gallery .get-app{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-md);border:1px solid var(--navy);border-radius:2px;font-size:var(--fs-sm);font-weight:600;line-height:1.2;text-decoration:none;color:var(--navy)}
.src-gallery .get-app:hover{background:var(--navy);color:var(--on-night)}
.src-gallery .menu-btn{display:none;align-items:center;min-height:2.75rem;padding:0 var(--space-sm);border:1px solid var(--navy);border-radius:2px;font-size:var(--fs-sm);font-weight:600;color:var(--navy)}
.src-gallery .menu-btn:hover{background:var(--navy);color:var(--on-night)}
@media (max-width: 900px){
  .src-gallery{--edge:max(2rem, var(--safe-x));--gutter:1.25rem}
  .src-gallery .nav,.src-gallery .get-app{display:none}
  .src-gallery .menu-btn{display:inline-flex}
  .src-gallery .header-tools{gap:var(--space-2xs)}
  .src-gallery .lang{padding-left:var(--space-xs);border-left:0}

}
@media (max-width: 560px){
  .src-gallery{--edge:max(1.25rem, var(--safe-x));--gutter:0.75rem}
  .src-gallery .hint-label{display:none}
  .src-gallery .hint-bar{gap:0 var(--space-xs)}
  .src-gallery .header-bar{padding-block:var(--space-2xs);gap:var(--space-sm)}
  .src-gallery .wordmark{font-size:1.125rem}
  .src-gallery .menu-btn{padding:0 0.875rem}

}
@media (prefers-reduced-motion: no-preference){
  .src-gallery :is(.get-app,.menu-btn,.lang,.hint-close){transition:transform var(--dur-press) var(--ease-out)}
  .src-gallery :is(.get-app,.menu-btn,.lang,.hint-close):active{transform:scale(0.97)}
  .src-gallery .lang-hint{transition:transform 400ms var(--ease-drawer) 500ms, opacity 400ms var(--ease-drawer) 500ms}
  @starting-style{
    .src-gallery .lang-hint{opacity:0;transform:translateY(-100%)}
  }
}
@media (prefers-reduced-motion: reduce){
  .src-gallery :is(.get-app,.menu-btn,.lang,.hint-close){transition:opacity 100ms var(--ease-out)}
  .src-gallery :is(.get-app,.menu-btn,.lang,.hint-close):active{opacity:0.86}
  .src-gallery .lang-hint{transition:opacity 200ms var(--ease-out)}
  @starting-style{
    .src-gallery .lang-hint{opacity:0}
  }
}
.src-featb{
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press:160ms; --dur-ui:220ms; --dur-reveal:700ms; --dur-story:1100ms; --stagger:60ms;
  --story:4900ms;
  --loop:9s;
  --paper:oklch(97.3% 0.007 88.6);
  --paper-edge:oklch(95% 0.012 86);
  --ink:oklch(25.5% 0.0313 260.4);
  --ink-soft:oklch(41% 0.035 260);
  --rule-mid:oklch(25.5% 0.0313 260.4 / 0.3);
  --burgundy:oklch(40.1% 0.0948 15.1);
  --burgundy-deep:oklch(30.1% 0.076 15.6);
  --gold:oklch(65.2% 0.1322 81.6);
  --shadow:oklch(27% 0.035 45 / 0.28);
  --shadow-near:oklch(27% 0.035 45 / 0.2);
  --focus:var(--ink);
  --fb-metal:oklch(74% 0.016 75);
  --fb-metal-edge:oklch(56% 0.014 70);
  --fb-glass:oklch(18% 0.006 60);
  --fb-app:oklch(98% 0.012 85);

  --serif:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --sans:"Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-mock:0.8125rem;
  --fs-body:1.125rem;
  --fs-lead:1.4063rem;
  --fs-h2:clamp(2.1973rem, 1.6rem + 1.9vw, 2.7466rem);
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --gutter:clamp(1.25rem, 4vw, 3rem);
  --section-y:clamp(4.5rem, 3rem + 5vw, 8rem);

  position:relative;
  overflow-x:clip;
  background:var(--paper-edge);
  color:var(--ink);
  color-scheme:light;
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.6;
  font-kerning:normal;
  font-variant-numeric:lining-nums;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-tap-highlight-color:color-mix(in oklch, var(--burgundy) 14%, transparent);
  overflow-wrap:break-word;
}
.src-featb *,.src-featb *::before,.src-featb *::after{box-sizing:border-box}
:where(.src-featb) :where(h2,h3,p,ul,figure){margin:0}
:where(.src-featb) :where(ul)[role="list"]{list-style:none;padding:0}
:where(.src-featb) img{display:block;max-width:100%;height:auto}
:where(.src-featb) button{font:inherit;color:inherit}
:where(.src-featb) a{color:var(--burgundy);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
:where(.src-featb) a:hover{color:var(--burgundy-deep);text-decoration-thickness:2px}
:where(.src-featb) :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(.src-featb) :where(h2,h3){text-wrap:balance}
:where(.src-featb) p{text-wrap:pretty}
:where(.src-featb) :where(a,button){touch-action:manipulation}
.src-featb .fb{position:relative;padding-block:var(--section-y);scroll-margin-top:var(--space-lg)}
.src-featb .fb-wrap{width:min(100% - 2 * var(--gutter), 76rem);margin-inline:auto}
.src-featb .fb-title{font-family:var(--serif);font-weight:500;font-size:var(--fs-h2);line-height:1.1;letter-spacing:-0.01em;text-align:center;color:var(--ink)}
.src-featb .fb-title::after{content:"";display:block;width:3rem;height:1px;margin:var(--space-sm) auto 0;background:var(--gold)}
.src-featb .fb-stage{
  --fb-scale:1;
  --fb-scr-w:calc(var(--fb-scale) * 300px);
  --fb-scr-h:calc(var(--fb-scr-w) * 2.17903);
  --fb-scr-r:calc(var(--fb-scr-w) * 0.1355);
  --fb-bz:calc(var(--fb-scale) * 11px);
  --fb-rim:calc(var(--fb-scale) * 3px);
  --fb-dev-w:calc(var(--fb-scr-w) + 2 * (var(--fb-bz) + var(--fb-rim)));
  --fb-dev-h:calc(var(--fb-scr-h) + 2 * (var(--fb-bz) + var(--fb-rim)));
  --fb-lead:clamp(2.5rem, 10vw - 2.5rem, 7.5rem);
  --fb-title-c:0.8789rem;
  --fb-row-pad:calc(var(--fb-dev-h) / 6 - var(--fb-title-c));
  --fb-dim:0.3;
  --fb-any:0;
  position:relative;
  margin-top:var(--space-2xl);
}
.src-featb .fb-stage.is-chosen{--fb-any:1}
.src-featb .fb-grid{
  --fb-p:7;
  --fb-veil:1;
  display:grid;
  grid-template-columns:minmax(0, 19.5rem) auto minmax(0, 19.5rem);
  justify-content:center;
  column-gap:var(--fb-lead);
}
.src-featb .fb-list{position:relative;z-index:2;display:grid;grid-template-rows:repeat(3, minmax(0, 1fr))}
.src-featb .fb-list--a{grid-column:1;grid-row:1;text-align:right}
.src-featb .fb-list--b{grid-column:3;grid-row:1}
.src-featb .fb-f{
  --fb-hot:0;
  --fb-lit:max(var(--fb-hot), clamp(0, (var(--fb-p) - var(--fb-k)) * 2, 1));
  --fb-draw:max(var(--fb-hot), clamp(0, (var(--fb-p) - var(--fb-k) - 0.1) / 0.65, 1));
  --fb-dot:max(var(--fb-hot), clamp(0, (var(--fb-p) - var(--fb-k) - 0.7) * 5, 1));
  position:relative;
  padding-top:var(--fb-row-pad);
  opacity:calc((var(--fb-dim) + (1 - var(--fb-dim)) * (1 - pow(1 - var(--fb-lit), 5))) * var(--fb-veil));
}
.src-featb .fb-f--1{--fb-k:1}
.src-featb .fb-f--2{--fb-k:2}
.src-featb .fb-f--3{--fb-k:3}
.src-featb .fb-f--4{--fb-k:4}
.src-featb .fb-f--5{--fb-k:5}
.src-featb .fb-f--6{--fb-k:6}
.src-featb .fb-f__h{font-family:var(--serif);font-weight:600;font-size:var(--fs-lead);line-height:1.25;color:color-mix(in oklch, var(--burgundy) calc(var(--fb-hot) * 100%), var(--ink))}
.src-featb .fb-f__btn{display:inline;margin:0;padding:0;background:none;border:0;border-radius:2px;font:inherit;line-height:inherit;color:inherit;text-align:inherit;cursor:pointer}
.src-featb .fb-f__btn::after{content:"";position:absolute;inset:0}
.src-featb .fb-list--a .fb-f__btn::after{right:calc(var(--fb-lead) * -1)}
.src-featb .fb-list--b .fb-f__btn::after{left:calc(var(--fb-lead) * -1)}
.src-featb .fb-f__desc{margin-top:var(--space-2xs);font-size:var(--fs-body);line-height:1.55;color:var(--ink-soft)}
.src-featb .fb-lead{position:absolute;top:calc(var(--fb-row-pad) + var(--fb-title-c) - 0.5px);width:calc(var(--fb-lead) - var(--space-xs));height:1px;background:var(--burgundy);pointer-events:none}
.src-featb .fb-list--a .fb-lead{left:calc(100% + var(--space-xs));clip-path:inset(0 calc((1 - var(--fb-draw) * var(--fb-draw) * (3 - 2 * var(--fb-draw))) * 100%) 0 0)}
.src-featb .fb-list--b .fb-lead{right:calc(100% + var(--space-xs));clip-path:inset(0 0 0 calc((1 - var(--fb-draw) * var(--fb-draw) * (3 - 2 * var(--fb-draw))) * 100%))}
.src-featb .fb-dot{position:absolute;top:calc(var(--fb-row-pad) + var(--fb-title-c) - 2.5px);width:5px;height:5px;border-radius:50%;background:var(--burgundy);opacity:var(--fb-dot);pointer-events:none}
.src-featb .fb-list--a .fb-dot{left:calc(100% + var(--fb-lead) - 5px)}
.src-featb .fb-list--b .fb-dot{right:calc(100% + var(--fb-lead) - 5px)}
.src-featb .fb-dot::after{content:"";position:absolute;inset:-4px;border:1px solid var(--burgundy);border-radius:50%;opacity:0}
.src-featb .fb-f--screen .fb-dot::after{opacity:var(--fb-hot)}
.src-featb .fb-device{
  --fb-rise:clamp(0, var(--fb-p) / 0.85, 1);
  position:relative;
  z-index:1;
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:start;
  opacity:calc((1 - pow(1 - var(--fb-rise), 5)) * var(--fb-veil));
  translate:0 calc(pow(1 - var(--fb-rise), 5) * 1rem);
}
.src-featb .fb-body{position:relative;width:var(--fb-dev-w);padding:var(--fb-bz);border:var(--fb-rim) solid var(--fb-metal);border-radius:calc(var(--fb-scr-r) + var(--fb-bz) + var(--fb-rim));background:var(--fb-glass);box-shadow:0 0 0 1px var(--fb-metal-edge), 0 2rem 3rem -1.25rem var(--shadow), 0 0.5rem 1rem -0.5rem var(--shadow-near)}
.src-featb .fb-screen{position:relative;width:var(--fb-scr-w);aspect-ratio:562.58 / 1225.88;overflow:hidden;border-radius:var(--fb-scr-r);clip-path:inset(0 round var(--fb-scr-r));background:var(--fb-app);isolation:isolate}
.src-featb .fb-scr,.src-featb .fb-story,.src-featb .fb-sl{position:absolute;inset:0}
.src-featb .fb-shot{position:absolute;top:0;left:0;max-width:none}
.src-featb .fb-shot--upright{width:120.8717%;height:auto;transform:translate(-8.5206%, -4.3007%)}
.src-featb .fb-shot--warp{width:880px;height:1467px;transform-origin:0 0;transform:scale(var(--fb-scale)) matrix3d(0.664154552, -0.0333965862, 0, 0.000212458993, 0.116877036, 0.596472827, 0, 0.0000364915756, 0, 0, 1, 0, -189.93126, -41.205239, 0, 1)}
.src-featb .fb-island{position:absolute;z-index:4;top:calc(var(--fb-scr-w) * 0.025);left:50%;width:calc(var(--fb-scr-w) * 0.332);height:calc(var(--fb-scr-w) * 0.104);translate:-50% 0;border-radius:999px;background:var(--fb-glass);pointer-events:none}
.src-featb .fb-scr{--fb-on:0;opacity:var(--fb-on);z-index:calc(1 + var(--fb-on))}
.src-featb .fb-scr--details{--fb-on:1}
.src-featb .fb-on-voice .fb-scr--details,.src-featb .fb-on-pdf .fb-scr--details{--fb-on:0}
.src-featb .fb-on-voice .fb-scr--voice,.src-featb .fb-on-pdf .fb-scr--pdf{--fb-on:1}
.src-featb .fb-stage:has(.fb-f--screen .fb-f__btn:focus-visible) .fb-scr{--fb-on:0}
.src-featb .fb-stage:has(.fb-f--1 .fb-f__btn:focus-visible) .fb-scr--voice,.src-featb .fb-stage:has(:is(.fb-f--2,.fb-f--5) .fb-f__btn:focus-visible) .fb-scr--details,.src-featb .fb-stage:has(.fb-f--4 .fb-f__btn:focus-visible) .fb-scr--pdf{--fb-on:1}
.src-featb .fb-story{z-index:3;opacity:clamp(0, (7 - var(--fb-p)) * 10, 1)}
.src-featb .fb-sl--voice{--fb-x:clamp(0, (var(--fb-p) - 1.35) / 0.65, 1)}
.src-featb .fb-sl--details{--fb-x:clamp(0, (var(--fb-p) - 2.35) / 0.65, 1)}
.src-featb .fb-sl--pdf{--fb-x:clamp(0, (var(--fb-p) - 4.35) / 0.65, 1);--fb-y:clamp(0, (var(--fb-p) - 5.35) / 0.4, 1)}
.src-featb .fb-sl--voice,.src-featb .fb-sl--details{opacity:calc(var(--fb-x) * var(--fb-x) * (3 - 2 * var(--fb-x)))}
.src-featb .fb-sl--pdf{opacity:calc(var(--fb-x) * var(--fb-x) * (3 - 2 * var(--fb-x)) * (1 - var(--fb-y) * var(--fb-y) * (3 - 2 * var(--fb-y))))}
.src-featb .fb-stage.is-chosen .fb-story,.src-featb .fb-stage:has(.fb-f--screen .fb-f__btn:focus-visible) .fb-story{opacity:0}
.src-featb .fb-f:is(.is-on, :has(.fb-f__btn:focus-visible)){--fb-hot:1}
@media (hover:hover) and (pointer:fine){
  .src-featb .fb-f:hover{--fb-hot:1}
  .src-featb .fb-stage:has(.fb-f--screen:hover){--fb-any:1}
  .src-featb .fb-stage:has(.fb-f--screen:hover) .fb-scr{--fb-on:0}
  .src-featb .fb-stage:has(.fb-f--1:hover) .fb-scr--voice,.src-featb .fb-stage:has(:is(.fb-f--2,.fb-f--5):hover) .fb-scr--details,.src-featb .fb-stage:has(.fb-f--4:hover) .fb-scr--pdf{--fb-on:1}
  .src-featb .fb-stage:has(.fb-f--screen:hover) .fb-story{opacity:0}
}
.src-featb .fb-more{margin-top:var(--space-xl);text-align:center}
.src-featb .fb-cost{display:inline-flex;align-items:center;gap:0.4em;min-height:44px;font-weight:500}
.src-featb .fb-cost svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1100px){
  .src-featb .fb-stage{--fb-scale:0.86;--fb-row-pad:calc(var(--fb-dev-h) / 6 - var(--fb-title-c) - 1rem)}
}
@media (max-width:1000px){
  .src-featb .fb-grid{grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto auto;column-gap:var(--space-xl);row-gap:var(--space-xl);justify-content:stretch}
  .src-featb .fb-device{grid-column:1;grid-row:1 / span 2;position:sticky;top:max(var(--space-lg), 50vh - var(--fb-dev-h) / 2)}
  .src-featb .fb-stage{--fb-row-pad:0px}
  .src-featb .fb-list{display:flex;flex-direction:column;gap:var(--space-xl)}
  .src-featb .fb-list--a{grid-column:2;grid-row:1;text-align:left}
  .src-featb .fb-list--b{grid-column:2;grid-row:2}
  .src-featb .fb-lead,.src-featb .fb-dot{display:none}
  .src-featb .fb-list .fb-f__btn::after{inset:calc(var(--space-xs) * -1) calc(var(--space-sm) * -1)}
  .src-featb .fb-f__h{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;text-decoration-color:color-mix(in oklch, var(--burgundy) calc(var(--fb-hot) * 100%), transparent)}
}
@media (max-width:1000px) and (max-height:640px){
  .src-featb .fb-device{position:relative;top:auto}
}
@media (max-width:900px){
  .src-featb .fb-stage{--fb-scale:0.78}
}
@media (max-width:700px){
  .src-featb .fb-grid{grid-template-columns:minmax(0, 1fr);grid-template-rows:none;row-gap:var(--space-2xl)}
  .src-featb .fb-device{grid-column:1;grid-row:2;position:relative;top:auto;justify-self:center}
  .src-featb .fb-list--a{grid-column:1;grid-row:1}
  .src-featb .fb-list--b{grid-column:1;grid-row:3}
}
@media (max-width:560px){
  .src-featb .fb-title{text-align:left}
  .src-featb .fb-title::after{margin-left:0}
  .src-featb .fb-more{text-align:left}
}
@media (prefers-reduced-motion:no-preference){
  .src-featb .fb-scr{--fb-t:calc(var(--dur-press) + var(--fb-any) * 60ms);transition:opacity calc(var(--fb-t) * var(--fb-on)) var(--ease-out) calc(var(--fb-t) * (1 - var(--fb-on)))}
  .src-featb .fb-story{transition:opacity calc(var(--dur-press) + var(--fb-any) * 60ms) var(--ease-out)}
  .src-featb .fb-dot::after{transition:opacity calc(var(--dur-press) + var(--fb-hot) * 60ms) var(--ease-out)}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .src-featb .fb-cost svg{transition:transform var(--dur-press) var(--ease-out)}
  .src-featb .fb-cost:hover svg{transform:translateX(3px);transition-duration:var(--dur-ui)}
}
@media (prefers-reduced-motion:reduce){
  .src-featb .fb-scr{transition:opacity calc(180ms * var(--fb-on)) var(--ease-out) calc(180ms * (1 - var(--fb-on)))}
  .src-featb .fb-story,.src-featb .fb-dot::after{transition:opacity 180ms var(--ease-out)}
}
.src-featb .fb-stage:has(.fb-f__btn:focus-visible) :is(.fb-scr,.fb-story){transition:none}
.src-featb .fb-stage:has(.fb-f__btn:focus-visible) .fb-dot::after{transition:none}
@property --fb-in{syntax:"<integer>";inherits:true;initial-value:1}
@property --fb-p{syntax:"<number>";inherits:true;initial-value:7}
@property --fb-veil{syntax:"<number>";inherits:true;initial-value:1}
@keyframes fb-arm{from,to{--fb-in:0}}
@keyframes fb-story{from{--fb-p:0}to{--fb-p:7}}
@keyframes fb-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference) and (max-height:3000px) and (min-width:701px){
  @supports (animation-timeline: view()){
    .src-featb .fb-stage{
      animation:fb-arm auto linear backwards;
      animation-timeline:view();
      animation-range:entry 0% entry 85%;
    }
    .src-featb .fb-grid{animation:fb-story var(--story) linear backwards}
    @container style(--fb-in: 0){
      .src-featb .fb-stage .fb-grid{animation-play-state:paused}
    }
  }
}
@media (prefers-reduced-motion:no-preference) and (max-height:3000px) and (max-width:700px){
  @supports (animation-timeline: view()){
    .src-featb .fb-f,.src-featb .fb-device{
      animation:fb-rise auto var(--ease-out) both;
      animation-timeline:view();
      animation-range:entry 0% entry 70%;
    }
  }
}
@media (min-width: 1001px) {
  .src-featb .fb-list--b { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .src-featb .fb-list--b .fb-f { --fb-row-pad: calc(var(--fb-dev-h) / 4 - var(--fb-title-c)); }
}
.src-featb .fb-stage:has(.fb-f--3 .fb-f__btn:focus-visible) .fb-scr--details { --fb-on: 1; }
@media (hover: hover) and (pointer: fine) {
  .src-featb .fb-stage:has(.fb-f--3:hover) .fb-scr--details { --fb-on: 1; }
}
.src-featb .fb-bk {
  --bk-h: calc(var(--fb-scr-w) * 0.86);
  --bk-w: calc(var(--bk-h) * 0.6959);
  --bk-t: calc(var(--bk-h) * 0.12);
  position: absolute; z-index: 6; left: 50%; bottom: calc(var(--fb-scr-w) * -0.13);
  width: var(--bk-w); height: var(--bk-h); margin-left: calc(var(--bk-w) * -0.38);
  pointer-events: none; opacity: 0; translate: 0 1.5rem;
}
.src-featb .fb-bk__shadow { position: absolute; left: -14%; right: -26%; bottom: -7%; height: 14%;
  background: radial-gradient(closest-side, oklch(27% 0.035 45 / 0.38), transparent); opacity: 0; }
.src-featb .fb-bk__persp { position: absolute; inset: 0; perspective: 1400px; perspective-origin: 30% 40%; }
.src-featb .fb-bk__turn { position: absolute; inset: 0; transform-style: preserve-3d; transform-origin: 50% 50%;
  transform: rotateX(-4deg) rotateY(72deg); }
.src-featb .fb-bk__turn > * { position: absolute; }
.src-featb .fb-bk__front { inset: 0; overflow: hidden; border-radius: 2px 4px 4px 2px; background: oklch(92% 0.02 84);
  transform: translateZ(calc(var(--bk-t) / 2)); backface-visibility: hidden; }
.src-featb .fb-bk__front::after { content: ""; position: absolute; top: 0; bottom: 0; left: 6%; width: 1px;
  background: oklch(22% 0.02 60 / 0.35); box-shadow: 2px 0 0 oklch(97% 0.01 88 / 0.3); }
.src-featb .fb-bk__img { position: absolute; top: -55.246%; left: -54.462%; width: 209.231%; max-width: none; height: auto; }
.src-featb .fb-bk__back { inset: 0; border-radius: 4px 2px 2px 4px; background: #1A2332;
  transform: translateZ(calc(var(--bk-t) / -2)) rotateY(180deg); }
.src-featb .fb-bk__spine { top: 0; bottom: 0; left: 0; width: var(--bk-t); display: flex; flex-direction: column; align-items: center;
  gap: 0.5em; padding: 0.7em 0 0.6em; overflow: hidden; border-radius: 2px; background: #1A2332; color: #F8F6F1;
  transform: translateX(calc(var(--bk-t) / -2)) rotateY(-90deg); }
.src-featb .fb-bk__band { flex: 0 0 auto; width: 100%; height: 7px; border-top: 2px solid #B8860B; border-bottom: 2px solid #B8860B; }
.src-featb .fb-bk__title { flex: 1 1 auto; min-height: 0; writing-mode: vertical-rl; text-align: center; font-family: "Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  font-weight: 600; font-size: calc(var(--bk-t) * 0.4); font-variant-caps: all-small-caps; letter-spacing: 0.06em; line-height: 1.1; }
.src-featb .fb-bk__pages { top: 1.5%; bottom: 1.5%; left: calc(var(--bk-w) - var(--bk-t)); width: var(--bk-t);
  background: repeating-linear-gradient(90deg, oklch(97.3% 0.007 88.6) 0 2px, oklch(86.5% 0.026 82) 2px 3px);
  transform: translateX(calc(var(--bk-t) / 2 - 2px)) rotateY(90deg); }
.src-featb .fb-bk__top { top: 0; height: var(--bk-t); left: 1.5%; right: 2%;
  background: repeating-linear-gradient(0deg, oklch(97.3% 0.007 88.6) 0 2px, oklch(86.5% 0.026 82) 2px 3px);
  transform: translateY(calc(var(--bk-t) / -2 + 2px)) rotateX(90deg); }
.src-featb .fb-stage.is-book .fb-bk, .src-featb .fb-stage:has(.fb-f--5 .fb-f__btn:focus-visible) .fb-bk { opacity: 1; translate: 0 0; }
.src-featb .fb-stage.is-book .fb-bk__turn, .src-featb .fb-stage:has(.fb-f--5 .fb-f__btn:focus-visible) .fb-bk__turn { transform: rotateX(-7deg) rotateY(28deg); }
.src-featb .fb-stage.is-book .fb-bk__shadow, .src-featb .fb-stage:has(.fb-f--5 .fb-f__btn:focus-visible) .fb-bk__shadow { opacity: 1; }
@media (hover: hover) and (pointer: fine) {
  .src-featb .fb-stage:has(.fb-f--5:hover) .fb-bk { opacity: 1; translate: 0 0; }
  .src-featb .fb-stage:has(.fb-f--5:hover) .fb-bk__turn { transform: rotateX(-7deg) rotateY(28deg); }
  .src-featb .fb-stage:has(.fb-f--5:hover) .fb-bk__shadow { opacity: 1; }
}
.src-featb .fb-photo { position: absolute; z-index: 6; left: calc(var(--fb-scr-w) * -0.17); top: 61%; width: calc(var(--fb-scr-w) * 0.5);
  pointer-events: none; opacity: 0; }
.src-featb .fb-photo__print { padding: 5%; background: #FFFDF8; border-radius: 2px;
  box-shadow: 0 1.25rem 2rem -1rem oklch(27% 0.035 45 / 0.5), 0 0 0 1px oklch(27% 0.035 45 / 0.08);
  transform: translate(-2.5rem, -2rem) rotate(-15deg) scale(1.06); transform-origin: 30% 30%; }
.src-featb .fb-photo__img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.src-featb .fb-stage.is-photo .fb-photo, .src-featb .fb-stage:has(.fb-f--3 .fb-f__btn:focus-visible) .fb-photo { opacity: 1; }
.src-featb .fb-stage.is-photo .fb-photo__print, .src-featb .fb-stage:has(.fb-f--3 .fb-f__btn:focus-visible) .fb-photo__print { transform: rotate(-5deg); }
@media (hover: hover) and (pointer: fine) {
  .src-featb .fb-stage:has(.fb-f--3:hover) .fb-photo { opacity: 1; }
  .src-featb .fb-stage:has(.fb-f--3:hover) .fb-photo__print { transform: rotate(-5deg); }
}
@media (prefers-reduced-motion: no-preference) {
  .src-featb .fb-bk { transition: opacity 180ms var(--ease-out), translate 220ms var(--ease-out); }
  .src-featb .fb-bk__turn { transition: transform 220ms var(--ease-out); }
  .src-featb .fb-bk__shadow { transition: opacity 180ms var(--ease-out); }
  .src-featb .fb-photo { transition: opacity 180ms var(--ease-out); }
  .src-featb .fb-photo__print { transition: transform 220ms var(--ease-out); }
  .src-featb .fb-stage:is(.is-book, :has(.fb-f--5:hover)) .fb-bk { transition: opacity 320ms var(--ease-out), translate 700ms var(--ease-out); }
  .src-featb .fb-stage:is(.is-book, :has(.fb-f--5:hover)) .fb-bk__turn { transition: transform 1100ms var(--ease-out) 120ms; }
  .src-featb .fb-stage:is(.is-book, :has(.fb-f--5:hover)) .fb-bk__shadow { transition: opacity 600ms var(--ease-out) 300ms; }
  .src-featb .fb-stage:is(.is-photo, :has(.fb-f--3:hover)) .fb-photo { transition: opacity 260ms var(--ease-out); }
  .src-featb .fb-stage:is(.is-photo, :has(.fb-f--3:hover)) .fb-photo__print { transition: transform 750ms var(--ease-out); }
}
@media (prefers-reduced-motion: reduce) {
  .src-featb .fb-bk { translate: 0 0; transition: opacity 180ms var(--ease-out); }
  .src-featb .fb-bk__turn { transform: rotateX(-7deg) rotateY(28deg); }
  .src-featb .fb-bk__shadow, .src-featb .fb-photo { transition: opacity 180ms var(--ease-out); }
  .src-featb .fb-photo__print { transform: rotate(-5deg); }
}
.src-featb .fb-stage:has(.fb-f__btn:focus-visible) :is(.fb-bk, .fb-bk__turn, .fb-bk__shadow, .fb-photo, .fb-photo__print) { transition: none; }
@media (max-width: 700px) {
  .src-featb .fb-photo { left: calc(var(--fb-scr-w) * -0.06); }
}
.src-featb .fb-stage:has(.fb-f--2 .fb-f__btn:focus-visible) .fb-scr--details { --fb-on: 0; }
.src-featb .fb-stage:has(.fb-f--2 .fb-f__btn:focus-visible) .fb-scr--voice { --fb-on: 1; }
@media (hover: hover) and (pointer: fine) {
  .src-featb .fb-stage:has(.fb-f--2:hover) .fb-scr--details { --fb-on: 0; }
  .src-featb .fb-stage:has(.fb-f--2:hover) .fb-scr--voice { --fb-on: 1; }
}
.src-featb .fb-wv { position: absolute; z-index: 5; left: 0; right: 0; top: 40%; bottom: 0; padding: 9% 9% 0; background: #FFFDF8;
  border-radius: calc(var(--fb-scr-w) * 0.047) calc(var(--fb-scr-w) * 0.047) 0 0; box-shadow: 0 -0.75rem 1.5rem -0.75rem oklch(27% 0.035 45 / 0.35);
  pointer-events: none; visibility: hidden; translate: 0 105%; }
.src-featb .fb-wv__chap { margin: 0; font: 600 calc(var(--fb-scr-w) * 0.037)/1 "Brygada 1918", "Brygada 1918 Fallback", Georgia, serif; font-variant-caps: all-small-caps; letter-spacing: 0.1em; color: var(--burgundy); }
.src-featb .fb-wv__title { margin: 0.4em 0 0; font: italic 500 calc(var(--fb-scr-w) * 0.053)/1.2 "Brygada 1918", "Brygada 1918 Fallback", Georgia, serif; color: var(--ink); }
.src-featb .fb-wv__wave { display: flex; align-items: center; justify-content: space-between; height: calc(var(--fb-scr-w) * 0.147); margin-top: 4%; opacity: 0; }
.src-featb .fb-wv__wave span { width: calc(var(--fb-scr-w) * 0.013); height: var(--h); border-radius: 2px; background: var(--burgundy); transform-origin: 50% 50%; }
.src-featb .fb-wv__lines { display: grid; gap: calc(var(--fb-scr-w) * 0.03); margin-top: calc(var(--fb-scr-w) * -0.13); }
.src-featb .fb-wv__lines span { display: block; height: 2px; border-radius: 1px; background: oklch(70% 0.02 260); }
.src-featb .fb-wv__lines span:nth-child(1) { margin-left: 10%; }
.src-featb .fb-wv__lines span:nth-child(6) { width: 58%; }
.src-featb .fb-wv__lines span:nth-child(1) { --i: 0; } .src-featb .fb-wv__lines span:nth-child(2) { --i: 1; } .src-featb .fb-wv__lines span:nth-child(3) { --i: 2; }
.src-featb .fb-wv__lines span:nth-child(4) { --i: 3; } .src-featb .fb-wv__lines span:nth-child(5) { --i: 4; } .src-featb .fb-wv__lines span:nth-child(6) { --i: 5; }
.src-featb .fb-wv__wave span:nth-child(1) { --i: 0; --h: 30%; }
.src-featb .fb-wv__wave span:nth-child(2) { --i: 1; --h: 55%; }
.src-featb .fb-wv__wave span:nth-child(3) { --i: 2; --h: 80%; }
.src-featb .fb-wv__wave span:nth-child(4) { --i: 3; --h: 45%; }
.src-featb .fb-wv__wave span:nth-child(5) { --i: 4; --h: 95%; }
.src-featb .fb-wv__wave span:nth-child(6) { --i: 5; --h: 60%; }
.src-featb .fb-wv__wave span:nth-child(7) { --i: 6; --h: 100%; }
.src-featb .fb-wv__wave span:nth-child(8) { --i: 7; --h: 70%; }
.src-featb .fb-wv__wave span:nth-child(9) { --i: 8; --h: 40%; }
.src-featb .fb-wv__wave span:nth-child(10) { --i: 9; --h: 85%; }
.src-featb .fb-wv__wave span:nth-child(11) { --i: 10; --h: 55%; }
.src-featb .fb-wv__wave span:nth-child(12) { --i: 11; --h: 75%; }
.src-featb .fb-wv__wave span:nth-child(13) { --i: 12; --h: 35%; }
.src-featb .fb-wv__wave span:nth-child(14) { --i: 13; --h: 65%; }
.src-featb .fb-wv__wave span:nth-child(15) { --i: 14; --h: 45%; }
.src-featb .fb-wv__wave span:nth-child(16) { --i: 15; --h: 25%; }
.src-featb .fb-stage.is-write .fb-wv, .src-featb .fb-stage:has(.fb-f--2 .fb-f__btn:focus-visible) .fb-wv { visibility: visible; translate: 0 0; }
@media (hover: hover) and (pointer: fine) { .src-featb .fb-stage:has(.fb-f--2:hover) .fb-wv { visibility: visible; translate: 0 0; } }
@keyframes fb-wv-speak { 0% { opacity: 1; transform: scaleY(0.25); } 12% { transform: scaleY(1); } 24% { transform: scaleY(0.55); } 36% { transform: scaleY(1.05); }
  48% { transform: scaleY(0.6); } 60% { transform: scaleY(0.95); opacity: 1; } 80%, 100% { transform: scaleY(0.06); opacity: 0; } }
@keyframes fb-wv-write { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@media (prefers-reduced-motion: no-preference) {
  .src-featb .fb-wv { transition: translate 200ms var(--ease-out), visibility 0s linear 200ms; }
  .src-featb .fb-stage:is(.is-write, :has(.fb-f--2:hover)) .fb-wv { transition: translate 600ms var(--ease-out), visibility 0s; }
  .src-featb .fb-stage:is(.is-write, :has(.fb-f--2:hover)) .fb-wv__wave { animation: fb-wv-speak 1400ms var(--ease-out) 450ms both; }
  .src-featb .fb-stage:is(.is-write, :has(.fb-f--2:hover)) .fb-wv__wave span { animation: fb-wv-speak 1400ms var(--ease-out) calc(450ms + var(--i) * 30ms) both; }
  .src-featb .fb-stage:is(.is-write, :has(.fb-f--2:hover)) .fb-wv__lines span { animation: fb-wv-write 520ms var(--ease-out) calc(1500ms + var(--i) * 140ms) both; }
}
@media (prefers-reduced-motion: reduce) {
  .src-featb .fb-wv { translate: 0 0; opacity: 0; transition: opacity 180ms var(--ease-out), visibility 0s linear 180ms; }
  .src-featb .fb-stage:is(.is-write, :has(.fb-f--2 .fb-f__btn:focus-visible)) .fb-wv { opacity: 1; transition: opacity 180ms var(--ease-out), visibility 0s; }
  @media (hover: hover) and (pointer: fine) { .src-featb .fb-stage:has(.fb-f--2:hover) .fb-wv { opacity: 1; transition: opacity 180ms var(--ease-out), visibility 0s; } }
}
.src-featb .fb-stage:has(.fb-f__btn:focus-visible) :is(.fb-wv, .fb-wv__wave, .fb-wv__wave span, .fb-wv__lines span) { transition: none; animation: none; }
.src-finale{
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press:160ms; --dur-ui:220ms; --dur-reveal:700ms; --dur-story:1100ms; --stagger:60ms;
  --fe-loop:7.5s;
  --paper:oklch(97.3% 0.007 88.6);
  --sheet:oklch(98.9% 0.004 90);
  --sheet-edge:oklch(86.5% 0.018 80);
  --sheet-lit:oklch(99.6% 0.003 90);
  --env:oklch(92.6% 0.022 82);
  --env-side:oklch(90.4% 0.025 80);
  --env-side-far:oklch(89% 0.026 79);
  --env-flap:oklch(94.2% 0.019 84);
  --env-flap-in:oklch(89% 0.024 80);
  --env-line:oklch(64% 0.04 66 / 0.5);
  --env-line-soft:oklch(64% 0.04 66 / 0.32);
  --ink:oklch(25.5% 0.0313 260.4);
  --ink-soft:oklch(41% 0.035 260);
  --rule-mid:oklch(25.5% 0.0313 260.4 / 0.3);
  --burgundy:oklch(40.1% 0.0948 15.1);
  --burgundy-deep:oklch(30.1% 0.076 15.6);
  --wax-press:oklch(35.5% 0.086 15.4);
  --wax-rim:oklch(26.5% 0.068 15.2);
  --wax-lit:oklch(57% 0.105 20);
  --gold:oklch(65.2% 0.1322 81.6);
  --shadow:oklch(27% 0.035 45 / 0.3);
  --shadow-soft:oklch(27% 0.035 45 / 0.16);
  --focus:var(--ink);

  --serif:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --sans:"Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-label:0.8125rem;
  --fs-body:1.125rem;
  --gutter:clamp(1.25rem, 4vw, 3rem);
  --section-y:clamp(4rem, 1.5rem + 6.5vw, 7.5rem);

  position:relative;
  overflow-x:clip;
  background:var(--paper);
  color:var(--ink);
  color-scheme:light;
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.6;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-tap-highlight-color:color-mix(in oklch, var(--burgundy) 14%, transparent);
  overflow-wrap:break-word;
}
.src-finale *,.src-finale *::before,.src-finale *::after{box-sizing:border-box}
:where(.src-finale) :where(h2,p){margin:0}
:where(.src-finale) img{display:block;max-width:100%;height:auto}
:where(.src-finale) button{font:inherit;color:inherit}
:where(.src-finale) a{color:var(--burgundy);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
:where(.src-finale) a:hover{color:var(--burgundy-deep);text-decoration-thickness:2px}
:where(.src-finale) :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(.src-finale) h2{text-wrap:balance}
:where(.src-finale) p{text-wrap:pretty}
:where(.src-finale) :where(a,button){touch-action:manipulation}
.src-finale .fe{position:relative;padding-block:var(--section-y);padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right))}
.src-finale .fe-stage{--fe-letter:80%;width:min(100%, clamp(20rem, 22vw + 20rem, 40rem));margin-inline:auto;container-type:inline-size}
.src-finale .fe-scene{position:relative;isolation:isolate;padding-bottom:30.16cqi}
.src-finale .fe-sheet{--fe-fold:200cqi;position:relative;z-index:2;width:var(--fe-letter);margin-inline:auto;container-type:inline-size;clip-path:inset(-3rem -3rem -30.16cqi -3rem)}
.src-finale .fe-upper,.src-finale .fe-lower{position:relative;background:var(--sheet);border:1px solid var(--sheet-edge);box-shadow:0 0.5rem 1.75rem -0.75rem var(--shadow-soft)}
.src-finale .fe-upper{border-bottom:0;border-radius:2px 2px 0 0;padding:7cqi 7cqi 6.5cqi;transform-origin:50% 100%}
.src-finale .fe-lower{border-top:0;padding:5.5cqi 7cqi 28cqi}
.src-finale .fe-lower::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--sheet-edge);box-shadow:0 1px 0 var(--sheet-lit)}
.src-finale .fe-upper::after{content:"";position:absolute;inset:0;border-radius:inherit;background:oklch(32% 0.03 55 / 0.2);opacity:0;pointer-events:none}
.src-finale .fe-head{padding-bottom:2.4cqi;border-bottom:1px solid var(--gold);font-family:var(--serif);font-weight:700;font-size:max(0.875rem, 2.9cqi);line-height:1.2;letter-spacing:0.12em;color:var(--burgundy)}
.src-finale .fe-title{margin-top:5cqi;margin-left:-0.04em;font-family:var(--serif);font-weight:500;font-size:clamp(2rem, 9.4cqi, 3.25rem);line-height:1.08;letter-spacing:-0.012em;color:var(--ink)}
.src-finale .fe-sub{font-size:max(var(--fs-body), 3.8cqi);line-height:1.5;color:var(--ink-soft)}
.src-finale .fe-line{display:block}
.src-finale .fe-cta{display:flex;margin-top:4.5cqi}
.src-finale .badge-link{display:inline-block;line-height:0;border-radius:8px}
.src-finale .badge{width:auto;height:56px}
.src-finale .fe-ps{display:flex;align-items:baseline;gap:0.45em;margin-top:1.5cqi;font-size:max(var(--fs-body), 3.5cqi)}
.src-finale .fe-ps-mark{flex:0 0 auto;font-family:var(--serif);font-style:italic;color:var(--ink-soft)}
.src-finale .fe-android{display:inline-flex;align-items:center;gap:0.4em;min-width:0;min-height:44px;font-weight:500;overflow-wrap:anywhere}
.src-finale .fe-android svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.src-finale .fe-env{--fe-persp:300cqi;position:absolute;left:0;right:0;bottom:0;aspect-ratio:100 / 58;pointer-events:none}
.src-finale .fe-env::before{content:"";position:absolute;z-index:0;inset:2% 1% 0;border-radius:2px;box-shadow:0 1.75rem 2.75rem -1.5rem var(--shadow),0 0.25rem 0.5rem -0.25rem var(--shadow-soft)}
.src-finale .fe-env svg{display:block;width:100%;height:100%;overflow:visible}
.src-finale .fe-inside{position:absolute;z-index:1;top:0;left:1px;right:1px;height:44%;background:var(--burgundy-deep)}
.src-finale .fe-liner{position:absolute;z-index:1;left:0;right:0;bottom:100%;height:60%;transform-origin:50% 100%;transform:perspective(var(--fe-persp)) rotateX(0deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.src-finale .fe-pocket{position:absolute;z-index:3;inset:0}
.src-finale .fe-shade{position:absolute;z-index:3;inset:0;opacity:0;filter:blur(2px)}
.src-finale .fe-flap{position:absolute;z-index:4;left:0;right:0;top:0;height:60%;opacity:0;transform-origin:50% 0;transform:perspective(var(--fe-persp)) rotateX(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.src-finale .fe-half{position:absolute;z-index:5;left:42%;top:42.2%;width:16%;aspect-ratio:1;transform:var(--fe-rest);filter:drop-shadow(0 1px 1.5px oklch(24% 0.05 25 / 0.35))}
.src-finale .fe-half--l{--fe-rest:translate(-5%, 3%) rotate(-6deg);transform-origin:38% 80%;clip-path:polygon(-12% -12%, 54.1% -12%, 53.6% 0%, 48.6% 15%, 55.6% 30%, 47.6% 46%, 54.6% 61%, 47.1% 77%, 52.6% 89%, 49.6% 100%, 49.2% 112%, -12% 112%)}
.src-finale .fe-half--r{--fe-rest:translate(5%, 4%) rotate(5deg);transform-origin:62% 80%;clip-path:polygon(53.5% -12%, 112% -12%, 112% 112%, 48.6% 112%, 49% 100%, 52% 89%, 46.5% 77%, 54% 61%, 47% 46%, 55% 30%, 48% 15%, 53% 0%)}
.src-finale .fe-liner-paper{fill:var(--env-flap-in)}
.src-finale .fe-liner-lining{fill:var(--burgundy-deep)}
.src-finale .fe-liner-gold{fill:none;stroke:var(--gold);stroke-opacity:0.85;stroke-width:1;vector-effect:non-scaling-stroke}
.src-finale .fe-side{fill:var(--env-side)}
.src-finale .fe-side--far{fill:var(--env-side-far)}
.src-finale .fe-bottom{fill:var(--env)}
.src-finale .fe-seam,.src-finale .fe-mouth,.src-finale .fe-flap-edge{fill:none;stroke:var(--env-line);stroke-width:1;vector-effect:non-scaling-stroke}
.src-finale .fe-edge{fill:none;stroke:var(--env-line-soft);stroke-width:1;vector-effect:non-scaling-stroke}
.src-finale .fe-shade-fill{fill:var(--shadow-soft)}
.src-finale .fe-flap-paper{fill:var(--env-flap)}
.src-finale .fe-wax{fill:var(--burgundy)}
.src-finale .fe-wax-lit{fill:none;stroke:var(--wax-lit);stroke-opacity:0.5;stroke-width:3.5;stroke-linecap:round}
.src-finale .fe-wax-dim{fill:none;stroke:var(--wax-rim);stroke-opacity:0.6;stroke-width:4;stroke-linecap:round}
.src-finale .fe-press{fill:var(--wax-press);stroke:var(--wax-rim);stroke-width:2.2}
.src-finale .fe-press-lit{fill:none;stroke:var(--wax-lit);stroke-opacity:0.7;stroke-width:1.4;stroke-linecap:round}
.src-finale .fe-dome{fill:none;stroke:var(--wax-lit);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.src-finale .fe-dome--sh{stroke:var(--wax-rim)}
@media (max-width:900px){
  .src-finale .fe-stage{--fe-letter:84%}
}
@media (max-width:560px){
  .src-finale .fe-stage{--fe-letter:88%}
  .src-finale .badge{height:52px}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .src-finale .fe-android svg{transition:transform var(--dur-ui) var(--ease-out)}
  .src-finale .fe-android:hover svg{transform:translateX(3px)}
}
@property --fe-in{syntax:"<integer>";inherits:true;initial-value:1}
@keyframes fe-arm{from,to{--fe-in:0}}
@keyframes fe-whole{from{transform:none}}
@keyframes fe-flap-out{
  from{opacity:1;transform:perspective(var(--fe-persp)) rotateX(0deg)}
  48%{opacity:1}
  48.01%{opacity:0}
}
@keyframes fe-flap-in{from{transform:perspective(var(--fe-persp)) rotateX(-180deg)}}
@keyframes fe-dim{from{opacity:1}}
@keyframes fe-rise{from{transform:translateY(100%)}}
@keyframes fe-unfold{
  from{opacity:0;transform:perspective(var(--fe-fold)) rotateX(90deg)}
  20%{opacity:1}
  to{opacity:1;transform:perspective(var(--fe-fold)) rotateX(0deg)}
}
@media (prefers-reduced-motion:no-preference) and (max-height:3000px){
  @supports (animation-timeline: view()){
    .src-finale .fe{
      animation:fe-arm auto linear backwards;
      animation-timeline:view();
      animation-range:entry 0% entry 80%;
    }
    .src-finale .fe-half{animation:fe-whole var(--dur-reveal) var(--ease-out) 250ms backwards}
    .src-finale .fe-flap{animation:fe-flap-out var(--dur-story) var(--ease-in-out) 750ms backwards}
    .src-finale .fe-liner{animation:fe-flap-in var(--dur-story) var(--ease-in-out) 750ms backwards}
    .src-finale .fe-shade{animation:fe-dim 300ms var(--ease-out) 750ms backwards}
    .src-finale .fe-lower{animation:fe-rise 1050ms var(--ease-drawer) 1500ms backwards}
    .src-finale .fe-upper{animation:fe-unfold 900ms var(--ease-in-out) 2450ms backwards}
    .src-finale .fe-upper::after{animation:fe-dim 900ms var(--ease-in-out) 2450ms backwards}
    @container style(--fe-in: 0){
      .src-finale .fe .fe-scene :is(.fe-half,.fe-flap,.fe-liner,.fe-shade,.fe-lower,.fe-upper),.src-finale .fe .fe-scene .fe-upper::after{animation-play-state:paused}
    }
  }
}
.src-finale .fe-scene:has(:focus-visible) :is(.fe-half,.fe-flap,.fe-liner,.fe-shade,.fe-lower,.fe-upper),.src-finale .fe-scene:has(:focus-visible) .fe-upper::after,.src-finale .fe-stage:has(:focus-visible){animation-duration:0s;animation-delay:0s;animation-fill-mode:none}
.src-books{
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --dur-press:160ms; --dur-ui:220ms; --dur-reveal:700ms; --dur-story:1100ms; --stagger:60ms;
  --paper:oklch(97.3% 0.007 88.6);
  --paper-edge:oklch(95% 0.012 86);
  --paper-deep:oklch(92% 0.02 84);
  --paper-shade:oklch(86.5% 0.026 82);
  --ink:oklch(25.5% 0.0313 260.4);
  --ink-soft:oklch(41% 0.035 260);
  --rule:oklch(30% 0.045 25 / 0.14);
  --rule-mid:oklch(30% 0.045 25 / 0.28);
  --rule-strong:oklch(30% 0.045 25 / 0.5);
  --burgundy:oklch(40.1% 0.0948 15.1);
  --burgundy-deep:oklch(30.1% 0.0757 15.6);
  --accent-deep:color-mix(in oklch, var(--burgundy) 76%, var(--burgundy-deep));
  --gold:oklch(65.2% 0.1322 81.6);
  --gold-light:oklch(82% 0.1 85);
  --gold-line:oklch(65.2% 0.1322 81.6 / 0.55);
  --gold-faint:oklch(65.2% 0.1322 81.6 / 0.28);
  --on-dark:oklch(97.3% 0.007 88.6);
  --spine-slate:oklch(40% 0.045 260);
  --spine-ochre:oklch(48.9% 0.0863 79.6);
  --spine-cream:oklch(90% 0.03 85);
  --spine-rose:oklch(88% 0.03 22);
  --spine-oxblood:oklch(30% 0.075 15);
  --spine-tan:oklch(82% 0.05 80);
  --focus:var(--burgundy);

  --serif:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --sans:"Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-label:0.9rem;
  --fs-body:1.125rem;
  --fs-lead:1.4063rem;
  --fs-h3:1.7578rem;
  --fs-title:clamp(2.4rem, 1.7rem + 2.2vw, 3.4332rem);

  --space-3xs:0.25rem;
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --space-3xl:6rem;
  --gutter:clamp(1.25rem, 4vw, 3rem);
  --grid-gap:clamp(1.5rem, 3vw, 3rem);

  position:relative;
  overflow-x:clip;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.6;
  font-kerning:normal;
  font-variant-numeric:lining-nums;
  hanging-punctuation:first allow-end last;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-tap-highlight-color:color-mix(in oklch, var(--burgundy) 14%, transparent);
  overflow-wrap:break-word;
}
@property --bf-in{syntax:'<integer>';inherits:true;initial-value:1}
@keyframes bf-arm{from,to{--bf-in:0}}
@keyframes bf-settle{from{opacity:0;translate:0 -0.6em}}
@keyframes bf-from-home{from{translate:0 0}}
@keyframes bf-from-spine{from{transform:rotateY(90deg)}}
@keyframes bf-from-clear{from{opacity:0}}
@keyframes bf-card-in{from{opacity:0;translate:0 6px}}
@keyframes bf-fade-in{from{opacity:0}}
.src-books *,.src-books *::before,.src-books *::after{box-sizing:border-box}
:where(.src-books) :where(h2,h3,p,ul,li){margin:0}
:where(.src-books) :where(ul)[role="list"]{list-style:none;padding:0}
:where(.src-books) img{display:block;max-width:100%;height:auto}
:where(.src-books) button{font:inherit;color:inherit}
:where(.src-books) a{color:var(--burgundy);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
:where(.src-books) a:hover{color:var(--accent-deep);text-decoration-thickness:2px}
:where(.src-books) :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(.src-books) :where(p,li){text-wrap:pretty}
:where(.src-books) :where(h2,h3){text-wrap:balance}
:where(.src-books) svg{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:where(.src-books) :where(a,button){touch-action:manipulation}
.src-books .bf-memoir{--cloth:var(--ink);--cloth-fg:var(--on-dark);--cloth-band:var(--gold);--cloth-edge:transparent}
.src-books .bf-family{--cloth:var(--burgundy);--cloth-fg:var(--on-dark);--cloth-band:var(--gold-light);--cloth-edge:transparent}
.src-books .bf-childhood{--cloth:var(--spine-cream);--cloth-fg:var(--ink);--cloth-band:var(--burgundy);--cloth-edge:var(--rule-mid)}
.src-books .bf-career{--cloth:var(--spine-slate);--cloth-fg:var(--on-dark);--cloth-band:var(--gold-light);--cloth-edge:transparent}
.src-books .bf-travel{--cloth:var(--spine-ochre);--cloth-fg:var(--on-dark);--cloth-band:var(--paper-deep);--cloth-edge:transparent}
.src-books .bf-love{--cloth:var(--spine-rose);--cloth-fg:var(--burgundy);--cloth-band:var(--burgundy);--cloth-edge:var(--rule-mid)}
.src-books .bf-legacy{--cloth:var(--spine-oxblood);--cloth-fg:var(--on-dark);--cloth-band:var(--gold);--cloth-edge:transparent}
.src-books .bf-custom{--cloth:var(--spine-tan);--cloth-fg:var(--ink);--cloth-band:var(--ink);--cloth-edge:var(--rule-mid)}
.src-books .bf{--bf-loop:16s;position:relative;padding-block:clamp(4.5rem, 3rem + 4vw, 7rem);scroll-margin-top:var(--space-lg)}
.src-books .bf__wrap{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--space-xl);width:100%;max-width:80rem;margin-inline:auto;padding-inline:var(--gutter)}
.src-books .bf__intro{grid-column:1 / span 5;grid-row:1 / span 2}
.src-books .bf__show{grid-column:6 / -1;grid-row:1;container-type:inline-size}
.src-books .bf .bookplate{grid-column:6 / span 6;grid-row:2;align-self:start;max-width:36rem;scroll-margin-top:var(--space-lg)}
.src-books .bf__title{margin-left:-0.03em;font-family:var(--serif);font-weight:500;font-size:var(--fs-title);line-height:1.08;letter-spacing:-0.012em;color:var(--ink)}
.src-books .bf__lead{max-width:34rem;margin-top:var(--space-sm);font-size:var(--fs-body);line-height:1.6}
.src-books .bf-who{max-width:34rem;margin-top:var(--space-sm);scroll-margin-top:var(--space-lg)}
.src-books .bf-who__q{display:inline;margin-right:0.3em;font-family:var(--serif);font-weight:600;font-size:var(--fs-body);line-height:1.6}
.src-books .bf-who__a{display:inline}
.src-books .bf-pick{margin-top:var(--space-lg)}
.src-books .bf-pick__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2xs) var(--space-sm);margin-bottom:var(--space-xs)}
.src-books .bf-pick__label{min-width:0;font-family:var(--serif);font-style:italic;font-size:var(--fs-body);line-height:1.4;color:var(--ink-soft)}
.src-books .bf-row{position:relative;display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:3.5rem;margin:0;padding:0.6875rem var(--space-sm) 0.75rem 0.875rem;background:transparent;border:0;border-top:1px solid var(--rule-mid);border-radius:0;color:var(--ink);text-align:left;cursor:pointer}
.src-books .bf-rows li:last-child .bf-row{border-bottom:1px solid var(--rule-mid)}
.src-books .bf-row::before,.src-books .bf-row::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none}
.src-books .bf-row::before{background:var(--paper-edge);transition:opacity var(--dur-press) var(--ease-out)}
.src-books .bf-row::after{background:var(--paper-edge);box-shadow:inset 0 0 0 1px var(--burgundy)}
.src-books .bf-row[aria-pressed="true"]{background:var(--paper-edge);box-shadow:inset 0 0 0 1px var(--burgundy)}
.src-books .bf-row:focus-visible{z-index:1;outline-offset:2px}
.src-books .bf-row__text{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 0.5em;min-width:0}
.src-books .bf-row__name{font-family:var(--serif);font-weight:600;font-size:1.3125rem;line-height:1.25;color:var(--ink)}
.src-books .bf-row[aria-pressed="true"] .bf-row__name{color:var(--burgundy)}
.src-books .bf-row__for{font-size:1rem;line-height:1.4;color:var(--ink-soft)}
.src-books .bf-glyph{position:relative;flex:0 0 auto;display:block;width:0.75rem;height:2.125rem;border-radius:1px 1px 0 0;background:var(--cloth);box-shadow:inset 0 0 0 1px var(--cloth-edge);transform-origin:100% 100%}
.src-books .bf-glyph::before,.src-books .bf-glyph::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--cloth-band)}
.src-books .bf-glyph::before{top:0.25rem}
.src-books .bf-glyph::after{bottom:0.25rem}
.src-books .bf-row[aria-pressed="true"] .bf-glyph{translate:0 -0.25rem}
.src-books .bf-display{position:relative;display:grid;grid-template-columns:minmax(0, 41.5em);grid-template-rows:minmax(17em, auto) 0.95em 2.75rem auto auto;font-size:0.5rem;font-size:clamp(0.4375rem, calc(100cqi / 41.5), 1.0625rem)}
.src-books .bf-art{position:relative;grid-column:1;grid-row:1}
.src-books .bf-plank{grid-column:1 / -1;grid-row:2;background:var(--paper-deep);border-top:0.19em solid var(--burgundy-deep);box-shadow:inset 0 -1px 0 var(--gold-line)}
.src-books .bf-caption{grid-column:1;grid-row:4;visibility:hidden;opacity:0;padding-top:var(--space-2xs);font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.4;color:var(--ink-soft)}
.src-books .bf.is-open .bf-caption{visibility:visible;opacity:1}
.src-books .bf-cards{grid-column:1;grid-row:5;display:grid;padding-top:var(--space-sm)}
.src-books .bf-bk{--face:24deg;position:absolute;left:var(--slot);bottom:0;z-index:1;height:var(--h);aspect-ratio:325 / 467;pointer-events:none}
.src-books .bf-bk.bf-memoir{--t:3.24em;--h:14.4em;--slot:2.12em;--dx:28.58em;--i:0}
.src-books .bf-bk.bf-family{--t:3.6em;--h:13.32em;--slot:5.84em;--dx:24.86em;--i:1}
.src-books .bf-bk.bf-childhood{--t:2.88em;--h:14.22em;--slot:9.38em;--dx:21.32em;--i:2}
.src-books .bf-bk.bf-career{--t:3.24em;--h:15.3em;--slot:12.74em;--dx:17.96em;--i:3}
.src-books .bf-bk.bf-travel{--t:2.7em;--h:11.88em;--slot:16.01em;--dx:14.69em;--i:4}
.src-books .bf-bk.bf-love{--t:2.88em;--h:12.96em;--slot:19.1em;--dx:11.6em;--i:5}
.src-books .bf-bk.bf-legacy{--t:2.52em;--h:11.34em;--slot:22.1em;--dx:8.6em;--i:6}
.src-books .bf-bk.bf-custom{--t:3.06em;--h:12.6em;--slot:25.19em;--dx:5.51em;--i:7}
.src-books .bf-bk.is-current{z-index:4}
.src-books .bf-bk::before{content:"";position:absolute;bottom:0;left:calc(var(--t) / -2);width:var(--t);height:100%;background:oklch(27% 0.035 45 / 0.08);opacity:0;pointer-events:none}
.src-books .bf-bk.is-current::before{opacity:1}
.src-books .bf-bk__x,.src-books .bf-bk__lift,.src-books .bf-bk__drop,.src-books .bf-bk__persp{position:absolute;inset:0}
.src-books .bf-bk.is-current .bf-bk__x{translate:var(--dx) 0}
.src-books .bf-bk.is-current .bf-bk__lift{translate:0 -1.25em}
.src-books .bf-bk.is-current .bf-bk__drop{translate:0 1.25em}
.src-books .bf-bk__shadow{position:absolute;left:-0.9em;right:-0.6em;bottom:-0.5em;height:1em;background:radial-gradient(closest-side, oklch(27% 0.035 45 / 0.3), transparent);opacity:0;pointer-events:none}
.src-books .bf-bk.is-current .bf-bk__shadow{opacity:1}
.src-books .bf-bk__persp{perspective:90em;perspective-origin:0 50%;transform-origin:0 100%}
.src-books .bf-bk__3d,.src-books .bf-bk__turn{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 50% 0}
.src-books .bf-bk__3d{transform:rotateY(90deg)}
.src-books .bf-bk.is-current .bf-bk__3d{transform:rotateY(var(--face))}
.src-books .bf-bk__turn{transform:rotateY(0deg)}
.src-books .bf-bk__back{position:absolute;inset:0;border-radius:2px 4px 4px 2px;background:var(--cloth);transform:translateZ(calc(var(--t) / -2))}
.src-books .bf-bk__pages{position:absolute;top:0.2em;bottom:0.2em;right:0.1em;width:calc(var(--t) - 0.1em);background:repeating-linear-gradient(90deg, var(--paper) 0 2px, var(--paper-shade) 2px 3px);transform:translateX(calc((var(--t) - 0.1em) / 2)) rotateY(90deg)}
.src-books .bf-bk__spine{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:0.45em;width:var(--t);padding:0.63em 0.27em 0.54em;overflow:hidden;border-radius:2px 2px 0 0;background:var(--cloth);color:var(--cloth-fg);box-shadow:inset 0 0 0 1px var(--cloth-edge);transform:translateX(calc(var(--t) / -2)) rotateY(-90deg)}
.src-books .bf-bk__spine::after{content:"";position:absolute;inset:0;background:oklch(20% 0.03 30 / 0.3);opacity:0;pointer-events:none}
.src-books .bf-bk.is-current .bf-bk__spine::after{opacity:1}
.src-books .bf-bk__band{flex:0 0 auto;width:100%;height:8px;border-top:3px solid var(--cloth-band);border-bottom:2px solid var(--cloth-band)}
.src-books .bf-bk__title{flex:1 1 auto;min-height:0;writing-mode:vertical-rl;text-orientation:mixed;text-align:center;font-family:var(--serif);font-weight:600;font-size:0.9em;font-variant-caps:all-small-caps;letter-spacing:0.06em;line-height:1.1}
.src-books .bf-bk__num{flex:0 0 auto;font-family:var(--serif);font-weight:600;font-size:0.63em;line-height:1;letter-spacing:0.04em}
.src-books .bf-bk__first{position:absolute;top:2.5%;bottom:2.5%;left:0;right:1.5%;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:12% 9% 0;container-type:inline-size;background:oklch(98.5% 0.006 88);border-radius:0 2px 2px 0;color:var(--ink);text-align:center;transform:translateZ(calc(var(--t) / 2 - 2px))}
.src-books .bf-bk__run{font-family:var(--serif);font-weight:600;font-size:0.5625rem;font-size:clamp(0.5rem, 6.2cqi, 0.8125rem);font-variant-caps:all-small-caps;letter-spacing:0.12em;line-height:1.2;color:var(--ink-soft)}
.src-books .bf-bk__orn{display:block;width:30%;height:1px;margin-top:8%;background:var(--gold)}
.src-books .bf-bk__chap{margin-top:13%;font-family:var(--serif);font-weight:600;font-size:0.75rem;font-size:clamp(0.625rem, 8.6cqi, 1.125rem);font-variant-caps:all-small-caps;letter-spacing:0.08em;line-height:1;color:var(--burgundy)}
.src-books .bf-bk__ctitle{margin-top:5%;font-family:var(--serif);font-style:italic;font-weight:500;font-size:0.6875rem;font-size:clamp(0.5625rem, 8.4cqi, 1.0625rem);line-height:1.2}
.src-books .bf-bk__lines{display:grid;gap:0.375rem;gap:4.4cqi;width:100%;margin-top:11%}
.src-books .bf-bk__lines span{display:block;height:1px;background:var(--rule-mid)}
.src-books .bf-bk__lines span:first-child{margin-left:12%}
.src-books .bf-bk__lines span:last-child{width:55%}
.src-books .bf-bk__hinge{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 50%;transform:translateZ(calc(var(--t) / 2)) rotateY(0deg)}
.src-books .bf-bk__cover{position:absolute;inset:0;overflow:hidden;border-radius:2px 4px 4px 2px;background:var(--paper-deep);backface-visibility:hidden;container-type:inline-size}
.src-books .bf-bk__cover::after{content:"";position:absolute;top:0;bottom:0;left:6%;width:1px;background:oklch(22% 0.02 60 / 0.35);box-shadow:2px 0 0 oklch(97% 0.01 88 / 0.3)}
.src-books .bf-bk__img{position:absolute;top:-55.246%;left:-54.462%;width:209.231%;max-width:none;height:auto}
.src-books .bf-bk__wrap{position:absolute;left:0;right:0;bottom:7%;height:13%;display:grid;place-items:center;overflow:hidden;padding-inline:6%;background:var(--cloth);color:var(--cloth-fg);box-shadow:inset 0 1px 0 var(--cloth-band), inset 0 -1px 0 var(--cloth-band);font-family:var(--serif);font-weight:600;font-size:6.4cqi;font-variant-caps:all-small-caps;letter-spacing:0.06em;line-height:1;white-space:nowrap}
.src-books .bf-bk__inside{position:absolute;inset:0;border-radius:4px 2px 2px 4px;background:var(--paper-deep);box-shadow:inset 0 0 0 0.35em var(--paper-deep), inset 0 0 0 calc(0.35em + 1px) var(--gold-faint);transform:rotateY(180deg);backface-visibility:hidden}
.src-books .bf.is-open .bf-bk.is-current .bf-bk__turn{transform:rotateY(-30deg)}
.src-books .bf.is-open .bf-bk.is-current .bf-bk__hinge{transform:translateZ(calc(var(--t) / 2)) rotateY(-100deg)}
.src-books .bf-slot{position:absolute;bottom:0;left:calc(var(--slot) - var(--t) / 2);z-index:5;width:var(--t);height:var(--h);cursor:pointer}
.src-books .bf-slot.bf-memoir{--t:3.24em;--h:14.4em;--slot:2.12em}
.src-books .bf-slot.bf-family{--t:3.6em;--h:13.32em;--slot:5.84em}
.src-books .bf-slot.bf-childhood{--t:2.88em;--h:14.22em;--slot:9.38em}
.src-books .bf-slot.bf-career{--t:3.24em;--h:15.3em;--slot:12.74em}
.src-books .bf-slot.bf-travel{--t:2.7em;--h:11.88em;--slot:16.01em}
.src-books .bf-slot.bf-love{--t:2.88em;--h:12.96em;--slot:19.1em}
.src-books .bf-slot.bf-legacy{--t:2.52em;--h:11.34em;--slot:22.1em}
.src-books .bf-slot.bf-custom{--t:3.06em;--h:12.6em;--slot:25.19em}
.src-books .bf-look{position:absolute;bottom:calc(-0.95em - 2.75rem);left:26.7em;z-index:6;display:flex;align-items:flex-end;justify-content:flex-start;width:14.8em;height:calc(17.95em + 2.75rem);margin:0;padding:0 0 0 3.8em;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.src-books .bf-look:focus-visible{outline:none}
.src-books .bf-look__label{display:inline-flex;align-items:center;min-height:2.75rem;font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.2;white-space:nowrap;color:var(--burgundy);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
.src-books .bf-look:hover .bf-look__label{color:var(--accent-deep);text-decoration-thickness:2px}
.src-books .bf-look:focus-visible .bf-look__label{outline:3px solid var(--focus);outline-offset:3px}
.src-books .bf-card{grid-area:1 / 1;visibility:hidden;opacity:0;translate:0 6px;padding-top:0.875rem;border-top:1px solid var(--gold-line)}
.src-books .bf-card.is-current{visibility:visible;opacity:1;translate:0 0}
.src-books .bf-card__no{display:flex;align-items:center;gap:var(--space-2xs);font-family:var(--serif);font-size:1.0625rem;font-variant-caps:all-small-caps;letter-spacing:0.05em;line-height:1.3;color:var(--ink-soft)}
.src-books .bf-card__no .bf-glyph{width:0.625rem;height:1.625rem}
.src-books .bf-card__no .bf-glyph::before{top:0.2rem}
.src-books .bf-card__no .bf-glyph::after{bottom:0.2rem}
.src-books .bf-card__name{margin-top:var(--space-2xs);padding-bottom:0.1em;font-family:var(--serif);font-style:italic;font-weight:500;font-size:var(--fs-h3);line-height:1.15;color:var(--ink)}
.src-books .bf-card__desc{max-width:34rem;margin-top:var(--space-2xs);font-size:var(--fs-body);line-height:1.55}
.src-books .bf-card__for{max-width:34rem;margin-top:var(--space-2xs);font-size:var(--fs-body);line-height:1.55}
.src-books .bf-card__for em{font-family:var(--serif);font-weight:600;color:var(--burgundy)}
.src-books .bookplate{position:relative;padding:var(--space-lg) var(--space-lg) var(--space-md);background:var(--paper-edge);border:1px solid var(--gold)}
.src-books .bookplate::before{content:"";position:absolute;inset:0.375rem;border:1px solid var(--gold-line);pointer-events:none}
.src-books .bookplate .label{font-family:var(--sans);font-size:var(--fs-label);font-weight:600;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-soft)}
.src-books .bookplate__title{margin-top:var(--space-xs);font-family:var(--serif);font-weight:600;font-size:var(--fs-h3);line-height:1.2}
.src-books .bookplate__text{max-width:28rem;margin-top:var(--space-xs)}
.src-books .bookplate__link{display:inline-flex;align-items:center;gap:0.5em;min-height:44px;margin-top:var(--space-sm);font-weight:600}
@media (max-width:73.6875em){
  .src-books .bf__intro,.src-books .bf__show,.src-books .bf .bookplate{grid-column:1 / -1;grid-row:auto}
  .src-books .bf__intro{max-width:40rem}
}
@media (max-width:900px){
  .src-books .bf{padding-block:var(--space-2xl) var(--space-3xl)}
  .src-books .bf__wrap{row-gap:var(--space-lg)}
}
@media (max-width:560px){
  .src-books .bf__title{hyphens:auto}
  .src-books .bf-row{padding:0.625rem 0.75rem 0.6875rem 0.625rem;gap:0.875rem}
  .src-books .bf .bookplate{padding:var(--space-lg) var(--space-md) var(--space-md)}
}
@media (prefers-reduced-motion:no-preference){
  .src-books .bf-bk{transition:z-index 680ms linear}
  .src-books .bf-bk.is-current{transition:z-index 0s}
  .src-books .bf-bk::before{transition:opacity var(--dur-press) var(--ease-out) 520ms}
  .src-books .bf-bk.is-current::before{transition:opacity 200ms var(--ease-out) 240ms}
  .src-books .bf-bk__x{transition:translate 520ms var(--ease-drawer) 80ms}
  .src-books .bf-bk.is-current .bf-bk__x{transition:translate 900ms var(--ease-in-out) 280ms}
  .src-books .bf-bk__lift{transition:translate 240ms var(--ease-out) 440ms}
  .src-books .bf-bk.is-current .bf-bk__lift{transition:translate 260ms var(--ease-out) 0ms}
  .src-books .bf-bk__drop{transition:translate 200ms var(--ease-out) 0ms}
  .src-books .bf-bk.is-current .bf-bk__drop{transition:translate 380ms var(--ease-out) 980ms}
  .src-books .bf-bk__3d{transition:transform 380ms var(--ease-out) 0ms}
  .src-books .bf-bk.is-current .bf-bk__3d{transition:transform 900ms var(--ease-in-out) 440ms}
  .src-books .bf-bk__spine::after{transition:opacity 380ms var(--ease-out)}
  .src-books .bf-bk.is-current .bf-bk__spine::after{transition:opacity 900ms var(--ease-in-out) 440ms}
  .src-books .bf-bk__shadow{transition:opacity 120ms var(--ease-out)}
  .src-books .bf-bk.is-current .bf-bk__shadow{transition:opacity 300ms var(--ease-out) 1160ms}
  .src-books .bf-card.is-current{transition:opacity var(--dur-ui) var(--ease-out) 560ms,translate var(--dur-ui) var(--ease-out) 560ms}
  .src-books .bf-glyph{transition:translate var(--dur-ui) var(--ease-out),rotate var(--dur-ui) var(--ease-out)}
  .src-books .bf-bk__persp{transition:rotate var(--dur-press) var(--ease-out)}
}
@media (prefers-reduced-motion:no-preference){
  .src-books .bf-bk__turn,.src-books .bf-bk__hinge{transition:transform var(--dur-reveal) var(--ease-out)}
  .src-books .bf-bk__turn{transition-delay:var(--stagger)}
  .src-books .bf.is-open .bf-bk.is-current :is(.bf-bk__turn,.bf-bk__hinge){transition-duration:var(--dur-story);transition-timing-function:var(--ease-in-out);transition-delay:0ms}
  .src-books .bf.is-open .bf-bk.is-current .bf-bk__hinge{transition-delay:calc(var(--stagger) * 2)}
  .src-books .bf-caption{transition:opacity 120ms var(--ease-out),visibility 0s linear 120ms}
  .src-books .bf.is-open .bf-caption{transition:opacity var(--dur-ui) var(--ease-out) 800ms,visibility 0s}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .src-books .bf-look:hover ~ .bf-bk.is-current .bf-bk__turn{transform:rotateY(-30deg)}
  .src-books .bf-look:hover ~ .bf-bk.is-current .bf-bk__hinge{transform:translateZ(calc(var(--t) / 2)) rotateY(-100deg)}
  .src-books .bf-look:hover ~ .bf-bk.is-current :is(.bf-bk__turn,.bf-bk__hinge){transition-duration:var(--dur-story);transition-timing-function:var(--ease-in-out);transition-delay:120ms}
  .src-books .bf-look:hover ~ .bf-bk.is-current .bf-bk__hinge{transition-delay:240ms}
  .src-books .bf-display:has(.bf-look:hover) .bf-caption{visibility:visible;opacity:1;transition:opacity var(--dur-ui) var(--ease-out) 920ms,visibility 0s}
}
@media (hover:hover) and (pointer:fine){
  .src-books .bf-row:not([aria-pressed="true"]):hover::before{opacity:1}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .src-books .bf-row:hover .bf-glyph{rotate:-6deg}
  .src-books .bf-slot.bf-memoir:hover ~ .bf-bk.bf-memoir:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-family:hover ~ .bf-bk.bf-family:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-childhood:hover ~ .bf-bk.bf-childhood:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-career:hover ~ .bf-bk.bf-career:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-travel:hover ~ .bf-bk.bf-travel:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-love:hover ~ .bf-bk.bf-love:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-legacy:hover ~ .bf-bk.bf-legacy:not(.is-current) .bf-bk__persp,.src-books .bf-slot.bf-custom:hover ~ .bf-bk.bf-custom:not(.is-current) .bf-bk__persp{rotate:-2deg;transition-duration:var(--dur-ui)}
}
@media (prefers-reduced-motion:no-preference){
  .src-books .bf-row{transition:transform var(--dur-press) var(--ease-out)}
  .src-books .bf-row:active:not(:focus-visible){transform:scale(0.98)}
}
@media (prefers-reduced-motion:reduce){
  .src-books .bf-bk.is-current .bf-bk__persp{animation:bf-fade-in 200ms var(--ease-out)}
  .src-books .bf-card{translate:0 0}
  .src-books .bf-card.is-current{transition:opacity 160ms var(--ease-out)}
  .src-books .bf.is-open .bf-caption{transition:opacity 160ms var(--ease-out)}
  .src-books .bf.is-open .bf-bk.is-current .bf-bk__turn{transform:rotateY(0deg)}
  .src-books .bf.is-open .bf-bk.is-current .bf-bk__hinge{transform:translateZ(calc(var(--t) / 2)) rotateY(0deg)}
  .src-books .bf.is-open .bf-bk.is-current .bf-bk__cover{opacity:0}
  .src-books .bf-bk__cover{transition:opacity 200ms var(--ease-out)}
}
@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){
  .src-books .bf-look:hover ~ .bf-bk.is-current .bf-bk__cover{opacity:0}
  .src-books .bf-display:has(.bf-look:hover) .bf-caption{visibility:visible;opacity:1}
}
@media (prefers-reduced-motion:no-preference) and (max-height:3000px){
  @supports (animation-timeline: view()){
    .src-books .bf{
      animation:bf-arm auto linear backwards;
      animation-timeline:view();
      animation-range:entry 0% entry 75%;
    }
    .src-books .bf-bk{animation:bf-settle var(--dur-reveal) var(--ease-out) calc(var(--i) * 50ms) backwards}
    .src-books .bf-bk::before{animation:bf-from-clear 200ms var(--ease-out) 1340ms backwards}
    .src-books .bf-bk__lift{animation:bf-from-home 260ms var(--ease-out) 1100ms backwards}
    .src-books .bf-bk__x{animation:bf-from-home 900ms var(--ease-in-out) 1380ms backwards}
    .src-books .bf-bk__3d{animation:bf-from-spine 900ms var(--ease-in-out) 1540ms backwards}
    .src-books .bf-bk__spine::after{animation:bf-from-clear 900ms var(--ease-in-out) 1540ms backwards}
    .src-books .bf-bk__drop{animation:bf-from-home 380ms var(--ease-out) 2080ms backwards}
    .src-books .bf-bk__shadow{animation:bf-from-clear 300ms var(--ease-out) 2260ms backwards}
    .src-books .bf-card{animation:bf-card-in var(--dur-ui) var(--ease-out) 1660ms backwards}
    .src-books .bf-glyph{animation:bf-from-home var(--dur-ui) var(--ease-out) 1100ms backwards}
    @container style(--bf-in: 0){
      .src-books .bf .bf__show :is(.bf-bk,.bf-bk__x,.bf-bk__lift,.bf-bk__drop,.bf-bk__3d,.bf-bk__shadow,.bf-card),.src-books .bf .bf__show .bf-bk::before,.src-books .bf .bf__show .bf-bk__spine::after,.src-books .bf .bf__intro .bf-glyph{animation-play-state:paused}
    }
    .src-books .bf.is-touched :is(.bf-bk,.bf-bk__x,.bf-bk__lift,.bf-bk__drop,.bf-bk__3d,.bf-bk__shadow,.bf-card,.bf-glyph),.src-books .bf.is-touched .bf-bk::before,.src-books .bf.is-touched .bf-bk__spine::after{animation:none}
  }
}
.src-books .bf:has(:focus-visible) :is(.bf-bk,.bf-bk__x,.bf-bk__lift,.bf-bk__drop,.bf-bk__3d,.bf-bk__turn,.bf-bk__hinge,.bf-bk__shadow,.bf-bk__cover,.bf-card,.bf-caption,.bf-glyph),.src-books .bf:has(:focus-visible) .bf-bk::before,.src-books .bf:has(:focus-visible) .bf-bk__spine::after{transition-duration:0s !important;transition-delay:0s !important}
.src-family .faq{padding-block:var(--section-y);background:var(--paper-edge)}
.src-family .faq__grid{align-items:start}
.src-family .faq__head{grid-column:1 / span 4}
.src-family .faq__mail{max-width:22rem;margin-top:var(--space-lg)}
.src-family .faq__body{grid-column:6 / span 7;border-top:1px solid var(--ink)}
.src-family .note{border-bottom:1px solid var(--rule-mid)}
.src-family .note__q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:44px;padding-block:var(--space-md);list-style:none;cursor:pointer}
.src-family .note__q::-webkit-details-marker{display:none}
.src-family .note__q::marker{content:""}
.src-family .note__h{font-family:var(--serif);font-weight:600;font-size:var(--fs-lead);line-height:1.3}
.src-family .note__q:hover .note__h{color:var(--accent)}
.src-family .note__icon{flex:0 0 auto;width:20px;height:20px;color:var(--accent)}
@media (max-width:900px){
  .src-family .faq__head,.src-family .faq__body{grid-column:1 / -1}
  .src-family .faq__body{margin-top:var(--space-xl)}
}
.src-family .faq--list .note__q{color:inherit;text-decoration:none}
.src-family .faq--list .note__q:focus-visible{outline-offset:2px}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .src-family .faq--list .note__icon{transition:transform var(--dur-ui) var(--ease-out)}
  .src-family .faq--list .note__q:hover .note__icon{transform:translateX(3px)}
}
.src-glanceb{
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out:cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --paper:oklch(97.3% 0.007 88.6);
  --paper-edge:oklch(95% 0.012 86);
  --ink:oklch(25.5% 0.0313 260.4);
  --ink-soft:oklch(41% 0.035 260);
  --rule:oklch(30% 0.045 25 / 0.14);
  --rule-mid:oklch(30% 0.045 25 / 0.28);
  --burgundy:oklch(40.1% 0.0948 15.1);
  --burgundy-deep:oklch(30.1% 0.0757 15.6);
  --accent-deep:color-mix(in oklch, var(--burgundy) 76%, var(--burgundy-deep));
  --gold:oklch(65.2% 0.1322 81.6);
  --gold-line:oklch(65.2% 0.1322 81.6 / 0.55);
  --focus:var(--burgundy);
  --glb-sheet:oklch(98.9% 0.0045 88);
  --glb-line:oklch(60% 0.03 40);
  --glb-hl:color-mix(in oklch, var(--burgundy) 7%, var(--glb-sheet));
  --glb-pressed:color-mix(in oklch, var(--burgundy) 9%, var(--paper));

  --serif:"Brygada 1918", "Brygada 1918 Fallback", Georgia, serif;
  --sans:"Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif;
  --fs-label:0.9rem;
  --fs-q:1.0625rem;
  --fs-body:1.125rem;
  --fs-a:1.3125rem;
  --glb-fs-cq:clamp(1.75rem, 1.2rem + 1.4vw, 2.25rem);
  --fs-title:clamp(2.4rem, 1.7rem + 2.2vw, 3.4332rem);

  --space-3xs:0.25rem;
  --space-2xs:0.5rem;
  --space-xs:0.75rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4rem;
  --space-3xl:6rem;
  --gutter:clamp(1.25rem, 4vw, 3rem);
  --grid-gap:clamp(1.5rem, 3vw, 3rem);

  position:relative;
  overflow-x:clip;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.6;
  font-kerning:normal;
  font-variant-numeric:lining-nums;
  hanging-punctuation:first allow-end last;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-tap-highlight-color:color-mix(in oklch, var(--burgundy) 14%, transparent);
  overflow-wrap:break-word;
}
@property --glb-in{syntax:'<integer>';inherits:true;initial-value:1}
@keyframes glb-arm{from,to{--glb-in:0}}
@keyframes glb-settle{from{opacity:0;translate:0 0.625rem}}
@keyframes glb-rise{from{opacity:0;translate:0 0.375em}}
@keyframes glb-show{from{opacity:0}}
@keyframes glb-speak{0%,100%{transform:scaleY(var(--glb-r))}20%,60%{transform:scaleY(var(--glb-hi))}40%,80%{transform:scaleY(var(--glb-lo))}}
@keyframes glb-respeak-a{0%,100%{transform:scaleY(var(--glb-r))}20%,60%{transform:scaleY(var(--glb-hi))}40%,80%{transform:scaleY(var(--glb-lo))}}
@keyframes glb-respeak-b{0%,100%{transform:scaleY(var(--glb-r))}20%,60%{transform:scaleY(var(--glb-hi))}40%,80%{transform:scaleY(var(--glb-lo))}}
@keyframes glb-cspeak-a{0%,100%{transform:scaleY(var(--glb-r))}20%,60%{transform:scaleY(var(--glb-hi))}40%,80%{transform:scaleY(var(--glb-lo))}}
@keyframes glb-cspeak-b{0%,100%{transform:scaleY(var(--glb-r))}20%,60%{transform:scaleY(var(--glb-hi))}40%,80%{transform:scaleY(var(--glb-lo))}}
@keyframes glb-wipe{from{clip-path:polygon(-16% 0, 0% 0, -16% 100%, -16% 100%)}to{clip-path:polygon(-16% 0, 116% 0, 100% 100%, -16% 100%)}}
@keyframes glb-rewipe-a{from{clip-path:polygon(-16% 0, 0% 0, -16% 100%, -16% 100%)}to{clip-path:polygon(-16% 0, 116% 0, 100% 100%, -16% 100%)}}
@keyframes glb-rewipe-b{from{clip-path:polygon(-16% 0, 0% 0, -16% 100%, -16% 100%)}to{clip-path:polygon(-16% 0, 116% 0, 100% 100%, -16% 100%)}}
@keyframes glb-cq-first{
  0%,1.942%{opacity:0;translate:0 calc(var(--glb-lift) * 0.5rem);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  7.282%,13.35%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  16.262%{opacity:0;translate:0 0}
  16.505%,94.66%{opacity:0;translate:0 calc(var(--glb-lift) * 0.5rem);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:1;translate:0 0}
}
@keyframes glb-cq-pass{
  0%{opacity:0;translate:0 calc(var(--glb-lift) * 0.5rem);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  37.288%,79.661%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:0;translate:0 0}
}
@keyframes glb-cq-last{
  0%{opacity:0;translate:0 calc(var(--glb-lift) * 0.5rem);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  19.643%,89.286%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:0;translate:0 0}
}
@keyframes glb-ring-first{
  0%,13.35%{opacity:1;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  16.262%,94.66%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  97.573%,100%{opacity:1}
}
@keyframes glb-ring-pass{
  0%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  20.339%,79.661%{opacity:1;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:0}
}
@keyframes glb-ring-last{
  0%{opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  10.714%,89.286%{opacity:1;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:0}
}
@keyframes glb-cwave-arrive{
  0%,3.636%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  5.818%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  8%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  10.182%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  12.364%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  14.545%,17.879%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  20.061%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  22.242%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  24.424%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  26.606%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  28.788%,32.121%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  34.303%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  36.485%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  38.667%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  40.848%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  43.03%,46.364%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  48.545%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  50.727%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  52.909%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  55.091%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  57.273%,60.606%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  62.788%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  64.97%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  67.152%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  69.333%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  71.515%,74.848%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  77.03%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  79.212%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  81.394%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  83.576%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  85.758%,89.091%{transform:scaleY(var(--glb-r));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  91.273%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  93.455%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  95.636%{transform:scaleY(var(--glb-hi));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  97.818%{transform:scaleY(var(--glb-lo));animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}
  100%{transform:scaleY(var(--glb-r))}
}
@keyframes glb-wd-first{
  0%,9.091%{opacity:0;translate:0 calc(var(--glb-roll) * 35%);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  15.909%,17.955%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  21.591%{opacity:0;translate:0 calc(var(--glb-roll) * -35%)}
  21.818%,93.182%{opacity:0;translate:0 calc(var(--glb-roll) * 35%);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:1;translate:0 0}
}
@keyframes glb-wd-pass{
  0%{opacity:0;translate:0 calc(var(--glb-roll) * 35%);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  54.545%,70.909%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:0;translate:0 calc(var(--glb-roll) * -35%)}
}
@keyframes glb-wd-last{
  0%{opacity:0;translate:0 calc(var(--glb-roll) * 35%);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  31.25%,83.333%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
  100%{opacity:0;translate:0 calc(var(--glb-roll) * -35%)}
}
.src-glanceb *,.src-glanceb *::before,.src-glanceb *::after{box-sizing:border-box}
:where(.src-glanceb) :where(h2,p,ol,li,dl,dt,dd){margin:0}
:where(.src-glanceb) :where(ol)[role="list"]{list-style:none;padding:0}
:where(.src-glanceb) button{font:inherit;color:inherit}
:where(.src-glanceb) a{color:var(--burgundy);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
:where(.src-glanceb) :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
:where(.src-glanceb) :where(p,dd){text-wrap:pretty}
:where(.src-glanceb) :where(h2){text-wrap:balance}
:where(.src-glanceb) svg{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:where(.src-glanceb) :where(a,button){touch-action:manipulation}
.src-glanceb .glb-sec{--glb-loop:14s;position:relative;padding-block:clamp(4rem, 2.5rem + 3vw, 5.25rem);scroll-margin-top:var(--space-lg)}
.src-glanceb .glb-wrap{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--space-xl);width:100%;max-width:80rem;margin-inline:auto;padding-inline:var(--gutter)}
.src-glanceb .glb-intro{grid-column:1 / span 5;align-self:stretch;display:flex;flex-direction:column;max-width:30rem}
.src-glanceb .glb-title{margin-left:-0.03em;font-family:var(--serif);font-weight:500;font-size:var(--fs-title);line-height:1.08;letter-spacing:-0.012em;color:var(--ink)}
.src-glanceb .glb-card{position:relative;margin-top:var(--space-xl)}
.src-glanceb .glb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.src-glanceb .glb-cq-stack{display:grid}
.src-glanceb .glb-cq{--glb-lift:1;grid-area:1 / 1;display:flex;flex-direction:column;gap:0.625rem;opacity:0;translate:0 calc(var(--glb-lift) * 0.5rem);transition:opacity 160ms var(--ease-out), translate 0s linear 160ms}
.src-glanceb .glb-cq.glb-on{opacity:1;translate:0 0;transition:opacity 220ms var(--ease-out) 80ms, translate 220ms var(--ease-out) 80ms}
.src-glanceb .glb-cq-label{font-family:var(--sans);font-size:0.875rem;font-weight:600;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:var(--burgundy)}
.src-glanceb .glb-cq-text{max-width:15.5em;hanging-punctuation:none;padding-bottom:0.08em;font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--glb-fs-cq);line-height:1.16;color:var(--ink);text-indent:-0.42em;text-wrap:balance}
.src-glanceb .glb-mark{color:var(--burgundy)}
.src-glanceb .glb-cwave{display:flex;align-items:center;gap:0.1875rem;height:2rem;margin-top:var(--space-sm)}
.src-glanceb .glb-cbar{display:block;flex:0 0 auto;width:0.25rem;height:1.75rem;border-radius:0.125rem;background:var(--burgundy);transform:scaleY(var(--glb-r));transform-origin:50% 50%}
.src-glanceb .glb-nav{display:flex;align-items:center;gap:0.5rem;margin-top:var(--space-md)}
.src-glanceb .glb-steps{display:flex;gap:0.25rem}
.src-glanceb .glb-navbtn,.src-glanceb .glb-step{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;background:transparent;border:1px solid var(--glb-line);border-radius:2px;color:var(--ink);cursor:pointer}
.src-glanceb .glb-step{font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.src-glanceb .glb-navbtn svg{flex:0 0 auto}
.src-glanceb .glb-navbtn::before,.src-glanceb .glb-step::before,.src-glanceb .glb-step::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none}
.src-glanceb .glb-navbtn::before,.src-glanceb .glb-step::before{background:var(--paper-edge);transition:opacity 160ms var(--ease-out)}
.src-glanceb .glb-step::after{background:var(--glb-pressed);box-shadow:inset 0 0 0 2px var(--burgundy)}
.src-glanceb .glb-step[aria-current="true"]::after{opacity:1}
.src-glanceb .glb-word{container-type:inline-size;margin-block:auto;padding-top:var(--space-xl)}
.src-glanceb .glb-word-label{font-family:var(--serif);font-style:italic;font-size:var(--fs-body);line-height:1.4;color:var(--ink-soft)}
.src-glanceb .glb-wd-stack{display:grid;margin-top:var(--space-xs);padding-block:0.06em 0.16em;font-size:clamp(3.25rem, 2rem + 4.5vw, 5.25rem);font-size:clamp(3.25rem, 19cqi, 6rem);clip-path:inset(0 -1rem)}
.src-glanceb .glb-wd{--glb-roll:1;grid-area:1 / 1;align-self:end;font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:-0.015em;color:var(--ink);text-wrap:balance;opacity:0;translate:0 calc(var(--glb-roll) * 35%);transition:opacity 120ms var(--ease-out), translate 0s linear 120ms}
.src-glanceb .glb-wd-em{font-style:italic;color:var(--burgundy)}
.src-glanceb .glb-wd.glb-was{opacity:0;translate:0 calc(var(--glb-roll) * -35%);transition:opacity 160ms var(--ease-out) 280ms, translate 160ms var(--ease-out) 280ms}
.src-glanceb .glb-wd.glb-on{opacity:1;translate:0 0;transition:opacity 300ms var(--ease-out) 360ms, translate 300ms var(--ease-out) 360ms}
.src-glanceb .glb-sheet{grid-column:6 / -1;position:relative;display:flex;flex-direction:column;padding:2.75rem 3rem 2.5rem;background:var(--glb-sheet);border:1px solid var(--rule);border-radius:2px;box-shadow:0 1px 2px oklch(30% 0.03 40 / 0.06), 0 28px 56px -36px oklch(30% 0.04 40 / 0.32)}
.src-glanceb .glb-date{padding-bottom:var(--space-sm);border-bottom:1px solid var(--gold-line);font-size:var(--fs-label);font-weight:600;line-height:1.4;letter-spacing:0.02em;color:var(--ink-soft)}
.src-glanceb .glb-dl{display:grid;gap:1.75rem;margin-top:1.75rem;margin-bottom:var(--space-lg)}
.src-glanceb .glb-qa{--glb-indent:2.75rem;position:relative;isolation:isolate;display:grid;gap:0.375rem;scroll-margin-block:var(--space-2xl);transition:opacity 160ms var(--ease-out)}
.src-glanceb .glb-qa::before{content:"";position:absolute;inset:-0.75rem -1rem;z-index:-1;border-radius:2px;background:var(--glb-hl);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--burgundy) 40%, transparent);opacity:0;pointer-events:none;transition:opacity 160ms var(--ease-out)}
.src-glanceb .glb-q{font-family:var(--sans);font-size:var(--fs-q);font-weight:600;line-height:1.4;color:var(--ink)}
.src-glanceb .glb-a{display:grid;grid-template-columns:var(--glb-indent) minmax(0,1fr);align-items:start;font-family:var(--serif);font-size:var(--fs-a);line-height:1.45;color:var(--ink)}
.src-glanceb .glb-a-text{display:block;grid-column:2;min-width:0}
.src-glanceb .glb-a-text a{display:inline-block;padding-block:0.5rem;margin-block:-0.5rem}
.src-glanceb .glb-wave{grid-column:1;display:flex;align-items:center;gap:0.125rem;height:1.45em}
.src-glanceb .glb-bar{display:block;flex:0 0 auto;width:0.1875rem;height:1.125rem;border-radius:0.09375rem;background:var(--burgundy);transform:scaleY(var(--glb-r));transform-origin:50% 50%}
.src-glanceb .glb-bar:nth-child(1),.src-glanceb .glb-cbar:nth-child(1){--glb-r:0.32;--glb-hi:0.78;--glb-lo:0.28;--glb-d:560ms;--glb-o:0ms}
.src-glanceb .glb-bar:nth-child(2),.src-glanceb .glb-cbar:nth-child(2){--glb-r:0.58;--glb-hi:1;--glb-lo:0.34;--glb-d:620ms;--glb-o:40ms}
.src-glanceb .glb-bar:nth-child(3),.src-glanceb .glb-cbar:nth-child(3){--glb-r:0.92;--glb-hi:0.5;--glb-lo:1;--glb-d:600ms;--glb-o:20ms}
.src-glanceb .glb-bar:nth-child(4),.src-glanceb .glb-cbar:nth-child(4){--glb-r:0.7;--glb-hi:0.98;--glb-lo:0.4;--glb-d:640ms;--glb-o:60ms}
.src-glanceb .glb-bar:nth-child(5),.src-glanceb .glb-cbar:nth-child(5){--glb-r:1;--glb-hi:0.46;--glb-lo:0.9;--glb-d:580ms;--glb-o:10ms}
.src-glanceb .glb-bar:nth-child(6),.src-glanceb .glb-cbar:nth-child(6){--glb-r:0.5;--glb-hi:0.88;--glb-lo:0.3;--glb-d:620ms;--glb-o:50ms}
.src-glanceb .glb-bar:nth-child(7),.src-glanceb .glb-cbar:nth-child(7){--glb-r:0.28;--glb-hi:0.66;--glb-lo:0.25;--glb-d:600ms;--glb-o:30ms}
.src-glanceb .glb-k-what{--glb-i:0}
.src-glanceb .glb-k-works{--glb-i:1}
.src-glanceb .glb-k-langs{--glb-i:2}
.src-glanceb .glb-k-trial{--glb-i:3}
.src-glanceb .glb-k-plan{--glb-i:4}
.src-glanceb .glb-k-print{--glb-i:5}
.src-glanceb .glb-k-privacy{--glb-i:6}
.src-glanceb .glb-more{display:flex;flex-wrap:wrap;column-gap:var(--space-lg);margin-top:auto;padding-top:var(--space-xs);border-top:1px solid var(--rule)}
.src-glanceb .glb-more a{display:inline-flex;align-items:center;gap:0.375rem;min-height:2.75rem;font-weight:600}
.src-glanceb .glb-more svg{flex:0 0 auto}
.src-glanceb .glb-qa.glb-cur::before{opacity:1;transition:opacity 200ms var(--ease-out)}
.src-glanceb .glb-qa.glb-cur .glb-q{color:var(--burgundy)}
.src-glanceb .glb-sec.glb-picked .glb-qa:not(.glb-cur){opacity:0.75;transition:opacity 200ms var(--ease-out)}
@media (max-width:59.99em){
  .src-glanceb .glb-intro,.src-glanceb .glb-sheet{grid-column:1 / -1}
  .src-glanceb .glb-intro{align-self:auto;max-width:40rem}
}
@media (max-width:35em){
  .src-glanceb .glb-sec{padding-block:var(--space-2xl) var(--space-3xl)}
  .src-glanceb .glb-card{margin-top:var(--space-lg)}
  .src-glanceb .glb-word{padding-top:var(--space-lg)}
  .src-glanceb .glb-nav{flex-wrap:wrap;row-gap:var(--space-2xs)}
  .src-glanceb .glb-steps{order:-1;flex:1 0 100%}
  .src-glanceb .glb-sheet{margin-inline:calc(var(--gutter) * -1);padding:var(--space-lg) var(--gutter) var(--space-md);border-inline:0;border-radius:0}
  .src-glanceb .glb-qa{--glb-indent:2rem}
  .src-glanceb .glb-qa::before{inset:-0.625rem -0.75rem}
  .src-glanceb .glb-a{font-size:1.25rem}
  .src-glanceb .glb-bar{width:0.125rem}
}
@media (hover:hover) and (pointer:fine){
  :where(.src-glanceb) a:hover{color:var(--accent-deep);text-decoration-thickness:2px}
  .src-glanceb :is(.glb-navbtn,.glb-step):hover{border-color:var(--ink-soft)}
  .src-glanceb .glb-navbtn:hover::before,.src-glanceb .glb-step:not([aria-current="true"]):hover::before{opacity:1}
}
@media (prefers-reduced-motion:no-preference){
  .src-glanceb .glb-navbtn,.src-glanceb .glb-step{transition:transform 160ms var(--ease-out)}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .src-glanceb .glb-more svg{transition:translate 160ms var(--ease-out)}
  .src-glanceb .glb-more a:hover svg{translate:0.125rem 0}
}
@media (prefers-reduced-motion:no-preference){
  .src-glanceb .glb-sec .glb-card.glb-turn-a .glb-cbar{animation:glb-cspeak-a calc(var(--glb-d) * 0.8) var(--ease-in-out) calc(80ms + var(--glb-o)) both}
  .src-glanceb .glb-sec .glb-card.glb-turn-b .glb-cbar{animation:glb-cspeak-b calc(var(--glb-d) * 0.8) var(--ease-in-out) calc(80ms + var(--glb-o)) both}
  .src-glanceb .glb-qa,.src-glanceb .glb-qa::before,.src-glanceb .glb-qa.glb-cur::before,.src-glanceb .glb-sec.glb-picked .glb-qa:not(.glb-cur){transition-delay:240ms}
  .src-glanceb .glb-qa.glb-cur.glb-beat-0 .glb-bar{animation:glb-respeak-a var(--glb-d) var(--ease-in-out) calc(480ms + var(--glb-o)) both}
  .src-glanceb .glb-qa.glb-cur.glb-beat-1 .glb-bar{animation:glb-respeak-b var(--glb-d) var(--ease-in-out) calc(480ms + var(--glb-o)) both}
  .src-glanceb .glb-qa.glb-cur.glb-beat-0 .glb-a-text{animation:glb-rewipe-a 560ms var(--ease-out) 600ms}
  .src-glanceb .glb-qa.glb-cur.glb-beat-1 .glb-a-text{animation:glb-rewipe-b 560ms var(--ease-out) 600ms}
}
@media (prefers-reduced-motion:reduce){
  .src-glanceb .glb-cq{--glb-lift:0}
  .src-glanceb .glb-cq.glb-on{transition:opacity 200ms var(--ease-out)}
  .src-glanceb .glb-wd{--glb-roll:0}
  .src-glanceb .glb-wd.glb-was{transition:opacity 160ms var(--ease-out)}
  .src-glanceb .glb-wd.glb-on{transition:opacity 200ms var(--ease-out)}
}
@media (prefers-reduced-motion:no-preference) and (max-height:3000px){
  @supports (animation-timeline: view()){
    .src-glanceb .glb-sec{
      animation:glb-arm auto linear backwards;
      animation-timeline:view();
      animation-range:entry 0% entry 75%;
    }
    .src-glanceb .glb-sheet{animation:glb-settle 600ms var(--ease-drawer) backwards}
    .src-glanceb .glb-q{animation:glb-rise 360ms var(--ease-out) calc(200ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-wave{animation:glb-show 160ms var(--ease-out) calc(300ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-bar{animation:glb-speak var(--glb-d) var(--ease-in-out) calc(300ms + var(--glb-i) * 470ms + var(--glb-o)) backwards}
    .src-glanceb .glb-a-text{animation:glb-wipe 560ms var(--ease-out) calc(400ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-cq{animation:glb-cq-pass 590ms linear calc(80ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-cq.glb-k-what{animation:glb-cq-first 4120ms linear backwards}
    .src-glanceb .glb-cq.glb-k-privacy{animation:glb-cq-last 1120ms linear calc(80ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-step::after{animation:glb-ring-pass 590ms linear calc(80ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-step.glb-k-what::after{animation:glb-ring-first 4120ms linear backwards}
    .src-glanceb .glb-step.glb-k-privacy::after{animation:glb-ring-last 1120ms linear calc(80ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-cbar{animation:glb-cwave-arrive 3300ms linear var(--glb-o) backwards}
    .src-glanceb .glb-wd{animation:glb-wd-pass 550ms linear calc(400ms + var(--glb-i) * 470ms) backwards}
    .src-glanceb .glb-wd.glb-k-what{animation:glb-wd-first 4400ms linear backwards}
    .src-glanceb .glb-wd.glb-k-privacy{animation:glb-wd-last 960ms linear calc(400ms + var(--glb-i) * 470ms) backwards}
    @container style(--glb-in: 0){
      .src-glanceb .glb-sec :is(.glb-sheet,.glb-q,.glb-wave,.glb-bar,.glb-a-text,.glb-cq,.glb-cbar,.glb-wd),.src-glanceb .glb-sec .glb-step::after{animation-play-state:paused}
    }
    .src-glanceb .glb-sec.glb-touched :is(.glb-sheet,.glb-q,.glb-wave,.glb-bar,.glb-a-text,.glb-cq,.glb-cbar,.glb-wd),.src-glanceb .glb-sec.glb-touched .glb-step::after{animation:none}
  }
}
.src-glanceb .glb-sec:has(.glb-card :focus-visible) .glb-qa.glb-cur :is(.glb-bar,.glb-a-text),.src-glanceb .glb-sec:has(.glb-card :focus-visible) .glb-card :is(.glb-cq,.glb-cbar),.src-glanceb .glb-sec:has(.glb-card :focus-visible) .glb-word .glb-wd,.src-glanceb .glb-sec:has(.glb-card :focus-visible) .glb-card .glb-step::after{animation:none !important}
.src-glanceb .glb-sec:has(.glb-card :focus-visible) :is(.glb-qa,.glb-cq,.glb-wd),.src-glanceb .glb-sec:has(.glb-card :focus-visible) .glb-qa::before{transition-duration:0s !important;transition-delay:0s !important}
.src-glanceb #glb-title, .src-family #writing-title, .src-books #bf-title, .src-featb #fb-title, .src-evening #print-q,
.src-family #faq-title, .src-family #pricing-title, .src-gallery #android-title, .src-evening #how-q {
  font-weight: 500; font-style: normal;
  font-size: clamp(2rem, 1.5618rem + 1.798vw, 3rem);
  line-height: 1.08; letter-spacing: -0.012em;
  text-wrap: balance;
}
.src-family h1#faq-title, .src-family h1#pricing-title, .src-gallery h1#android-title, .src-evening h1#how-q {
  font-size: clamp(2.25rem, 1.75rem + 2vw, 3.25rem);
}
.src-glanceb #glance, .src-family #writing, .src-books #book-types, .src-featb #features, .src-family #faq, .src-family #pricing,
.src-gallery #android, .src-finale .fe { padding-block: clamp(3rem, 2.257rem + 3.048vw, 5rem); }
.src-evening-cream .hero { padding-bottom: clamp(3rem, 2.257rem + 3.048vw, 5rem); }
@supports (animation-timeline: view()) {
  .src-glanceb #glance, .src-books #book-types { animation-range: entry 0% entry 25%; }
  .src-finale .fe { animation-range: entry 0% entry 30%; }
}
.src-gallery #android .btn-night { min-height: 3.25rem; font-size: 1.125rem; background: #722F37; color: #F8F6F1; }
.src-gallery #android .btn-night:hover { background: #4D1B21; }
.src-evening .cookie .btn { border-radius: 2px; }
.src-evening-cream .badge-link { border-radius: 8px; }
.src-evening-cream .arrow-link, .src-evening .arrow-link { color: #722F37; text-decoration-color: currentColor; text-underline-offset: 0.2em; }
.src-evening-cream .arrow-link:hover, .src-evening .arrow-link:hover { color: #4D1B21; }
.src-evening-cream .arrow-link svg, .src-evening .arrow-link svg { stroke: currentColor; }
.src-evening-cream .alt-path { text-wrap: balance; }
.src-evening-cream .alt-path .arrow-link { display: inline; padding-block: 0.65rem; line-height: 1.5; }
.src-evening-cream .alt-path .arrow-link svg { display: inline-block; vertical-align: -0.2em; margin-left: 0.4rem; }
.src-finale .fe-android { display: block; padding-block: 0.55rem; text-wrap: balance; }
.src-finale .fe-android svg { display: inline-block; vertical-align: -0.2em; margin-left: 0.35rem; }
.src-evening .site-footer .wordmark, .src-finale .fe-head { font-family: "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif; letter-spacing: 0.12em; }
.src-gallery .nav-list a, .src-evening .footer-links a { min-width: 2.75rem; justify-content: center; }
.src-gallery .skip-link { position: absolute; top: 0.5rem; left: 0.5rem; z-index: 100; padding: 0.8rem 1rem; background: #1A2332; color: #F8F6F1;
  font: 600 1rem/1.2 "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif; text-decoration: none; transform: translateY(-160%); }
.src-gallery .skip-link:focus-visible { transform: none; outline: 3px solid #B8860B; outline-offset: 2px; }
@media (max-width: 599px) { .src-books .bf-look { justify-content: flex-end; padding-left: 0; } }
@media (max-width: 35em) { .src-glanceb .glb-navbtn { display: none; } }
.src-family .btn { padding-block: 0.625rem; }
@media (max-width: 560px) {
  .src-family .tariff tbody th, .src-family .tariff td:nth-child(2) { width: auto; }
  .src-family .leaders__row dd { white-space: nowrap; }
}
.src-family .pg-next { margin: 0 auto clamp(3rem, 2.257rem + 3.048vw, 5rem); padding: 0 clamp(1rem, 4vw, 3.5rem); max-width: 90rem; }
.src-family .pg-next__band { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  background: #F2EEE6; border-top: 1px solid #1A2332; color: #1A2332; font: 400 1.125rem/1.5 "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif; }
.src-family .pg-next__badge { display: inline-flex; border-radius: 8px; }
.src-family .pg-next__badge img { display: block; width: 168px; height: 56px; }
.src-family .pg-next__note { margin: 0; }
.src-family .pg-next__note strong { color: #722F37; font-weight: 600; }
.src-family .pg-next__alt { margin: 0 0 0 auto; text-wrap: balance; }
.src-family .pg-next__alt a { display: inline; padding-block: 0.75rem; color: #722F37; font-weight: 500;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.src-family .pg-next__alt a:hover { color: #4D1B21; text-decoration-thickness: 2px; }
.src-family .pg-next__alt svg { display: inline-block; vertical-align: -0.2em; margin-left: 0.4rem; width: 18px; height: 18px; fill: none; stroke: currentColor;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.src-family .pg-next :focus-visible { outline: 3px solid #722F37; outline-offset: 3px; }
@media (max-width: 640px) { .src-family .pg-next__alt { margin-left: 0; flex-basis: 100%; } }
.src-evening .qm { color: inherit; }
.src-family .preface figcaption.label { text-transform: none; letter-spacing: 0; font-size: 1rem; }
.src-evening #how .split { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-md); }
.src-evening #how .answer { max-width: 40em; }
@keyframes glb-calm { from { opacity: 0; translate: 0 0.35em; } }
@media (prefers-reduced-motion: no-preference) and (max-height: 3000px) {
  @supports (animation-timeline: view()) {
    .src-glanceb #glance:not(.glb-touched) :is(.glb-wd, .glb-cq):not(.glb-k-what), .src-glanceb #glance:not(.glb-touched) .glb-step::after { animation: none; }
    .src-glanceb #glance:not(.glb-touched) .glb-cq.glb-k-what { animation: glb-calm 600ms var(--ease-out) 120ms backwards; }
    .src-glanceb #glance:not(.glb-touched) .glb-wd.glb-k-what { animation: glb-calm 800ms var(--ease-out) 360ms backwards; }
    @container style(--glb-in: 0) { .src-glanceb #glance:not(.glb-touched) :is(.glb-wd, .glb-cq).glb-k-what { animation-play-state: paused; } }
  }
}
.src-evening .cookie-dock { padding-block: 0.75rem calc(0.75rem + env(safe-area-inset-bottom, 0px)); }
.src-evening .cookie { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.75rem 1.5rem;
  max-width: 64rem; padding: 1rem 1.25rem; line-height: 1.45; }
.src-evening .cookie-text { font-size: 1rem; }
.src-evening .cookie-title { display: inline; font-family: "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif; font-size: 1rem; font-weight: 700; }
.src-evening .cookie-text p { display: inline; margin: 0; }
.src-evening .cookie-actions { margin: 0; grid-template-columns: repeat(2, minmax(0, 8.5rem)) auto; gap: 0.5rem; }
.src-evening .cookie .btn-outline { min-height: 2.75rem; padding-inline: 1rem; font-size: 1rem; }
.src-evening .cookie .btn-text { grid-column: auto; padding-inline: 0.5rem; font-size: 1rem; }
@media (max-width: 760px) {
  .src-evening .cookie { grid-template-columns: minmax(0, 1fr); padding: 0.875rem 1rem; }
  .src-evening .cookie-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
}
@keyframes ev-how-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes ev-how-rise { from { opacity: 0; translate: 0 0.75rem; } }
@keyframes ev-how-link { from { scale: 0 1; } }
@keyframes ev-how-speak { 0%, 100% { scale: 1 1; } 45% { scale: 1 1.75; } }
.src-evening #how .step:nth-child(1) { --i: 0; }
.src-evening #how .step:nth-child(2) { --i: 1; }
.src-evening #how .step:nth-child(3) { --i: 2; }
.src-evening #how .step:nth-child(4) { --i: 3; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(2) { --b: 0; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(3) { --b: 1; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(4) { --b: 2; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(5) { --b: 3; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(6) { --b: 4; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(7) { --b: 5; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(8) { --b: 6; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(9) { --b: 7; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(10) { --b: 8; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(11) { --b: 9; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(12) { --b: 10; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(13) { --b: 11; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(14) { --b: 12; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(15) { --b: 13; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(16) { --b: 14; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(17) { --b: 15; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(18) { --b: 16; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(19) { --b: 17; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(20) { --b: 18; }
.src-evening #how .step:nth-child(2) .g-bar:nth-child(21) { --b: 19; }
.src-evening #how .g-bar { transform-box: fill-box; transform-origin: 50% 50%; }
.src-evening #how .glyph::after { transform-origin: 0 50%; }
@media (prefers-reduced-motion: no-preference) {
  .src-evening #how .glyph svg { animation: ev-how-wipe 650ms var(--ease-out) calc(300ms + var(--i) * 600ms) backwards; }
  .src-evening #how .step:not(:last-child) .glyph::after { animation: ev-how-link 450ms var(--ease-out) calc(800ms + var(--i) * 600ms) backwards; }
  .src-evening #how .step-copy { animation: ev-how-rise 550ms var(--ease-out) calc(450ms + var(--i) * 600ms) backwards; }
  .src-evening #how .step:nth-child(2) .g-bar { animation: ev-how-speak 520ms var(--ease-in-out) calc(1050ms + var(--b) * 40ms) backwards; }
}
.src-glanceb #glance .glb-a-text { font-size: 1.125rem; line-height: 1.45; }
@media (min-width: 700px) {
  .src-glanceb #glance .glb-dl { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; row-gap: 1.5rem; align-items: start; }
}
@media (min-width: 60em) {
  .src-glanceb #glance .glb-intro { grid-column: 1 / 5; align-self: start; }
  .src-glanceb #glance .glb-sheet { grid-column: 5 / -1; }
  .src-glanceb #glance .glb-word { margin-block: 2.5rem 0; }
  .src-glanceb #glance .glb-navbtn { display: none; }
}
@media (min-width: 60em) and (min-height: 46rem) {
  .src-glanceb #glance .glb-intro { position: sticky; top: 6rem; }
}
.src-family .faq__all { grid-column: 6 / span 7; margin: var(--space-md) 0 0; }
.src-family .faq__all a { display: inline-flex; align-items: center; gap: 0.4em; min-height: 44px; font-weight: 500; color: #722F37;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.src-family .faq__all a:hover { color: #4D1B21; text-decoration-thickness: 2px; }
.src-family .faq__all svg { flex: 0 0 auto; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 900px) { .src-family .faq__all { grid-column: 1 / -1; } }
:lang(fr) .src-evening-cream .hang:first-child, :lang(fr) .src-glanceb .glb-mark:first-child { margin-inline-end: 0.115em; }
:lang(fr) .src-evening-cream .hang:last-child, :lang(fr) .src-glanceb .glb-mark:last-child { margin-inline-start: 0.115em; }
.src-books .bf-bk__first p { overflow-wrap: anywhere; }
@media (max-width: 520px) {
  @supports (hyphenate-limit-chars: 9 4 4) {
    .src-books .bf-bk__first p { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 9 4 4; }
  }
}

/* chrome.css */
.chrome-wrap { display: contents; }
@media (max-width: 900px) {
  .src-gallery .site-header #nav-menu {
    position: fixed; inset: var(--header-bottom) 0 0 0; display: flex; flex-direction: column; gap: 1.5rem;
    padding: 2rem var(--edge, 1.25rem) 3rem; background: var(--ivory); overflow-y: auto;
    visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-0.5rem);
    transition: opacity 220ms cubic-bezier(0.23, 1, 0.32, 1), transform 220ms cubic-bezier(0.23, 1, 0.32, 1), visibility 0s linear 220ms;
  }
  .src-gallery .site-header #nav-menu.is-open { visibility: visible; opacity: 1; pointer-events: auto; transform: none; transition-delay: 0s; }
  .src-gallery .site-header #nav-menu .nav-list { display: flex; flex-direction: column; gap: 0.25rem; margin: 0; padding: 0; }
  .src-gallery .site-header #nav-menu .nav-list > li > a { display: block; padding: 0.625rem 0; font-family: "Brygada 1918", "Brygada 1918 Fallback", Georgia, serif; font-size: 1.75rem; line-height: 1.2; color: var(--navy); }
  .src-gallery .site-header #nav-menu .lang-summary { padding-left: 0; }
  .src-gallery .site-header #nav-menu .get-app { display: inline-flex; align-self: flex-start; }
  .src-gallery .site-header .nav-logo { display: none; }
}
@media not all and (max-width: 900px) {
  .src-gallery .site-header #nav-menu { display: flex; align-items: center; gap: inherit; }
  .src-gallery .site-header .nav-logo, .src-gallery .site-header .lang-quick { display: none; }
  .src-gallery .site-header :is(.nav-list a, .lang-summary, .get-app) { white-space: nowrap; }
  @media (max-width: 1023px) {
    .src-gallery .site-header :is(.header-tools, .nav-list) { gap: var(--space-md); }
    .src-gallery .site-header .lang-summary { padding-left: var(--space-md); }
  }
}
@media (prefers-reduced-motion: reduce) { .src-gallery .site-header #nav-menu { transition: opacity 120ms linear, visibility 0s linear 120ms; transform: none; } }
@media (max-width: 900px) { body.nav-open .lang-hint { position: absolute; inset-inline: 0; top: 0; visibility: hidden; } }
body:has(#consent:not([hidden])) .lang-hint { position: absolute; inset-inline: 0; top: 0; visibility: hidden; }
.src-gallery .lang-dropdown, .src-gallery .lang-quick { position: relative; }
.src-gallery .lang-summary, .src-gallery .lang-quick__summary { list-style: none; cursor: pointer; }
.src-gallery .lang-summary::-webkit-details-marker, .src-gallery .lang-quick__summary::-webkit-details-marker { display: none; }
.src-gallery .lang-menu, .src-gallery .lang-quick__menu {
  position: absolute; right: 0; top: calc(100% + 0.5rem); min-width: 13rem; margin: 0; padding: 0.375rem;
  list-style: none; background: var(--ivory); border: 1px solid var(--rule-strong); border-radius: 2px;
  box-shadow: 0 12px 32px rgb(26 35 50 / 0.12);
}
.src-gallery .site-header :is(.lang-menu-link, .lang-quick__link) { display: flex; gap: 0.75rem; align-items: baseline; justify-content: flex-start; min-height: 2.75rem; padding: 0.625rem 0.75rem; font-size: var(--fs-sm); font-weight: 500; line-height: 1.2; color: var(--navy); text-decoration: none; }
.src-gallery .site-header :is(.lang-menu-link, .lang-quick__link):hover { background: rgb(114 47 55 / 0.08); color: var(--accent); text-decoration: none; }
.src-gallery .site-header :is(.lang-menu-link, .lang-quick__link)[aria-current] { font-weight: 600; }
.src-gallery .lang-name { color: inherit; opacity: 0.8; }
@media (max-width: 900px) { .src-gallery #nav-menu .lang-menu { position: static; box-shadow: none; margin-top: 0.5rem; } }
.src-gallery .lang-quick[inert] .lang-quick__menu { display: none; }
.src-gallery .nav-list a[aria-current="page"], .src-evening .footer-links a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.3em; }
.src-evening :where(#consent) .btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3.5rem; padding: 0.75rem var(--space-lg);
  border: 0; border-radius: var(--radius);
  font-family: var(--font-body); font-size: var(--fs-body); font-weight: 600; line-height: 1.2;
  text-align: center; text-decoration: none; cursor: pointer;
}
.src-evening .cookie-dock { background: var(--navy-deep); padding-block: var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--navy-line); }
.src-evening .cookie {
  --fg: var(--ink);
  --fg-soft: var(--ink-soft);
  --focus: var(--navy);
  max-width: 46rem; padding: var(--space-lg);
  background: var(--cream); color: var(--fg);
  border-radius: 8px; line-height: 1.6;
  box-shadow: 0 1.5rem 3rem -1rem oklch(12% 0.03 262 / .6);
}
.src-evening .cookie-title { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-lead); line-height: 1.25; }
.src-evening .cookie p { margin-top: var(--space-xs); }
.src-evening .cookie p a { font-weight: 500; text-decoration-color: var(--burgundy); }
.src-evening .cookie-actions {
  display: grid; grid-template-columns: repeat(2, minmax(0, 10rem)) auto;
  justify-content: start; align-items: center; gap: var(--space-sm);
  margin-top: var(--space-md);
}
.src-evening .btn-outline { min-height: 3rem; padding-inline: var(--space-md); background: transparent; color: var(--navy); border: 2px solid var(--navy); }
.src-evening .btn-outline:hover { background: oklch(25.5% 0.031 260 / .08); }
.src-evening .btn-text {
  min-height: 44px; padding: 0 var(--space-xs);
  background: none; border: 0; color: var(--navy);
  font-family: var(--font-body); font-size: var(--fs-body); font-weight: 500;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em;
  cursor: pointer;
}
.src-evening .btn-text:hover { text-decoration-thickness: 2px; }
@media (max-width: 560px) {
  .src-evening .cookie { padding: var(--space-md); }
  .src-evening .cookie-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .src-evening .btn-text { grid-column: 1 / -1; justify-self: start; }
}
@media (prefers-reduced-motion: no-preference) {
  .src-evening .btn { transition: transform var(--dur-press) var(--ease-out); }
  .src-evening .btn:active:not(:focus-visible) { transform: scale(.97); }
}
.src-evening .cookie-dock { padding-block: 0.75rem calc(0.75rem + env(safe-area-inset-bottom, 0px)); }
.src-evening .cookie { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.75rem 1.5rem;
  max-width: 64rem; padding: 1rem 1.25rem; line-height: 1.45; }
.src-evening .cookie-text { font-size: 1rem; }
.src-evening .cookie-title { display: inline; font-family: "Libre Franklin", "Libre Franklin Fallback", "Franklin Gothic Book", sans-serif; font-size: 1rem; font-weight: 700; }
.src-evening .cookie-text p { display: inline; margin: 0; }
.src-evening .cookie-actions { margin: 0; grid-template-columns: repeat(2, minmax(0, 8.5rem)) auto; gap: 0.5rem; }
.src-evening .cookie .btn-outline { min-height: 2.75rem; padding-inline: 1rem; font-size: 1rem; }
.src-evening .cookie .btn-text { grid-column: auto; padding-inline: 0.5rem; font-size: 1rem; }
@media (max-width: 760px) {
  .src-evening .cookie { grid-template-columns: minmax(0, 1fr); padding: 0.875rem 1rem; }
  .src-evening .cookie-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
}
.src-evening #consent.cookie-dock { box-sizing: border-box; }
.src-evening .cookie .consent-choices { grid-column: 1 / -1; margin: 0.5rem 0 0; padding: 0; border: 0; display: grid; gap: 0.5rem; }
.src-evening .cookie .consent-choice { display: flex; gap: 0.75rem; align-items: flex-start; font-size: 1rem; line-height: 1.45; color: var(--fg); }
.src-evening .cookie .consent-choice input { width: 1.25rem; height: 1.25rem; margin: 0.15rem 0 0; accent-color: #1A2332; flex: none; }
.src-evening .cookie .consent-btn { align-self: stretch; }
.src-evening .cookie .consent-btn[data-consent="save"] { grid-column: 1 / 3; }
@media (max-width: 380px) {
  .src-evening .cookie .consent-btn { padding-inline: 0.5rem; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: anywhere; }
}
body:has(#consent:not([hidden])) .src-evening .site-footer { box-shadow: 0 16px 0 var(--navy-deep); }
@media (max-width: 21.99em) {
  .src-glanceb .glb-steps > li { flex: 1 1 0; min-width: 0; }
  .src-glanceb .glb-steps .glb-step { width: 100%; min-width: 1.5rem; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .src-featb .fb-device { top: max(calc(var(--header-bottom) + var(--space-sm)), 50vh - var(--fb-dev-h) / 2); }
}
@media (max-width: 1000px) and (max-height: 700px) {
  .src-featb .fb-device { position: relative; top: auto; }
}
@media not all and (max-width: 900px) {
  .src-evening .step:not(:last-child) .glyph::after {
    content: ""; position: absolute; top: calc(50% - 0.75px); left: 100%;
    width: var(--steps-gap); height: 1.5px; background: var(--gold);
  }
}
.src-family .tariff .pricing__updated {
  font-family: var(--sans); font-size: var(--fs-label); font-weight: 400; line-height: 1.4;
  letter-spacing: 0; text-transform: none; color: var(--ink-soft);
}
.src-family .tariff .pricing__sep { font-size: 0; line-height: 0; }
.src-gallery .aw [hidden] { display: none; }
.src-gallery .form-message { display: grid; gap: var(--space-2xs); padding: var(--space-md); background: var(--ivory); border: 1px solid var(--gold-soft); border-left: 3px solid var(--gold); color: var(--ink); }
.src-gallery .form-message strong { font-family: var(--font-display); font-size: var(--fs-lead); font-weight: 500; line-height: 1.25; }
.src-gallery .form-error { border-left-color: var(--accent); }
.src-gallery .form-message:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
html[lang="fr"] .src-family .pg-next__badge img { width: 177px; }
.src-evening .site-footer .footer-links a { justify-content: flex-start; }

/* type-sizes.css */
.src-evening #print .answer, .src-evening #print .arrow-link { font-size: 1.125rem; }
.src-family #writing .preface__answer, .src-family #writing .quote p { font-size: 1.25rem; }
.src-family #writing-title, .src-evening #print-q { font-size: clamp(1.75rem, 1.3015rem + 1.4983vw, 2.5rem); }
.src-evening .site-footer .footer-links a, .src-evening .site-footer .linklike {
  font-size: clamp(0.8645rem, 0.8145rem + 0.1921vw, 0.9605rem);
  min-height: 2.25rem;
}
.src-evening .site-footer .tagline { font-size: clamp(0.9221rem, 0.8689rem + 0.2049vw, 1.0246rem); }
.src-evening .site-footer .wordmark { font-size: 1.125rem; min-height: 2.25rem; }
@media (max-width: 560px) { .src-evening .site-footer .wordmark { font-size: 1.0227rem; } }
@media (max-width: 380px) { .src-evening .site-footer .wordmark { font-size: 0.9205rem; } }
.src-evening .site-footer .maker, .src-evening .site-footer .copyright { font-size: 0.8125rem; }

/* hero-film.css */
.src-evening-cream .hero-visual { grid-template-columns: minmax(0, 19.5fr) minmax(0, 24.5fr) minmax(0, 56fr); }
@media (max-width: 560px) {
  .src-evening-cream .hero-visual { grid-template-columns: minmax(0, 35.6fr) minmax(0, 20.4fr) minmax(0, 44fr); }
}
.src-evening-cream .window-film {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 50%; border-radius: 999px 999px 0 0;
  opacity: 0; pointer-events: none;
}
.src-evening-cream .window-img { object-position: 50% 50%; }
.src-evening-cream .window.has-film .window-film { opacity: 1; }
@media (max-width: 1100px) {
  .src-evening-cream .hero-book { right: 13.6364%; }
}
@media (max-width: 560px) {
  .src-evening-cream .hero-book { right: 10.7143%; }
}
.src-evening-cream .film-play {
  grid-column: 2 / 4; grid-row: 1; justify-self: center; align-self: end;
  position: relative; z-index: 3; margin: 0 0 var(--space-md);
  display: grid; place-items: center; box-sizing: border-box; width: 52px; height: 52px; padding: 0;
  background: var(--cream); color: var(--cream);
  border: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--field-line);
  font: inherit; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.src-evening-cream .film-play .film-ico { pointer-events: none; }
.src-evening-cream .film-play:hover .film-ico { background: var(--burgundy-deep); }
.src-evening-cream .film-play:focus-visible { outline: 3px solid var(--navy); outline-offset: 2px; box-shadow: 0 0 0 7px var(--cream); }
.src-evening-cream .film-play[data-state="pause"] .film-ico svg { margin-left: 0; }
.src-evening-cream .film-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: no-preference) {
  .src-evening-cream .window-film { transition: opacity 400ms var(--ease-out); }
  .src-evening-cream .film-play { transition: transform var(--dur-press) var(--ease-out); }
  .src-evening-cream .film-play:active:not(:focus-visible) { transform: scale(.97); }
}

/* contract.css */
body { margin: 0; background: #F8F6F1; color: #1A2332; font-family: "Libre Franklin", "Libre Franklin Fallback", system-ui, sans-serif; }
:root { --header-bottom: 77px; }
@media (max-width: 560px) { :root { --header-bottom: 61px; } }
html { scroll-behavior: smooth; scroll-padding-top: var(--header-bottom); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
html[data-header-offset="auto"]:has(.site-header :focus) { scroll-padding-top: 0; scroll-padding-bottom: 0 !important; }
.skip-link { z-index: 100; }
.site-header { position: sticky; top: 0; z-index: 50; }
.lang-menu { z-index: 90; }
.nav-toggle { position: relative; z-index: 60; }
@media (max-width: 900px) { #nav-menu { z-index: 45; } }
#consent { z-index: 40; }
#consent { position: fixed; left: 0; right: 0; bottom: 0; max-height: calc(100vh - var(--header-bottom) - 2rem); overflow-y: auto; }
@supports (height: 100dvh) { #consent { max-height: calc(100dvh - var(--header-bottom) - 2rem); } }
#consent[hidden] { display: none; }
#consent [hidden] { display: none !important; }
.src-gallery :is(.lang-menu-link, .lang-quick__link):focus-visible, :is(.lang-menu-link, .lang-quick__link):focus-visible { outline: 2px solid #722F37; outline-offset: -2px; }
.src-gallery summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.early-access-form input { border-color: #767B85; }
.early-access-form input::placeholder { color: #5F6673; }
.text-page h1 { overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5; }
main picture { display: contents; }
@media (max-width: 900px) { body.nav-open { overflow: hidden; } }