/* One photographic field connects an industry to real materials and brand destinations. */
.industry-applications{background:var(--ground);padding-top:48px;overflow:hidden}
.applications-heading{margin:0 var(--space) 28px;font-size:clamp(40px,4.5vw,68px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.applications-experience{position:relative;display:grid;min-width:0;margin:0;padding:0;border:0}
.application-radio{position:absolute;width:1px;height:1px;margin:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.application-panel{position:relative;isolation:isolate;display:none;min-height:380px;overflow:hidden}
.application-photo{position:absolute;inset-block:12px;inset-inline-end:var(--space);width:calc(58% - var(--space));z-index:-1}
/* Size the image itself to its full source ratio: the fades must follow the
   photograph's edges, not a larger letterboxed stage. */
.application-photo img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);object-fit:contain;object-position:center;filter:saturate(.2) brightness(.78) contrast(1.06);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 84%,transparent),linear-gradient(0deg,transparent,#000 30%,#000 68%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 84%,transparent),linear-gradient(0deg,transparent,#000 30%,#000 68%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;animation:application-photo-in .6s ease both} /* taste-skill-ignore: neutral photo alpha fades requested by the user; no decorative gradient fill. */
.application-copy{align-self:center;position:relative;width:36%;padding:28px 0;margin-inline-start:var(--space);animation:application-copy-in .45s ease both}
.application-copy h3{margin:0;max-width:590px;font-size:clamp(32px,3.25vw,50px);line-height:1.12;letter-spacing:-.025em;font-weight:400;overflow-wrap:break-word;hyphens:auto}
.application-copy p{margin:20px 0 0;max-width:440px;font-size:20px;line-height:1.55;color:var(--ink)}
.application-products{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0 28px;margin-top:12px;max-width:510px}
.application-products .inquiry-link{margin-top:0;font-size:18px;gap:14px;min-height:48px;max-width:100%;line-height:1.4}
.application-products .inquiry-link svg{width:20px;height:20px}
.application-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;padding:0 var(--space);background:var(--ground)}
.application-selectors label{position:relative;display:flex;align-items:center;min-height:80px;padding:16px 0;cursor:pointer;font-size:20px;line-height:1.3;color:var(--muted);transition:color .2s;overflow-wrap:break-word;hyphens:auto}
.application-selectors label::after{position:absolute;content:'';height:4px;inset-inline:0;bottom:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.application-selectors label:hover{color:var(--ink)}
#application-aerospace:checked~.application-panels [data-application=aerospace],
#application-automotive:checked~.application-panels [data-application=automotive],
#application-mould:checked~.application-panels [data-application=mould],
#application-energy:checked~.application-panels [data-application=energy]{display:grid}
#application-aerospace:checked~.application-selectors [for=application-aerospace],
#application-automotive:checked~.application-selectors [for=application-automotive],
#application-mould:checked~.application-selectors [for=application-mould],
#application-energy:checked~.application-selectors [for=application-energy]{color:var(--gold)}
#application-aerospace:checked~.application-selectors [for=application-aerospace]::after,
#application-automotive:checked~.application-selectors [for=application-automotive]::after,
#application-mould:checked~.application-selectors [for=application-mould]::after,
#application-energy:checked~.application-selectors [for=application-energy]::after{transform:scaleX(1)}
#application-aerospace:focus-visible~.application-selectors [for=application-aerospace],
#application-automotive:focus-visible~.application-selectors [for=application-automotive],
#application-mould:focus-visible~.application-selectors [for=application-mould],
#application-energy:focus-visible~.application-selectors [for=application-energy]{outline:3px solid var(--gold);outline-offset:-6px}
[dir=rtl] .application-selectors label::after{transform-origin:right}
.hsi-lang-ar .applications-heading,.hsi-lang-ar .application-copy h3{letter-spacing:0;line-height:1.25}
@keyframes application-photo-in{from{opacity:.5}to{opacity:1}}
@keyframes application-copy-in{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.application-panel{min-height:440px}}
@media(max-width:1000px){
    .application-panel{min-height:0}
    .application-photo,[dir=rtl] .application-photo{position:relative;inset:auto;z-index:0;width:auto;height:clamp(240px,44vw,340px);grid-row:1;margin:0 var(--space);padding:0}
    .application-copy{grid-row:2;width:auto;margin:0;padding:24px var(--space) 16px}
    .application-copy p{font-size:18px;max-width:650px}
    .application-products{max-width:none}
    .application-selectors{gap:0 16px}
    .application-selectors label{font-size:18px}
}
@media(max-width:600px){
    .industry-applications{padding-top:40px}
    .applications-heading{font-size:clamp(30px,8.8vw,44px);margin-bottom:24px}
    .application-selectors{grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-bottom:20px}
    .application-selectors label{min-height:58px;padding:12px 0;font-size:18px}
    .application-panels{grid-row:2}
    .application-panel{min-height:0}
    .application-photo,[dir=rtl] .application-photo{height:auto;aspect-ratio:1.6;margin-inline:0}
    .application-copy{grid-row:2;width:auto;margin:0;padding:24px var(--space) 16px}
    .application-copy h3{font-size:clamp(28px,7.5vw,38px)}
    .application-copy p{font-size:18px;max-width:100%;margin-top:16px}
    .application-products{margin-top:12px;gap:0 24px;max-width:none}
    .application-products .inquiry-link{font-size:18px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){
    .application-photo img,.application-copy{animation:none}
    .application-selectors label,.application-selectors label::after{transition:none}
}