/* Four photographic process cards; captions remain selectable and responsive. */
.technology-section{background-color:#081c33;background-image:linear-gradient(90deg,rgba(7,24,44,.48),rgba(7,24,44,.28)),linear-gradient(0deg,rgba(7,24,44,.65),transparent 24%,transparent 78%,rgba(7,24,44,.55)),url('./images/technology-process-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.technology-section .technology-copy{text-shadow:0 2px 12px #030d1bcc}
@media(max-width:720px){.technology-section{background-position:38% center;background-image:linear-gradient(rgba(7,24,44,.58),rgba(7,24,44,.65)),url('./images/technology-process-background.png')}}
.technology-section .technology-blueprint{padding:28px;background:#0a1c32;border-color:#31475e;border-top:3px solid #c6a567;box-shadow:0 20px 50px #020b1733}
.technology-section .process-caption{font-size:12px;letter-spacing:.16em;color:#b4c6d8}
.technology-section .process-number{font-size:64px;line-height:1.05;font-weight:500;color:#d7b774;margin:12px 0 20px}
.technology-section .process-number>span{font-size:28px}
.technology-section .process-rule{background:#b4c6d82b;margin-bottom:22px}
.technology-section .process-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.technology-section .process-steps>div{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 8px;align-items:center;padding:0 0 13px;background:#0b2037;border:1px solid #9db4c021;overflow:hidden}
.technology-section .process-steps>div:before{content:'';display:block;grid-column:1/-1;width:100%;aspect-ratio:1.5;background-image:url('./images/process-scenes-photo.png');background-size:200% 200%;background-repeat:no-repeat;margin-bottom:12px}
.technology-section .process-steps>div:nth-child(1):before{background-position:0 0}
.technology-section .process-steps>div:nth-child(2):before{background-position:100% 0}
.technology-section .process-steps>div:nth-child(3):before{background-position:0 100%}
.technology-section .process-steps>div:nth-child(4):before{background-position:100% 100%}
.technology-section .process-steps span{font-size:11px;letter-spacing:.02em;color:#caaa70;padding-left:10px}
.technology-section .process-steps strong{font-size:clamp(16px,1.25vw,21px);line-height:1.4;font-weight:650;color:#f0f0e9;padding-right:8px}
.technology-section .process-location{margin-top:21px;font-size:10px;letter-spacing:.08em;color:#8fa7bd}
@media(min-width:721px) and (max-width:1000px){.technology-section .process-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.technology-section .process-steps strong{font-size:16px}}
@media(max-width:480px){.technology-section .technology-blueprint{padding:20px 16px}.technology-section .process-steps{gap:14px 10px}.technology-section .process-steps>div{grid-template-columns:23px minmax(0,1fr);gap:0 5px}.technology-section .process-steps strong{font-size:16px}.technology-section .process-number{font-size:58px}}