/* Maison Builders D Ltd — steelwork case study gallery */
.steel-hero{background:#171b18;color:#fff;overflow:hidden;position:relative;padding:76px 0 86px}
.steel-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 24%,rgba(193,157,98,.12),transparent 45%)}
.steel-hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:6%;align-items:center;position:relative;z-index:1}
.steel-hero-copy{padding:22px 0}.steel-hero .eyebrow{color:#e2c597}
.steel-hero h1{font-size:clamp(53px,5.8vw,87px);line-height:1.05;letter-spacing:-3.4px;font-weight:600;margin:20px 0 23px}
.steel-hero h1 em{font-style:normal;color:#d0ae7c}
.steel-hero p:not(.eyebrow){color:#d3d8d0;font-size:14px;line-height:1.95;max-width:505px}
.steel-hero-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:35px}
.steel-hero-links>a:last-child{color:#e8d5b5;font-size:12px;font-weight:800;border-bottom:1px solid #9e835e;padding:9px 0}
.steel-hero-photo{height:440px;position:relative;box-shadow:0 35px 65px #0005;overflow:hidden;border:1px solid #d9bc882b}
.steel-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center center}
.steel-hero-photo span{position:absolute;bottom:17px;left:18px;background:#171b18e8;padding:10px 14px;color:#e7cc96;font-size:10px;letter-spacing:1.2px;font-weight:700}
.steel-content{background:#f7f6f2;padding:82px 0 100px}
.steel-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.steel-heading h2{font-size:clamp(37px,4.5vw,60px);font-weight:600;letter-spacing:-2px;line-height:1.12;margin:15px 0 0}
.steel-heading h2 span{color:#ab8959}
.steel-heading>p{max-width:380px;font-size:13px;line-height:1.85;color:#666c63}
.steel-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.steel-gallery article{background:white;border:1px solid #dedbd3;display:flex;flex-direction:column;min-width:0}
.steel-photo-button{display:block;width:100%;padding:0;border:0;background:#eae7de;cursor:zoom-in;position:relative;aspect-ratio:1.12;overflow:hidden}
.steel-photo-button img{height:100%;width:100%;object-fit:cover;transition:transform .3s}
.steel-photo-button:hover img{transform:scale(1.035)}
.steel-photo-button span{position:absolute;right:14px;bottom:14px;background:#19221ae5;color:#efdeb6;border:1px solid #ffffff36;padding:10px;font-size:11px}
.steel-caption{padding:23px 22px 26px;flex:1}.steel-caption small{color:#a88450;font-size:10px;letter-spacing:1.6px;font-weight:800}
.steel-caption h3{font-size:19px;line-height:1.33;letter-spacing:-.5px;font-weight:700;margin:12px 0 11px}
.steel-caption p{font-size:12px;line-height:1.8;color:#666d65;margin:0}
.steel-note{margin:32px 0 0;color:#6b6f68;font-size:12px;line-height:1.85;max-width:770px}
.steel-cta{padding:74px 0;background:#222822;color:#fff}.steel-cta-row{display:flex;justify-content:space-between;align-items:center;gap:36px}
.steel-cta .eyebrow{color:#d8b77f}.steel-cta h2{font-size:clamp(29px,3.5vw,47px);font-weight:600;line-height:1.2;letter-spacing:-1.5px;margin:16px 0}
.steel-cta p{color:#b7bdb6;font-size:13px;line-height:1.8;max-width:610px}
.steel-dialog{padding:0;max-width:min(94vw,1220px);max-height:90vh;background:#121714;color:#fff;border:1px solid #bda16d;box-shadow:0 25px 90px #000a}
.steel-dialog::backdrop{background:#060a08e6}
.steel-dialog img{max-height:78vh;max-width:100%;width:auto;display:block;margin:auto;object-fit:contain}
.steel-dialog figcaption{padding:13px 60px 17px 18px;font-size:12px;color:#e1dac9}
.steel-dialog .steel-close{position:absolute;top:10px;right:10px;z-index:3;border:1px solid #ffffff88;background:#1b211de8;color:#fff;width:43px;height:43px;border-radius:4px;cursor:pointer;font-size:25px}
.portfolio-card.steelwork-portfolio-card{margin-top:28px}.steelwork-portfolio-card .portfolio-image img{object-position:center center}
@media(max-width:850px){.steel-hero-grid{grid-template-columns:1fr;gap:24px}.steel-hero-photo{height:345px}.steel-gallery{grid-template-columns:repeat(2,1fr)}.steel-heading{flex-direction:column;align-items:start}.steel-cta-row{flex-direction:column;align-items:start}}
@media(max-width:600px){.steel-hero{padding:58px 0 65px}.steel-hero h1{font-size:clamp(47px,10vw,62px);letter-spacing:-2.5px}.steel-hero-photo{height:245px}.steel-gallery{grid-template-columns:1fr}.steel-photo-button{aspect-ratio:1.25}.steel-content{padding:65px 0}.steel-caption{padding:20px}.steel-cta{padding:55px 0}.steel-dialog{max-width:96vw}.steel-dialog img{max-height:70vh}}