/* Toile — shared styles. Truly common to every page: fonts, variables, reset,
   the nav, the footer. Anything that differs between the app pages (index,
   garment, garments, add) and the written pages (cloth, uses, mathematics,
   why) stays in that page's own <style> block, scoped under body.article
   where the two disagree on the same selector. */

@font-face{font-family:"Bodoni Moda";src:url("fonts/bodoni-moda-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("fonts/bodoni-moda-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("fonts/eb-garamond-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("fonts/eb-garamond-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("fonts/eb-garamond-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{--paper:#EFE9DE;--ink:#1B1714;--ox:#7B2B23;--indigo:#26384F;--rule:#D3C9B8;--muted:#867C6F;--field:#F7F3EA}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"EB Garamond",Georgia,serif;font-size:17.5px;
     line-height:1.6;font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.muted{color:var(--muted)}

.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
     max-width:1120px;margin:0 auto;padding:20px 24px 16px;border-bottom:1px solid var(--rule)}
.nav .wm{font-family:"Bodoni Moda",serif;font-size:15px;letter-spacing:.30em;padding-left:.30em;line-height:1}
.nav .wm small{display:block;font-size:5.6px;letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;
               color:var(--ox);margin-top:5px;font-family:"Bodoni Moda",serif}
.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
       padding-bottom:2px;border-bottom:1px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ox)}

.sh .ln{flex:1;height:1px;background:var(--rule)}
.wrap{margin:0 auto}
h2{font-family:"Bodoni Moda",serif;font-weight:400;margin:0}

.col{text-align:center;margin-top:70px;padding-top:26px;border-top:1px solid var(--rule)}
.col .wm{font-family:"Bodoni Moda",serif;font-size:17px;letter-spacing:.3em;padding-left:.3em}
.col .tl{font-size:8.5px;letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;color:var(--ox);margin-top:7px}
</content>