/* Site-owned Home composition. Live identities and media approval gates remain unchanged. */
.home-v5 { --content:var(--ai-container); --gutter:var(--ai-gutter); color:var(--ai-text); background:var(--ai-background); font-size:16px; line-height:1.65; }
.v5-container { width:min(calc(100% - 2 * var(--gutter)),var(--content)); margin-inline:auto; }
.home-v5 :is(h1,h2,h3,p,figure,dl) { margin:0; color:inherit; }
.home-v5 h1,.home-v5 h2 { font-weight:500; letter-spacing:-.045em; line-height:1.12; }
.home-v5 h2 { font-size:clamp(32px,3.1vw,42px); }
.home-v5 .eyebrow { font-family:var(--font-mono); color:var(--ai-muted); font-size:11px; letter-spacing:.08em; margin-bottom:14px; }



.v5-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; padding-block:64px 56px; align-items:center; }
.v5-hero h1 { font-size:clamp(48px,4.4vw,64px); }
.v5-hero-description { margin-top:24px!important; max-width:52ch; color:var(--ai-muted)!important; font-size:17px; }
.v5-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:28px; }
.v5-hero-scene { min-width:0; }
.v5-hero-scene img { width:100%; height:auto; aspect-ratio:5/4; object-fit:cover; object-position:62% center; border-radius:var(--ai-media-radius); }
.v5-hero-scene figcaption { margin-top:10px; font-size:11px; color:var(--ai-muted); }
.home-v5 .catalog-search { position:relative; margin:28px 0 0; padding:0; border:0; background:transparent; max-width:440px; }
.home-v5 .catalog-search>label { display:block; font-size:13px; font-weight:500; margin-bottom:8px; }
.v5-search-field { display:flex; align-items:center; gap:10px; border:1px solid var(--ai-border); background:var(--ai-surface); padding:4px 4px 4px 16px; border-radius:var(--ai-control-radius); }
.v5-search-field>svg { flex:0 0 18px; width:18px; height:18px; }
.home-v5 .v5-search-field input[type=search] { flex:1; }
.v5-search-field button { display:grid; place-items:center; flex:0 0 40px; }

.home-v5 .form-status:empty { display:none; }
.home-v5 .form-status { font-size:13px; margin-top:8px; }
.home-v5 .search-results { position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:10; background:var(--ai-surface); }
.v5-section-title { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.v5-range,.v5-applications,.v5-resources { padding-block:56px; }
.v5-category-grid { display:grid; gap:24px; }
.v5-category-grid--primary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v5-category-grid--supporting { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:36px; }
.v5-entry { display:block; color:var(--ai-text); text-decoration:none; border:0; background:transparent; }
.v5-entry:hover .v5-entry-title { text-decoration:underline; text-underline-offset:5px; }
.v5-entry-media { display:block; overflow:hidden; border-radius:var(--ai-media-radius); }
.v5-category .v5-entry-media { aspect-ratio:3/2; background:#fff; }
.v5-category .v5-entry-media img { display:block; width:100%; height:100%; object-fit:contain; padding:16px; transform:none; }
.v5-category[data-v5-category=optical-fiber-connectivity] .v5-entry-media img { padding:8px; object-fit:cover; }
.v5-category[data-v5-category=power-rack-components] .v5-entry-media img { padding:12px; object-fit:cover; }
.v5-entry-copy { display:block; padding-top:18px; }
.v5-entry-title { display:block; font-size:21px; font-weight:500; line-height:1.3; letter-spacing:-.025em; }
.v5-category .v5-entry-title { min-height:2.6em; }
.v5-entry-description { display:block; margin-top:8px; color:var(--ai-muted); font-size:16px; line-height:1.6; }
.v5-category-grid--supporting .v5-entry-title { font-size:18px; }
.v5-category-grid--supporting .v5-entry-description { font-size:15px; }
.v5-application-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.v5-application .v5-entry-media { aspect-ratio:3/2; }
.v5-application .v5-entry-media img { width:100%; height:100%; object-fit:cover; }
.v5-application .display-context-scene,.v5-application .display-context-scene figure { margin:0; height:100%; max-width:none; }
.v5-application .v5-entry-title { font-size:26px; }
.v5-application .v5-entry-copy { padding-top:20px; max-width:52ch; }
.v5-entry-link { display:flex; align-items:center; gap:12px; margin-top:16px; font-size:14px; }
.v5-entry-link svg { width:18px; height:18px; }
.display-application-credit { font-size:11px; margin-top:16px!important; }
.v5-sourcing { margin-block:48px; background:var(--ai-surface-2); padding-block:64px; }
.v5-sourcing-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:start; }
.v5-sourcing-layout>div>p:not(.eyebrow) { margin-top:24px; color:var(--ai-muted); max-width:52ch; }
.v5-sourcing-layout .text-link { margin-top:20px; }
.v5-sourcing-details { display:grid; gap:24px; }
.v5-sourcing-details dt { font-size:18px; font-weight:500; }
.v5-sourcing-details dd { margin:6px 0 0; color:var(--ai-muted); }
.v5-company-link { display:flex; align-items:center; gap:16px; margin-top:32px; border-top:1px solid var(--ai-border); padding-top:20px; font-size:14px; }
.v5-company-link svg { width:18px; height:18px; flex-shrink:0; }
.v5-resource-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.v5-resource-list>a { padding-top:24px; border-top:1px solid var(--ai-border); color:var(--ai-text); text-decoration:none; }
.v5-resource-list h3 { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:21px; font-weight:500; line-height:1.4; }
.v5-resource-list p { margin-top:12px; color:var(--ai-muted); }
.v5-resource-list svg { width:18px; height:18px; flex-shrink:0; }
.v5-resource-list>a:hover h3 { text-decoration:underline; }
.v5-template-link { margin-top:24px; }
.v5-quote { margin-top:40px; padding-block:56px; background:var(--ai-surface-2); }
.v5-quote-layout { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.v5-quote h2 { font-size:36px; }
.v5-quote p { margin-top:12px; color:var(--ai-muted); }
@media(max-width:1100px) {
 .v5-hero { gap:32px; padding-top:48px; }
 .v5-hero h1 { font-size:48px; }
 .v5-hero-description { font-size:16px; }
 .v5-category-grid--supporting { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .v5-sourcing-layout { gap:48px; }
}
@media(max-width:800px) {
 .v5-hero { grid-template-columns:1fr; gap:32px; }
 .v5-hero-copy { max-width:600px; }
 .v5-hero-scene img { aspect-ratio:16/9; }
 .v5-category-grid--primary { grid-template-columns:1fr; }
 .v5-category-grid--primary .v5-category { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; }
 .v5-category-grid--primary .v5-entry-copy { padding-top:0; }
 .v5-category .v5-entry-title { min-height:0; }
 .v5-application .v5-entry-title { font-size:23px; }
 .v5-sourcing-layout { grid-template-columns:1fr; gap:32px; }
 .v5-resource-list { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:600px) {
 .v5-hero { padding-block:32px 24px; }
 .v5-hero h1 { font-size:clamp(36px,10.4vw,44px); }
 .v5-hero-description { margin-top:20px!important; }
 .v5-hero-actions { gap:20px; margin-top:24px; }


 .v5-range,.v5-applications,.v5-resources { padding-block:40px; }
 .v5-section-title { display:block; margin-bottom:24px; }
 .v5-section-title>.text-link { margin-top:12px; }
 .v5-category-grid { gap:28px 20px; }
 .v5-category-grid--primary .v5-category { grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:20px; }
 .v5-category-grid--primary .v5-entry-copy { padding-top:0; }
 .v5-category-grid--primary .v5-entry-title { font-size:19px; }
 .v5-category-grid--primary .v5-entry-description { font-size:15px; }
 .v5-category-grid--supporting { gap:28px 16px; margin-top:28px; }
 .v5-category-grid--supporting .v5-entry-title { font-size:17px; min-height:2.6em; }
 .v5-category-grid--supporting .v5-entry-description { font-size:14px; }
 .v5-category-grid--supporting .v5-entry-media img { padding:8px; }
 .v5-application-grid { grid-template-columns:1fr; gap:32px; }
 .v5-sourcing { margin-block:24px; padding-block:40px; }
 .v5-sourcing-details { gap:16px; }
 .v5-sourcing-layout>div>p:not(.eyebrow) { margin-top:16px; }
 .v5-company-link { margin-top:24px; padding-top:16px; }
 .v5-company-link { line-height:1.7; }
 .v5-quote { padding-block:32px; }
 .v5-quote-layout { display:block; }
 .v5-quote h2 { font-size:30px; }
 .v5-quote .button { margin-top:24px; }
}
@media(prefers-reduced-motion:reduce) { .home-v5 * { transition:none; animation:none; } }

/* Keep the retained storage photo on one native-colored plane without an outer white frame. */
.v5-category[data-v5-category=enterprise-storage] .v5-entry-media { background:transparent; }
.v5-category[data-v5-category=enterprise-storage] .v5-entry-media img { padding:0; background:var(--ai-photo-plane,transparent); }