/* Selected work: editorial mosaic, scoped to the homepage. */
.selected-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:285px 285px 340px;gap:22px}.selected-grid .folio-card{position:relative;padding:0!important;min-width:0;overflow:hidden;border-radius:7px;background:#233027}.selected-grid .folio-card:nth-child(1){grid-column:1/8;grid-row:1/3}.selected-grid .folio-card:nth-child(2){grid-column:8/13;grid-row:1}.selected-grid .folio-card:nth-child(3){grid-column:8/13;grid-row:2}.selected-grid .folio-card:nth-child(4){grid-column:1/5;grid-row:3}.selected-grid .folio-card:nth-child(5){grid-column:5/9;grid-row:3}.selected-grid .folio-card:nth-child(6){grid-column:9/13;grid-row:3}.selected-grid .folio-image{height:100%;width:100%;position:static}.selected-grid .folio-image:after{content:'';position:absolute;inset:30% 0 0;pointer-events:none;background:linear-gradient(transparent,#081711b8)}.selected-grid .folio-image img{height:100%;object-fit:cover;transition:transform .8s,filter .8s}.selected-grid .folio-card:hover img{transform:scale(1.045);filter:saturate(1.07)}.selected-grid .folio-info{position:absolute;bottom:0;left:0;right:0;padding:25px;color:white;z-index:2;align-items:end}.selected-grid .folio-info h3{font-size:26px;line-height:1.13;color:white;max-width:90%}.selected-grid .folio-card:first-child .folio-info{padding:32px}.selected-grid .folio-card:first-child .folio-info h3{font-size:40px;max-width:95%}.selected-grid .folio-info p{color:#e1e8de;font-size:11px;margin-top:9px}.selected-grid .folio-info>span{color:white;font-size:25px;flex-shrink:0}.selected-index{font-size:8px;letter-spacing:.14em;display:block;color:#e5e9e0;margin-bottom:13px}.selected-grid .folio-sector{z-index:2;left:22px;top:22px;background:#f5f3ede8;font-size:9px;max-width:70%}.selected-grid .zoom-project{z-index:3;top:19px;bottom:auto;right:19px;background:#f5f3ed24;border:1px solid #fff9;color:white;backdrop-filter:blur(8px)}.selected-grid .zoom-project:hover{background:var(--red);border-color:var(--red)}
/* Seamless logo belt, with user-controlled pause and a reduced-motion fallback. */
.moving-references{overflow:hidden;scroll-snap-type:none;scrollbar-width:none;position:relative}.moving-references .reference-track{display:flex;width:max-content;animation:reference-slide var(--reference-duration,65s) linear infinite;will-change:transform}.reference-group{display:flex;flex-shrink:0}.moving-references:hover .reference-track,.moving-references:focus-within .reference-track,.moving-references.references-paused .reference-track{animation-play-state:paused}.reference-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}.reference-controls>span{font-size:9px;letter-spacing:.09em;color:var(--muted)}.reference-controls>button{min-height:40px;padding:7px 14px;font-size:11px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:99px;cursor:pointer}.reference-controls>button:hover{background:var(--ink);color:white}@keyframes reference-slide{to{transform:translateX(-50%)}}
/* Additional fabrication materials: illustrative finishes, not product specifications. */
.swatch.aluminium{background:repeating-linear-gradient(0deg,#bac4c6,#e6e9e6 1px,#a7b4b5 2px)}.swatch.pvc{background:linear-gradient(130deg,#fff,#dfe2dc)}.swatch.polypropylene{background:linear-gradient(120deg,#d8c8d9,#8b718f)}.swatch.polystyrene{background:radial-gradient(#c5cec2 .6px,transparent 1px),#f3f5ef;background-size:3px 3px}.material-preview[data-finish="aluminium"]{background:#d1d8d7;--letter-light:#e8eeed;--letter-dark:#879996;--letter-shine:#f5f8f5}.material-preview[data-finish="pvc"]{background:#d8ddcf;--letter-light:#fff;--letter-dark:#bac2b0;--letter-shine:#f7faf3}.material-preview[data-finish="polypropylene"]{background:#ded3df;--letter-light:#d4c1db;--letter-dark:#786181;--letter-shine:#ece3ef}.material-preview[data-finish="polystyrene"]{background:#d5ddcf;--letter-light:#fafcf4;--letter-dark:#acb8a2;--letter-shine:#fff}.material-preview[data-finish="polystyrene"] .material-letter{background:radial-gradient(#e2e7db 1px,transparent 1.5px),linear-gradient(120deg,#fff,#c5cdbd);background-size:5px 5px,100%;background-clip:text;-webkit-background-clip:text}.material-options{gap:10px}.material-options button{font-size:11px}.material-preview{min-height:660px}.material-letter{top:4%}
@media(max-width:1100px){.selected-grid{grid-template-rows:260px 260px 300px;gap:18px}.selected-grid .folio-info{padding:22px}.selected-grid .folio-info h3{font-size:24px}.selected-grid .folio-card:first-child .folio-info h3{font-size:34px}.selected-grid .folio-card:first-child .folio-info{padding:26px}}
@media(min-width:651px) and (max-width:900px){.selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:400px 300px 320px 340px}.selected-grid .folio-card:nth-child(1){grid-column:1/3;grid-row:1}.selected-grid .folio-card:nth-child(2){grid-column:1;grid-row:2}.selected-grid .folio-card:nth-child(3){grid-column:2;grid-row:2}.selected-grid .folio-card:nth-child(4){grid-column:1;grid-row:3}.selected-grid .folio-card:nth-child(5){grid-column:2;grid-row:3}.selected-grid .folio-card:nth-child(6){grid-column:1/3;grid-row:4}.material-preview{min-height:770px}.material-letter{top:13%}}
@media(max-width:650px){.selected-grid{grid-template-columns:1fr;grid-template-rows:none;gap:18px}.selected-grid .folio-card:nth-child(n){grid-column:auto;grid-row:auto;height:350px}.selected-grid .folio-card:first-child{height:440px}.selected-grid .folio-image{height:100%!important}.selected-grid .folio-info,.selected-grid .folio-card:first-child .folio-info{padding:24px}.selected-grid .folio-card:first-child .folio-info h3{font-size:32px}.selected-grid .folio-info h3{font-size:28px}.selected-grid .folio-sector{left:18px;top:18px;font-size:9px}.selected-grid .zoom-project{top:16px;right:16px}.reference-controls>span{font-size:8px;max-width:180px}.reference-controls>button{font-size:10px;min-height:44px;white-space:nowrap}.material-options{grid-template-columns:repeat(2,minmax(0,1fr))}.material-options button{font-size:10px;min-height:46px;padding:10px}.material-preview{min-height:510px}.material-letter{top:0}}
@media(prefers-reduced-motion:reduce){.moving-references .reference-track{animation:none!important;will-change:auto}.moving-references{overflow-x:auto}.moving-references .reference-group[aria-hidden="true"]{display:none}}