/* Crossing Threads: selected upper-left logo concept. */
#cross-stitches-sketch header{flex-wrap:wrap;gap:20px;align-items:center}
#cross-stitches-sketch .brand-lockup{display:flex;align-items:center;gap:14px;text-decoration:none;color:#171717;max-width:100%;min-width:0}
#cross-stitches-sketch .brand-lockup img{width:60px;height:60px;flex:none}
#cross-stitches-sketch .brand-copy{min-width:0}
#cross-stitches-sketch .brand-name{display:block;font:400 30px/1.12 Georgia,serif;letter-spacing:-.035em}
#cross-stitches-sketch .brand-subtitle{display:block;font:400 14px/1.5 Georgia,serif;letter-spacing:.035em;color:#554f49;margin-top:7px}
header .motif-home{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex:none;border-radius:3px;text-decoration:none}
header .motif-home img{display:block;width:60px;height:60px}
header:has(.motif-home){align-items:center}
.brand-lockup:focus-visible,.motif-home:focus-visible{outline:3px solid #9b223c;outline-offset:5px}
.motif-home:hover{background:#eadfce}
@media(max-width:650px){
 #cross-stitches-sketch .brand-lockup{gap:10px}
 #cross-stitches-sketch .brand-lockup img{width:48px;height:48px}
 #cross-stitches-sketch .brand-name{font-size:26px}
 #cross-stitches-sketch .brand-subtitle{font-size:14px;letter-spacing:0;max-width:270px;margin-top:5px}
}

#cross-stitches-sketch header{padding-top:16px;padding-bottom:16px}
header .motif-home{position:relative;border:1px solid var(--line,#d9cdbc);background:#fffaf2;cursor:pointer}
header .motif-home::after{content:"Home";position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);background:#302d27;color:#fff;padding:4px 8px;border-radius:3px;font:14px/1.3 Arial,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;z-index:10}
header .motif-home:hover::after,header .motif-home:focus-visible::after{opacity:1}

/* Keep the introductory heading in proportion to the quilt. */
#cross-stitches-sketch .hero h1{font-size:clamp(38px,4.4vw,54px);line-height:1.08;letter-spacing:-.035em}

/* Compact home navigation shares the chapter label's row. */
.chapter-navigation{display:flex;align-items:center;flex-wrap:wrap;column-gap:16px;row-gap:0;margin:0 0 4px}
.chapter-navigation .chapter-home{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--red,#873e33);font:13px/1.4 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.chapter-home img{display:block;width:24px;height:24px}
.chapter-home:hover span{text-decoration:underline;text-underline-offset:4px}
.chapter-home:focus-visible{outline:3px solid #28768b;outline-offset:4px;border-radius:2px}
.chapter-navigation .eyebrow{margin:0;border-left:1px solid var(--line,#d8cdbb);padding-left:16px}
@media(max-width:540px){.chapter-navigation{column-gap:10px}.chapter-navigation .eyebrow{padding-left:10px;font-size:10px;letter-spacing:.08em}}