.tech-page{--tech-ink:#18181b;--tech-muted:#55555c;--tech-soft:#f1f1ef;--tech-max:1400px;--tech-pad:clamp(16px, 4vw, 48px);color:var(--tech-ink);background:#fff}.tech-hero{aspect-ratio:1240/320;background:#0b0b0b;width:100vw;min-height:400px;max-height:520px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden}.tech-hero__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tech-hero__scrim{background:linear-gradient(#00000073 0%,#000000a6 100%);position:absolute;inset:0}.tech-hero__inner{z-index:2;padding:clamp(80px, 7vw, 110px) var(--tech-pad) clamp(24px, 3vw, 44px);text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tech-hero__title{font-family:var(--font-display), "Chakra Petch", system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0 0 clamp(22px,2.8vw,38px);font-size:clamp(30px,3.6vw,48px);font-weight:800}.tech-hero__sub{opacity:.88;max-width:780px;margin:0;font-size:clamp(13px,1.3vw,16px);line-height:1.9}.tech-grid{max-width:var(--tech-max);padding:0 var(--tech-pad);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2vw,34px);margin:clamp(38px,4.5vw,62px) auto 0;display:grid}.tech-card{background:var(--tech-soft);grid-template-columns:minmax(0,.78fr) minmax(0,1fr);display:grid;overflow:hidden}.tech-card__media{background:#dcdcd8;min-height:100%;position:relative}.tech-card__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tech-card__body{flex-direction:column;padding:clamp(18px,1.9vw,30px) clamp(16px,1.8vw,28px);display:flex}.tech-card__brand{align-items:center;gap:10px;margin-bottom:clamp(12px,1.3vw,18px);display:flex}.tech-card__mark{width:26px;height:26px;color:var(--tech-ink);flex:none;display:block}.tech-card__name{font-family:var(--font-display), "Chakra Petch", system-ui, sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(15px,1.5vw,21px);font-weight:800;line-height:1}.tech-card__name sup{vertical-align:super;font-size:.5em;font-weight:700}.tech-card__btn{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#101115;align-self:flex-start;margin-bottom:clamp(14px,1.5vw,20px);padding:clamp(8px,.85vw,11px) clamp(14px,1.4vw,20px);font-size:clamp(9.5px,.85vw,11px);font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.tech-card__btn:hover{background:#2b2d33;transform:translateY(-1px)}.tech-card__desc{color:var(--tech-muted);margin:0 0 clamp(16px,1.8vw,24px);font-size:clamp(10.5px,.95vw,12.5px);line-height:1.8}.tech-card__label{font-family:var(--font-display), "Chakra Petch", system-ui, sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--tech-ink);margin:0 0 clamp(10px,1.1vw,14px);font-size:clamp(9.5px,.85vw,11px);font-weight:800}.tech-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.1vw,16px) clamp(8px,1vw,14px);margin-top:auto;display:grid}.tech-feat{align-items:center;gap:8px;display:flex}.tech-feat__icon{width:20px;height:20px;color:var(--tech-ink);opacity:.85;flex:none;display:block}.tech-feat__text{color:var(--tech-ink);font-size:clamp(10px,.9vw,12px);line-height:1.3}.tech-recent{padding-top:clamp(48px,5.5vw,78px);padding-bottom:clamp(40px,5vw,70px)}@media (max-width:900px){.tech-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.tech-card{grid-template-columns:minmax(0,1fr)}.tech-card__media{aspect-ratio:4/5;min-height:0}.tech-hero{aspect-ratio:4/3;min-height:300px}}