/* Nexus real-product photography layer — local assets only. */
.material-art.material-photo{position:relative;background:#17232a;color:#fff;overflow:hidden;isolation:isolate}
.material-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,24,30,.05) 36%,rgba(12,24,30,.72) 100%);pointer-events:none}
.material-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}
.product-card:hover .material-photo img,.portfolio-photo-tile:hover .material-photo img{transform:scale(1.035)}
.material-photo .material-number{position:absolute;z-index:2;top:18px;inset-inline-start:18px;color:#fff;background:rgba(15,28,34,.72);backdrop-filter:blur(4px);padding:7px 9px;border:1px solid rgba(255,255,255,.28);font-size:10px;letter-spacing:.1em}
.material-photo .material-caption{position:absolute;z-index:2;inset-inline:20px;bottom:17px;color:#fff;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.product-hero-grid>.material-photo{min-height:390px;height:100%;align-self:stretch}
.product-hero-grid>.material-photo img{object-position:center}

/* Visual portfolio: the catalogue opens with the five real, locally-hosted product photographs. */
.portfolio-photo-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:178px;gap:10px;padding-top:38px}
.portfolio-photo-tile{position:relative;display:block;min-width:0;overflow:hidden;background:#17232a;border-radius:4px;box-shadow:0 1px 0 rgba(20,35,42,.08)}
.portfolio-photo-tile:first-child{grid-column:span 6;grid-row:span 2}
.portfolio-photo-tile:not(:first-child){grid-column:span 3}
.portfolio-photo-tile .material-art{height:100%;min-height:100%}
.portfolio-photo-tile .material-number{top:14px;inset-inline-start:14px}
.portfolio-photo-tile .material-caption{display:none}
.portfolio-photo-label{position:absolute;z-index:3;inset-inline:18px;bottom:16px;color:#fff;font-size:18px;font-weight:700;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.portfolio-photo-tile:first-child .portfolio-photo-label{font-size:25px}
.portfolio-photo-tile:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* The default home hero now uses a real local trade/logistics photograph. */
.hero-visual.studio-hero-photo{background:#14232a}
.hero-visual.studio-hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,28,34,.22),rgba(15,28,34,0) 52%)}
.hero-visual.studio-hero-photo picture,.hero-visual.studio-hero-photo>img{position:relative;z-index:0}

@media(max-width:820px){.product-hero-grid>.material-photo{min-height:290px}.portfolio-photo-strip{grid-auto-rows:152px;padding-top:28px}.portfolio-photo-label{font-size:15px}.portfolio-photo-tile:first-child .portfolio-photo-label{font-size:21px}}
@media(max-width:760px){.portfolio-photo-strip{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.portfolio-photo-tile,.portfolio-photo-tile:first-child,.portfolio-photo-tile:not(:first-child){flex:0 0 78%;height:220px;grid-column:auto;grid-row:auto;scroll-snap-align:start}.portfolio-photo-tile .material-art{height:220px}.portfolio-photo-tile:first-child .portfolio-photo-label,.portfolio-photo-label{font-size:19px}}
@media(max-width:600px){.product-hero-grid>.material-photo{min-height:245px}.material-photo .material-number{top:14px;inset-inline-start:14px}.material-photo .material-caption{inset-inline:15px;bottom:13px}.portfolio-photo-strip{padding-top:24px}.portfolio-photo-tile,.portfolio-photo-tile:first-child,.portfolio-photo-tile:not(:first-child){flex-basis:84%;height:205px}.portfolio-photo-tile .material-art{height:205px}}
@media print{.product-hero-grid>.material-photo,.portfolio-photo-strip{display:none!important}}