.hardware-case{--yellow:#e4e8e3;--cream:#f5f4ef;--mint:#e7edeb;--ink:#202729;--muted:#667174;--rule:#dde2df}.hardware-case .section{padding:62px 28px}.hardware-case .section-heading h2{font-family:inherit;font-size:clamp(34px,4vw,49px);letter-spacing:-.045em;line-height:1.12;font-weight:650;max-width:850px}.hardware-case .section-deck{font-size:17px;line-height:1.7;max-width:800px}.hardware-case h3{line-height:1.22;letter-spacing:-.03em}.hardware-case .hw-banner{height:340px;display:grid;grid-template-columns:1fr 1fr;background:#efeee8;overflow:hidden}.hw-banner-copy{padding:48px 20px 40px 40px;display:flex;flex-direction:column;justify-content:center}.hw-banner-copy>.eyebrow{font-size:9px;letter-spacing:.13em;color:#657074;line-height:1.6}.hw-banner-copy h2{font-size:clamp(31px,3.4vw,46px);line-height:1.12;letter-spacing:-.045em;font-weight:600;max-width:500px;margin-top:20px}.hw-banner-photo{background:#343737;min-width:0;padding:0 15px}.hw-banner-photo img{width:100%;height:100%;object-fit:contain}.snowgo-case .hw-banner{background:#e7eef0}.snowgo-case .hw-banner-photo{background:#d9dbd6}.hardware-case .project-avatar{padding:0;overflow:hidden;background:#efeee8;border-radius:27px}.hardware-case .project-avatar img{width:100%;height:100%;object-fit:cover}.hardware-case .project-name{align-items:baseline}.hardware-case .project-badge{height:auto;min-width:0;min-height:0;border-radius:5px;display:inline-block;padding:5px 7px;margin-left:2px;font-size:9px;background:#e6e9e3;color:#4a5a54;line-height:1.4;font-weight:500;vertical-align:middle}.hardware-case .project-name h1{font-size:52px;font-weight:650;font-family:inherit}.hardware-case .tools>div>span{padding:9px 13px;font-size:10px}.hardware-case .chapter-nav a.active{color:#263b3c}.hardware-case .chapter-nav a.active:after{background:#435b5b}.hardware-case .project-brief{background:#eff1eb}.hardware-case .subheading{margin-top:46px;margin-bottom:25px}.hardware-case .subheading h3{font-size:29px}.hardware-case .subheading p{font-size:15px;color:var(--muted);line-height:1.75;max-width:750px}.hardware-case .intro-grid p{font-size:15px;line-height:1.85}.hw-opening{display:grid;grid-template-columns:.8fr 1.6fr;gap:35px;padding:30px;background:#f1f1eb;border-radius:20px;align-items:center;margin:32px 0 35px}.hw-opening h3{font-size:34px;line-height:1.15;margin:20px 0}.hw-opening>div>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#63706b;margin-bottom:24px}.hw-opening a{font-size:12px;color:#3c585b;border-bottom:1px solid #b4c2bb;padding-bottom:4px}.hw-photo{margin:0;min-width:0}.hw-photo>button{display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;overflow:hidden;background:#f2f2ed;border-radius:14px;cursor:zoom-in}.hw-photo img{width:100%;height:420px;object-fit:contain;display:block}.hw-photo figcaption{margin:15px 0 0;font-size:14px;line-height:1.65}.hw-photo figcaption b,.hw-photo figcaption span{display:block}.hw-photo figcaption b{font-size:15px;font-weight:600}.hw-photo figcaption span{font-size:12px;color:var(--muted);margin-top:5px}.hw-opening .hw-photo img{height:370px}.hw-opening .hw-photo button{background:#343737}.snowgo-case .hw-opening .hw-photo button{background:#e6e5df}.hw-opening .hw-photo figcaption{font-size:11px}.hw-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;margin:32px 0}.hw-gallery.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hw-gallery.three .hw-photo img{height:340px}.hw-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:34px 0}.hw-notes article{border-top:1px solid #ccd6d1;padding-top:20px}.hw-notes article>span{font-size:11px;color:#667d78}.hw-notes h3{font-size:23px;margin:20px 0 14px}.hw-notes p{font-size:14px;line-height:1.8;color:var(--muted)}.hw-program-note{background:#f2f2eb;border-radius:15px;padding:30px;margin:40px 0 28px}.hw-program-note h3{font-size:31px;margin:18px 0}.hw-program-note p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:760px}.hardware-case .diagram img{width:100%;height:auto;aspect-ratio:auto}.hardware-case .diagram figcaption{font-size:12px;line-height:1.8;color:var(--muted)}.hardware-case .diagram .enlarge{background:#3d555b}.hw-record{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px;background:#f0f2ed;border-radius:16px;align-items:center;margin:35px 0}.hw-record h3{font-size:31px;margin:20px 0}.hw-record p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8}.hw-record dl{margin:0}.hw-record dl>div{padding:13px 0;border-bottom:1px solid #d3dcd5;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;font-size:13px;line-height:1.6}.hw-record dt{color:#687772}.hw-record dd{margin:0;font-weight:500}.hw-iteration-caption{display:grid;grid-template-columns:190px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #dbe2dc;border-top:1px solid #dbe2dc;margin:38px 0}.hw-iteration-caption span{font-size:13px;font-weight:600}.hw-iteration-caption p{font-size:14px;color:var(--muted);line-height:1.8}.hw-tradeoff-table{margin:36px 0;overflow:auto;border:1px solid #dbe2dc;border-radius:14px}.hw-tradeoff-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.75}.hw-tradeoff-table th,.hw-tradeoff-table td{padding:20px 23px;vertical-align:top;text-align:left;border-bottom:1px solid #e0e4dd}.hw-tradeoff-table thead{background:#eff1ec;font-size:12px}.hw-tradeoff-table tbody th{width:19%;font-weight:600}.hw-tradeoff-table td{color:var(--muted)}.hw-tradeoff-table tbody tr:last-child>*{border-bottom:0}.hw-decision{display:grid;grid-template-columns:170px 1fr;gap:30px;background:#e9eeea;padding:27px;border-radius:14px;margin:35px 0}.hw-decision b{font-size:13px}.hw-decision p{font-size:15px;line-height:1.8}.hw-video{margin:35px 0}.hw-video video{display:block;width:100%;height:auto;max-height:650px;aspect-ratio:16/10;background:#161b1b;border-radius:16px}.hw-video figcaption{display:flex;justify-content:space-between;gap:30px;margin-top:16px;font-size:13px;line-height:1.7}.hw-video figcaption b{min-width:180px}.hw-video figcaption span{font-size:12px;color:var(--muted);max-width:630px}.hw-demo-note{display:grid;grid-template-columns:240px 1fr;gap:35px;border-top:1px solid #d9dfd9;border-bottom:1px solid #d9dfd9;padding:28px 0;margin:35px 0}.hw-demo-note h3{font-size:24px}.hw-demo-note p{font-size:15px;line-height:1.8;color:var(--muted)}.hw-reference{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center;margin:35px 0}.hw-reference h3{font-size:31px;margin-bottom:22px}.hw-reference p{font-size:15px;line-height:1.8;color:var(--muted);margin:18px 0}.hw-reference a{font-size:12px;border-bottom:1px solid #b7c7c5;padding-bottom:4px}.hw-reference .hw-photo img{height:420px}.hw-view-comparison{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:20px;margin:35px 0}.hw-view-comparison .hw-photo img{height:400px}.hw-view-arrow{text-align:center;font-size:36px;color:#657d83}.hw-photo.wide{margin:35px 0}.hw-photo.wide img{height:auto;max-height:600px}.hw-reflection-mark{width:110px;height:110px;border-radius:25px;overflow:hidden;margin-left:auto}.hw-reflection-mark img{width:100%;height:100%;object-fit:cover}.hardware-case .reflection-intro h2{font-size:43px}.hardware-case .takeaway-cards article>div>span{font-size:15px;color:#526762}.hardware-case .takeaway-cards article strong{font-size:9px;color:#2c3b38}.hardware-case .takeaway-cards article:nth-child(1){background:#e7c5b4}.hardware-case .takeaway-cards article:nth-child(2){background:#e4d5a7}.hardware-case .takeaway-cards article:nth-child(3){background:#d3dfcd}.hardware-case .takeaway-cards article:nth-child(4){background:#cbdddc}.hardware-case .takeaway-cards article:nth-child(5){background:#d5cee2}.hardware-case .takeaway-cards article:nth-child(6){background:#ded7c9}.hardware-case .reflection-next>span{background:#e9eee6}.hardware-case .source-details>div{background:#f4f4ee}.hardware-case .source-details p{line-height:1.8}.hardware-case .case-footer{flex-wrap:wrap;gap:20px}.hardware-case .section-heading{margin-bottom:30px}
@media(max-width:1000px){.hw-opening{grid-template-columns:1fr;padding:27px}.hw-opening h3{font-size:32px}.hw-gallery.three{grid-template-columns:1fr 1fr}.hw-gallery.three .hw-photo:last-child{grid-column:1/-1;max-width:650px;width:100%;margin:auto}.hw-banner-copy{padding:35px 20px 35px 30px}.hw-banner-copy h2{font-size:34px}.hw-reference{gap:25px}.hw-demo-note{grid-template-columns:190px 1fr}.hw-opening .hw-photo img{height:420px}}
@media(max-width:700px){.hardware-case .section{padding:42px 23px}.hardware-case .section-heading h2{font-size:33px}.hardware-case .section-deck{font-size:15px}.hardware-case .hw-banner{height:195px;grid-template-columns:1fr 1fr}.hw-banner-copy{padding:20px 10px 20px 21px}.hw-banner-copy h2{font-size:clamp(20px,5.2vw,29px);margin-top:13px;letter-spacing:-.04em}.hw-banner-copy>.eyebrow{font-size:7px}.hw-banner-photo{padding:0 5px}.hardware-case .project-name h1{font-size:42px}.hardware-case .project-avatar{width:95px;height:95px;border-radius:22px}.hardware-case .project-badge{font-size:8px}.hardware-case .tools>div>span{padding:8px 10px;font-size:9px}.hardware-case .project-stats dd{line-height:1.6}.hardware-case .platform{gap:12px;line-height:1.8;font-size:11px}.hw-opening{padding:23px 18px;gap:24px}.hw-opening h3{font-size:28px}.hw-opening .hw-photo img{height:320px}.hw-gallery,.hw-gallery.three{grid-template-columns:1fr;gap:30px}.hw-gallery.three .hw-photo:last-child{grid-column:auto}.hw-gallery .hw-photo img,.hw-gallery.three .hw-photo img{height:360px}.hw-notes{grid-template-columns:1fr;gap:26px}.hw-notes h3{margin:15px 0 12px;font-size:23px}.hw-program-note{padding:25px}.hw-program-note h3{font-size:27px}.hw-record{grid-template-columns:1fr;padding:25px;gap:22px}.hw-record h3{font-size:28px}.hw-record dl>div{font-size:12px}.hw-iteration-caption,.hw-decision,.hw-demo-note{grid-template-columns:1fr;gap:15px}.hw-tradeoff-table{overflow:visible;border:0}.hw-tradeoff-table table,.hw-tradeoff-table tbody{display:block}.hw-tradeoff-table thead{display:none}.hw-tradeoff-table tr{display:block;padding:18px 0;border-bottom:1px solid #dbe2dc}.hw-tradeoff-table tbody th{display:block;width:auto;padding:0 0 9px;border:0;font-size:16px}.hw-tradeoff-table td{display:block;border:0;padding:5px 0;font-size:14px}.hw-video figcaption{display:block}.hw-video figcaption b,.hw-video figcaption span{display:block}.hw-video figcaption span{margin-top:9px}.hw-video video{border-radius:12px}.hw-reference{grid-template-columns:1fr;gap:25px}.hw-reference h3{font-size:28px}.hw-view-comparison{grid-template-columns:1fr;gap:25px}.hw-view-arrow{transform:rotate(90deg);font-size:28px}.hw-view-comparison .hw-photo img{height:350px}.hardware-case .reflection-intro h2{font-size:34px}.hw-reflection-mark{width:75px;height:75px;margin:20px 0}.hardware-case .case-footer{font-size:12px}.hardware-case .section-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.hardware-case *{scroll-behavior:auto!important;transition:none!important}}
.hardware-case .project-badge:before{display:none}.hardware-case .hw-tradeoff-table table{min-width:0}@media(max-width:700px){.hardware-case .hw-tradeoff-table table,.hardware-case .hw-tradeoff-table tbody,.hardware-case .hw-tradeoff-table tr{min-width:0;max-width:100%;width:100%}}
.hardware-case .project-badge{width:auto;height:auto;white-space:nowrap}
/* Editorial art is distinct from the photographed prototype record. */
.hardware-case .hw-art-banner{display:block;position:relative;height:auto;aspect-ratio:3/1;min-height:270px;overflow:hidden;padding:0;background:#a9c8d7}.hardware-case .hw-art-banner>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hardware-case .hw-art-banner .hw-banner-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:35px 5%;width:48%;z-index:1;background:none}.hardware-case .hw-art-banner .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 20px;line-height:1.6;color:inherit}.hardware-case .hw-art-banner h2{font-size:clamp(30px,3.5vw,57px);line-height:1.08;letter-spacing:-.045em;margin:0;color:inherit;font-weight:600}.padkey-case .hw-art-banner{color:#fff8eb;background:#252520}.snowgo-case .hw-art-banner{color:#173746}@media(max-width:600px){.hardware-case .hw-art-banner{aspect-ratio:auto;height:290px;min-height:0}.hardware-case .hw-art-banner>img{object-position:65% center}.hardware-case .hw-art-banner .hw-banner-copy{width:65%;justify-content:flex-start;padding:25px 20px;background:linear-gradient(90deg,rgba(22,24,21,.8),transparent)}.snowgo-case .hw-art-banner .hw-banner-copy{background:linear-gradient(90deg,rgba(190,218,231,.94),rgba(190,218,231,.6),transparent)}.hardware-case .hw-art-banner h2{font-size:35px}.hardware-case .hw-art-banner .eyebrow{font-size:9px;margin-bottom:17px}}
.hardware-case .hw-art-banner{width:100%;min-width:0;min-height:0;height:clamp(270px,26.2vw,440px);aspect-ratio:auto}.padkey-case .hw-art-banner .eyebrow{color:#dfdacd}@media(max-width:600px){.hardware-case .hw-art-banner{height:290px}.hardware-case .hw-art-banner .hw-banner-copy{width:88%;padding-top:27px}.hardware-case .hw-art-banner h2{font-size:32px;max-width:270px}.hardware-case .hw-art-banner .eyebrow{font-size:8px;letter-spacing:.08em}}
.snowgo-case .hw-art-banner{background:#d7dce0}
.hardware-case .hw-art-banner>img{object-position:center center}
@media(max-width:600px){.padkey-case .hw-art-banner>img{object-position:68% center}.snowgo-case .hw-art-banner>img{object-position:70% center}}
.padkey-case .hw-art-banner,.snowgo-case .hw-art-banner{color:#1d211f;background:#f5f0e5}
.padkey-case .hw-art-banner .eyebrow,.snowgo-case .hw-art-banner .eyebrow{color:#565a54}
@media(max-width:600px){.hardware-case .hw-art-banner .hw-banner-copy,.snowgo-case .hw-art-banner .hw-banner-copy{background:linear-gradient(90deg,rgba(248,244,234,.97) 0%,rgba(248,244,234,.88) 62%,rgba(248,244,234,0) 100%)}.padkey-case .hw-art-banner>img,.snowgo-case .hw-art-banner>img{object-position:center center}}