.tech-page{--tech-line:#35463c;--tech-muted:#bdc8c0}.tech-page h1 em{font-style:normal;color:#ff9428}.tech-hero{background:radial-gradient(ellipse at 80% 40%,#20392b 0,transparent 54%),#0e1712;border-bottom:1px solid var(--tech-line);padding:68px 0}.tech-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:64px;align-items:center}.tech-page h1{font-size:clamp(42px,5.5vw,82px);line-height:1.03;margin:16px 0 24px;letter-spacing:-.03em}.tech-lead{font-size:clamp(20px,2vw,26px);color:#fff;max-width:680px}.tech-hero p{max-width:690px}.tech-hero-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:30px}.tech-hero-actions>a:not(.btn){color:#e6eee8;text-decoration:underline;text-underline-offset:5px}.tech-hero-plate{display:block;position:relative;background:#ecebe0;border:1px solid #d9d8c9;transform:rotate(3deg);max-width:290px;justify-self:center;box-shadow:0 18px 55px #0006;padding:12px}.tech-hero-plate img{width:100%;height:280px;object-fit:cover;object-position:50% 30%;display:block}.tech-hero-plate span{display:block;font-size:11px;letter-spacing:.12em;color:#28352d;padding:14px 8px 4px}.tech-intro{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--tech-line);padding-top:30px;padding-bottom:30px;gap:20px}.tech-intro strong,.tech-intro span{display:block}.tech-intro strong{font-size:19px;color:#fff}.tech-intro span{font-size:13px;color:var(--tech-muted);margin-top:5px}.tech-library{padding-top:65px;padding-bottom:60px;scroll-margin-top:100px}.tech-page h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:10px 0 20px}.tech-categories{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.tech-categories button{border:1px solid #425c4b;background:#16231b;color:#ecf2ed;padding:13px 17px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;min-height:48px}.tech-categories button i{font-style:normal;margin-right:5px}.tech-categories button span{font-size:12px;opacity:.85;margin-left:6px}.tech-categories button[aria-pressed=true]{background:#f68c24;border-color:#f68c24;color:#10170f;font-weight:700}.tech-page a:focus-visible,.tech-page button:focus-visible,.tech-page input:focus-visible,.tech-page select:focus-visible,#tech-image-dialog button:focus-visible{outline:3px solid #ffb966;outline-offset:4px}#tech-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:end;background:#131f17;border:1px solid var(--tech-line);padding:22px;border-radius:12px}#tech-filters label{font-size:13px;color:#e5ece7;display:block;margin-bottom:8px}#tech-filters input,#tech-filters select{width:100%;background:#0c140f;border:1px solid #536759;border-radius:6px;color:#f1f5f2;padding:12px;font:inherit;font-size:14px;min-height:47px}#tech-count{color:var(--tech-muted);margin:22px 0;font-size:14px}.tech-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tech-card{background:#151f18;border:1px solid var(--tech-line);border-radius:12px;padding:24px;min-width:0;display:flex;flex-direction:column;scroll-margin-top:110px}.tech-card[hidden],#tech-empty[hidden],.tech-enlarge[hidden]{display:none!important}.tech-card:target{border-color:#ff9428;box-shadow:0 0 0 2px #ff94284d}.tech-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tech-brand{color:#ffac56;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.tech-tag{font-size:10px;color:#d6e6da;border:1px solid #4a6252;border-radius:4px;padding:3px 6px}.tech-card h3{font-size:23px;line-height:1.25;margin:15px 0 8px}.tech-period{font-size:12px;color:var(--tech-muted);margin:0 0 16px}.tech-card>p:not(.tech-period){font-size:14px;line-height:1.7}.tech-card details{border-top:1px solid var(--tech-line);margin:14px 0 20px;padding-top:14px;font-size:13px}.tech-card summary{cursor:pointer;color:#e8f0ea;font-weight:600;min-height:30px}.tech-card details p{font-size:13px;line-height:1.7}.tech-card-bottom{margin-top:auto;display:grid;gap:10px}.tech-card-bottom span{font-size:10px;color:#b5c5b9}.tech-card-bottom a{font-size:12px;color:#ffb46c;text-underline-offset:3px}.tech-card-bottom .tech-permalink{font-size:11px;color:#c1cec5}.tech-photo{margin:4px 0 16px}.tech-enlarge{display:block;width:100%;border:0;background:#f1f0e9;border-radius:7px;overflow:hidden;cursor:zoom-in;padding:0}.tech-photo img{width:100%;height:185px;object-fit:contain;display:block}.tech-photo figcaption{font-size:10px;color:#b5c5b9;margin-top:7px}.tech-section{padding-top:60px;padding-bottom:60px;scroll-margin-top:90px}.tech-section:not(.wrap){background:#101b14;border-block:1px solid var(--tech-line)}.tech-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0}.tech-person{border-top:2px solid #f68c24;padding-top:18px}.tech-person h3{font-size:23px;margin:8px 0 14px}.tech-person p{font-size:14px}.tech-person a,.tech-patent a{font-size:13px;color:#ffb46c}.tech-patents{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.tech-patent{border:1px solid var(--tech-line);border-radius:12px;overflow:hidden;background:#151f18}.tech-patent .tech-enlarge{border-radius:0}.tech-patent img{display:block;width:100%;height:370px;object-fit:contain;background:#fff;padding:12px}.tech-patent>div{padding:25px}.tech-patent h3{font-size:25px;line-height:1.3;margin:10px 0 15px}.tech-patent p{font-size:14px}.tech-patent dl{display:grid;grid-template-columns:130px 1fr;gap:6px;font-size:13px}.tech-patent dt{color:#bdc8c0}.tech-patent dd{margin:0;color:#e5eee7}.tech-next{border-top:1px solid var(--tech-line);padding-top:35px;padding-bottom:65px}.tech-next>div{display:flex;flex-wrap:wrap;gap:12px}.tech-next>p{font-size:12px;max-width:850px;margin-top:25px}#tech-image-dialog{background:#111b15;color:#e7eee9;border:1px solid #627b69;border-radius:10px;width:min(1000px,94vw);max-height:94dvh;padding:18px;overflow:auto}#tech-image-dialog::backdrop{background:#000c}#tech-image-dialog figure{margin:18px 0 0}#tech-large-image{display:block;max-width:100%;max-height:72dvh;height:auto;width:auto;object-fit:contain;margin:auto;background:#fff}#tech-image-caption{font-size:13px;padding-top:14px;text-align:center}#tech-close-image{margin-left:auto;display:block}#tech-empty{border:1px dashed #647c6a;padding:25px;border-radius:8px;color:#e2ece4}
@media(max-width:1100px){.tech-results{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-people{grid-template-columns:repeat(2,minmax(0,1fr))}#tech-filters{grid-template-columns:1fr 1fr}#tech-filters>div:first-child{grid-column:1/-1}.tech-hero-grid{gap:30px}.tech-hero-plate{max-width:230px}}
@media(max-width:650px){.tech-hero{padding:40px 0}.tech-hero-grid{grid-template-columns:1fr}.tech-hero-plate{max-width:220px;margin-top:12px;transform:rotate(2deg)}.tech-hero-plate img{height:200px}.tech-intro{grid-template-columns:1fr;gap:16px}.tech-intro>div{border-left:2px solid #ef8c2e;padding-left:14px}.tech-results,.tech-people,.tech-patents{grid-template-columns:1fr}.tech-card{padding:22px}.tech-library{padding-top:40px}#tech-filters{padding:16px;grid-template-columns:1fr}#tech-filters>div:first-child{grid-column:auto}.tech-categories{gap:8px}.tech-categories button{padding:10px 12px;font-size:13px;flex:1 1 44%}.tech-section{padding-block:40px}.tech-patent img{height:300px}.tech-patent dl{grid-template-columns:110px 1fr}.tech-next .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.tech-page *{scroll-behavior:auto!important}}
/* Patent-style educational artwork. Each atlas cell is a concept, not exact branded geometry. */
.tech-sprite{display:block;width:100%;aspect-ratio:1;background-size:600% 700%;background-repeat:no-repeat;background-color:#f2efe5}.tech-artwork .tech-enlarge{background:#f2efe5;border:1px solid #d3d0c4}.tech-artwork .tech-sprite{max-height:none}.tech-artwork img{height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.tech-artwork figcaption{line-height:1.6;color:#c3d0c6}.tech-artwork figcaption a{color:#ffb46c}.tech-source-photo.tech-enlarge{background:transparent;color:#ffb46c;border:1px solid #536759;padding:10px 12px;font:inherit;font-size:12px;text-align:left;cursor:pointer;margin-bottom:18px;min-height:42px}.tech-art-note{border-left:3px solid #e98a28;padding:12px 18px;background:#162219;font-size:13px;line-height:1.7}.tech-person-role{font-weight:600;color:#e6eee7!important;font-size:12px!important}.tech-sprite[hidden],#tech-large-image[hidden]{display:none!important}#tech-large-sprite{width:min(650px,72dvh);max-width:100%;margin:auto}.tech-photo button{transition:box-shadow .18s}.tech-photo button:hover{box-shadow:0 0 0 2px #f49a43}
.tech-artwork figcaption a{text-decoration:underline;text-underline-offset:3px}