/* One calm row of channel examples, with varied formats and shared spacing. */
.approach-page .home-channel-gallery {width:calc(100% - 32px);max-width:1920px;margin-inline:auto;padding:clamp(48px,5vw,80px) 0 64px;border-top:0}
.hcg-composition {display:grid;grid-template-columns:1.3fr 1.05fr .8fr .8fr .7fr;gap:16px;align-items:end}
.hcg-composition figure {margin:0;min-width:0}
.hcg-composition img {display:block;width:100%;height:auto}
.hcg-composition figcaption {padding:0 0 10px;border:0;font-family:var(--font-body);font-size:12px;line-height:1.4;color:var(--color-text-supporting)}
.hcg-browser,.hcg-social-post,.hcg-media {overflow:hidden;background:#fff;border:1px solid var(--color-structure)}
.hcg-browser-bar {display:flex;align-items:center;height:22px;padding:0 8px;border-bottom:1px solid var(--color-structure);background:#f5f5f5}
.hcg-browser-dots {display:flex;gap:3px}
.hcg-browser-dots i {width:3px;height:3px;border-radius:50%;background:#bdbdbd}
.hcg-address {width:38%;height:7px;margin:auto;border:1px solid #e6e6e6;background:#fff;border-radius:3px}
.hcg-store-nav {display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #eee}
.hcg-store-name {font-size:16px;line-height:1;letter-spacing:-.04em}
.hcg-nav-lines {display:flex;gap:8px;margin-left:auto}
.hcg-nav-lines i {width:15px;height:2px;background:#d1d1d1}
.hcg-store-nav svg {width:12px;height:12px;fill:none;stroke:#777;stroke-width:1}
.hcg-product-page {display:grid;grid-template-columns:56% 44%;align-items:stretch;background:#faf9f7}
.hcg-product-image {align-self:center}
.hcg-product-copy {padding:14px 12px}
.hcg-small-line {display:block;width:40%;height:2px;margin-bottom:8px;background:#ccc}
.hcg-product-name {font-size:clamp(15px,1.2vw,22px);font-weight:400;line-height:1.1;letter-spacing:-.025em}
.hcg-product-name span {white-space:nowrap}
.hcg-copy-lines {display:grid;gap:4px;margin-top:12px}
.hcg-copy-lines i {display:block;height:2px;width:100%;background:#d5d3cf}
.hcg-copy-lines i:last-child {width:65%}
.hcg-finish-label {display:block;margin-top:12px;font-size:9px;color:#666}
.hcg-swatches {display:flex;gap:5px;margin-top:6px}
.hcg-swatches i {width:7px;height:7px;border-radius:50%;background:#76513a}
.hcg-swatches i:nth-child(2) {background:#c4a37c}
.hcg-swatches i:nth-child(3) {background:#37322f}
.hcg-add-bar {height:15px;margin-top:12px;background:#39342f}
.hcg-product-copy img {margin-top:12px}
.hcg-social-header {display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;font-size:10px}
.hcg-social-avatar {width:16px;height:16px;border-radius:50%;background:#d8ddda}
.hcg-social-menu {margin-left:auto;font-size:18px}
.hcg-social-footer {padding:10px 12px 14px}
.hcg-social-icons {display:flex;gap:8px}
.hcg-social-icons svg {width:15px;height:15px;fill:none;stroke:#777;stroke-width:1.25;stroke-linejoin:round}
.hcg-social-icons .hcg-bookmark {margin-left:auto}
.hcg-social-footer .hcg-copy-lines {max-width:80%;margin-top:10px}
.hcg-pair {display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-structure)}
.hcg-pair img {aspect-ratio:3/4;object-fit:cover}
.hcg-landscape .hcg-media img {aspect-ratio:1.5;object-fit:cover}
.hcg-square .hcg-media img {aspect-ratio:1.15;object-fit:contain}
.hcg-film video {display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#e9e5df}

.hcg-detail .hcg-media img {aspect-ratio:3/4;object-fit:cover}
.hcg-composition:focus-visible {outline:2px solid var(--text-secondary);outline-offset:6px}
@media(max-width:1100px) {
 .hcg-composition {grid-template-columns:340px 300px 240px 240px 210px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#c7c7c9 transparent}
 .hcg-composition figure {scroll-snap-align:start}
 .hcg-product-name {font-size:18px}
}
@media(max-width:600px) {
 .approach-page .home-channel-gallery {width:calc(100% - 32px);padding-top:48px;padding-bottom:48px}
 .hcg-composition {grid-template-columns:82vw 78vw 66vw 66vw 62vw;gap:16px}
 .hcg-product-name {font-size:18px}
}

/* A single bottom-aligned strip; each preview retains its channel proportions. */
.hcg-composition {display:block;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#d5d5d7 transparent}
.hcg-track {display:flex;align-items:flex-end;gap:16px;width:max-content}
.hcg-track > figure {width:var(--placement-width,300px);flex:none}
.hcg-track > .hcg-commerce {width:360px}
.hcg-track > .hcg-social,.hcg-track > .hcg-film {width:230px}
.hcg-track > .hcg-detail {width:210px}
.hcg-placement-summary {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 16px}
.hcg-placement-summary .hcg-copy-lines {margin:0;width:50%}
.hcg-placement-summary .hcg-swatches {margin:0}
.hcg-skeleton-action {width:42px;height:16px;background:#e5e5e3;border-radius:2px}
.hcg-thumbnail-skeletons {display:flex;gap:6px;padding:10px}
.hcg-thumbnail-skeletons i {height:24px;width:32px;background:#eae8e4;border:1px solid #e0ded9}
.hcg-thumbnail-skeletons i:first-child {border-color:#a6a39d}
.hcg-coffee-social > div > img {aspect-ratio:4/5;object-fit:cover}
.hcg-bin .hcg-browser > img {aspect-ratio:4/5;object-fit:cover}
.hcg-upholstery .hcg-media > img {aspect-ratio:4/5;object-fit:cover}
.hcg-social-header .hcg-small-line {width:55px;margin:0;background:#dedede}
.hcg-motion-controls {display:flex;justify-content:flex-end;height:32px;margin-top:8px}
.hcg-motion-toggle {display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-structure);background:transparent;color:var(--color-text-supporting);cursor:pointer}
.hcg-motion-toggle[hidden] {display:none}
.hcg-motion-toggle svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2}
.hcg-motion-toggle:focus-visible {outline:2px solid var(--color-border-focus);outline-offset:2px}
@media(max-width:600px) {.hcg-track > figure {max-width:82vw}.hcg-track {gap:14px}}
@media(prefers-reduced-motion:reduce) {.hcg-track > [data-loop-copy] {display:none}}