:root {
  --black:#080808;
  --panel:#101011;
  --panel-soft:#151516;
  --paper:#f2efe8;
  --muted:#92928d;
  --line:rgba(255,255,255,.16);
  --gold:#bca370;
  --pad:clamp(18px,3vw,48px);
  --sans:"Onest",Arial,sans-serif;
  --mono:"IBM Plex Mono",Consolas,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;color:var(--paper);background:var(--black);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
a{color:inherit}
button,input{color:inherit;font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
::selection{color:var(--black);background:var(--gold)}
.skip-link{position:fixed;z-index:110;left:12px;top:-60px;padding:10px 12px;color:var(--black);background:var(--paper)}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.pilot-bar{min-height:28px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#8d8d87;background:#050505;font:11px var(--mono);letter-spacing:.04em}
.site-header{position:sticky;z-index:50;top:0;min-height:80px;padding:15px var(--pad);display:grid;grid-template-columns:1fr minmax(320px,620px) 1fr;gap:32px;align-items:center;border-bottom:1px solid var(--line);background:rgba(8,8,8,.96);backdrop-filter:blur(14px)}
.brand{width:max-content;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand svg{width:25px;height:25px;fill:currentColor}
.brand strong{font-size:20px;font-weight:700;letter-spacing:-.055em}
.header-search{min-height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #454546;border-radius:2px;color:#aaa9a3;background:#111112;text-align:left;font-size:13px}
.header-search:hover{border-color:#777772}
.header-search svg,.search-icon svg,.search-field svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.search-icon{display:none}
.cart-open{min-height:46px;padding:0 7px 0 14px;display:flex;align-items:center;gap:12px;border:1px solid #565657;border-radius:2px;background:transparent;font:11px var(--mono);text-transform:uppercase}
.cart-open b{min-width:30px;height:30px;display:grid;place-items:center;color:var(--black);background:var(--paper);font-weight:500}

.category-directory{min-height:calc(100dvh - 108px);padding:clamp(44px,6vh,76px) var(--pad) 54px;display:flex;flex-direction:column}
.section-heading{margin-bottom:20px;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.section-heading h1{margin:0;font-size:clamp(31px,2.7vw,40px);font-weight:600;line-height:1;letter-spacing:-.04em;text-transform:uppercase}
.section-heading span{color:var(--muted);font:11px var(--mono);text-transform:uppercase}
.directory-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(220px,1fr));gap:6px}
.directory-card{--tone:#111;--accent:#aaa;position:relative;min-height:230px;padding:24px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);color:var(--paper);background:var(--tone);text-decoration:none;transition:border-color .2s,background .2s}
.directory-card::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--accent);transform:scaleY(.18);transform-origin:bottom;transition:transform .25s ease}
.directory-card>strong{position:relative;z-index:2;max-width:82%;margin-top:auto;font-size:clamp(30px,2.7vw,43px);font-weight:600;line-height:.92;letter-spacing:-.048em;text-transform:uppercase}
.directory-card>small{position:relative;z-index:2;margin-top:24px;display:flex;align-items:center;justify-content:space-between;color:#9b9b96;font:11px var(--mono);text-transform:uppercase}
.directory-card>small b{color:var(--paper);font-size:20px;font-weight:400}
.directory-card:hover,.directory-card:focus-visible{border-color:var(--accent);background:#171718}
.directory-card:hover::before,.directory-card:focus-visible::before{transform:scaleY(1)}
.directory-card:hover .directory-icon{opacity:1;transform:translateY(-3px)}
.tone-security{--tone:#0b1019;--accent:#6683bf}.tone-systems{--tone:#101217;--accent:#7798d9}.tone-creation{--tone:#15100f;--accent:#b65b50}.tone-automation{--tone:#131016;--accent:#987ca9}.tone-materials{--tone:#15140f;--accent:#b89a4c}.tone-games{--tone:#0f1510;--accent:#668b6d}
.directory-icon{position:absolute;right:24px;top:24px;width:82px;height:82px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.78;transition:opacity .2s,transform .2s}

.category-view{min-height:calc(100dvh - 108px);padding:48px var(--pad) 90px}
.category-page-head{padding-bottom:26px;display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid var(--line)}
.back-link{margin-bottom:26px;display:inline-flex;align-items:center;gap:9px;color:#aaa9a3;text-decoration:none;font:11px var(--mono);text-transform:uppercase}
.back-link:hover{text-decoration:underline;text-underline-offset:4px}
.category-page-head h1{max-width:760px;margin:0;font-size:clamp(44px,6vw,82px);line-height:.86;letter-spacing:-.07em;text-transform:uppercase}
.category-page-head span{padding:8px 11px;color:var(--badge-ink);background:var(--badge);font:11px var(--mono);text-transform:uppercase}
.category-products{padding-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:42px 8px}
.product-card button{width:100%;padding:0;border:0;background:none;text-align:left}
.product-art{--art:#ddd;--art-ink:#111;position:relative;min-height:390px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--art-ink);background:var(--art)}
.product-art>span{position:relative;z-index:2;font:11px var(--mono);text-transform:uppercase}
.product-art>strong{position:relative;z-index:2;max-width:90%;font-size:clamp(32px,3.3vw,54px);line-height:.84;letter-spacing:-.065em;text-transform:uppercase}
.product-symbol{position:absolute;right:-10%;top:16%;width:65%;aspect-ratio:1;opacity:.32;transition:transform .2s ease}
.product-symbol[data-shape="rings"]{border:18px double currentColor;border-radius:50%}
.product-symbol[data-shape="frame"]{border:2px solid currentColor;transform:rotate(8deg);box-shadow:-15px 15px 0 var(--art),-15px 15px 0 2px currentColor}
.product-symbol[data-shape="slash"]{width:42%;height:145%;top:-22%;right:13%;border:2px solid currentColor;transform:rotate(24deg)}
.product-symbol[data-shape="cross"]::before,.product-symbol[data-shape="cross"]::after{content:"";position:absolute;background:currentColor}.product-symbol[data-shape="cross"]::before{width:100%;height:20%;top:40%}.product-symbol[data-shape="cross"]::after{height:100%;width:20%;left:40%}
.product-card button:hover .product-symbol{transform:rotate(5deg) scale(1.04)}
.product-info{padding:13px 2px 0;display:grid;grid-template-columns:1fr auto;gap:5px 10px;color:var(--paper)}
.product-info strong{font-size:14px;font-weight:600}.product-info small{color:var(--muted);font:11px var(--mono);text-transform:uppercase}.product-info>span{grid-column:2;grid-row:1/span 2;font:11px var(--mono);white-space:nowrap}

footer{min-height:126px;padding:36px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;border-top:1px solid var(--line)}
footer>a:not(.brand),footer>span{color:#858580;font:11px var(--mono);text-transform:uppercase;text-decoration:none}footer>span{justify-self:end}
.shade{position:fixed;z-index:70;inset:0;visibility:hidden;opacity:0;background:rgba(0,0,0,.76);transition:opacity .2s,visibility .2s}.shade.open{visibility:visible;opacity:1}
.panel{position:fixed;z-index:80;top:0;right:0;width:min(560px,100%);height:100dvh;padding:26px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#0d0d0e;transform:translateX(102%);transition:transform .25s ease}.panel.open{transform:none}
.panel-head{padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head strong{font-size:28px;letter-spacing:-.04em;text-transform:uppercase}.panel-head button,.modal-close{width:42px;height:42px;border:1px solid #555;border-radius:50%;background:transparent;font-size:22px}
.search-field{margin-top:30px;padding-bottom:12px;display:flex;align-items:center;border-bottom:1px solid #777}.search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:18px}.search-results,.cart-items{flex:1;overflow:auto}
.search-result{width:100%;padding:13px 0;display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.search-swatch,.cart-thumb{display:grid;place-items:center;color:var(--swatch-ink);background:var(--swatch);font-weight:700}.search-swatch{height:54px}.cart-thumb{height:58px}.search-result strong{display:block;font-size:13px}.search-result small{color:var(--muted);font:11px var(--mono);text-transform:uppercase}.empty{padding:80px 0;color:var(--muted);text-align:center}
.cart-item{padding:13px 0;display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.cart-item strong{font-size:13px}.cart-item small{display:block;margin-top:4px;color:var(--muted)}.cart-item button{border:0;background:none;font-size:20px}.cart-bottom{padding-top:20px;border-top:1px solid var(--line)}.cart-bottom div{margin-bottom:16px;display:flex;justify-content:space-between}.cart-bottom>button,.modal-action{min-height:52px;border:1px solid var(--paper);color:var(--black);background:var(--paper);font:11px var(--mono);text-transform:uppercase}.cart-bottom>button{width:100%}
.product-modal{position:fixed;z-index:90;left:50%;top:50%;width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;visibility:hidden;opacity:0;background:#0d0d0e;transform:translate(-50%,-48%);transition:opacity .2s,transform .2s,visibility .2s}.product-modal.open{visibility:visible;opacity:1;transform:translate(-50%,-50%)}.modal-close{position:absolute;z-index:3;right:18px;top:18px;color:var(--paper);background:#0d0d0e}.modal-grid{display:grid;grid-template-columns:1.05fr .95fr}.modal-art{min-height:580px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;color:var(--art-ink);background:var(--art)}.modal-art span{font:11px var(--mono);text-transform:uppercase}.modal-art strong{font-size:clamp(54px,7vw,94px);line-height:.82;letter-spacing:-.065em;text-transform:uppercase}.modal-info{padding:clamp(40px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.modal-info>small{margin-bottom:14px;color:var(--muted);font:11px var(--mono);text-transform:uppercase}.modal-info h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.modal-price{margin:22px 0 30px;font:14px var(--mono)}.modal-data{border-top:1px solid var(--line)}.modal-data div{padding:11px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.modal-action{margin-top:28px}.toast{position:fixed;z-index:100;left:50%;bottom:20px;padding:11px 15px;visibility:hidden;opacity:0;color:var(--black);background:var(--paper);transform:translate(-50%,10px);transition:.18s;font:11px var(--mono)}.toast.show{visibility:visible;opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

@media(max-width:900px){.site-header{grid-template-columns:1fr minmax(260px,400px) auto}.directory-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(210px,1fr))}.category-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){:root{--pad:16px}.pilot-bar{font-size:9px}.site-header{min-height:66px;padding-top:10px;padding-bottom:10px;grid-template-columns:1fr auto}.brand strong{font-size:18px}.header-search{display:none}.search-icon{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent}.cart-open{min-height:42px;padding-left:9px}.cart-open>span{display:none}.cart-open b{min-width:28px;height:28px}.category-directory{min-height:calc(100dvh - 94px);padding-top:34px;padding-bottom:30px}.section-heading{margin-bottom:12px}.section-heading h1{font-size:29px}.section-heading span{font-size:10px}.directory-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(154px,1fr));gap:4px}.directory-card{min-height:154px;padding:15px}.directory-card>strong{max-width:96%;font-size:24px;line-height:.95}.directory-card>small{margin-top:17px;font-size:9px}.directory-icon{width:50px;height:50px;right:14px;top:14px}.category-view{min-height:calc(100dvh - 94px);padding:30px var(--pad) 70px}.category-page-head{display:block}.back-link{margin-bottom:34px}.category-page-head h1{max-width:330px;font-size:46px}.category-page-head span{display:inline-block;margin-top:18px;font-size:10px}.category-products{grid-template-columns:1fr 1fr;gap:30px 4px}.product-art{min-height:245px;padding:12px}.product-art>span{font-size:9px}.product-art>strong{font-size:28px}.product-info{padding-left:4px;padding-right:4px}.product-info strong{font-size:11px}.product-info>span,.product-info small{font-size:9px}footer{min-height:100px;padding-top:28px;grid-template-columns:1fr auto;gap:20px}footer>a:not(.brand){display:none}footer>span{font-size:9px}.panel{padding:20px 16px}.product-modal{width:calc(100% - 20px)}.modal-grid{grid-template-columns:1fr}.modal-art{min-height:290px}.modal-info{padding:30px 22px}}
@media(max-width:380px){.directory-card>strong{font-size:23px}.directory-card{min-height:145px}.product-art{min-height:225px}.product-art>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}