.visual-hubs{--vh-red:#a91d25;--vh-ink:#202a32;--vh-muted:#52616a}.visual-hubs ::selection{background:#f2c9ca;color:#202a32}.visual-hubs :focus-visible{outline:3px solid var(--vh-red);outline-offset:4px}.visual-hubs input{caret-color:var(--vh-red)}
body.vh-home .vh-workshop{width:90%;max-width:1280px;margin-inline:auto;scroll-margin-top:110px}body.vh-home .vh-pathway:hover{text-decoration:none}
body.visual-hubs .vh-tech-grid>a:hover,body.visual-hubs .vh-photo-card:hover{text-decoration:none}
@media(max-width:600px){body.vh-part-detail .pd-top>div:first-child{display:contents}body.vh-part-detail .pd-top>div:first-child>*{width:100%;margin-block:0}body.vh-part-detail .pd-top .page-title{order:0}body.vh-part-detail .pd-top .sub{order:1}body.vh-part-detail .pd-top .vh-part-reference{order:2}body.vh-part-detail .pd-top .vh-media-column{order:3}body.vh-part-detail .pd-top .pd-key{order:4}body.vh-part-detail .pd-top .vh-context{order:5}body.vh-part-detail .pd-top .cta-row{order:6}body.vh-part-detail .pd-top>div:first-child>p.kv{order:7}}
.vh-workshop{padding-top:64px;padding-bottom:64px}.vh-section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:28px}.visual-hubs .vh-section-head h2{font-size:clamp(26px,3vw,42px);line-height:1.12;letter-spacing:-.025em;margin:0;color:var(--vh-ink)}.vh-section-head p{max-width:52ch;color:var(--vh-muted);line-height:1.6;margin:12px 0 0}.vh-pathways{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.vh-pathway{display:grid;grid-template-columns:46% 54%;background:#f3f5f5;border-radius:14px;overflow:hidden;color:var(--vh-ink);text-decoration:none}.vh-pathway>div:first-child{background:#fff;display:flex;align-items:center}.visual-hubs .vh-pathway img{width:100%;height:270px;object-fit:contain}.vh-path-copy{padding:28px 24px;align-self:center}.visual-hubs .vh-path-copy h3{font-size:25px;line-height:1.15;margin:0 0 14px}.vh-path-copy p{line-height:1.6;font-size:15px;color:var(--vh-muted)}.vh-path-copy span,.vh-photo-card span,.vh-tech-grid>a>span{color:var(--vh-red);font-weight:700;display:block;margin-top:20px}.vh-pathway:hover h3,.vh-photo-card:hover h3,.vh-tech-grid>a:hover h3{text-decoration:underline;text-underline-offset:5px}
.vh-home .editorial-products .product{border-radius:14px;overflow:hidden}.vh-home .product-link{color:var(--vh-red)}
#vh-photo-parts{margin:48px 0}.vh-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.vh-photo-card{display:flex;flex-direction:column;text-decoration:none;color:var(--vh-ink);border:1px solid #dce1e3;border-radius:14px;overflow:hidden}.visual-hubs .vh-photo-card img{width:100%;height:180px;object-fit:contain;background:#fff}.vh-photo-card>div{padding:18px;flex:1;background:#f6f7f7}.visual-hubs .vh-photo-card h3{font-size:17px;line-height:1.35;margin:0 0 12px}.vh-photo-card p{font-variant-numeric:tabular-nums;font-size:14px;color:var(--vh-muted);overflow-wrap:anywhere}.vh-photo-card span{font-size:14px}.vh-parts #cat-cards{gap:16px}.vh-parts #cat-cards>a{border-radius:12px}
#vh-tech-routes{margin:42px 0}.vh-tech-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:24px}.vh-tech-grid>a{text-decoration:none;color:var(--vh-ink);padding-bottom:24px;border-bottom:1px solid #dce1e3}.vh-tech-grid figure{margin:0 0 22px;background:#f5f6f6;border-radius:12px;overflow:hidden}.visual-hubs .vh-tech-grid img{width:100%;height:230px;object-fit:contain;background:#fff;padding:12px}.vh-tech-grid figcaption{padding:12px 16px;font-size:12px;color:#52616a}.visual-hubs .vh-tech-grid h3{font-size:23px;line-height:1.2;margin:0 0 12px}.vh-tech-grid p{line-height:1.65;color:var(--vh-muted);margin:0}.vh-diagnosis{padding:30px;background:#25343b;color:#fff;border-radius:14px}.vh-tech-grid .vh-diagnosis h3,.vh-tech-grid .vh-diagnosis p{color:#fff}.vh-diagnosis a{color:#fff;display:inline-block;margin-top:20px;text-underline-offset:5px;font-weight:650}.vh-diagnosis hr{border:0;border-top:1px solid #708189;margin:32px 0}.vh-technology .sp-toc{margin-top:40px}.vh-technology .visual-heading-copy h1{max-width:18ch}
.vh-part-detail .pd-top{gap:48px;align-items:start}.vh-part-reference{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px 0;border-top:1px solid #dce1e3;border-bottom:1px solid #dce1e3;margin:24px 0}.vh-part-reference>div{flex:1;min-width:180px}.vh-part-reference span{display:block;font-size:13px;color:var(--vh-muted)}.vh-part-reference strong{font-size:28px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vh-copy{background:#fff;color:var(--vh-red);border:1px solid #a91d25;padding:10px 16px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer}.vh-copy:hover{background:#fff0f0}.vh-copy-status:empty{display:none}.vh-context{padding:16px 0;margin:12px 0;border-bottom:1px solid #dce1e3}.vh-context summary{cursor:pointer;font-weight:650;color:var(--vh-ink)}.vh-context p{line-height:1.65;max-width:70ch}.vh-part-detail .vh-media-column{background:#f6f7f7;padding:22px;border-radius:14px}.vh-part-detail .gallery{background:#fff}.vh-part-detail .gallery figure{margin:0}.vh-part-detail .gallery img{width:100%;height:auto;max-height:460px;object-fit:contain}.vh-part-detail .gallery figcaption{padding:12px;font-size:13px;line-height:1.5;color:var(--vh-muted)}.vh-part-detail .gallery summary{padding:16px;cursor:pointer}.vh-part-detail .pd-key{font-variant-numeric:tabular-nums}.vh-part-detail .cta-row{gap:10px}.vh-part-detail .vh-media-column>p{font-size:13px;line-height:1.6;color:var(--vh-muted)}
@media(min-width:1100px){.vh-part-detail .pd-top{grid-template-columns:1.1fr 1fr}.vh-part-detail .vh-media-column{position:sticky;top:100px}}
@media(max-width:900px){.vh-pathways{grid-template-columns:1fr}.vh-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vh-tech-grid{grid-template-columns:1fr 1fr}.vh-diagnosis{grid-column:1/-1}.vh-section-head{display:block}.vh-part-detail .pd-top{gap:24px}}
@media(max-width:600px){.vh-workshop{padding-top:36px;padding-bottom:36px}.vh-pathway{grid-template-columns:40% 60%}.visual-hubs .vh-pathway img{height:230px}.vh-path-copy{padding:22px 16px}.visual-hubs .vh-path-copy h3{font-size:21px}.vh-path-copy p{font-size:14px}.vh-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-hubs .vh-photo-card img{height:150px}.vh-photo-card>div{padding:14px}.vh-tech-grid{grid-template-columns:1fr}.vh-part-detail .pd-top{display:flex;flex-direction:column}.vh-part-detail .pd-top>div{width:100%;min-width:0}.vh-part-detail .vh-media-column{padding:14px}.vh-part-reference strong{font-size:24px}.vh-part-detail .gallery img{max-height:320px}.vh-part-detail .page-title{overflow-wrap:anywhere}.vh-tech-grid figcaption{font-size:13px}}
