/* Embroiderium base: brand tokens (brand kit v1.0) + self-hosted type + shared
   controls. Shared by the home, design-books and studio pages. */
@font-face{font-family:"Lora";src:url(/assets/fonts/lora-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/assets/fonts/lora-var-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans-3-var.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
:root{
 --emb-paper:#FBF8F1;--emb-linen:#F0E9DA;--emb-linen-deep:#E2D8C4;--emb-line:#D6CAB2;--emb-line-soft:#E6DDCB;
 --emb-ink:#34463C;--emb-ink-deep:#25342C;--emb-body:#4B5A50;--emb-muted:#5A6A5F;
 --emb-sage-deep:#42704A;--emb-sage-press:#2B4B31;--emb-sage:#6A9468;--emb-sage-light:#96BA84;--emb-sage-wash:#E4ECDA;
 --emb-teal:#347074;--emb-blush:#D69688;--emb-brass:#C9A85C;--emb-brass-light:#E4CB8A;--emb-brass-wash:rgba(201,168,92,.42);
 --emb-wood:#C49662;--emb-wood-deep:#966C40;--emb-danger:#A3402F;--emb-danger-press:#6E2A1F;
 --emb-display:"Lora",Georgia,"Times New Roman",serif;
 --emb-text:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --emb-radius-sm:8px;--emb-radius:14px;--emb-radius-lg:22px;--emb-pill:999px;
 --emb-shadow-paper:0 1px 1px rgba(52,70,60,.08),0 6px 14px -6px rgba(52,70,60,.26);
 --emb-shadow:0 1px 2px rgba(52,70,60,.07),0 12px 28px -14px rgba(52,70,60,.34);
 --emb-shadow-lift:0 2px 6px rgba(52,70,60,.08),0 26px 44px -18px rgba(52,70,60,.42);
 --emb-ease:cubic-bezier(.2,.8,.2,1);--emb-fast:.16s;
 --emb-focus:0 0 0 3px var(--emb-paper),0 0 0 6px var(--emb-ink),0 0 0 10px rgba(201,168,92,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--emb-text);color:var(--emb-ink);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
.skip-link{position:absolute;left:12px;top:-120px;z-index:50;padding:12px 18px;border-radius:var(--emb-pill);background:var(--emb-ink);color:#fff;font-weight:700;text-decoration:none}
.skip-link:focus{top:10px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:700 .78rem/1.4 var(--emb-text);letter-spacing:.16em;text-transform:uppercase;color:var(--emb-sage-deep)}
.eyebrow::before{content:"";flex:none;width:22px;height:0;border-top:2.5px dashed var(--emb-blush)}
/* Tactile pill buttons: solid sage with a stitched-down shadow edge. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1.5px solid transparent;border-radius:var(--emb-pill);font:700 1rem/1.3 var(--emb-text);letter-spacing:.005em;text-decoration:none;cursor:pointer;transition:transform var(--emb-fast) var(--emb-ease),box-shadow var(--emb-fast) var(--emb-ease),background-color var(--emb-fast);-webkit-tap-highlight-color:transparent}
.btn-primary{background:var(--emb-sage-deep);color:#fff;box-shadow:0 4px 0 var(--emb-sage-press)}
.btn-primary:hover{background:#3A6441;transform:translateY(-2px);box-shadow:0 6px 0 var(--emb-sage-press)}
.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--emb-sage-press)}
.btn-secondary{background:#fff;color:var(--emb-ink);border-color:var(--emb-ink);box-shadow:0 4px 0 var(--emb-linen-deep)}
.btn-secondary:hover{background:var(--emb-sage-wash);transform:translateY(-2px);box-shadow:0 6px 0 var(--emb-linen-deep)}
.btn-secondary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--emb-linen-deep)}
.btn .arrow{transition:transform var(--emb-fast) var(--emb-ease)}
.btn:hover .arrow{transform:translateX(3px)}
:focus-visible{outline:3px solid var(--emb-ink);outline-offset:3px}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid var(--emb-ink);outline-offset:3px;box-shadow:0 0 0 8px rgba(201,168,92,.5)}
.hl{background:linear-gradient(transparent 64%,var(--emb-brass-wash) 64% 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.btn:hover,.btn:active{transform:none}}