.technology{--technology-top:56px;--technology-height:calc(100svh - var(--technology-top));position:relative;width:100%;background:#111;color:#fff;scroll-margin-top:var(--technology-top)}
.technology-pin{position:relative;isolation:isolate;overflow:hidden;min-height:var(--technology-height);display:flex;flex-direction:column;justify-content:center;padding:80px 5vw 210px}
.technology-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(var(--technology-scale,1));transform-origin:50% 56%}
.technology-pin:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d,#0008 35%,#0000 75%),linear-gradient(0deg,#000d,transparent 38%);opacity:var(--technology-shade,1)}
.technology-copy{max-width:490px}
.technology-label{font-size:11px;line-height:1.6;letter-spacing:2px;margin-bottom:28px}
.technology h2{font-size:var(--section-title-size);font-weight:350;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.technology-description{max-width:430px;margin-top:28px;font-size:var(--body-copy-size);line-height:1.55}
.technology-tags{position:absolute;left:5vw;right:5vw;bottom:112px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;font-size:12px;line-height:1.5;letter-spacing:1.4px}
.technology-tags li{padding:12px 24px;border-left:1px solid #ffffff40}
.technology-tags li:first-child{padding-left:0;border-left:0}
.technology-scroll{display:none;position:absolute;bottom:28px;left:5vw;right:5vw;color:#fffc}
.technology-scroll-caption{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.5}
.technology-progress{height:1px;margin-top:18px;background:#ffffff40}
.technology-progress>span{display:block;height:100%;background:#fff;transform:scaleX(var(--technology-progress,0));transform-origin:left}
.technology.is-pinned{height:calc(var(--technology-height) + 170svh)}
.technology.is-pinned .technology-pin{position:sticky;top:var(--technology-top);height:var(--technology-height);min-height:0}
.technology.is-pinned .technology-scroll{display:block}
.technology.is-pinned [data-technology-reveal]{opacity:var(--reveal,0);transform:translateY(var(--reveal-y,16px))}
@media(max-width:600px){
  .technology-pin{padding:54px 24px 240px;min-height:780px}
  .technology-photo{object-position:54% 50%}
  .technology-pin:before{background:linear-gradient(90deg,#000c,#0007),linear-gradient(0deg,#000d,transparent 40%)}
  .technology-label{font-size:10px;letter-spacing:1.6px;margin-bottom:20px}
  .technology h2{font-size:36px}
  .technology-description{margin-top:24px;font-size:17px}
  .technology-tags{left:24px;right:24px;bottom:108px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;font-size:10px;letter-spacing:.8px}
  .technology-tags li{padding:8px 16px}
  .technology-tags li:nth-child(odd){border-left:0;padding-left:0}
  .technology-scroll{left:24px;right:24px}
  .technology-scroll-caption{font-size:10px;gap:12px}
}