.b5-chapter{--b5-ink:#291639;--b5-purple:#533178;--b5-line:#ded7e3;color:var(--b5-ink);background:#faf8fc;scroll-margin-top:78px}
.b5-chapter button,.b5-chapter a{-webkit-tap-highlight-color:transparent}
.b5-chapter button:focus-visible,.b5-chapter a:focus-visible,.b5-chapter summary:focus-visible,.b5-section:focus-visible{outline:3px solid #b77e27;outline-offset:5px}
.b5-section{padding:52px 4vw 44px;scroll-margin-top:78px}
.b5-section+.b5-section{border-top:1px solid var(--b5-line)}
.b5-section:nth-child(even){background:#fff}
#brief5{scroll-margin-top:78px}
.b5-topline{display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.5;color:#786b81;margin-bottom:22px}
.b5-topline p{text-transform:uppercase;letter-spacing:.1em}
.b5-section h2{font-family:'Golos Text',Arial,sans-serif;font-size:clamp(31px,3.15vw,52px);line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0 0 28px}
.b5-section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--b5-purple)}
.b5-comparison{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:4vw;align-items:start}
.b5-visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.b5-visual-pair h3{font-family:inherit;font-size:13px;font-weight:500;margin:0 0 14px;letter-spacing:0;color:#76667e}
.b5-proposed h3{color:#533178}
.b5-art{margin:0}
.b5-art .artwork{display:block;border:0;background:transparent;padding:0;width:100%;cursor:zoom-in}
.b5-art .artwork img{width:100%;height:auto;max-height:clamp(350px,43vw,490px);object-fit:contain;object-position:top;display:block;transition:filter .2s;aspect-ratio:3/4}
.b5-art .artwork:hover img{transform:none;filter:brightness(.98)}
.b5-art figcaption{font-size:12px;line-height:1.5;color:#786b81;margin-top:12px;max-width:350px}
.b5-score{display:flex;gap:25px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--b5-line)}
.b5-score strong{font-size:68px;line-height:1;font-weight:500;letter-spacing:-.06em;color:var(--b5-purple)}
.b5-score strong span{font-size:24px;color:#ac9db5;letter-spacing:0}
.b5-score>div{font-size:16px;font-weight:500}
.b5-score small{display:block;font-size:11px;line-height:1.5;color:#81708b;font-weight:400;margin-top:7px;max-width:190px}
.b5-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;margin:21px 0 25px}
.b5-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.b5-metrics dd{font-size:21px;font-weight:500;color:var(--b5-purple)}
.b5-diagnosis{background:#f0eaf5;border-left:3px solid #b99b61;padding:20px}
.b5-diagnosis h4,.b5-final-grid h4{font-family:inherit;font-size:17px;font-weight:500;margin:0 0 10px}
.b5-diagnosis p{font-size:16px;line-height:1.55}
.b5-zones{margin-top:20px;display:grid;gap:10px}
.b5-zones p{font-size:13px;color:#73607e;display:flex;gap:15px}
.b5-zones b{color:#533178}
.b5-source{font-size:11px;line-height:1.6;color:#7c6e86;margin-top:23px;padding-top:16px;border-top:1px solid var(--b5-line);max-width:1380px}
.b5-reason{display:grid;grid-template-columns:24px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--b5-line)}
.b5-reason:first-child{padding-top:0;border-top:0}
.b5-reason>span{font-size:12px;color:#9b742d;padding-top:4px}
.b5-reason h4{font-family:inherit;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.02em;margin:0 0 12px}
.b5-reason p{font-size:15px;line-height:1.6;color:#73607e}
.b5-takeaway{font-size:17px;line-height:1.5;border-top:1px solid #b99b61;padding-top:17px;color:#533178}
.b5-rationale-table{margin-top:8px}
.b5-rationale-table>div{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:4vw;border-bottom:1px solid var(--b5-line);padding:22px 0}
.b5-rationale-table>.b5-table-head{padding:10px 0 15px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9b742d}
.b5-rationale-table h3{font-family:inherit;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:0}
.b5-rationale-table p{font-size:15px;line-height:1.55;color:#73607e}
.b5-final-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:28px}
.b5-final-grid p{font-size:13px;line-height:1.65;color:#786b81}
.b5-final-grid details{margin-top:14px}
.b5-final-grid summary{font-size:12px;cursor:pointer;color:#533178;text-decoration:underline;text-underline-offset:4px}
.b5-final-grid details p{margin-top:12px}
.b5-downloads{display:flex;gap:24px;margin-top:15px;flex-wrap:wrap}
.b5-downloads a{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#533178}
body[data-chapter=brief5] .site-header,body[data-chapter=brief5] .contents{background:#322043;color:#fffaf2}
body[data-chapter=brief5] .reading-progress{background:#d5ac60}
.site-header nav.chapter-nav{gap:clamp(12px,1.7vw,30px)}

@media(min-width:1600px){.b5-section{padding-left:max(4vw,calc((100vw - 1440px)/2));padding-right:max(4vw,calc((100vw - 1440px)/2))}
.b5-art .artwork img{max-height:550px}
}

@media(max-width:1100px){.b5-comparison{grid-template-columns:1.2fr .9fr;gap:28px}
.b5-reason h4{font-size:17px}
.b5-reason p{font-size:13px}
.b5-reason{padding:16px 0}
.b5-takeaway{font-size:15px}
.b5-score strong{font-size:55px}
.b5-score>div{font-size:14px}
.b5-metrics{grid-template-columns:1fr;gap:6px;margin:14px 0}
.b5-diagnosis{padding:15px}
.b5-diagnosis p{font-size:14px}
.b5-visual-pair{gap:16px}
.b5-visual-pair h3{font-size:12px}
.b5-art .artwork img{max-height:430px}
}

@media(max-width:800px){.b5-chapter{scroll-margin-top:65px}
.b5-section{padding:36px 5vw;scroll-margin-top:65px}
#brief5{scroll-margin-top:65px}
.b5-section h2{font-size:34px;margin-bottom:24px}
.b5-topline{font-size:10px;gap:18px;margin-bottom:20px}
.b5-topline>span{text-align:right;max-width:43%}
.b5-comparison{grid-template-columns:1fr;gap:28px}
.b5-art .artwork img{max-height:480px}
.b5-reasons{display:grid;grid-template-columns:1fr;gap:0}
.b5-reason h4{font-size:20px}
.b5-reason p{font-size:15px}
.b5-takeaway{font-size:17px}
.b5-score strong{font-size:64px}
.b5-metrics{grid-template-columns:1fr 1fr;gap:13px 20px;margin:20px 0}
.b5-diagnosis p{font-size:16px}
.b5-rationale-table>div{gap:20px;grid-template-columns:1fr 1.1fr 1fr;padding:20px 0}
.b5-rationale-table h3{font-size:15px}
.b5-rationale-table p{font-size:13px}
.b5-final-grid{grid-template-columns:1fr;gap:25px}
.b5-final-grid h4{font-size:19px}
.b5-final-grid p{font-size:14px}
.b5-source{font-size:11px}
}

@media(max-width:480px){.b5-visual-pair{gap:12px}
.b5-visual-pair h3{font-size:11px;min-height:32px;margin-bottom:8px}
.b5-art figcaption{font-size:11px}
.b5-section h2{font-size:29px}
.b5-rationale-table>div:not(.b5-table-head){grid-template-columns:1fr;gap:10px}
.b5-rationale-table>.b5-table-head{display:none}
.b5-rationale-table h3{font-size:19px}
.b5-rationale-table p{font-size:14px}
.b5-rationale-table>div p:last-child{color:#533178;border-left:2px solid #d5ac60;padding-left:12px}
.b5-topline>span{max-width:47%}
}

@media(prefers-reduced-motion:reduce){.b5-art .artwork img{transition:none}
}

/* Brief 5: chapter opening and client assignment */
.chapter-hair{background:#322043;color:#fff8ee;scroll-margin-top:78px}
.chapter-hair .chapter-divider-number{color:#d5ac60}
.b5-assignment{background:#faf8fc;padding-top:60px;padding-bottom:50px;border-bottom:1px solid var(--b5-line)}
.b5-assignment-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:end}
.b5-assignment-heading h2{font-family:'Golos Text',Arial,sans-serif;font-size:clamp(38px,4.3vw,68px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0}
.b5-assignment-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--b5-purple)}
.b5-assignment-heading>p{font-size:19px;line-height:1.6;max-width:580px;color:#73607e}
.b5-assignment-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;margin:44px 0}
.b5-assignment-goals>div{border-top:1px solid #b99b61;padding-top:18px}
.b5-assignment-goals span{font-size:12px;color:#9b742d}
.b5-assignment h3{font-family:inherit;font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:10px 0}
.b5-assignment-goals p,.b5-output-item p{font-size:15px;line-height:1.6;color:#73607e}
.b5-assignment-scope{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;border-top:1px solid var(--b5-line);padding-top:24px}
.b5-sku-list{list-style:none;padding:0;margin:20px 0 0;counter-reset:sku}
.b5-sku-list li{counter-increment:sku;display:grid;grid-template-columns:22px 95px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--b5-line);font-size:14px;line-height:1.5}
.b5-sku-list li:before{content:counter(sku,decimal-leading-zero);color:#9b742d;font-size:11px;padding-top:3px}
.b5-sku-list b{font-weight:500}.b5-sku-list span{color:#73607e}
.b5-assignment-output{padding-top:12px}.b5-assignment-output>.eyebrow{color:#786b81}
.b5-output-item{display:grid;grid-template-columns:24px 1fr;gap:16px;margin-top:21px}.b5-output-item>span{font-size:12px;color:#9b742d;padding-top:5px}.b5-output-item h3{margin:0 0 7px}
.b5-assignment-total{display:flex;gap:20px;align-items:center;margin-top:24px;border-top:1px solid var(--b5-line);padding-top:16px}.b5-assignment-total strong{font-size:58px;line-height:1;letter-spacing:-.05em;font-weight:500;color:var(--b5-purple)}.b5-assignment-total>span{font-size:14px;line-height:1.5;color:#73607e}
.b5-assignment-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--b5-line);padding-top:24px;margin-top:34px;font-size:13px;color:#73607e}
@media(max-width:800px){.b5-assignment-heading,.b5-assignment-scope{grid-template-columns:1fr;gap:28px}.b5-assignment-heading>p{font-size:17px}.b5-assignment-goals{gap:22px}.b5-assignment h3{font-size:19px}.b5-assignment-goals p{font-size:14px}.b5-assignment{padding-top:38px;padding-bottom:38px}}
@media(max-width:540px){.chapter-hair{scroll-margin-top:65px}.b5-assignment-heading h2{font-size:36px}.b5-assignment-goals{grid-template-columns:1fr;gap:24px;margin:32px 0}.b5-sku-list li{grid-template-columns:20px 82px 1fr;gap:8px;font-size:13px}.b5-assignment-bottom{align-items:start;flex-direction:column;gap:18px}}