@font-face {
    font-family: "Sora";
    src: url("../fonts/Sora-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
}

@font-face {
    font-family: "Newsreader";
    src: url("../fonts/Newsreader-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    --background-color: #F5F0E5;
    --color-white: #FBF8F1;
    --color-primary-text: #171915;
    --color-secondary-text: rgb(23 25 21 / .68);
    --color-border: rgb(23 25 21 / .22);
    --color-dark-border: rgb(23 25 21 / .52);
    --font-sans: "Karla", Arial, sans-serif;
    --font-serif: "Instrument Serif", Georgia, serif;
    --font-serif-alt: "Instrument Serif", Georgia, serif;
    --bgb-electric-green: #B8EF3B;
    --bgb-deep-green: #244B35;
    --bgb-sunny-yellow: #FFD84B;
    --bgb-warm-paper: #F5F0E5;
    --bgb-light-paper: #FBF8F1;
    --bgb-ink: #171915;
    --bgb-soft-green: #E7F2D1;
    --bgb-highlight-background: var(--bgb-soft-green);
    --bgb-signup-background: var(--bgb-deep-green);
    --bgb-signup-action: var(--bgb-sunny-yellow);
}

/* BGB LONGEVITY LEXICON */
.bgb-lexicon-page {
    --lex-ink: #151713;
    --lex-deep: #234f38;
    --lex-electric: #b8f52a;
    --lex-yellow: #ffd84d;
    --lex-paper: #f5f0e6;
    --lex-soft: #e8f3d2;
    color: var(--lex-ink);
    background: var(--lex-paper);
}
.bgb-lexicon-page * { box-sizing: border-box; }
.bgb-lexicon-wrap { width: min(100% - 64px, 1220px); margin-inline: auto; }
.bgb-lexicon-kicker { color: var(--lex-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.bgb-lexicon-number { margin: 0; color: var(--lex-electric); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5rem, 8vw, 10rem); line-height: .8; }
.bgb-lexicon-link { display: inline-block; padding-bottom: 6px; color: var(--lex-deep); border-bottom: 1px solid currentColor; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-lexicon-link-light { color: var(--lex-electric); }
.bgb-lexicon-hero { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 790px; background: var(--lex-ink); }
.bgb-lexicon-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(70px, 8vw, 130px) max(42px, calc((100vw - 1220px) / 2)); color: var(--lex-paper); }
.bgb-lexicon-hero-copy .bgb-lexicon-kicker { align-self: flex-start; margin-bottom: clamp(70px, 9vw, 120px); color: var(--lex-electric); }
.bgb-lexicon-hero h1 { margin: 34px 0 24px; color: var(--lex-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(7rem, 9vw, 13rem); font-weight: 400; letter-spacing: -.055em; line-height: .75; }
.bgb-lexicon-deck { max-width: 610px; margin-bottom: 38px; color: rgba(245, 240, 230, .78); font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(1.8rem, 2.2vw, 2.5rem); line-height: 1.48; }
.bgb-lexicon-hero-art { position: relative; min-height: 790px; margin: 0; overflow: hidden; background: var(--lex-yellow); }
.bgb-lexicon-hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bgb-lexicon-glyph { position: absolute; z-index: 1; color: var(--lex-deep); font-family: "Instrument Serif", Georgia, serif; line-height: 1; }
.bgb-lexicon-glyph-a { top: 9%; left: 10%; font-size: clamp(13rem, 20vw, 28rem); }
.bgb-lexicon-glyph-mid { top: 43%; left: 42%; padding: 18px 24px; color: var(--lex-paper); border: 1px solid rgba(245, 240, 230, .7); background: rgba(35, 79, 56, .86); font-size: clamp(5rem, 8vw, 10rem); transform: rotate(-7deg); }
.bgb-lexicon-glyph-z { right: 10%; bottom: 5%; font-size: clamp(16rem, 24vw, 32rem); }
.bgb-lexicon-index-line { position: absolute; z-index: 2; bottom: 11%; left: 9%; width: 45%; height: 7px; background: var(--lex-deep); }
.bgb-lexicon-intro { padding: clamp(95px, 12vw, 170px) 0; background: var(--lex-yellow); }
.bgb-lexicon-intro-grid,
.bgb-lexicon-method-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 9vw, 140px); align-items: start; }
.bgb-lexicon-intro h2,
.bgb-lexicon-method h2 { margin: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.8rem, 7.5vw, 10rem); font-weight: 400; letter-spacing: -.05em; line-height: .84; }
.bgb-lexicon-intro p,
.bgb-lexicon-method p { margin: 0 0 18px; font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(1.6rem, 1.8vw, 2rem); line-height: 1.62; }
.bgb-lexicon-tool { padding: clamp(95px, 11vw, 155px) 0; background: var(--lex-paper); }
.bgb-lexicon-tool-head { display: grid; grid-template-columns: 150px 1fr; gap: 40px; align-items: start; margin-bottom: 60px; }
.bgb-lexicon-tool-head .bgb-lexicon-number { color: var(--lex-deep); }
.bgb-lexicon-tool-head h2 { max-width: 980px; margin: 16px 0 20px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.8rem, 7.4vw, 9.5rem); font-weight: 400; letter-spacing: -.05em; line-height: .85; }
.bgb-lexicon-tool-head div > p:last-child { font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.55rem; line-height: 1.55; }
.bgb-lexicon-controls > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.bgb-lexicon-search-field { position: relative; display: flex; align-items: center; max-width: 980px; background: var(--lex-soft); border-bottom: 2px solid var(--lex-deep); }
.bgb-lexicon-search-field > span { padding-left: 20px; color: var(--lex-deep); font-size: 3rem; }
.bgb-lexicon-search-field input { min-width: 0; flex: 1; padding: 22px 18px; color: var(--lex-ink); border: 0; outline: 0; background: transparent; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.7rem, 3.4vw, 4.6rem); }
.bgb-lexicon-search-field:focus-within { box-shadow: inset 8px 0 0 var(--lex-electric); }
.bgb-lexicon-search-field button { margin-right: 20px; color: var(--lex-deep); border: 0; border-bottom: 1px solid; background: transparent; font-family: "Space Grotesk", Arial, sans-serif; font-weight: 700; cursor: pointer; }
.bgb-lexicon-filters { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0 34px; }
.bgb-lexicon-filters button { padding: 9px 14px; color: var(--lex-deep); border: 1px solid rgba(35, 79, 56, .45); border-radius: 999px; background: transparent; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; cursor: pointer; }
.bgb-lexicon-filters button:hover,
.bgb-lexicon-filters button.is-active { color: var(--lex-paper); background: var(--lex-deep); }
.bgb-lexicon-letters { display: flex; flex-wrap: wrap; gap: 5px; padding: 16px 0; border-top: 1px solid rgba(35, 79, 56, .35); }
.bgb-lexicon-letters button { width: 42px; height: 42px; padding: 0; color: var(--lex-deep); border: 0; background: transparent; font-family: "Instrument Serif", Georgia, serif; font-size: 2rem; cursor: pointer; }
.bgb-lexicon-letters button:hover,
.bgb-lexicon-letters button.is-active { color: var(--lex-paper); background: var(--lex-deep); }
.bgb-lexicon-status { display: flex; justify-content: space-between; padding: 14px 0; color: rgba(35, 79, 56, .72); border-top: 1px solid rgba(35, 79, 56, .35); border-bottom: 1px solid rgba(35, 79, 56, .35); font-family: "Space Grotesk", Arial, sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-lexicon-status p { margin: 0; }
.bgb-lexicon-entry { border-bottom: 1px solid rgba(35, 79, 56, .35); }
.bgb-lexicon-entry[hidden] { display: none; }
.bgb-lexicon-entry > button { display: grid; grid-template-columns: 70px minmax(0, 1fr) 190px 30px; width: 100%; gap: 24px; align-items: center; padding: 25px 0; color: var(--lex-ink); border: 0; background: transparent; text-align: left; cursor: pointer; }
.bgb-lexicon-entry > button:hover { padding-inline: 15px; background: rgba(184, 245, 42, .16); }
.bgb-lexicon-entry > button span { color: var(--lex-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 3.2rem; }
.bgb-lexicon-entry > button strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3rem, 3.7vw, 5rem); font-weight: 400; line-height: .98; }
.bgb-lexicon-entry > button small { color: var(--lex-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: .92rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.bgb-lexicon-entry > button i { color: var(--lex-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 3rem; font-style: normal; text-align: right; }
.bgb-lexicon-entry > div { padding: 0 220px 30px 94px; }
.bgb-lexicon-entry > div p { max-width: 800px; margin: 0 0 12px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.45rem; line-height: 1.58; }
.bgb-lexicon-empty { padding: 60px 0; }
.bgb-lexicon-empty h3 { margin-bottom: 8px; font-family: "Instrument Serif", Georgia, serif; font-size: 4.5rem; font-weight: 400; }
.bgb-lexicon-empty p { font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.45rem; }
.bgb-lexicon-method { padding: clamp(95px, 11vw, 150px) 0; color: var(--lex-paper); background: var(--lex-deep); }
.bgb-lexicon-method .bgb-lexicon-kicker { color: var(--lex-electric); }
.bgb-lexicon-method p { color: rgba(245, 240, 230, .8); }
.bgb-lexicon-next { padding: clamp(80px, 9vw, 120px) 0; background: var(--lex-soft); }
.bgb-lexicon-next-links { margin-top: 35px; border-top: 1px solid rgba(35, 79, 56, .4); }
.bgb-lexicon-next-links a { display: grid; grid-template-columns: 220px 1fr 35px; gap: 25px; align-items: center; padding: 28px 0; color: var(--lex-ink); border-bottom: 1px solid rgba(35, 79, 56, .4); }
.bgb-lexicon-next-links span { color: var(--lex-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-lexicon-next-links strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3rem, 4vw, 5rem); font-weight: 400; }
.bgb-lexicon-next-links i { color: var(--lex-deep); font-size: 2.6rem; font-style: normal; }

@media (max-width: 900px) {
    .bgb-lexicon-hero { grid-template-columns: 1fr; }
    .bgb-lexicon-hero-art { min-height: 65vw; }
    .bgb-lexicon-intro-grid,
    .bgb-lexicon-method-grid { grid-template-columns: 1fr; }
    .bgb-lexicon-tool-head { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .bgb-lexicon-wrap { width: min(100% - 32px, 1220px); }
    .bgb-lexicon-hero-copy { min-height: 690px; padding-inline: 24px; }
    .bgb-lexicon-hero-copy .bgb-lexicon-kicker { margin-bottom: 65px; }
    .bgb-lexicon-hero h1 { font-size: 7rem; }
    .bgb-lexicon-entry > button { grid-template-columns: 42px minmax(0, 1fr) 25px; gap: 12px; }
    .bgb-lexicon-entry > button small { grid-column: 2; }
    .bgb-lexicon-entry > button i { grid-column: 3; grid-row: 1; }
    .bgb-lexicon-entry > div { padding: 0 10px 28px 54px; }
    .bgb-lexicon-next-links a { grid-template-columns: 1fr 25px; }
    .bgb-lexicon-next-links span { grid-column: 1; }
    .bgb-lexicon-next-links strong { grid-column: 1; }
    .bgb-lexicon-next-links i { grid-column: 2; grid-row: 1 / span 2; }
}

/* Every Beginning Arrives With a History — Bioculture Edit anchor */
.bgb-history-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-history-page *{box-sizing:border-box}
.bgb-history-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:860px}
.bgb-history-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-history-segment{color:#b8ef3b;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}
.bgb-history-hero h1{font:400 clamp(72px,10.4vw,148px)/.77 "Instrument Serif",serif;letter-spacing:-.055em;margin:52px 0 36px;max-width:940px}
.bgb-history-standfirst{color:rgba(251,248,241,.82);font-size:clamp(19px,2.1vw,26px);line-height:1.55;margin:0;max-width:740px}
.bgb-history-meta{display:flex;flex-wrap:wrap;font:600 10px/1.5 "Space Grotesk",sans-serif;gap:12px;letter-spacing:.1em;margin-top:32px;text-transform:uppercase}
.bgb-history-meta span+span:before{content:"·";margin-right:12px}
.bgb-history-art{background:#e7f2d1;min-height:100%;margin:0;overflow:hidden;position:relative}
.bgb-history-art img{height:100%;object-fit:cover;object-position:center;width:100%}
.bgb-history-layer{border:clamp(18px,2.8vw,42px) solid #244b35;border-radius:50%;position:absolute}
.bgb-history-layer--one{height:720px;left:-255px;top:64px;width:720px}
.bgb-history-layer--two{border-color:#b8ef3b;height:540px;left:-165px;top:154px;width:540px}
.bgb-history-layer--three{border-color:#ffd84b;height:360px;left:-75px;top:244px;width:360px}
.bgb-history-threshold{background:#244b35;height:64%;position:absolute;right:13%;top:18%;width:26%}
.bgb-history-threshold:after{background:#fbf8f1;content:"";inset:10% 0 0 24%;position:absolute}
.bgb-history-path{background:#fbf8f1;bottom:-11%;height:64%;position:absolute;right:31%;transform:rotate(25deg);width:12%}
.bgb-history-path:after{background:#b8ef3b;content:"";height:100%;left:45%;position:absolute;width:10%}
.bgb-history-art small{bottom:36px;color:#244b35;font:600 9px "Space Grotesk",sans-serif;letter-spacing:.14em;position:absolute;right:34px;text-transform:uppercase}
.bgb-history-opening{background:#ffd84b;padding:clamp(84px,10vw,138px) clamp(24px,8vw,118px)}
.bgb-history-opening p{font:400 clamp(40px,5.8vw,76px)/1.02 "Instrument Serif",serif;margin:0 auto;max-width:1160px}
.bgb-history-content{padding-bottom:clamp(82px,10vw,130px);padding-top:clamp(82px,10vw,130px)}
.bgb-history-content>p:first-child{display:none}
.bgb-history-content p{font-size:19px;line-height:1.68;margin:0 0 22px}
.bgb-history-content>p+p{margin-top:0}
.bgb-history-content h2{color:#244b35;font:400 clamp(48px,7vw,78px)/.9 "Instrument Serif",serif;letter-spacing:-.035em;margin:76px 0 28px}
.bgb-history-content h2+p{margin-top:0}
.bgb-history-content blockquote{background:#244b35;color:#fbf8f1;margin-bottom:90px;margin-top:90px;padding:clamp(70px,9vw,110px) clamp(28px,8vw,110px);text-align:center;width:100%}
.bgb-history-content blockquote p{font:400 clamp(48px,7vw,88px)/.9 "Instrument Serif",serif;margin:0}
@media(max-width:900px){.bgb-history-hero{grid-template-columns:1fr}.bgb-history-art{min-height:480px}.bgb-history-layer--one{height:520px;left:-190px;top:30px;width:520px}.bgb-history-layer--two{height:390px;left:-125px;top:95px;width:390px}.bgb-history-layer--three{height:260px;left:-60px;top:160px;width:260px}.bgb-history-threshold{right:10%;width:29%}}

/* Biology Has a Neighborhood — Bioculture Edit */
.bgb-neighborhood-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-neighborhood-page *{box-sizing:border-box}
.bgb-neighborhood-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:820px}
.bgb-neighborhood-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-neighborhood-segment{color:#b8ef3b;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}
.bgb-neighborhood-hero h1{font:400 clamp(76px,11vw,156px)/.77 "Instrument Serif",serif;letter-spacing:-.055em;margin:52px 0 36px;max-width:900px}
.bgb-neighborhood-standfirst{color:rgba(251,248,241,.82);font-size:clamp(19px,2.1vw,26px);line-height:1.55;margin:0 0 34px;max-width:720px}
.bgb-neighborhood-meta{display:flex;flex-wrap:wrap;font:600 10px/1.5 "Space Grotesk",sans-serif;gap:12px;letter-spacing:.1em;text-transform:uppercase}
.bgb-neighborhood-meta span+span:before{content:"·";margin-right:12px}
.bgb-neighborhood-art{background:#e7f2d1;min-height:100%;margin:0;overflow:hidden;position:relative}
.bgb-neighborhood-art img,.bgb-weathering-art img,.bgb-clinic-art img,.bgb-pleasure-art img{height:100%;object-fit:cover;object-position:center;width:100%}
.bgb-neighborhood-block{border:2px solid #244b35;position:absolute;transform:rotate(-13deg)}
.bgb-neighborhood-block--one{height:42%;left:-6%;top:8%;width:56%}
.bgb-neighborhood-block--two{background:#ffd84b;height:31%;right:4%;top:17%;width:42%}
.bgb-neighborhood-block--three{background:#244b35;bottom:7%;height:45%;left:16%;width:58%}
.bgb-neighborhood-block--four{border-color:#b8ef3b;bottom:-8%;height:49%;right:-9%;width:42%}
.bgb-neighborhood-road{background:#fbf8f1;height:145%;left:47%;position:absolute;top:-22%;transform:rotate(25deg);width:10%}
.bgb-neighborhood-road:after{background:#b8ef3b;content:"";height:100%;left:46%;position:absolute;width:8%}
.bgb-neighborhood-art small{bottom:34px;font:600 9px/1.5 "Space Grotesk",sans-serif;letter-spacing:.14em;position:absolute;right:34px;text-transform:uppercase}
.bgb-neighborhood-opening{background:#ffd84b;padding:clamp(84px,10vw,138px) clamp(24px,8vw,118px)}
.bgb-neighborhood-opening p{font:400 clamp(34px,5vw,65px)/1.08 "Instrument Serif",serif;margin:0 auto;max-width:1160px}
.bgb-neighborhood-content{padding-bottom:clamp(82px,10vw,130px);padding-top:clamp(82px,10vw,130px)}
.bgb-neighborhood-content>p:first-child{display:none}
.bgb-neighborhood-content p{font-size:19px;line-height:1.72;margin-bottom:28px}
.bgb-neighborhood-content h2{color:#244b35;font:400 clamp(48px,7vw,78px)/.9 "Instrument Serif",serif;letter-spacing:-.035em;margin:96px 0 35px}
.bgb-neighborhood-content blockquote{background:#244b35;color:#fbf8f1;margin-bottom:90px;margin-top:90px;padding:clamp(70px,9vw,110px) clamp(28px,8vw,110px);text-align:center;width:100%}
.bgb-neighborhood-content blockquote p{font:400 clamp(48px,7vw,88px)/.9 "Instrument Serif",serif;margin:0}
@media(max-width:820px){.bgb-neighborhood-hero{grid-template-columns:1fr}.bgb-neighborhood-art{min-height:440px}}

/* Bioculture Edit — shared reading pathways */
.bgb-be-quad{background:#171915;color:#fbf8f1;padding:clamp(84px,10vw,140px) clamp(24px,7vw,100px)}
.bgb-be-quad-inner{margin:auto;max-width:1260px}
.bgb-be-quad-head{display:grid;gap:40px;grid-template-columns:1fr .55fr;margin-bottom:58px}
.bgb-be-quad-head h2{font:400 clamp(64px,9vw,116px)/.8 "Instrument Serif",serif;margin:0}
.bgb-be-quad-head p{align-self:end;color:rgba(251,248,241,.75);font-size:18px;line-height:1.6;margin:0}
.bgb-be-quad-row{align-items:center;border-top:1px solid rgba(251,248,241,.35);color:#fbf8f1;display:grid;gap:28px;grid-template-columns:80px minmax(220px,.75fr) minmax(220px,1fr) auto;padding:28px 0;text-decoration:none}
.bgb-be-quad-row:last-child{border-bottom:1px solid rgba(251,248,241,.35)}
.bgb-be-quad-row small{color:#b8ef3b;font:400 34px/1 "Instrument Serif",serif}
.bgb-be-quad-row h3{font:400 clamp(28px,3.4vw,42px)/1 "Instrument Serif",serif;margin:0}
.bgb-be-quad-row p{color:rgba(251,248,241,.7);font-size:15px;line-height:1.5;margin:0}
.bgb-be-quad-row>span{font:600 9px "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.bgb-be-quad-row.is-current{color:#b8ef3b}
.bgb-be-quad-row.is-current p{color:rgba(184,239,59,.8)}
.bgb-be-continue{background:#e7f2d1;padding:clamp(80px,10vw,130px) clamp(24px,7vw,100px)}
.bgb-be-continue-inner{margin:auto;max-width:1240px}
.bgb-be-continue h2{font:400 clamp(58px,8vw,108px)/.82 "Instrument Serif",serif;margin:0 0 60px}
.bgb-be-continue-list>a{align-items:center;border-top:1px solid #244b35;color:#171915;display:grid;gap:30px;grid-template-columns:minmax(150px,.45fr) minmax(260px,1fr) auto;padding:28px 0;text-decoration:none}
.bgb-be-continue-list>a:last-child{border-bottom:1px solid #244b35}
.bgb-be-continue-list small{font:600 9px "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.bgb-be-continue-list h3{font:400 clamp(30px,4vw,48px)/1 "Instrument Serif",serif;margin:0}
.bgb-be-continue-list>a>span{font:600 10px "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}

/* Weathering Across the Life Course — Bioculture Edit */
.bgb-weathering-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-weathering-page *{box-sizing:border-box}
.bgb-weathering-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:840px}
.bgb-weathering-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-weathering-segment{color:#b8ef3b;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}
.bgb-weathering-hero h1{font:400 clamp(73px,10.5vw,148px)/.77 "Instrument Serif",serif;letter-spacing:-.055em;margin:52px 0 36px;max-width:900px}
.bgb-weathering-standfirst{color:rgba(251,248,241,.82);font-size:clamp(19px,2.1vw,26px);line-height:1.55;margin:0;max-width:720px}
.bgb-weathering-meta{display:flex;flex-wrap:wrap;font:600 10px/1.5 "Space Grotesk",sans-serif;gap:12px;letter-spacing:.1em;margin-top:32px;text-transform:uppercase}
.bgb-weathering-meta span+span:before{content:"·";margin-right:12px}
.bgb-weathering-art{background:#e7f2d1;min-height:100%;margin:0;overflow:hidden;position:relative}
.bgb-weathering-stratum{border:clamp(18px,3vw,45px) solid #244b35;border-radius:50%;position:absolute}
.bgb-weathering-stratum--one{height:740px;left:-220px;top:55px;width:740px}
.bgb-weathering-stratum--two{border-color:#b8ef3b;height:570px;left:-135px;top:140px;width:570px}
.bgb-weathering-stratum--three{border-color:#ffd84b;height:400px;left:-50px;top:225px;width:400px}
.bgb-weathering-stratum--four{border-color:#171915;height:230px;left:35px;top:310px;width:230px}
.bgb-weathering-wear{background:#fbf8f1;height:130%;position:absolute;right:13%;top:-15%;transform:rotate(16deg);width:22%}
.bgb-weathering-wear:after{background:#244b35;content:"";height:100%;left:48%;position:absolute;width:5px}
.bgb-weathering-art small{bottom:36px;font:600 9px "Space Grotesk",sans-serif;letter-spacing:.14em;position:absolute;right:34px;text-transform:uppercase}
.bgb-weathering-opening{background:#ffd84b;padding:clamp(84px,10vw,138px) clamp(24px,8vw,118px)}
.bgb-weathering-opening p{font:400 clamp(38px,5.6vw,72px)/1.03 "Instrument Serif",serif;margin:0 auto;max-width:1160px}
.bgb-weathering-content{padding-bottom:clamp(82px,10vw,130px);padding-top:clamp(82px,10vw,130px)}
.bgb-weathering-content>p:nth-child(-n+2){display:none}
.bgb-weathering-content p{font-size:19px;line-height:1.72;margin-bottom:28px}
.bgb-weathering-content h2{color:#244b35;font:400 clamp(48px,7vw,78px)/.9 "Instrument Serif",serif;letter-spacing:-.035em;margin:96px 0 35px}
.bgb-weathering-content blockquote{background:#244b35;color:#fbf8f1;margin-bottom:90px;margin-top:90px;padding:clamp(70px,9vw,110px) clamp(28px,8vw,110px);text-align:center;width:100%}
.bgb-weathering-content blockquote p{font:400 clamp(48px,7vw,88px)/.9 "Instrument Serif",serif;margin:0}
@media(max-width:900px){.bgb-be-quad-head{grid-template-columns:1fr}.bgb-be-quad-row{align-items:start;grid-template-columns:50px 1fr}.bgb-be-quad-row p,.bgb-be-quad-row>span{grid-column:2}.bgb-be-continue-list>a{align-items:start;grid-template-columns:1fr}.bgb-weathering-hero{grid-template-columns:1fr}.bgb-weathering-art{min-height:470px}}

/* Culture Enters the Clinic — Bioculture Edit */
.bgb-clinic-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-clinic-page *{box-sizing:border-box}
.bgb-clinic-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:840px}
.bgb-clinic-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-clinic-segment{color:#b8ef3b;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}
.bgb-clinic-hero h1{font:400 clamp(73px,10.5vw,148px)/.77 "Instrument Serif",serif;letter-spacing:-.055em;margin:52px 0 36px;max-width:900px}
.bgb-clinic-standfirst{color:rgba(251,248,241,.82);font-size:clamp(19px,2.1vw,26px);line-height:1.55;margin:0;max-width:720px}
.bgb-clinic-meta{display:flex;flex-wrap:wrap;font:600 10px/1.5 "Space Grotesk",sans-serif;gap:12px;letter-spacing:.1em;margin-top:32px;text-transform:uppercase}
.bgb-clinic-meta span+span:before{content:"·";margin-right:12px}
.bgb-clinic-art{background:#e7f2d1;min-height:100%;margin:0;overflow:hidden;position:relative}
.bgb-clinic-frame{border:clamp(16px,2.6vw,38px) solid #244b35;position:absolute;transform:rotate(-9deg)}
.bgb-clinic-frame--outer{height:68%;left:-13%;top:12%;width:92%}
.bgb-clinic-frame--middle{border-color:#b8ef3b;height:49%;left:4%;top:23%;width:68%}
.bgb-clinic-frame--inner{border-color:#ffd84b;height:29%;left:21%;top:34%;width:44%}
.bgb-clinic-listening{background:#171915;border-radius:50%;height:110px;left:34%;position:absolute;top:43%;width:110px}
.bgb-clinic-bridge{background:#fbf8f1;height:128%;position:absolute;right:12%;top:-14%;transform:rotate(18deg);width:17%}
.bgb-clinic-bridge:after{background:#244b35;content:"";height:100%;left:47%;position:absolute;width:5px}
.bgb-clinic-art small{bottom:36px;font:600 9px "Space Grotesk",sans-serif;letter-spacing:.14em;position:absolute;right:34px;text-transform:uppercase}
.bgb-clinic-opening{background:#b8ef3b;padding:clamp(84px,10vw,138px) clamp(24px,8vw,118px)}
.bgb-clinic-opening p{font:400 clamp(38px,5.6vw,72px)/1.03 "Instrument Serif",serif;margin:0 auto;max-width:1160px}
.bgb-clinic-content{padding-bottom:clamp(82px,10vw,130px);padding-top:clamp(82px,10vw,130px)}
.bgb-clinic-content>p:first-child{display:none}
.bgb-clinic-content p{font-size:19px;line-height:1.72;margin-bottom:28px}
.bgb-clinic-content h2{color:#244b35;font:400 clamp(48px,7vw,78px)/.9 "Instrument Serif",serif;letter-spacing:-.035em;margin:96px 0 35px}
.bgb-clinic-content blockquote{background:#244b35;color:#fbf8f1;margin-bottom:90px;margin-top:90px;padding:clamp(70px,9vw,110px) clamp(28px,8vw,110px);text-align:center;width:100%}
.bgb-clinic-content blockquote p{font:400 clamp(48px,7vw,88px)/.9 "Instrument Serif",serif;margin:0}
@media(max-width:900px){.bgb-clinic-hero{grid-template-columns:1fr}.bgb-clinic-art{min-height:470px}.bgb-clinic-listening{height:80px;width:80px}}

/* Pleasure Belongs in the Data — Bioculture Edit */
.bgb-pleasure-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-pleasure-page *{box-sizing:border-box}
.bgb-pleasure-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:840px}
.bgb-pleasure-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-pleasure-segment{color:#b8ef3b;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}
.bgb-pleasure-hero h1{font:400 clamp(73px,10.5vw,148px)/.77 "Instrument Serif",serif;letter-spacing:-.055em;margin:52px 0 36px;max-width:900px}
.bgb-pleasure-standfirst{color:rgba(251,248,241,.82);font-size:clamp(19px,2.1vw,26px);line-height:1.55;margin:0;max-width:720px}
.bgb-pleasure-meta{display:flex;flex-wrap:wrap;font:600 10px/1.5 "Space Grotesk",sans-serif;gap:12px;letter-spacing:.1em;margin-top:32px;text-transform:uppercase}
.bgb-pleasure-meta span+span:before{content:"·";margin-right:12px}
.bgb-pleasure-art{background:#ffd84b;min-height:100%;margin:0;overflow:hidden;position:relative}
.bgb-pleasure-orbit{border:clamp(19px,3vw,43px) solid #244b35;border-radius:50%;position:absolute}
.bgb-pleasure-orbit--one{height:700px;left:-170px;top:70px;width:700px}
.bgb-pleasure-orbit--two{border-color:#b8ef3b;height:510px;left:-75px;top:165px;width:510px}
.bgb-pleasure-orbit--three{border-color:#fbf8f1;height:320px;left:20px;top:260px;width:320px}
.bgb-pleasure-core{background:#244b35;border-radius:50%;height:115px;left:123px;position:absolute;top:363px;width:115px}
.bgb-pleasure-flow{background:#e7f2d1;height:145%;position:absolute;right:12%;top:-22%;transform:rotate(28deg);width:20%}
.bgb-pleasure-flow:after{background:#b8ef3b;content:"";height:100%;left:44%;position:absolute;width:12%}
.bgb-pleasure-art small{bottom:36px;color:#244b35;font:600 9px "Space Grotesk",sans-serif;letter-spacing:.14em;position:absolute;right:34px;text-transform:uppercase}
.bgb-pleasure-opening{background:#e7f2d1;padding:clamp(84px,10vw,138px) clamp(24px,8vw,118px)}
.bgb-pleasure-opening p{font:400 clamp(38px,5.6vw,72px)/1.03 "Instrument Serif",serif;margin:0 auto;max-width:1160px}
.bgb-pleasure-content{padding-bottom:clamp(82px,10vw,130px);padding-top:clamp(82px,10vw,130px)}
.bgb-pleasure-content p{font-size:19px;line-height:1.72;margin-bottom:28px}
.bgb-pleasure-content h2{color:#244b35;font:400 clamp(48px,7vw,78px)/.9 "Instrument Serif",serif;letter-spacing:-.035em;margin:96px 0 35px}
.bgb-pleasure-content blockquote{background:#244b35;color:#fbf8f1;margin-bottom:90px;margin-top:90px;padding:clamp(70px,9vw,110px) clamp(28px,8vw,110px);text-align:center;width:100%}
.bgb-pleasure-content blockquote p{font:400 clamp(48px,7vw,88px)/.9 "Instrument Serif",serif;margin:0}
.bgb-pleasure-content hr{border:0;border-top:1px solid rgba(23,25,21,.35);margin:90px 0}
@media(max-width:900px){.bgb-pleasure-hero{grid-template-columns:1fr}.bgb-pleasure-art{min-height:470px}.bgb-pleasure-orbit--one{height:520px;left:-150px;top:25px;width:520px}.bgb-pleasure-orbit--two{height:380px;left:-80px;top:95px;width:380px}.bgb-pleasure-orbit--three{height:240px;left:-10px;top:165px;width:240px}.bgb-pleasure-core{height:82px;left:69px;top:244px;width:82px}}

/* She Hacks Longevity nominations page */
.bgb-shl-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-shl-page *{box-sizing:border-box}
.bgb-shl-page h1,.bgb-shl-page h2,.bgb-shl-page h3,.bgb-shl-page p,.bgb-shl-page figure{margin-top:0}
.bgb-shl-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);min-height:780px}
.bgb-shl-hero-copy{align-self:end;padding:clamp(70px,9vw,130px) clamp(24px,6vw,82px)}
.bgb-shl-number{color:#b8ef3b;display:block;font:400 clamp(92px,14vw,190px)/.68 "Instrument Serif",serif;letter-spacing:-.06em}
.bgb-shl-hero h1{font:400 clamp(74px,12vw,166px)/.73 "Instrument Serif",serif;letter-spacing:-.06em;margin:64px 0 34px;max-width:900px}
.bgb-shl-tagline{color:#b8ef3b;font:400 clamp(27px,3.8vw,50px)/1 "Instrument Serif",serif;margin-bottom:34px;max-width:18ch}
.bgb-shl-dek{color:rgba(251,248,241,.78);font-size:clamp(18px,2vw,24px);line-height:1.55;margin-bottom:38px;max-width:700px}
.bgb-shl-action{border-bottom:1px solid currentColor;color:inherit;display:inline-block;font:600 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.12em;padding-bottom:8px;text-decoration:none;text-transform:uppercase}
.bgb-shl-hero-art{background:#e7f2d1;min-height:100%;overflow:hidden;position:relative}
.bgb-shl-hero-art img{height:100%;inset:0;object-fit:cover;object-position:64% center;position:absolute;width:100%}
.bgb-shl-hero-art figcaption{bottom:36px;color:#244b35;font:600 10px/1.4 "Space Grotesk",sans-serif;left:20px;letter-spacing:.14em;position:absolute;right:20px;text-align:center;text-transform:uppercase}
.bgb-shl-two-column{display:grid;gap:70px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);margin:auto;max-width:1240px}
.bgb-shl-intro{background:#ffd84b;padding:clamp(78px,10vw,132px) clamp(24px,8vw,118px)}
.bgb-shl-intro h2{font:400 clamp(62px,8vw,108px)/.82 "Instrument Serif",serif;letter-spacing:-.05em;margin-bottom:0}
.bgb-shl-intro p{font-size:clamp(19px,2.1vw,27px);line-height:1.58;margin-bottom:26px}
.bgb-shl-intro p:last-child{margin-bottom:0}
.bgb-shl-editorial{background:#244b35;color:#fbf8f1;padding:clamp(92px,12vw,160px) clamp(24px,6vw,82px)}
.bgb-shl-editorial-head{border-bottom:1px solid rgba(251,248,241,.35);display:grid;gap:38px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);margin-bottom:58px;padding-bottom:48px}
.bgb-shl-editorial-head .bgb-shl-kicker{color:#b8ef3b;grid-column:1/-1;margin:0}
.bgb-shl-editorial-head h2{font:400 clamp(66px,9vw,124px)/.8 "Instrument Serif",serif;letter-spacing:-.055em;margin:0;max-width:980px}
.bgb-shl-editorial-head>p:last-child{align-self:end;color:rgba(251,248,241,.76);font-size:19px;line-height:1.6;margin:0}
.bgb-shl-editorial-list{display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bgb-shl-editorial-card{background:#fbf8f1;color:#171915;display:grid;grid-template-rows:260px 1fr;text-decoration:none}
.bgb-shl-editorial-card.is-featured{grid-column:1/-1;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);grid-template-rows:minmax(520px,66vh)}
.bgb-shl-editorial-image{background:#e7f2d1;display:block;min-height:0;overflow:hidden}
.bgb-shl-editorial-image img{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}
.bgb-shl-editorial-card:hover .bgb-shl-editorial-image img{transform:scale(1.025)}
.bgb-shl-editorial-copy{display:flex;flex-direction:column;padding:clamp(28px,4vw,56px)}
.bgb-shl-editorial-label{color:#244b35;font:600 10px/1.3 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}
.bgb-shl-editorial-copy h3{font:400 clamp(42px,5vw,72px)/.88 "Instrument Serif",serif;letter-spacing:-.04em;margin:34px 0 22px}
.bgb-shl-editorial-card.is-featured h3{font-size:clamp(60px,7vw,96px)}
.bgb-shl-editorial-copy p{font-size:17px;line-height:1.6;margin:0 0 36px}
.bgb-shl-editorial-meta{border-top:1px solid rgba(23,25,21,.3);display:flex;font:600 10px/1.2 "Space Grotesk",sans-serif;justify-content:space-between;letter-spacing:.12em;margin-top:auto;padding-top:18px;text-transform:uppercase}
.bgb-shl-editorial-meta i{font-size:20px;font-style:normal}
.bgb-shl-pathways{background:#f5f0e5;padding:clamp(88px,12vw,155px) clamp(24px,6vw,82px)}
.bgb-shl-wrap{margin:auto;max-width:1300px}
.bgb-shl-section-head{border-bottom:1px solid #171915;display:grid;gap:40px;grid-template-columns:1fr .75fr;margin-bottom:64px;padding-bottom:46px}
.bgb-shl-section-head h2{font:400 clamp(68px,10vw,132px)/.79 "Instrument Serif",serif;letter-spacing:-.055em;margin-bottom:0}
.bgb-shl-section-head p{align-self:end;font-size:19px;line-height:1.6;margin-bottom:0}
.bgb-shl-path-grid{display:grid;gap:3px;grid-template-columns:1fr 1fr}
.bgb-shl-path-grid article{background:#fbf8f1;min-height:320px;padding:34px}
.bgb-shl-path-grid article:nth-child(2),.bgb-shl-path-grid article:nth-child(7){background:#b8ef3b}
.bgb-shl-path-grid article:nth-child(3),.bgb-shl-path-grid article:nth-child(6){background:#e7f2d1}
.bgb-shl-path-grid article:nth-child(4){background:#ffd84b}
.bgb-shl-path-grid article:nth-child(5),.bgb-shl-path-grid article:nth-child(8){background:#244b35;color:#fbf8f1}
.bgb-shl-path-grid article>span{color:#244b35;font:400 48px/1 "Instrument Serif",serif}
.bgb-shl-path-grid article:nth-child(5)>span,.bgb-shl-path-grid article:nth-child(8)>span{color:#b8ef3b}
.bgb-shl-path-grid h3{font:400 34px/1 "Instrument Serif",serif;margin:56px 0 18px}
.bgb-shl-path-grid p{font-size:15px;line-height:1.55;margin-bottom:0}
.bgb-shl-criteria{background:#244b35;color:#fbf8f1;padding:clamp(90px,12vw,160px) clamp(24px,8vw,118px)}
.bgb-shl-narrow{margin:auto;max-width:1180px}
.bgb-shl-kicker{color:#b8ef3b;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.bgb-shl-criteria h2{font:400 clamp(70px,10vw,134px)/.78 "Instrument Serif",serif;letter-spacing:-.055em;margin:34px 0 56px;max-width:950px}
.bgb-shl-criteria ol{counter-reset:shl-item;list-style:none;margin:0;padding:0}
.bgb-shl-criteria li{border-top:1px solid rgba(251,248,241,.35);display:grid;gap:28px;grid-template-columns:82px minmax(0,1fr);padding:26px 0}
.bgb-shl-criteria li:before{color:#b8ef3b;content:counter(shl-item,decimal-leading-zero);counter-increment:shl-item;font:400 34px/1 "Instrument Serif",serif}
.bgb-shl-criteria h3{font:400 28px/1 "Instrument Serif",serif;margin-bottom:9px}
.bgb-shl-criteria li p{color:rgba(251,248,241,.78);font-size:16px;line-height:1.55;margin-bottom:0;max-width:780px}
.bgb-shl-nominate{background:#b8ef3b;padding:clamp(88px,12vw,155px) clamp(24px,8vw,118px)}
.bgb-shl-nominate h2{font:400 clamp(64px,7vw,98px)/.84 "Instrument Serif",serif;hyphens:none;letter-spacing:-.045em;margin-bottom:36px;overflow-wrap:normal;text-wrap:balance;word-break:normal}
.bgb-shl-nominate-copy>p{font-size:20px;line-height:1.6;margin-bottom:24px}
.bgb-shl-self{border-top:1px solid #171915;font:600 10px/1.5 "Space Grotesk",sans-serif!important;letter-spacing:.12em;padding-top:22px;text-transform:uppercase}
.bgb-shl-form{background:#fbf8f1;padding:44px}
.bgb-shl-form h3{font:400 42px/1 "Instrument Serif",serif;margin-bottom:34px}
.bgb-shl-field{margin-bottom:22px}
.bgb-shl-field label{display:block;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.1em;margin-bottom:9px;text-transform:uppercase}
.bgb-shl-field input,.bgb-shl-field textarea{background:#f5f0e5;border:1px solid #171915;border-radius:0;color:#171915;font:16px "Karla",sans-serif;padding:14px;width:100%}
.bgb-shl-field textarea{min-height:120px;resize:vertical}
.bgb-shl-form button{background:#244b35;border:0;border-radius:0;color:#fbf8f1;cursor:pointer;font:600 10px "Space Grotesk",sans-serif;letter-spacing:.12em;padding:18px 26px;text-transform:uppercase}
.bgb-shl-form button:hover,.bgb-shl-form button:focus{background:#171915}
.bgb-shl-form button[disabled]{cursor:wait;opacity:.68}
.bgb-shl-form-status{border-top:1px solid rgba(23,25,21,.35);font-size:14px;line-height:1.5;margin:22px 0 0;padding-top:16px}
.bgb-shl-form-status:empty{display:none}
.bgb-shl-form-status[data-state="success"]{color:#244b35;font-weight:600}
.bgb-shl-form-status[data-state="error"]{color:#7b241c;font-weight:600}
.bgb-shl-honeypot{height:0!important;left:-9999px!important;margin:0!important;overflow:hidden!important;position:absolute!important;width:0!important}
.bgb-shl-note{font-size:12px;line-height:1.5;margin:18px 0 0}
.bgb-shl-next{background:#171915;color:#fbf8f1;padding:clamp(82px,10vw,130px) clamp(24px,8vw,118px)}
.bgb-shl-next h2{color:#b8ef3b;font:400 clamp(60px,8vw,104px)/.8 "Instrument Serif",serif;letter-spacing:-.05em;margin-bottom:0}
.bgb-shl-next p{align-self:center;color:rgba(251,248,241,.78);font-size:20px;line-height:1.6;margin-bottom:0}
@media(max-width:820px){.bgb-shl-hero,.bgb-shl-two-column,.bgb-shl-section-head,.bgb-shl-path-grid,.bgb-shl-editorial-head,.bgb-shl-editorial-list{grid-template-columns:1fr}.bgb-shl-hero-art{min-height:420px}.bgb-shl-path-grid article{min-height:280px}.bgb-shl-form{padding:30px 22px}.bgb-shl-editorial-card.is-featured{grid-column:auto;grid-template-columns:1fr;grid-template-rows:360px 1fr}.bgb-shl-editorial-card{grid-template-rows:300px 1fr}.bgb-shl-editorial-card.is-featured h3{font-size:clamp(52px,12vw,78px)}}

html {
    scroll-behavior: smooth;
}

body.bgb-site {
    color: var(--bgb-ink);
    background: var(--bgb-warm-paper);
    font-family: "Karla", Arial, sans-serif;
}

.bgb-site :is(h1, h2, .is-title) {
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
    letter-spacing: -.04em;
}

.bgb-site :is(.gh-article-tag, .gh-button, .gh-meta, .gh-article-meta, .gh-container-title) {
    font-family: "Space Grotesk", Arial, sans-serif;
}

.bgb-site a:focus-visible,
.bgb-site button:focus-visible,
.bgb-site input:focus-visible {
    outline: 3px solid var(--bgb-sunny-yellow);
    outline-offset: 5px;
}

/* Global masthead and navigation */

#gh-navigation.bgb-navigation {
    height: auto;
    padding: 0;
    color: var(--bgb-light-paper);
    background: transparent;
}

.bgb-navigation-brand-field {
    padding: clamp(24px, 4vw, 55px) 0;
    color: var(--bgb-ink);
    background: var(--bgb-electric-green);
}

.bgb-navigation-brand-inner {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
}

.bgb-wordmark {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: .22em;
    color: var(--bgb-ink) !important;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(3.2rem, 6.7vw, 7.25rem);
    font-weight: 600;
    line-height: .82;
    letter-spacing: -.072em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgb-edition-marker {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .35rem;
    min-width: max-content;
    margin: 0 0 0 auto;
    color: var(--bgb-ink);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(.9rem, 1vw, 1.1rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-align: right;
    text-transform: uppercase;
}

.bgb-edition-marker span,
.bgb-edition-marker strong {
    display: block;
    white-space: nowrap;
}

.bgb-edition-marker strong {
    font: 400 1.25em/1 "Instrument Serif", Georgia, serif;
    letter-spacing: -.01em;
    text-transform: none;
}

.bgb-mobile-controls {
    display: none;
    gap: 10px;
    align-items: center;
}

.bgb-navigation-menu-field {
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

#gh-navigation .gh-navigation-inner {
    grid-template-columns: 1fr auto;
    min-height: 54px;
    height: auto;
}

#gh-navigation .bgb-source-navigation-hook {
    display: none;
}

#gh-navigation .gh-navigation-menu {
    color: var(--bgb-light-paper);
}

#gh-navigation .nav {
    gap: clamp(20px, 3vw, 42px);
}

#gh-navigation .nav a,
#gh-navigation .gh-navigation-actions a {
    color: inherit;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

#gh-navigation .gh-navigation-actions {
    color: var(--bgb-light-paper);
    background: transparent;
}

#gh-navigation .gh-navigation-actions .gh-button {
    color: var(--bgb-ink) !important;
    background: var(--bgb-light-paper) !important;
    border-radius: 0;
}

#gh-navigation .gh-search {
    color: var(--bgb-light-paper);
}

.bgb-primary-nav {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bgb-segments-dropdown {
    position: relative;
}

.bgb-segments-dropdown details > summary {
    display: flex;
    gap: .55rem;
    align-items: center;
    color: inherit;
    cursor: pointer;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .12em;
    list-style: none;
    text-transform: uppercase;
}

.bgb-segments-dropdown summary::-webkit-details-marker {
    display: none;
}

.bgb-segments-dropdown summary span {
    font-size: 1.35em;
    font-weight: 400;
    transition: transform .2s ease;
}

.bgb-segments-dropdown details[open] summary span {
    transform: rotate(45deg);
}

.bgb-segments-dropdown-panel {
    position: absolute;
    z-index: 20;
    top: calc(100% + 18px);
    left: -24px;
    display: grid;
    width: min(92vw, 360px);
    padding: 18px 24px 22px;
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
    border: 1px solid var(--bgb-ink);
    box-shadow: 8px 8px 0 var(--bgb-sunny-yellow);
}

#gh-navigation .bgb-segments-dropdown-panel a {
    padding: 10px 0;
    color: var(--bgb-ink);
    border-bottom: 1px solid rgb(23 25 21 / .16);
    font-size: 1.2rem;
    letter-spacing: 0;
    text-transform: none;
}

#gh-navigation .bgb-segments-dropdown-panel a:last-child {
    border-bottom: 0;
}

#gh-navigation .bgb-segments-dropdown-panel .bgb-segments-all {
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Homepage */

.bgb-home {
    overflow: clip;
    background: var(--bgb-warm-paper);
}

.bgb-home :is(a, h1, h2, h3, p) {
    color: inherit;
}

.bgb-home-hero {
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-home-hero-inner {
    padding-top: clamp(68px, 10vw, 150px);
    padding-bottom: clamp(72px, 11vw, 170px);
}

.bgb-home-kicker,
.bgb-home-meta,
.bgb-text-link {
    font-family: "Space Grotesk", Arial, sans-serif;
}

.bgb-home-kicker {
    margin: 0 0 22px;
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bgb-home-hero h1 {
    max-width: 10ch;
    margin: 0;
    color: var(--bgb-electric-green);
    font-size: clamp(7.2rem, 14vw, 18rem);
    line-height: .72;
    letter-spacing: -.065em;
}

.bgb-home-description {
    max-width: 700px;
    margin: clamp(36px, 5vw, 70px) 0 28px;
    font-size: clamp(1.9rem, 2.3vw, 2.8rem);
    line-height: 1.36;
}

.bgb-home-edition-intro {
    padding-top: clamp(72px, 10vw, 140px);
    padding-bottom: clamp(78px, 11vw, 155px);
    color: var(--bgb-deep-green);
    background: var(--bgb-warm-paper);
    border-bottom: 1px solid rgb(36 75 53 / .2);
}

.bgb-home-edition-intro p {
    max-width: 1050px;
    margin: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4.6vw, 5.8rem);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.bgb-text-link {
    display: inline-flex;
    gap: .65em;
    align-items: center;
    padding-bottom: .3em;
    border-bottom: 1px solid currentColor;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-home-feature,
.bgb-home-segments,
.bgb-home-latest {
    padding-top: clamp(70px, 9vw, 140px);
    padding-bottom: clamp(76px, 10vw, 150px);
}

.bgb-home-section-heading {
    max-width: 880px;
    margin-bottom: clamp(42px, 6vw, 80px);
}

.bgb-home-section-heading--split {
    display: flex;
    max-width: none;
    justify-content: space-between;
    gap: 30px;
    align-items: end;
}

.bgb-home-section-heading h2 {
    max-width: 13ch;
    margin: 0;
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .84;
}

.bgb-home-feature {
    background: var(--bgb-light-paper);
}

.bgb-lead-story {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    border-top: 1px solid var(--bgb-ink);
    border-bottom: 1px solid var(--bgb-ink);
}

.bgb-lead-story--no-image {
    grid-template-columns: minmax(0, 820px);
}

.bgb-lead-story-image {
    min-height: 520px;
    background: var(--bgb-soft-green);
}

.bgb-lead-story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgb-lead-story-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 6vw, 82px);
    background: var(--bgb-sunny-yellow);
}

.bgb-lead-story-copy h3 {
    margin: 0 0 24px;
    font-size: clamp(4rem, 5.5vw, 7.5rem);
    line-height: .88;
}

.bgb-lead-story-copy h3 a {
    text-decoration: none;
}

.bgb-lead-story-copy > p:not(.bgb-home-kicker) {
    margin: 0 0 22px;
    font-size: 1.8rem;
    line-height: 1.45;
}

.bgb-home-meta {
    display: flex;
    gap: 18px;
    margin-bottom: 28px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bgb-home-segments {
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-segment-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgb(251 248 241 / .5);
}

.bgb-segment-grid a {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 18px;
    align-items: baseline;
    padding: clamp(25px, 3.2vw, 48px) 0;
    border-bottom: 1px solid rgb(251 248 241 / .5);
    text-decoration: none;
}

.bgb-segment-grid a:nth-child(odd) {
    padding-right: clamp(22px, 4vw, 64px);
    border-right: 1px solid rgb(251 248 241 / .5);
}

.bgb-segment-grid a:nth-child(even) {
    padding-left: clamp(22px, 4vw, 64px);
}

.bgb-segment-grid span {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
}

.bgb-segment-grid strong {
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4vw, 5.5rem);
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: .95;
}

.bgb-home-latest {
    background: var(--bgb-warm-paper);
}

.bgb-home-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(26px, 4vw, 54px) 28px;
}

.bgb-home-post-grid .gh-card {
    border-top: 1px solid var(--bgb-ink);
}

.bgb-home-post-grid .gh-card-image {
    aspect-ratio: 4 / 3;
}

.bgb-home-empty-state {
    padding: 38px;
    border: 1px solid var(--bgb-ink);
    font-size: 1.6rem;
}

/* JCOY homepage signup */

.jcoy-home-signup {
    --jcoy-yellow: #FFD84D;
    --jcoy-marigold: #E8A817;
    --jcoy-cream: #FFF9E8;
    --jcoy-forest: #173A2A;
    --jcoy-sans: "Sora", Arial, sans-serif;
    --jcoy-serif: "Newsreader", Georgia, serif;
    color: var(--jcoy-forest);
    background: linear-gradient(100deg, var(--jcoy-yellow) 0%, #FFE58A 100%);
    font-family: var(--jcoy-sans);
}

.jcoy-home-signup-inner {
    position: relative;
    padding-top: clamp(42px, 5vw, 70px);
    padding-bottom: clamp(58px, 7vw, 96px);
}

.jcoy-home-from,
.jcoy-home-form,
.jcoy-home-note,
.jcoy-home-message {
    font-family: var(--jcoy-sans);
}

.jcoy-banner-lockup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 74px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--jcoy-forest);
    font: 700 clamp(1.25rem, 1.5vw, 1.8rem)/1 var(--jcoy-sans);
    letter-spacing: .02em;
    text-transform: uppercase;
}

.jcoy-banner-mark {
    display: flex;
    gap: 22px;
    align-items: center;
}

.jcoy-banner-message {
    position: relative;
    min-height: clamp(360px, 38vw, 550px);
    padding-top: clamp(80px, 9vw, 132px);
    overflow: hidden;
}

.jcoy-home-signup h1,
.jcoy-home-signup h2 {
    position: relative;
    z-index: 1;
    max-width: none;
    margin: 0;
    font-family: var(--jcoy-sans);
    font-size: clamp(5rem, 6.25vw, 10rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .96;
    white-space: nowrap;
}

.jcoy-home-tagline {
    position: relative;
    z-index: 1;
    max-width: none;
    margin: clamp(18px, 2vw, 30px) 0 0;
    font-family: var(--jcoy-serif);
    font-size: clamp(5rem, 7vw, 9.5rem);
    font-weight: 500;
    font-optical-sizing: auto;
    letter-spacing: -.055em;
    line-height: .95;
}

.jcoy-banner-rings {
    position: absolute;
    right: clamp(-210px, -10vw, -100px);
    bottom: clamp(-300px, -16vw, -170px);
    width: clamp(390px, 42vw, 650px);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 249, 232, .48);
    border-radius: 50%;
}

.jcoy-banner-rings::before,
.jcoy-banner-rings::after {
    position: absolute;
    border: 1px solid rgba(255, 249, 232, .42);
    border-radius: 50%;
    content: "";
}

.jcoy-banner-rings::before { inset: 11%; }
.jcoy-banner-rings::after { inset: 23%; }

.jcoy-banner-lower {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: clamp(48px, 8vw, 120px);
    align-items: end;
}

.jcoy-banner-note > span {
    display: block;
    width: min(520px, 82%);
    height: 1px;
    margin-bottom: 38px;
    background: rgba(201, 150, 26, .9);
}

.jcoy-banner-note p {
    margin: 0;
    font: 400 clamp(1.8rem, 2.2vw, 2.8rem)/1.35 var(--jcoy-serif);
}

.jcoy-banner-note strong {
    display: block;
    margin-bottom: 8px;
    font: 700 clamp(1.35rem, 1.6vw, 1.8rem)/1.2 var(--jcoy-sans);
    letter-spacing: -.01em;
    text-transform: uppercase;
}

.jcoy-home-description {
    max-width: 590px;
    margin: 0 0 30px;
    font-size: 1.55rem;
    line-height: 1.48;
    font-family: var(--jcoy-sans);
    font-weight: 500;
}

.jcoy-home-form {
    max-width: 650px;
}

.jcoy-home-form label {
    display: block;
    margin-bottom: 7px;
    font-size: 1.1rem;
    font-weight: 600;
}

.jcoy-home-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.jcoy-home-fields input,
.jcoy-home-fields button {
    min-height: 58px;
    border: 1px solid var(--jcoy-forest);
    border-radius: 0;
    font-size: 1.5rem;
}

.jcoy-home-fields input {
    min-width: 0;
    padding: 12px 16px;
    color: var(--bgb-ink);
    background: var(--jcoy-cream);
    font-family: var(--jcoy-sans);
}

.jcoy-home-fields button {
    padding: 12px 24px;
    color: var(--jcoy-cream);
    background: var(--jcoy-forest);
    cursor: pointer;
    font-family: var(--jcoy-sans);
    font-weight: 600;
}

.jcoy-home-form .loading,
.jcoy-home-message {
    display: none;
}

.jcoy-home-form.loading .default {
    display: none;
}

.jcoy-home-form.loading .loading,
.jcoy-home-form.success .success,
.jcoy-home-form.error .error {
    display: inline;
}

.jcoy-home-note,
.jcoy-home-message {
    margin: 10px 0 0;
    font-size: 1.1rem;
}

.jcoy-home-signal {
    display: block;
    width: clamp(118px, 10vw, 160px);
    margin: 0;
    color: #C9961A;
}

.jcoy-home-signal svg {
    display: block;
    width: 100%;
    height: auto;
}

.jcoy-home-pass-it-on {
    display: flex;
    gap: 16px;
    align-items: center;
    max-width: 650px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(23, 58, 42, .45);
}

.jcoy-home-pass-it-on p {
    margin: 0;
    font: 400 1.45rem/1.45 var(--jcoy-sans);
}

.jcoy-home-pass-it-on strong {
    font-weight: 600;
}

@media (max-width: 820px) {
    .jcoy-banner-message {
        min-height: 390px;
    }

    .jcoy-home-signup h1,
    .jcoy-home-signup h2 {
        white-space: normal;
    }

    .jcoy-banner-lower {
        grid-template-columns: 1fr;
        gap: 42px;
    }
}

@media (max-width: 560px) {
    .jcoy-banner-lockup {
        min-height: 58px;
        padding-bottom: 18px;
    }

    .jcoy-banner-mark {
        gap: 12px;
    }

    .jcoy-home-signal {
        width: 86px;
    }

    .jcoy-banner-message {
        min-height: 320px;
        padding-top: 62px;
    }

    .jcoy-home-fields {
        grid-template-columns: 1fr;
    }

    .jcoy-home-fields button {
        width: 100%;
    }
}

/* Curious Beginner landing page */

.bgb-cb-page {
    overflow: clip;
    background: var(--bgb-warm-paper);
}

.bgb-cb-hero {
    color: var(--bgb-ink);
    background: var(--bgb-sunny-yellow);
}

.bgb-cb-hero-inner {
    position: relative;
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(82px, 11vw, 155px);
}

.bgb-cb-index {
    position: absolute;
    top: clamp(76px, 10vw, 140px);
    right: 0;
    color: var(--bgb-deep-green);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(5rem, 9vw, 12rem);
    font-weight: 500;
    letter-spacing: -.07em;
    line-height: .8;
}

.bgb-cb-edition {
    margin: 0 0 28px;
    color: var(--bgb-deep-green);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bgb-cb-hero h1 {
    max-width: 10ch;
    margin: 0;
    color: var(--bgb-deep-green);
    font-size: clamp(8rem, 15vw, 19rem);
    line-height: .7;
    letter-spacing: -.06em;
}

.bgb-cb-support {
    max-width: 700px;
    margin: 20px 0 30px;
    font-size: clamp(2rem, 2.5vw, 3rem);
    line-height: 1.38;
}

.bgb-cb-tagline {
    margin: clamp(42px, 6vw, 72px) 0 0;
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4vw, 5rem);
    line-height: 1;
}

.bgb-cb-welcome {
    background: var(--bgb-light-paper);
}

.bgb-cb-welcome-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
    gap: clamp(50px, 8vw, 120px);
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(76px, 10vw, 140px);
}

.bgb-cb-welcome h2,
.bgb-cb-pathways h2,
.bgb-cb-feature h2,
.bgb-cb-closing h2 {
    margin: 0;
    color: inherit;
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
    letter-spacing: -.045em;
}

.bgb-cb-welcome h2 {
    color: var(--bgb-deep-green);
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .84;
}

.bgb-cb-welcome-copy {
    align-self: end;
}

.bgb-cb-welcome-copy p {
    margin: 0 0 22px;
    font-size: clamp(1.8rem, 2vw, 2.3rem);
    line-height: 1.55;
}

.bgb-cb-welcome-copy p:last-child {
    margin-bottom: 0;
}

.bgb-cb-pathways {
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(76px, 10vw, 140px);
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-cb-pathways-heading {
    display: grid;
    grid-template-columns: 120px minmax(0, 760px);
    gap: clamp(28px, 5vw, 70px);
    align-items: start;
    margin-bottom: clamp(52px, 8vw, 100px);
}

.bgb-cb-pathways-heading > span {
    color: var(--bgb-electric-green);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .76;
}

.bgb-cb-pathways h2 {
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .84;
}

.bgb-cb-pathway-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgb(251 248 241 / .45);
}

.bgb-cb-pathway-list li {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: clamp(24px, 5vw, 72px);
    padding: clamp(30px, 4vw, 52px) 0;
    border-bottom: 1px solid rgb(251 248 241 / .45);
}

.bgb-cb-pathway-list li > span {
    color: var(--bgb-electric-green);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.2rem;
}

.bgb-cb-pathway-list h3 {
    margin: 0 0 10px;
    font-size: clamp(3.2rem, 4.5vw, 5.8rem);
    line-height: .95;
}

.bgb-cb-pathway-list p {
    max-width: 720px;
    margin: 0;
    color: rgb(251 248 241 / .78);
    font-size: 1.7rem;
    line-height: 1.5;
}

.bgb-cb-feature {
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(76px, 10vw, 140px);
    background: var(--bgb-light-paper);
}

.bgb-cb-feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
    border-top: 1px solid var(--bgb-ink);
    border-bottom: 1px solid var(--bgb-ink);
}

.bgb-cb-feature-grid--no-image {
    grid-template-columns: minmax(0, 820px);
}

.bgb-cb-feature-image {
    min-height: 520px;
    background: var(--bgb-soft-green);
}

.bgb-cb-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgb-cb-feature-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 6vw, 76px);
    background: var(--bgb-electric-green);
}

.bgb-cb-feature h2 {
    margin-bottom: 22px;
    font-size: clamp(4.2rem, 6vw, 7.5rem);
    line-height: .88;
}

.bgb-cb-feature h2 a {
    text-decoration: none;
}

.bgb-cb-feature-copy > p:not(.bgb-home-kicker) {
    margin: 0 0 22px;
    font-size: 1.8rem;
    line-height: 1.5;
}

.bgb-cb-stories {
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(86px, 11vw, 155px);
    background: var(--bgb-warm-paper);
}

.bgb-cb-section-heading {
    margin-bottom: clamp(44px, 6vw, 78px);
}

.bgb-cb-section-heading h2 {
    margin: 0;
    color: var(--bgb-deep-green);
    font-size: clamp(6rem, 10vw, 13rem);
    line-height: .78;
}

/* Segments index */

.bgb-segments-page {
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
}

.bgb-segments-wrap,
.bgb-segments-directory-head,
.bgb-segments-grid {
    width: min(100%, 1320px);
    margin-inline: auto;
}

.bgb-segments-hero {
    position: relative;
    min-height: 680px;
    padding: clamp(74px, 10vw, 140px) clamp(24px, 6vw, 82px);
    overflow: hidden;
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-segments-hero .bgb-segments-wrap {
    position: relative;
    z-index: 1;
}

.bgb-segments-count {
    color: var(--bgb-electric-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(9rem, 14vw, 19rem);
    line-height: .68;
    letter-spacing: -.06em;
}

.bgb-segments-hero h1 {
    margin: 70px 0 50px;
    font-size: clamp(10rem, 20vw, 28rem);
    line-height: .65;
    letter-spacing: -.065em;
}

.bgb-segments-hero p {
    max-width: 800px;
    margin: 0;
    color: rgb(251 248 241 / .8);
    font-size: clamp(2rem, 2.4vw, 3.1rem);
    line-height: 1.5;
}

.bgb-segments-orbit {
    position: absolute;
    top: 40px;
    right: -130px;
    width: 520px;
    aspect-ratio: 1;
    border: 34px solid rgb(184 239 59 / .18);
    border-left-color: transparent;
    border-radius: 50%;
    transform: rotate(28deg);
}

.bgb-segments-intro {
    padding: clamp(76px, 10vw, 130px) clamp(24px, 8vw, 118px);
    background: var(--bgb-sunny-yellow);
}

.bgb-segments-intro-inner {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
    gap: 50px;
    max-width: 1240px;
    margin: auto;
}

.bgb-segments-intro h2,
.bgb-segments-directory-head h2,
.bgb-segments-closing h2 {
    margin: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
    letter-spacing: -.05em;
}

.bgb-segments-intro h2 {
    font-size: clamp(6.2rem, 8vw, 10.8rem);
    line-height: .82;
}

.bgb-segments-intro p {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2rem, 2.3vw, 2.9rem);
    line-height: 1.5;
}

.bgb-segments-directory {
    padding: clamp(86px, 12vw, 160px) clamp(24px, 6vw, 82px);
    background: var(--bgb-warm-paper);
}

.bgb-segments-directory-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 64px;
}

.bgb-segments-directory-head h2 {
    font-size: clamp(6.2rem, 9vw, 12rem);
    line-height: .8;
    letter-spacing: -.055em;
}

.bgb-segments-directory-head p {
    margin: 0;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .14em;
    text-align: right;
    text-transform: uppercase;
}

.bgb-segments-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
}

.bgb-segments-card {
    display: grid;
    min-height: 510px;
    padding: 40px;
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
    text-decoration: none;
}

.bgb-segments-card:nth-child(2),
.bgb-segments-card:nth-child(7) {
    background: var(--bgb-electric-green);
}

.bgb-segments-card:nth-child(3),
.bgb-segments-card:nth-child(6) {
    background: var(--bgb-soft-green);
}

.bgb-segments-card:nth-child(4) {
    background: var(--bgb-sunny-yellow);
}

.bgb-segments-card:nth-child(5),
.bgb-segments-card:nth-child(8) {
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-segments-index {
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 6.8rem;
    line-height: 1;
}

.bgb-segments-card:nth-child(5) .bgb-segments-index,
.bgb-segments-card:nth-child(8) .bgb-segments-index {
    color: var(--bgb-electric-green);
}

.bgb-segments-card > div {
    align-self: end;
    max-width: 540px;
}

.bgb-segments-card h3 {
    margin: 0 0 26px;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(5rem, 6vw, 8.4rem);
    font-weight: 400;
    line-height: .82;
    letter-spacing: -.045em;
}

.bgb-segments-card p {
    margin: 0 0 32px;
    font-size: 1.7rem;
    line-height: 1.58;
}

.bgb-segments-enter {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 1px solid currentColor;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-segments-closing {
    padding: clamp(94px, 12vw, 160px) clamp(24px, 8vw, 118px);
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-segments-closing h2 {
    max-width: 980px;
    color: var(--bgb-electric-green);
    font-size: clamp(7.4rem, 11vw, 15rem);
    line-height: .76;
    letter-spacing: -.06em;
}

.bgb-segments-closing p {
    max-width: 660px;
    margin: 46px 0 0;
    color: rgb(251 248 241 / .78);
    font-size: 2.2rem;
    line-height: 1.55;
}

@media (max-width: 820px) {
    .bgb-segments-intro-inner,
    .bgb-segments-grid {
        grid-template-columns: 1fr;
    }

    .bgb-segments-directory-head {
        align-items: start;
        flex-direction: column;
    }

    .bgb-segments-directory-head p {
        text-align: left;
    }

    .bgb-segments-card {
        min-height: 430px;
    }
}

/* Latest — current edition */

.bgb-latest-page {
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
}

.bgb-latest-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    min-height: 740px;
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-latest-hero-copy {
    align-self: end;
    padding: clamp(72px, 10vw, 140px) clamp(24px, 6vw, 82px);
}

.bgb-latest-overline,
.bgb-latest-kicker,
.bgb-latest-card-segment,
.bgb-latest-chapter-head > div > p {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bgb-latest-overline {
    margin: 0;
    color: var(--bgb-electric-green);
}

.bgb-latest-hero h1 {
    margin: 64px 0 48px;
    font-size: clamp(9.4rem, 17vw, 24rem);
    line-height: .68;
    letter-spacing: -.065em;
}

.bgb-latest-hero h1 span {
    display: block;
    margin-top: 24px;
    color: var(--bgb-electric-green);
    font-size: .57em;
    letter-spacing: -.04em;
}

.bgb-latest-deck {
    max-width: 720px;
    margin: 0;
    color: rgb(251 248 241 / .78);
    font-size: clamp(1.8rem, 2vw, 2.5rem);
    line-height: 1.48;
}

.bgb-latest-symbol {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    overflow: hidden;
    color: var(--bgb-deep-green);
    background: var(--bgb-soft-green);
}

.bgb-latest-symbol > img {
    width: 100%;
    height: 100%;
    min-height: 740px;
    object-fit: cover;
}

.bgb-latest-ring {
    position: relative;
    width: min(360px, 68%);
    aspect-ratio: 1;
    border: 34px solid var(--bgb-deep-green);
    border-radius: 50%;
}

.bgb-latest-ring::before {
    position: absolute;
    inset: 13%;
    border: 27px solid var(--bgb-electric-green);
    border-left-color: transparent;
    border-radius: 50%;
    content: "";
    transform: rotate(36deg);
}

.bgb-latest-ring::after {
    position: absolute;
    top: 31%;
    left: 31%;
    width: 20%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--bgb-deep-green);
    content: "";
}

.bgb-latest-symbol p {
    position: absolute;
    bottom: 40px;
    margin: 0;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-align: center;
    text-transform: uppercase;
}

.bgb-latest-intro {
    padding: clamp(70px, 10vw, 128px) clamp(24px, 8vw, 118px);
    background: var(--bgb-sunny-yellow);
}

.bgb-latest-intro-inner {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
    gap: 50px;
    max-width: 1240px;
    margin: auto;
}

.bgb-latest-intro h2,
.bgb-latest-anchor-copy h2,
.bgb-latest-chapter-head h2,
.bgb-latest-bridge h2,
.bgb-latest-continues h2 {
    margin: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
    letter-spacing: -.05em;
}

.bgb-latest-intro h2 {
    font-size: clamp(5.8rem, 8vw, 10.6rem);
    line-height: .84;
}

.bgb-latest-intro-inner > p {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2rem, 2.3vw, 3rem);
    line-height: 1.5;
}

.bgb-latest-anchor {
    padding: clamp(84px, 11vw, 150px) clamp(24px, 6vw, 82px);
    background: var(--bgb-warm-paper);
}

.bgb-latest-anchor-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(310px, .9fr);
    gap: clamp(44px, 7vw, 100px);
    max-width: 1300px;
    margin: auto;
}

.bgb-latest-anchor-art {
    position: relative;
    margin: 0;
    min-height: 590px;
    overflow: hidden;
    background: var(--bgb-deep-green);
}

.bgb-latest-anchor-art > img {
    width: 100%;
    height: 100%;
    min-height: 590px;
    display: block;
    object-fit: cover;
}

.bgb-latest-anchor-art figcaption {
    position: absolute;
    right: 24px;
    bottom: 22px;
    left: 24px;
    width: fit-content;
    margin: 0;
    padding: 9px 12px;
    color: var(--bgb-light-paper);
    background: rgba(36, 75, 53, .88);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-latest-anchor-copy {
    align-self: center;
}

.bgb-latest-section-number,
.bgb-latest-card-number {
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
}

.bgb-latest-section-number {
    font-size: clamp(8.4rem, 10vw, 13.8rem);
    line-height: .7;
}

.bgb-latest-kicker {
    margin: 46px 0 28px;
}

.bgb-latest-anchor-copy h2 {
    margin-bottom: 32px;
    font-size: clamp(5.8rem, 7vw, 9.6rem);
    line-height: .86;
}

.bgb-latest-anchor-copy > p:not(.bgb-latest-kicker) {
    margin: 0 0 30px;
    font-size: 1.9rem;
    line-height: 1.65;
}

.bgb-latest-read {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 1px solid currentColor;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-latest-chapter {
    padding: clamp(90px, 12vw, 160px) clamp(24px, 6vw, 82px);
    color: var(--bgb-light-paper);
}

.bgb-latest-chapter--ink {
    background: var(--bgb-ink);
}

.bgb-latest-chapter--green {
    background: var(--bgb-deep-green);
}

.bgb-latest-chapter-inner {
    max-width: 1300px;
    margin: auto;
}

.bgb-latest-chapter-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr);
    align-items: end;
    gap: 34px;
    margin-bottom: 70px;
    padding-bottom: 42px;
    border-bottom: 1px solid currentColor;
}

.bgb-latest-chapter-head > div > p {
    margin: 0;
    color: var(--bgb-electric-green);
}

.bgb-latest-chapter-head h2 {
    margin-top: 25px;
    font-size: clamp(6.5rem, 9vw, 12rem);
    line-height: .82;
    letter-spacing: -.055em;
}

.bgb-latest-chapter-head > p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.6;
}

.bgb-latest-story-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
}

.bgb-latest-story-card {
    display: grid;
    min-height: 560px;
    padding: 42px;
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
}

.bgb-latest-story-card--lime {
    background: var(--bgb-electric-green);
}

.bgb-latest-story-card--yellow {
    background: var(--bgb-sunny-yellow);
}

.bgb-latest-card-number {
    font-size: 6.4rem;
    line-height: 1;
}

.bgb-latest-story-card > div {
    align-self: end;
}

.bgb-latest-card-segment {
    margin: 0;
}

.bgb-latest-story-card h3 {
    margin: 24px 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(4rem, 5vw, 6.7rem);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.04em;
}

.bgb-latest-story-card > div > p:not(.bgb-latest-card-segment) {
    max-width: 520px;
    margin: 0 0 28px;
    font-size: 1.6rem;
    line-height: 1.55;
}

.bgb-latest-bridge {
    display: grid;
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
    gap: 36px;
    padding: clamp(74px, 9vw, 120px) clamp(24px, 8vw, 118px);
    color: var(--bgb-deep-green);
    background: var(--bgb-soft-green);
}

.bgb-latest-bridge h2 {
    font-size: clamp(6.8rem, 9vw, 12rem);
    line-height: .74;
}

.bgb-latest-bridge p {
    align-self: center;
    max-width: 730px;
    margin: 0;
    font-size: clamp(2rem, 2.2vw, 2.8rem);
    line-height: 1.5;
}

.bgb-latest-continues {
    padding: clamp(90px, 12vw, 150px) clamp(24px, 6vw, 82px);
    background: var(--bgb-warm-paper);
}

.bgb-latest-continues-inner {
    max-width: 1300px;
    margin: auto;
}

.bgb-latest-continues h2 {
    margin-bottom: 62px;
    font-size: clamp(6.4rem, 9vw, 11.8rem);
    line-height: .82;
    letter-spacing: -.055em;
}

.bgb-latest-edition-index a {
    display: grid;
    grid-template-columns: 70px minmax(190px, .65fr) minmax(0, 1.35fr);
    align-items: center;
    gap: 20px;
    padding: 25px 0;
    border-top: 1px solid var(--bgb-ink);
    color: inherit;
    text-decoration: none;
}

.bgb-latest-edition-index a:last-child {
    border-bottom: 1px solid var(--bgb-ink);
}

.bgb-latest-edition-index span {
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 3.8rem;
    line-height: 1;
}

.bgb-latest-edition-index strong {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.bgb-latest-edition-index p {
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.5;
}

@media (max-width: 820px) {
    .bgb-latest-hero,
    .bgb-latest-intro-inner,
    .bgb-latest-anchor-inner,
    .bgb-latest-chapter-head,
    .bgb-latest-bridge {
        grid-template-columns: 1fr;
    }

    .bgb-latest-symbol {
        min-height: 430px;
    }

    .bgb-latest-symbol > img {
        min-height: 430px;
    }

    .bgb-latest-story-pair {
        grid-template-columns: 1fr;
    }

    .bgb-latest-story-card {
        min-height: 430px;
    }

    .bgb-latest-edition-index a {
        grid-template-columns: 50px 1fr;
    }

    .bgb-latest-edition-index p {
        grid-column: 2;
    }
}

/* Curious Beginner feature article */

.bgb-cb-article-main {
    background: var(--bgb-warm-paper);
}

.bgb-cb-article-header {
    padding-top: clamp(84px, 12vw, 170px);
    padding-bottom: clamp(82px, 11vw, 155px);
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-cb-article-header-inner {
    position: relative;
}

.bgb-cb-article-index {
    margin-bottom: clamp(44px, 6vw, 76px);
    color: var(--bgb-electric-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(9.6rem, 14vw, 19rem);
    font-weight: 400;
    line-height: .68;
    letter-spacing: -.06em;
}

.bgb-cb-article-segment {
    display: inline-block;
    margin-bottom: 30px;
    color: var(--bgb-electric-green) !important;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-cb-article-header h1 {
    max-width: 1050px;
    margin: 0;
    color: var(--bgb-light-paper);
    font-size: clamp(6.5rem, 12vw, 16rem);
    line-height: .76;
    letter-spacing: -.055em;
}

.bgb-cb-article-deck {
    max-width: 780px;
    margin: clamp(34px, 5vw, 60px) 0 0;
    color: rgb(251 248 241 / .84);
    font-size: clamp(2rem, 2.6vw, 3.1rem);
    line-height: 1.42;
}

.bgb-cb-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 38px;
    color: rgb(251 248 241 / .7);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bgb-cb-article-image {
    margin: 0;
    padding: clamp(36px, 6vw, 78px) 0 0;
    background: var(--bgb-warm-paper);
}

.bgb-cb-article-image img {
    width: 100%;
    max-height: 760px;
    object-fit: cover;
}

.bgb-cb-article-image figcaption {
    margin-top: 10px;
    color: rgb(23 25 21 / .62);
    font-size: 1.2rem;
}

.bgb-cb-article-content {
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(86px, 11vw, 155px);
}

.bgb-cb-article-content > p:first-child {
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4.2vw, 5.2rem);
    line-height: 1.02;
}

.bgb-cb-article-content h2 {
    margin-top: 1.35em;
    color: var(--bgb-deep-green);
}

.bgb-cb-article-content h3 {
    margin-top: 1.4em;
}

.bgb-cb-article-content blockquote {
    margin: clamp(60px, 9vw, 110px) calc(50% - 50vw);
    padding: clamp(70px, 11vw, 135px) max(calc((100vw - 760px) / 2), 24px);
    color: var(--bgb-ink);
    background: var(--bgb-sunny-yellow);
    border-left: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(4.5rem, 8vw, 10rem);
    line-height: .84;
    letter-spacing: -.045em;
}

.bgb-cb-article-content blockquote p {
    margin: 0;
}

.bgb-cb-article-content ol,
.bgb-cb-article-content ul {
    padding-left: 1.25em;
}

.bgb-cb-article-content h2:last-of-type + ol {
    font-size: 1.45rem;
}

.bgb-cb-article-disclaimer {
    padding-top: 34px;
    padding-bottom: 34px;
    color: rgb(251 248 241 / .74);
    background: var(--bgb-ink);
}

.bgb-cb-article-disclaimer p {
    max-width: 920px;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.65;
}

.bgb-cb-article-related {
    padding-top: clamp(78px, 10vw, 140px);
    padding-bottom: clamp(88px, 11vw, 155px);
    background: var(--bgb-light-paper);
}

.bgb-cb-article-related > .gh-inner > h2 {
    max-width: 900px;
    margin: 0 0 clamp(46px, 7vw, 82px);
    color: var(--bgb-deep-green);
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .84;
}

.bgb-cb-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(30px, 4vw, 54px) 28px;
}

.bgb-cb-landing-visual {
    margin: 0;
    padding-top: clamp(28px, 4vw, 56px);
    padding-bottom: clamp(28px, 4vw, 56px);
    background: var(--bgb-light-paper);
}

.bgb-cb-landing-visual img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.bgb-cb-feature-image--empty {
    min-height: 480px;
    background: var(--bgb-soft-green);
}

.bgb-cb-post-grid .gh-card {
    border-top: 1px solid var(--bgb-ink);
}

.bgb-cb-post-grid .gh-card-image {
    aspect-ratio: 4 / 3;
}

.bgb-cb-story-placeholder {
    color: var(--bgb-deep-green);
    border-top: 1px solid var(--bgb-ink);
    background: var(--bgb-soft-green);
}

.bgb-cb-story-placeholder img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.bgb-cb-story-placeholder h3 {
    margin: 0;
    padding: 28px;
    font-size: clamp(3rem, 4vw, 5rem);
    line-height: .95;
}

.bgb-cb-jcoy {
    color: #173A2A;
    background: linear-gradient(135deg, #FFD84D, #E8A817);
}

.bgb-cb-jcoy-inner {
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(82px, 11vw, 150px);
}

.bgb-cb-jcoy h2 {
    max-width: 10ch;
    margin: 0;
    color: inherit;
    font-family: var(--jcoy-sans);
    font-size: clamp(6rem, 11vw, 14rem);
    font-weight: 600;
    line-height: .9;
    letter-spacing: -.06em;
}

.bgb-cb-jcoy .bgb-home-kicker {
    font-family: var(--jcoy-sans);
}

.bgb-cb-jcoy-inner > p:not(.bgb-home-kicker) {
    max-width: 650px;
    margin: 30px 0;
    font-family: "Newsreader", Georgia, serif;
    font-size: clamp(3rem, 4vw, 5rem);
    font-weight: 500;
    letter-spacing: -.035em;
    line-height: 1;
}

.bgb-cb-closing {
    padding-top: clamp(100px, 15vw, 190px);
    padding-bottom: clamp(100px, 15vw, 190px);
    color: var(--bgb-ink);
    background: var(--bgb-sunny-yellow);
}

.bgb-cb-closing h2 {
    max-width: 1060px;
    font-size: clamp(6rem, 11vw, 15rem);
    line-height: .78;
}

/* Body Whispers landing page */

.bgb-bw-page {
    overflow: clip;
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
}

.bgb-bw-hero {
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-bw-hero-inner {
    position: relative;
    padding-top: clamp(92px, 13vw, 175px);
    padding-bottom: clamp(98px, 14vw, 190px);
}

.bgb-bw-number {
    margin-bottom: clamp(36px, 5vw, 62px);
    color: var(--bgb-sunny-yellow);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .18em;
}

.bgb-bw-hero h1 {
    max-width: 9ch;
    margin: 0;
    color: var(--bgb-light-paper);
    font-size: clamp(8rem, 16vw, 20rem);
    line-height: .7;
    letter-spacing: -.06em;
}

.bgb-bw-support {
    max-width: 650px;
    margin: clamp(48px, 7vw, 82px) 0 30px;
    color: rgb(251 248 241 / .9);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(2.7rem, 4vw, 4.8rem);
    line-height: 1.08;
}

.bgb-bw-introduction {
    background: var(--bgb-light-paper);
}

.bgb-bw-introduction-inner {
    max-width: 820px;
    padding-top: clamp(90px, 12vw, 160px);
    padding-bottom: clamp(90px, 12vw, 160px);
}

.bgb-bw-introduction-inner > :first-child {
    margin-top: 0;
}

.bgb-bw-introduction-inner > :last-child {
    margin-bottom: 0;
}

.bgb-bw-stories {
    padding-top: clamp(80px, 11vw, 150px);
    padding-bottom: clamp(92px, 12vw, 170px);
    background: var(--bgb-soft-green);
}

.bgb-bw-section-heading {
    margin-bottom: clamp(50px, 7vw, 88px);
}

.bgb-bw-section-heading h2 {
    max-width: 9ch;
    margin: 0;
    color: var(--bgb-deep-green);
    font-size: clamp(5.8rem, 10vw, 13rem);
    line-height: .8;
}

.bgb-bw-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(32px, 5vw, 62px) 30px;
}

.bgb-bw-post-grid .gh-card {
    border-top: 1px solid var(--bgb-deep-green);
}

.bgb-bw-post-grid .gh-card-image {
    aspect-ratio: 4 / 5;
}

/* Body Whispers v2 — paper, correspondence + intimacy */
.bgb-bw-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-bw-page *{box-sizing:border-box}
.bgb-bw-page figure,.bgb-reset-page figure{margin:0}
.bgb-bw-hero{background:#171915;color:#fbf8f1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(350px,.94fr);min-height:850px}
.bgb-bw-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-bw-number{color:#b8ef3b;display:block;font:400 clamp(64px,9vw,118px)/.7 "Instrument Serif",serif;letter-spacing:-.05em;margin:0}
.bgb-bw-by-shonda{color:rgba(251,248,241,.78);font:400 clamp(20px,2.2vw,29px)/1.2 "Instrument Serif",serif;margin:48px 0 0}
.bgb-bw-hero h1{color:#fbf8f1;font:400 clamp(82px,12vw,168px)/.7 "Instrument Serif",serif;letter-spacing:-.06em;margin:34px 0 38px;max-width:800px}
.bgb-bw-support{color:rgba(251,248,241,.8);font:400 clamp(19px,2vw,25px)/1.55 "Karla",sans-serif;margin:0 0 36px;max-width:680px}
.bgb-bw-text-link{border-bottom:1px solid currentColor;color:inherit;display:inline-block;font:600 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.11em;padding-bottom:8px;text-decoration:none;text-transform:uppercase}
.bgb-bw-hero-image,.bgb-bw-current-image,.bgb-bw-letter-image,.bgb-reset-hero-image{min-height:100%;overflow:hidden;position:relative}
.bgb-bw-hero-image img,.bgb-bw-current-image img,.bgb-bw-letter-image img,.bgb-reset-hero-image img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}
.bgb-bw-welcome{background:#ffd84b;padding:clamp(88px,11vw,148px) clamp(24px,7vw,100px)}
.bgb-bw-welcome-inner{display:grid;gap:70px;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);margin:auto;max-width:1280px}
.bgb-bw-welcome h2{font:400 clamp(62px,9vw,116px)/.8 "Instrument Serif",serif;letter-spacing:-.05em;margin:0}
.bgb-bw-welcome-copy{font-size:clamp(19px,2.1vw,27px);line-height:1.58}
.bgb-bw-welcome-copy p{margin:0 0 26px}
.bgb-bw-welcome-close{font:400 clamp(34px,4.5vw,58px)/1 "Instrument Serif",serif!important;margin-top:42px!important}
.bgb-bw-current{background:#fbf8f1;display:grid;grid-template-columns:minmax(350px,.92fr) minmax(0,1.08fr);min-height:680px}
.bgb-bw-current-copy{align-self:center;padding:clamp(70px,9vw,120px) clamp(24px,7vw,100px)}
.bgb-bw-kicker{color:#244b35;font:600 10px/1.4 "Space Grotesk",sans-serif;letter-spacing:.14em;margin:0;text-transform:uppercase}
.bgb-bw-current h2,.bgb-bw-letter h2{font:400 clamp(62px,8vw,108px)/.8 "Instrument Serif",serif;letter-spacing:-.05em;margin:38px 0}
.bgb-bw-current-copy>p:not(.bgb-bw-kicker):not(.bgb-bw-meta){font-size:20px;line-height:1.65;max-width:680px}
.bgb-bw-meta{font:600 10px/1.5 "Space Grotesk",sans-serif;letter-spacing:.1em;margin:32px 0;text-transform:uppercase}
.bgb-bw-letter{background:#244b35;color:#fbf8f1;padding:clamp(92px,12vw,158px) clamp(24px,7vw,100px)}
.bgb-bw-letter-inner{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);margin:auto;max-width:1240px}
.bgb-bw-letter-image{min-height:720px}
.bgb-bw-letter-copy{border:1px solid rgba(251,248,241,.28);padding:clamp(48px,7vw,90px)}
.bgb-bw-letter .bgb-bw-kicker{color:#b8ef3b}
.bgb-bw-letter h2{color:#b8ef3b;margin-bottom:48px}
.bgb-bw-letter blockquote{border:0;margin:0 0 34px;padding:0}
.bgb-bw-letter blockquote p{font:400 clamp(25px,3.2vw,40px)/1.38 "Instrument Serif",serif;margin:0}
.bgb-bw-letter-copy>p:not(.bgb-bw-kicker):not(.bgb-bw-signature){font-size:19px;line-height:1.6}
.bgb-bw-signature{font:italic 400 28px/1.2 "Instrument Serif",serif;margin:34px 0}

/* Every Day Is a Good Day to Reset — Body Whispers */
.bgb-reset-page{background:#fbf8f1;color:#171915;font-family:"Karla",sans-serif;overflow:hidden}
.bgb-reset-article{background-color:#f5f0e5;background-image:radial-gradient(circle at 18% 22%,rgba(92,76,48,.045) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 68%,rgba(255,255,255,.52) 0 1px,transparent 1.8px),repeating-linear-gradient(8deg,rgba(76,63,42,.018) 0 1px,transparent 1px 7px),linear-gradient(105deg,rgba(255,255,255,.24),transparent 34%,rgba(111,91,55,.025) 72%,transparent);background-position:0 0,13px 17px,0 0,0 0;background-size:23px 29px,31px 37px,auto,auto}
.bgb-reset-page *{box-sizing:border-box}
.bgb-reset-hero{background:#e7f2d1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:850px}
.bgb-reset-hero-copy{align-self:end;padding:clamp(76px,8vw,124px) clamp(24px,6vw,84px)}
.bgb-reset-segment{color:#244b35;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.bgb-reset-hero h1{color:#244b35;font:400 clamp(74px,10.5vw,148px)/.76 "Instrument Serif",serif;letter-spacing:-.055em;margin:52px 0 38px;max-width:930px}
.bgb-reset-standfirst{font:400 clamp(22px,2.5vw,31px)/1.42 "Instrument Serif",serif;margin:0;max-width:750px}
.bgb-reset-meta{display:flex;flex-wrap:wrap;font:600 10px/1.5 "Space Grotesk",sans-serif;gap:12px;letter-spacing:.1em;margin-top:34px;text-transform:uppercase}
.bgb-reset-meta span+span:before{content:"·";margin-right:12px}
.bgb-reset-opening{background:#244b35;color:#fbf8f1;padding:clamp(88px,11vw,145px) clamp(24px,8vw,118px)}
.bgb-reset-opening p{font:400 clamp(44px,5.6vw,80px)/1 "Instrument Serif",serif;margin:0 auto;max-width:1600px;white-space:nowrap}
.bgb-reset-content{background:transparent;padding-bottom:clamp(80px,10vw,130px);padding-top:clamp(80px,10vw,130px)}
.bgb-reset-content>p:first-child{display:none}
.bgb-reset-content p{font-size:19px;line-height:1.66;margin:0 0 18px}
.bgb-reset-content h2{color:#244b35;font:400 clamp(48px,7vw,78px)/.92 "Instrument Serif",serif;letter-spacing:-.035em;margin:76px 0 28px}
.bgb-reset-content blockquote{border-bottom:1px solid #244b35;border-left:0;border-top:1px solid #244b35;margin:90px -12vw;padding:55px 0;text-align:center}
.bgb-reset-content blockquote p{font:italic 400 clamp(38px,5.5vw,64px)/1.05 "Instrument Serif",serif;margin:0}
.bgb-reset-signoff{padding-bottom:clamp(90px,11vw,145px)}
.bgb-reset-signoff p{font:italic 400 26px/1.2 "Instrument Serif",serif;margin:0}
.bgb-reset-signoff strong{color:#244b35;font:400 clamp(52px,7vw,84px)/1 "Instrument Serif",serif}
.bgb-reset-return{background:#ffd84b;padding:clamp(88px,11vw,145px) clamp(24px,8vw,118px)}
.bgb-reset-return>div{margin:auto;max-width:1160px}
.bgb-reset-return h2{font:400 clamp(62px,9vw,116px)/.8 "Instrument Serif",serif;letter-spacing:-.05em;margin:34px 0 48px}
@media(max-width:900px){.bgb-bw-hero,.bgb-bw-welcome-inner,.bgb-bw-current,.bgb-bw-letter-inner,.bgb-reset-hero{grid-template-columns:1fr}.bgb-bw-hero-image,.bgb-bw-current-image,.bgb-reset-hero-image{min-height:470px}.bgb-bw-letter-image{min-height:520px}.bgb-reset-content blockquote{margin-left:0;margin-right:0}}
@media(max-width:900px){.bgb-reset-opening p{white-space:normal}}

/* Bioculture Edit article template */

.bgb-be-article-main {
    background: var(--bgb-light-paper);
}

.bgb-be-article-header {
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-be-article-header-inner {
    padding-top: clamp(82px, 11vw, 155px);
    padding-bottom: clamp(86px, 12vw, 170px);
}

.bgb-be-article-segment {
    display: inline-block;
    margin-bottom: clamp(34px, 5vw, 60px);
    color: var(--bgb-electric-green) !important;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-be-article-header h1 {
    max-width: 1050px;
    margin: 0;
    color: var(--bgb-light-paper);
    font-size: clamp(6.5rem, 11vw, 15rem);
    line-height: .78;
    letter-spacing: -.055em;
}

.bgb-be-article-excerpt {
    max-width: 780px;
    margin: clamp(42px, 6vw, 72px) 0 32px;
    color: rgb(251 248 241 / .88);
    font-size: clamp(2rem, 2.6vw, 3rem);
    line-height: 1.4;
}

.bgb-be-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    color: rgb(251 248 241 / .68);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bgb-be-article-image {
    margin: 0;
    padding-top: clamp(34px, 5vw, 70px);
    background: var(--bgb-light-paper);
}

.bgb-be-article-image img {
    width: 100%;
    max-height: 760px;
    object-fit: cover;
}

.bgb-be-article-image figcaption {
    margin-top: 10px;
    color: rgb(23 25 21 / .62);
    font-size: 1.2rem;
}

.bgb-be-article-content {
    padding-top: clamp(74px, 10vw, 135px);
    padding-bottom: clamp(84px, 11vw, 150px);
}

.bgb-be-article-content > p:first-child {
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(2.8rem, 4vw, 4.8rem);
    line-height: 1.12;
}

.bgb-be-article-content blockquote {
    margin-top: clamp(50px, 7vw, 84px);
    margin-bottom: clamp(50px, 7vw, 84px);
    color: var(--bgb-deep-green);
    border-left-color: var(--bgb-electric-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(2.8rem, 4vw, 4.6rem);
    line-height: 1.12;
}

.bgb-be-article-end {
    padding-bottom: clamp(82px, 11vw, 150px);
}

.bgb-be-related {
    padding-top: clamp(70px, 9vw, 125px);
    padding-bottom: clamp(82px, 10vw, 140px);
    background: var(--bgb-soft-green);
}

.bgb-be-related h2 {
    max-width: 10ch;
    margin: 0 0 clamp(42px, 6vw, 72px);
    color: var(--bgb-deep-green);
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .82;
}

.bgb-be-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.bgb-be-related-grid .gh-card {
    border-top: 1px solid var(--bgb-deep-green);
}

/* Source content foundation, restyled for BGB */

.gh-main,
.gh-container,
.gh-featured,
.gh-header {
    background: var(--bgb-warm-paper);
}

.gh-article-title,
.gh-header-title,
.gh-container-title {
    color: var(--bgb-ink);
}

.gh-article-title {
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .84;
}

.gh-article-excerpt,
.gh-content {
    font-family: "Karla", Arial, sans-serif;
}

.gh-content {
    font-size: clamp(1.75rem, 1.3vw, 2rem);
    line-height: 1.72;
}

.gh-content :is(h2, h3, h4) {
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
}

.gh-content h2 {
    font-size: clamp(3.7rem, 5vw, 6.5rem);
    line-height: .95;
}

.gh-content h3 {
    font-size: clamp(2.8rem, 3.5vw, 4.5rem);
    line-height: 1;
}

.gh-content a {
    text-decoration-color: var(--bgb-deep-green);
    text-decoration-thickness: 1px;
    text-underline-offset: .16em;
}

.gh-card-title,
.gh-featured-title {
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
}

.gh-card-tag,
.gh-article-tag,
.gh-card-meta,
.gh-article-meta {
    font-family: "Space Grotesk", Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.gh-button {
    color: var(--bgb-ink);
    background: var(--bgb-electric-green);
    border-radius: 0;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Ghost memberships and future CommonUnity capture */

.bgb-site .gh-cta-inner {
    color: var(--bgb-light-paper);
    background: var(--bgb-signup-background);
}

.bgb-site .gh-cta-description {
    color: rgb(251 248 241 / .82);
}

.bgb-site .gh-cta .gh-form {
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
    border-bottom: 0;
}

.bgb-site .gh-cta .gh-form-input,
.bgb-site .gh-cta .gh-form-input::placeholder {
    color: var(--bgb-ink);
}

.bgb-site .gh-cta .gh-button {
    color: var(--bgb-ink);
    background: var(--bgb-signup-action);
}

.gh-form {
    height: auto;
    min-height: 58px;
    background: transparent;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
}

.gh-form-input {
    border-radius: 0;
    font-family: "Karla", Arial, sans-serif;
}

.gh-form .gh-button {
    margin: 6px;
}

/* Native rich-media cards */

.gh-content :is(.kg-audio-card, .kg-file-card, .kg-product-card) {
    color: var(--bgb-ink);
    background: var(--bgb-light-paper);
    border: 1px solid rgb(23 25 21 / .24);
    border-radius: 0;
    box-shadow: none;
}

.gh-content :is(.kg-audio-card, .kg-file-card) :is(button, a) {
    border-radius: 0;
}

.gh-content :is(.kg-video-card, .kg-embed-card, .kg-gallery-card) {
    overflow: hidden;
    background: var(--bgb-ink);
}

.gh-content .kg-callout-card {
    color: var(--bgb-deep-green) !important;
    background: var(--bgb-highlight-background) !important;
    border: 1px solid rgb(36 75 53 / .22);
    border-radius: 0;
    box-shadow: none;
}

.gh-content .kg-signup-card {
    color: var(--bgb-light-paper) !important;
    background: var(--bgb-signup-background) !important;
    border-radius: 0;
}

.gh-content .kg-signup-card :is(h2, h3, p, span) {
    color: inherit !important;
}

.gh-content .kg-signup-card input {
    color: var(--bgb-ink) !important;
    background: var(--bgb-light-paper) !important;
}

.gh-content .kg-signup-card input::placeholder {
    color: rgb(23 25 21 / .62) !important;
}

.gh-content .kg-signup-card button,
.gh-content .kg-signup-card .kg-signup-card-button {
    color: var(--bgb-ink) !important;
    background: var(--bgb-signup-action) !important;
}

.gh-content .kg-signup-card :is(input, button, .kg-signup-card-button) {
    border-radius: 0 !important;
}

.gh-content .kg-button-card a.kg-btn,
.gh-content .kg-callout-card a {
    border-radius: 0;
}

/* Global footer */

.gh-footer.bgb-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 1;
    padding: clamp(70px, 8vw, 110px) 0 42px;
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-footer .gh-footer-inner {
    display: block;
}

.bgb-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: clamp(50px, 9vw, 130px);
    align-items: end;
}

.bgb-footer-wordmark {
    display: inline-grid;
    gap: 0;
    color: var(--bgb-electric-green) !important;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(4rem, 8vw, 9rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.072em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-footer-wordmark span {
    display: block;
    line-height: .72;
}

.bgb-footer-wordmark span + span {
    margin-top: -.12em;
}

.bgb-footer-navigation .nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bgb-footer-navigation a {
    display: inline-block;
    padding-bottom: 4px;
    color: var(--bgb-light-paper) !important;
    border-bottom: 1px solid rgb(251 248 241 / .22);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.4;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-footer-navigation a:hover {
    color: var(--bgb-electric-green) !important;
    border-bottom-color: var(--bgb-electric-green);
}

.bgb-health-disclaimer {
    max-width: 920px;
    margin-top: 52px;
    padding-top: 24px;
    color: rgb(251 248 241 / .74);
    border-top: 1px solid rgb(251 248 241 / .24);
    font-size: 1.3rem;
    line-height: 1.65;
}

.bgb-footer-base {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: end;
    margin-top: 30px;
}

.bgb-footer-base p {
    color: rgb(251 248 241 / .62);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.bgb-back-to-top {
    display: inline-grid;
    width: 64px;
    aspect-ratio: 1;
    place-items: center;
    color: var(--bgb-electric-green) !important;
    border: 1px solid var(--bgb-electric-green);
    border-radius: 50%;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
}

.bgb-floating-top {
    position: fixed;
    right: clamp(18px, 2.5vw, 38px);
    bottom: clamp(18px, 2.5vw, 38px);
    z-index: 999;
    display: grid;
    width: 64px;
    height: 64px;
    padding: 9px;
    place-content: center;
    place-items: center;
    color: var(--bgb-light-paper);
    border: 1px solid rgba(251, 248, 241, .42);
    border-radius: 50%;
    background: var(--bgb-deep-green);
    box-shadow: 0 10px 32px rgba(16, 25, 18, .22);
    cursor: pointer;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .22s ease, transform .22s ease, color .18s ease, background-color .18s ease;
    pointer-events: none;
}

.bgb-floating-top.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.bgb-floating-top svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.bgb-floating-top span {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;
}

.bgb-floating-top:hover,
.bgb-floating-top:focus-visible {
    color: var(--bgb-deep-green);
    border-color: var(--bgb-electric-green);
    background: var(--bgb-electric-green);
}

.bgb-floating-top:focus-visible {
    outline: 3px solid var(--bgb-sunny-yellow);
    outline-offset: 4px;
}

@media (max-width: 600px) {
    .bgb-floating-top {
        width: 54px;
        height: 54px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bgb-floating-top {
        transition: none;
    }
}

/* Bioculture Edit landing page */

.bgb-be-wrap {
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.bgb-be-hero {
    position: relative;
    isolation: isolate;
    min-height: 670px;
    padding: clamp(86px, 13vw, 150px) 0 92px;
    overflow: hidden;
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-be-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, rgb(23 25 21 / .96) 0%, rgb(23 25 21 / .88) 42%, rgb(23 25 21 / .24) 72%, rgb(23 25 21 / .08) 100%);
}

.bgb-be-hero-image {
    position: absolute;
    z-index: -2;
    inset: 0;
    margin: 0;
}

.bgb-be-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bgb-be-hero h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bgb-electric-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(8rem, 14vw, 18rem);
    font-weight: 400;
    line-height: .74;
    letter-spacing: -.055em;
}

.bgb-be-tagline {
    max-width: 700px;
    margin: 38px 0 0;
    font-size: clamp(2.3rem, 3vw, 3.8rem);
    line-height: 1.08;
}

.bgb-be-support {
    max-width: 680px;
    margin: 22px 0 0;
    font-size: 1.7rem;
    line-height: 1.6;
}

.bgb-be-intro {
    max-width: 750px;
    margin: 28px 0 0;
    color: rgb(251 248 241 / .88);
    font-size: 1.65rem;
    line-height: 1.7;
}

.bgb-be-hero > .bgb-be-wrap {
    position: relative;
    z-index: 1;
}

@media (max-width: 760px) {
    .bgb-be-hero::after {
        background: linear-gradient(180deg, rgb(23 25 21 / .93) 0%, rgb(23 25 21 / .86) 68%, rgb(23 25 21 / .65) 100%);
    }

    .bgb-be-hero-image img { object-position: 62% center; }
}

.bgb-be-primary-action {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    margin-top: 34px;
    padding: 14px 19px;
    color: var(--bgb-ink);
    background: var(--bgb-sunny-yellow);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-be-welcome {
    padding: clamp(90px, 13vw, 155px) 0;
    background: var(--bgb-light-paper);
}

.bgb-be-welcome-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(55px, 10vw, 130px);
}

.bgb-be-welcome h2 {
    margin: 0;
    color: var(--bgb-deep-green);
    font-size: clamp(6rem, 9vw, 13rem);
    line-height: .8;
}

.bgb-be-welcome-copy {
    padding-top: 8px;
    font-size: clamp(1.8rem, 1.8vw, 2.1rem);
    line-height: 1.7;
}

.bgb-be-welcome-copy p + p {
    margin-top: 26px;
}

.bgb-be-pathways {
    padding: clamp(88px, 12vw, 145px) 0;
    background: var(--bgb-soft-green);
}

.bgb-be-pathways-head {
    display: grid;
    grid-template-columns: minmax(0, .55fr) minmax(0, 1.45fr);
    gap: 42px;
    margin-bottom: 76px;
}

.bgb-be-section-number,
.bgb-be-pathway-index {
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
}

.bgb-be-section-number {
    font-size: 8rem;
    line-height: .72;
}

.bgb-be-pathways h2 {
    max-width: 850px;
    margin: 0;
    font-size: clamp(5.5rem, 8vw, 11rem);
    line-height: .82;
}

.bgb-be-pathway-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgb(23 25 21 / .42);
    list-style: none;
}

.bgb-be-pathway {
    border-bottom: 1px solid rgb(23 25 21 / .42);
}

.bgb-be-pathway > a {
    display: grid;
    grid-template-columns: 70px minmax(240px, .72fr) minmax(0, 1.28fr);
    gap: clamp(22px, 5vw, 70px);
    align-items: center;
    padding: 42px 0;
    color: var(--bgb-ink);
    text-decoration: none;
}

.bgb-be-pathway > a:hover h3,
.bgb-be-pathway > a:focus-visible h3 {
    color: var(--bgb-deep-green);
}

.bgb-be-pathway figure {
    aspect-ratio: 16 / 10;
    margin: 0;
    overflow: hidden;
    background: var(--bgb-deep-green);
}

.bgb-be-pathway figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.bgb-be-pathway-image-fallback {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--bgb-deep-green), #45684f 58%, var(--bgb-electric-green));
}

.bgb-be-pathway > a:hover figure img { transform: scale(1.025); }

.bgb-be-pathway-copy {
    align-self: center;
}

.bgb-be-pathway-index {
    font-size: 4.3rem;
    line-height: .8;
}

.bgb-be-pathway h3 {
    margin: 16px 0 20px;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.2rem, 4vw, 5.2rem);
    font-weight: 400;
    line-height: .95;
    letter-spacing: -.035em;
}

.bgb-be-pathway p {
    max-width: 600px;
    margin: 0;
    font-size: 1.65rem;
    line-height: 1.6;
}

.bgb-be-pathway .bgb-be-pathway-label,
.bgb-be-pathway .bgb-be-pathway-link {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-be-pathway .bgb-be-pathway-label {
    color: var(--bgb-deep-green);
}

.bgb-be-pathway .bgb-be-pathway-link {
    display: inline-block;
    margin-top: 24px;
    border-bottom: 1px solid currentColor;
}

.bgb-be-current {
    padding: clamp(94px, 13vw, 160px) 0;
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-be-current-grid {
    display: grid;
    grid-template-columns: minmax(0, .48fr) minmax(0, 1.52fr);
    gap: clamp(48px, 9vw, 125px);
}

.bgb-be-current-meta,
.bgb-be-byline,
.bgb-be-read-link {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bgb-be-current-meta {
    color: var(--bgb-electric-green);
    font-size: 1.1rem;
    line-height: 1.6;
}

.bgb-be-current h2 {
    max-width: 900px;
    margin: 0;
    color: var(--bgb-sunny-yellow);
    font-size: clamp(6.5rem, 10vw, 14rem);
    line-height: .78;
}

.bgb-be-current-description {
    max-width: 690px;
    margin: 34px 0 0;
    font-size: clamp(1.8rem, 1.8vw, 2.1rem);
    line-height: 1.65;
}

.bgb-be-byline {
    margin: 28px 0 0;
    color: rgb(251 248 241 / .72);
    font-size: 1.1rem;
}

.bgb-be-read-link {
    display: inline-flex;
    gap: 12px;
    margin-top: 34px;
    padding-bottom: 7px;
    color: var(--bgb-electric-green);
    border-bottom: 1px solid var(--bgb-electric-green);
    font-size: 1.1rem;
    text-decoration: none;
}

.bgb-be-closing {
    position: relative;
    padding: clamp(100px, 15vw, 180px) 0;
    overflow: hidden;
    background: var(--bgb-sunny-yellow);
}

.bgb-be-closing h2 {
    position: relative;
    z-index: 1;
    max-width: 1030px;
    margin: 0;
    font-size: clamp(6.5rem, 11vw, 16rem);
    line-height: .78;
}

.bgb-be-closing-ring {
    position: absolute;
    width: 430px;
    aspect-ratio: 1;
    right: -170px;
    bottom: -260px;
    border: 70px solid rgb(36 75 53 / .18);
    border-radius: 50%;
}

/* Curious Beginner article system */

.bgb-cb-article-main {
    background: var(--bgb-light-paper);
}

.bgb-cb-article-header {
    color: var(--bgb-light-paper);
    background: var(--bgb-ink);
}

.bgb-cb-article-header-inner {
    padding-top: clamp(76px, 10vw, 140px);
    padding-bottom: clamp(82px, 11vw, 155px);
}

.bgb-cb-article-segment {
    display: inline-block;
    margin-bottom: clamp(34px, 5vw, 60px);
    color: var(--bgb-electric-green) !important;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-cb-article-header h1 {
    max-width: 1050px;
    margin: 0;
    color: var(--bgb-light-paper);
    font-size: clamp(6.2rem, 10vw, 14rem);
    line-height: .78;
    letter-spacing: -.055em;
}

.bgb-cb-article-excerpt {
    max-width: 780px;
    margin: clamp(40px, 5vw, 68px) 0 30px;
    color: rgb(251 248 241 / .82);
    font-size: clamp(2rem, 2.6vw, 3rem);
    line-height: 1.4;
}

.bgb-cb-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    color: rgb(251 248 241 / .62);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.bgb-cb-article-image {
    margin: 0;
    padding-top: clamp(32px, 5vw, 66px);
    background: var(--bgb-light-paper);
}

.bgb-cb-article-image img {
    width: 100%;
    max-height: 760px;
    object-fit: cover;
}

.bgb-cb-article-content {
    padding-top: clamp(74px, 10vw, 132px);
    padding-bottom: clamp(84px, 11vw, 148px);
}

.bgb-cb-article-content > p:first-child,
.bgb-cb-article-content .bgb-article-lead {
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4.4vw, 5.2rem);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.bgb-cb-article-content h2 {
    margin-top: clamp(76px, 10vw, 112px);
    color: var(--bgb-deep-green);
    font-size: clamp(4.5rem, 7vw, 8.4rem);
    line-height: .9;
}

.bgb-cb-article-content blockquote,
.bgb-cb-article-content .bgb-article-quote {
    margin-top: clamp(56px, 8vw, 90px);
    margin-bottom: clamp(56px, 8vw, 90px);
    color: var(--bgb-deep-green);
    border-left: 10px solid var(--bgb-electric-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.2rem, 5vw, 5.8rem);
    line-height: 1;
}

.bgb-article-definition {
    margin: clamp(54px, 7vw, 78px) 0;
    padding: clamp(34px, 5vw, 54px);
    color: var(--bgb-deep-green);
    border-top: 8px solid var(--bgb-electric-green);
    background: var(--bgb-soft-green);
}

.bgb-article-definition small,
.bgb-fasting-observation small,
.bgb-fasting-window small,
.bgb-article-safety strong {
    display: block;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bgb-article-definition strong {
    display: block;
    margin-top: 20px;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4.4vw, 5rem);
    font-weight: 400;
    line-height: 1.05;
}

.bgb-cb-article-end {
    padding-bottom: clamp(82px, 11vw, 150px);
}

.bgb-cb-article-related {
    padding-top: clamp(76px, 10vw, 130px);
    padding-bottom: clamp(82px, 10vw, 140px);
    background: var(--bgb-soft-green);
}

.bgb-cb-article-related h2 {
    max-width: 10ch;
    margin: 0 0 clamp(42px, 6vw, 72px);
    color: var(--bgb-deep-green);
    font-size: clamp(5rem, 8vw, 10rem);
    line-height: .82;
}

.bgb-cb-article-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.bgb-cb-article-related-grid .gh-card {
    border-top: 1px solid var(--bgb-deep-green);
}

.bgb-article-jcoy {
    margin: 0;
}

/* Intermittent fasting article */

.bgb-fasting-article-header {
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(280px, .68fr);
}

.bgb-fasting-article-header-copy {
    align-self: end;
    padding: clamp(72px, 10vw, 140px) clamp(24px, 6vw, 82px);
}

.bgb-fasting-article-art {
    position: relative;
    margin: 0;
    min-height: 680px;
    overflow: hidden;
    background: var(--bgb-warm-paper);
}

.bgb-fasting-article-art img {
    width: 100%;
    height: 100%;
    min-height: 680px;
    object-fit: cover;
}

.bgb-fasting-article-art figcaption {
    position: absolute;
    right: 18px;
    bottom: 14px;
    left: 18px;
    padding: 8px 10px;
    color: var(--bgb-light-paper);
    background: rgb(18 31 22 / .72);
    font-size: 1.1rem;
}

.bgb-fasting-context,
.bgb-fasting-windows,
.bgb-fasting-observation {
    grid-column: full;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    transform: translateX(0);
    box-sizing: border-box;
}

.bgb-fasting-context {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: clamp(44px, 8vw, 110px);
    margin-block: clamp(84px, 12vw, 150px);
    padding: clamp(76px, 9vw, 120px) max(var(--container-gap), calc((100% - var(--container-width)) / 2));
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-fasting-context h2 {
    align-self: start;
    margin: 0;
    color: var(--bgb-electric-green);
}

.bgb-fasting-context-copy {
    align-self: end;
}

.bgb-fasting-windows {
    margin-block: clamp(84px, 12vw, 150px);
    padding: clamp(76px, 9vw, 120px) max(var(--container-gap), calc((100% - var(--container-width)) / 2));
    background: var(--bgb-warm-paper);
}

.bgb-fasting-windows > h2 {
    max-width: 860px;
    margin: 0 0 clamp(44px, 7vw, 72px);
}

.bgb-fasting-window-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    width: 100%;
}

.bgb-fasting-window {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 390px;
    padding: 38px;
    background: var(--bgb-light-paper);
    box-sizing: border-box;
}

.bgb-fasting-window:nth-child(2) {
    background: var(--bgb-electric-green);
}

.bgb-fasting-window:nth-child(3) {
    background: var(--bgb-soft-green);
}

.bgb-fasting-window b {
    display: block;
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 7.2rem;
    font-weight: 400;
    line-height: 1;
}

.bgb-fasting-window h3 {
    margin: 38px 0 18px;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1;
}

.bgb-fasting-window p {
    font-size: 1.6rem;
    line-height: 1.55;
}

.bgb-fasting-window small {
    display: block;
    margin-top: auto;
    padding-top: 36px;
}

.bgb-fasting-observation {
    display: grid;
    grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
    margin-block: clamp(84px, 12vw, 150px);
    background: var(--bgb-sunny-yellow);
}

.bgb-fasting-seven {
    display: grid;
    min-height: 520px;
    place-items: center;
    color: var(--bgb-electric-green);
    background: var(--bgb-ink);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(13rem, 24vw, 28rem);
    line-height: 1;
}

.bgb-fasting-observation-copy {
    align-self: center;
    padding: clamp(54px, 8vw, 96px);
}

.bgb-fasting-observation-copy h2 {
    margin: 28px 0;
    color: var(--bgb-ink);
}

.bgb-article-safety {
    margin-top: clamp(58px, 8vw, 86px);
    padding: 36px;
    color: var(--bgb-ink);
    border: 1px solid var(--bgb-deep-green);
    background: var(--bgb-soft-green);
}

.bgb-article-safety p {
    margin: 16px 0 0;
    font-size: 1.6rem;
    line-height: 1.55;
}

.bgb-fasting-ending {
    margin-top: clamp(84px, 12vw, 150px);
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(4rem, 7vw, 8rem);
    line-height: .96;
    text-align: center;
}

.bgb-article-sources {
    margin-top: clamp(82px, 10vw, 120px);
    padding-top: 28px;
    border-top: 1px solid var(--bgb-deep-green);
}

.bgb-article-sources h2 {
    margin-top: 0;
    font-size: clamp(3.6rem, 5vw, 5.6rem);
}

/* Biomarkers article modules */

.bgb-biomarker-group-title {
    margin-top: clamp(82px, 11vw, 124px) !important;
}

.bgb-biomarker {
    margin: 0;
    padding: 38px 0 42px;
    border-top: 1px solid rgb(23 25 21 / .46);
}

.bgb-biomarker:last-of-type {
    border-bottom: 1px solid rgb(23 25 21 / .46);
}

.bgb-biomarker-header {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.bgb-biomarker-index {
    color: var(--bgb-deep-green);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 5rem;
    line-height: .8;
}

.bgb-biomarker h3 {
    margin: 0 0 14px;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3rem, 4.5vw, 5rem);
    font-weight: 400;
    line-height: 1;
}

.bgb-biomarker-why {
    margin: 0 0 26px;
    line-height: 1.7;
}

.bgb-biomarker-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 0 84px;
    background: var(--bgb-soft-green);
}

.bgb-biomarker-details > div {
    padding: 20px;
    border-right: 1px solid rgb(36 75 53 / .22);
}

.bgb-biomarker-details > div:last-child {
    border-right: 0;
}

.bgb-biomarker-details dt {
    margin-bottom: 8px;
    color: var(--bgb-deep-green);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bgb-biomarker-details dd {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.48;
}

.bgb-biomarker-note {
    margin: 22px 0 0 84px;
    line-height: 1.68;
}

.bgb-biowide-context {
    grid-column: wide;
    margin-block: clamp(62px, 9vw, 94px);
    padding: clamp(34px, 5vw, 52px);
    color: var(--bgb-light-paper);
    background: var(--bgb-deep-green);
}

.bgb-biowide-context small {
    display: block;
    margin-bottom: 18px;
    color: var(--bgb-electric-green);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bgb-biowide-context p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.7;
}

.bgb-biomarker-steps {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--bgb-ink);
}

.bgb-biomarker-steps li {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 26px;
    padding: 24px 0;
    border-bottom: 1px solid var(--bgb-ink);
    line-height: 1.65;
}

.bgb-biomarker-steps strong {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    #gh-navigation.bgb-navigation {
        height: auto;
    }

    .bgb-navigation-brand-field {
        position: relative;
        z-index: 2;
        padding: 24px 0 22px;
    }

    .bgb-navigation-brand-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 12px 18px;
        align-items: start;
        min-height: 64px;
    }

    .bgb-wordmark {
        display: inline-grid;
        grid-column: 1;
        grid-row: 1 / 3;
        gap: 0;
        font-size: clamp(3.7rem, 13vw, 5.5rem);
        line-height: 1;
        white-space: normal;
    }

    .bgb-wordmark span {
        display: block;
        line-height: .72;
    }

    .bgb-wordmark span + span {
        margin-top: -.12em;
    }

    .bgb-mobile-controls {
        display: flex;
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
    }

    .bgb-edition-marker {
        grid-column: 2;
        grid-row: 1;
        max-width: 22ch;
        font-size: .82rem;
        line-height: 1.4;
        letter-spacing: .08em;
    }

    .bgb-mobile-controls .gh-icon-button {
        color: var(--bgb-ink) !important;
    }

    #gh-navigation .gh-navigation-inner {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 28px;
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    #gh-navigation .gh-navigation-menu,
    #gh-navigation .gh-navigation-actions {
        display: none;
        position: static;
        visibility: visible;
        opacity: 1;
    }

    #gh-navigation.is-open {
        position: fixed;
        inset: 0;
        z-index: 3999999;
        height: 100%;
        overflow-y: auto;
        background: var(--bgb-ink);
    }

    #gh-navigation.is-open .gh-navigation-menu,
    #gh-navigation.is-open .gh-navigation-actions {
        display: flex;
    }

    #gh-navigation.is-open .gh-navigation-inner {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    #gh-navigation.is-open .nav {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    #gh-navigation.is-open .nav a,
    #gh-navigation.is-open .gh-navigation-actions a {
        font-size: 1.6rem;
    }

    #gh-navigation.is-open .bgb-segments-dropdown {
        width: 100%;
    }

    #gh-navigation.is-open .bgb-segments-dropdown details > summary {
        font-size: 1.6rem;
    }

    #gh-navigation.is-open .bgb-segments-dropdown-panel {
        position: static;
        width: 100%;
        margin-top: 16px;
        box-shadow: 5px 5px 0 var(--bgb-sunny-yellow);
    }

    #gh-navigation.is-open .gh-navigation-actions {
        position: static;
        align-items: flex-start;
        padding: 0;
        text-align: left;
    }

    .bgb-home-hero-inner {
        padding-top: 72px;
        padding-bottom: 82px;
    }

    .bgb-home-hero h1 {
        font-size: clamp(5.4rem, 18vw, 9rem);
        line-height: .78;
    }

    .bgb-home-section-heading--split,
    .bgb-lead-story {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bgb-home-section-heading--split {
        align-items: start;
    }

    .bgb-home-section-heading h2 {
        font-size: clamp(4.8rem, 17vw, 7.2rem);
    }

    .bgb-lead-story-image {
        min-height: 0;
        aspect-ratio: 4 / 3;
    }

    .bgb-lead-story-copy {
        padding: 38px 24px 44px;
    }

    .bgb-segment-grid,
    .bgb-home-post-grid {
        grid-template-columns: 1fr;
    }

    .bgb-segment-grid a:nth-child(n) {
        padding-right: 0;
        padding-left: 0;
        border-right: 0;
    }

    .jcoy-home-fields {
        grid-template-columns: 1fr;
    }

    .jcoy-home-fields button {
        width: 100%;
    }

    .bgb-cb-index {
        position: static;
        margin-bottom: 32px;
        font-size: 5rem;
    }

    .bgb-cb-hero h1 {
        font-size: clamp(7rem, 23vw, 11rem);
    }

    .bgb-cb-welcome-grid,
    .bgb-cb-pathways-heading,
    .bgb-cb-feature-grid {
        grid-template-columns: 1fr;
    }

    .bgb-cb-welcome-grid,
    .bgb-cb-pathways-heading {
        gap: 38px;
    }

    .bgb-cb-pathway-list li {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 18px;
    }

    .bgb-cb-feature-image {
        min-height: 0;
        aspect-ratio: 4 / 3;
    }

    .bgb-cb-feature-copy {
        padding: 38px 24px 44px;
    }

    .bgb-cb-post-grid {
        grid-template-columns: 1fr;
    }

    .bgb-cb-article-header h1 {
        font-size: clamp(5.8rem, 18vw, 9rem);
    }

    .bgb-cb-article-related-grid,
    .bgb-fasting-article-header,
    .bgb-fasting-context,
    .bgb-fasting-window-grid,
    .bgb-fasting-observation {
        grid-template-columns: 1fr;
    }

    .bgb-fasting-article-art,
    .bgb-fasting-article-art img {
        min-height: 310px;
    }

    .bgb-fasting-context,
    .bgb-fasting-windows {
        padding-right: 20px;
        padding-left: 20px;
    }

    .bgb-fasting-window {
        min-height: 330px;
    }

    .bgb-fasting-seven {
        min-height: 260px;
    }

    .bgb-biomarker-header {
        grid-template-columns: 46px minmax(0, 1fr);
    }

    .bgb-biomarker-details {
        grid-template-columns: 1fr;
        margin-left: 0;
    }

    .bgb-biomarker-details > div {
        border-right: 0;
        border-bottom: 1px solid rgb(36 75 53 / .22);
    }

    .bgb-biomarker-details > div:last-child {
        border-bottom: 0;
    }

    .bgb-biomarker-note {
        margin-left: 0;
    }

    .bgb-biomarker-steps li {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .bgb-bw-hero h1 {
        font-size: clamp(7rem, 24vw, 11rem);
    }

    .bgb-bw-post-grid {
        grid-template-columns: 1fr;
    }

    .bgb-be-article-header h1 {
        font-size: clamp(5.8rem, 19vw, 9rem);
    }

    .bgb-be-related-grid {
        grid-template-columns: 1fr;
    }

    .bgb-be-wrap {
        width: min(100% - 36px, 1180px);
    }

    .bgb-be-hero {
        min-height: 0;
        padding: 84px 0 76px;
    }

    .bgb-be-hero h1 {
        max-width: 520px;
        font-size: clamp(8rem, 23vw, 13rem);
    }

    .bgb-be-welcome-grid,
    .bgb-be-pathways-head,
    .bgb-be-current-grid {
        grid-template-columns: 1fr;
    }

    .bgb-be-welcome-grid {
        gap: 48px;
    }

    .bgb-be-pathways-head {
        gap: 28px;
        margin-bottom: 56px;
    }

    .bgb-be-section-number {
        font-size: 6rem;
    }

    .bgb-be-pathway > a {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 20px;
    }

    .bgb-be-pathway figure,
    .bgb-be-pathway-copy {
        grid-column: 2;
    }

    .bgb-be-current-grid {
        gap: 38px;
    }
}

@media (max-width: 420px) {
    .bgb-be-hero h1 {
        font-size: 8.2rem;
    }

    .bgb-be-tagline {
        font-size: 2.5rem;
    }

    .bgb-be-pathway > a {
        grid-template-columns: 1fr;
    }

    .bgb-be-pathway figure,
    .bgb-be-pathway-copy {
        grid-column: 1;
    }

    .bgb-footer-base {
        align-items: flex-end;
    }

    .bgb-footer-top {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .bgb-footer-navigation {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .bgb-footer-navigation .nav {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Dear Beautiful Black Girl — evergreen Body Whispers letter */
.bgb-love-letter-page {
    --letter-ink: #151814;
    --letter-green: #174c38;
    --letter-electric: #b6f32b;
    --letter-yellow: #ffd548;
    --letter-paper: #f5f0e6;
    --letter-soft: #e8f2d4;
    background: var(--letter-paper);
    color: var(--letter-ink);
}

.bgb-love-letter-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    min-height: 720px;
    background: var(--letter-ink);
}

.bgb-love-letter-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(72px, 8vw, 140px) clamp(36px, 7vw, 130px);
}

.bgb-love-letter-segment,
.bgb-love-letter-meta {
    font-family: "Space Grotesk", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bgb-love-letter-segment {
    width: fit-content;
    margin-bottom: 44px;
    color: var(--letter-electric);
    text-decoration: none;
}

.bgb-love-letter-hero h1 {
    max-width: 760px;
    margin: 0;
    color: var(--letter-paper);
    font-family: "Instrument Serif", serif;
    font-size: clamp(6.4rem, 9vw, 14rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .78;
}

.bgb-love-letter-standfirst {
    max-width: 660px;
    margin: 50px 0 0;
    color: rgba(245, 240, 230, .76);
    font-family: Karla, sans-serif;
    font-size: clamp(1.8rem, 2vw, 2.5rem);
    line-height: 1.48;
}

.bgb-love-letter-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 42px;
    color: rgba(245, 240, 230, .58);
}

.bgb-love-letter-meta span + span::before {
    content: "·";
    margin-right: 24px;
    color: var(--letter-yellow);
}

.bgb-love-letter-hero-image {
    min-height: 720px;
    margin: 0;
    background: var(--letter-soft);
    overflow: hidden;
}

.bgb-love-letter-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgb-love-letter-paper {
    position: relative;
    padding: clamp(82px, 11vw, 170px) 24px;
    border-top: 12px solid var(--letter-yellow);
    background-color: var(--letter-paper);
    background-image:
        radial-gradient(circle at 18% 22%, rgba(92, 76, 48, .045) 0 1px, transparent 1.5px),
        radial-gradient(circle at 72% 68%, rgba(255, 255, 255, .52) 0 1px, transparent 1.8px),
        repeating-linear-gradient(8deg, rgba(76, 63, 42, .018) 0 1px, transparent 1px 7px),
        linear-gradient(105deg, rgba(255, 255, 255, .24), transparent 34%, rgba(111, 91, 55, .025) 72%, transparent);
    background-position: 0 0, 13px 17px, 0 0, 0 0;
    background-size: 23px 29px, 31px 37px, auto, auto;
}

.bgb-love-letter-paper::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(92deg, transparent 0 68px, rgba(73, 61, 41, .014) 69px 70px, transparent 71px 126px);
    content: "";
    mix-blend-mode: multiply;
}

.bgb-love-letter-content {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    padding: 0;
}

.bgb-love-letter-content p,
.bgb-love-letter-content li {
    color: var(--letter-ink);
    font-family: Karla, sans-serif;
    font-size: clamp(1.8rem, 1.7vw, 2.15rem);
    line-height: 1.75;
}

.bgb-love-letter-content p {
    margin: 0 0 1.5em;
}

.bgb-love-letter-content .bgb-love-letter-salutation {
    margin: 0 0 1.35em;
    color: var(--letter-green);
    font-family: "Instrument Serif", serif;
    font-size: clamp(4rem, 5.5vw, 6.8rem);
    letter-spacing: -.035em;
    line-height: 1;
}

.bgb-love-letter-content h2 {
    margin: 2.2em 0 .65em;
    color: var(--letter-green);
    font-family: "Instrument Serif", serif;
    font-size: clamp(4rem, 5vw, 6.5rem);
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: .95;
}

.bgb-love-letter-content blockquote {
    margin: 2.4em 0;
    padding: 8px 0 8px 30px;
    border-left: 5px solid var(--letter-electric);
    color: var(--letter-green);
    font-family: "Instrument Serif", serif;
    font-size: clamp(3rem, 4vw, 4.8rem);
    letter-spacing: -.025em;
    line-height: 1.08;
}

.bgb-love-letter-content blockquote p {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

.bgb-love-letter-content strong {
    color: var(--letter-green);
}

.bgb-love-letter-return {
    padding: clamp(70px, 9vw, 130px) 28px;
    background: var(--letter-ink);
    color: var(--letter-paper);
    text-align: center;
}

.bgb-love-letter-return > div {
    max-width: 1000px;
    margin: 0 auto;
}

.bgb-love-letter-return .bgb-bw-kicker {
    color: var(--letter-electric);
}

.bgb-love-letter-return h2 {
    margin: 22px 0 38px;
    color: var(--letter-paper);
    font-family: "Instrument Serif", serif;
    font-size: clamp(5rem, 8vw, 10rem);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: .88;
}

.bgb-love-letter-return .bgb-bw-text-link {
    color: var(--letter-paper);
}

@media (max-width: 900px) {
    .bgb-love-letter-hero {
        grid-template-columns: 1fr;
    }

    .bgb-love-letter-hero-copy {
        min-height: 620px;
    }

    .bgb-love-letter-hero-image {
        min-height: 60vw;
        max-height: 720px;
    }
}

@media (max-width: 520px) {
    .bgb-love-letter-hero-copy {
        min-height: 540px;
        padding: 72px 26px;
    }

    .bgb-love-letter-hero h1 {
        font-size: clamp(5.8rem, 21vw, 8rem);
    }

    .bgb-love-letter-meta {
        display: grid;
    }

    .bgb-love-letter-meta span + span::before {
        content: none;
    }

    .bgb-love-letter-paper { padding-right: 26px; padding-left: 26px; }
}

/* Longevity Lens landing page */
.bgb-ll-page {
    --ll-ink: #171915;
    --ll-deep: #244b35;
    --ll-electric: #b8ef3b;
    --ll-yellow: #ffd84b;
    --ll-paper: #f5f0e5;
    --ll-light: #fbf8f1;
    --ll-soft: #e7f2d1;
    color: var(--ll-ink);
    background: var(--ll-paper);
    font-family: "Karla", Arial, sans-serif;
    overflow: hidden;
}

.bgb-ll-page * { box-sizing: border-box; }
.bgb-ll-page figure { margin: 0; }

.bgb-ll-wrap {
    width: min(1220px, calc(100% - 48px));
    margin-inline: auto;
}

.bgb-ll-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
    min-height: 850px;
    background: var(--ll-ink);
}

.bgb-ll-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(72px, 8vw, 126px) clamp(28px, 6vw, 90px);
    color: var(--ll-light);
}

.bgb-ll-number,
.bgb-ll-section-number {
    display: block;
    color: var(--ll-electric);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(7rem, 10vw, 13rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .7;
}

.bgb-ll-hero h1 {
    max-width: 870px;
    margin: 70px 0 44px;
    color: var(--ll-light);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(8rem, 11.6vw, 16rem);
    font-weight: 400;
    letter-spacing: -.06em;
    line-height: .7;
}

.bgb-ll-support {
    max-width: 690px;
    margin: 0 0 42px;
    color: rgba(251, 248, 241, .78);
    font-size: clamp(1.9rem, 2vw, 2.55rem);
    line-height: 1.55;
}

.bgb-ll-text-link {
    display: inline-block;
    width: fit-content;
    padding-bottom: 8px;
    color: inherit;
    border-bottom: 1px solid currentColor;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgb-ll-hero-image {
    position: relative;
    min-height: 850px;
    overflow: hidden;
    background: #b18b5f;
}

.bgb-ll-hero-image img,
.bgb-ll-current-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgb-ll-image-fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 4%;
    padding: 12%;
    background: linear-gradient(145deg, #d7bd8e, #6f7147 58%, #244b35);
}

.bgb-ll-image-fallback span {
    display: block;
    width: 18%;
    border-radius: 52% 52% 0 0;
    background: rgba(251, 248, 241, .82);
    box-shadow: 20px 0 0 rgba(36, 75, 53, .52);
}

.bgb-ll-image-fallback span:nth-child(1) { height: 28%; }
.bgb-ll-image-fallback span:nth-child(2) { height: 44%; }
.bgb-ll-image-fallback span:nth-child(3) { height: 62%; }
.bgb-ll-image-fallback span:nth-child(4) { height: 82%; }

.bgb-ll-welcome {
    padding: clamp(96px, 13vw, 180px) 0;
    background: var(--ll-yellow);
}

.bgb-ll-welcome-grid {
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    gap: clamp(58px, 8vw, 120px);
    align-items: start;
}

.bgb-ll-welcome h2,
.bgb-ll-method h2,
.bgb-ll-current h2,
.bgb-ll-close h2 {
    margin: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-weight: 400;
    letter-spacing: -.05em;
}

.bgb-ll-welcome h2 {
    font-size: clamp(6rem, 8.5vw, 11rem);
    line-height: .8;
}

.bgb-ll-welcome-copy {
    padding-top: 8px;
    font-size: clamp(2rem, 2.2vw, 2.75rem);
    line-height: 1.55;
}

.bgb-ll-welcome-copy p { margin: 0 0 30px; }

.bgb-ll-method {
    padding: clamp(100px, 13vw, 180px) 0;
    background: var(--ll-soft);
}

.bgb-ll-method-head {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 50px;
    align-items: start;
    margin-bottom: clamp(70px, 9vw, 120px);
}

.bgb-ll-method h2 {
    max-width: 960px;
    font-size: clamp(6.4rem, 9vw, 12rem);
    line-height: .78;
}

.bgb-ll-method-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(36, 75, 53, .38);
}

.bgb-ll-method-list li {
    display: grid;
    grid-template-columns: 90px minmax(240px, .72fr) minmax(0, 1fr);
    gap: 38px;
    align-items: start;
    padding: 34px 0 38px;
    border-bottom: 1px solid rgba(36, 75, 53, .38);
}

.bgb-ll-method-list span {
    color: var(--ll-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 4rem;
    line-height: 1;
}

.bgb-ll-method-list h3 {
    margin: 0;
    color: var(--ll-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.2rem, 4vw, 5.2rem);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: .95;
}

.bgb-ll-method-list p {
    max-width: 620px;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.6;
}

.bgb-ll-current {
    display: grid;
    grid-template-columns: minmax(400px, .94fr) minmax(0, 1.06fr);
    min-height: 750px;
    background: var(--ll-light);
}

.bgb-ll-current-image,
.bgb-ll-current-art {
    min-height: 750px;
    background: var(--ll-deep);
    overflow: hidden;
}

.bgb-ll-current-copy {
    align-self: center;
    padding: clamp(78px, 9vw, 130px) clamp(32px, 7vw, 110px);
}

.bgb-ll-kicker,
.bgb-ll-meta {
    color: var(--ll-deep);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bgb-ll-current h2 {
    margin: 42px 0;
    color: var(--ll-deep);
    font-size: clamp(6.2rem, 8.7vw, 11.5rem);
    line-height: .77;
}

.bgb-ll-current-copy > p:not(.bgb-ll-kicker):not(.bgb-ll-meta) {
    max-width: 700px;
    margin: 0 0 30px;
    font-size: clamp(1.9rem, 2vw, 2.45rem);
    line-height: 1.58;
}

.bgb-ll-meta { margin: 38px 0; }
.bgb-ll-current-copy .bgb-ll-text-link { color: var(--ll-deep); }

.bgb-ll-current-art {
    position: relative;
    display: flex;
    align-items: end;
    gap: 5%;
    padding: 12%;
}

.bgb-ll-current-art span {
    display: block;
    width: 28%;
    border-radius: 50% 50% 0 0;
    background: var(--ll-paper);
}

.bgb-ll-current-art span:nth-child(1) { height: 34%; }
.bgb-ll-current-art span:nth-child(2) { height: 58%; background: var(--ll-electric); }
.bgb-ll-current-art span:nth-child(3) { height: 82%; }

.bgb-ll-more {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(400px, .95fr);
    min-height: 700px;
    background: var(--ll-soft);
}

.bgb-ll-more figure {
    min-height: 700px;
    margin: 0;
    overflow: hidden;
    background: var(--ll-deep);
}

.bgb-ll-more figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgb-ll-more > div {
    align-self: center;
    padding: clamp(78px, 9vw, 130px) clamp(32px, 7vw, 110px);
}

.bgb-ll-more h2 {
    margin: 38px 0;
    color: var(--ll-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(6rem, 8vw, 10.5rem);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: .8;
}

.bgb-ll-more > div > p:not(.bgb-ll-kicker):not(.bgb-ll-meta) {
    max-width: 650px;
    margin: 0 0 30px;
    font-size: clamp(1.9rem, 2vw, 2.4rem);
    line-height: 1.58;
}

.bgb-ll-more .bgb-ll-meta { margin: 38px 0; }
.bgb-ll-more .bgb-ll-text-link { color: var(--ll-deep); }

.bgb-ll-close {
    padding: clamp(105px, 14vw, 190px) 0;
    color: var(--ll-light);
    background: var(--ll-ink);
}

.bgb-ll-close .bgb-ll-kicker { color: var(--ll-electric); }

.bgb-ll-close h2 {
    max-width: 1120px;
    margin: 44px 0 56px;
    color: var(--ll-light);
    font-size: clamp(6rem, 9vw, 12rem);
    line-height: .8;
}

.bgb-ll-close > div > p:last-child {
    max-width: 760px;
    margin: 0;
    color: rgba(251, 248, 241, .75);
    font-size: clamp(1.9rem, 2vw, 2.45rem);
    line-height: 1.6;
}

@media (max-width: 980px) {
    .bgb-ll-hero,
    .bgb-ll-welcome-grid,
    .bgb-ll-current,
    .bgb-ll-more {
        grid-template-columns: 1fr;
    }

    .bgb-ll-hero-copy { min-height: 730px; }
    .bgb-ll-hero-image { min-height: 66vw; }

    .bgb-ll-method-head {
        grid-template-columns: 120px minmax(0, 1fr);
    }

    .bgb-ll-current-image,
    .bgb-ll-current-art,
    .bgb-ll-more figure { min-height: 64vw; }
}

@media (max-width: 700px) {
    .bgb-ll-wrap { width: min(100% - 38px, 1220px); }

    .bgb-ll-hero-copy {
        min-height: 650px;
        padding-right: 24px;
        padding-left: 24px;
    }

    .bgb-ll-hero h1 {
        margin-top: 54px;
        font-size: clamp(7.3rem, 24vw, 10rem);
    }

    .bgb-ll-method-head { grid-template-columns: 1fr; }
    .bgb-ll-section-number { font-size: 7rem; }

    .bgb-ll-method-list li {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 18px;
    }

    .bgb-ll-method-list p { grid-column: 2; }
}

/* Capacity Before Reinvention — Longevity Lens feature */
.bgb-capacity-page {
    --capacity-deep: #244b35;
    --capacity-electric: #b8ef3b;
    --capacity-yellow: #ffd84b;
    --capacity-paper: #f5f0e5;
    --capacity-light: #fbf8f1;
    --capacity-ink: #171915;
    --capacity-soft: #e7f2d1;
    color: var(--capacity-ink);
    background: var(--capacity-light);
    font-family: "Karla", Arial, sans-serif;
}

.bgb-capacity-hero {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    min-height: 800px;
    background: var(--capacity-ink);
}

.bgb-capacity-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(76px, 8vw, 130px) clamp(30px, 6vw, 96px);
    color: var(--capacity-light);
}

.bgb-capacity-segment,
.bgb-capacity-kicker {
    color: var(--capacity-electric);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.05rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bgb-capacity-segment { align-self: flex-start; }
.bgb-capacity-segment:hover { color: var(--capacity-yellow); }

.bgb-capacity-hero h1 {
    max-width: 780px;
    margin: 54px 0 42px;
    color: var(--capacity-light);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(7rem, 9vw, 12.4rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .78;
}

.bgb-capacity-standfirst {
    max-width: 660px;
    margin: 0;
    color: rgba(251, 248, 241, .76);
    font-size: clamp(1.8rem, 1.8vw, 2.25rem);
    line-height: 1.55;
}

.bgb-capacity-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin-top: 50px;
    color: var(--capacity-light);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-capacity-hero-image {
    min-height: 800px;
    margin: 0;
    overflow: hidden;
    background: var(--capacity-deep);
}

.bgb-capacity-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgb-capacity-edition {
    display: flex;
    justify-content: center;
    gap: 0;
    padding: 20px 24px;
    color: var(--capacity-ink);
    background: var(--capacity-yellow);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-capacity-edition span + span::before {
    content: "·";
    margin: 0 13px;
}

.bgb-capacity-content {
    padding-top: clamp(90px, 11vw, 160px);
    padding-bottom: clamp(100px, 13vw, 180px);
}

.bgb-capacity-content.gh-content > * { grid-column: main; }

.bgb-capacity-content p,
.bgb-capacity-content li {
    font-family: "Karla", Arial, sans-serif;
    font-size: clamp(1.8rem, 1.65vw, 2.15rem);
    line-height: 1.72;
}

.bgb-capacity-content > p:first-child {
    color: var(--capacity-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(4rem, 5vw, 6.5rem);
    letter-spacing: -.03em;
    line-height: 1.04;
}

.bgb-capacity-content h2 {
    margin-top: clamp(86px, 10vw, 130px);
    margin-bottom: 34px;
    color: var(--capacity-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(5rem, 7vw, 8.5rem);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: .9;
}

.bgb-capacity-content blockquote {
    grid-column: wide;
    max-width: 1120px;
    margin-top: clamp(80px, 9vw, 125px);
    margin-bottom: clamp(80px, 9vw, 125px);
    padding: 42px 0;
    color: var(--capacity-deep);
    border-top: 1px solid rgba(36, 75, 53, .45);
    border-right: 0;
    border-bottom: 1px solid rgba(36, 75, 53, .45);
    border-left: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(4.4rem, 6.5vw, 8.5rem);
    font-style: normal;
    letter-spacing: -.04em;
    line-height: .95;
}

.bgb-capacity-content ol {
    margin-top: 48px;
    padding: 0;
    list-style: none;
    counter-reset: capacity-evidence;
    border-top: 1px solid rgba(36, 75, 53, .35);
}

.bgb-capacity-content ol li {
    position: relative;
    padding: 24px 0 24px 68px;
    border-bottom: 1px solid rgba(36, 75, 53, .35);
    counter-increment: capacity-evidence;
}

.bgb-capacity-content ol li::before {
    content: counter(capacity-evidence, decimal-leading-zero);
    position: absolute;
    top: 28px;
    left: 0;
    color: var(--capacity-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 3rem;
    line-height: 1;
}

.bgb-capacity-content hr {
    margin-top: 110px;
    margin-bottom: 74px;
    border-color: rgba(36, 75, 53, .38);
}

.bgb-capacity-content hr + h2 {
    margin-top: 0;
    font-size: clamp(4rem, 5vw, 6rem);
}

.bgb-capacity-content a {
    color: var(--capacity-deep);
    text-decoration-color: var(--capacity-electric);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.bgb-capacity-continue {
    padding: clamp(90px, 11vw, 150px) 24px;
    background: var(--capacity-soft);
}

.bgb-capacity-continue-inner {
    width: min(100%, 1220px);
    margin: 0 auto;
}

.bgb-capacity-continue h2 {
    max-width: 900px;
    margin: 36px 0 72px;
    color: var(--capacity-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(5.5rem, 8vw, 10rem);
    font-weight: 400;
    letter-spacing: -.05em;
    line-height: .84;
}

.bgb-capacity-continue nav { border-top: 1px solid rgba(36, 75, 53, .4); }

.bgb-capacity-continue nav a {
    display: grid;
    grid-template-columns: minmax(150px, .55fr) minmax(0, 1.45fr) 40px;
    gap: 30px;
    align-items: center;
    padding: 28px 0;
    color: var(--capacity-ink);
    border-bottom: 1px solid rgba(36, 75, 53, .4);
}

.bgb-capacity-continue nav a:hover { color: var(--capacity-deep); }

.bgb-capacity-continue nav span {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-capacity-continue nav strong {
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(2.8rem, 3.5vw, 4.6rem);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1;
}

.bgb-capacity-continue nav i {
    font-size: 2.8rem;
    font-style: normal;
    text-align: right;
}

@media (max-width: 900px) {
    .bgb-capacity-hero { grid-template-columns: 1fr; }
    .bgb-capacity-hero-copy { min-height: 700px; }
    .bgb-capacity-hero-image { min-height: 66vw; }
}

@media (max-width: 620px) {
    .bgb-capacity-hero-copy { min-height: 620px; }
    .bgb-capacity-hero h1 { font-size: clamp(6.8rem, 23vw, 9rem); }
    .bgb-capacity-edition { flex-wrap: wrap; row-gap: 6px; }
    .bgb-capacity-content blockquote { grid-column: main; }
    .bgb-capacity-continue nav a {
        grid-template-columns: 1fr 32px;
        gap: 12px 20px;
    }
    .bgb-capacity-continue nav span { grid-column: 1 / -1; }
    .bgb-capacity-continue nav i { grid-column: 2; grid-row: 2; }
}

/* Secret Ingredients landing page */
.bgb-si-page {
    --si-ink: #151713;
    --si-deep: #234f38;
    --si-electric: #b8f52a;
    --si-yellow: #ffd84d;
    --si-paper: #f5f0e6;
    --si-soft: #e8f2d3;
    color: var(--si-ink);
    background: var(--si-paper);
}

.bgb-si-page h1,
.bgb-si-page h2,
.bgb-si-page h3,
.bgb-si-page p { margin-top: 0; }

.bgb-si-wrap {
    width: min(100% - 48px, 1220px);
    margin-inline: auto;
}

.bgb-si-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    min-height: 760px;
    background: var(--si-ink);
}

.bgb-si-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(72px, 8vw, 140px) clamp(32px, 5vw, 96px);
}

.bgb-si-number {
    margin-bottom: 38px;
    color: var(--si-electric);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(7rem, 9vw, 13rem);
    line-height: .75;
}

.bgb-si-hero h1 {
    max-width: 760px;
    margin-bottom: 34px;
    color: var(--si-paper);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(7.4rem, 9.2vw, 13.8rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .78;
}

.bgb-si-support {
    max-width: 690px;
    margin-bottom: 44px;
    color: rgba(245, 240, 230, .78);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(1.8rem, 1.6vw, 2.3rem);
    line-height: 1.55;
}

.bgb-si-hero-image { min-height: 760px; margin: 0; overflow: hidden; }
.bgb-si-hero-image img { width: 100%; height: 100%; object-fit: cover; }

.bgb-si-text-link {
    display: inline-flex;
    width: fit-content;
    gap: 10px;
    padding-bottom: 7px;
    color: var(--si-deep);
    border-bottom: 1px solid currentColor;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.bgb-si-text-link-light { color: var(--si-paper); }

.bgb-si-intro,
.bgb-si-pathways,
.bgb-si-search,
.bgb-si-standards { padding: clamp(90px, 11vw, 160px) 0; }

.bgb-si-intro { background: var(--si-yellow); }

.bgb-si-intro-grid,
.bgb-si-standards-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
    gap: clamp(60px, 9vw, 150px);
    align-items: start;
}

.bgb-si-intro h2,
.bgb-si-standards h2,
.bgb-si-section-head h2 {
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(5.6rem, 7.5vw, 10.5rem);
    font-weight: 400;
    letter-spacing: -.045em;
    line-height: .88;
}

.bgb-si-intro p,
.bgb-si-standards p {
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(1.8rem, 1.5vw, 2.2rem);
    line-height: 1.65;
}

.bgb-si-intro p + p,
.bgb-si-standards p + p { margin-top: 24px; }

.bgb-si-pathways { background: var(--si-soft); }

.bgb-si-pathways-compact { padding: clamp(54px, 6vw, 82px) 0; }

.bgb-si-pathways-compact-head {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: baseline;
    margin-bottom: 30px;
}

.bgb-si-pathways-compact-head .bgb-si-kicker { margin-bottom: 0; }

.bgb-si-pathways-compact-head h2 {
    margin-bottom: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.8rem, 4.4vw, 6.2rem);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: .95;
}

.bgb-si-pathways-compact .bgb-si-pathway-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bgb-si-pathways-compact .bgb-si-pathway-list li {
    display: block;
    min-width: 0;
    padding: 25px clamp(18px, 2vw, 30px);
    border-right: 1px solid rgba(35, 79, 56, .38);
}

.bgb-si-pathways-compact .bgb-si-pathway-list li:first-child { padding-left: 0; }
.bgb-si-pathways-compact .bgb-si-pathway-list li:last-child { padding-right: 0; border-right: 0; }
.bgb-si-pathways-compact .bgb-si-pathway-list h3 { margin: 14px 0 12px; font-size: clamp(2.5rem, 2.2vw, 3.5rem); }
.bgb-si-pathways-compact .bgb-si-pathway-list p { font-size: 1.35rem; }

.bgb-si-section-head {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 30px;
    margin-bottom: 70px;
}

.bgb-si-section-head > span {
    color: var(--si-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 5.2rem;
    line-height: 1;
}

.bgb-si-pathway-list { margin: 0; padding: 0; border-top: 1px solid rgba(35, 79, 56, .38); list-style: none; }

.bgb-si-pathway-list li {
    display: grid;
    grid-template-columns: 90px minmax(240px, .75fr) minmax(0, 1.25fr);
    gap: 30px;
    align-items: baseline;
    padding: 32px 0;
    border-bottom: 1px solid rgba(35, 79, 56, .38);
}

.bgb-si-pathway-list li > span {
    color: var(--si-deep);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 3.4rem;
}

.bgb-si-pathway-list h3 {
    margin-bottom: 0;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.2rem, 3vw, 4.8rem);
    font-weight: 400;
    line-height: 1;
}

.bgb-si-pathway-list p {
    margin-bottom: 0;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.55;
}

.bgb-si-search { background: var(--si-paper); }
.bgb-si-featured-tool { position: relative; overflow: hidden; padding: clamp(70px, 8vw, 108px) 0; color: var(--si-paper); background: var(--si-deep); }
.bgb-si-featured-tool::after { position: absolute; right: -80px; bottom: -110px; width: 300px; height: 300px; border: 42px solid rgba(184, 245, 42, .12); border-radius: 50%; content: ""; }
.bgb-si-featured-tool-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .5fr) minmax(0, .85fr); gap: clamp(32px, 5vw, 78px); align-items: center; }
.bgb-si-featured-tool h2 { max-width: 620px; margin-bottom: 0; color: var(--si-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.4rem, 6vw, 8.2rem); font-weight: 400; letter-spacing: -.045em; line-height: .86; }
.bgb-si-featured-tool-copy > p:first-child { max-width: 620px; margin-bottom: 24px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.65rem; line-height: 1.58; }
.bgb-si-featured-tool-scope { margin-bottom: 32px; color: rgba(245, 240, 230, .58); font-family: "Space Grotesk", Arial, sans-serif; font-size: .92rem; font-weight: 700; letter-spacing: .12em; line-height: 1.6; text-transform: uppercase; }
.bgb-si-featured-tool-image { position: relative; aspect-ratio: 1; margin: 0; overflow: hidden; border: 1px solid rgba(245, 240, 230, .35); border-radius: 50%; box-shadow: 0 0 0 14px rgba(184, 245, 42, .08), 0 24px 55px rgba(0, 0, 0, .2); }
.bgb-si-featured-tool-image::after { position: absolute; inset: 12%; border: 1px solid rgba(245, 240, 230, .38); border-radius: 50%; content: ""; }
.bgb-si-featured-tool-image img { width: 100%; height: 100%; object-fit: cover; object-position: 76% center; transform: scale(1.35); }
.bgb-si-tool-fallback { position: absolute; inset: 0; display: block; background: radial-gradient(circle at 44% 42%, var(--si-paper) 0 8%, transparent 8.5%), radial-gradient(circle at 50% 50%, transparent 0 26%, var(--si-electric) 26.5% 32%, transparent 32.5% 43%, var(--si-yellow) 43.5% 51%, transparent 51.5%), var(--si-deep); }
.bgb-si-featured-tool-image span { position: absolute; z-index: 1; right: 50%; bottom: 18%; padding: 7px 12px; color: var(--si-ink); background: var(--si-electric); font-family: "Space Grotesk", Arial, sans-serif; font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transform: translateX(50%); white-space: nowrap; }
.bgb-si-featured-tool .bgb-si-kicker,
.bgb-si-featured-tool .bgb-si-text-link { color: var(--si-electric); }
.bgb-si-section-head-search h2 { max-width: 950px; }

.bgb-si-kicker {
    margin-bottom: 20px;
    color: var(--si-deep);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bgb-si-tools { margin-bottom: 52px; }
.bgb-si-tools > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.bgb-si-search-field {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    border-bottom: 2px solid var(--si-ink);
}

.bgb-si-search-field input {
    width: 100%;
    padding: 20px 0;
    color: var(--si-ink);
    border: 0;
    outline: 0;
    background: transparent;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.2rem, 4.5vw, 6.4rem);
}

.bgb-si-search-field input::placeholder { color: rgba(21, 23, 19, .42); }
.bgb-si-search-field span { font-size: 4rem; }

.bgb-si-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

.bgb-si-filters button {
    padding: 11px 17px;
    color: var(--si-deep);
    border: 1px solid rgba(35, 79, 56, .45);
    border-radius: 999px;
    background: transparent;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
}

.bgb-si-filters button:hover,
.bgb-si-filters button.is-active { color: var(--si-paper); background: var(--si-deep); }

.bgb-si-count {
    margin-bottom: 15px;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bgb-si-results { border-top: 1px solid rgba(21, 23, 19, .35); }

.bgb-si-result {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 60px;
    gap: 34px;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid rgba(21, 23, 19, .35);
}

.bgb-si-result[hidden] { display: none; }

.bgb-si-result-image { display: block; height: 150px; overflow: hidden; background: var(--si-deep); }
.bgb-si-result-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bgb-si-result:hover .bgb-si-result-image img { transform: scale(1.025); }
.bgb-si-result-image span { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--si-deep) 0 48%, var(--si-electric) 48% 56%, var(--si-yellow) 56%); }

.bgb-si-result-tags,
.bgb-si-result-meta {
    margin-bottom: 10px;
    color: var(--si-deep);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bgb-si-result h3 {
    margin-bottom: 12px;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(3.2rem, 3.2vw, 5.2rem);
    font-weight: 400;
    line-height: .98;
}

.bgb-si-result h3 a { color: var(--si-ink); }
.bgb-si-result-copy > p:not(.bgb-si-result-tags):not(.bgb-si-result-meta) { max-width: 720px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.5rem; line-height: 1.55; }
.bgb-si-result-arrow { color: var(--si-deep); font-size: 3rem; text-align: right; }

.bgb-si-empty { padding: 60px 0; border-bottom: 1px solid rgba(21, 23, 19, .35); }
.bgb-si-empty h3 { margin-bottom: 10px; font-family: "Instrument Serif", Georgia, serif; font-size: 4rem; font-weight: 400; }
.bgb-si-empty p { font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.6rem; }

.bgb-si-standards { color: var(--si-paper); background: var(--si-deep); }
.bgb-si-standards .bgb-si-kicker,
.bgb-si-standards .bgb-si-text-link { color: var(--si-electric); }

@media (max-width: 900px) {
    .bgb-si-hero { grid-template-columns: 1fr; }
    .bgb-si-hero-copy { min-height: 700px; }
    .bgb-si-hero-image { min-height: 66vw; }
    .bgb-si-intro-grid,
    .bgb-si-standards-grid { grid-template-columns: 1fr; }
    .bgb-si-featured-tool-grid { grid-template-columns: minmax(0, 1fr) minmax(190px, .45fr); }
    .bgb-si-featured-tool-copy { grid-column: 1 / -1; max-width: 760px; }
    .bgb-si-pathway-list li { grid-template-columns: 60px 1fr; }
    .bgb-si-pathway-list p { grid-column: 2; }
    .bgb-si-pathways-compact .bgb-si-pathway-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bgb-si-pathways-compact .bgb-si-pathway-list li { border-bottom: 1px solid rgba(35, 79, 56, .38); }
    .bgb-si-pathways-compact .bgb-si-pathway-list li:nth-child(2) { border-right: 0; }
}

@media (max-width: 680px) {
    .bgb-si-wrap { width: min(100% - 32px, 1220px); }
    .bgb-si-hero-copy { min-height: 620px; padding-inline: 24px; }
    .bgb-si-section-head { grid-template-columns: 1fr; }
    .bgb-si-section-head > span { font-size: 4rem; }
    .bgb-si-result { grid-template-columns: 100px minmax(0, 1fr); gap: 20px; }
    .bgb-si-result-image { height: 110px; }
    .bgb-si-result-arrow { display: none; }
    .bgb-si-result h3 { font-size: 3rem; }
    .bgb-si-result-copy > p:not(.bgb-si-result-tags):not(.bgb-si-result-meta) { display: none; }
    .bgb-si-pathways-compact-head { display: block; }
    .bgb-si-pathways-compact-head .bgb-si-kicker { margin-bottom: 14px; }
    .bgb-si-pathways-compact .bgb-si-pathway-list { grid-template-columns: 1fr; }
    .bgb-si-pathways-compact .bgb-si-pathway-list li { padding-inline: 0; border-right: 0; }
    .bgb-si-featured-tool-grid { grid-template-columns: 1fr; }
    .bgb-si-featured-tool-image { width: min(72vw, 280px); }
    .bgb-si-featured-tool-copy { grid-column: auto; }
}

/* Color Code — Secret Ingredients article + Label Color Decoder */
.bgb-color-page {
    --color-ink: #151713;
    --color-deep: #234f38;
    --color-electric: #b8f52a;
    --color-yellow: #ffd84d;
    --color-paper: #f5f0e6;
    --color-soft: #e8f2d3;
    color: var(--color-ink);
    background: var(--color-paper);
}

.bgb-color-page h1,
.bgb-color-page h2,
.bgb-color-page h3,
.bgb-color-page p { margin-top: 0; }

.bgb-color-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
    min-height: 760px;
    background: var(--color-ink);
}

.bgb-color-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(72px, 8vw, 140px) clamp(32px, 5vw, 96px);
}

.bgb-color-segment,
.bgb-color-kicker {
    margin-bottom: 28px;
    color: var(--color-electric);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.bgb-color-hero h1 {
    max-width: 720px;
    margin-bottom: 32px;
    color: var(--color-paper);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: clamp(8rem, 10.5vw, 15rem);
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .78;
}

.bgb-color-standfirst {
    max-width: 650px;
    margin-bottom: 30px;
    color: rgba(245, 240, 230, .78);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: clamp(1.8rem, 1.6vw, 2.3rem);
    line-height: 1.55;
}

.bgb-color-meta {
    display: flex;
    gap: 18px;
    margin-bottom: 46px;
    color: rgba(245, 240, 230, .65);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.bgb-color-meta span + span::before { content: "·"; margin-right: 18px; }

.bgb-color-jump {
    display: inline-flex;
    width: fit-content;
    gap: 10px;
    padding-bottom: 7px;
    color: var(--color-paper);
    border-bottom: 1px solid currentColor;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-color-hero-image { min-height: 760px; margin: 0; overflow: hidden; }
.bgb-color-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.bgb-color-hero-image > span { display: block; width: 100%; height: 100%; min-height: inherit; background: linear-gradient(145deg, rgba(245, 240, 230, .84), rgba(245, 240, 230, .18)), radial-gradient(circle at 30% 38%, var(--si-yellow) 0 8%, transparent 8.5%), radial-gradient(circle at 66% 61%, var(--si-electric) 0 11%, transparent 11.5%), var(--si-deep); }

.bgb-color-edition {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px clamp(24px, 5vw, 80px);
    color: var(--color-deep);
    background: var(--color-electric);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgb-color-edition span + span::before { content: "·"; margin-right: 12px; }

.bgb-color-content {
    --content-spacing-factor: .68;
    padding-top: clamp(90px, 10vw, 150px);
    padding-bottom: clamp(90px, 10vw, 150px);
}

.bgb-color-content > * { margin-bottom: 0; }
.bgb-color-content p { font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.85rem; line-height: 1.62; }
.bgb-color-content.gh-content > h2[id]:not(:first-child) { margin-top: clamp(4.2rem, 5.5vw, 6.5rem); }
.bgb-color-content h2 { margin-bottom: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(4.6rem, 5.2vw, 7.2rem); font-weight: 400; letter-spacing: -.035em; line-height: .95; }

.bgb-color-content.gh-content .gh-table {
    overflow: visible;
    margin-block: clamp(2.8rem, 4vw, 4.4rem);
    border-top: 7px solid var(--color-electric);
    box-shadow: 0 18px 45px rgba(35, 79, 56, .08);
}

.bgb-color-content.gh-content .gh-table table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    white-space: normal;
    background: #fffdf8;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.45rem;
}

.bgb-color-content.gh-content .gh-table table thead th {
    padding: 17px 20px;
    color: var(--color-paper);
    border: 0;
    background: var(--color-deep);
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 1.35;
    text-transform: uppercase;
}

.bgb-color-content.gh-content .gh-table table thead th:first-child { width: 42%; padding-left: 20px; border-right: 1px solid rgba(245, 240, 230, .3); }
.bgb-color-content.gh-content .gh-table table thead th:last-child { width: 58%; padding-right: 20px; }

.bgb-color-content.gh-content .gh-table table tbody tr:nth-child(even) { background: rgba(232, 242, 211, .42); }
.bgb-color-content.gh-content .gh-table table tbody tr:hover { background: rgba(184, 245, 42, .14); }

.bgb-color-content.gh-content .gh-table table tbody td {
    padding: 20px;
    color: var(--color-ink);
    border: 0;
    border-bottom: 1px solid rgba(35, 79, 56, .25);
    white-space: normal;
    vertical-align: top;
    line-height: 1.5;
}

.bgb-color-content.gh-content .gh-table table tbody td:first-child {
    padding-left: 20px;
    color: var(--color-deep);
    border-right: 1px solid rgba(35, 79, 56, .22);
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 2rem;
    line-height: 1.2;
}

.bgb-color-content.gh-content .gh-table table tbody td:last-child { padding-right: 20px; }
.bgb-color-content.gh-content .gh-table table tbody tr:last-child td { border-bottom: 0; }

.bgb-color-decoder { padding: clamp(90px, 11vw, 160px) 24px; background: var(--color-soft); }
.bgb-color-decoder-inner { width: min(100%, 1220px); margin: 0 auto; }

.bgb-color-decoder-head {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 30px;
    margin-bottom: 70px;
}

.bgb-color-decoder-head > span { color: var(--color-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; line-height: 1; }
.bgb-color-decoder-head .bgb-color-kicker { color: var(--color-deep); }
.bgb-color-decoder-head h2 { margin-bottom: 26px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(6rem, 8vw, 11rem); font-weight: 400; letter-spacing: -.05em; line-height: .82; }
.bgb-color-decoder-head div > p:last-child { max-width: 720px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.8rem; line-height: 1.6; }

.bgb-color-decoder-workspace {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    border: 1px solid rgba(35, 79, 56, .4);
    background: var(--color-paper);
}

.bgb-color-decoder-entry,
.bgb-color-decoder-output { min-height: 520px; padding: clamp(28px, 4vw, 56px); }
.bgb-color-decoder-entry { border-right: 1px solid rgba(35, 79, 56, .4); }
.bgb-color-decoder-entry label { display: block; margin-bottom: 12px; color: var(--color-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.1rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

.bgb-color-decoder-entry textarea {
    width: 100%;
    min-height: 230px;
    padding: 20px;
    resize: vertical;
    color: var(--color-ink);
    border: 1px solid rgba(35, 79, 56, .5);
    border-radius: 0;
    outline-color: var(--color-deep);
    background: #fffdf8;
    font-family: "Space Grotesk", Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.55;
}

.bgb-color-examples { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin: 18px 0 30px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.1rem; }
.bgb-color-examples button { padding: 7px 11px; color: var(--color-deep); border: 1px solid rgba(35, 79, 56, .45); border-radius: 999px; background: transparent; cursor: pointer; }
.bgb-color-examples button:hover { color: var(--color-paper); background: var(--color-deep); }

.bgb-color-actions { display: flex; gap: 12px; }
.bgb-color-actions button { padding: 14px 20px; border: 1px solid var(--color-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.bgb-color-decode-button { color: var(--color-paper); background: var(--color-deep); }
.bgb-color-clear-button { color: var(--color-deep); background: transparent; }

.bgb-color-decoder-output { overflow: auto; }
.bgb-color-output-prompt { max-width: 480px; color: rgba(21, 23, 19, .65); font-family: "Instrument Serif", Georgia, serif; font-size: 3.4rem; line-height: 1.1; }
.bgb-color-output-count { padding-bottom: 16px; border-bottom: 1px solid rgba(35, 79, 56, .4); color: var(--color-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.1rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bgb-color-output-list article { padding: 24px 0; border-bottom: 1px solid rgba(35, 79, 56, .3); }
.bgb-color-output-list article:last-child { border-bottom: 0; }
.bgb-color-output-type { margin-bottom: 9px; color: var(--color-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-color-output-list h3 { margin-bottom: 9px; font-family: "Instrument Serif", Georgia, serif; font-size: 3.4rem; font-weight: 400; }
.bgb-color-output-list article > p:last-child { margin-bottom: 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.45rem; line-height: 1.55; }
.bgb-color-decoder-note { max-width: 880px; margin: 25px 0 0; color: rgba(21, 23, 19, .68); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.25rem; line-height: 1.55; }

.bgb-color-tool {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(40px, 8vw, 120px);
    align-items: center;
    padding: clamp(64px, 7vw, 92px) max(24px, calc((100vw - 1220px) / 2));
    color: var(--color-ink);
    background: var(--color-yellow);
}
.bgb-color-tool .bgb-color-kicker { color: var(--color-deep); }
.bgb-color-tool h2 { margin: 0; color: var(--color-deep); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(6.5rem, 8vw, 10.5rem); font-weight: 400; letter-spacing: -.05em; line-height: .82; }
.bgb-color-tool > div:last-child > p { max-width: 650px; margin-bottom: 28px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.7rem; line-height: 1.55; }
.bgb-color-tool a { display: inline-flex; gap: 12px; align-items: center; padding: 15px 19px; color: var(--color-paper); border: 1px solid var(--color-deep); background: var(--color-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; transition: color .2s ease, background .2s ease; }
.bgb-color-tool a:hover { color: var(--color-deep); background: transparent; }

.bgb-color-continue { padding: clamp(72px, 8vw, 110px) 24px; color: var(--color-paper); background: var(--color-deep); }
.bgb-color-continue-inner { width: min(100%, 1220px); margin: 0 auto; }
.bgb-color-continue h2 { max-width: 900px; margin: 24px 0 48px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.5rem, 8vw, 10rem); font-weight: 400; letter-spacing: -.05em; line-height: .84; }
.bgb-color-continue nav { border-top: 1px solid rgba(245, 240, 230, .42); }
.bgb-color-continue nav a { display: grid; grid-template-columns: minmax(170px, .5fr) minmax(0, 1.5fr) 40px; gap: 28px; align-items: center; padding: 26px 0; color: var(--color-paper); border-bottom: 1px solid rgba(245, 240, 230, .42); }
.bgb-color-continue nav span { color: var(--color-electric); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.bgb-color-continue nav strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.8rem, 3.5vw, 4.6rem); font-weight: 400; line-height: 1; }
.bgb-color-continue nav i { font-size: 2.8rem; font-style: normal; text-align: right; }

@media (max-width: 900px) {
    .bgb-color-hero { grid-template-columns: 1fr; }
    .bgb-color-hero-copy { min-height: 680px; }
    .bgb-color-hero-image { min-height: 66vw; }
    .bgb-color-decoder-workspace { grid-template-columns: 1fr; }
    .bgb-color-decoder-entry { border-right: 0; border-bottom: 1px solid rgba(35, 79, 56, .4); }
    .bgb-color-tool { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .bgb-color-content.gh-content .gh-table table,
    .bgb-color-content.gh-content .gh-table tbody,
    .bgb-color-content.gh-content .gh-table tr,
    .bgb-color-content.gh-content .gh-table td { display: block; width: 100%; }
    .bgb-color-content.gh-content .gh-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
    .bgb-color-content.gh-content .gh-table table tbody tr { padding: 20px; border-bottom: 1px solid rgba(35, 79, 56, .25); }
    .bgb-color-content.gh-content .gh-table table tbody tr:last-child { border-bottom: 0; }
    .bgb-color-content.gh-content .gh-table table tbody td,
    .bgb-color-content.gh-content .gh-table table tbody td:first-child,
    .bgb-color-content.gh-content .gh-table table tbody td:last-child { padding: 0; border: 0; }
    .bgb-color-content.gh-content .gh-table table tbody td:first-child { margin-bottom: 10px; font-size: 2rem; }
}

/* Label Decoder — standalone Secret Ingredients tool */
.bgb-label-page {
    --label-ink: #151713;
    --label-deep: #234f38;
    --label-electric: #b8f52a;
    --label-yellow: #ffd84d;
    --label-paper: #f5f0e6;
    --label-soft: #e8f2d3;
    color: var(--label-ink);
    background: var(--label-paper);
}
.bgb-label-page h1,
.bgb-label-page h2,
.bgb-label-page h3,
.bgb-label-page p { margin-top: 0; }
.bgb-label-wrap { width: min(100% - 48px, 1220px); margin-inline: auto; }
.bgb-label-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr); min-height: 760px; background: var(--label-deep); }
.bgb-label-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(72px, 8vw, 140px) clamp(32px, 5vw, 96px); }
.bgb-label-segment,
.bgb-label-kicker { margin-bottom: 28px; color: var(--label-electric); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bgb-label-hero h1 { max-width: 700px; margin-bottom: 32px; color: var(--label-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(7.5rem, 9.5vw, 13.5rem); font-weight: 400; letter-spacing: -.055em; line-height: .8; }
.bgb-label-hero-copy > p { max-width: 650px; margin-bottom: 44px; color: rgba(245, 240, 230, .8); font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(1.8rem, 1.6vw, 2.3rem); line-height: 1.55; }
.bgb-label-jump,
.bgb-label-context a { display: inline-flex; width: fit-content; gap: 10px; padding-bottom: 7px; border-bottom: 1px solid currentColor; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bgb-label-jump { color: var(--label-paper); }
.bgb-label-hero-image { min-height: 760px; margin: 0; overflow: hidden; }
.bgb-label-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.bgb-label-intro { padding: clamp(80px, 10vw, 140px) 0; background: var(--label-yellow); }
.bgb-label-intro-grid,
.bgb-label-context-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 8vw, 120px); align-items: start; }
.bgb-label-intro h2,
.bgb-label-context h2 { margin-bottom: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.4rem, 6.5vw, 8.8rem); font-weight: 400; letter-spacing: -.045em; line-height: .88; }
.bgb-label-intro p,
.bgb-label-context-grid > div:last-child > p { max-width: 680px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.75rem; line-height: 1.58; }
.bgb-label-intro p + p { margin-top: 22px; }
.bgb-label-guide { padding: clamp(70px, 8vw, 110px) 0; color: var(--label-paper); background: var(--label-deep); }
.bgb-label-guide-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; padding-bottom: 36px; border-bottom: 1px solid rgba(245, 240, 230, .35); }
.bgb-label-guide-heading .bgb-label-kicker { margin-bottom: 7px; }
.bgb-label-guide-heading h2 { max-width: 720px; margin-bottom: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5rem, 6vw, 8rem); font-weight: 400; letter-spacing: -.045em; line-height: .88; text-align: right; }
.bgb-label-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, .8fr)) minmax(280px, 1.1fr); }
.bgb-label-guide-grid > * { padding: clamp(28px, 4vw, 52px); border-right: 1px solid rgba(245, 240, 230, .35); }
.bgb-label-guide-grid > *:first-child { padding-left: 0; }
.bgb-label-guide-grid > *:last-child { padding-right: 0; border-right: 0; }
.bgb-label-guide-grid article > span { display: block; margin-bottom: 50px; color: var(--label-electric); font-family: "Instrument Serif", Georgia, serif; font-size: 4.6rem; line-height: 1; }
.bgb-label-guide-grid h3 { margin-bottom: 16px; color: var(--label-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3rem, 3.4vw, 4.6rem); font-weight: 400; line-height: 1; }
.bgb-label-guide-grid article p { margin-bottom: 0; color: rgba(245, 240, 230, .76); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.4rem; line-height: 1.55; }
.bgb-label-guide-grid aside { background: rgba(184, 245, 42, .08); }
.bgb-label-guide-grid aside .bgb-label-kicker { margin-bottom: 20px; }
.bgb-label-guide-grid dl { margin: 0; }
.bgb-label-guide-grid dl > div { padding: 15px 0; border-top: 1px solid rgba(245, 240, 230, .25); }
.bgb-label-guide-grid dt { margin-bottom: 5px; color: var(--label-paper); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-label-guide-grid dd { margin: 0; color: rgba(245, 240, 230, .72); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.25rem; line-height: 1.5; }
.bgb-label-tool { padding: clamp(90px, 11vw, 160px) 0; background: var(--label-soft); }
.bgb-label-tool-head { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 30px; margin-bottom: 64px; }
.bgb-label-tool-head > span { color: var(--label-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; line-height: 1; }
.bgb-label-tool-head .bgb-label-kicker { color: var(--label-deep); }
.bgb-label-tool-head h2 { margin-bottom: 24px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(6rem, 8vw, 11rem); font-weight: 400; letter-spacing: -.05em; line-height: .82; }
.bgb-label-tool-head div > p:last-child { max-width: 720px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.75rem; line-height: 1.58; }
.bgb-label-workspace { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid rgba(35, 79, 56, .42); background: var(--label-paper); box-shadow: 0 24px 65px rgba(35, 79, 56, .13); }
.bgb-label-workspace::before { position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 8px; background: linear-gradient(90deg, var(--label-electric) 0 16%, var(--label-yellow) 16% 29%, var(--label-deep) 29% 100%); content: ""; }
.bgb-label-entry,
.bgb-label-output { position: relative; min-height: 510px; padding: clamp(38px, 4vw, 58px); }
.bgb-label-entry { border-right: 1px solid rgba(35, 79, 56, .42); background: rgba(255, 253, 248, .72); }
.bgb-label-output { background: linear-gradient(rgba(245, 240, 230, .94), rgba(245, 240, 230, .94)), repeating-linear-gradient(0deg, transparent 0 38px, rgba(35, 79, 56, .08) 38px 39px); }
.bgb-label-entry-head { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; margin-bottom: 14px; }
.bgb-label-entry-head span { color: rgba(35, 79, 56, .58); font-family: "Space Grotesk", Arial, sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.bgb-label-entry label { display: block; margin-bottom: 12px; color: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.1rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bgb-label-entry-head label { margin-bottom: 0; }
.bgb-label-paper-field { position: relative; }
.bgb-label-paper-field::after { position: absolute; right: 14px; bottom: -9px; width: 72%; height: 12px; background: rgba(35, 79, 56, .12); filter: blur(10px); content: ""; }
.bgb-label-field-mark { position: absolute; z-index: 2; top: 17px; left: 18px; color: var(--label-deep); font-size: 2.4rem; line-height: 1; }
.bgb-label-entry textarea { position: relative; z-index: 1; width: 100%; min-height: 245px; padding: 22px 22px 22px 58px; resize: vertical; color: var(--label-ink); border: 1px solid rgba(35, 79, 56, .52); border-radius: 0; outline-color: var(--label-deep); background: linear-gradient(rgba(255, 253, 248, .96), rgba(255, 253, 248, .96)), repeating-linear-gradient(0deg, transparent 0 31px, rgba(35, 79, 56, .1) 31px 32px); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.6rem; line-height: 1.6; box-shadow: 8px 8px 0 rgba(184, 245, 42, .26); }
.bgb-label-entry textarea::placeholder { color: rgba(21, 23, 19, .46); }
.bgb-label-entry textarea:focus { border-color: var(--label-deep); box-shadow: 8px 8px 0 var(--label-electric); }
.bgb-label-examples { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin: 18px 0 30px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.1rem; }
.bgb-label-examples button { padding: 7px 11px; color: var(--label-deep); border: 1px solid rgba(35, 79, 56, .45); border-radius: 999px; background: transparent; cursor: pointer; }
.bgb-label-examples button:hover { color: var(--label-paper); background: var(--label-deep); }
.bgb-label-actions { display: flex; gap: 12px; }
.bgb-label-actions button { padding: 14px 20px; border: 1px solid var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.bgb-label-decode { color: var(--label-paper); background: var(--label-deep); }
.bgb-label-clear { color: var(--label-deep); background: transparent; }
.bgb-label-output { overflow: auto; }
.bgb-label-output-prompt { max-width: 480px; padding-top: 24px; color: rgba(21, 23, 19, .64); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3.4rem, 4vw, 5.2rem); line-height: .98; }
.bgb-label-output-count { padding-bottom: 16px; border-bottom: 1px solid rgba(35, 79, 56, .4); color: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.1rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bgb-label-output-list article { padding: 24px 0; border-bottom: 1px solid rgba(35, 79, 56, .3); }
.bgb-label-output-list article:last-child { border-bottom: 0; }
.bgb-label-output-type { margin-bottom: 9px; color: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-label-output-list h3 { margin-bottom: 9px; font-family: "Instrument Serif", Georgia, serif; font-size: 3.4rem; font-weight: 400; }
.bgb-label-output-list article > p:last-child { margin-bottom: 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.45rem; line-height: 1.55; }
.bgb-label-note { max-width: 900px; margin: 24px 0 0; color: rgba(21, 23, 19, .7); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.25rem; line-height: 1.55; }
.bgb-label-bank { padding: clamp(90px, 11vw, 160px) 0; background: var(--label-paper); }
.bgb-label-bank-head { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 30px; margin-bottom: 52px; }
.bgb-label-bank-head > span { color: var(--label-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; line-height: 1; }
.bgb-label-bank-head .bgb-label-kicker { color: var(--label-deep); }
.bgb-label-bank-head h2 { max-width: 940px; margin-bottom: 28px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(6rem, 8vw, 11rem); font-weight: 400; letter-spacing: -.05em; line-height: .82; }
.bgb-label-bank-head div > p:last-child { max-width: 760px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.7rem; line-height: 1.58; }
.bgb-label-bank-meta { display: flex; flex-wrap: wrap; gap: 14px 30px; padding: 18px 0; border-top: 1px solid rgba(35, 79, 56, .35); border-bottom: 1px solid rgba(35, 79, 56, .35); color: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-label-bank-meta span + span::before { margin-right: 30px; content: "·"; }
.bgb-label-bank-controls { padding: 46px 0 32px; }
.bgb-label-bank-controls > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.bgb-label-bank-search-wrap { position: relative; max-width: 860px; }
.bgb-label-bank-search-wrap > span { position: absolute; top: 50%; left: 18px; color: var(--label-deep); font-size: 2.8rem; line-height: 1; transform: translateY(-50%); }
.bgb-label-bank-search-wrap input { width: 100%; padding: 20px 22px 20px 62px; color: var(--label-ink); border: 0; border-bottom: 2px solid var(--label-deep); border-radius: 0; outline: 0; background: rgba(232, 242, 211, .46); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.4rem, 3vw, 4rem); }
.bgb-label-bank-search-wrap input:focus { background: var(--label-soft); box-shadow: inset 7px 0 0 var(--label-electric); }
.bgb-label-bank-search-wrap input::placeholder { color: rgba(21, 23, 19, .42); }
.bgb-label-bank-filters { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.bgb-label-bank-filters button { padding: 9px 14px; color: var(--label-deep); border: 1px solid rgba(35, 79, 56, .46); border-radius: 999px; background: transparent; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .06em; cursor: pointer; }
.bgb-label-bank-filters button:hover,
.bgb-label-bank-filters button.is-active { color: var(--label-paper); background: var(--label-deep); }
.bgb-label-bank-count { margin-bottom: 15px; color: rgba(35, 79, 56, .68); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-label-bank-list { border-top: 1px solid rgba(35, 79, 56, .38); }
.bgb-label-bank-entry { border-bottom: 1px solid rgba(35, 79, 56, .38); }
.bgb-label-bank-entry[hidden] { display: none; }
.bgb-label-bank-entry summary { display: grid; grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr) 34px; gap: 28px; align-items: center; padding: 24px 0; cursor: pointer; list-style: none; }
.bgb-label-bank-entry summary::-webkit-details-marker { display: none; }
.bgb-label-bank-entry summary > span { color: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .09em; line-height: 1.45; text-transform: uppercase; }
.bgb-label-bank-entry summary strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.8rem, 3vw, 4.2rem); font-weight: 400; line-height: 1; }
.bgb-label-bank-entry summary i { display: grid; width: 30px; height: 30px; place-items: center; color: var(--label-paper); border-radius: 50%; background: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.8rem; font-style: normal; line-height: 1; transition: transform .2s ease; }
.bgb-label-bank-entry[open] summary i { color: var(--label-ink); background: var(--label-electric); transform: rotate(45deg); }
.bgb-label-bank-entry[open] summary { padding-bottom: 19px; }
.bgb-label-bank-entry-body { display: grid; grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr); gap: 28px; padding: 4px 62px 30px calc(190px + 28px); background: linear-gradient(90deg, transparent 0, rgba(232, 242, 211, .55) 18%, rgba(232, 242, 211, .55) 100%); }
.bgb-label-bank-entry-body span { display: block; margin-bottom: 8px; color: var(--label-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: .9rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-label-bank-entry-body p { margin-bottom: 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.4rem; line-height: 1.55; }
.bgb-label-bank-empty { padding: 50px 0; border-bottom: 1px solid rgba(35, 79, 56, .38); }
.bgb-label-bank-empty h3 { margin-bottom: 10px; font-family: "Instrument Serif", Georgia, serif; font-size: 3.8rem; font-weight: 400; }
.bgb-label-bank-empty p { font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.5rem; }
.bgb-label-sources { padding: clamp(80px, 10vw, 140px) 0; background: var(--label-yellow); }
.bgb-label-sources-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 8vw, 120px); }
.bgb-label-sources .bgb-label-kicker { color: var(--label-deep); }
.bgb-label-sources h2 { max-width: 680px; margin-bottom: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.4rem, 6.5vw, 8.8rem); font-weight: 400; letter-spacing: -.045em; line-height: .88; }
.bgb-label-sources-grid > div:last-child > p:first-child { max-width: 680px; margin-bottom: 32px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.65rem; line-height: 1.58; }
.bgb-label-sources nav { border-top: 1px solid rgba(35, 79, 56, .42); }
.bgb-label-sources nav a { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; color: var(--label-deep); border-bottom: 1px solid rgba(35, 79, 56, .42); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.15rem; font-weight: 700; }
.bgb-label-sources nav a:hover { padding-left: 10px; background: rgba(245, 240, 230, .28); }
.bgb-label-sources-note { margin: 24px 0 0; color: rgba(21, 23, 19, .65); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.15rem; line-height: 1.5; }
.bgb-label-context { padding: clamp(80px, 10vw, 140px) 0; color: var(--label-paper); background: var(--label-deep); }
.bgb-label-context .bgb-label-kicker,
.bgb-label-context a { color: var(--label-electric); }
.bgb-label-context-grid > div:last-child > p { color: rgba(245, 240, 230, .82); }

@media (max-width: 900px) {
    .bgb-label-hero { grid-template-columns: 1fr; }
    .bgb-label-hero-copy { min-height: 680px; }
    .bgb-label-hero-image { min-height: 66vw; }
    .bgb-label-intro-grid,
    .bgb-label-context-grid,
    .bgb-label-sources-grid { grid-template-columns: 1fr; }
    .bgb-label-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bgb-label-guide-grid aside { grid-column: 1 / -1; }
    .bgb-label-guide-grid > article:nth-child(2) { border-right: 0; }
    .bgb-label-guide-grid aside { padding-inline: 0; border-top: 1px solid rgba(245, 240, 230, .35); }
    .bgb-label-workspace { grid-template-columns: 1fr; }
    .bgb-label-entry { border-right: 0; border-bottom: 1px solid rgba(35, 79, 56, .42); }
}

@media (max-width: 620px) {
    .bgb-label-wrap { width: min(100% - 32px, 1220px); }
    .bgb-label-hero-copy { min-height: 620px; padding-inline: 24px; }
    .bgb-label-tool-head { grid-template-columns: 1fr; }
    .bgb-label-tool-head > span { font-size: 4rem; }
    .bgb-label-entry,
    .bgb-label-output { min-height: auto; }
    .bgb-label-actions { flex-direction: column; }
    .bgb-label-guide-heading { display: block; }
    .bgb-label-guide-heading .bgb-label-kicker { margin-bottom: 20px; }
    .bgb-label-guide-heading h2 { text-align: left; }
    .bgb-label-guide-grid { grid-template-columns: 1fr; }
    .bgb-label-guide-grid > * { padding-inline: 0; border-right: 0; border-bottom: 1px solid rgba(245, 240, 230, .35); }
    .bgb-label-guide-grid > *:last-child { border-bottom: 0; }
    .bgb-label-guide-grid article > span { margin-bottom: 30px; }
    .bgb-label-guide-grid aside { grid-column: auto; }
    .bgb-label-bank-head { grid-template-columns: 1fr; }
    .bgb-label-bank-head > span { font-size: 4rem; }
    .bgb-label-bank-meta { display: grid; gap: 8px; }
    .bgb-label-bank-meta span + span::before { display: none; }
    .bgb-label-bank-entry summary { grid-template-columns: 1fr 30px; gap: 9px 16px; }
    .bgb-label-bank-entry summary > span { grid-column: 1 / -1; }
    .bgb-label-bank-entry summary strong { grid-column: 1; }
    .bgb-label-bank-entry summary i { grid-column: 2; }
    .bgb-label-bank-entry-body { grid-template-columns: 1fr; gap: 22px; padding: 4px 18px 28px; }
}

@media (max-width: 620px) {
    .bgb-color-hero-copy { min-height: 620px; padding-inline: 24px; }
    .bgb-color-edition { flex-wrap: wrap; row-gap: 6px; }
    .bgb-color-decoder-head { grid-template-columns: 1fr; }
    .bgb-color-decoder-head > span { font-size: 4rem; }
    .bgb-color-decoder-entry,
    .bgb-color-decoder-output { min-height: auto; }
    .bgb-color-actions { flex-direction: column; }
    .bgb-color-continue nav a { grid-template-columns: 1fr 32px; }
    .bgb-color-continue nav span { grid-column: 1 / -1; }
    .bgb-color-continue nav i { grid-column: 2; grid-row: 2; }
    .bgb-color-content p { font-size: 1.7rem; }
    .bgb-color-content.gh-content .gh-table table { font-size: 1.25rem; }
    .bgb-color-content.gh-content .gh-table table thead th,
    .bgb-color-content.gh-content .gh-table table tbody td { padding: 13px 11px; }
    .bgb-color-content.gh-content .gh-table table thead th:first-child,
    .bgb-color-content.gh-content .gh-table table tbody td:first-child { padding-left: 11px; }
    .bgb-color-content.gh-content .gh-table table thead th:last-child,
    .bgb-color-content.gh-content .gh-table table tbody td:last-child { padding-right: 11px; }
    .bgb-color-content.gh-content .gh-table table tbody td:first-child { font-size: 1.65rem; }
}

/* Longevity Library — searchable research and resource collection */
.bgb-library-page {
    --library-ink: #151713;
    --library-deep: #234f38;
    --library-electric: #b8f52a;
    --library-yellow: #ffd84d;
    --library-paper: #f5f0e6;
    --library-soft: #e8f2d3;
    color: var(--library-ink);
    background: var(--library-paper);
}
.bgb-library-page h1,
.bgb-library-page h2,
.bgb-library-page h3,
.bgb-library-page p { margin-top: 0; }
.bgb-library-wrap { width: min(100% - 48px, 1220px); margin-inline: auto; }
.bgb-library-kicker { margin-bottom: 24px; color: var(--library-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bgb-library-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr); min-height: 780px; background: var(--library-ink); }
.bgb-library-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(70px, 8vw, 130px) clamp(32px, 5vw, 96px); }
.bgb-library-number { margin-bottom: 35px; color: var(--library-electric); font-family: "Instrument Serif", Georgia, serif; font-size: 7rem; line-height: 1; }
.bgb-library-hero .bgb-library-kicker { color: rgba(245, 240, 230, .64); }
.bgb-library-hero h1 { max-width: 760px; margin-bottom: 32px; color: var(--library-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(7.5rem, 9.5vw, 13.5rem); font-weight: 400; letter-spacing: -.055em; line-height: .8; }
.bgb-library-support { max-width: 680px; margin-bottom: 42px; color: rgba(245, 240, 230, .78); font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(1.75rem, 1.5vw, 2.2rem); line-height: 1.55; }
.bgb-library-hero-image { min-height: 780px; margin: 0; overflow: hidden; }
.bgb-library-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.bgb-library-text-link { display: inline-flex; width: fit-content; gap: 10px; padding-bottom: 7px; color: var(--library-deep); border-bottom: 1px solid currentColor; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.bgb-library-text-link-light { color: var(--library-electric); }
.bgb-library-intro { padding: clamp(90px, 11vw, 160px) 0; background: var(--library-yellow); }
.bgb-library-intro-grid,
.bgb-library-standards-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 8vw, 120px); }
.bgb-library-intro h2,
.bgb-library-standards h2 { margin-bottom: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.4rem, 6.5vw, 8.8rem); font-weight: 400; letter-spacing: -.045em; line-height: .88; }
.bgb-library-intro p,
.bgb-library-standards-grid > div:last-child > p { max-width: 700px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.75rem; line-height: 1.58; }
.bgb-library-intro p + p { margin-top: 22px; }
.bgb-library-desk { position: relative; overflow: hidden; padding: clamp(90px, 11vw, 150px) 0; color: var(--library-paper); background: var(--library-deep); }
.bgb-library-desk::after { position: absolute; right: -120px; bottom: -180px; width: 460px; height: 460px; border: 1px solid rgba(184, 245, 42, .2); border-radius: 50%; box-shadow: 0 0 0 55px rgba(184, 245, 42, .035), 0 0 0 110px rgba(184, 245, 42, .025); content: ""; }
.bgb-library-desk-head { position: relative; z-index: 1; display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 30px; margin-bottom: 62px; }
.bgb-library-desk-head > span { color: var(--library-electric); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; line-height: 1; }
.bgb-library-desk .bgb-library-kicker { color: var(--library-electric); }
.bgb-library-desk-head h2 { max-width: 980px; margin-bottom: 0; color: var(--library-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(6rem, 8vw, 10.8rem); font-weight: 400; letter-spacing: -.05em; line-height: .82; }
.bgb-library-desk-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(45px, 7vw, 105px); align-items: start; }
.bgb-library-featured-tool { background: var(--library-paper); box-shadow: 18px 18px 0 rgba(184, 245, 42, .18); }
.bgb-library-featured-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--library-ink); }
.bgb-library-featured-image img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; transition: transform .45s ease; }
.bgb-library-featured-image > span { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--library-ink) 0 55%, var(--library-electric) 55% 58%, var(--library-yellow) 58%); }
.bgb-library-featured-tool:hover .bgb-library-featured-image img { transform: scale(1.025); }
.bgb-library-featured-tool > div { padding: clamp(28px, 4vw, 48px); }
.bgb-library-featured-tool .bgb-library-kicker { margin-bottom: 18px; color: var(--library-deep); }
.bgb-library-featured-tool h3 { margin-bottom: 17px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5rem, 6vw, 7.5rem); font-weight: 400; letter-spacing: -.04em; line-height: .86; }
.bgb-library-featured-tool h3 a { color: var(--library-ink); }
.bgb-library-featured-tool > div > p:not(.bgb-library-kicker) { margin-bottom: 28px; color: var(--library-ink); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.5rem; line-height: 1.55; }
.bgb-library-desk-routes { border-top: 1px solid rgba(245, 240, 230, .4); }
.bgb-library-desk-routes > * { display: grid; grid-template-columns: 54px minmax(180px, .75fr) minmax(0, 1.25fr) 26px; width: 100%; gap: 20px; align-items: center; padding: 24px 0; color: var(--library-paper); border: 0; border-bottom: 1px solid rgba(245, 240, 230, .4); background: transparent; text-align: left; cursor: pointer; }
.bgb-library-desk-routes > *:hover { padding-inline: 12px; background: rgba(184, 245, 42, .08); }
.bgb-library-desk-routes span { color: var(--library-electric); font-family: "Instrument Serif", Georgia, serif; font-size: 2.8rem; }
.bgb-library-desk-routes strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.7rem, 3vw, 4rem); font-weight: 400; line-height: 1; }
.bgb-library-desk-routes small { color: rgba(245, 240, 230, .7); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.18rem; line-height: 1.45; }
.bgb-library-desk-routes i { color: var(--library-electric); font-size: 2rem; font-style: normal; text-align: right; }
.bgb-library-search { padding: clamp(90px, 11vw, 160px) 0; background: var(--library-paper); }
.bgb-library-search-head { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 30px; margin-bottom: 58px; }
.bgb-library-search-head > span { color: var(--library-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; line-height: 1; }
.bgb-library-search-head h2 { max-width: 980px; margin-bottom: 24px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(6rem, 8vw, 11rem); font-weight: 400; letter-spacing: -.05em; line-height: .82; }
.bgb-library-search-head div > p:last-child { max-width: 720px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.65rem; line-height: 1.55; }
.bgb-library-search-tools > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.bgb-library-search-field { position: relative; max-width: 980px; }
.bgb-library-search-field span { position: absolute; top: 50%; left: 18px; color: var(--library-deep); font-size: 3rem; line-height: 1; transform: translateY(-50%); }
.bgb-library-search-field input { width: 100%; padding: 22px 24px 22px 66px; color: var(--library-ink); border: 0; border-bottom: 2px solid var(--library-deep); border-radius: 0; outline: 0; background: var(--library-soft); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.7rem, 3.4vw, 4.6rem); }
.bgb-library-search-field input:focus { box-shadow: inset 8px 0 0 var(--library-electric); }
.bgb-library-search-field input::placeholder { color: rgba(21, 23, 19, .44); }
.bgb-library-filters { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0 44px; }
.bgb-library-filters button { padding: 9px 14px; color: var(--library-deep); border: 1px solid rgba(35, 79, 56, .45); border-radius: 999px; background: transparent; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; cursor: pointer; }
.bgb-library-filters button:hover,
.bgb-library-filters button.is-active { color: var(--library-paper); background: var(--library-deep); }
.bgb-library-result-bar { display: flex; justify-content: space-between; gap: 30px; padding: 15px 0; color: rgba(35, 79, 56, .68); border-top: 1px solid rgba(35, 79, 56, .35); border-bottom: 1px solid rgba(35, 79, 56, .35); font-family: "Space Grotesk", Arial, sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-library-result-bar p { margin-bottom: 0; }
.bgb-library-results { border-top: 0; }
.bgb-library-result { display: grid; grid-template-columns: 190px minmax(0, 1fr) 44px; gap: 34px; align-items: center; padding: 30px 0; border-bottom: 1px solid rgba(35, 79, 56, .35); }
.bgb-library-result[hidden] { display: none; }
.bgb-library-result-image { display: block; height: 140px; overflow: hidden; background: var(--library-deep); }
.bgb-library-result-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bgb-library-result:hover .bgb-library-result-image img { transform: scale(1.03); }
.bgb-library-result-image > span { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--library-deep) 0 48%, var(--library-electric) 48% 54%, var(--library-yellow) 54%); }
.bgb-library-result-image.bgb-library-lexicon-image > span { background: radial-gradient(circle at 24% 30%, var(--library-paper) 0 7%, transparent 7.5%), linear-gradient(110deg, var(--library-deep) 0 37%, var(--library-yellow) 37% 65%, var(--library-electric) 65%); }
.bgb-library-result-tags,
.bgb-library-result-meta { margin-bottom: 10px; color: var(--library-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: .9rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.bgb-library-result h3 { margin-bottom: 12px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3.2rem, 4vw, 5.3rem); font-weight: 400; line-height: .96; }
.bgb-library-result h3 a { color: var(--library-ink); }
.bgb-library-result-copy > p:not(.bgb-library-result-tags):not(.bgb-library-result-meta) { max-width: 760px; margin-bottom: 14px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.4rem; line-height: 1.55; }
.bgb-library-result-arrow { color: var(--library-deep); font-size: 3rem; text-align: right; }
.bgb-library-empty { padding: 56px 0; border-bottom: 1px solid rgba(35, 79, 56, .35); }
.bgb-library-empty h3 { margin-bottom: 10px; font-family: "Instrument Serif", Georgia, serif; font-size: 4rem; font-weight: 400; }
.bgb-library-empty p { margin-bottom: 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.5rem; }
.bgb-library-map { padding: clamp(85px, 10vw, 140px) 0; background: var(--library-soft); }
.bgb-library-map-head { display: grid; grid-template-columns: .55fr 1.45fr; gap: 40px; align-items: end; margin-bottom: 48px; }
.bgb-library-map-head .bgb-library-kicker { margin-bottom: 0; }
.bgb-library-map-head h2 { max-width: 900px; margin: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.4rem, 7vw, 9rem); font-weight: 400; letter-spacing: -.045em; line-height: .86; }
.bgb-library-map-list { border-top: 1px solid rgba(35, 79, 56, .4); }
.bgb-library-map-list button { display: grid; grid-template-columns: 70px minmax(260px, .8fr) minmax(0, 1.2fr) 30px; width: 100%; gap: 28px; align-items: center; padding: 24px 0; color: var(--library-ink); border: 0; border-bottom: 1px solid rgba(35, 79, 56, .4); background: transparent; text-align: left; cursor: pointer; }
.bgb-library-map-list button::after { color: var(--library-deep); font-size: 2.4rem; content: "→"; }
.bgb-library-map-list button:hover { padding-inline: 14px; background: rgba(184, 245, 42, .18); }
.bgb-library-map-list span { color: var(--library-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 3.2rem; }
.bgb-library-map-list strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(2.7rem, 3.3vw, 4.5rem); font-weight: 400; line-height: 1; }
.bgb-library-map-list small { font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.3rem; line-height: 1.45; }
.bgb-library-standards { padding: clamp(90px, 11vw, 150px) 0; color: var(--library-paper); background: var(--library-deep); }
.bgb-library-standards .bgb-library-kicker,
.bgb-library-standards .bgb-library-text-link { color: var(--library-electric); }
.bgb-library-standards-grid > div:last-child > p { color: rgba(245, 240, 230, .78); }
.bgb-library-reference-desk { padding: clamp(95px, 11vw, 155px) 0; background: var(--library-soft); }
.bgb-library-reference-head { display: grid; grid-template-columns: 150px 1fr; gap: 40px; align-items: start; margin-bottom: 56px; }
.bgb-library-reference-head > span { color: var(--library-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; line-height: 1; }
.bgb-library-reference-head h2 { max-width: 980px; margin: 16px 0 22px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.8rem, 7.4vw, 9.5rem); font-weight: 400; letter-spacing: -.05em; line-height: .85; }
.bgb-library-reference-head div > p:last-child { max-width: 720px; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.55rem; line-height: 1.55; }
.bgb-library-reference-list { border-top: 1px solid rgba(35, 79, 56, .4); }
.bgb-library-reference-list details { border-bottom: 1px solid rgba(35, 79, 56, .4); }
.bgb-library-reference-list summary { display: grid; grid-template-columns: 70px minmax(0, 1fr) 30px; gap: 26px; align-items: center; padding: 24px 0; list-style: none; cursor: pointer; }
.bgb-library-reference-list summary::-webkit-details-marker { display: none; }
.bgb-library-reference-list summary span { color: var(--library-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 3rem; }
.bgb-library-reference-list summary strong { font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3rem, 3.8vw, 5rem); font-weight: 400; line-height: .98; }
.bgb-library-reference-list summary i { color: var(--library-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 3rem; font-style: normal; text-align: right; }
.bgb-library-reference-list details[open] summary i { transform: rotate(45deg); }
.bgb-library-reference-list details > div { padding: 0 70px 30px 96px; }
.bgb-library-reference-list details p { max-width: 820px; margin: 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.4rem; line-height: 1.6; }

@media (max-width: 900px) {
    .bgb-library-hero { grid-template-columns: 1fr; }
    .bgb-library-hero-copy { min-height: 700px; }
    .bgb-library-hero-image { min-height: 66vw; }
    .bgb-library-intro-grid,
    .bgb-library-standards-grid { grid-template-columns: 1fr; }
    .bgb-library-desk-grid { grid-template-columns: 1fr; }
    .bgb-library-map-head { grid-template-columns: 1fr; }
    .bgb-library-reference-head { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .bgb-library-wrap { width: min(100% - 32px, 1220px); }
    .bgb-library-hero-copy { min-height: 640px; padding-inline: 24px; }
    .bgb-library-number { font-size: 5rem; }
    .bgb-library-desk-head { grid-template-columns: 1fr; }
    .bgb-library-desk-head > span { font-size: 4rem; }
    .bgb-library-featured-tool { box-shadow: 9px 9px 0 rgba(184, 245, 42, .18); }
    .bgb-library-desk-routes > * { grid-template-columns: 44px minmax(0, 1fr) 24px; gap: 10px 14px; }
    .bgb-library-desk-routes small { grid-column: 2 / -1; }
    .bgb-library-desk-routes i { grid-column: 3; grid-row: 1; }
    .bgb-library-search-head { grid-template-columns: 1fr; }
    .bgb-library-search-head > span { font-size: 4rem; }
    .bgb-library-result-bar { display: block; }
    .bgb-library-result-bar p + p { margin-top: 8px; }
    .bgb-library-result { grid-template-columns: 95px minmax(0, 1fr); gap: 18px; }
    .bgb-library-result-image { height: 105px; }
    .bgb-library-result-arrow { display: none; }
    .bgb-library-result h3 { font-size: 2.8rem; }
    .bgb-library-result-copy > p:not(.bgb-library-result-tags):not(.bgb-library-result-meta) { display: none; }
    .bgb-library-map-list button { grid-template-columns: 52px 1fr 28px; gap: 14px; }
    .bgb-library-map-list small { grid-column: 2 / -1; }
    .bgb-library-map-list button::after { grid-column: 3; grid-row: 1; }
    .bgb-library-reference-list summary { grid-template-columns: 48px 1fr 24px; gap: 12px; }
    .bgb-library-reference-list details > div { padding: 0 10px 26px 60px; }
}

/* BGB EDITORIAL STANDARDS */
.bgb-standards-page { --std-ink: #151713; --std-deep: #234f38; --std-electric: #b8f52a; --std-yellow: #ffd84d; --std-paper: #f5f0e6; --std-soft: #e8f3d2; color: var(--std-ink); background: var(--std-paper); }
.bgb-standards-page * { box-sizing: border-box; }
.bgb-standards-wrap { width: min(100% - 64px, 1220px); margin-inline: auto; }
.bgb-standards-kicker { color: var(--std-deep); font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.bgb-standards-number { color: var(--std-electric); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5rem, 8vw, 10rem); line-height: .8; }
.bgb-standards-link { display: inline-block; padding-bottom: 6px; color: var(--std-deep); border-bottom: 1px solid currentColor; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bgb-standards-link-light { color: var(--std-electric); }
.bgb-standards-hero { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 790px; background: var(--std-ink); }
.bgb-standards-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(70px, 8vw, 130px) max(42px, calc((100vw - 1220px) / 2)); color: var(--std-paper); }
.bgb-standards-hero-copy .bgb-standards-kicker { align-self: flex-start; margin-bottom: clamp(65px, 8vw, 110px); color: var(--std-electric); }
.bgb-standards-hero h1 { margin: 34px 0 24px; color: var(--std-paper); font-family: "Instrument Serif", Georgia, serif; font-size: clamp(7rem, 9vw, 12rem); font-weight: 400; letter-spacing: -.055em; line-height: .76; }
.bgb-standards-hero-copy > p { max-width: 620px; margin-bottom: 38px; color: rgba(245, 240, 230, .78); font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(1.7rem, 2vw, 2.25rem); line-height: 1.52; }
.bgb-standards-hero-image { min-height: 790px; margin: 0; overflow: hidden; background: var(--std-yellow); }
.bgb-standards-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.bgb-standards-intro { padding: clamp(95px, 12vw, 170px) 0; background: var(--std-yellow); }
.bgb-standards-intro-grid, .bgb-standards-method-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 9vw, 140px); align-items: start; }
.bgb-standards-intro h2, .bgb-standards-method h2, .bgb-standards-contact h2 { margin: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.8rem, 7.5vw, 10rem); font-weight: 400; letter-spacing: -.05em; line-height: .84; }
.bgb-standards-intro p, .bgb-standards-method p, .bgb-standards-contact p { margin: 0 0 18px; font-family: "Space Grotesk", Arial, sans-serif; font-size: clamp(1.55rem, 1.75vw, 1.95rem); line-height: 1.62; }
.bgb-standards-list { padding: clamp(95px, 11vw, 155px) 0; }
.bgb-standards-list-head { display: grid; grid-template-columns: 150px 1fr; gap: 40px; margin-bottom: 55px; }
.bgb-standards-list-head > span { color: var(--std-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 5.4rem; }
.bgb-standards-list-head h2 { max-width: 950px; margin: 16px 0 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(5.8rem, 7.4vw, 9.5rem); font-weight: 400; letter-spacing: -.05em; line-height: .85; }
.bgb-standards-rows { border-top: 1px solid rgba(35, 79, 56, .4); }
.bgb-standards-rows article { display: grid; grid-template-columns: 70px minmax(300px, .8fr) minmax(0, 1.2fr); gap: 30px; align-items: start; padding: 32px 0; border-bottom: 1px solid rgba(35, 79, 56, .4); }
.bgb-standards-rows article > span { color: var(--std-deep); font-family: "Instrument Serif", Georgia, serif; font-size: 3.2rem; }
.bgb-standards-rows h3 { margin: 0; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(3rem, 3.7vw, 5rem); font-weight: 400; line-height: .98; }
.bgb-standards-rows p { margin: 0; font-family: "Space Grotesk", Arial, sans-serif; font-size: 1.4rem; line-height: 1.6; }
.bgb-standards-method { padding: clamp(95px, 11vw, 150px) 0; background: var(--std-soft); }
.bgb-standards-contact { padding: clamp(95px, 10vw, 140px) 0; color: var(--std-paper); background: var(--std-deep); }
.bgb-standards-contact .bgb-standards-kicker { color: var(--std-electric); }
.bgb-standards-contact h2 { max-width: 900px; margin: 20px 0 30px; }
.bgb-standards-contact > div > p:last-child { max-width: 760px; color: rgba(245, 240, 230, .8); }
@media (max-width: 900px) { .bgb-standards-hero { grid-template-columns: 1fr; } .bgb-standards-hero-image { min-height: 66vw; } .bgb-standards-intro-grid, .bgb-standards-method-grid { grid-template-columns: 1fr; } .bgb-standards-rows article { grid-template-columns: 60px 1fr; } .bgb-standards-rows article div { grid-column: 2; } }
@media (max-width: 620px) { .bgb-standards-wrap { width: min(100% - 32px, 1220px); } .bgb-standards-hero-copy { min-height: 690px; padding-inline: 24px; } .bgb-standards-list-head { grid-template-columns: 1fr; } .bgb-standards-rows article { grid-template-columns: 44px 1fr; gap: 14px; } }

/* SHE HACKS LONGEVITY — WHAT YOU LEARN ABOUT YOUR BODY TRAVELS */
.bgb-shl-story { --shl-ink:#171915; --shl-deep:#244b35; --shl-electric:#b8ef3b; --shl-yellow:#ffd84b; --shl-paper:#fbf8f1; --shl-soft:#e7f2d1; color:var(--shl-ink); background:var(--shl-paper); }
.bgb-shl-story * { box-sizing:border-box; }
.bgb-shl-story-wrap { width:min(100% - 64px, 1240px); margin-inline:auto; }
.bgb-shl-story-kicker { margin:0; font:600 1rem/1.2 "Space Grotesk",Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.bgb-shl-story-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); min-height:780px; background:var(--shl-ink); color:var(--shl-paper); }
.bgb-shl-story-hero-copy { display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(70px,8vw,124px) clamp(28px,6vw,90px); }
.bgb-shl-story-hero .bgb-shl-story-kicker { color:var(--shl-electric); }
.bgb-shl-story-hero h1 { max-width:920px; margin:18px 0 34px; color:var(--shl-paper); font:400 clamp(7rem,9.4vw,13rem)/.77 "Instrument Serif",Georgia,serif; letter-spacing:-.055em; }
.bgb-shl-story-dek { max-width:720px; margin:0; color:rgba(251,248,241,.8); font:400 clamp(1.8rem,2vw,2.35rem)/1.52 "Space Grotesk",Arial,sans-serif; }
.bgb-shl-story-meta { display:flex; flex-wrap:wrap; gap:22px; margin-top:46px; color:rgba(251,248,241,.56); font:600 1rem/1.2 "Space Grotesk",Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.bgb-shl-story-hero-art { min-height:100%; margin:0; overflow:hidden; background:var(--shl-soft); }
.bgb-shl-story-hero-art img { width:100%; height:100%; min-height:780px; object-fit:cover; }
.bgb-shl-story-copy { padding-block:clamp(90px,12vw,160px); }
.bgb-shl-story-copy > * { grid-column:main-start/main-end; }
.bgb-shl-story-copy .bgb-article-lead { font:400 clamp(4.4rem,6.8vw,8rem)/.94 "Instrument Serif",Georgia,serif; letter-spacing:-.04em; }
.bgb-shl-reflection { padding:clamp(90px,11vw,150px) 0; background:var(--shl-yellow); }
.bgb-shl-reflection header { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr); gap:clamp(40px,8vw,120px); align-items:end; margin-bottom:64px; }
.bgb-shl-heading-group .bgb-shl-story-kicker { margin-bottom:18px; color:var(--shl-deep); }
.bgb-shl-reflection h2,.bgb-shl-ripple h2,.bgb-shl-story-nominate h2 { margin:0; font:400 clamp(6rem,8vw,10.5rem)/.82 "Instrument Serif",Georgia,serif; letter-spacing:-.05em; }
.bgb-shl-reflection header > p:last-child { margin:0; font:400 1.8rem/1.6 "Space Grotesk",Arial,sans-serif; }
.bgb-shl-reflection-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:3px; }
.bgb-shl-reflection-choices { display:grid; grid-template-columns:1fr 1fr; gap:3px; }
.bgb-shl-reflection-choices button { min-height:110px; padding:20px; border:1px solid var(--shl-deep); border-radius:0; color:var(--shl-deep); background:transparent; cursor:pointer; font:400 2.7rem/1 "Instrument Serif",Georgia,serif; text-align:left; }
.bgb-shl-reflection-choices button:hover,.bgb-shl-reflection-choices button:focus-visible,.bgb-shl-reflection-choices button[aria-pressed="true"] { color:var(--shl-paper); background:var(--shl-deep); }
.bgb-shl-reflection-card { display:flex; flex-direction:column; min-height:360px; padding:clamp(34px,5vw,70px); background:var(--shl-paper); }
.bgb-shl-reflection-card > span,.bgb-shl-reflection-card label { color:var(--shl-deep); font:600 1rem/1.2 "Space Grotesk",Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.bgb-shl-reflection-card > p[data-shl-question] { max-width:720px; margin:22px 0 auto; font:400 clamp(3.8rem,5vw,6.5rem)/.92 "Instrument Serif",Georgia,serif; letter-spacing:-.035em; }
.bgb-shl-reflection-card label { margin:38px 0 10px; }
.bgb-shl-reflection-card textarea { width:100%; padding:16px; border:1px solid rgba(36,75,53,.45); border-radius:0; background:transparent; font:400 1.6rem/1.5 "Space Grotesk",Arial,sans-serif; resize:vertical; }
.bgb-shl-reflection-card .bgb-shl-reflection-privacy { margin:12px 0 0; color:rgba(23,25,21,.65); font:400 1.2rem/1.5 "Space Grotesk",Arial,sans-serif; }
.bgb-shl-ripple { padding:clamp(100px,13vw,180px) 0; color:var(--shl-paper); background:var(--shl-deep); }
.bgb-shl-ripple-grid { display:grid; grid-template-columns:minmax(160px,.35fr) minmax(0,1.65fr); gap:clamp(35px,7vw,100px); }
.bgb-shl-ripple-mark { margin:0; color:var(--shl-electric); font:400 clamp(10rem,16vw,22rem)/.7 "Instrument Serif",Georgia,serif; }
.bgb-shl-ripple .bgb-shl-story-kicker { color:var(--shl-electric); }
.bgb-shl-ripple h2 { max-width:980px; margin:18px 0 60px; }
.bgb-shl-ripple div > p:not(.bgb-shl-story-kicker) { max-width:820px; margin:0 0 24px; color:rgba(251,248,241,.82); font:400 clamp(1.75rem,2vw,2.2rem)/1.65 "Space Grotesk",Arial,sans-serif; }
.bgb-shl-story-nominate { min-height:100vh; padding:clamp(110px,13vw,180px) 0; background:var(--shl-electric); }
.bgb-shl-story-nominate-head { display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(50px,9vw,130px); align-items:end; margin-bottom:clamp(70px,9vw,115px); }
.bgb-shl-story-nominate-head .bgb-shl-story-kicker { margin-bottom:18px; color:var(--shl-deep); }
.bgb-shl-story-nominate-head > div:last-child > p { margin:0 0 24px; font:400 clamp(1.75rem,2vw,2.2rem)/1.6 "Space Grotesk",Arial,sans-serif; }
.bgb-shl-story-nominate-head .bgb-shl-story-self { padding-top:22px; border-top:1px solid var(--shl-deep); font-size:1.25rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.bgb-shl-story-nominate-body { display:grid; grid-template-columns:.65fr 1.35fr; gap:3px; align-items:start; }
.bgb-shl-story-nominate-body > aside { padding:44px; color:var(--shl-paper); background:var(--shl-deep); }
.bgb-shl-story-nominate-body > aside span { color:var(--shl-electric); font:600 1rem/1.2 "Space Grotesk",Arial,sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.bgb-shl-story-nominate-body > aside ul { margin:42px 0 0; padding:0; list-style:none; }
.bgb-shl-story-nominate-body > aside li { padding:20px 0; border-top:1px solid rgba(251,248,241,.3); font:400 2.4rem/1.08 "Instrument Serif",Georgia,serif; }
.bgb-shl-story-nominate-body > aside li:last-child { border-bottom:1px solid rgba(251,248,241,.3); }
.bgb-shl-story-form { padding:clamp(38px,5vw,72px); }
.bgb-shl-story-next { padding:clamp(80px,9vw,120px) 0; color:var(--shl-paper); background:var(--shl-ink); }
.bgb-shl-story-next .bgb-shl-story-kicker { margin-bottom:18px; color:var(--shl-electric); }
.bgb-shl-story-next a { display:flex; justify-content:space-between; gap:30px; padding:28px 0; border-block:1px solid rgba(251,248,241,.35); color:var(--shl-paper); font:400 clamp(3.5rem,5vw,6rem)/1 "Instrument Serif",Georgia,serif; }
@media(max-width:900px){.bgb-shl-story-hero,.bgb-shl-reflection header,.bgb-shl-story-nominate-head{grid-template-columns:1fr}.bgb-shl-story-hero-art{min-height:66vw}.bgb-shl-story-hero-art img{min-height:66vw}.bgb-shl-reflection-grid,.bgb-shl-story-nominate-body{grid-template-columns:1fr}.bgb-shl-ripple-grid{grid-template-columns:130px 1fr}}
@media(max-width:620px){.bgb-shl-story-wrap{width:min(100% - 32px,1240px)}.bgb-shl-story-hero{grid-template-columns:1fr;min-height:auto}.bgb-shl-story-hero-copy{min-height:680px;padding-inline:24px}.bgb-shl-story-hero h1{font-size:6.6rem}.bgb-shl-reflection-choices{grid-template-columns:1fr}.bgb-shl-reflection-choices button{min-height:78px}.bgb-shl-ripple-grid{grid-template-columns:1fr}.bgb-shl-ripple-mark{font-size:9rem}.bgb-shl-story-nominate-body>aside{padding:30px 24px}.bgb-shl-story-form{padding:34px 22px}}

/* KEEP IT CUTE — LANDING PAGE */
.bgb-kic-page{--kic-ink:#171915;--kic-deep:#244b35;--kic-lime:#b8ef3b;--kic-yellow:#ffd84b;--kic-paper:#fbf8f1;--kic-soft:#e7f2d1;--kic-oxblood:#6b252d;--kic-line:rgba(36,75,53,.38);color:var(--kic-ink);background:var(--kic-paper);font-family:"Karla",Arial,sans-serif}
.bgb-kic-page *{box-sizing:border-box}.bgb-kic-page :is(h1,h2,h3){font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.045em}.bgb-kic-wrap{width:min(100% - 56px,1240px);margin-inline:auto}
.bgb-kic-hero{position:relative;min-height:830px;overflow:hidden;background:var(--kic-paper)}.bgb-kic-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bgb-kic-hero-copy{position:relative;z-index:2;display:flex;min-height:830px;flex-direction:column;justify-content:flex-end;width:min(52%,820px);padding:92px max(38px,calc((100vw - 1240px)/2)) 105px}.bgb-kic-mark{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--kic-deep);color:var(--kic-deep)}.bgb-kic-mark strong{font:600 2.8rem/1 "Space Grotesk",sans-serif;letter-spacing:-.04em}.bgb-kic-mark span,.bgb-kic-hero-copy>a,.bgb-kic-feature-copy>span:first-child,.bgb-kic-read,.bgb-kic-lens-card>p:first-child{font:600 1.1rem/1.3 "Space Grotesk",sans-serif;letter-spacing:.13em;text-transform:uppercase}.bgb-kic-hero h1{max-width:800px;margin:90px 0 28px;color:var(--kic-deep);font-size:clamp(9.6rem,12vw,17.6rem);line-height:.72}.bgb-kic-hero-copy>p{max-width:560px;margin:0;color:var(--kic-ink);font-size:clamp(2.1rem,2vw,2.8rem);line-height:1.47}.bgb-kic-hero-copy>a{width:max-content;margin-top:40px;padding-bottom:7px;border-bottom:1px solid var(--kic-deep);color:var(--kic-deep);text-decoration:none}
.bgb-kic-thesis{padding:130px 0;background:var(--kic-yellow)}.bgb-kic-thesis-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:95px;align-items:start}.bgb-kic-thesis h2{margin:0;font-size:clamp(7rem,8vw,11.2rem);line-height:.82}.bgb-kic-thesis-copy{font-size:2.2rem;line-height:1.66}.bgb-kic-thesis-copy p{margin:0 0 25px}.bgb-kic-thesis-copy .bgb-kic-pull{padding-top:25px;border-top:1px solid rgba(23,25,21,.45);color:var(--kic-deep);font:400 3.4rem/1.25 "Instrument Serif",serif}
.bgb-kic-lens{padding:125px 0;color:var(--kic-paper);background:var(--kic-deep)}.bgb-kic-section-head{display:grid;grid-template-columns:120px 1fr;gap:34px;margin-bottom:70px}.bgb-kic-section-head>span{color:var(--kic-lime);font:400 7.8rem/.85 "Instrument Serif",serif}.bgb-kic-section-head h2{max-width:940px;margin:0;font-size:clamp(6.8rem,8vw,11.2rem);line-height:.82}.bgb-kic-lens-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px}.bgb-kic-lens-list{border-top:1px solid rgba(251,248,241,.36)}.bgb-kic-lens-list button{display:grid;grid-template-columns:48px 1fr 24px;gap:18px;align-items:center;width:100%;padding:23px 0;color:var(--kic-paper);border:0;border-bottom:1px solid rgba(251,248,241,.36);border-radius:0;background:transparent;text-align:left;cursor:pointer}.bgb-kic-lens-list button span{color:var(--kic-lime);font:400 2.4rem "Instrument Serif",serif}.bgb-kic-lens-list button strong{font:400 clamp(2.7rem,3vw,3.9rem)/1 "Instrument Serif",serif}.bgb-kic-lens-list button i{font-style:normal;transition:transform .2s}.bgb-kic-lens-list button:hover i,.bgb-kic-lens-list button[aria-pressed=true] i{transform:translateX(7px)}.bgb-kic-lens-list button[aria-pressed=true]{padding-inline:16px;color:var(--kic-ink);background:var(--kic-lime)}.bgb-kic-lens-card{position:sticky;top:25px;min-height:520px;padding:58px;color:var(--kic-ink);background:var(--kic-paper)}.bgb-kic-lens-card>p:first-child{margin:0;color:var(--kic-oxblood)}.bgb-kic-lens-card h3{margin:70px 0 26px;color:var(--kic-deep);font-size:clamp(5.8rem,6vw,8.8rem);line-height:.85}.bgb-kic-lens-card>p{max-width:650px;margin:0;font-size:2.1rem;line-height:1.65}.bgb-kic-lens-card .bgb-kic-lens-note{margin-top:68px;padding-top:22px;border-top:1px solid var(--kic-line);font-size:1.4rem;letter-spacing:.04em}
.bgb-kic-feature{padding:125px 0;background:var(--kic-paper)}.bgb-kic-feature>div>header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--kic-line)}.bgb-kic-feature header h2{margin:0;font-size:clamp(6.2rem,7vw,9.4rem);line-height:.84}.bgb-kic-feature header p{max-width:410px;margin:0;font-size:1.8rem;line-height:1.55}.bgb-kic-feature-card{display:grid;grid-template-columns:1.12fr .88fr;min-height:590px;color:var(--kic-paper);background:var(--kic-ink);text-decoration:none}.bgb-kic-feature-art{position:relative;overflow:hidden;background:var(--kic-soft)}.bgb-kic-feature-art img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.82)}.bgb-kic-feature-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(42px,6vw,78px)}.bgb-kic-feature-copy>span:first-child{color:var(--kic-lime)}.bgb-kic-feature-copy h3{margin:64px 0 26px;font-size:clamp(6.2rem,7vw,9.8rem);line-height:.8}.bgb-kic-feature-copy>p{margin:0 0 48px;color:rgba(251,248,241,.76);font-size:1.9rem;line-height:1.6}.bgb-kic-read{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(251,248,241,.35)}.bgb-kic-read i{font-style:normal}
.bgb-kic-territory{padding:120px 0;background:var(--kic-soft)}.bgb-kic-territory-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:78px}.bgb-kic-territory h2{margin:0;font-size:clamp(7.2rem,8vw,11rem);line-height:.8}.bgb-kic-territory-list{border-top:1px solid var(--kic-line)}.bgb-kic-territory-list>div{display:grid;grid-template-columns:70px .72fr 1.28fr;gap:25px;padding:27px 0;border-bottom:1px solid var(--kic-line);align-items:start}.bgb-kic-territory-list span{color:var(--kic-deep);font:400 3rem "Instrument Serif",serif}.bgb-kic-territory-list strong{font:400 3.6rem/1 "Instrument Serif",serif}.bgb-kic-territory-list p{margin:0;font-size:1.7rem;line-height:1.55}
.bgb-kic-close{padding:135px 0;color:var(--kic-paper);background:var(--kic-ink)}.bgb-kic-close>.bgb-kic-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.bgb-kic-close h2{margin:0;font-size:clamp(8.4rem,10vw,14.2rem);line-height:.76}.bgb-kic-close div>div{font-size:2.1rem;line-height:1.62}.bgb-kic-close div>div p{margin:0 0 36px}.bgb-kic-close a{display:inline-flex;gap:18px;padding-bottom:8px;border-bottom:1px solid var(--kic-lime);color:var(--kic-lime);font:600 1.1rem/1.3 "Space Grotesk",sans-serif;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
@media(max-width:850px){.bgb-kic-hero>img{object-position:68% center;opacity:.55}.bgb-kic-hero:after{position:absolute;inset:0;background:linear-gradient(90deg,var(--kic-paper) 0 18%,rgba(251,248,241,.84) 48%,rgba(251,248,241,.18) 100%);content:""}.bgb-kic-hero-copy{left:auto;right:auto;width:100%;max-width:none;min-width:0;padding-inline:28px}.bgb-kic-thesis-grid,.bgb-kic-lens-grid,.bgb-kic-feature-card,.bgb-kic-territory-grid,.bgb-kic-close>.bgb-kic-wrap{grid-template-columns:1fr}.bgb-kic-lens-card{position:relative;top:auto}.bgb-kic-feature-card{min-height:0}.bgb-kic-feature-art{min-height:440px}.bgb-kic-territory-grid{gap:55px}}
@media(max-width:560px){.bgb-kic-wrap{width:min(100% - 32px,1240px)}.bgb-kic-hero,.bgb-kic-hero-copy{min-height:700px}.bgb-kic-hero h1{display:block;width:100%;max-width:none;font-size:clamp(4.8rem,14vw,6.6rem);line-height:.82;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none}.bgb-kic-mark{gap:14px}.bgb-kic-mark strong{flex:0 0 auto;font-size:2.2rem}.bgb-kic-mark span{min-width:0;font-size:.9rem;white-space:nowrap}.bgb-kic-thesis,.bgb-kic-lens,.bgb-kic-feature,.bgb-kic-territory,.bgb-kic-close{padding-block:88px}.bgb-kic-section-head{grid-template-columns:1fr}.bgb-kic-lens-card{min-height:450px;padding:34px 25px}.bgb-kic-feature>div>header{display:block}.bgb-kic-feature header p{margin-top:22px}.bgb-kic-feature-art{min-height:330px}.bgb-kic-territory-list>div{grid-template-columns:48px 1fr}.bgb-kic-territory-list p{grid-column:2}.bgb-kic-close>.bgb-kic-wrap{gap:50px}}