/* One container and one image frame per content type. */
:root{--hr-visual-width:1180px;--hr-visual-gutter:32px}
body.hr-site .v29-outer{width:calc(100% - 2*var(--hr-visual-gutter))!important;max-width:var(--hr-visual-width)!important;margin-inline:auto!important;padding-inline:0!important}
body.hr-site .v29-inner{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
body.hr-site :is(.cm26-section,.sl26-gallery,.jd26-gallery,.project28,.case27){padding-block:48px!important;margin-block:0!important}
body.hr-site :is(.cm26-grid,.case27-grid,.case27-grid.christmas,.bp24-art-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
body.hr-site .cm26-card{display:grid;grid-template-rows:auto auto auto auto 1fr auto;align-content:start}
body.hr-site .cm26-card .cm26-visual{width:100%;aspect-ratio:1;margin:12px 0 20px}
body.hr-site .cm26-card .cm26-link{align-self:end;margin-top:8px}
body.hr-site .cm26-card h3{margin:0 0 16px!important;font-size:24px!important;line-height:1.4!important}
body.hr-site .cm26-card p{font-size:15px;line-height:1.8}
body.hr-site .case27-intro{text-align:left;max-width:850px;margin:0 0 32px}
body.hr-site .case27-intro h2{font-size:clamp(28px,3vw,40px)!important}
body.hr-site .case27-chapter header{display:block;margin-bottom:28px}
body.hr-site .case27-chapter header p{max-width:70ch}
body.hr-site .case27-grid.bags{grid-template-columns:repeat(2,minmax(0,1fr))}
.v29-frame{display:block;position:relative;aspect-ratio:1;background:#f7f6f2;overflow:hidden}
.v29-atlas{position:absolute;inset:7%;background-repeat:no-repeat}
.v29-pending{display:grid;place-content:center;aspect-ratio:1;background:#f0f1ef;color:#68726f;text-align:center;padding:24px;font-size:16px}
.v29-pending small{font-size:13px;margin-top:12px}
.v29-colours{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:18px;width:100%;height:100%;background:#f7f6f2;letter-spacing:0}
.v29-colours>span{display:flex;flex-direction:column;min-width:0}
.v29-swatches{display:flex;flex:1;min-height:0}.v29-swatches i{display:block;flex:1}
.v29-colours small{font-size:11px!important;color:#526064;line-height:1.4;margin-top:7px}
.v29-trims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.v29-trim{display:flex;flex-direction:column;border-top:1px solid #ccd1d7;padding-top:18px;min-width:0}
.v29-trim img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:20px}
body.hr-site .v29-trim h3{font-size:24px!important;line-height:1.4!important;margin:0 0 16px!important}
body.hr-site .v29-trim p{font-size:15px;line-height:1.8}
body.hr-site .v29-trim .v29-note{font-size:12px;color:#68726f}
.v29-trim>a{margin-top:auto;padding-top:14px}
body.hr-site #custom-trims>.trim28-note{margin-top:28px}
body.hr-site .sl26-image img{transform:none!important;object-fit:contain}
body.hr-site .bp24-art-group .bp24-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.hr-site #denim-application .jd26-pair{grid-template-columns:1fr 1fr;max-width:none}
body.hr-site #denim-application .jd26-placeholder{aspect-ratio:1;height:auto!important;min-height:0!important;width:100%;text-align:center;padding:20px}
body.hr-site #denim-application .jd26-placeholder strong{font-size:clamp(16px,2vw,24px)}
body.hr-site #release-paper-textures .rp09-card{display:flex!important;flex-direction:column;min-width:0}
body.hr-site #release-paper-textures .rp10-heading{min-height:100px}
body.hr-site #release-paper-textures .bp24-surface-figure{width:100%;max-width:none;margin:0 0 20px}
body.hr-site #release-paper-textures .bp24-front-plane{width:100%!important;aspect-ratio:1;object-fit:contain}
body.hr-site #release-paper-textures .rp09-choose{margin-top:auto}
@media(max-width:760px){:root{--hr-visual-gutter:20px}body.hr-site :is(.cm26-grid,.case27-grid,.case27-grid.christmas,.bp24-art-group .bp24-art-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.v29-trims{grid-template-columns:1fr}.v29-trim img{max-width:480px}.v29-colours{gap:8px;padding:10px}.v29-colours small{font-size:10px!important}body.hr-site :is(.cm26-section,.sl26-gallery,.jd26-gallery,.project28,.case27){padding-block:36px!important}}
@media(max-width:480px){body.hr-site .cm26-grid{grid-template-columns:1fr}.v29-colours{padding:18px;gap:12px}.v29-colours small{font-size:12px!important}body.hr-site .case27-item figcaption strong{font-size:14px}.case27-grid.bags{gap:16px}}