/* Material-led teardown studio. Shared with the existing architecture story. */
:root{--bg:#0c0f11;--panel:#15191c;--line:#2b3235;--muted:#a3afb4;--text:#edf1f2;--accent:#c5ef94;--accent-dark:#263225}
body{background:radial-gradient(ellipse at 70% 0,#25302a24,transparent 35%),#0c0f11}
.header,main,footer{max-width:1660px}.header{padding-top:21px;padding-bottom:21px;border-color:#242c2f}.header nav{font-size:14px;gap:28px}.wordmark strong{font-size:18px;letter-spacing:.14em}.wordmark>span{color:#a2abad}.wordmark svg{width:25px;height:25px}
.intro{padding-top:29px;padding-bottom:27px}.intro h1{font-size:clamp(44px,4.8vw,68px);font-weight:500;letter-spacing:-.055em}.intro .eyebrow{font:12px ui-monospace,SFMono-Regular,monospace;color:#94a39e;letter-spacing:.13em;margin-bottom:12px}.intro-copy{color:#d8e1dc;font-size:17px;font-weight:400}.intro-facts{color:#88978e;gap:20px}.intro-facts b{color:#c4d7af}.view-toolbar{margin-bottom:13px;gap:13px}.view-list{gap:5px}.view-button{color:#9daaaa;border:1px solid #2c3637;background:#13191c;padding:10px 14px;border-radius:5px;font-size:14px}.view-button>span{color:#6e837d;font-size:12px}.view-button[aria-pressed=true]{color:#e0f3c7;border-color:#68834e;background:#283422}.view-button:hover{background:#202a26}.view-button#chip-view{border-color:#4b5848}.view-button#chip-view[aria-pressed=true]{border-color:#95b276;background:#314027}.tour-button{border-color:#3b4548;background:#1a2123;color:#c1d0c8;font-size:14px;padding:10px 15px}.tour-button:hover{background:#222d25}
.explorer{grid-template-columns:292px minmax(0,1fr);min-height:710px;border:1px solid #343d3e;border-radius:8px;box-shadow:0 20px 80px #0005;overflow:hidden}.stage{grid-column:2;grid-row:1;min-height:710px;background:#101315;container-type:inline-size}.controls{grid-column:1;grid-row:1;display:flex;flex-direction:column;padding:23px 21px;background:linear-gradient(135deg,#1b2223,#141a1d);border-left:0;border-right:1px solid #343d3e;min-width:0}.control-heading{gap:8px}.control-heading .eyebrow{font:11px ui-monospace,monospace;letter-spacing:.065em;color:#8da895}.control-count{font:12px ui-monospace,monospace;color:#81938e}.controls h2{font-size:25px;font-weight:500;margin:3px 0 19px;letter-spacing:-.04em}.primary-button{padding:11px 13px;font-weight:500;font-size:14px;border-radius:4px;background:#c3e99b;color:#1b2a13;border-color:#c3e99b;box-shadow:none}.primary-button:hover{background:#dbf4bd}.slider-heading{font-size:13px;margin-top:17px;color:#a0b0a6}.slider-heading output{font:13px ui-monospace,monospace;color:#d6e8c3}.range-labels{display:none}.explode-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:15px}.explode-presets button{font-size:12px;color:#a1b29f;border:1px solid #344139;background:#1a241f;padding:5px 4px;border-radius:3px}.explode-presets button:hover{color:#e1f4cf;border-color:#697e57}.explode-presets button[aria-pressed=true]{color:#d8efbd;background:#34422b;border-color:#5e734c}.part-list{margin-top:21px;padding:9px 0 11px;border-color:#2e3a34}.part-button{padding:9px 8px;gap:10px;font-size:13px;color:#aebdb6;border-radius:4px;line-height:1.45}.part-button[hidden]{display:none}.part-button .part-number{font-size:12px;color:#7d9184}.part-button[aria-pressed=true]{background:#33412f;color:#e0f2ca}.part-button:hover{background:#27322b}.part-detail{padding-top:19px;margin-top:auto;min-height:210px}.detail-kicker{font-size:11px;letter-spacing:.085em;color:#8da78c}.part-detail h3{font-size:20px;margin-top:8px;margin-bottom:10px;font-weight:500;letter-spacing:-.02em}#detail-description{font-size:14px;line-height:1.85;color:#a2b2a8;margin-bottom:14px}.part-detail dt{font-size:12px;color:#829889}.part-detail dd{font-size:13px;color:#d1dfc7}.detail-read-more{font-size:12px;color:#a2bd8c;display:inline-block;margin-top:15px}.detail-read-more:hover{color:#d3edae}
.stage-top{top:21px;left:25px;right:25px}.stage-caption{font-size:12px;color:#9cadab;letter-spacing:.04em}.tiny-cross{font-size:17px;color:#9bb981}.caption-divider{margin:0 8px;color:#55665d}.lighting-controls{background:#1d2526b8;border-color:#394647;padding:3px;backdrop-filter:blur(12px);border-radius:4px}.lighting-controls button{padding:4px 9px;font-size:12px;color:#8da29b}.lighting-controls button[aria-pressed=true]{background:#38453f;color:#e0ecda}.scene-tools{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:4;align-items:center;background:#10181bbd;padding:3px;border:1px solid #39453f;border-radius:5px;backdrop-filter:blur(14px)}.scene-tools button{font-size:12px;line-height:1.5;border:0;border-radius:3px;background:transparent;color:#889c92;padding:5px 10px}.scene-tools button[aria-pressed=true]{background:#303d2e;color:#c5ddae}.scene-tools button:hover{color:#e1efd3}.scene-caption{left:28px;bottom:71px;width:calc(100% - 56px);max-width:520px;text-shadow:0 2px 18px #000}.scene-caption>p:first-child{font-size:12px;letter-spacing:.11em;color:#8da27b;gap:11px;margin-bottom:8px}#shot-number{min-width:23px;height:21px;font-size:11px;border-color:#4b5e3d}.scene-caption h2{font-size:clamp(23px,2.3vw,32px);font-weight:450;letter-spacing:-.035em;margin-bottom:7px;color:#e5eee1}.scene-caption #shot-description{font-size:13px;line-height:1.8;color:#9cadab;max-width:500px}.stage-bottom{left:28px;right:28px;bottom:18px;font-size:12px;color:#83988b}.stage-actions{gap:22px}.quiet-button{font-size:12px;color:#a3b3a9}.tour-progress>span{width:100%;transform:scaleX(0);transform-origin:left;background:#b7db90;box-shadow:none}.marker{left:0;top:0;width:26px;height:26px;background:#1e2b21e0;border:1px solid #9bb7777a;color:#d5e4bc;box-shadow:0 0 0 4px #0e141444;font:11px ui-monospace,monospace;backdrop-filter:blur(6px);will-change:transform;transition:background .18s,color .18s,opacity .18s}.marker[aria-pressed=true]{color:#223315;border-color:#d4efb5;background:#c6e99a;box-shadow:0 0 0 5px #adcd7433}.annotation-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;display:none}.annotation-lines path{fill:none;stroke:#b0cc8c;stroke-width:1;stroke-opacity:.65}.annotation-lines circle{fill:#d0e6ac}.selected-annotation{position:absolute;left:0;top:0;z-index:3;width:188px;padding:12px 14px;background:#141c1fdf;border:1px solid #60774c80;border-radius:4px;backdrop-filter:blur(13px);pointer-events:none;box-shadow:0 12px 30px #0004;will-change:transform}.selected-annotation[hidden]{display:none}.selected-annotation>span{display:block;font:10px ui-monospace,monospace;color:#89a274;letter-spacing:.055em;margin-bottom:5px}.selected-annotation>strong{font-weight:500;font-size:14px;color:#d0e4b9;line-height:1.45}.model-note{font-size:12px;line-height:1.9;color:#84938b;margin-top:14px}
.performance,.architecture{padding-top:78px}.performance-heading{margin-bottom:28px;gap:30px}.performance-heading h2{font-size:clamp(28px,3vw,41px);color:#e7eeeb;font-weight:450;letter-spacing:-.035em}.performance-heading .eyebrow{color:#8ea387;font:12px ui-monospace,monospace;letter-spacing:.13em;margin-bottom:12px}.performance-heading>p{font-size:15px;color:#8c9e97}.performance-card,.arch-card,.process-card{background:linear-gradient(140deg,#19222099,#111719);border-color:#303c38;border-radius:7px}.performance-card.compute-card,.arch-card.gpu-card{background:radial-gradient(ellipse at 100% 0,#566e3630,transparent 65%),#151e18;border-color:#4a5d3d}.performance-card h3,.arch-title h3,.process-card h3{color:#e0e9dd;font-weight:500}.performance-card>p:not(.performance-number):not(.eyebrow):not(.number-condition):not(.card-note){font-size:16px;line-height:1.85;color:#a7b6ad}.card-note{font-size:13px!important;color:#90a08e!important}.performance-number{color:#e0ecd3;font-weight:430}.performance-card{padding:29px}.arch-card{padding:32px}.arch-lead,.arch-facts dd,.gpu-engines p,.blackwell-notes p,.architecture-detail>p:not(.eyebrow),.process-card>p:not(.eyebrow):not(.process-number){font-size:16px;line-height:1.85;color:#a3b6aa}.arch-facts dt{font-size:16px}.arch-facts>div+div{margin-top:23px}.architecture-insight p{font-size:14px;line-height:1.9}.arch-title h3{font-size:29px}.arch-sources{gap:18px;border-color:#334335}.arch-sources a{font-size:12px;color:#a0ba8d}.arch-card>.eyebrow{font-size:12px}.compute-lab{background:radial-gradient(ellipse at 50% 35%,#56793636,transparent 65%),#121c16;border-color:#5a7443;border-radius:7px}.compute-explanation p{font-size:14px}.compute-source{font-size:12px}.blackwell-notes{padding-top:35px;padding-bottom:44px}.blackwell-notes h3{font-size:19px}.minor-copy{font-size:13px!important;color:#8ca18d!important}.package-explorer{border-radius:7px;background:linear-gradient(120deg,#18261caa,#11191b);border-color:#405344}.package-label{font-size:12px}.dielet>span:first-child{font-size:12px;letter-spacing:0}.diagram-note{font-size:12px}.architecture-detail .eyebrow{font-size:12px}.process-card>.eyebrow{font-size:12px}.process-card{padding:28px}.process-card .process-number{font-weight:430}.scale-card{background:linear-gradient(100deg,#1d2a1c77,#10181c);border-radius:7px}.scale-card p{font-size:16px}.cluster-nodes>span{border-color:#465b3f;background:#20302066}.full-specs{font-size:15px}.full-specs summary{font-size:15px}.full-specs dd{color:#a1b6a7}.section-title h2{font-size:28px;font-weight:450}.stat-grid article>p:last-child{font-size:13px}.specifications{padding-top:64px}footer{font-size:12px;line-height:1.8;color:#889c8c;border-color:#2c3831}
@container(max-width:900px){.scene-tools{top:63px;left:25px;transform:none}.scene-caption{max-width:490px}}
@media(min-width:1450px){.explorer,.stage{min-height:790px}.controls{padding:26px 23px}.part-button{padding-top:11px;padding-bottom:11px;font-size:14px}.part-detail{padding-top:23px}.scene-caption{left:33px;bottom:78px}.stage-top,.stage-bottom{left:33px;right:33px}}
@media(max-width:1150px){.header nav{gap:23px}.explorer{grid-template-columns:276px minmax(0,1fr)}.controls{padding:22px 18px}.view-button{padding:9px 11px;font-size:13px}.view-button>span{display:none}.tour-button{font-size:13px}.intro-copy{font-size:15px}.performance-card{padding:25px}.arch-card{padding:28px}.scene-caption h2{font-size:26px}.part-detail h3{font-size:19px}}
@media(max-width:850px){.intro-facts{gap:4px}.explorer,.stage{min-height:720px}.controls{padding:22px 18px}.part-button{font-size:13px}.performance-card{display:grid;padding:28px}.arch-card{padding:30px}.process-card{padding:28px}.performance-card>p:not(.performance-number):not(.eyebrow):not(.number-condition):not(.card-note){font-size:15px}.scene-caption{left:23px;bottom:74px;width:calc(100% - 46px)}.scene-caption h2{font-size:25px}.stage-top,.stage-bottom{left:23px;right:23px}.stage-caption{font-size:12px}.stage-bottom #gesture-hint{font-size:11px}.stage-actions{gap:13px}}
@media(max-width:740px){.header{padding-top:19px;padding-bottom:19px}.header nav{gap:17px;font-size:12px}.header nav>.source-link{display:none}.wordmark strong{font-size:16px}.intro{padding:27px 0 25px}.intro h1{font-size:50px}.intro-copy{font-size:12px}.intro-facts{font-size:12px}.view-toolbar{margin-bottom:12px;gap:10px}.view-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.view-button{font-size:13px;justify-content:center;padding:10px 8px}.view-button>span{display:inline}.tour-button{font-size:14px;padding:10px}.explorer{grid-template-columns:1fr;min-height:0}.stage{grid-column:1;grid-row:1;min-height:0;height:600px}.controls{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-right:0;border-top:1px solid #343d3e;padding:25px}.control-heading{grid-column:1/-1}.controls h2{grid-column:1/-1;margin-bottom:18px;font-size:25px}.explode-controls{display:grid;grid-template-columns:155px 1fr;column-gap:23px;row-gap:0;align-items:center}.primary-button{grid-row:1/4;height:43px;align-self:start}.slider-heading{margin-top:0}.explode-presets{grid-column:2;margin-top:12px}.explode-presets button{padding:4px 3px;font-size:12px}.part-list{grid-column:1;margin-top:22px;border-bottom:0;padding-top:12px}.part-detail{grid-column:2;margin-top:22px;border-top:1px solid #2e3a34;padding-top:17px;min-height:0}.part-button{padding:10px 8px}.part-detail h3{font-size:19px}#detail-description{font-size:14px}.stage-top{top:19px;left:21px;right:21px}.scene-tools{top:60px;left:21px}.scene-caption{left:23px;bottom:73px;max-width:530px}.scene-caption h2{font-size:26px}.scene-caption #shot-description{font-size:13px;line-height:1.8;max-width:95%}.stage-bottom{bottom:18px;left:23px;right:23px}.stage-bottom #gesture-hint{font-size:12px}.selected-annotation{display:none}.performance,.architecture{padding-top:56px}.performance-heading h2{font-size:29px}.performance-heading>p{font-size:15px}.arch-title h3{font-size:28px}.blackwell-notes p{font-size:16px}.specifications{padding-top:50px}.scale-card p{font-size:16px}}
@media(max-width:520px){.header nav{gap:13px}.intro h1{font-size:43px}.intro-right{max-width:150px}.intro-copy{font-size:12px}.intro-facts span+span{display:none}.intro .eyebrow{font-size:11px}.view-button{font-size:12px;padding:10px 5px;gap:6px}.stage{height:550px}.controls{padding:23px;gap:0 18px}.control-heading .eyebrow{font-size:11px}.controls h2{font-size:24px}.explode-controls{grid-template-columns:130px 1fr;column-gap:20px}.primary-button{font-size:13px;gap:7px}.primary-button svg{width:18px}.part-button{padding:9px 6px;font-size:13px;gap:8px}.part-detail h3{font-size:18px;line-height:1.45}.detail-read-more{font-size:12px;line-height:1.7}.scene-tools button{font-size:12px;padding:5px 9px}.scene-caption{left:21px;bottom:77px;width:calc(100% - 42px)}.scene-caption h2{font-size:23px}.scene-caption #shot-description{font-size:12px;line-height:1.8}.scene-caption>p:first-child{font-size:11px;letter-spacing:.05em}.stage-top{left:20px;right:20px;gap:10px}.stage-caption{font-size:11px;max-width:none}.tiny-cross{display:none}.caption-divider{margin:0 5px}.lighting-controls button{font-size:12px;padding:4px 8px}.stage-bottom{left:21px;right:21px}.stage-bottom #gesture-hint{font-size:11px}.quiet-button{font-size:12px}.stage-actions{gap:13px}.model-note{font-size:12px}.performance-card{display:flex;padding:25px}.performance-card>p:not(.performance-number):not(.eyebrow):not(.number-condition):not(.card-note){font-size:16px}.arch-card{padding:25px}.architecture>.performance-heading h2{font-size:26px}.arch-title h3{font-size:27px}.arch-lead,.arch-facts dd,.gpu-engines p,.architecture-detail>p:not(.eyebrow),.process-card>p:not(.eyebrow):not(.process-number){font-size:16px}.process-card{padding:26px}.process-card .process-number{font-size:70px}.minor-copy,.card-note{font-size:13px!important}.compute-lab{padding:25px 17px}.compute-explanation p{font-size:14px}.compute-source{font-size:12px}.compute-lab-heading .eyebrow{font-size:12px}.package-label{font-size:11px}.dielet>span:first-child{font-size:11px}.dielet small{font-size:12px}.dielet .die-cache{font-size:11px}.diagram-note{font-size:12px}.core-cells{gap:4px}.cluster-label>span{font-size:12px}}
@media(max-width:390px){.intro h1{font-size:46px}.intro-right{display:none}.stage{height:535px}.controls{padding:20px;gap:0 14px}.explode-controls{grid-template-columns:118px 1fr;column-gap:17px}.primary-button{font-size:13px;padding-left:8px;padding-right:8px}.part-button{font-size:12px;gap:7px}.part-button .part-number{font-size:11px}.part-detail h3{font-size:17px}.stage-bottom{left:18px;right:18px}.stage-actions{gap:12px}.scene-caption h2{font-size:22px}.scene-caption #shot-description{max-width:100%}.header nav{gap:11px}.header nav>a{font-size:12px}.architecture>.performance-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.marker,.view-button,.part-button{transition:none}.selected-annotation{will-change:auto}}

body.no-webgl .stage[data-scope=package] #canvas-mount{background-image:url('./assets/gb10-package-preview.png')}