/* Steel leads the portfolio; quantities stay inside factual work scopes. */
.reference-page-heading{padding-top:23px;padding-bottom:26px}
.reference-page-heading .breadcrumb{font-size:.875rem;margin-bottom:14px}
.reference-page-title{display:flex;align-items:center;justify-content:space-between;gap:30px}
.reference-page-title h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.035em}
.reference-page-title>p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:440px}
.reference-brand-band{background:#fff;padding:23px 0;border-block:1px solid var(--line)}
.reference-client-marks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:25px}
.reference-client-mark{height:64px;display:flex;align-items:center;justify-content:center;min-width:0}
.reference-client-mark img{width:auto;height:auto;max-width:100%;max-height:64px;object-fit:contain}
.steel-portfolio{padding:42px 0 90px;scroll-margin-top:104px;background:#fff}
.reference-portfolio-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:27px}
.reference-portfolio-heading h2{font-size:clamp(1.6rem,2.1vw,2rem);line-height:1.25;letter-spacing:-.035em;max-width:650px}
.reference-portfolio-heading>p{color:var(--muted);font-size:1rem;line-height:1.7;max-width:300px}
.steel-reference-list{border-bottom:1px solid var(--line)}
.steel-reference{display:grid;grid-template-columns:.8fr 1.55fr;gap:9%;padding:42px 46px;border-top:1px solid var(--line);scroll-margin-top:120px}
.steel-reference-lead{background:var(--ink);color:#fff;border-top:3px solid var(--red);padding-top:42px;padding-bottom:44px}
.steel-reference-client{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.steel-client-logo{display:flex;align-items:center;justify-content:center;background:#fff;width:184px;min-height:93px;padding:16px 20px}
.steel-client-logo img{width:auto;height:auto;max-width:144px;max-height:65px;object-fit:contain}
.steel-reference-client h3{font-size:1.375rem;line-height:1.4;letter-spacing:-.02em;font-weight:600;max-width:100%;overflow-wrap:anywhere}
.steel-reference-content{min-width:0}
.steel-reference-kind{font-size:.875rem;font-weight:700;letter-spacing:.08em;color:var(--red-dark)}
.steel-reference-lead .steel-reference-kind{color:var(--red)}
.steel-reference-content h4{font-size:clamp(1.75rem,2.6vw,2.65rem);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:12px 0 18px}
.steel-reference-excerpt{font-size:1.0625rem;line-height:1.8;color:var(--muted);max-width:610px}
.steel-reference-lead .steel-reference-excerpt{color:#c5c9d1}
.steel-reference-details{margin-top:25px;max-width:660px}
.steel-reference-details>summary{display:inline-flex;align-items:center;gap:21px;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1.5;list-style:none;padding:12px 0;border-bottom:1px solid var(--line)}
.steel-reference-details>summary::-webkit-details-marker,.reference-work-row>summary::-webkit-details-marker{display:none}
.steel-reference-details>summary>span{width:16px;height:16px;position:relative;flex-shrink:0}
.steel-reference-details>summary>span:before,.steel-reference-details>summary>span:after{content:'';position:absolute;background:var(--red-dark);inset:7px 1px;height:1px}
.steel-reference-details>summary>span:after{transform:rotate(90deg)}
.steel-reference-details[open]>summary>span:after{transform:none}
.steel-reference-lead .steel-reference-details>summary{border-color:#ffffff4d}
.steel-reference-lead .steel-reference-details>summary>span:before,.steel-reference-lead .steel-reference-details>summary>span:after{background:var(--red)}
.reference-scope{padding-top:22px;font-size:1rem;line-height:1.85;color:var(--muted)}
.reference-scope .reference-scope-context{font-size:.875rem;color:var(--red-dark);font-weight:600;line-height:1.7;margin-bottom:11px}
.reference-scope p+p{margin-top:0}
.steel-reference-lead .reference-scope{color:#ccd0d7}
.steel-reference-lead .reference-scope-context{color:#f1a298}
.reference-scope-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0 0}
.reference-scope-tags li{font-size:.875rem;line-height:1.6;border:1px solid var(--line);padding:4px 9px;max-width:100%}
.steel-reference-lead .reference-scope-tags li{border-color:#ffffff30}
.reference-other-work{padding:75px 0 90px;background:var(--soft)}
.reference-other-layout{display:grid;grid-template-columns:.78fr 1.35fr;gap:9%;align-items:start}
.reference-other-intro{position:sticky;top:140px;min-width:0}
.reference-other-intro .eyebrow{font-size:.875rem;letter-spacing:.065em}
.reference-other-intro h2{font-size:clamp(2rem,3vw,3rem);line-height:1.2;margin-top:22px}
.reference-other-intro>p{font-size:1rem;color:var(--muted);line-height:1.8;max-width:320px;margin-top:24px}
.reference-work-list{border-top:1px solid #caced3;min-width:0}
.reference-work-row{border-bottom:1px solid #caced3;scroll-margin-top:120px}
.reference-work-row>summary{list-style:none;display:flex;align-items:center;gap:23px;cursor:pointer;padding:24px 0}
.reference-row-logo{flex:0 0 90px;min-width:0;display:flex;align-items:center;justify-content:center;padding:7px;background:#fff;height:61px}
.reference-row-logo img{width:auto;height:auto;max-width:100%;max-height:47px;object-fit:contain}
.reference-row-heading{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.reference-row-name{font-size:1.125rem;font-weight:600;line-height:1.45;letter-spacing:-.015em;overflow-wrap:anywhere}
.reference-row-kind{font-size:.875rem;color:var(--muted);line-height:1.6}
.reference-row-toggle{width:29px;height:29px;flex:0 0 29px;border:1px solid #b7bbc1;border-radius:50%;position:relative}
.reference-row-toggle:before,.reference-row-toggle:after{content:'';position:absolute;inset:13px 8px;background:var(--ink);height:1px}
.reference-row-toggle:after{transform:rotate(90deg)}
.reference-work-row[open] .reference-row-toggle:after{transform:none}
.reference-work-row[open] .reference-row-name{color:var(--red-dark)}
.reference-work-row>.reference-scope{padding:0 0 28px;max-width:650px}
@media(max-width:1000px){
.reference-page-title>p{max-width:380px}.reference-client-marks{gap:18px}.reference-client-mark{height:59px}.reference-client-mark img{max-height:59px}.reference-portfolio-heading{gap:22px}.reference-portfolio-heading>p{max-width:240px}.steel-reference{gap:6%;grid-template-columns:.85fr 1.5fr;padding:35px 30px}.steel-client-logo{width:165px;min-height:87px;padding:16px}.steel-client-logo img{max-width:133px}.reference-other-layout{grid-template-columns:.8fr 1.3fr;gap:6%}.reference-row-logo{flex-basis:70px;height:54px}.reference-work-row>summary{gap:15px}
}
@media(max-width:700px){
.reference-page-heading{padding-top:18px;padding-bottom:21px}.reference-page-heading .breadcrumb{margin-bottom:11px}.reference-page-title{display:block}.reference-page-title h1{font-size:2rem}.reference-page-title>p{max-width:450px;font-size:1rem;margin-top:10px}.reference-brand-band{padding:20px 0}.reference-client-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 23px}.reference-client-mark{height:52px}.reference-client-mark img{max-height:52px;max-width:100%}.steel-portfolio{padding:30px 0 60px;scroll-margin-top:88px}.reference-portfolio-heading{display:block;margin-bottom:23px}.reference-portfolio-heading h2{font-size:1.625rem;line-height:1.3}.reference-portfolio-heading>p{font-size:1rem;max-width:100%;margin-top:9px}.steel-reference{grid-template-columns:1fr;gap:25px;padding:29px 22px;scroll-margin-top:100px}.steel-reference-client{flex-direction:row;align-items:center;gap:17px}.steel-reference-client h3{font-size:1.125rem}.steel-client-logo{width:116px;min-height:67px;flex:0 0 116px;padding:10px}.steel-client-logo img{max-width:96px;max-height:47px}.steel-reference-kind{font-size:.875rem}.steel-reference-content h4{font-size:1.85rem;line-height:1.24;margin:12px 0 15px}.steel-reference-excerpt{font-size:1rem}.steel-reference-details{margin-top:18px}.reference-other-work{padding:55px 0 65px}.reference-other-layout{grid-template-columns:1fr;gap:33px}.reference-other-intro{position:static}.reference-other-intro h2{font-size:2.15rem;margin-top:17px}.reference-other-intro>p{max-width:450px;margin-top:19px}.reference-work-row{scroll-margin-top:100px}.reference-work-row>summary{padding:22px 0}.reference-row-name{font-size:1.0625rem}
}
@media(max-width:380px){.reference-client-marks{gap:16px}.steel-reference{padding-inline:18px}.steel-reference-client{flex-wrap:wrap}.reference-row-logo{flex-basis:57px;height:48px;padding:5px}.reference-work-row>summary{gap:11px}}