/* Arselor industry cards and illustrated operating workflows. */
.industry-index-intro{padding:3.5rem 0 1.75rem;background:var(--surface,#fff)}
.industry-index-intro .breadcrumbs,.industry-hero .breadcrumbs{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;color:var(--muted);margin-bottom:2rem}
.industry-index-intro h1{font-size:clamp(2.2rem,4.5vw,4.3rem);line-height:1.12;max-width:1000px;letter-spacing:-.04em;margin:.75rem 0 1.25rem}
.industry-index-intro .lead{max-width:810px;font-size:1.12rem;line-height:1.8;color:var(--muted)}
.industry-index-cards{padding-top:1.5rem}
.industry-visual-grid{gap:1.5rem;align-items:stretch}
.industry-tile{--service-accent:var(--red);--service-deep:var(--navy);display:grid;min-width:0}
.industry-tile>.service-front,.industry-tile>.service-back{grid-area:1/1;position:relative;inset:auto;min-height:100%;height:auto}
.industry-tile .service-front{overflow:hidden}
.industry-card-art{display:block;aspect-ratio:16/10;background:var(--service-art-surface);border-bottom:1px solid var(--line);overflow:hidden;flex-shrink:0}
.industry-card-art img,.industry-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--industry-photo-position,center);padding:0;box-sizing:border-box;filter:none;mix-blend-mode:normal}
.industry-card-art:focus-visible,.industry-hero-art a:focus-visible{outline:3px solid var(--red);outline-offset:-4px}
.industry-tile .service-card-content{padding:1.5rem;gap:0}
.industry-tile .industry-number{font-size:.8rem;letter-spacing:.08em;font-weight:750;color:var(--red);margin-bottom:.85rem}
.industry-tile h3{font-size:1.4rem;line-height:1.4}
.industry-tile p{font-size:1rem;line-height:1.75}
.industry-tile .card-bottom{padding-top:.5rem;gap:.8rem;flex-wrap:wrap}
.industry-tile .flip-button{font-size:.875rem;min-height:42px}
.industry-tile .card-bottom .text-link{font-size:.875rem}
.industry-tile .service-back{padding:1.7rem}
.industry-tile .service-back h3{font-size:1.5rem;line-height:1.5;margin:1rem 0 1.2rem}
.industry-tile .service-back .checklist{gap:.85rem}
.industry-tile .service-back .checklist li{font-size:1rem;line-height:1.6}
.industry-tile .industry-card-audience{font-size:.95rem;border-top:1px solid #ffffff28;padding-top:1.2rem;margin-top:1rem;color:#c7d5e8}
.industry-tile .service-back .text-link{color:#ff8796}
.industry-hero{background:var(--surface,#fff)!important;color:var(--ink);padding-top:3rem!important}
.industry-hero::before{display:none}
.industry-hero .hero-grid{align-items:center;gap:3rem;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.industry-hero h1{font-size:clamp(2.2rem,3.9vw,3.75rem);line-height:1.15;letter-spacing:-.04em;color:var(--ink)}
.industry-hero .eyebrow{color:var(--accent-ink)}
.industry-hero .lead{font-size:1.1rem;line-height:1.85;max-width:650px;color:var(--muted)}
.industry-hero .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.75rem 0}
.industry-hero .hero-actions .button{min-height:46px}
.industry-hero .button.outline{color:var(--ink);border-color:var(--muted)}
.industry-hero .button.outline:is(:hover,:focus-visible){border-color:var(--card-hover)}
.industry-hero .industry-audience{font-size:.94rem;color:var(--muted);line-height:1.8;margin-bottom:0}
.industry-hero-art{margin:0;border-radius:16px;background:var(--service-art-surface);overflow:hidden;border:1px solid var(--line)}
.industry-hero-art a{display:block;aspect-ratio:16/10;cursor:zoom-in}
.industry-outcomes{list-style:none;padding:1.6rem 0 0;margin:2.5rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-top:1px solid var(--line)}
.industry-outcomes li{padding-inline-start:1rem;border-inline-start:3px solid var(--red);font-size:1rem;font-weight:650;line-height:1.6}
.industry-section-intro{color:var(--muted);font-size:1rem;line-height:1.8;max-width:850px;margin:0 0 2rem}
.industry-workflow-section .section-heading{margin-bottom:1rem}
.industry-workflow .workflow-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--pale)}
.industry-workflow .workflow-tabs button{position:relative;min-width:0;padding:1.25rem 1rem;font-size:.94rem;line-height:1.5;border-bottom:0;transition:background-color .2s ease,color .2s ease}
.industry-workflow .workflow-tabs button small{font-size:.8rem;margin-bottom:.6rem;color:var(--accent-ink)}
.industry-workflow .workflow-tabs button:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-5px;top:50%;width:8px;height:8px;border-top:1.5px solid #9ca9bb;border-right:1.5px solid #9ca9bb;transform:rotate(45deg);z-index:1}
.industry-workflow .workflow-tabs button[aria-selected=true]{background:#10253f;color:#fff}
.industry-workflow .workflow-tabs button[aria-selected=true] small{color:#ffb0b9}
.industry-workflow .workflow-tabs button:focus-visible{outline:3px solid var(--red);outline-offset:-4px;z-index:2}
.industry-workflow-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2.5rem;padding:2.25rem;align-items:center}
.industry-workflow-panel[hidden]{display:none}
.industry-workflow-visual{min-width:0}
.industry-workflow-copy h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.35;margin:.8rem 0 1rem}
.industry-workflow-copy>p{font-size:1rem;line-height:1.9;color:var(--muted);margin:0}
.industry-workflow-copy>.text-link{font-size:.94rem;margin-top:1.5rem}
.industry-product-image .product-image-stage{height:360px;min-height:0}
.industry-product-image img{height:100%;width:100%;max-height:none;object-fit:contain;padding:12px;transform:none}
.industry-product-image.product-cutout img{padding:3%}
.industry-product-image figcaption{font-size:.875rem;padding:.75rem .9rem}
.industry-record-flow{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.5rem 0 0}
.industry-record-flow>div{border-top:2px solid var(--red);padding:.8rem 0;min-width:0;position:relative}
.industry-record-flow>div:first-child::after{content:"";position:absolute;inset-inline-end:-.9rem;top:1.8rem;width:7px;height:7px;border-top:1.5px solid var(--red);border-right:1.5px solid var(--red);transform:rotate(45deg)}
.industry-record-flow dt{font-size:.8rem;color:var(--muted);margin-bottom:.4rem}
.industry-record-flow dd{margin:0;font-size:.94rem;line-height:1.65;font-weight:650}
.industry-examples{background:var(--pale)}
.industry-example-list{display:grid;gap:3.5rem}
.industry-example{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:3rem;align-items:center;border-top:1px solid var(--line);padding-top:3.5rem}
.industry-example:first-child{padding-top:0;border:0}
.industry-example:nth-child(even){grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
.industry-example:nth-child(even)>.product-image{order:2}
.industry-example h3{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.4;margin:.8rem 0 1rem}
.industry-example p{font-size:1rem;line-height:1.9;color:var(--muted);margin:0}
.industry-example .industry-product-image .product-image-stage{height:auto;min-height:0}
.industry-example .industry-product-image img{height:auto;max-height:530px;padding:12px}
.industry-example .industry-product-image.product-cutout img{padding:3%}
.industry-deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:2rem 0}
.industry-deliverables>div{padding:1.5rem 0;border-top:1px solid var(--line)}
.industry-deliverables span{font-size:.875rem;color:var(--red);font-weight:750}
.industry-deliverables h3{font-size:1.2rem;line-height:1.6;margin:1rem 0 0}
html[data-theme=dark] .industry-index-intro,html[data-theme=dark] .industry-hero{background:var(--surface)!important;color:var(--ink)}
html[data-theme=dark] .industry-index-intro h1,html[data-theme=dark] .industry-hero h1{color:var(--ink)}
html[data-theme=dark] .industry-workflow .workflow-tabs{background:#1b2d46}
html[data-theme=dark] .industry-workflow .workflow-tabs button{color:#c9d5e6;border-color:#344760}
html[data-theme=dark] .industry-workflow .workflow-tabs button[aria-selected=true]{background:#29425f;color:#fff}
html[data-theme=dark] .industry-workflow-panel{background:var(--surface)}
html[data-theme=dark] .industry-tile .industry-number,html[data-theme=dark] .industry-deliverables span{color:#ff8293}
html[dir=rtl] .industry-index-intro h1,html[dir=rtl] .industry-hero h1{letter-spacing:0;line-height:1.45}
html[dir=rtl] .industry-workflow .workflow-tabs button:not(:last-child)::after,html[dir=rtl] .industry-record-flow>div:first-child::after{transform:rotate(-135deg)}
html[dir=rtl] .industry-number{letter-spacing:0}
@media(max-width:1050px){.industry-workflow-panel{grid-template-columns:1fr;gap:1.5rem}.industry-workflow .industry-product-image .product-image-stage{height:auto}.industry-workflow .industry-product-image img{height:auto;max-height:510px}.industry-workflow-copy{max-width:none}.industry-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-hero .hero-grid{gap:2rem}.industry-example,.industry-example:nth-child(even){gap:2rem;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.industry-index-intro{padding-top:2.3rem}.industry-hero .hero-grid{grid-template-columns:1fr}.industry-hero h1{font-size:2.35rem}.industry-hero-art{max-width:650px;width:100%;justify-self:center}.industry-hero .hero-actions{gap:.75rem}.industry-outcomes{gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}.industry-outcomes li{font-size:.94rem}.industry-workflow .workflow-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.industry-workflow .workflow-tabs button{flex:0 0 175px;min-width:175px}.industry-workflow-panel{padding:1.25rem;gap:1.5rem}.industry-example,.industry-example:nth-child(even){grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}.industry-example:nth-child(even)>.product-image{order:0}.industry-example-list{gap:2.5rem}.industry-example .industry-product-image img{padding:8px}.industry-tile .service-card-content{padding:1.3rem}.industry-section-intro{margin-bottom:1.5rem}.industry-hero .breadcrumbs{margin-bottom:1.3rem}}
@media(max-width:480px){.industry-index-intro h1{font-size:2.3rem}.industry-workflow-panel{padding:1rem}.industry-record-flow{gap:1.2rem}.industry-deliverables{grid-template-columns:1fr;gap:.5rem}.industry-deliverables>div{padding:1.1rem 0}.industry-deliverables h3{margin-top:.5rem}.industry-tile .service-back{padding:1.4rem}.industry-product-image figcaption{gap:.5rem;padding:.7rem;font-size:.8rem}.industry-product-image figcaption a{font-size:.8rem}.industry-hero .hero-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.industry-tile .service-front,.industry-tile .service-back,.industry-workflow .workflow-tabs button{transition:none}}
html[data-motion=off] .industry-tile .service-front,html[data-motion=off] .industry-tile .service-back{transition:none}