.archive{--grid-gap:24px;--grid-columns:5;--art-height:184px;--grid-line:#dedbd2;--grid-muted:#8a857b;--grid-accent:#a64b33;min-height:100vh;padding-bottom:105px;background:#f5f3ed;color:#33312d}
.archive .mast{height:83px;max-width:1440px;margin:0 auto;padding:0 40px;border:0}.archive .mast-right{font-size:11px;color:var(--grid-muted);gap:30px}.archive .mast-note{font-size:11px;color:var(--grid-muted)}
.archive-main{max-width:1440px;margin:auto;padding:0 40px}.archive-heading{display:flex;align-items:end;justify-content:space-between;margin:24px 0 28px;gap:20px}.archive-heading h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:49px;letter-spacing:-1.3px;line-height:1.06}.archive-heading p{font-size:12px;color:var(--grid-muted);line-height:1.6;max-width:210px}
.archive-tools{display:flex;gap:18px;justify-content:space-between;align-items:center;border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);min-height:55px}.category-list{display:flex;align-items:stretch;gap:23px;flex-wrap:wrap}.category-button{font-size:11px;font-weight:450;color:var(--grid-muted);background:none;border:0;padding:19px 0 17px;line-height:16px;position:relative}.category-button[aria-pressed=true]{color:var(--ink)}.category-button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--grid-accent)}.category-button .category-count{font:9px 'DM Mono',monospace;margin-left:4px;opacity:.55}.search-wrap{display:flex;align-items:center;gap:8px;color:var(--grid-muted);font-size:11px}.search-icon{width:13px;height:13px;flex-shrink:0}.search-input{font:11px 'DM Sans',sans-serif;color:inherit;background:transparent;border:0;outline-offset:6px;width:145px;padding:8px 0}.search-input::placeholder{color:var(--grid-muted)}.search-input:focus{outline:1px solid var(--grid-accent)}
.result-line{display:flex;justify-content:space-between;align-items:center;color:var(--grid-muted);font:9px 'DM Mono',monospace;margin:17px 0 4px}.result-line>span:last-child{font:10px 'DM Sans',sans-serif}
.device-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gap);row-gap:18px}.device-tile{padding:0 0 15px;background:transparent;border:0;border-bottom:1px solid var(--grid-line);text-align:left;min-width:0;display:block;width:100%;position:relative;appearance:none}.tile-art{height:var(--art-height);display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 10px}.tile-art .device-render{width:var(--art-height);height:auto;max-width:96%;transition:transform .2s,filter .2s}.tile-art .device-portrait{width:calc(var(--art-height)*.65)}.tile-art .device-landscape{width:95%}.device-square{aspect-ratio:1!important}.device-landscape{aspect-ratio:3/2!important}.device-tile:hover .device-render{transform:translateY(-4px)}.device-tile:focus-visible{outline:2px solid var(--grid-accent);outline-offset:5px}.tile-info{display:flex;align-items:baseline;gap:8px;justify-content:space-between;line-height:1.35}.tile-name{font-size:12px;letter-spacing:-.1px;font-weight:500}.tile-year{font:9px 'DM Mono',monospace;color:var(--grid-muted);white-space:nowrap}.tile-brand{font-size:9px;color:var(--grid-muted);margin-top:4px;display:block}.tile-open{position:absolute;right:2px;top:12px;font-size:12px;color:var(--grid-accent);opacity:0}.device-tile:hover .tile-open,.device-tile:focus-visible .tile-open{opacity:1}.empty-results{padding:70px 0;text-align:center;font-family:'Instrument Serif',Georgia,serif;font-size:30px}.empty-results[hidden]{display:none}.archive-footer{display:flex;justify-content:space-between;align-items:center;margin:38px 0 4px;color:var(--grid-muted);font-size:10px}.archive-footer button{font:inherit;border:0;border-bottom:1px solid var(--grid-muted);background:transparent;color:inherit;padding:4px 0}
.archive-b{--grid-columns:6;--art-height:177px;--grid-gap:22px;--grid-line:#71543744;--grid-muted:#66513b;--grid-accent:#68442c;background:#b59369;color:#332718;--ink:#332718;--quiet:#67523b}.archive-b:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(105deg,#ffedbf4a 0,transparent 45%,#39200012 100%),repeating-linear-gradient(0deg,#694d3214 0 1px,transparent 1px 4px,#ffdaa114 4px 5px,transparent 5px 11px),repeating-linear-gradient(.3deg,#a68053 0,#b9976c 37px,#b7986e 40px,#ad875d 90px);z-index:0}.archive-b .mast,.archive-b .archive-main{position:relative;z-index:1}.archive-b .wordmark span{color:#f3e5c6}.archive-b .archive-heading h1{font-size:52px}.archive-b .device-tile{border-bottom-style:dashed}.archive-b .device-tile:nth-child(4n+1) .device-render{transform:rotate(-4deg)}.archive-b .device-tile:nth-child(4n+2) .device-render{transform:rotate(3deg)}.archive-b .device-tile:nth-child(4n+3) .device-render{transform:rotate(-1deg)}.archive-b .device-tile:nth-child(4n) .device-render{transform:rotate(4deg)}.archive-b .device-tile:hover .device-render{transform:translateY(-5px) rotate(0)}.archive-b .device-render>img{filter:drop-shadow(5px 9px 5px #38200c4f) drop-shadow(1px 2px 1px #38200c33)}.archive-b .tile-name{font-size:11px}.archive-b .tile-year,.archive-b .tile-brand{font-size:8px}.archive-b .preview-bar{background:#eee7d9f5;border-color:#bbaa93}
.archive-c{--grid-columns:8;--art-height:136px;--grid-gap:20px;--grid-line:#343a30;--grid-muted:#858e79;--grid-accent:#bac5a4;--ink:#e3e7d9;background:#191d19;color:#e3e7d9;--quiet:#858e79}.archive-c .mast{height:75px}.archive-c .wordmark span{color:#b7c59f}.archive-c .archive-heading{margin:19px 0 25px}.archive-c .archive-heading h1{font-size:38px;letter-spacing:-1px}.archive-c .archive-heading p{font-size:11px}.archive-c .device-grid{row-gap:12px}.archive-c .tile-art{margin-bottom:8px}.archive-c .tile-name{font-size:10px;line-height:1.5}.archive-c .tile-year,.archive-c .tile-brand{font-size:8px}.archive-c .tile-info{align-items:start;gap:4px}.archive-c .device-render img{filter:drop-shadow(4px 9px 7px #0006)}.archive-c .device-tile{padding-bottom:10px}.archive-c .preview-bar{background:#1e241ff5;border-color:#3b4235;color:#c6cebd}.archive-c .preview-options>span,.archive-c .preview-note{color:#849178}.archive-c .preview-options a[aria-current=page]{color:#e2ead7}
.device-dialog{padding:0;border:1px solid #d4cfc3;max-width:min(1100px,95vw);width:1100px;max-height:92dvh;background:#f4f1e9;color:#302e28;box-shadow:0 25px 100px #0005}.device-dialog::backdrop{background:#181a15bb;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #d8d3c9;font-size:10px;color:#898276}.dialog-head button{background:none;border:0;color:#514b40;font-size:12px;line-height:1;padding:9px}.dialog-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;padding:30px 7% 44px;align-items:center;min-height:495px}.dialog-art{display:flex;align-items:center;justify-content:center;min-width:0;height:420px;position:relative}.dialog-art .device-render{width:400px;max-width:100%}.dialog-art .device-portrait{width:273px;max-width:68%}.dialog-art .device-landscape{width:440px}.dialog-copy{padding-bottom:10px}.dialog-year{font:11px 'DM Mono',monospace;color:#8d8373;margin-bottom:13px}.dialog-copy h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.8px;font-size:45px;line-height:1.05;margin-bottom:9px}.dialog-brand{font-size:12px;color:#8d8373}.dialog-purpose{font-size:14px;line-height:1.7;margin:29px 0 20px}.dialog-status{padding-top:18px;border-top:1px solid #d6cfbf;font-size:11px;line-height:1.7;color:#938979}.dialog-arrows{display:flex;align-items:center;gap:15px;margin-top:33px;font:10px 'DM Mono',monospace;color:#938979}.dialog-arrows button{border:1px solid #ccc4b5;background:transparent;width:36px;height:32px;color:#5e574a}.dialog-arrows button:hover{background:#e7dfd0}.archive-c .device-dialog{background:#212820;color:#e5eadb;border-color:#46523e}.archive-c .dialog-head{border-color:#46523e;color:#91a180}.archive-c .dialog-head button{color:#d6e0ca}.archive-c .dialog-brand,.archive-c .dialog-year,.archive-c .dialog-status,.archive-c .dialog-arrows{color:#98a58b}.archive-c .dialog-status,.archive-c .dialog-arrows button{border-color:#4c5b42}.archive-c .dialog-arrows button{color:#dbe5d0}.archive-c .dialog-arrows button:hover{background:#35442d}
@media(min-width:1600px){.archive .mast,.archive-main{max-width:1550px}.archive{--art-height:202px}.archive-b{--art-height:187px}.archive-c{--art-height:148px}}
@media(max-width:1100px){.archive{--grid-columns:4;--art-height:170px;--grid-gap:25px}.archive-b{--grid-columns:5;--art-height:152px;--grid-gap:18px}.archive-c{--grid-columns:6;--art-height:130px;--grid-gap:16px}.category-list{gap:15px}.category-button{font-size:10px}.search-input{width:122px}.archive .mast,.archive-main{padding-left:30px;padding-right:30px}.archive-heading h1{font-size:44px}}
@media(max-width:740px){.archive{--grid-columns:2;--art-height:164px;--grid-gap:21px;padding-bottom:100px}.archive-b{--grid-columns:2;--art-height:168px;--grid-gap:23px}.archive-c{--grid-columns:3;--art-height:108px;--grid-gap:16px}.archive .mast,.archive-main{padding-left:21px;padding-right:21px}.archive .mast{height:72px}.archive .mast-right{gap:12px;font-size:9px}.archive .mast-right span:last-child{display:none}.archive-heading{margin:18px 0 24px;display:block}.archive-heading h1{font-size:40px;max-width:325px;letter-spacing:-.8px}.archive-heading p{font-size:11px;margin-top:12px;max-width:none}.archive-b .archive-heading h1{font-size:43px}.archive-c .archive-heading h1{font-size:33px}.archive-tools{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}.category-list{flex-wrap:nowrap;gap:18px;overflow-x:auto;scrollbar-width:none;min-width:0}.category-button{font-size:10px;white-space:nowrap;padding:15px 0}.category-button .category-count{display:none}.search-wrap{border-top:1px solid var(--grid-line);height:38px}.search-input{width:100%;font-size:11px}.result-line{font-size:8px;margin-top:16px}.result-line>span:last-child{font-size:9px}.device-grid{row-gap:15px}.tile-info{display:block}.tile-name{font-size:11px;display:block}.tile-year{font-size:9px;position:absolute;bottom:15px;right:0}.tile-brand{font-size:9px;margin-top:5px}.device-tile{padding-bottom:15px}.tile-art{margin-bottom:6px}.archive-b .tile-name{font-size:11px}.archive-b .tile-year,.archive-b .tile-brand{font-size:9px}.archive-c .tile-name{font-size:10px;line-height:1.45}.archive-c .tile-brand{display:none}.archive-c .tile-year{position:static;display:block;font-size:8px;margin-top:4px}.archive-c .device-tile{padding-bottom:10px}.archive-footer{font-size:9px;margin-top:25px;gap:25px}.archive-footer>span{max-width:180px}.device-dialog{width:94vw;max-width:94vw;max-height:94dvh}.dialog-head{padding:12px 15px}.dialog-body{display:flex;flex-direction:column;gap:10px;padding:13px 24px 25px;min-height:0}.dialog-art{height:300px;width:100%}.dialog-art .device-render{width:290px;max-width:100%}.dialog-art .device-portrait{width:195px;max-width:72%}.dialog-art .device-landscape{width:290px}.dialog-copy{width:100%;padding-bottom:0}.dialog-year{font-size:9px;margin-bottom:8px}.dialog-copy h2{font-size:32px}.dialog-brand{font-size:10px}.dialog-purpose{font-size:12px;margin:16px 0}.dialog-status{font-size:10px;padding-top:13px}.dialog-arrows{margin-top:18px;font-size:9px}.dialog-arrows button{width:40px;height:34px}}
@media(prefers-reduced-motion:reduce){.device-tile .device-render{transition:none!important}}
/* Large grids use a small CSS ground shadow. This avoids per-image filter surfaces. */
.archive .device-grid .device-render>img{filter:none!important}
.device-grid .device-render:before{content:'';position:absolute;left:15%;right:9%;bottom:0;height:13%;background:radial-gradient(ellipse,#40372625 0,transparent 67%);z-index:-1}
.archive-b .device-grid .device-render:before{background:radial-gradient(ellipse,#36200b42 0,transparent 67%)}
.archive-c .device-grid .device-render:before{background:radial-gradient(ellipse,#0005 0,transparent 67%)}