/* Base tokens and chrome (index.html repeats these inline; kept identical). */
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-moda-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-moda-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-moda-latin-500-italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
:root{--paper:#FFFFFF;--ink:#000000;--ink-soft:#4B4F55;--gold:#C8912E;--gold-deep:#9C6A1C;--gold-light:#E9C46A;--teal:#1497A8;--teal-deep:#0C6773;--mist:#EEF6F7;--shirt:#1A1A1A;
  --serif:'Bodoni Moda','Didot','Bodoni 72',Georgia,serif;--sans:'Jost','Futura','Century Gothic',system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.55;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}
.wrap{max-width:1140px;margin:0 auto;padding-left:24px;padding-right:24px}
.top{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.top .brand img{height:116px;width:auto}
.top nav a{text-decoration:none;font-size:16px;color:var(--ink-soft);margin-left:26px}
.top nav a:hover{color:var(--ink)}
.top nav a.cta{color:var(--ink);font-weight:600;border-bottom:2px solid var(--gold)}
h1{font-family:var(--serif);font-weight:800;line-height:1.02;letter-spacing:-0.5px;margin:0 0 22px}
h2{font-family:var(--serif);font-weight:800;line-height:1.08;margin:0 0 18px}
.btn{display:inline-block;font-family:var(--sans);font-weight:600;font-size:17px;text-decoration:none;padding:15px 28px;border-radius:999px;border:0;cursor:pointer}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--teal-deep)}
footer{border-top:1px solid #E6E8EA;padding-top:28px;padding-bottom:36px;font-size:15px;color:var(--ink-soft)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media (max-width:900px){.top nav a:not(.cta){display:none}}
@media (max-width:560px){.top .brand img{height:84px}.top nav a.cta{display:none}}

/* Shared across every ConjureWear page: header menu, footer, content pages. */
.menu-btn{display:inline-flex;align-items:center;gap:9px;margin-left:26px;background:none;border:1.5px solid #D5DCE0;border-radius:999px;padding:9px 16px 9px 13px;font:600 15px var(--sans);color:var(--ink);cursor:pointer}
.menu-btn:hover{border-color:var(--ink)}
.menu-btn .bars{display:inline-grid;gap:4px}
.menu-btn .bars i{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
.top nav{display:flex;align-items:center}
.menu{position:fixed;inset:0;z-index:50;visibility:hidden}
.menu.open{visibility:visible}
.menu .scrim{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.menu.open .scrim{opacity:1}
.menu .panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,100%);background:#fff;overflow-y:auto;
  padding:calc(18px + env(safe-area-inset-top,0px)) 28px calc(28px + env(safe-area-inset-bottom,0px));
  transform:translateX(100%);transition:transform .25s ease;box-shadow:-20px 0 50px rgba(0,0,0,.18)}
.menu.open .panel{transform:none}
@media (prefers-reduced-motion:reduce){.menu .panel,.menu .scrim{transition:none}}
.menu .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.menu .head img{height:54px;width:auto}
.menu .x{background:none;border:0;font-size:34px;line-height:1;color:var(--ink-soft);cursor:pointer;padding:4px 8px}
.menu h2{font-family:var(--serif);font-style:italic;font-weight:500;font-size:17px;color:var(--teal-deep);margin:22px 0 6px}
.menu ul{list-style:none;margin:0;padding:0}
.menu li a{display:block;text-decoration:none;padding:9px 0;font-size:19px;color:var(--ink);border-bottom:1px solid #EEF1F3}
.menu li a:hover{color:var(--teal-deep)}
.menu li a.hot{font-family:var(--serif);font-weight:800;font-size:22px}
body.menu-lock{overflow:hidden}

footer .links{display:flex;flex-wrap:wrap;gap:8px 22px;width:100%;margin-bottom:10px}
footer .links a{text-decoration:none;color:var(--ink-soft)}
footer .links a:hover{color:var(--ink);text-decoration:underline}

/* Content pages */
.page{max-width:780px;padding-top:40px;padding-bottom:90px}
.page h1{font-size:clamp(40px,6vw,64px);margin-bottom:14px}
.page .lede{font-size:20px;color:var(--ink-soft);margin:0 0 34px;max-width:34em}
.page h2{font-size:clamp(26px,3vw,32px);margin:40px 0 10px}
.page p,.page li{color:#2A2E33}
.page ul{padding-left:1.2em}
.page a{color:var(--teal-deep)}
.page table{border-collapse:collapse;width:100%;margin:10px 0 18px;font-size:17px}
.page th,.page td{text-align:left;padding:12px 14px;border-bottom:1px solid #E3E7EA}
.page th{font-weight:600;background:var(--mist)}
.qa{border-top:1px solid #E3E7EA}
.qa:last-of-type{border-bottom:1px solid #E3E7EA}
.qa summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-weight:600;font-size:19px;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'+';position:absolute;right:4px;top:14px;font-size:26px;font-weight:400;color:var(--teal-deep)}
.qa[open] summary::after{content:'\2212'}
.qa div{padding:0 0 18px;color:#2A2E33}
.qa div p{margin:0 0 10px}
@media (max-width:900px){.top .menu-btn{margin-left:14px}}
@media (max-width:560px){.menu-btn .lbl{display:none}.menu-btn{padding:10px 12px}}
.page a.btn{text-decoration:none}
.page a.btn-ink{color:#fff}
.page a.btn-gold{color:var(--ink)}

/* Headline font has no W kerning; pulls the next letter in so "Wear" doesn't read "W ear". */
.kw{margin-right:-0.16em}