/* Home page only (body.p-site). North Star: this month's cover, grown to the size of a landscape: its lake, its mosaic, its book. */
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/eb-garamond-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F; }
@font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/eb-garamond-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }

.p-site {
  --lake-950: #08343d; --lake-800: #0b4f5c; --lake-600: #0e6f80;
  --paper-h: #ffffff; --tone: #eef4f5; --ink-h: #0c2e33; --gold-h: #d1a018;
  --m: clamp(20px, 3.4vw, 48px);
  --step-small: 1.0625rem; --step-body: clamp(1.125rem, 1.05rem + 0.3vw, 1.3125rem);
  --step-lead: clamp(1.375rem, 1.15rem + 0.8vw, 1.875rem);
  --step-sub: clamp(1.75rem, 1rem + 2.2vw, 3rem);
  --step-head: clamp(2.75rem, 1.2rem + 5.6vw, 6.5rem);
  --nav-h: 72px;
  /* Remap the app.css tokens so every legacy component inherits this system. Admin never loads this file. */
  --canvas: var(--paper-h); --paper: var(--paper-h); --grey: var(--tone); --sand: #dfe8ea; --hairline: #d5e2e5;
  --ink: var(--ink-h); --ink-2: var(--ink-h); --muted: #47605f; --gold: var(--gold-h); --gold-deep: #8a6a08; --gold-soft: #f3e3ad;
  --panel: var(--lake-950); --panel-2: var(--lake-800); --on-panel-muted: #d5e2e5;
  --font-display: "EB Garamond", Georgia, serif; --font-body: var(--font-display); --font-serif: var(--font-display);
  --text-micro: 0.9375rem; --text-caption: var(--step-small); --text-body: var(--step-body); --text-lead: var(--step-lead);
  --text-h3: var(--step-lead); --text-h2: var(--step-sub); --text-h1: var(--step-head);
  --max: 1376px; --gutter: var(--m);
  --press: cubic-bezier(0.2, 0, 0, 1);
  --lift: 0 2px 4px oklch(0.15 0.03 220 / 0.16), 0 32px 64px -16px oklch(0.15 0.03 220 / 0.45); /* taste-skill-ignore: user asked for depth; only books and the spread carry it */
  background: var(--paper-h); color: var(--ink-h);
  font-family: "EB Garamond", Georgia, serif; font-size: var(--step-body); line-height: 1.5; letter-spacing: 0;
  font-variant-numeric: lining-nums;
}
.p-site h1, .p-site h2, .p-site h3 { font-family: inherit; font-weight: 500; letter-spacing: -0.025em; line-height: 1.04; margin: 0; }
.p-site h3 { font-size: var(--step-lead); letter-spacing: -0.015em; line-height: 1.15; }
.p-site :focus-visible { outline: 2px solid currentColor; border-radius: 0; }
.r-wrap { width: calc(100% - 2 * var(--m)); margin-inline: auto; }
.r-big { font-size: var(--step-lead); line-height: 1.28; max-width: 34ch; }

/* Controls: flat, square, one fill */
.p-site .btn { border-radius: 0; border: 0; padding: 16px 32px; font-size: var(--step-body); font-weight: 500; overflow: visible; box-shadow: none; transition: background-color 150ms ease-out, transform 150ms var(--press); } /* taste-skill-ignore: removes inherited shadow */
.p-site .btn::before, .p-site .btn::after { display: none; }
.p-site .btn:active { transform: scale(0.96); box-shadow: none; } /* taste-skill-ignore: removes inherited shadow */
.p-site .btn-gold { background: var(--gold-h); color: var(--ink-h); }
.p-site .btn-ink { background: var(--ink-h); color: var(--paper-h); }
.r-link { display: inline-block; padding-block: 12px; font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; transition: text-underline-offset 150ms ease-out; }
.r-actions { display: flex; flex-wrap: wrap; gap: 8px 32px; align-items: center; }
@media (hover: hover) and (pointer: fine) {
  .p-site .btn-gold:hover { background: #e0b22e; box-shadow: none; } /* taste-skill-ignore: removes inherited shadow */
  .p-site .btn-ink:hover { background: var(--lake-800); box-shadow: none; } /* taste-skill-ignore: removes inherited shadow */
  .r-link:hover { text-underline-offset: 8px; }
}

/* Nav: clear over the sky at the top, solid paper once scrolled */
.p-site .nav { background: var(--paper-h); color: var(--ink-h); border: 0; height: var(--nav-h); transition: background-color 200ms ease-out; }
.p-site .nav.at-top { background: transparent; }
.p-site .nav .wrap { width: calc(100% - 2 * var(--m)); max-width: none; }
.p-site .brand > span { flex-direction: row; flex-wrap: wrap; gap: 0 0.25em; border: 0; padding-left: 0; font-size: var(--step-lead); line-height: 1.1; }
.p-site .brand { flex: 0 1 auto; min-width: 0; }
.p-site .brand-sub { display: inline; color: inherit; font-size: inherit; font-weight: 500; letter-spacing: -0.02em; text-transform: none; white-space: normal; }
.p-site .brand-sub i { display: none; }
.p-site .brand-logo { width: 40px; height: 40px; filter: none; box-shadow: none; } /* taste-skill-ignore: removes inherited shadow */
.p-site .brand-name { font-weight: 500; font-size: inherit; line-height: inherit; letter-spacing: -0.02em; }
.p-site .nav-links a { color: inherit; font-size: var(--step-small); font-weight: 400; letter-spacing: 0; text-transform: none; }
.p-site .nav-links a::after { background: var(--ink-h); }
.p-site .nav-links a:hover { color: inherit; }
.p-site .nav .btn { padding: 8px 16px; font-size: var(--step-small); }
.p-site .nav .btn i { display: none; }
.p-site .nav .btn-outline { background: transparent; color: var(--ink-h); box-shadow: none; padding-inline: 12px; } /* taste-skill-ignore: removes inherited shadow */
.p-site .nav .btn-outline i { display: inline; }
.p-site .nav-cart, .p-site .nav-toggle { background: transparent; color: var(--ink-h); box-shadow: none; border-radius: 0; } /* taste-skill-ignore: removes inherited shadow */
.p-site .nav .nav-cart i { display: inline; }
.p-site .nav-cart .count { background: var(--ink-h); color: var(--paper-h); border-color: var(--paper-h); }

/* Footer: the name returns, on the dark water */
.p-site .footer { background: var(--lake-950); color: var(--paper-h); margin-top: 0; padding: clamp(64px, 8vw, 128px) 0 24px; border: 0; }
.p-site .footer .wrap { width: calc(100% - 2 * var(--m)); max-width: none; }
.p-site .footer-word { font-weight: 400; font-size: clamp(2.75rem, 11.3vw, 14rem); letter-spacing: -0.035em; line-height: 1; margin-bottom: clamp(48px, 5vw, 64px); white-space: nowrap; }
.p-site .footer-word em { color: inherit; }
.p-site .footer-grid { padding-top: 0; border: 0; }
.p-site .footer h4 { font-size: var(--step-body); font-weight: 500; letter-spacing: 0; text-transform: none; color: inherit; font-family: inherit; }
.p-site .footer ul { font-size: var(--step-small); }
.p-site .footer a:hover { color: var(--gold-h); }
.p-site .footer p.lead, .p-site .footer .muted { color: inherit; font-weight: 400; letter-spacing: 0; font-size: var(--step-body); line-height: 1.4; }
.p-site .footer .muted { font-size: inherit; }
.p-site .footer-bottom { border: 0; color: inherit; font-size: var(--step-small); margin-top: 48px; padding-top: 0; }
.p-site .social { margin-top: 16px; }
.p-site .social a { background: oklch(1 0 0 / 0.1); border: 0; border-radius: 0; box-shadow: none; width: 44px; height: 44px; } /* taste-skill-ignore: removes inherited shadow */
.p-site .social a:hover { background: var(--paper-h); color: var(--ink-h); box-shadow: none; } /* taste-skill-ignore: removes inherited shadow */


/* ===== Shared components: legacy classes brought onto the system ===== */
.p-site *, .p-site *::before, .p-site *::after { border-radius: 0 !important; }
.p-site .brand-logo, .p-site .live-dot, .p-site .msg-avatar { border-radius: 50% !important; }
/* taste-skill-ignore-start */
.p-site :is(.btn, .card, .ccard, .pcard, .donate-card, .kpi, .band, .empty, .cta-tile, .chip > span, .badge, .share a, .share button, .feature-rows li i, .pagination a, .pagination span, .nav-toggle, .nav-cart, .flash, .player, .chat, .msg-avatar, .auth .card, .segmented, .field input, .field select, .field textarea, .input, .media img, .ccard .media, .media, .thumb img, .pcard .media img) { box-shadow: none !important; } /* taste-skill-ignore: strips legacy shadows */
/* taste-skill-ignore-end */
.p-site :is(.card, .ccard, .donate-card, .kpi, .band, .empty, .cta-tile, .auth .card, .ccard .media, .btn)::after, .p-site :is(.btn)::before, .p-site .media::before { display: none; }
.p-site h1, .p-site h2, .p-site h3, .p-site h4 { font-family: inherit; font-weight: 500; }
.p-site h1 { font-size: var(--step-head); }
.p-site h2 { font-size: var(--step-sub); letter-spacing: -0.02em; }
.p-site h4 { font-size: var(--step-lead); letter-spacing: -0.015em; }
.p-site p.lead { font-size: var(--step-lead); font-weight: 400; letter-spacing: 0; line-height: 1.28; max-width: 40ch; }
.p-site .label { font-size: var(--step-lead); letter-spacing: -0.015em; line-height: 1.15; margin: 0 0 16px; font-weight: 500; }
.p-site .link { font-weight: 500; border: 0; padding: 0; display: inline; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.p-site .link:hover { color: var(--lake-600); }
.p-site .small { font-size: var(--step-small); }
.p-site .muted { color: var(--muted); }
.p-site .panel .muted { color: var(--on-panel-muted); }

/* Buttons beyond gold and ink */
.p-site .btn-outline { background: var(--tone); color: var(--ink-h); border: 0; }
.p-site .btn-ghost { background: transparent; color: inherit; padding-inline: 12px; }
.p-site .btn-sm { padding: 8px 16px; font-size: var(--step-small); }
.p-site .btn-lg { padding: 16px 32px; font-size: var(--step-body); }
.p-site .btn-icon { width: 44px; height: 44px; padding: 0; background: var(--ink-h); color: var(--paper-h); }
.p-site .btn i { font-size: 1em; -webkit-text-stroke: 0; }
.p-site .btn[disabled] { opacity: 0.5; }
@media (hover: hover) and (pointer: fine) {
  .p-site .btn-outline:hover { background: #dfe8ea; color: var(--ink-h); }
  .p-site .btn-ghost:hover { background: var(--tone); }
  .p-site .btn-icon:hover { background: var(--lake-800); }
}
.p-site .panel .btn-gold, .p-site .panel .btn-ink { background: var(--gold-h); color: var(--ink-h); }

/* Page headers */
.pg-hero { position: relative; overflow: hidden; }
.pg-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: r-settle 2.4s var(--press) both; }
@keyframes r-settle { from { transform: scale(1.05); } }
.pg-hero-in { position: relative; z-index: 2; display: flex; flex-direction: column; min-height: inherit; }
.pg-hero h1 { font-weight: 400; letter-spacing: -0.03em; line-height: 1; margin: 0; }
.p-site .pg-lead { font-size: var(--step-lead); line-height: 1.28; max-width: 40ch; margin: 0; }
.pg-hero--sky { margin-top: calc(-1 * var(--nav-h)); min-height: min(88svh, 760px); background: var(--lake-950); color: var(--paper-h); }
.pg-hero--sky .pg-hero-bg { object-position: 50% 62%; }
.pg-hero--sky::after { content: ""; position: absolute; inset: auto 0 0; height: 50%; background: linear-gradient(to top, var(--lake-950), oklch(0.27 0.05 215 / 0)); pointer-events: none; } /* taste-skill-ignore: scrim under the lead */
.pg-hero--sky .pg-hero-in { padding: calc(var(--nav-h) + 24px) 0 clamp(32px, 5svh, 56px); justify-content: space-between; gap: 48px; }
.p-site .pg-hero--sky h1 { color: var(--ink-h); font-size: clamp(2.5rem, 7.4vw, 8rem); }
.pg-hero--desk, .pg-hero--copies { background: var(--lake-950); color: var(--paper-h); }
.pg-hero--desk .pg-hero-in, .pg-hero--copies .pg-hero-in { padding-block: clamp(64px, 9vw, 128px); gap: 24px; }
.pg-hero--desk::after, .pg-hero--copies::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to right, oklch(0.27 0.05 215 / 0.72) 30%, oklch(0.27 0.05 215 / 0) 70%); pointer-events: none; z-index: 1; } /* taste-skill-ignore: directional photo scrim */
.p-site .pg-hero--desk h1, .p-site .pg-hero--copies h1 { color: inherit; font-size: clamp(2.5rem, 6.4vw, 7rem); max-width: 18ch; }
.pg-hero--copies { min-height: min(80svh, 680px); }
.pg-hero--plain .pg-hero-in { padding-block: clamp(48px, 6vw, 96px) 0; gap: 16px; }
.p-site .pg-hero--plain h1 { font-size: var(--step-head); }
.pg-hero .section-head { align-items: end; }
.p-site .pg-hero .section-head h1 { max-width: none; }
.p-site .pg-hero .hero-meta { border: 0; padding: 0; margin: 0; gap: clamp(32px, 6vw, 96px); }
.p-site .pg-hero .hero-meta strong { font-weight: 400; font-size: clamp(2.5rem, 1rem + 5vw, 6rem); letter-spacing: -0.03em; line-height: 1; margin-bottom: 4px; }
.p-site .pg-hero .hero-meta strong span { font: inherit; color: inherit; letter-spacing: inherit; }
.p-site .pg-hero .hero-meta > div > span { color: var(--paper-h); font-size: var(--step-small); }

.p-site .split h1 { font-size: clamp(2.25rem, 1rem + 3.2vw, 4rem); letter-spacing: -0.025em; line-height: 1.05; }
.p-site .panel .share a, .p-site .panel .share button { background: var(--lake-800); color: var(--paper-h); }
.p-site .panel .share a:hover, .p-site .panel .share button:hover { background: var(--paper-h); color: var(--ink-h); }

/* Live copies: current covers as objects, never baked into an image */
.copies { position: absolute; z-index: 1; right: clamp(16px, 4vw, 72px); bottom: 7%; width: min(46vw, 760px); aspect-ratio: 1.15; perspective: 1800px; pointer-events: none; }
.copies img { position: absolute; height: auto; }
.copies-pile { right: 2%; top: 0; width: 38%; transform: rotateX(16deg) rotateY(-10deg) rotateZ(5deg); box-shadow: 1px 2px 0 #e7eef0, 2px 4px 0 #c7d6d9, 3px 6px 0 #e7eef0, 4px 8px 0 #c7d6d9, 5px 10px 0 #e7eef0, 6px 12px 0 #c7d6d9, 7px 14px 0 #e7eef0, 8px 16px 0 #c7d6d9, 9px 18px 0 #e7eef0, 10px 20px 0 #c7d6d9, 18px 40px 48px oklch(0.12 0.03 220 / 0.6); } /* taste-skill-ignore: page edges of the pile */
.copies-fan { width: 34%; bottom: 0; box-shadow: 1px 2px 0 #e7eef0, 2px 4px 0 #c7d6d9, 16px 28px 40px oklch(0.12 0.03 220 / 0.55); } /* taste-skill-ignore: a real book on a table */
.copies-fan:nth-of-type(2) { left: 0; transform: rotateZ(-7deg); }
.copies-fan:nth-of-type(3) { left: 27%; bottom: 3%; transform: rotateZ(-1deg); }
.copies-fan:nth-of-type(4) { left: 54%; transform: rotateZ(5deg); }

/* Long-form text */
.p-site .prose { max-width: 62ch; }
.p-site .prose p, .p-site .prose li { color: inherit; line-height: 1.5; }
.p-site .prose h2 { font-size: var(--step-sub); font-weight: 400; line-height: 1.1; margin-top: 48px; }
.p-site .prose h2:first-child { margin-top: 0; }
.p-site .prose h3, .p-site .prose h4 { font-size: var(--step-lead); margin-top: 32px; }
.p-site .prose :is(h2, h3, h4) { margin-bottom: 12px; }
.p-site .card :is(h2, h3) { margin-bottom: 16px; }
.p-site .card h3:not(:first-child) { margin-top: 24px; }
.p-site .auth .card h2 { margin-bottom: 0; }
.p-site .prose blockquote { background: var(--tone); padding: 24px 32px; font-weight: 400; font-size: var(--step-lead); letter-spacing: -0.01em; line-height: 1.28; }
.p-site .scripture { font-size: var(--step-lead); line-height: 1.28; letter-spacing: -0.01em; margin: 0 0 8px; }

/* Surfaces: tone steps, not boxes */
.p-site .card, .p-site .donate-card { background: var(--tone); border: 0; padding: clamp(24px, 3vw, 40px); }
.p-site .card .card, .p-site .card .band { background: var(--paper-h); }
.p-site .band { background: var(--tone); }
.p-site .panel { background: var(--lake-950); }
.p-site .empty { background: var(--tone); font-size: var(--step-lead); gap: 16px; }
.p-site .empty i { background: transparent; color: var(--lake-800); }
.p-site .hairline, .p-site .card.row { border-color: transparent; }
.p-site .donate-card .big { font-weight: 400; font-size: clamp(2.25rem, 1.5rem + 1.6vw, 3rem); letter-spacing: -0.025em; }
.p-site .c-meta { font-size: var(--step-lead); line-height: 1.28; margin: 16px 0 8px; color: var(--muted); }
.p-site .price-big { font-size: var(--step-sub); letter-spacing: -0.02em; margin: 0; }
.p-site .err-code { font-weight: 400; font-size: clamp(6rem, 3rem + 16vw, 16rem); letter-spacing: -0.04em; line-height: 0.9; margin: 0; color: var(--paper-h); }

.p-site .stat { border: 0; padding-block: 0; }
.p-site .stat strong { font-weight: 400; font-size: clamp(2.5rem, 1rem + 3.4vw, 4.5rem); letter-spacing: -0.03em; }
.p-site .stat span { color: inherit; }

/* Lists */
.p-site .feature-rows li a { border: 0; padding: 12px 0; font-size: var(--step-body); font-weight: 400; }
.p-site .feature-rows li a:hover { color: var(--lake-600); }
.p-site .feature-rows li i:first-child { background: transparent; width: auto; height: auto; font-size: 1.25em; color: var(--lake-800); }
.p-site .feature-rows li i:last-child { background: transparent; width: auto; height: auto; }
.p-site .feature-rows li a:hover > i:last-child { background: transparent; color: inherit; }
.p-site .feature-rows li a strong { font-weight: 500; font-size: var(--step-lead); letter-spacing: -0.015em; }
.p-site .donor-list li { border: 0; padding: 8px 0; }
.p-site .updates li { border: 0; }
.p-site .table th { font-size: var(--step-small); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ink-h); }
.p-site .table td { font-size: var(--step-small); }
.p-site .table tbody tr:hover { background: transparent; }

/* Campaign and product cards: picture and words, no box */
.p-site .ccard { background: transparent; }
.p-site .ccard .media { aspect-ratio: 3 / 2; background: var(--tone); }
.p-site .ccard-body { padding: 16px 0 0; gap: 8px; }
.p-site .ccard h3 { font-size: 1.5rem; line-height: 1.15; -webkit-line-clamp: 2; }
.p-site .ccard .group, .p-site .ccard-foot { font-size: var(--step-small); }
.p-site .ccard-foot strong { font-size: inherit; font-weight: 500; }
.p-site .ccard .media img { transition: transform 300ms var(--press); }
.p-site .progress { height: 8px; background: var(--tone); }
.p-site .progress > span { background: var(--lake-600); }
.p-site .pcard { background: transparent; }
.p-site .pcard .media { background: var(--tone); aspect-ratio: 4 / 5; padding: 12%; }
.p-site .pcard .media img { width: 72%; box-shadow: var(--lift) !important; transition: transform 300ms var(--press); } /* taste-skill-ignore: standing book */
.p-site .pcard-body { padding: 16px 0 0; gap: 8px; }
.p-site .pcard h3 { font-size: var(--step-lead); min-height: 0; }
.p-site .pcard .badge { display: none; }
.p-site .pcard .price { font-weight: 500; font-size: var(--step-body); }
.p-site .product-hero { background: var(--tone); aspect-ratio: 4 / 5; padding: 5%; }
@media (max-width: 1024px) { .p-site .product-hero { order: 1; } }
.p-site .product-hero img { box-shadow: var(--lift); filter: none; } /* taste-skill-ignore: standing book */
@media (hover: hover) and (pointer: fine) {
  .p-site .ccard:hover .media img { transform: scale(1.03); }
  .p-site .pcard:hover .media img { transform: translateY(-8px); }
}

/* Forms */
.p-site .field label { font-size: var(--step-small); font-weight: 500; }
.p-site .field:focus-within label { color: inherit; }
.p-site .field .hint, .p-site .field .err { font-size: 0.9375rem; }
.p-site :is(.field input:not([type=checkbox]):not([type=radio]), .field select, .field textarea, .input) { background: var(--paper-h); border: 0; outline: 1px solid #c3d3d6; outline-offset: -1px; font-size: var(--step-body); }
.p-site :is(.field input, .field select, .field textarea, .input):focus { outline: 2px solid var(--ink-h); outline-offset: -2px; }
.p-site .field.error :is(input, select, textarea) { outline: 2px solid var(--danger); outline-offset: -2px; }
.p-site .field input[type="file"]::file-selector-button { font: inherit; background: var(--ink-h); }
.p-site .chip > span { border: 0; background: var(--paper-h); font-weight: 400; }
.p-site .chip input:checked + span { background: var(--lake-800); color: var(--paper-h); box-shadow: none; } /* taste-skill-ignore: removes legacy shadow */
.p-site .chips-impact .chip input:checked + span small { color: inherit; }
.p-site .chips-impact .chip small { font-size: 0.9375rem; color: var(--muted); }
.p-site .chips-impact .chip b { font-weight: 500; }
.p-site .chip-tag { font-size: 0.8125rem; letter-spacing: 0; text-transform: none; font-weight: 500; background: var(--gold-h); color: var(--ink-h); }
.p-site .segmented { background: #d5e2e5; }
.p-site .segmented::before { background: var(--paper-h); box-shadow: none; } /* taste-skill-ignore: removes legacy shadow */
.p-site .segmented span { color: var(--ink-h); }
.p-site .segmented input:checked + span { color: var(--ink-h); }
.p-site .segmented span { font-weight: 500; }
.p-site .badge { font-weight: 500; font-size: 0.9375rem; }
.p-site .share a, .p-site .share button { background: var(--paper-h); }
.p-site .share a:hover, .p-site .share button:hover { background: var(--ink-h); color: var(--paper-h); }
.p-site .pagination a, .p-site .pagination span { border: 0; background: var(--tone); font-size: var(--step-small); }
.p-site .pagination [aria-current] { background: var(--ink-h); color: var(--paper-h); }
.p-site .filters .input { height: 48px; }
.p-site .filters .btn { height: 48px; }
.p-site .flash { background: var(--ink-h); font-size: var(--step-small); }
.p-site .flash-error { background: var(--danger); }

/* Sign-in and status pages: paper on the desk */
.p-site .auth { background: var(--lake-800) url("../img/home/desk.jpg") center / cover no-repeat; color: var(--paper-h); }
.p-site .auth h1, .p-site .auth h2 { font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.5rem); font-weight: 400; letter-spacing: -0.025em; line-height: 1.05; }
.p-site .auth .card { background: var(--paper-h); color: var(--ink-h); padding: clamp(32px, 4vw, 48px); box-shadow: var(--lift) !important; } /* taste-skill-ignore: sheet lying on the desk */
.p-site .auth .card > p { text-align: left; }

/* Livestream */
.p-site .live { padding-top: clamp(48px, 5vw, 64px); }
.p-site .chat { background: var(--paper-h); }
.p-site .chat-head, .p-site .chat-form { border: 0; font-size: var(--step-small); }
.p-site .msg-body { font-size: var(--step-small); }

/* Menu */
.p-site .drawer li a { font-weight: 400; border: 0; letter-spacing: -0.02em; }
.p-site .drawer .brand-name { color: var(--paper-h); }

.p-site .footer-grid + .footer-bottom { margin-top: 48px; }
@media (max-width: 900px) {
  .p-site .footer-grid { grid-template-columns: 1fr 1fr; }
  .p-site .pg-hero--sky { min-height: 72svh; }
  .copies { left: 50%; right: auto; bottom: 16px; width: min(84vw, 460px); transform: translateX(-50%); }
  .pg-hero--copies .pg-hero-in { padding-bottom: 340px; }
  .pg-hero--copies::after { display: none; }
  .pg-hero--desk::after, .pg-hero--copies::after { background: oklch(0.27 0.05 215 / 0.62); } /* taste-skill-ignore: photo scrim */
}
@media (max-width: 500px) {
  .p-site .footer-grid { grid-template-columns: 1fr; }
  .p-site .brand > span { font-size: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) { .pg-hero-bg { animation: none; } }