.hr42-anchor{display:block;height:0;scroll-margin-top:110px}
.hr42-page-nav{display:flex;flex-wrap:wrap;gap:14px 28px;padding:18px 0;border-top:1px solid #d7dcd6;border-bottom:1px solid #d7dcd6;margin:28px auto;max-width:1264px;color:#17283f}
.hr42-page-nav a{font-size:14px;min-height:32px;display:inline-flex;align-items:center;text-decoration:none}
.hr42-page-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.hr42-page-intro h1{font-weight:400;line-height:1.3;font-size:clamp(32px,4vw,48px);margin:20px 0}
.hr42-page-intro>p:not(.hr-label){max-width:760px;line-height:1.9;color:#657080}
.hr42-gateway h2,.hr42-reference-section h2,.hr42-process h2,.hr42-material-directions h2{font-weight:400;line-height:1.45}
.hr42-gateway-content{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.hr42-gateway-content:has(>img){grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:center}
.hr42-gateway-content>img{width:100%;height:auto;max-height:320px;object-fit:contain;mix-blend-mode:multiply}
.hr42-gateway-content p{max-width:760px;line-height:1.9;color:#657080}
.hr42-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:20px}
.hr42-links a,.hr42-reference-grid a,.hr42-process>a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.hr42-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}
.hr42-reference-grid article{min-width:0}
.hr42-reference-grid img,.hr42-colour-study{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.hr42-reference-grid h3{font-size:21px;font-weight:400;margin:22px 0 12px}
.hr42-reference-grid p{font-size:15px;line-height:1.8;color:#657080}
.hr42-colour-study{display:block;background:#d2e1d8}
.hr42-colour-study i{display:block;width:100%;height:100%;background:#d2e1d8}
.hr42-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0 18px}
.hr42-process-grid article{border-top:1px solid #d7dcd6;padding-top:20px}
.hr42-process-grid span{font-size:12px;letter-spacing:.12em;color:#657080}
.hr42-process-grid h3{font-size:21px;font-weight:400;margin:16px 0}
.hr42-process-grid p{font-size:15px;line-height:1.85;color:#657080}
.hr42-compact-materials{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.hr42-compact-materials .cm26-visual{aspect-ratio:auto!important}
.hr42-compact-materials .cm26-visual img{height:auto;width:100%;object-fit:contain}
.hr42-compact-materials .cm26-visual .v30-colour{height:100%;min-height:0}
.hr42-compact-materials .hr-label{font-size:10px;letter-spacing:.08em}
.hr42-compact-materials .cm26-card h3{font-size:24px;margin-top:18px}
.hr42-compact-materials .cm26-visual.hr40-denim-type{min-height:0}
.hr42-compact-materials .hr40-denim-type strong{font-size:clamp(22px,3.4vw,42px)}
.hr42-tool{border-top:1px solid #d7dcd6;margin:20px 0}
.hr42-tool>summary,.hr42-brand-examples>summary{cursor:pointer;min-height:54px;padding:18px 4px;font-size:17px;color:#17283f}
.hr42-tool[open]>summary{border-bottom:1px solid #d7dcd6}
.hr42-evidence-note,.hr42-palette-note{font-size:13px;line-height:1.8;color:#657080}
[data-page-role="home"] .hr42-reference-section{padding-bottom:20px}
[data-page-role="home"] .hr42-reference-grid img,[data-page-role="home"] .hr42-colour-study{max-height:230px;object-fit:contain}
.hr42-tool summary:focus-visible,.hr42-page-nav a:focus-visible,.hr42-links a:focus-visible{outline:2px solid #17283f;outline-offset:5px}
@media(max-width:800px){.hr42-page-nav{margin-left:20px;margin-right:20px;gap:8px 20px}.hr42-reference-grid,.hr42-process-grid{grid-template-columns:1fr}.hr42-reference-grid article{display:grid;grid-template-columns:minmax(100px,.7fr) 1fr;gap:6px 22px}.hr42-reference-grid article>img,.hr42-reference-grid article>.hr42-colour-study{grid-row:span 3;align-self:start}.hr42-reference-grid h3{margin:0}.hr42-reference-grid p{margin:4px 0}.hr42-compact-materials{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hr42-gateway-content:has(>img){grid-template-columns:1fr}.hr42-gateway-content>img{max-height:280px}}
@media(max-width:480px){.hr42-reference-grid article{grid-template-columns:1fr}.hr42-reference-grid article>img,.hr42-reference-grid article>.hr42-colour-study{max-height:280px;grid-row:auto}.hr42-reference-grid h3{margin-top:14px}.hr42-compact-materials .cm26-card h3{font-size:20px}.hr42-compact-materials .cm26-process{font-size:12px}.hr42-compact-materials .hr40-denim-type small{font-size:10px}.hr42-page-nav{gap:6px 16px}}

/* BP43: full material artwork follows its intrinsic ratio. */
body.hr-site .cm26-card .cm26-visual{height:auto;max-height:none;aspect-ratio:auto!important;background:transparent;overflow:visible;display:block}
body.hr-site .cm26-card .cm26-visual img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
body.hr-site .cm26-card .cm26-visual:has(>.v30-colour),body.hr-site .cm26-card .cm26-visual.hr40-denim-type{aspect-ratio:1!important}
body.hr-site .cm26-card .cm26-visual.hr40-denim-type{display:flex}
body.hr-site .hr42-reference-grid img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.hr43-denim-direction{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #d7dcd6;color:#17283f;gap:20px}
.hr43-denim-direction strong{font:400 clamp(26px,3vw,44px)/1.2 Georgia,serif;text-align:center}
.hr43-denim-direction span{font-size:12px;letter-spacing:.06em}
.hr43-h-artwork{margin:32px 0;max-width:100%}
.hr43-h-artwork img{display:block;width:100%;height:auto;object-fit:contain}
.hr43-h-artwork figcaption{font-size:13px;line-height:1.8;color:#657080;margin-top:14px}
.hr43-h-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:20px 0}
.hr43-h-links a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
@media(max-width:800px){.hr42-reference-grid article>.hr43-denim-direction{grid-row:span 3}}
@media(max-width:480px){.hr42-reference-grid article>.hr43-denim-direction{grid-row:auto}.hr43-denim-direction{max-width:none}}

/* BP45: one complete H01 colour study, displayed directly from the source. */
.hr45-h-study{display:block;width:100%;height:auto;aspect-ratio:1}
@media(max-width:800px){.hr42-reference-grid article>.hr45-h-study{grid-row:span 3;align-self:start}}
@media(max-width:480px){.hr42-reference-grid article>.hr45-h-study{grid-row:auto}}