/* Static preview glue — replaces brand-fonts.liquid + Dawn base, at the correct 16px base. */

@font-face { font-family:"Fraunces"; src:url("bk-fraunces-var.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Fraunces"; src:url("bk-fraunces-var-italic.woff2") format("woff2"); font-weight:100 900; font-style:italic; font-display:swap; }
@font-face { font-family:"Hanken Grotesk"; src:url("bk-hanken-var.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Mukta"; src:url("bk-mukta-latin-500.woff2") format("woff2"); font-weight:500; font-display:swap; unicode-range:U+0000-00FF; }
@font-face { font-family:"Mukta"; src:url("bk-mukta-deva-500.woff2") format("woff2"); font-weight:500; font-display:swap; unicode-range:U+0900-097F,U+200C-200D,U+25CC,U+A830-A839; }

/* Dawn colour-scheme classes → brand vars (mirrors config/settings_data.json) */
.color-scheme-1{--color-background:244,239,230;--color-foreground:42,42,34;}
.color-scheme-2{--color-background:250,246,238;--color-foreground:42,42,34;}
.color-scheme-3{--color-background:231,222,206;--color-foreground:42,42,34;}
.color-scheme-4{--color-background:51,51,31;--color-foreground:241,234,217;}
.color-scheme-5{--color-background:74,74,46;--color-foreground:241,234,217;}

*,*::before,*::after{box-sizing:border-box;}
html{font-size:100%;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--bk-font-body);color:var(--bk-ink);background:var(--bk-bg-alabaster);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;display:block;}
.page-width{max-width:1400px;margin:0 auto;padding:0 5vw;}

/* ---- article (Stories) ---------------------------------------------------- */
.bk-article { background: rgb(var(--color-background)); padding-block: clamp(72px, 10vw, 128px) clamp(88px, 12vw, 160px); }
.bk-article__header { max-width: 46rem; margin-bottom: clamp(40px, 6vw, 72px); }
.bk-article__header .bk-eyebrow { margin-bottom: 1.1rem; color: var(--bk-brass-deep); }
.bk-article__header .bk-standfirst { margin-top: 1.4rem; }
.bk-article__figure { margin: clamp(40px, 6vw, 72px) 0; }
.bk-article__figure img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--bk-radius-soft); }
.bk-article__figure figcaption { margin-top: .7rem; color: rgba(42,42,34,.65); }
.bk-article__body p + p { margin-top: 1.4em; }
.bk-article__body .bk-standfirst { margin: 2em 0; }
.bk-article__footer { margin-top: clamp(48px, 7vw, 80px); display: flex; gap: 2.5rem; flex-wrap: wrap; }

/* ---- contact / visit -------------------------------------------------------- */
.bk-contact { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: start; margin-top: clamp(40px, 6vw, 64px); }
.bk-contact__media img { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: var(--bk-radius-soft); }
.bk-contact__block + .bk-contact__block { margin-top: 2.2rem; }
.bk-contact__block .bk-eyebrow { margin-bottom: .55rem; color: var(--bk-brass-deep); }
.bk-contact__service { max-width: 46rem; margin-top: clamp(64px, 9vw, 112px); }
@media (max-width: 749px) { .bk-contact { grid-template-columns: 1fr; } }

/* steady ratios for real photography */
.bk-term-entry__media img { aspect-ratio: 4/3; object-fit: cover; }
.bk-pdp__media img { aspect-ratio: 4/5; object-fit: cover; }
.bk-drawer__media img { object-fit: cover; }

/* ---- weaver spotlight (home) ------------------------------------------------ */
.bk-spotlight { padding-block: clamp(80px, 11vw, 144px); background: rgb(var(--color-background)); color: rgb(var(--color-foreground)); }
.bk-spotlight__grid { display: grid; grid-template-columns: minmax(260px, 380px) 1fr; gap: clamp(40px, 6vw, 96px); align-items: center; }
.bk-spotlight__portrait { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: var(--bk-radius-soft); }
.bk-spotlight .bk-h2, .bk-spotlight .bk-body, .bk-spotlight .bk-standfirst, .bk-spotlight .bk-caption,
.bk-concierge .bk-h2, .bk-concierge .bk-body { color: rgb(var(--color-foreground)); }
.bk-spotlight__eyebrow { color: var(--bk-brass-light, #C8A86A); margin-bottom: 1rem; }
.bk-spotlight__copy { margin-top: 1.3rem; opacity: .92; }
.bk-spotlight__quote { margin-top: 1.8rem; }
.bk-spotlight__attrib { margin-top: .6rem; opacity: .7; margin-bottom: 2rem; }
@media (max-width: 749px) { .bk-spotlight__grid { grid-template-columns: 1fr; } .bk-spotlight__portrait { max-width: 300px; } }

/* ---- concierge band (home) ---------------------------------------------------- */
.bk-concierge { padding-block: clamp(80px, 11vw, 144px); background: rgb(var(--color-background)); color: rgb(var(--color-foreground)); }
.bk-concierge__inner { max-width: 46rem; }
.bk-concierge__eyebrow { color: var(--bk-brass-light, #C8A86A); margin-bottom: 1rem; }
.bk-concierge__copy { margin-top: 1.3rem; opacity: .92; }
.bk-concierge__actions { margin-top: 2.2rem; display: flex; gap: 1.6rem; align-items: center; flex-wrap: wrap; }
.bk-concierge .bk-hero__cta--ghost { color: inherit; }
.bk-concierge__cta { background: var(--bk-bg-alabaster) !important; border-color: var(--bk-bg-alabaster) !important; }

/* active nav */
.bk-header__link[aria-current="page"] { color: var(--bk-brass-deep); }
.bk-header__drawer-menu a[aria-current="page"] { color: var(--bk-brass-deep); }

/* ---- article (Stories) ---------------------------------------------------- */
.bk-preview-ribbon{position:fixed;bottom:12px;left:12px;z-index:200;font-family:var(--bk-font-body);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bk-on-olive);background:rgba(51,51,31,.85);padding:6px 12px;border-radius:9999px;text-decoration:none;}