.technology-content > .container { width:90%; max-width:none; }
.technology-content .detail-layout { display:block; }
.technology-content .content-block { min-height:calc(100vh - 76px); padding-top:clamp(72px,8vh,110px); padding-bottom:clamp(72px,8vh,110px); scroll-snap-align:start; scroll-snap-stop:always; scroll-margin-top:76px; }
.technology-content .content-block + .content-block { margin-top:clamp(150px,20vh,260px); }
html { scroll-snap-type:y proximity; }
.material-technology { display:flex; flex-direction:column; }
.material-structure-image { display:block; width:100%; height:clamp(230px,27vh,340px); margin-top:24px; background:#fff; object-fit:contain; }
.material-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.2vw,20px); margin-top:28px; align-items:stretch; }
.material-card { display:flex; min-width:0; min-height:clamp(410px,45vh,510px); flex-direction:column; padding:clamp(18px,1.5vw,26px); border:0; border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(27,52,91,.08); overflow:hidden; transition:transform .35s ease,box-shadow .35s ease; }
.material-card:hover { transform:translateY(-12px); box-shadow:0 22px 46px rgba(27,52,91,.15); }
.material-card-copy { min-height:165px; }
.material-card small { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.14em; }
.material-card h3 { margin-top:12px; font-size:clamp(23px,1.55vw,30px); }
.material-card p { margin-top:12px; color:var(--steel); font-size:14px; line-height:1.65; }
.material-card > img { display:block; width:100%; height:clamp(180px,21vh,245px); margin-top:auto; border-radius:11px; object-fit:cover; }
#details { padding-bottom:clamp(42px,5vh,70px); }
.detail-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,2vw,34px); margin-top:38px; }
.detail-card { min-width:0; border:0; border-radius:20px; background:#fff; box-shadow:0 12px 34px rgba(27,52,91,.09); overflow:hidden; transition:transform .45s ease,box-shadow .45s ease; }
.detail-card:hover { transform:translateY(-10px); box-shadow:0 24px 52px rgba(27,52,91,.16); }
.detail-card-media { position:relative; height:clamp(250px,29vh,360px); overflow:hidden; }
.detail-card-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,20,49,.04) 34%,rgba(3,20,49,.58) 100%); transition:background .55s ease; }
.detail-card:hover .detail-card-media::after { background:linear-gradient(180deg,rgba(3,20,49,.1) 24%,rgba(3,20,49,.78) 100%); }
.detail-card-media img { width:100%; height:100%; object-fit:cover; transition:transform 1.1s cubic-bezier(.2,.65,.25,1); }
.detail-card:hover .detail-card-media img { transform:scale(1.08); }
.detail-index,.detail-photo-label { position:absolute; z-index:2; color:#fff; font-weight:800; letter-spacing:.13em; }
.detail-index { left:28px; top:26px; padding:11px 15px; border-radius:8px; background:rgba(20,39,68,.68); }
.detail-photo-label { left:30px; bottom:25px; font-size:12px; }
.detail-card-copy { display:flex; min-height:360px; flex-direction:column; padding:clamp(25px,2vw,36px); }
.detail-card h3 { font-size:clamp(24px,1.8vw,34px); }
.detail-card p { margin-top:18px; color:var(--steel); font-size:14px; line-height:1.85; }
.detail-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }
.detail-tags span { padding:7px 11px; border-radius:6px; background:#f2f5f9; color:#5e6878; font-size:12px; transition:background .35s ease,color .35s ease; }
.detail-card:hover .detail-tags span { background:#edf4ff; color:var(--blue); }
.detail-card .link-arrow { display:inline-flex; width:max-content; align-items:center; gap:8px; margin-top:auto; padding:26px 0 0; border:0; border-radius:0; background:none; box-shadow:none; color:#001c83; font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.5px; text-decoration:none; }
.detail-card .link-arrow::after { content:none; }
.detail-card .link-arrow > span { position:relative; }
.detail-card .link-arrow > span::after { content:""; position:absolute; left:0; right:0; bottom:-4px; height:1.5px; background:#001c83; transform:scaleX(0); transform-origin:left center; transition:transform .4s cubic-bezier(.22,1,.36,1); }
.detail-card .link-arrow svg { width:15px; height:15px; flex:0 0 15px; overflow:visible; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .4s cubic-bezier(.22,1,.36,1); }
.detail-card .link-arrow:hover > span::after,.detail-card .link-arrow:focus-visible > span::after { transform:scaleX(1); }
.detail-card .link-arrow:hover svg,.detail-card .link-arrow:focus-visible svg { transform:translateX(6px); }
#downloads { min-height:auto; margin-top:clamp(75px,10vh,130px); padding-top:clamp(50px,6vh,80px); }
#manufacturing > h2 { margin-bottom:0; }
.manufacturing-lead { max-width:900px !important; margin:22px 0 42px !important; }
.manufacturing-showcase { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(330px,.85fr); gap:clamp(24px,3vw,52px); margin-top:42px; align-items:stretch; }
.manufacturing-carousel { position:relative; min-width:0; overflow:hidden; border-radius:12px; background:#e9eef5; }
.manufacturing-slides { position:relative; height:clamp(470px,39vw,660px); }
.manufacturing-slides figure { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .55s ease,visibility .55s ease; }
.manufacturing-slides figure.is-active { opacity:1; visibility:visible; }
.manufacturing-slides img { width:100%; height:100%; object-fit:cover; }
.manufacturing-slides figure:first-child img { object-position:center 62%; }
.manufacturing-slides figure::after { content:""; position:absolute; inset:48% 0 0; background:linear-gradient(180deg,transparent,rgba(0,19,55,.7)); }
.manufacturing-slides figcaption { position:absolute; z-index:2; left:34px; bottom:88px; color:#fff; font-size:clamp(23px,2vw,38px); font-weight:600; line-height:1.35; text-shadow:0 2px 16px rgba(0,18,55,.55); }
.manufacturing-counter { position:absolute; z-index:3; left:26px; top:24px; padding:11px 16px; border-radius:8px; background:rgba(255,255,255,.9); color:var(--steel); font-size:12px; }
.manufacturing-counter b { color:var(--blue); font-size:16px; }
.manufacturing-carousel-footer { position:absolute; z-index:4; left:26px; right:26px; bottom:20px; display:flex; align-items:center; justify-content:flex-end; gap:16px; }
.manufacturing-thumbs { display:flex; gap:8px; overflow:hidden; }
.manufacturing-thumbs button { width:72px; height:44px; padding:0; border:2px solid transparent; border-radius:7px; background:#fff; overflow:hidden; cursor:pointer; opacity:.78; }
.manufacturing-thumbs button.is-active { border-color:#2875e8; opacity:1; }
.manufacturing-thumbs img { width:100%; height:100%; object-fit:cover; }
.manufacturing-arrows { display:flex; gap:8px; }
.manufacturing-arrows button { width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.92); color:var(--ink); cursor:pointer; }
.manufacturing-system-list { display:flex; flex-direction:column; justify-content:stretch; margin:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.manufacturing-system-list li { position:relative; display:grid; flex:1; grid-template-columns:16px minmax(0,1fr) auto; align-items:center; gap:14px; padding:18px 24px; border-bottom:1px solid var(--line); list-style:none; font-weight:600; transition:background .3s ease; }
.manufacturing-system-list li:last-child { border-bottom:0; }
.manufacturing-system-list li:hover { background:#f5f8ff; }
.manufacturing-system-list li:hover::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--blue); }
.manufacturing-system-list i { width:9px; height:9px; border:2px solid #8d97a8; border-radius:50%; }
.manufacturing-system-list li:hover i { border-color:var(--blue); background:var(--blue); box-shadow:0 0 0 4px rgba(30,91,208,.12); }
.manufacturing-system-list small { color:var(--steel); font-size:11px; font-weight:500; letter-spacing:.05em; text-align:right; }
.manufacturing-equipment-row figure { position:relative; margin:0; min-height:520px; overflow:hidden; }
.manufacturing-equipment-row figcaption { position:absolute; left:clamp(24px,3vw,54px); top:50%; max-width:310px; padding:0; transform:translateY(-50%); background:none; color:#fff; font-size:clamp(27px,2.25vw,44px); font-weight:600; line-height:1.35; letter-spacing:.04em; text-shadow:0 3px 22px rgba(0,18,55,.62); }
.manufacturing-capabilities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:44px; }
.manufacturing-capabilities > div { display:flex; min-height:270px; flex-direction:column; justify-content:center; padding:clamp(22px,2vw,34px); border:0; border-radius:20px; background:#fff; box-shadow:0 10px 26px rgba(28,53,92,.08); overflow:hidden; transition:transform .35s ease,box-shadow .35s ease; }
.manufacturing-capabilities > div:hover { transform:translateY(-14px); box-shadow:0 18px 38px rgba(28,53,92,.15); }
.manufacturing-capabilities small { color:var(--blue); font-size:11px; font-weight:700; letter-spacing:.14em; }
.manufacturing-capabilities h3 { margin-top:14px; font-size:clamp(22px,1.6vw,30px); }
.manufacturing-capabilities p { margin-top:14px; color:var(--steel); font-size:14px; line-height:1.75; }
@media (max-width:1100px) { .material-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .material-card { min-height:440px; } .detail-card-grid { grid-template-columns:1fr; } .detail-card { display:grid; grid-template-columns:minmax(280px,.9fr) 1.1fr; } .detail-card-media { height:100%; min-height:440px; } .manufacturing-showcase { grid-template-columns:1fr; } .manufacturing-system-list { min-height:480px; } .manufacturing-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:980px) { html { scroll-snap-type:none; } .technology-content > .container { width:auto; margin:0 22px; } .technology-content .content-block { min-height:0; padding-top:70px; padding-bottom:70px; } .technology-content .content-block + .content-block { margin-top:90px; } }
@media (max-width:600px) { .technology-content > .container { margin:0 16px; } .material-structure-image { height:180px; } .material-card-grid { grid-template-columns:1fr; } .material-card { min-height:0; } .material-card-copy { min-height:0; margin-bottom:24px; } .material-card > img { height:220px; } .detail-card { display:block; } .detail-card-media { height:270px; min-height:0; } .detail-card-copy { min-height:0; } .manufacturing-slides { height:420px; } .manufacturing-slides figcaption { left:22px; bottom:76px; } .manufacturing-thumbs button { width:45px; height:32px; } .manufacturing-carousel-footer { left:16px; right:16px; } .manufacturing-system-list li { grid-template-columns:14px 1fr; } .manufacturing-system-list small { display:none; } .manufacturing-capabilities { grid-template-columns:1fr; gap:14px; } .manufacturing-capabilities > div { min-height:0; padding:24px; } }

.manufacturing-arrows{position:absolute;inset:0;z-index:3;pointer-events:none;display:block}
.manufacturing-arrows button{position:absolute;top:0;bottom:0;width:20%;height:100%;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.6);font-size:0;pointer-events:auto;display:grid;place-items:center}
.manufacturing-arrows button[data-direction="prev"]{left:0}.manufacturing-arrows button[data-direction="next"]{right:0}
.manufacturing-arrows button::before{content:"";width:20px;height:20px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);filter:drop-shadow(0 1px 3px #182435)}
.manufacturing-arrows button[data-direction="prev"]::before{transform:rotate(-135deg)}
.manufacturing-arrows button:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.manufacturing-arrows button{display:flex;align-items:center;justify-content:center}