/* A project case in FED's existing typography, spacing and navigation system. */
.metallstroim-case{--green:#f39142;--metal-line:#f3914233}
.metallstroim-case ::selection{background:#f39142;color:#151817}
.metallstroim-case h1,.metallstroim-case h2,.metallstroim-case h3{text-wrap:balance}
.metallstroim-case .journey{position:relative;background:#151817}
.metal-breadcrumb{position:absolute;left:5%;top:124px;z-index:4;display:flex;gap:13px;color:#a0a49b;font-size:10px;letter-spacing:.06em}
.metal-breadcrumb a{color:#f1f0e9;border-bottom:1px solid #f391424d;padding-bottom:3px}
.metallstroim-case .chapter{padding-top:170px}
.metallstroim-case .chapter-index{color:#b6bab4}.metallstroim-case .chapter-index i{background:#f3914260}
.metallstroim-case .chapter h1,.metallstroim-case .chapter h2{font-size:clamp(64px,6.65vw,108px);letter-spacing:-.035em}
.metallstroim-case .journey-visual{background:#151817;overflow:hidden;isolation:isolate}
.metallstroim-case .journey-visual:after{pointer-events:none;background:linear-gradient(90deg,#15181780,transparent 22%),linear-gradient(0deg,#151817 2%,transparent 20%,transparent 80%,#15181770)}
#metallstroim-scene{position:absolute;inset:0;z-index:0}
#metallstroim-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.metal-poster{position:absolute;inset:0;display:block;object-fit:contain;width:100%;height:100%;opacity:1;transition:opacity .3s}
.metal-scene-ready .metal-poster{opacity:0}
.metal-scene-failed #metallstroim-scene canvas{display:none}
.metallstroim-case .model-caption{font-size:8px;letter-spacing:1.35px;color:#b6bab4;left:7%;right:7%;z-index:2}
.metal-model-note{position:absolute;left:7%;right:7%;bottom:65px;color:#a0a49b;font-size:9px;letter-spacing:.08em;z-index:2}
.metal-project-name{margin-top:32px;color:#f39142;font-size:12px;letter-spacing:.12em}
.metallstroim-case .work{background:#1b201e;border-top-color:var(--metal-line)}
.metallstroim-case .section-head{display:block;max-width:830px;margin:0 0 75px}
.metallstroim-case .section-head .micro{display:block;margin-bottom:26px;padding:0}
.metallstroim-case .section-head h2{font-size:clamp(62px,6vw,96px);letter-spacing:-.035em;margin-bottom:26px}
.metallstroim-case .section-head p{max-width:700px}
.metal-showcase{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,1fr);gap:5%;align-items:center}
.metal-screen{margin:0;min-width:0}
.metal-screen img{display:block;width:100%;height:auto;border:1px solid #f3914226;background:#151817}
.metal-screen a{display:block}
.metal-screen figcaption{margin-top:17px;color:#a0a49b;font-size:9px;line-height:1.6;letter-spacing:.07em}
.metal-showcase-copy h3,.metal-calculator h3,.metal-scope h3{font:400 clamp(38px,3.8vw,60px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:24px 0}
.metal-showcase-copy h3 em,.metal-calculator h3 em,.metal-scope h3 em{font-weight:400;color:#f39142}
.metal-showcase-copy p,.metal-calculator p{font-size:13px;line-height:1.9;color:#b8bdb8}
.metal-text-link{display:inline-flex;align-items:center;gap:28px;font-size:11px;padding:13px 0;border-bottom:1px solid #f3914280;margin-top:8px;color:#f1f0e9;transition:color .2s,border-color .2s}
.metal-text-link:hover{color:#f39142;border-color:#f1f0e9}
.metal-calculator{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.65fr);gap:7%;align-items:center;padding:110px 0;border-bottom:1px solid var(--metal-line)}
.metal-scope{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding-top:72px;align-items:start}
.metal-scope h3{margin-top:7px}
.metal-scope dl{margin:0}
.metal-scope dl>div{display:grid;grid-template-columns:130px 1fr;gap:25px;border-bottom:1px solid var(--metal-line);padding:23px 0}
.metal-scope dl>div:first-child{padding-top:0}
.metal-scope dt{font-size:12px;color:#f39142;line-height:1.8}
.metal-scope dd{font-size:12px;line-height:1.8;color:#b8bdb8;margin:0}
.metallstroim-case .closing{background:#151817;min-height:660px}
.metallstroim-case .closing h2{font-size:clamp(90px,10vw,154px);letter-spacing:-.035em}
.metal-next{display:inline-flex;align-items:center;gap:25px;font-size:11px;color:#b8bdb8;margin-top:60px;padding-bottom:9px;border-bottom:1px solid #f391424d}
.metallstroim-case a:focus-visible{outline:2px solid #f39142;outline-offset:6px}
@media(max-width:1100px){.metal-showcase{gap:4%;grid-template-columns:1.4fr 1fr}.metal-calculator{gap:5%;grid-template-columns:1fr 1.3fr}.metal-scope{gap:5%;grid-template-columns:1fr 1.6fr}.metal-scope dl>div{grid-template-columns:110px 1fr;gap:18px}}
@media(max-width:850px){.metal-showcase,.metal-calculator,.metal-scope{grid-template-columns:1fr;gap:35px}.metal-showcase-copy{max-width:620px}.metal-calculator{padding:75px 0}.metal-calculator .metal-screen{grid-row:1}.metal-scope{padding-top:55px}.metal-showcase-copy h3,.metal-calculator h3,.metal-scope h3{font-size:48px}}
@media(max-width:700px){.metal-breadcrumb{top:100px;left:7%;font-size:9px;gap:10px}.metallstroim-case .chapter{padding:150px 7% 45px}.metallstroim-case .chapter h1,.metallstroim-case .chapter h2{font-size:clamp(52px,12vw,78px);letter-spacing:-.035em;line-height:.97;margin-bottom:18px}.metallstroim-case .chapter-text{font-size:12px;max-width:340px;line-height:1.75}.metallstroim-case .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:19px}.metallstroim-case .journey-visual:after{background:linear-gradient(180deg,#151817 7%,#151817dd 35%,transparent 58%,#15181750 86%,#151817 100%)}#metallstroim-scene{top:39%;bottom:3%;left:-2%;right:-2%}.metal-project-name{margin-top:21px;font-size:10px}.metallstroim-case .model-caption{font-size:6px;letter-spacing:.8px;bottom:25px}.metal-model-note{bottom:46px;font-size:7px}.metallstroim-case .work{padding:85px 6%}.metallstroim-case .section-head{margin-bottom:45px}.metallstroim-case .section-head h2{font-size:clamp(51px,12vw,72px);margin-bottom:22px}.metallstroim-case .section-head .micro{font-size:8px;letter-spacing:1px;margin-bottom:22px}.metal-showcase-copy h3,.metal-calculator h3,.metal-scope h3{font-size:46px}.metal-showcase-copy p,.metal-calculator p{font-size:12px}.metal-scope dl>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.metal-scope dl>div:first-child{padding-top:0}.metallstroim-case .closing{min-height:620px;padding:90px 7%}.metallstroim-case .closing h2{font-size:clamp(78px,18vw,118px)}.metal-next{font-size:10px;margin-top:45px;gap:16px}.metal-text-link{min-height:44px}.metal-screen figcaption{font-size:8px}}
@media(max-width:700px) and (max-height:700px){.metal-breadcrumb{top:83px}.metallstroim-case .chapter{padding-top:120px}.metallstroim-case .chapter h1,.metallstroim-case .chapter h2{font-size:clamp(44px,10.5vw,62px)}.metallstroim-case .chapter-text{font-size:11px;line-height:1.6}.metallstroim-case .scroll-note{font-size:7px}.metal-project-name{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.metal-poster,.metal-text-link{transition:none}}
/* Keep small interactive labels readable without changing the shared header. */
.metallstroim-case .fed-nav-link,.metal-breadcrumb,.metal-next{font-size:11px}
.metallstroim-case .site-footer{font-size:11px;letter-spacing:.05em;flex-wrap:wrap}
.metallstroim-case .scroll-note{font-size:10px;letter-spacing:.1em}
.metallstroim-case .micro,.metallstroim-case .eyebrow{font-size:9px;letter-spacing:.1em}
@media(max-width:700px){.metallstroim-case .scroll-note{font-size:8px}.metallstroim-case .eyebrow{font-size:8px}.metallstroim-case .site-footer{gap:18px}.metallstroim-case .site-footer a{padding:8px 0}}

/* The case carries MetallStroim's own orange and steel palette. */
.metallstroim-case{--ink:#151817;--ivory:#f1f0e9;--muted:#a0a49b;--gold:#f39142;--green:#f39142;--metal-line:#f3914233;background:#151817}
.metallstroim-case .chapter h1 em,.metallstroim-case .chapter h2 em,.metallstroim-case .section-head h2 em,.metallstroim-case .closing h2 em{color:#f39142}
.metallstroim-case .chapter-text,.metallstroim-case .section-head p{color:#b8bdb8}
.metallstroim-case .site-header{background:linear-gradient(#151817e6,transparent)}
.metallstroim-case .fed-nav-link[aria-current=page],.metallstroim-case .fed-nav-link .ui-arrow{color:#f39142;border-color:#f3914266}
.metallstroim-case .eyebrow,.metallstroim-case .micro{color:#f39142}
.metallstroim-case .primary-link{background:#f39142;border-color:#f39142;color:#151817}
.metallstroim-case .primary-link:hover{background:#ffad6a;border-color:#ffad6a}
.metallstroim-case .outline-link{color:#f1f0e9;border-color:#f3914280;background:transparent}
.metallstroim-case .outline-link:hover{background:#f3914214;border-color:#f39142}
.metallstroim-case .closing:before{border-color:#f3914228;box-shadow:0 0 0 54px #f3914209,0 0 0 130px #f3914206}
.metallstroim-case .closing:hover h2 em{color:#ffad6a}
.metallstroim-case .site-footer{border-color:#f3914233;color:#a0a49b}