/* The Ops Layer · Home v3 system (Claude Design handoff, 2 Oct 2026). Source: Design Handoff/home-v3.html */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/playfair-display-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/playfair-display-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/playfair-display-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:700;font-display:swap;src:url("../fonts/playfair-display-latin-700-italic.woff2") format("woff2")}
/* Playfair 2 (2023, OFL): variable weight + optical size. Large headlines get the fine display cut automatically. */
@font-face{font-family:"Playfair";font-style:normal;font-weight:300 900;font-display:swap;src:url("../fonts/playfair2-latin-standard-normal.woff2") format("woff2-variations"),url("../fonts/playfair2-latin-standard-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair";font-style:italic;font-weight:300 900;font-display:swap;src:url("../fonts/playfair2-latin-standard-italic.woff2") format("woff2-variations"),url("../fonts/playfair2-latin-standard-italic.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/lato-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/lato-latin-300-italic.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/lato-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/lato-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/lato-latin-700-normal.woff2") format("woff2")}

.ol{--on-d:#F0EFEE;--on-d2:#B7B5B2;--on-d3:#8C8C8C;--fg:#fff;--ink:255 255 255;--ground:#000;--mute:#6E6C6A;--mute2:#5E5C5A;--card:rgba(8,8,8,.86);--card-f:rgba(24,24,24,.92);--hair:rgb(var(--ink) / .1);--hair2:rgb(var(--ink) / .2);--ease:cubic-bezier(.2,.7,.3,1);--ex:cubic-bezier(.16,1,.3,1);--disp:"Playfair","Playfair Display",Georgia,"Times New Roman",serif;--sans:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;--pad:clamp(20px,5vw,88px);--max:1380px;position:relative;isolation:isolate;font-family:var(--sans);color:var(--on-d);background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}

/* Chapters: dark (default) and light bands. Components read the variables above, so a band only redefines them. */
.band-dark{background:transparent}
.band-light{--fg:#0F0F0F;--on-d:#1C1B1A;--on-d2:#4A4845;--on-d3:#625F5C;--mute:#7E7B77;--mute2:#8A8783;--ink:0 0 0;--ground:#F6F5F2;--card:#F7F7F6;--card-f:#fff;background:#F6F5F2;color:var(--on-d)}
.band-light ::selection{background:#0F0F0F;color:#EFEFEF}