:root{--bg:#000;--hairline:#1c1c1c;--hairline-hi:#2a2a2a;--ink:#f2f2f0;--ink-dim:#9c9c98;--ink-faint:#5c5c58;--accent:#46e08b;--accent-dim:#2b8a56;--font-sans:"Neue Haas Grotesk", "Helvetica Neue", Helvetica, "Inter", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--gutter:clamp(14px, 2vw, 28px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);overscroll-behavior:none;height:100%}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px;overflow-x:hidden}::selection{background:var(--ink);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--hairline-hi);border:3px solid var(--bg);border-radius:6px}.label{letter-spacing:.14em;text-transform:uppercase;font-size:11px;line-height:1.9}.micro{letter-spacing:.14em;text-transform:uppercase;font-size:10px;line-height:1.9}.mono{font-family:var(--font-mono);letter-spacing:.06em;font-size:11px}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}a{color:inherit;text-decoration:none}.link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint)}.link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.masthead{padding:13px var(--gutter);border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.wordmark{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:400;line-height:1.9}.masthead-right{grid-column:-2/-1;align-items:center;gap:26px;display:flex}.search{padding:0 40px}.search:empty{display:none}.search input{width:100%;color:var(--ink);font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;appearance:none;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;outline:none;padding:4px 0 5px;font-size:10px;display:block}.search input::placeholder{color:var(--ink-faint)}.search input:hover::placeholder{color:var(--ink-dim)}.search input:focus{border-bottom-color:var(--hairline-hi)}.search input::-webkit-search-cancel-button{appearance:none}.search input::-webkit-search-decoration{appearance:none}.plates{grid-template-columns:repeat(3,1fr);display:grid}.plate{aspect-ratio:1;cursor:pointer;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#0b0b0b;display:block;position:relative;overflow:hidden}.plate:nth-child(3n){border-right:none}.plate>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.plate>.hover-shot{display:none}.plate:hover>.hover-shot{display:block}.plate .idx{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;color:var(--ink-dim);font-size:10.5px;position:absolute;top:12px;left:14px}.plate:hover .idx{color:var(--ink)}.home-shell{flex-direction:column;height:100svh;display:flex;overflow:hidden}.home-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.home-body .plates{flex:none;margin-bottom:-1px}.empty{padding:96px var(--gutter);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.order .ask{color:var(--ink-dim);margin-bottom:10px;display:block}.order .row{align-items:baseline;gap:10px;display:flex}.order input{border:none;border-bottom:1px solid var(--hairline-hi);width:48px;color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;appearance:textfield;background:0 0;border-radius:0;outline:none;padding:2px 0 4px;font-size:11px}.order input::-webkit-outer-spin-button{appearance:none;margin:0}.order input::-webkit-inner-spin-button{appearance:none;margin:0}.order input:focus{border-bottom-color:var(--ink-dim)}.order button{cursor:pointer;color:var(--ink);font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);background:0 0;border:none;margin-left:8px;padding:0;font-size:10px}.order button:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.order button.done{color:var(--accent);-webkit-text-decoration-color:var(--accent-dim);text-decoration-color:var(--accent-dim)}.order .note{color:var(--ink-faint);margin-top:12px}.plate .order{background:linear-gradient(#0000,#000000c7);padding:34px 16px 16px;display:none;position:absolute;bottom:0;left:0;right:0}.plate:hover .order{display:block}@media (hover:none){.plate .order{display:block}}.plate .order input{width:44px}.panel .order{padding:18px 22px}.panel .order .ask{margin-bottom:12px}.site-footer{border-top:1px solid var(--hairline);padding:16px var(--gutter) 18px;justify-content:space-between;align-items:center;display:flex}.pdp-shell{flex-direction:column;height:100svh;display:flex;overflow:hidden}.pdp-main{flex:1;grid-template:"shots head""shots panel"1fr/3fr 2fr;min-height:0;display:grid}.shots{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hairline-hi) var(--bg);grid-area:shots;height:100%;min-height:0;overflow-y:auto}.shots::-webkit-scrollbar{width:6px}.shots::-webkit-scrollbar-track{background:var(--bg)}.shots::-webkit-scrollbar-thumb{background:var(--hairline-hi)}.shot-hero{background:#0b0b0b;height:100%;min-height:420px;position:relative;overflow:hidden}.shot-hero img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.shot-hero .idx{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;color:var(--ink-dim);font-size:10.5px;position:absolute;top:12px;left:14px}.bento{background:var(--hairline);border-top:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:1px;display:grid}.cell{background:#0b0b0b;position:relative;overflow:hidden}.cell-wide{aspect-ratio:4/3;grid-column:1/-1}.cell-sq{aspect-ratio:4/5}.cell img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.panel{border-left:1px solid var(--hairline);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hairline-hi) var(--bg);flex-direction:column;grid-area:panel;min-height:0;display:flex;overflow-y:auto}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:var(--bg)}.panel::-webkit-scrollbar-thumb{background:var(--hairline-hi)}.panel-head{border-left:1px solid var(--hairline);grid-area:head;align-items:center;gap:12px;padding:20px 22px 18px;display:flex}.logo-ph{border:1px solid var(--hairline-hi);letter-spacing:0;text-transform:uppercase;width:24px;height:24px;color:var(--ink-dim);flex:none;justify-content:center;align-items:center;font-size:10px;display:flex}.logo-ph img{width:100%;height:100%;display:block}.panel-head .mono{color:var(--ink);text-transform:lowercase;font-size:12px}.specs{border-top:1px solid var(--hairline)}.spec-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:20px;padding:11px 22px;display:flex}.spec-row .mono{color:var(--ink-dim);text-transform:uppercase;text-align:right;font-size:10.5px}@media (max-width:900px){.plates{grid-template-columns:repeat(2,1fr)}.plate:nth-child(3n){border-right:1px solid var(--hairline)}.plate:nth-child(2n){border-right:none}}@media (max-width:860px){.pdp-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hairline-hi) var(--bg);grid-template:"head""shots""panel"/1fr;overflow-y:auto}.panel-head{border-left:none;border-bottom:1px solid var(--hairline)}.shots{height:auto;overflow:visible}.shot-hero{aspect-ratio:4/5;height:auto;min-height:0}.panel{border-left:none;border-top:1px solid var(--hairline);overflow:visible}}@media (max-width:700px){.masthead{grid-template-columns:1fr auto;row-gap:10px}.masthead .masthead-right{grid-row:1;gap:18px}.masthead .mono{display:none}.search{grid-column:1/-1;padding:0}.search input{border-bottom-color:var(--hairline)}.site-footer .footer-name{display:none}}@media (max-width:560px){.plates{grid-template-columns:1fr}.plate,.plate:nth-child(3n){border-right:none}.plate .order{padding:26px 10px 10px}.plate .order .ask{display:none}.plate .idx{top:9px;left:10px}}@media (max-width:480px){.wordmark{font-size:10px}.masthead .masthead-right{gap:14px}}