/* Sabeti Lab · Holiday Cards — base (split from app.css; see ARCHITECTURE.md) */
/* Sabeti Lab · Holiday Cards ─ Lab App stylesheet */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/CormorantGaramond-300.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/CormorantGaramond-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/CormorantGaramond-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/CormorantGaramond-300i.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/CormorantGaramond-400i.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/Jost-300.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Jost-400.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Jost-500.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/Jost-300i.woff2) format('woff2')}

:root{
  --paper:#f3eee4;--paper-2:#e7dfcf;--ink:#1d2320;--ink-2:#4b534d;--mute:#828a83;--line:rgba(29,35,32,.14);
  --gold:#b9a26f;--pine:#3f5c50;--wine:#7a4750;--night:#0f1513;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:Jost,'Helvetica Neue',Arial,sans-serif;
  --bar:56px;--vh:100vh;
  /* per-chapter theme (overridden inline on each .pin) */
  --bg:#101614;--bg2:#000;--fg:#f3eee4;--accent:#b9a26f;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--paper);font-family:var(--sans);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;border:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
a{color:inherit}
h1,h2,h3,p{margin:0;font-weight:inherit}
.skip{position:absolute;left:-999px;top:8px;z-index:1000;padding:8px 12px;background:var(--paper);color:var(--ink)}
.skip:focus{left:8px}