/* Editorial travel journal - design tokens (see docs/design.md) */
@font-face{font-family:"Fraunces";src:url(/static/fonts/Fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(/static/fonts/Inter.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Caveat";src:url(/static/fonts/Caveat.ttf) format("truetype");font-weight:400 700;font-display:swap}
:root{
 /* colour roles (Material 3 naming) - Meghalaya palette */
 --md-primary:#3E5F35;          /* moss */      --md-on-primary:#FFFFFF;
 --md-primary-container:#D7E6C7;  --md-on-primary-container:#1C3115;
 --md-secondary:#1F6C6A;        /* river teal */ --md-on-secondary:#FFFFFF;
 --md-secondary-container:#CDEBE8; --md-on-secondary-container:#0C3735;
 --md-tertiary:#A84D2A;         /* terracotta */ --md-on-tertiary:#FFFFFF;
 --md-tertiary-container:#F7DCCD;  --md-on-tertiary-container:#4A1A06;
 --md-surface:#FAF6EE;          /* cream */      --md-on-surface:#2B2A26;
 --md-surface-variant:#E6E4DE;  /* mist grey */  --md-on-surface-variant:#55534C;
 --md-surface-container:#F2EDE2; --md-surface-container-high:#ECE6D8;
 --md-outline:#8A877E; --md-outline-variant:#D4CFC3; --md-error:#B3261E;
 --md-scrim:rgba(20,24,18,.55);
 /* 8pt spacing */
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
 /* type scale (1.25 modular, 16px base) */
 --font-display:"Fraunces",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--font-hand:"Caveat",cursive;
 --fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.563rem;--fs-2xl:1.953rem;--fs-3xl:2.441rem;--fs-4xl:3.052rem;--fs-5xl:3.815rem;
 /* shape + elevation */
 --r-sm:8px;--r-md:16px;--r-lg:24px;--r-xl:32px;
 --el-1:0 1px 2px rgba(40,35,25,.10),0 1px 3px rgba(40,35,25,.08);
 --el-2:0 4px 12px rgba(40,35,25,.10),0 1px 3px rgba(40,35,25,.08);
 --el-3:0 12px 28px rgba(40,35,25,.16),0 3px 8px rgba(40,35,25,.10);
 /* motion */
 --ease-standard:cubic-bezier(.2,0,0,1);--ease-emph:cubic-bezier(.05,.7,.1,1);--dur-s:150ms;--dur-m:250ms;--dur-l:400ms;
}
@media (prefers-reduced-motion:reduce){:root{--dur-s:0ms;--dur-m:0ms;--dur-l:0ms}html{scroll-behavior:auto!important}*{animation:none!important;transition:none!important}}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-md);line-height:1.55;color:var(--md-on-surface);background:var(--md-surface)}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0}
a{color:var(--md-secondary)}
.hand{font-family:var(--font-hand);font-weight:700}
.contours{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200'%3E%3Cg fill='none' stroke='%233E5F35' stroke-opacity='.09' stroke-width='1.2'%3E%3Cpath d='M0 120C80 80 140 160 220 110S360 60 400 100'/%3E%3Cpath d='M0 140C80 100 140 180 220 130S360 80 400 120'/%3E%3Cpath d='M0 160C80 120 140 200 220 150S360 100 400 140'/%3E%3Cpath d='M0 60C60 30 160 90 240 50S360 20 400 40'/%3E%3Cpath d='M0 80C60 50 160 110 240 70S360 40 400 60'/%3E%3C/g%3E%3C/svg%3E")}
.glass{background:rgba(250,246,238,.72);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.55);border-radius:var(--r-lg);box-shadow:var(--el-2)}