.techArchive{width:min(100%,1180px);margin:0 auto;padding:34px 24px 88px}.techHeading{text-align:center;margin:0 0 28px}.techHeading h1{margin:0;font-family:Georgia,serif;font-size:clamp(36px,5vw,54px);font-weight:400;line-height:1.12}.techHeading>p{color:#746f65;margin:12px auto 0;font-family:Georgia,serif;font-size:18px;line-height:1.55}.techProjectLayout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.techSelector{min-width:0}.techSelectorBuckle{align-self:center}.techStage{background:#e5dfd3;border:1px solid #c6bdaf;border-radius:7px;overflow:hidden}.techStageMeta,.techArtworkFooter{color:#716a61;letter-spacing:.14em;justify-content:space-between;padding:14px 18px;font:10px monospace;display:flex}.techArtwork{justify-content:center;align-items:center;height:clamp(280px,34vw,390px);padding:10px 20px;display:flex}.techArtwork svg{width:100%;max-width:680px;height:100%}.techArtwork img{object-fit:contain;width:100%;height:100%}.techArtworkFooter{text-align:center;justify-content:center}.techControls{justify-content:center;align-items:center;gap:24px;padding:14px;display:flex}.techControls span{color:#726a62;letter-spacing:.12em;font:11px monospace}.techControls button{cursor:pointer;background:#f7f1e6;border:1px solid #bbb3a5;border-radius:4px;width:48px;height:38px;font-size:21px}.techControls button:hover,.techIndex button:hover,.buckleScreenButton:hover{background:#e8dfcf}.techDetails{min-width:0;padding-top:8px}.techDetails>.kicker{color:#746d63;letter-spacing:.1em;text-transform:uppercase;margin:0;font:10px/1.6 monospace}.techDetails h2{margin:8px 0 14px;font-family:Georgia,serif;font-size:clamp(30px,3.5vw,43px);font-weight:400;line-height:1.12}.techLead{color:#3d3b35;margin:0;font:18px/1.55 Georgia,serif}.techTags{flex-wrap:wrap;gap:7px;margin:18px 0 22px;display:flex}.techTags span{border:1px solid #b8ae9e;border-radius:3px;padding:6px 9px;font:11px monospace}.techDetailGrid{grid-template-columns:1fr 1fr;gap:22px;margin:20px 0;display:grid}.techDetailGrid h3{letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;font:700 11px/1.4 Arial,sans-serif}.techDetailGrid p{color:#625c54;margin:0;font:14px/1.6 Georgia,serif}.techMore{cursor:pointer;letter-spacing:.06em;background:0 0;border:1px solid #b4aa9c;padding:12px 16px;font:11px monospace}.techMoreDetails{background:#e9e3d8;padding:16px}.techIndex{border-top:1px solid #cfc6b8;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin:30px 0 0;padding-top:20px;display:grid}.techIndex h2{color:#746d63;letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;margin:0 0 10px;font:10px monospace}.techIndex button{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #d3cbbf;align-items:center;gap:14px;width:100%;padding:13px 8px;font:16px Georgia,serif;display:flex}.techIndex button span{color:#888077;font:10px monospace}.techIndex button.active{background:#e9e1d4;font-weight:700}.buckleStage{aspect-ratio:602.114/109.867;flex:none;width:min(100%,760px);margin:auto;position:relative;container-type:inline-size}.buckleOriginal{object-fit:contain;width:100%;height:100%;display:block}.buckleScreenButton{cursor:pointer;background:#060a0b;border:0;border-radius:2%;width:25.183%;height:53.209%;padding:0;position:absolute;top:23.394%;left:37.408%;overflow:hidden}.buckleScreenButton img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.buckleScreenButton:hover,.buckleScreenButton:focus-visible{outline-offset:2px;outline:2px solid #e0ae32}.buckleHint{color:#716a61;text-align:center;letter-spacing:.1em;font:10px monospace;position:absolute;bottom:-32px;left:0;right:0}.techArtwork:has(.buckleStage){height:auto;min-height:230px;padding:44px 12px 56px}@media (max-width:900px){.techProjectLayout{grid-template-columns:1fr;gap:8px}.techArtwork{height:clamp(280px,55vw,420px)}.techDetails{padding-top:20px}.techIndex{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.techArchive{padding:28px 14px 68px}.techHeading{margin-bottom:22px}.techDetailGrid{grid-template-columns:1fr;gap:16px}.techControls{gap:15px}.techControls button{min-width:48px;min-height:44px}.techControls span{font-size:9px}.techLead{font-size:17px}.techArtwork{height:clamp(230px,65vw,360px)}.buckleScreenButton{border-radius:2%;width:max(25.183%,44px);height:max(53.209%,44px);top:50%;left:50%;transform:translate(-50%,-50%)}.buckleScreenButton img{width:25.183cqw;height:9.71cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.techStage{touch-action:pan-y}.techMore{min-height:44px}.buckleHint{font-size:9px}.techIndex{grid-template-columns:1fr;margin-top:22px}.techIndex button{min-height:44px}}@media (prefers-reduced-motion:no-preference){.techArtwork svg,.techArtwork img,.buckleStage{animation:.35s ease-out techReveal}@keyframes techReveal{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}}