@font-face{font-family:Barlow;src:url('assets/barlow-bold.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#000;color:#fff;font:15px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:3px solid #e29c4d;outline-offset:5px}svg{width:20px;height:20px;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h2,h3,.hero-lede,.identity-note strong,.editable{font-family:Barlow,'Arial Narrow',Arial,sans-serif;font-weight:700}h2{font-size:clamp(42px,5.4vw,80px);line-height:.98;letter-spacing:.005em;text-transform:uppercase}h2 em,.hero-lede em{font-style:normal;color:#aaa}h3{font-size:29px;line-height:1.15}p{max-width:620px}.label{display:block;font:11px/1.6 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.small{font-size:12px;color:#888}.skip-link{position:fixed;top:-100px;z-index:1000;padding:15px;background:#fff;color:#000}.skip-link:focus{top:0}section{padding:85px max(5vw,24px);border-bottom:1px solid #323232}.intro{padding-top:30px}.back{display:inline-flex;font-size:11px;gap:10px;color:#aaa;margin-bottom:45px}.intro>.label{margin-bottom:30px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.hero-copy h1 img{width:min(420px,90%);margin-bottom:36px}.hero-lede{font-size:clamp(40px,5.8vw,86px);line-height:.96;letter-spacing:.005em}.hero-description{margin:28px 0;color:#bbb;max-width:480px}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #777;padding:12px 0;font-size:13px}.hero-art{position:relative;max-height:790px;overflow:hidden;transform:rotate(2deg);border:8px solid #161616}.hero-art>img{width:100%}.hero-art-tag{position:absolute;bottom:22px;left:22px;padding:9px 12px;background:#000;font-size:10px;letter-spacing:.12em}.credits{display:flex;justify-content:space-between;gap:30px;margin-top:60px;border-top:1px solid #444;padding-top:22px}.credits span,.credits strong{display:block;font-size:11px}.credits span{color:#888;margin-bottom:7px}.credits strong{font-weight:400}.chapter-head>.label{margin-bottom:35px;color:#aaa}.chapter-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end;margin-bottom:45px}.chapter-grid p{color:#aaa;font-size:15px}.light{background:#f2f1ed;color:#090909;border-color:#ccc}.light h2 em{color:#65645e}.light .chapter-grid p,.light .chapter-head>.label{color:#5b5b56}.logo-plates{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333}.logo-plate{min-height:300px;padding:65px 8%;display:flex;flex-direction:column;justify-content:center;gap:65px}.logo-plate img{width:100%}.logo-plate>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.logo-plate.light{background:#fff}.logo-plate.light img{filter:invert(1)}.identity-note{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-top:30px}.identity-note strong{font-size:34px}.identity-note p{font-size:12px;color:#999;max-width:400px}.type-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;border-top:1px solid #bbb;padding-top:35px}.editable{font-size:clamp(50px,7vw,104px);line-height:.93;margin:35px 0;overflow-wrap:anywhere;max-height:400px;overflow:auto}.body-spec{display:flex;flex-direction:column;justify-content:space-between;gap:30px}.body-spec p{font-size:23px;line-height:1.5}.alphabet{font-size:14px;overflow-wrap:anywhere}.swatches{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #444;margin-bottom:15px}.swatches>div{min-height:220px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.swatches strong{font:700 32px Barlow,sans-serif;text-transform:uppercase}.swatches span{font-size:10px}.filters,.screen-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button,.screen-tabs button{border:1px solid #aaa;background:transparent;padding:9px 18px;font-size:12px}.filters button[aria-pressed=true],.screen-tabs button[aria-pressed=true]{color:#fff;background:#000;border-color:#000}#product-count{margin-bottom:24px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}.product[hidden]{display:none}.image-open{display:block;position:relative;padding:0;border:0;background:#0b0b0b;width:100%;overflow:hidden}.image-open img{width:100%;transition:transform .4s}.image-open:hover img{transform:scale(1.025)}.product .image-open{aspect-ratio:1;background:#ddd}.product .image-open img{height:100%;object-fit:cover}.enlarge{position:absolute;bottom:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;background:#000b;color:#fff;opacity:0;transition:opacity .2s}.image-open:hover .enlarge,.image-open:focus-visible .enlarge{opacity:1}.product-meta{padding-top:15px}.product-meta>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#666}.product-meta h3{font-size:27px;margin:8px 0 10px}.product-meta a{font-size:11px;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #aaa;padding-bottom:5px}.product-meta a svg{width:13px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.art-grid>div{display:grid;gap:24px}.art-grid figcaption{font-size:10px;color:#888;margin-top:10px}.art-grid>div figure:last-child .image-open{aspect-ratio:1.4}.art-grid>div figure:last-child img{height:100%;object-fit:cover}.browser-frame{border:1px solid #c9c9c9;background:#000}.browser-bar{display:flex;justify-content:space-between;gap:12px;background:#deded9;color:#555;padding:14px 18px;font-size:10px}.dots{letter-spacing:3px;color:#999}.screen img{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:top}.experience-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.experience-notes h3{margin:15px 0}.experience-notes p{font-size:13px;color:#666}.close h2{font-size:clamp(50px,8vw,115px);margin:40px 0 30px}.close p{color:#aaa;margin-bottom:25px}footer{padding:30px max(5vw,24px);font-size:10px;color:#aaa;display:flex;justify-content:space-between;gap:25px}footer a{display:flex;align-items:center;gap:20px}footer svg{width:14px}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;background:#080808;color:#fff;padding:20px}.viewer::backdrop{background:#000}.viewer[open]{display:flex;flex-direction:column}.viewer-bar,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.viewer-bar{min-height:40px}.viewer button{background:transparent;border:1px solid #555;padding:8px 15px}.viewer-image{width:100%;height:calc(100% - 110px);object-fit:contain;margin:15px auto}.viewer-controls{justify-content:center}.viewer-image+div{margin-top:auto}body:has(.viewer[open]){overflow:hidden}@media(min-width:1600px){section{padding-left:max(7vw,calc((100vw - 1500px)/2));padding-right:max(7vw,calc((100vw - 1500px)/2))}}@media(max-width:760px){section{padding:55px 22px}.intro{padding-top:25px}.back{margin-bottom:30px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-lede{font-size:65px}.hero-copy h1 img{width:260px;margin-bottom:28px}.hero-art{max-height:600px;transform:none}.credits{display:block;margin-top:35px}.credits>div+div{margin-top:15px}.chapter-grid{grid-template-columns:1fr;gap:25px}.chapter-grid p{font-size:14px}.logo-plates{grid-template-columns:1fr}.logo-plate{min-height:230px;gap:40px;padding:45px 10%}.identity-note{display:block}.identity-note p{margin-top:15px}.type-grid{grid-template-columns:1fr;gap:50px}.body-spec p{font-size:21px}.swatches{grid-template-columns:1fr 1fr}.swatches>div{min-height:170px;padding:20px}.swatches strong{font-size:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-meta h3{font-size:24px}.art-grid{grid-template-columns:1fr}.experience-notes{grid-template-columns:1fr;gap:30px}.browser-bar>span:last-child{display:none}.screen img{aspect-ratio:1.3}.close h2{font-size:52px}footer{flex-direction:column}.viewer{padding:12px}.viewer-bar{font-size:10px}.enlarge{opacity:1;width:25px;height:25px}.hero-art-tag{font-size:9px;left:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
