/* Homepage only. Butter first by day, Oxblood first at night.
   Exact selected colors: brand/palette-2026-10-25.json. */
:root {
  --bg:#FFF3B9; --fg:#581C37; --card:#FFFCED; --muted:#755153;
  --home-stage:#70243F; --home-stage-ink:#FFF3B9; --home-mat:#FFFCED; --home-shadow:#70243F; --home-border:2px; --air-alpha:.03; --table-alpha:.12;
  --home-primary:#E9B6D0; --home-primary-ink:#581C37;
  --home-secondary:#D1DB8C; --home-secondary-ink:#3C4220;
  --home-line:#70243F; --home-selection:#FFE6A1; --home-selection-ink:#581C37;
  --edge:var(--home-line); --shadow:var(--home-line); --hair:var(--home-line); --hair2:var(--home-line);
  --nail:var(--home-primary-ink); --nail-text:var(--fg); --green:var(--home-stage); --paper:#FFF3B9;
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="day"]) {
    --bg:#2A1421; --fg:#FFF1CB; --card:#462439; --muted:#D2B7C1;
    --home-stage:#70243F; --home-stage-ink:#FFF3B9; --home-mat:#462439; --home-shadow:#2A1421; --home-border:1.25px; --air-alpha:.06; --table-alpha:.24;
    --home-primary:#FFF3B9; --home-primary-ink:#581C37;
    --home-secondary:#E9B6D0; --home-secondary-ink:#581C37;
    --home-line:#C79CA8; --home-selection:#75506B; --home-selection-ink:#FFF4DC;
    --edge:var(--home-line); --shadow:var(--home-line); --hair:var(--home-line); --hair2:var(--home-line);
    --nail:var(--home-primary); --nail-text:var(--fg); --green:var(--home-stage); --paper:#FFF3B9;
  }
}
:root[data-theme="night"] {
  --bg:#2A1421; --fg:#FFF1CB; --card:#462439; --muted:#D2B7C1;
  --home-stage:#70243F; --home-stage-ink:#FFF3B9; --home-mat:#462439; --home-shadow:#2A1421; --home-border:1.25px; --air-alpha:.06; --table-alpha:.24;
  --home-primary:#FFF3B9; --home-primary-ink:#581C37;
  --home-secondary:#E9B6D0; --home-secondary-ink:#581C37;
  --home-line:#C79CA8; --home-selection:#75506B; --home-selection-ink:#FFF4DC;
  --edge:var(--home-line); --shadow:var(--home-line); --hair:var(--home-line); --hair2:var(--home-line);
  --nail:var(--home-primary); --nail-text:var(--fg); --green:var(--home-stage); --paper:#FFF3B9;
}
body[data-page="home"] {font-size:17px;line-height:1.65}
body[data-page="home"] ::selection {background:var(--home-selection);color:var(--home-selection-ink)}
body[data-page="home"] .wrap {max-width:1240px;padding-left:22px;padding-right:22px}
body[data-page="home"] :focus-visible {outline-color:var(--fg)}
body[data-page="home"] .home-skip {position:absolute;z-index:20;left:22px;top:-100px;background:var(--card);padding:12px;border:2px solid var(--home-line)}
body[data-page="home"] .home-skip:focus {top:6px}
body[data-page="home"] .nav {padding-top:12px;padding-bottom:12px;border-bottom:1.5px solid var(--home-line)}
body[data-page="home"] .wm {height:29px}
body[data-page="home"] .wm .dot {fill:var(--fg)}
body[data-page="home"] .nav-r {gap:0}
body[data-page="home"] .home-nav-apps {display:none;font:600 14px/1.4 var(--mono);text-decoration-thickness:1px;text-underline-offset:5px}
body[data-page="home"] .mtoggle {font-size:14px;letter-spacing:0;text-transform:none}
body[data-page="home"] .mt-nav {padding:0 4px;border:0;gap:6px}
body[data-page="home"] .mt-nav i {display:none}
body[data-page="home"] .chainbtn {flex-shrink:0}
body[data-page="home"] .home-opening {padding-top:24px}
body[data-page="home"] .home-byline {display:flex;align-items:center;gap:11px;font:400 14px/1.5 var(--mono);max-width:390px}
body[data-page="home"] .home-byline img {width:40px;height:43px;object-fit:contain;flex-shrink:0}
body[data-page="home"] .home-opening-grid {display:grid;gap:24px;margin-top:19px}
body[data-page="home"] h1 {grid-area:auto;font:800 clamp(44px,11.8vw,82px)/1.1 var(--serif);letter-spacing:-.055em;min-height:0;max-width:11em;text-wrap:pretty}
body[data-page="home"] h1 em {font-style:normal;color:var(--fg);text-decoration:underline;text-decoration-color:var(--home-line);text-decoration-thickness:2px;text-underline-offset:7px}
body[data-page="home"] .home-opening-note {max-width:360px}
body[data-page="home"] .home-opening-note>p:first-child {font-size:21px;line-height:1.5;margin-bottom:10px;max-width:16em}
body[data-page="home"] .home-intro {margin-bottom:19px;font-size:17px;color:var(--muted)}
body[data-page="home"] .home-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px;font:600 15px/1.4 var(--mono);border:2px solid var(--home-line);box-shadow:4px 4px 0 var(--home-shadow);border-radius:4px;background:var(--home-primary);color:var(--home-primary-ink);text-decoration:none;min-height:54px;transition:background-color 150ms}
body[data-page="home"] .home-cta:hover {box-shadow:4px 4px 0 var(--home-shadow)}
body[data-page="home"] .home-cta:active {box-shadow:4px 4px 0 var(--home-shadow)}
body[data-page="home"] .home-price-note {display:block;font:400 14px/1.65 var(--mono);margin-top:17px;color:var(--muted)}
body[data-page="home"] .home-workbench {margin:32px 0 0}
body[data-page="home"] .home-drawing {overflow:hidden;border:var(--home-border) solid var(--home-line);border-radius:7px;background:var(--home-mat);box-shadow:5px 5px 0 var(--home-shadow)}
body[data-page="home"] .home-drawing-inner {position:relative;width:144%;margin-left:-44%;aspect-ratio:1536/654;overflow:hidden}
/* The jar crossed the diagonal upper-plane edge. Replace only its bounded corner.
   Source-space repair rectangle: (1670,430) through (1906,577) on 1922 x 818. */
body[data-page="home"] .home-bench-base {width:100%;height:100%;position:absolute;inset:0;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,86.94069% 52.68949%,99.11550% 52.68949%,99.11550% 70.41565%,86.94069% 70.41565%,86.94069% 52.68949%)}
body[data-page="home"] .home-bench-corner {position:absolute;left:86.88866%;top:52.56724%;width:12.27888%;height:19.80440%;pointer-events:none}
body[data-page="home"] .home-tool-supports {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
body[data-page="home"] .home-tool {position:absolute}
body[data-page="home"] .home-tool-idle,body[data-page="home"] .home-tool-action {width:100%;height:100%;transform-origin:var(--peg);object-fit:contain;display:block}
body[data-page="home"] .home-bench-screen {position:absolute;left:36.733%;top:12.714%;width:25.494%;height:35.941%;background:var(--home-mat);box-shadow:inset 0 0 0 1.5px rgba(20,10,15,.24);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3%;padding:1.5% 3.5%}
body[data-page="home"] .home-bench-screen>div {min-height:0;display:flex;align-items:center;justify-content:center}
body[data-page="home"] .home-screen-action {height:100%;aspect-ratio:1;max-width:100%}
body[data-page="home"] .home-bench-screen .home-icon {height:100%;aspect-ratio:1;max-width:100%}
body[data-page="home"] .home-bench-screen img {height:100%;width:auto}
body[data-page="home"] .home-bench-note {position:absolute;left:68.15%;top:19.1%;width:4.65%;height:3.1%;background:transparent;color:#581C37;display:flex;align-items:center;justify-content:center;padding:0;border:0}
body[data-page="home"] .home-bench-note .wm {width:100%;height:auto;color:#581C37;transform:none}
body[data-page="home"] .home-lamp {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;--aperture-warm:1;--pool-warm:1}
body[data-page="home"] .home-light-aperture {opacity:calc(.36 * var(--aperture-warm))}
body[data-page="home"] .home-light-air {opacity:calc(var(--air-alpha) * var(--pool-warm))}
body[data-page="home"] .home-light-table {opacity:calc(var(--table-alpha) * var(--pool-warm))}
body[data-page="home"] .home-motes {fill:#FFF3B9;opacity:0}
body[data-page="home"] .home-motes circle {transform-box:fill-box;transform-origin:center}
@media(max-width:599px) {body[data-page="home"] .home-motes circle:last-child {display:none}}

body[data-page="home"] figcaption {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font:400 14px/1.6 var(--mono);margin-top:17px;color:var(--muted)}
body[data-page="home"] figcaption a {text-underline-offset:4px}
body[data-page="home"] .home-catalog {padding-top:62px;scroll-margin-top:24px}
body[data-page="home"] .home-rule {display:flex;align-items:center;gap:20px;margin-bottom:26px;font:600 14px/1.5 var(--mono);color:var(--muted)}
body[data-page="home"] .home-rule span {flex-shrink:0}
body[data-page="home"] .home-rule svg {height:6px;flex:1;width:30px;stroke:var(--home-line);fill:none;stroke-width:1.5}
body[data-page="home"] h2 {font:750 clamp(32px,7.8vw,48px)/1.18 var(--serif);letter-spacing:-.035em;margin:0 0 16px}
body[data-page="home"] .home-section-heading {display:grid;gap:2px;margin-bottom:29px}
body[data-page="home"] .home-section-heading>p {color:var(--muted);font-size:16px;line-height:1.65;margin:0}
body[data-page="home"] .home-apps {display:grid;gap:25px}
body[data-page="home"] .home-app {position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--card);border:var(--home-border) solid var(--home-line);border-radius:5px;padding:22px;box-shadow:5px 5px 0 var(--home-shadow);overflow:hidden}
body[data-page="home"] .home-app-top {display:flex;align-items:center;justify-content:space-between;gap:12px}
body[data-page="home"] .home-eyebrow {font:600 14px/1.5 var(--mono);margin:0 0 9px;color:inherit}
body[data-page="home"] .home-app-top .home-eyebrow {margin:0}
body[data-page="home"] .home-index {font:400 14px/1.5 var(--mono);color:var(--muted)}
body[data-page="home"] .home-app-icon {width:100px;margin:25px 0 22px}
body[data-page="home"] .home-icon {display:block}
body[data-page="home"] .home-icon img {width:100%;border-radius:22%}
body[data-page="home"] .home-app-name {font:600 15px/1.5 var(--mono);margin-bottom:10px}
body[data-page="home"] .home-app h3 {font:700 clamp(25px,6.8vw,34px)/1.22 var(--serif);letter-spacing:-.025em;margin:0 0 16px;max-width:13em;text-wrap:pretty}
body[data-page="home"] .home-app-sub {font-size:16px;line-height:1.65;margin:0 0 28px;max-width:30em;color:var(--muted)}
body[data-page="home"] .home-app-bottom {margin-top:auto;padding-top:15px;border-top:1px solid var(--home-line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 16px;font:400 14px/1.6 var(--mono)}
body[data-page="home"] .home-text-link {display:inline-flex;gap:12px;align-items:center;font:600 14px/1.5 var(--mono);text-decoration-thickness:1px;text-underline-offset:5px;min-height:44px}
body[data-page="home"] .home-text-link span {font-size:20px;transition:transform 180ms}
body[data-page="home"] .home-text-link:hover span {transform:none}
body[data-page="home"] .home-card-edge {position:absolute;left:0;top:0;right:0;height:5px;background:var(--home-primary);pointer-events:none;z-index:-1}
body[data-page="home"] .home-app-mindmaps {background:var(--home-stage);color:var(--home-stage-ink)}
body[data-page="home"] .home-app-mindmaps .home-app-sub,body[data-page="home"] .home-app-mindmaps .home-index {color:var(--home-stage-ink)}
body[data-page="home"] .home-app-mindmaps .home-app-bottom {border-color:var(--home-stage-ink)}
body[data-page="home"] .home-app-mindmaps .home-card-edge {background:var(--home-stage-ink)}
body[data-page="home"] .home-family-section,body[data-page="home"] .home-founder-section {padding-top:64px}
body[data-page="home"] .home-family {display:grid;gap:25px;background:var(--home-secondary);color:var(--home-secondary-ink);border:var(--home-border) solid var(--home-line);border-radius:5px;box-shadow:5px 5px 0 var(--home-shadow);padding:26px}
body[data-page="home"] .home-family-art {width:100px}
body[data-page="home"] .home-family h2 {margin-bottom:12px}
body[data-page="home"] .home-family-headline {font-size:23px;line-height:1.45}
body[data-page="home"] .home-family p:not(.home-eyebrow):not(.home-family-headline) {max-width:36em;font-size:16px}
body[data-page="home"] .home-founder {display:grid;gap:25px;align-items:center;padding:5px 0 10px}
body[data-page="home"] .home-founder-portrait {position:relative;width:155px;padding:0 5px}
body[data-page="home"] .home-founder-portrait i {position:absolute;inset:20% 0 0;border:var(--home-border) solid var(--home-line);border-radius:50% 50% 5px 5px;background:var(--home-primary);z-index:-1}
body[data-page="home"] .home-founder-portrait img {position:relative;width:100%}
body[data-page="home"] .home-founder p:not(.home-eyebrow) {max-width:35em;font-size:17px;line-height:1.7}
body[data-page="home"] .home-footer {margin-top:62px;border-top:2px solid var(--home-line);padding:30px 0;background:var(--card);color:var(--fg)}
body[data-page="home"] .home-footer a,body[data-page="home"] .home-footer .wm,body[data-page="home"] .home-footer .mtoggle {color:var(--fg)}
body[data-page="home"] .home-footer .mtoggle {border-color:var(--home-line)}
body[data-page="home"] .home-footer .mtoggle i {background:var(--home-line)}
body[data-page="home"] .home-footer-top {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}
body[data-page="home"] .home-footer-apps {display:flex;flex-wrap:wrap;gap:3px 22px;font:400 14px/1.5 var(--mono);margin-bottom:24px}
body[data-page="home"] .home-footer-apps a {min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
body[data-page="home"] .home-footer-bottom {display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font:400 14px/1.65 var(--mono);color:var(--muted)}
body[data-page="home"] .home-footer-bottom p {font:inherit;margin:0;color:inherit}
body[data-page="home"] .home-preview-note {font:400 14px/1.6 var(--mono);color:var(--muted);margin-top:20px}
:root.rm body[data-page="home"] .home-cta,:root.rm body[data-page="home"] .home-text-link span {transition:none;transform:none}
@media (min-width:600px) {
  body[data-page="home"] .wrap {padding-left:32px;padding-right:32px}
  body[data-page="home"] .nav-r {gap:18px}
  body[data-page="home"] .mt-nav i {display:block}
  body[data-page="home"] .home-nav-apps {display:block}
  body[data-page="home"] .home-opening {padding-top:34px}
  body[data-page="home"] .home-drawing-inner {width:125%;margin-left:-25%}
  body[data-page="home"] .home-apps {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  body[data-page="home"] .home-app {padding:28px}
  body[data-page="home"] .home-app h3 {font-size:30px}
  body[data-page="home"] .home-family {grid-template-columns:130px minmax(0,1fr);align-items:center;padding:36px;gap:35px}
  body[data-page="home"] .home-family-art {width:130px}
  body[data-page="home"] .home-founder {grid-template-columns:170px minmax(0,1fr);gap:45px}
}
@media (min-width:1000px) {
  body[data-page="home"] .wm {height:34px}
  body[data-page="home"] .home-opening {padding-top:38px}
  body[data-page="home"] .home-opening-grid {grid-template-columns:minmax(0,1fr) 285px;align-items:end;gap:55px;margin-top:24px}
  body[data-page="home"] h1 {font-size:82px;max-width:10.2em}
  body[data-page="home"] .home-opening-note {padding-bottom:6px}
  body[data-page="home"] .home-opening-note>p:first-child {font-size:24px}
  body[data-page="home"] .home-workbench {margin-top:40px}
  body[data-page="home"] .home-drawing-inner {width:100%;margin-left:0}
  body[data-page="home"] .home-section-heading {grid-template-columns:1fr 1fr;align-items:end;gap:28px}
  body[data-page="home"] .home-section-heading h2 {margin-bottom:0}
  body[data-page="home"] .home-section-heading p {padding-bottom:3px}
  body[data-page="home"] .home-catalog {padding-top:86px}
  body[data-page="home"] .home-app {padding:32px}
  body[data-page="home"] .home-app-icon {width:112px}
  body[data-page="home"] .home-app h3 {font-size:36px}
  body[data-page="home"] .home-app-sub {font-size:17px}
  body[data-page="home"] .home-family {grid-template-columns:220px minmax(0,1fr);padding:42px 55px;gap:50px}
  body[data-page="home"] .home-family-art {width:180px;justify-self:center}
  body[data-page="home"] .home-founder {grid-template-columns:280px minmax(0,1fr);gap:45px;padding-top:15px}
  body[data-page="home"] .home-founder-portrait {width:210px;justify-self:center}
  body[data-page="home"] .home-family-section,body[data-page="home"] .home-founder-section {padding-top:80px}
  body[data-page="home"] .home-footer {margin-top:80px;padding:38px 0}
}

/* Icon transforms never move the link or its hit area. Contact shadows stay grounded. */
body[data-page="home"] .home-icon-ground {position:relative}
body[data-page="home"] .home-icon-idle,body[data-page="home"] .home-icon-action {position:relative}
body[data-page="home"] .home-icon-shadow {position:absolute;left:15%;bottom:0;width:70%;height:7%;background:#2A1421;border-radius:50%;opacity:.12;transform:scaleX(1);filter:blur(2px)}
body[data-page="home"] .home-app-heading {display:flex;flex-direction:column}
body[data-page="home"] .home-app-identity {display:contents}
body[data-page="home"] .home-app-top {order:-1}
:root.rm body[data-page="home"] .home-icon-idle,:root.rm body[data-page="home"] .home-icon-action,:root.rm body[data-page="home"] .home-tool-idle,:root.rm body[data-page="home"] .home-tool-action,:root.rm body[data-page="home"] .home-screen-action {transform:none!important}
@media(max-width:599px) {
  body[data-page="home"] .home-app-heading {display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:17px;margin-bottom:20px;min-height:80px}
  body[data-page="home"] .home-app-identity {display:block}
  body[data-page="home"] .home-app-icon {width:76px;margin:0}
  body[data-page="home"] .home-app-top {align-items:start;gap:5px}
  body[data-page="home"] .home-app-name {margin:6px 0 0}
}

body[data-page="home"] .home-bench-screen::before {content:"";position:absolute;inset:0;background:url(../img/grain-128.webp);opacity:.035;pointer-events:none}
body[data-page="home"] .home-bench-screen>div {position:relative}
