/* Barbara Queen site v1 (Phase 1). Loaded AFTER /assets/styles.css?v=2 (shared with the
   live First Key / Master Key pages, never edit that file). New components use bq- prefixes. */
@font-face{font-family:"Playfair Display";src:url("fonts/playfair.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("fonts/playfair-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{--brass:#B08D57;--brass-2:#C9A86A;--brass-30:rgba(176,141,87,.35);--pf:"Playfair Display","Cormorant Garamond",Georgia,serif}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--cream);color:var(--oxblood);padding:10px 16px}
.skip:focus{left:8px}
a:focus-visible{outline:1px solid var(--brass);outline-offset:3px}

/* header */
.bq-head{position:relative;z-index:5;background:#0E0909;border-bottom:1px solid rgba(176,141,87,.22)}
.bq-head__in{width:min(100% - 32px,1180px);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding:12px 0}
.bq-mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream)}
.bq-mark img{width:30px;height:30px}
.bq-mark span{font-family:var(--pf);font-size:15px;letter-spacing:.28em;text-transform:uppercase;padding-left:.28em}
.bq-nav{display:flex;flex-wrap:wrap;gap:2px 4px;margin:0;padding:0;list-style:none}
.bq-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 9px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--cream-70)}
.bq-nav a:hover,.bq-nav a[aria-current=page]{color:var(--brass-2)}
.bq-nav .bq-nav__key{border:1px solid var(--brass-30);color:var(--cream)}
@media (max-width:719px){.bq-head__in{justify-content:center}.bq-nav{justify-content:center;width:100%}.bq-nav a{padding:0 7px;font-size:10.5px;letter-spacing:.2em}}

/* shared section bits */
.bq-sec{position:relative;padding:72px 0 76px}
.bq-center{text-align:center}
.bq-h{margin:14px 0 0;font-family:var(--pf);font-weight:400;font-size:clamp(32px,7.6vw,52px);line-height:1.1;color:var(--oxblood);text-wrap:balance}
.bq-h em{font-style:italic}
.bq-dark .bq-h{color:var(--cream)}
.bq-lede{margin:18px auto 0;max-width:34em;font-size:18px;line-height:1.65;color:rgba(42,26,26,.88)}
.bq-dark .bq-lede{color:var(--cream-70)}
.bq-eyebrow-brass{color:var(--brass)!important}
.bq-rule{display:block;width:64px;height:1px;margin:26px auto;background:var(--brass);position:relative}
.bq-rule::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}
.bq-btnrow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.bq-btnrow .btn{width:auto;min-width:220px;padding:0 26px;margin:0}
.btn--brass{background:transparent;color:var(--cream);border-color:var(--brass);box-shadow:inset 0 0 0 3px #140D0F,inset 0 0 0 4px var(--brass-30)}
.paper .btn--brass,.bq-robe .btn--brass,.bq-key--her .btn--brass{color:var(--oxblood);border-color:var(--brass);box-shadow:inset 0 0 0 3px var(--cream),inset 0 0 0 4px var(--brass-30)}
.paper .btn--brass:hover,.bq-robe .btn--brass:hover{background:var(--oxblood);color:var(--cream);box-shadow:inset 0 0 0 3px var(--oxblood),inset 0 0 0 4px rgba(245,238,227,.22)}
.bq-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--brass-30)}
.bq-link:hover{border-color:var(--brass)}
.bq-frame{position:relative;padding:8px;border:1px solid var(--brass-30);background:rgba(0,0,0,.08)}
.bq-frame::after{content:"";position:absolute;inset:3px;border:1px solid rgba(176,141,87,.18);pointer-events:none}
.bq-frame img{width:100%}

/* home hero */
.bq-hero{position:relative;padding:54px 0 64px;text-align:center;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,rgba(107,26,26,.45) 0%,rgba(74,14,14,.12) 45%,transparent 70%),var(--ink)}
.bq-hero__in{position:relative;width:min(100% - 48px,1120px);margin-inline:auto;display:grid;gap:40px;align-items:center}
.bq-hero__txt{display:flex;flex-direction:column;align-items:center}
.bq-hero .seal{width:76px;margin:22px auto 14px}
.bq-hero h1{margin:0;font-family:var(--pf);font-weight:400;font-size:clamp(44px,12vw,92px);line-height:1;letter-spacing:.01em;color:var(--cream)}
.bq-hero h1 small{display:block;margin-top:14px;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(22px,5.4vw,30px);letter-spacing:0;color:var(--brass-2)}
.bq-hero .subhead{max-width:26em}
.bq-hero__pic{margin:0 auto;max-width:360px;width:100%}
.bq-hero__pic img{aspect-ratio:784/1176;object-fit:cover}
@media (min-width:1024px){.bq-hero{padding:72px 0 80px}.bq-hero__in{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:72px;text-align:left}.bq-hero__pic{order:-1;max-width:440px}.bq-hero__txt{align-items:flex-start}.bq-hero .eyebrow{padding-left:0}.bq-hero .seal{margin-left:0}.bq-hero .bq-btnrow{justify-content:flex-start}}

/* bio */
.bq-bio__grid{display:grid;gap:36px;align-items:center;width:min(100% - 48px,980px);margin-inline:auto}
.bq-bio__pic{max-width:340px;margin:0 auto}
.bq-bio__pic{max-width:300px}.bq-bio__pic img{aspect-ratio:260/320;object-fit:cover}
.bq-bio blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:clamp(25px,6vw,34px);line-height:1.3;color:var(--oxblood);text-wrap:balance}
.bq-sig{width:230px;height:auto;margin:20px 0 0}
.bq-center .bq-sig{margin-inline:auto}
@media (min-width:860px){.bq-bio__grid{grid-template-columns:300px 1fr;gap:64px}.bq-bio__txt .bq-rule{margin-left:0}.bq-bio__txt{text-align:left}.bq-bio__txt .eyebrow{padding-left:0}.bq-bio__txt .bq-sig{margin-left:0}}

/* book feature */
.bq-book{background:radial-gradient(90% 70% at 30% 30%,rgba(107,26,26,.5),transparent 70%),#1A1012}
.bq-book__grid{display:grid;gap:40px;align-items:center;width:min(100% - 48px,1000px);margin-inline:auto}
.bq-cover{max-width:320px;margin:0 auto;box-shadow:0 26px 60px rgba(0,0,0,.6)}
.bq-cover img{aspect-ratio:1600/2560}
.bq-book__txt{text-align:center}
.bq-book__series{margin:16px 0 0;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--brass)}
.bq-book__tag{margin:16px 0 0;font-family:var(--display);font-style:italic;font-size:24px;line-height:1.35;color:var(--cream)}
.bq-book__txt p.bq-lede{margin-left:auto;margin-right:auto}
@media (min-width:860px){.bq-book__grid{grid-template-columns:340px 1fr;gap:72px}.bq-book__txt{text-align:left}.bq-book__txt .eyebrow{padding-left:0}.bq-book__txt p.bq-lede{margin-left:0}.bq-book .bq-btnrow{justify-content:flex-start}}

/* two keys */
.bq-keys{display:grid}
.bq-key{position:relative;padding:64px 0 70px;text-align:center}
.bq-key__in{position:relative;width:min(100% - 64px,460px);margin-inline:auto}
.bq-key .door__title{font-family:var(--display)}
.bq-key .btn{margin-top:26px}
.bq-key--her{background:var(--cream);background-image:radial-gradient(120% 80% at 50% 0%,#F8F2E9 0%,var(--cream) 60%,var(--cream-2) 100%);color:var(--ink-text)}
.bq-key--her .frame{border-color:var(--ox-40)}.bq-key--her .frame::after{border-color:var(--ox-20)}
.bq-key--her .door__label,.bq-key--her .door__title,.bq-key--her .door__line{color:var(--oxblood)}
.bq-key--her .door__detail{color:rgba(42,26,26,.82)}
.bq-key--her .door__alt a{color:var(--oxblood);border-color:var(--ox-40)}
.bq-key--him{background:radial-gradient(100% 60% at 50% 0%,rgba(107,26,26,.45),transparent 70%),var(--ink-2)}
.bq-key--him .door__label,.bq-key--him .door__line{color:var(--cream-70)}
.bq-key--him .door__title{color:var(--cream)}
.bq-key--him .door__detail{color:var(--cream-70)}
@media (min-width:900px){.bq-keys{grid-template-columns:1fr 1fr}.bq-key{padding:88px 0 92px}}

/* robe teaser + gallery */
.bq-robe{background:var(--cream);background-image:radial-gradient(120% 80% at 50% 0%,#FBF7F0 0%,var(--cream) 60%,var(--cream-2) 100%);color:var(--ink-text)}
.bq-wordmark{margin:10px 0 0;font-family:var(--pf);font-weight:500;font-size:clamp(40px,11vw,76px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.bq-issue-label{margin:14px 0 0;font-family:var(--display);font-style:italic;font-size:22px;color:var(--oxblood)}
.bq-strip{list-style:none;margin:36px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(100% - 32px,1120px)}
.bq-strip li{margin:0}
.bq-strip a{display:block;text-decoration:none}
.bq-strip img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--ox-20);background:#efe6d8}
@media (min-width:700px){.bq-strip{grid-template-columns:repeat(4,1fr);gap:16px}}
.bq-slides{list-style:none;margin:40px auto 0;padding:0;width:min(100% - 24px,720px);display:grid;gap:22px}
.bq-slides li{margin:0}
.bq-slides img{width:100%;aspect-ratio:4/5;border:1px solid var(--ox-20);box-shadow:0 12px 30px rgba(42,26,26,.12);background:#efe6d8}
@media (min-width:1024px){.bq-slides{grid-template-columns:1fr 1fr;width:min(100% - 64px,1120px);gap:28px}}
.bq-slides figcaption{margin:8px 0 0;font-size:14px;font-style:italic;text-align:center;color:rgba(42,26,26,.65)}
.bq-poem{margin:40px auto 0;max-width:30em;padding:30px 24px;border-top:1px solid var(--ox-20);border-bottom:1px solid var(--ox-20);text-align:center}
.bq-poem h2{margin:0 0 16px;font-family:var(--display);font-style:italic;font-weight:400;font-size:32px;color:var(--oxblood)}
.bq-poem p{margin:0 0 14px;font-size:17px;line-height:1.6;color:rgba(42,26,26,.88)}
.bq-archive{list-style:none;margin:28px auto 0;padding:0;max-width:640px}
.bq-archive li{border-top:1px solid var(--ox-20)}
.bq-archive li:last-child{border-bottom:1px solid var(--ox-20)}
.bq-archive a{display:flex;align-items:center;gap:16px;padding:14px 6px;text-decoration:none;color:var(--oxblood)}
.bq-archive img{width:64px;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--ox-20)}
.bq-archive strong{display:block;font-family:var(--display);font-size:24px;font-weight:500}
.bq-archive span{font-size:14px;font-style:italic;color:rgba(42,26,26,.65)}
.bq-cta{background:radial-gradient(90% 70% at 50% 0%,rgba(107,26,26,.4),transparent 70%),var(--ink)}

/* coming soon over piano */
.bq-soon{background:#0E0909;overflow:hidden}
.bq-soon__bg{position:absolute;inset:0;margin:0}
.bq-soon__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.8)}
.bq-soon__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,9,9,.84),rgba(20,13,15,.72) 50%,rgba(14,9,9,.9))}
.bq-soon .wrap{position:relative}
.bq-soon__grid{display:grid;gap:18px;margin-top:40px}
.bq-card{position:relative;padding:34px 26px 32px;border:1px solid var(--brass-30);background:rgba(14,9,9,.55);text-align:center}
.bq-card::after{content:"";position:absolute;inset:4px;border:1px solid rgba(176,141,87,.14);pointer-events:none}
.bq-card h3{margin:10px 0 10px;font-family:var(--pf);font-weight:400;font-size:30px;line-height:1.1;color:var(--cream)}
.bq-card p{margin:0 auto;max-width:26em;font-size:17px;color:var(--cream-70)}
.bq-card .btn{position:relative;z-index:1;margin-top:24px;width:auto;min-width:220px;padding:0 24px}
.bq-soon-tag{display:inline-block;padding:4px 12px;border:1px solid var(--brass-30);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--brass-2)}
@media (min-width:860px){.bq-soon__grid{grid-template-columns:1fr 1fr;gap:24px}}

/* inner page hero */
.bq-page-hero{position:relative;padding:60px 0 56px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,rgba(107,26,26,.42) 0%,rgba(74,14,14,.12) 45%,transparent 75%),var(--ink)}
.bq-page-hero h1{margin:14px 0 0;font-family:var(--pf);font-weight:400;font-size:clamp(40px,10vw,76px);line-height:1.04;color:var(--cream);text-wrap:balance}
.bq-page-hero .subhead{margin-left:auto;margin-right:auto;max-width:28em}
.bq-prose{max-width:640px;margin:0 auto}
.bq-prose p{margin:0 0 16px;font-size:18px;line-height:1.7;color:rgba(42,26,26,.9)}
.bq-prose h2{margin:40px 0 12px;font-family:var(--display);font-weight:500;font-size:30px;color:var(--oxblood)}
.bq-pair{display:grid;gap:28px;align-items:center;width:min(100% - 48px,980px);margin-inline:auto}
.bq-pair img{aspect-ratio:auto}
@media (min-width:860px){.bq-pair{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px}}
.bq-note{margin:22px auto 0;max-width:34em;font-size:15px;font-style:italic;color:rgba(42,26,26,.65)}
.bq-dark .bq-note{color:rgba(245,238,227,.62)}
.bq-pair .bq-btnrow{justify-content:center!important}.bq-pair .bq-btnrow .btn{min-width:200px}

/* footer additions */
.bq-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0 0 18px;padding:0;list-style:none}
.bq-foot-nav a{font-size:11px;letter-spacing:.26em;text-transform:uppercase;border:0!important}
.footer .social{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;list-style:none;margin:0 auto 14px;padding:0}
.footer .social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:rgba(245,238,227,.55);transition:color .3s,box-shadow .3s}
.footer .social a:hover,.footer .social a:focus-visible{color:var(--brass);box-shadow:inset 0 0 0 1px rgba(176,141,87,.55);outline:none}
.footer .social svg{display:block;width:18px;height:18px}

/* 404 */
.bq-404{min-height:70vh;display:flex;align-items:center}
.bq-cta .bq-frame{max-width:280px!important}
.bq-cta .bq-frame img{aspect-ratio:4/5;object-fit:cover;object-position:50% 85%}
.bq-slides figure{margin:0}
.bq-archive a{text-align:left}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1024px){.bq-soon__grid{grid-template-columns:repeat(3,1fr);gap:22px}.bq-soon .wrap{width:min(100% - 64px,1180px)}.bq-card{display:flex;flex-direction:column;align-items:center}.bq-card p{flex:1}}
.bq-card .btn{align-self:center}
.bq-keys-end .bq-frame{max-width:300px!important}
.bq-keys-end .bq-frame img{aspect-ratio:auto}
.bq-center .bq-btnrow{justify-content:center!important}

/* ===================== StoryBrand build (Oct 2026) ===================== */
/* header: persistent highlighted key button. Mobile: mark + button on row one, nav on row two (no menu to open). */
.bq-head__in{flex-wrap:nowrap}
.bq-head nav{margin-left:auto}
.bq-head__cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;flex:none;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--cream);background:var(--oxblood);border:1px solid var(--brass);box-shadow:inset 0 0 0 2px var(--oxblood),inset 0 0 0 3px rgba(201,168,106,.45);transition:background .25s var(--ease),color .25s var(--ease)}
.bq-head__cta:hover,.bq-head__cta:focus-visible{background:var(--cream);color:var(--oxblood);box-shadow:inset 0 0 0 2px var(--cream),inset 0 0 0 3px var(--ox-40)}
@media (max-width:899px){
  .bq-head__in{flex-wrap:wrap;justify-content:space-between;gap:8px 10px;padding:10px 0 4px}
  .bq-head nav{order:3;width:100%;margin:0;border-top:1px solid rgba(176,141,87,.14)}
  .bq-nav{justify-content:center;width:100%}
  .bq-mark span{font-size:13px;letter-spacing:.18em;padding-left:0}
  .bq-head__cta{min-height:38px;padding:0 12px;font-size:10px;letter-spacing:.14em}
}
@media (max-width:719px){.bq-head__in{justify-content:space-between}.bq-nav a{min-height:38px}}
@media (max-width:359px){.bq-mark span{display:none}}

/* buttons: long verb labels must fit a 390px screen */
.bq-btnrow .btn{letter-spacing:.3em}
.bq-btnrow .btn span{padding-left:.3em}
@media (max-width:520px){.bq-btnrow{flex-direction:column;align-items:stretch}.bq-btnrow .btn{width:100%;min-width:0;padding:0 14px;font-size:12.5px;letter-spacing:.22em}.bq-btnrow .btn span{padding-left:.22em}}

/* home hero (headline is a promise, not the name) */
.bq-hero .bq-hero__h{margin:6px 0 0;font-family:var(--pf);font-weight:400;font-size:clamp(38px,9.6vw,66px);line-height:1.06;letter-spacing:0;color:var(--cream);text-wrap:balance;max-width:12em}
.bq-hero .subhead{margin-top:18px;max-width:24em}
.bq-hero .bq-btnrow{margin-top:30px}
.bq-hero__micro{margin:14px 0 0;font-size:15px;font-style:italic;color:var(--cream-70)}
.bq-hero__micro em{font-style:normal}
.bq-hero .nw{white-space:nowrap}
.bq-hero .eyebrow{margin-bottom:10px}
.bq-hero__seal{display:none}
@media (max-width:1023px){.bq-hero{padding:36px 0 52px}.bq-hero__in{gap:34px}.bq-hero__pic{max-width:300px}.bq-hero__pic img{aspect-ratio:4/5;object-position:50% 18%}.bq-guide .bq-bio__pic{max-width:240px}}
@media (min-width:1024px){.bq-hero__seal{display:block;width:64px!important;margin:0 0 18px!important}}

/* problem */
.bq-problem .bq-lede{font-size:19px}
.bq-problem .bq-rule{margin:22px auto 4px}

/* guide */
.bq-guide .bq-h{font-size:clamp(30px,6.4vw,44px)}
.bq-guide .bq-lede{margin-top:16px}
.bq-creds{list-style:none;margin:22px auto 0;padding:0;max-width:30em;display:grid;gap:8px}
.bq-creds li{position:relative;padding-left:22px;font-size:17px;line-height:1.5;color:var(--cream-70);text-align:left}
.bq-creds li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.bq-guide .bq-sig{filter:brightness(0) invert(.93) sepia(.35);opacity:.85}
.bq-guide__more{margin:16px 0 0}
.bq-guide__more a{color:var(--brass-2)}
@media (max-width:859px){.bq-creds{display:inline-grid}}

/* plan */
.bq-steps{list-style:none;margin:38px auto 0;padding:0;display:grid;gap:16px;width:min(100% - 48px,1060px)}
.bq-steps li{margin:0;padding:28px 24px 26px;border:1px solid var(--ox-20);background:rgba(255,255,255,.4);text-align:center}
.bq-steps__n{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--brass);border-radius:50%;font-family:var(--pf);font-size:21px;line-height:1;color:var(--oxblood)}
.bq-steps h3{margin:14px 0 6px;font-family:var(--pf);font-weight:400;font-size:26px;line-height:1.15;color:var(--oxblood)}
.bq-steps p{margin:0 auto;max-width:22em;font-size:17px;line-height:1.55;color:rgba(42,26,26,.84)}
@media (min-width:860px){.bq-steps{grid-template-columns:repeat(3,1fr);gap:22px}}
@media (max-width:859px){.bq-steps li{display:grid;grid-template-columns:46px 1fr;column-gap:16px;align-items:start;text-align:left;padding:20px 18px}.bq-steps__n{grid-row:span 2}.bq-steps h3{margin:6px 0 4px;font-size:23px}.bq-steps p{margin:0;font-size:16.5px}}

/* two doors */
.bq-doors{background:radial-gradient(90% 60% at 50% 0%,rgba(107,26,26,.42),transparent 70%),var(--ink)}
.bq-doors__grid{display:grid;gap:22px;width:min(100% - 40px,1040px);margin:40px auto 0}
@media (min-width:760px){.bq-doors__grid{grid-template-columns:1fr 1fr;gap:28px}}
.bq-door{position:relative;display:flex;flex-direction:column;border:1px solid var(--brass-30);background:#1A1012;text-align:center}
.bq-door::after{content:"";position:absolute;inset:4px;border:1px solid rgba(176,141,87,.14);pointer-events:none}
.bq-door__media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;margin:10px 10px 0;background:radial-gradient(80% 90% at 50% 40%,rgba(107,26,26,.55),#140D0F 80%)}
.bq-door__media img{display:block;width:100%;height:100%;object-fit:cover}
.bq-door__media--comic img{object-position:50% 30%;transform:scale(1.4);transform-origin:50% 50%}
.bq-door__media--book{display:flex;align-items:center;justify-content:center}
.bq-door__media--book picture{display:contents}
.bq-door__media--book img{width:auto;height:86%;aspect-ratio:480/768;object-fit:contain;box-shadow:0 16px 36px rgba(0,0,0,.6)}
.bq-door__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;flex:1;padding:24px 22px 28px}
.bq-door__q{margin:0;font-family:var(--display);font-style:italic;font-size:22px;color:var(--brass-2)}
.bq-door__t{margin:4px 0 0;font-family:var(--pf);font-weight:400;font-size:clamp(30px,6vw,38px);line-height:1.1;color:var(--cream)}
.bq-door__p{margin:12px auto 0;max-width:26em;flex:1;font-size:17px;line-height:1.55;color:var(--cream-70)}
.bq-door .btn{width:auto;min-width:240px;margin-top:22px;padding:0 24px;letter-spacing:.3em}
.bq-door .btn span{padding-left:.3em}
@media (max-width:520px){.bq-door .btn{width:100%;min-width:0;letter-spacing:.22em}.bq-door__body{padding:20px 18px 24px}}

/* success + small Robe Undone teaser */
.bq-success__stakes{margin:20px 0 0;font-family:var(--display);font-style:italic;font-size:22px;color:var(--oxblood)}
.bq-teaser{margin:40px auto 0;width:min(100% - 32px,720px);padding-top:28px;border-top:1px solid var(--ox-20)}
.bq-teaser__label{margin:0;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--oxblood)}
.bq-teaser__label em{text-transform:none;letter-spacing:.02em;font-size:15px}
.bq-strip--sm{width:100%;margin-top:18px;grid-template-columns:repeat(4,1fr);gap:8px}
@media (min-width:700px){.bq-strip--sm{gap:12px}}
.bq-teaser__link{margin:16px 0 0;color:var(--oxblood);font-size:17px}

/* final CTA band (same on every built page) */
.bq-final{padding:76px 0 80px}
.bq-final__seal{display:block;width:60px;height:60px;margin:0 auto 6px}
.bq-final .bq-h{font-size:clamp(30px,6.6vw,46px)}
.bq-final .bq-h em{color:var(--brass-2)}

/* about */
.bq-about__lede{margin-left:0;margin-right:0}
@media (max-width:859px){.bq-about__lede{margin-inline:auto}}

/* Robe Undone: Master Key prompts */
.bq-toplink{margin:18px 0 0;font-size:16px;color:var(--cream-70)}
.bq-toplink a{color:var(--brass-2);text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:1px;letter-spacing:.02em}
.bq-toplink a:hover{color:var(--cream)}
.bq-toplink__note{font-style:italic}
.bq-mk-inline{position:relative;margin:30px auto 0;width:min(100% - 32px,640px);padding:24px 22px 26px;border:1px solid var(--brass-30);background:#FBF7F0;box-shadow:0 10px 28px rgba(42,26,26,.08);text-align:center}
.bq-mk-inline::after{content:"";position:absolute;inset:4px;border:1px solid rgba(176,141,87,.16);pointer-events:none}
.bq-mk-inline__t{margin:0 auto;max-width:22em;font-family:var(--pf);font-size:clamp(21px,4.6vw,26px);line-height:1.3;color:var(--oxblood);text-wrap:balance}
.bq-mk-inline .btn{position:relative;z-index:1;width:auto;min-width:240px;margin-top:16px;padding:0 24px;letter-spacing:.3em}
.bq-mk-inline .btn span{padding-left:.3em}
@media (max-width:520px){.bq-mk-inline .btn{width:100%;min-width:0;letter-spacing:.22em}}


/* the gentle key invitation (keypop.js) */
.kp{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.kp__backdrop{position:absolute;inset:0;background:rgba(14,9,9,.62);opacity:0;transition:opacity .3s var(--ease)}
.kp__dialog{position:relative;width:min(100%,430px);max-height:calc(100vh - 40px);overflow:auto;padding:38px 30px 26px;text-align:center;color:var(--ink-text);background:var(--cream);background-image:radial-gradient(120% 70% at 50% 0%,#FBF7F0 0%,var(--cream) 60%,var(--cream-2) 100%);border:1px solid var(--brass);box-shadow:0 30px 80px rgba(0,0,0,.45);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.kp__dialog::after{content:"";position:absolute;inset:5px;border:1px solid var(--brass-30);pointer-events:none}
.kp__dialog:focus{outline:none}
.kp--in .kp__backdrop{opacity:1}
.kp--in .kp__dialog{opacity:1;transform:none}
.kp__x{position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--oxblood);cursor:pointer}
.kp__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.kp__x:hover{background:rgba(74,14,14,.08)}
.kp__x:focus-visible,.kp__no:focus-visible{outline:1px solid var(--brass);outline-offset:2px}
.kp__seal{display:block;width:56px;height:56px;margin:0 auto 10px}
.kp__eyebrow{margin:0;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--oxblood)}
.kp__title{margin:8px 0 0;font-family:var(--pf);font-weight:400;font-size:32px;line-height:1.12;color:var(--oxblood);text-wrap:balance}
.kp__text{margin:12px auto 0;max-width:24em;font-size:17px;line-height:1.55;color:rgba(42,26,26,.86)}
.kp__btn{position:relative;z-index:1;margin-top:22px;letter-spacing:.3em}
.kp__btn span{padding-left:.3em}
.kp__no{position:relative;z-index:1;margin:12px auto 0;padding:8px 14px;border:0;background:none;font:inherit;font-size:15px;font-style:italic;color:rgba(42,26,26,.7);text-decoration:underline;text-decoration-color:var(--ox-40);text-underline-offset:3px;cursor:pointer}
.kp__no:hover{color:var(--oxblood)}
.kp__fine{margin:6px 0 0;font-size:12.5px;color:rgba(42,26,26,.55)}
.kp-open{overflow:hidden}
@media (max-width:599px){
  .kp{align-items:flex-end;padding:0}
  .kp__dialog{width:100%;max-height:88vh;padding:32px 22px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;transform:translateY(40px)}
  .kp__title{font-size:28px}
  .kp__btn{letter-spacing:.22em}
}
@media (prefers-reduced-motion:reduce){.kp__backdrop,.kp__dialog{transition:none}}

/* ===================== Membership: The Velvet Chamber (coming soon, Oct 2026) ===================== */
.bq-mem-hero__seal{display:block;width:64px;height:64px;margin:0 auto 14px}
.bq-mem-hero .nw{white-space:nowrap}
.bq-mem-micro{margin:14px auto 0;max-width:26em;font-size:15px;font-style:italic;color:var(--cream-70)}
.bq-mem-intro .bq-rule{margin:22px auto 4px}
.bq-tiers{background:radial-gradient(90% 50% at 50% 0%,rgba(107,26,26,.42),transparent 70%),var(--ink)}
.bq-tiers__grid{list-style:none;display:grid;gap:34px;width:min(100% - 40px,1120px);margin:48px auto 0;padding:0}
.bq-tier{position:relative;display:flex;flex-direction:column;margin:0;padding:36px 24px 28px;border:1px solid var(--brass-30);background:#1A1012;text-align:center}
.bq-tier::after{content:"";position:absolute;inset:4px;border:1px solid rgba(176,141,87,.14);pointer-events:none}
.bq-tier__no{margin:0;font-family:var(--pf);font-size:15px;letter-spacing:.3em;padding-left:.3em;color:var(--brass)}
.bq-tier__name{margin:6px 0 0;font-family:var(--pf);font-weight:400;font-size:clamp(28px,7vw,34px);line-height:1.1;color:var(--cream);text-wrap:balance}
.bq-tier__for{margin:8px auto 0;max-width:20em;font-family:var(--display);font-style:italic;font-size:19px;line-height:1.35;color:var(--brass-2);text-wrap:balance}
.bq-tier__for em{font-style:normal}
.bq-tier__price{margin:22px 0 0;font-family:var(--pf);font-size:48px;line-height:1;color:var(--cream)}
.bq-tier__price span{font-family:var(--body);font-size:16px;letter-spacing:.04em;color:var(--cream-70)}
.bq-tier__yr{margin:8px 0 0;font-size:14.5px;font-style:italic;color:rgba(245,238,227,.6)}
.bq-tier__list{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid rgba(176,141,87,.22);display:grid;gap:11px;text-align:left}
.bq-tier__list li{position:relative;margin:0;padding-left:22px;font-size:17px;line-height:1.5;color:var(--cream-70)}
.bq-tier__list li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg)}
.bq-tier__list li.bq-tier__all{font-style:italic;color:var(--cream)}
.bq-tier__soon{margin:auto 0 0;padding-top:24px;font-size:10.5px;letter-spacing:.3em;padding-left:.3em;text-transform:uppercase;color:var(--brass)}
.bq-tier .btn{position:relative;z-index:1;align-self:center;width:auto;min-width:220px;margin-top:auto;padding:0 24px;letter-spacing:.3em}
.bq-tier--pop{border-color:var(--brass);background:radial-gradient(120% 55% at 50% 0%,rgba(107,26,26,.6),transparent 72%),#1F1013;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.bq-tier--pop::after{border-color:rgba(201,168,106,.32)}
.bq-tier__badge{position:absolute;top:0;left:50%;z-index:1;margin:0;padding:6px 14px 6px 17px;transform:translate(-50%,-50%);white-space:nowrap;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--cream);background:var(--oxblood);border:1px solid var(--brass);box-shadow:0 0 0 3px var(--ink)}
@media (min-width:960px){.bq-tiers__grid{grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.bq-tier--pop{transform:translateY(-14px)}.bq-tier{padding:40px 28px 30px}}
.bq-tiers .bq-note{margin-top:18px}
.bq-tiers .wrap--narrow{margin-top:34px}
.bq-mem-join .bq-btnrow{margin-top:34px}
.bq-mem-alt{margin:16px 0 0;font-size:17px;color:var(--oxblood)}
/* home: small membership teaser near the final CTA */
.bq-mteaser{position:relative;margin:48px auto 0;width:min(100% - 32px,640px);padding:26px 22px 28px;border:1px solid var(--brass-30);background:#FBF7F0;box-shadow:0 10px 28px rgba(42,26,26,.08);text-align:center}
.bq-mteaser::after{content:"";position:absolute;inset:4px;border:1px solid rgba(176,141,87,.16);pointer-events:none}
.bq-mteaser__tag{display:inline-block;margin:0;padding:4px 12px 4px 15px;border:1px solid var(--brass-30);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--oxblood)}
.bq-mteaser__t{margin:12px 0 0;font-family:var(--pf);font-weight:400;font-size:clamp(26px,6vw,32px);line-height:1.15;color:var(--oxblood)}
.bq-mteaser__p{margin:10px auto 0;max-width:28em;font-size:17px;line-height:1.55;color:rgba(42,26,26,.86)}
.bq-mteaser .btn{position:relative;z-index:1;width:auto;min-width:240px;margin-top:18px;padding:0 24px;letter-spacing:.3em}
.bq-mteaser .btn span{padding-left:.3em}
@media (max-width:520px){.bq-mteaser .btn,.bq-tier .btn{width:100%;min-width:0;letter-spacing:.22em}}

/* About: where it all comes from (teachers), inside the bio section */
.bq-roots{margin:64px auto 0;width:min(100% - 48px,720px);padding-top:48px;border-top:1px solid var(--ox-20);text-align:center}
.bq-roots .bq-rule{margin:22px auto 4px}
.bq-roots__list{list-style:none;margin:26px auto 0;padding:0;display:grid;gap:12px;max-width:34em}
.bq-roots__list li{margin:0;padding:16px 18px;border:1px solid var(--ox-20);background:rgba(255,255,255,.4)}
.bq-roots__name{display:block;font-family:var(--pf);font-size:24px;line-height:1.2;color:var(--oxblood)}
.bq-roots__name a{border-bottom-color:var(--ox-40)}
.bq-roots__on{display:block;margin-top:4px;font-size:16.5px;font-style:italic;line-height:1.45;color:rgba(42,26,26,.78)}
.bq-roots__on em{font-style:normal}
.bq-roots__rec{margin-top:26px}
.bq-roots__rec a{color:var(--oxblood);border-bottom-color:var(--ox-40)}
.bq-tiers .bq-note a{color:var(--brass-2)}

/* Robe Undone: Master Key block body line (Oct 7, 2026: issues post publicly first; subscribers get the after-panels) */
.bq-mk-inline__p{margin:10px auto 0;max-width:30em;font-size:16.5px;line-height:1.55;color:rgba(42,26,26,.84)}

/* Home two doors, balanced (Oct 7, 2026): both images in identical 5:8 portrait frames (comic panel crop + book cover),
   same border and shadow, equal card heights, buttons on one line at the bottom. Overrides the 16:10 media band above. */
.bq-doors__grid{align-items:stretch}
.bq-door__media,.bq-door__media--comic,.bq-door__media--book{display:block;position:relative;width:200px;aspect-ratio:auto;margin:26px auto 0;padding:6px;overflow:visible;background:#140D0F;border:1px solid var(--brass-30);box-shadow:0 18px 40px rgba(0,0,0,.55)}
.bq-door__media::after{content:"";position:absolute;inset:3px;border:1px solid rgba(176,141,87,.16);pointer-events:none}
.bq-door__media--book picture,.bq-door__media picture{display:block}
.bq-door__media img,.bq-door__media--comic img,.bq-door__media--book img{display:block;width:100%;height:auto;aspect-ratio:5/8;object-fit:cover;object-position:50% 0;transform:none;box-shadow:none}
.bq-door__body{padding-top:22px}
.bq-door__p{flex:1}
.bq-door .btn{margin-top:auto}
.bq-door__p{margin-bottom:22px}
@media (min-width:760px){.bq-door__media,.bq-door__media--comic,.bq-door__media--book{width:220px}}
/* About, The bigger picture: emphasized closing line (Oct 7, 2026) */
.bq-closeline{margin:18px auto 0;max-width:21em;font-family:var(--display);font-style:italic;font-size:23px;line-height:1.4;color:var(--oxblood)}
@media (min-width:760px){.bq-closeline{font-size:26px}}
/* /start/ link in bio, Option B "Choose your door" (chosen Oct 7, 2026). bq-st prefix. */
.bq-st{margin:0;min-height:100vh;min-height:100svh}
.bq-st .bq-st-sig{display:block;height:auto;margin:0 auto}
.bq-st h1{margin:0;font-weight:400}
.bq-st-promise{margin:6px auto 0;font-family:var(--display);font-style:italic;font-size:19px;line-height:1.35}
/* identical image frame for the comic and the book, in every option */
.bq-st-frame{display:block;flex:none;padding:4px;background:#140D0F;border:1px solid var(--brass-30);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.bq-st-frame picture,.bq-st-frame img{display:block;width:100%}
.bq-st-frame img{height:auto;aspect-ratio:5/8;object-fit:cover;object-position:50% 0}
.bq-st-q{display:block;font-family:var(--pf);font-size:19px;line-height:1.2}
.bq-st-d{display:block;margin-top:4px;font-size:15px;line-height:1.4}
.bq-st-go{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:9px;padding:0 13px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.bq-st-buy{margin-top:14px;text-align:center}
.bq-st-buy p{margin:0 0 6px;font-family:var(--display);font-style:italic;font-size:17px}
.bq-st-buy__btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.bq-st-buy__btn em{font-style:normal}
.bq-st-links ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bq-st-links li{margin:0}
.bq-st-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 6px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;text-align:center}
.bq-st-fine{margin:14px 0 0;text-align:center;font-size:11.5px;letter-spacing:.02em}
.bq-st-fine a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.bq-st a{transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}

/* Option B layout: photo header + side-by-side doors */
.bq-st{background:var(--ink);color:var(--cream)}
.bq-st__in{width:100%;max-width:520px;margin:0 auto}
.bq-st__hero{position:relative;text-align:center}
.bq-st__photo img{width:100%;height:auto;aspect-ratio:724/560;object-fit:cover;object-position:50% 12%;-webkit-mask-image:linear-gradient(to bottom,#000 52%,transparent 98%);mask-image:linear-gradient(to bottom,#000 52%,transparent 98%)}
.bq-st__id{position:relative;margin-top:-84px;padding:0 18px}
.bq-st__name .bq-st-sig{width:210px}
.bq-st .bq-st-promise{margin-top:0;color:var(--cream-70)}
.bq-st__doors{padding:10px 16px 14px}
.bq-st__h{margin:0;text-align:center;font-family:var(--pf);font-weight:400;font-size:21px;letter-spacing:.02em;color:var(--cream)}
.bq-st__h::after{content:"";display:block;width:44px;height:1px;margin:7px auto 0;background:var(--brass)}
.bq-st__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;align-items:stretch}
.bq-st__tile{display:flex;flex-direction:column;align-items:center;padding:10px 10px 12px;text-align:center;text-decoration:none;color:var(--cream);background:rgba(245,238,227,.045);border:1px solid var(--brass-30)}
.bq-st-eb{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-2)}
.bq-st__tile .bq-st-frame{width:100px;margin-top:8px}
.bq-st__tile .bq-st-q{margin-top:10px;font-size:17px}
.bq-st__tile .bq-st-d{margin:3px 0 10px;font-size:13.5px;color:var(--cream-70)}
.bq-st__tile .bq-st-go{align-self:stretch;margin-top:auto;background:var(--oxblood);border:1px solid var(--brass);color:var(--cream)}
.bq-st__tile:hover{border-color:var(--brass)}.bq-st__tile:hover .bq-st-go{background:var(--cream);color:var(--oxblood)}
.bq-st .bq-st-buy p{color:var(--cream-70)}
.bq-st .bq-st-buy__btn{color:var(--brass-2);border:1px solid var(--brass);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px var(--brass-30)}
.bq-st .bq-st-buy__btn:hover{background:var(--brass);color:var(--ink)}
.bq-st .bq-st-links a{color:var(--cream-70);border:1px solid var(--cream-20)}
.bq-st .bq-st-fine{color:var(--cream-45)}
@media (min-width:900px){
  .bq-st{display:flex;align-items:center}
  .bq-st__in{max-width:1100px;width:calc(100% - 80px);display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:40px 0}
  .bq-st__photo img{aspect-ratio:724/612;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 62%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 62%,transparent 100%);mask-composite:intersect}
  .bq-st__id{margin-top:-60px}
  .bq-st__name .bq-st-sig{width:300px}
  .bq-st .bq-st-promise{font-size:23px}
  .bq-st__doors{padding:0}
  .bq-st__h{font-size:26px}
  .bq-st__tiles{gap:16px;margin-top:18px}
  .bq-st__tile{padding:16px 16px 18px}
  .bq-st__tile .bq-st-frame{width:140px;margin-top:10px}
  .bq-st__tile .bq-st-q{font-size:21px}
  .bq-st__tile .bq-st-d{font-size:15px}
  .bq-st-links ul{gap:10px}
}