.technology-page .tech-topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}
.tech-topic-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:14px;line-height:20px;transition:background-color 300ms var(--ease),color 300ms var(--ease)}
.tech-topic-nav a:hover{background:var(--white);color:var(--ink)}
.tech-topic-nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--ui-white)}
.tech-topic-nav a:active{transform:scale(.98)}
.tech-controller-hero{background:var(--ui-white)!important}
.tech-controller-hero>img{padding:24px!important}
.tech-interface-hero{display:grid;place-items:center;background:var(--ui-page);min-height:480px}
.tech-interface-hero>img{width:100%;height:480px;object-fit:cover}
.tech-interface-hero .media-label{bottom:24px}
.tech-interface-hero figcaption{padding:0}
.tech-connection{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.tech-connection figure{min-width:0;overflow:hidden;border-radius:16px;background:var(--white)}
.tech-connection figure>img{width:100%;height:auto}
.tech-connection .split-copy .text-link{margin-top:24px}
.tech-connection .process-steps{margin-top:32px}
.tech-connection .process-steps strong{display:block;font-weight:500;margin-bottom:8px}
.tech-connection .process-steps p{font-size:14px;line-height:20px;color:var(--muted)}
.tech-garment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tech-garment-card{min-width:0;background:var(--white);border-radius:16px;overflow:hidden}
.tech-garment-card>a{display:block;height:320px;padding:24px;background:var(--ui-page);overflow:hidden}
.tech-garment-card img{height:100%;width:100%;object-fit:contain;transition:transform 500ms var(--ease)}
.tech-garment-card>a:hover img{transform:scale(1.025)}
.tech-garment-copy{padding:24px}
.tech-garment-copy h3{font-size:20px;line-height:28px;letter-spacing:-.025em}
.tech-garment-copy>p{font-size:14px;line-height:20px;color:var(--muted);margin-top:8px;overflow-wrap:break-word;hyphens:auto}
.tech-garment-copy dl{display:grid;gap:12px;margin-top:24px}
.tech-garment-copy dl>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.tech-garment-copy dt{font-size:12px;line-height:16px;color:var(--muted)}
.tech-garment-copy dd{font-size:24px;line-height:32px;margin:0}
.tech-garment-copy .text-link{margin-top:16px}
.tech-feature-grid,.tech-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tech-feature{padding:32px;border:1px solid var(--line);border-radius:16px}
.tech-feature .item-number{display:block;color:var(--muted);font-size:12px;line-height:16px;margin-bottom:32px}
.tech-feature h3{font-size:24px;line-height:32px;letter-spacing:-.025em}
.tech-feature p{margin-top:16px;color:var(--muted)}
.tech-app-minimum{margin-top:32px;padding:24px;background:var(--ui-surface);border-radius:16px}
.tech-app-minimum strong{display:block;font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.035em}
.tech-app-minimum p{margin-top:12px;color:var(--ink);font-size:14px;line-height:20px}
.tech-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tech-brief-item{padding:32px;background:var(--white);border-radius:16px}
.tech-brief-item dt{font-size:20px;line-height:28px;font-weight:500}
.tech-brief-item dd{margin:16px 0 0;color:var(--muted)}
.tech-source-note{max-width:960px;margin-top:32px;font-size:14px;line-height:20px;color:var(--muted)}
.tech-source-note a{text-decoration:underline;text-underline-offset:4px}
.tech-system-card{background:var(--white);border-radius:16px;overflow:hidden}
.tech-system-image{height:320px;background:var(--ui-page);padding:24px;overflow:hidden}
.tech-system-image img{height:100%;width:100%;object-fit:contain}
.tech-system-card:nth-child(2) .tech-system-image{background:var(--ui-white)}
.tech-system-card:nth-child(3) .tech-system-image{padding:0}
.tech-system-card:nth-child(3) .tech-system-image img{object-fit:contain}
.tech-system-copy{padding:32px}
.tech-system-copy .eyebrow{margin-bottom:16px}
.tech-system-copy h3{font-size:24px;line-height:32px;letter-spacing:-.025em}
.tech-system-copy>p:not(.eyebrow){margin-top:16px;color:var(--muted)}
.tech-system-copy .text-link{margin-top:16px}
.tech-terms .info-item h3 span{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:20px}
.technology-page .tech-spacing{margin-top:32px}
@media(min-width:1600px){.tech-interface-hero,.tech-interface-hero>img{height:560px;min-height:560px}}
@media(max-width:1100px){
  .tech-connection{gap:32px}
  .tech-garment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tech-feature,.tech-system-copy{padding:24px}
  .tech-interface-hero,.tech-interface-hero>img{height:400px;min-height:400px}
}
@media(max-width:850px){
  .tech-connection{grid-template-columns:1fr;gap:32px}
  .tech-feature-grid,.tech-system-grid{grid-template-columns:1fr}
  .tech-feature .item-number{margin-bottom:16px}
  .tech-system-card{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .technology-page .tech-topic-nav{margin-bottom:32px}
  .tech-interface-hero,.tech-interface-hero>img{height:320px;min-height:320px}
  .tech-interface-hero .media-label{bottom:16px}
  .tech-garment-grid{gap:16px}
  .tech-garment-card>a{height:240px;padding:16px}
  .tech-garment-copy{padding:16px}
  .tech-garment-copy h3{font-size:18px;line-height:28px}
  .tech-garment-copy dl{margin-top:16px}
  .tech-garment-copy dl>div{display:block}
  .tech-garment-copy dd{font-size:20px;line-height:28px;margin-top:4px}
  .tech-garment-copy .text-link{gap:8px}
  .tech-brief-grid{grid-template-columns:1fr;gap:16px}
  .tech-brief-item{padding:24px}
  .tech-app-minimum strong{font-size:30px;line-height:36px}
  .tech-system-card{display:block}
  .tech-system-image{height:280px;min-height:0}
}
@media(max-width:540px){.tech-garment-grid{grid-template-columns:1fr}}