/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.\!ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}html,body{margin:0;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Bricolage Grotesque", "Helvetica Neue", system-ui, sans-serif;--mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--cell:62px;--gap:4px}[data-theme=dark]{--bg:#0a0a0b;--bg-elev:#111114;--ink:#f5f3ee;--ink-dim:#8a8a92;--ink-faint:#4a4a52;--line:#ffffff14;--scrim-rgb:255, 255, 255;--card-bg:#0f0f12d9;--grain-invert:0;--bg-gradient:radial-gradient(ellipse 1200px 600px at 50% -10%, #ffb54712, transparent 60%), radial-gradient(ellipse 800px 400px at 80% 100%, #ff6b5b0f, transparent 70%);--c-alkali:#ff6b5b;--c-alkaline:#ffb547;--c-transition:#6db5ff;--c-post:#36e5c7;--c-metalloid:#b5e04a;--c-nonmetal:#ffe45e;--c-halogen:#ff5ba8;--c-noble:#b47aff;--c-lanthanide:#ff8fa3;--c-actinide:#ff8c42;--c-unknown:#6b7280;--glow-min:50%;--glow-max:80%;--glow-blur-min:14px;--glow-blur-max:26px;--tile-bg-pct:8%;--tile-border-pct:35%}[data-theme=light]{--bg:#faf8f3;--bg-elev:#f0ede4;--ink:#14141a;--ink-dim:#5e5e68;--ink-faint:#b5b1a8;--line:#14141a1a;--scrim-rgb:20, 20, 26;--card-bg:#fffcf5eb;--grain-invert:1;--bg-gradient:radial-gradient(ellipse 1200px 600px at 50% -10%, #b874100f, transparent 60%), radial-gradient(ellipse 800px 400px at 80% 100%, #d63d2c0a, transparent 70%);--c-alkali:#d63d2c;--c-alkaline:#b87410;--c-transition:#1d68bf;--c-post:#0d8b76;--c-metalloid:#5e8a16;--c-nonmetal:#a08020;--c-halogen:#c2348c;--c-noble:#6e3fc4;--c-lanthanide:#c34860;--c-actinide:#c25a18;--c-unknown:#6b7280;--glow-min:22%;--glow-max:38%;--glow-blur-min:10px;--glow-blur-max:18px;--tile-bg-pct:10%;--tile-border-pct:50%}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:var(--bg-gradient);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;opacity:.4;filter:invert(var(--grain-invert));background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:10;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:24px 48px;font-size:12px;display:flex;position:relative}nav .logo{align-items:center;gap:6px;display:flex}nav .mini-tile{background:color-mix(in oklab, var(--accent) 14%, transparent);border:1px solid color-mix(in oklab, var(--accent) 50%, transparent);width:38px;height:38px;color:var(--accent);box-shadow:0 0 10px -2px color-mix(in oklab, var(--accent) 40%, transparent);border-radius:5px;flex-direction:column;justify-content:space-between;padding:3px 5px;transition:all .3s;display:flex}nav .mini-tile .mn-num{font-family:var(--mono);opacity:.85;letter-spacing:0;font-size:7px}nav .mini-tile .mn-sym{font-family:var(--mono);text-align:center;letter-spacing:-.02em;text-transform:none;margin-top:-2px;font-size:14px;font-weight:700}nav .logo-meta{border-left:1px solid var(--line);flex-direction:column;gap:1px;margin-left:14px;padding-left:14px;display:flex}nav .logo-meta .l1{font-family:var(--serif);letter-spacing:-.005em;text-transform:none;color:var(--ink);font-size:16px;font-style:italic;line-height:1}nav .logo-meta .l2{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:9px}nav .nav-right{align-items:center;gap:28px;display:flex}nav ul{gap:32px;list-style:none;display:flex}nav a{color:var(--ink-dim);text-decoration:none;transition:color .2s;position:relative}nav a:hover,nav a.active{color:var(--ink)}nav a.active:after{content:"";background:var(--ink);height:1px;position:absolute;bottom:-6px;left:0;right:0}.theme-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex;position:relative}.theme-toggle:hover{color:var(--ink);border-color:rgba(var(--scrim-rgb), .25);background:rgba(var(--scrim-rgb), .04)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .icon{width:16px;height:16px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .25s}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}.theme-toggle:hover .icon{transform:rotate(15deg)}.nav-burger{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;transition:background .2s,border-color .2s;display:none;position:relative}.nav-burger:hover{background:rgba(var(--scrim-rgb), .04);border-color:rgba(var(--scrim-rgb), .25)}.nav-burger span{background:currentColor;border-radius:2px;width:16px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:block}nav.menu-open .nav-burger span:first-child{transform:translateY(5.5px)rotate(45deg)}nav.menu-open .nav-burger span:nth-child(2){opacity:0}nav.menu-open .nav-burger span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}header.hero{z-index:5;max-width:1400px;margin:0 auto;padding:80px 48px 40px;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:32px;font-size:11px;display:flex}.eyebrow .line{background:var(--ink-faint);flex:0 0 40px;height:1px}.eyebrow .dot-sep{color:var(--ink-faint)}h1.title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:28px;font-size:clamp(48px,8vw,120px);font-weight:400;line-height:.95}h1.title em{color:var(--c-alkaline);font-style:italic}.subtitle{color:var(--ink-dim);max-width:580px;margin-bottom:48px;font-size:16px;line-height:1.65}.subtitle strong{color:var(--ink);font-weight:600}.subtitle .ba{color:var(--c-alkaline);font-weight:600}.subtitle .na{color:var(--c-alkali);font-weight:600}.meta-row{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:32px;padding:16px 0;font-size:11px;display:flex}.meta-row span strong{color:var(--ink);font-weight:700}.table-wrap{z-index:2;padding:32px 48px 60px;position:relative;overflow:auto visible}.table-wrap::-webkit-scrollbar{height:6px}.table-wrap::-webkit-scrollbar-track{background:0 0}.table-wrap::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.periodic{grid-template-columns:repeat(18, var(--cell));grid-template-rows:repeat(7, var(--cell)) 24px repeat(2, var(--cell));gap:var(--gap);width:max-content;margin:0 auto;display:grid;position:relative}.table-3d{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}@media (max-width:768px){.table-3d{display:none}}.hero-in-grid{text-align:center;z-index:2;pointer-events:none;flex-direction:column;grid-area:1/3/4/13;justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.hero-in-grid .eyebrow{pointer-events:auto;flex-wrap:nowrap;justify-content:center;gap:14px;margin:0;font-size:11px}.hero-in-grid .eyebrow .line{flex:0 0 50px}.hero-in-grid h1.title{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:clamp(48px,5.2vw,72px);font-weight:400;line-height:.95}.hero-in-grid h1.title em{color:var(--c-alkaline);font-style:italic}header.hero.hero-mobile{display:none}.intro{text-align:center;max-width:720px;margin:50px auto 0;padding:0 48px}.intro .subtitle{color:var(--ink-dim);max-width:580px;margin:0 auto 32px;font-size:16px;line-height:1.65}.intro .subtitle strong{color:var(--ink);font-weight:600}.intro .subtitle .ba{color:var(--c-alkaline);font-weight:600}.intro .subtitle .na{color:var(--c-alkali);font-weight:600}.intro .meta-row{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:14px 0;font-size:11px;display:inline-flex}.intro .meta-row span strong{color:var(--ink);font-weight:700}.cell{z-index:2;aspect-ratio:1;width:var(--cell);height:var(--cell);background:rgba(var(--scrim-rgb), .012);border:1px solid rgba(var(--scrim-rgb), .05);border-radius:clamp(3px, calc(var(--cell) * .1), 6px);padding:clamp(1.5px, calc(var(--cell) * .08), 5px) clamp(1.5px, calc(var(--cell) * .1), 6px);color:var(--ink-faint);cursor:default;flex-direction:column;justify-content:space-between;transition:transform .2s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s,box-shadow .25s,color .25s;display:flex;position:relative;overflow:hidden}.cell .num{font-family:var(--mono);font-size:clamp(5px, calc(var(--cell) * .155), 9px);letter-spacing:.02em;color:inherit;opacity:.7;font-weight:400;line-height:1}.cell .sym{font-family:var(--mono);font-weight:700;font-size:clamp(7px, calc(var(--cell) * .36), 22px);letter-spacing:-.02em;text-align:center;margin-top:calc(var(--cell) * -.065);line-height:1}.cell .name{font-family:var(--mono);font-size:clamp(4.5px, calc(var(--cell) * .125), 7.5px);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:inherit;opacity:.65;white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.cell.project{cursor:pointer;color:var(--accent);background:color-mix(in oklab, var(--accent) var(--tile-bg-pct), transparent);border-color:color-mix(in oklab, var(--accent) var(--tile-border-pct), transparent);animation:3.4s ease-in-out infinite tile-pulse;animation-delay:var(--delay,0s)}@keyframes tile-pulse{0%,to{box-shadow:0 0 var(--glow-blur-min) -4px color-mix(in oklab, var(--accent) var(--glow-min), transparent)}50%{box-shadow:0 0 var(--glow-blur-max) -2px color-mix(in oklab, var(--accent) var(--glow-max), transparent)}}.cell.project .name{opacity:.85;font-size:clamp(5px, calc(var(--cell) * .115), 7px);letter-spacing:.02em;white-space:normal;word-break:break-word;-webkit-line-clamp:2;text-overflow:clip;-webkit-box-orient:vertical;line-height:1.1;display:-webkit-box;overflow:hidden}.cell.project .num{opacity:.85}.cell.project .sym,.cell.brand .sym{transition:transform .45s cubic-bezier(.34,1.56,.64,1),text-shadow .35s,color .25s}.cell.project .name,.cell.brand .name{transition:opacity .3s,letter-spacing .45s}.cell.project .num{transition:opacity .25s}.cell.project:hover{background:color-mix(in oklab, var(--accent) 18%, transparent);border-color:var(--accent);z-index:50;animation:1.6s ease-out infinite tile-broadcast;transform:translateY(-3px)scale(1.08)}.cell.project:hover .sym,.cell.brand:hover .sym{text-shadow:0 0 14px var(--accent), 0 0 28px color-mix(in oklab, var(--accent) 50%, transparent);transform:scale(1.12)}.cell.project:hover .name,.cell.brand:hover .name{opacity:1;letter-spacing:.06em}.cell.project:hover .num{opacity:1}.cell.brand{cursor:pointer;color:var(--accent);background:color-mix(in oklab, var(--accent) var(--tile-bg-pct), transparent);border-color:color-mix(in oklab, var(--accent) var(--tile-border-pct), transparent);animation:4s ease-in-out infinite tile-pulse}.cell.brand:after{content:"✦";color:var(--accent);opacity:.8;font-size:8px;position:absolute;top:4px;right:5px}.cell.brand .num{display:none}.cell.brand .name{opacity:.85}.cell.brand:hover{background:color-mix(in oklab, var(--accent) 18%, transparent);border-color:var(--accent);z-index:50;animation:1.6s ease-out infinite tile-broadcast;transform:translateY(-3px)scale(1.08)}@keyframes tile-broadcast{0%{box-shadow:0 0 0 1px var(--accent), 0 0 40px -4px color-mix(in oklab, var(--accent) 80%, transparent), 0 12px 40px -8px #0006, 0 0 0 0 color-mix(in oklab, var(--accent) 60%, transparent)}to{box-shadow:0 0 0 1px var(--accent), 0 0 40px -4px color-mix(in oklab, var(--accent) 80%, transparent), 0 12px 40px -8px #0006, 0 0 0 22px color-mix(in oklab, var(--accent) 0%, transparent)}}.periodic.has-hover .cell:not(.is-hovered){opacity:.22;filter:saturate(.4)}.periodic.has-hover .cell.project:not(.is-hovered),.periodic.has-hover .cell.brand:not(.is-hovered){animation:none}.ghost-row-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);grid-column:1/4;justify-content:flex-end;align-items:center;padding-right:12px;font-size:10px;display:flex}.bg-3d{z-index:0;pointer-events:none;opacity:.7;width:100vw;height:100vh;position:fixed;inset:0}@media (max-width:768px){.bg-3d{display:none}}.card{z-index:100;background:var(--card-bg);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid color-mix(in oklab, var(--accent,white) 28%, transparent);pointer-events:none;opacity:0;width:340px;box-shadow:0 0 0 1px color-mix(in oklab, var(--accent,white) 10%, transparent), 0 24px 60px -12px #0006, 0 0 80px -24px color-mix(in oklab, var(--accent,white) 60%, transparent);border-radius:16px;padding:22px;transition:opacity .2s ease-out,transform .22s cubic-bezier(.22,1,.36,1);position:fixed;overflow:hidden;transform:translateY(8px)}.card:before{content:"";background:radial-gradient(120% 80% at 0% 0%, color-mix(in oklab, var(--accent) 14%, transparent) 0%, transparent 50%);pointer-events:none;z-index:0;position:absolute;inset:0}.card>*{z-index:1;position:relative}.card.show{opacity:1;pointer-events:auto;transform:translateY(0)}.card .card-close{background:rgba(var(--scrim-rgb), .04);width:28px;height:28px;color:var(--ink-dim);cursor:pointer;pointer-events:auto;z-index:10;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:12px;right:12px}.card .card-close:hover{background:rgba(var(--scrim-rgb), .1);color:var(--ink);border-color:rgba(var(--scrim-rgb), .18)}.card .card-close svg{width:14px;height:14px}.card .head{border-bottom:1px solid color-mix(in oklab, var(--accent) 18%, var(--line));align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.card .head .logo{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 18%, transparent), color-mix(in oklab, var(--accent) 8%, transparent));border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);width:80px;height:80px;color:var(--accent);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--accent) 22%, transparent), 0 6px 18px -6px color-mix(in oklab, var(--accent) 50%, transparent);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card .head .logo svg{width:44px;height:44px}.card .head .logo img{object-fit:cover;width:100%;height:100%;display:block}.card.is-brand .head .logo{font-family:var(--mono);letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1}.card .head .meta{flex-direction:column;gap:5px;min-width:0;display:flex}.card .head .meta .num-sym{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;display:flex}.card .head .meta .num-sym .sep{opacity:.4;font-weight:400}.card .head .meta .elname{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:9.5px;line-height:1}.card .proj{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em;margin:0 0 4px;font-size:30px;font-style:italic;font-weight:400;line-height:1.05}.card.is-brand .proj{color:var(--accent)}.card .category{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:10px}.card .desc{color:var(--ink-dim);margin:0 0 18px;font-size:13.5px;line-height:1.55}.card.is-brand .category,.card.is-brand .actions{display:none}.card.is-brand .desc{margin-bottom:4px}.card .actions{gap:8px;display:flex}.card .btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;pointer-events:auto;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:11px;font-weight:600;text-decoration:none;transition:filter .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:inline-flex}.card .btn .arrow{transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}.card .btn:hover .arrow{transform:translate(4px)}.card .btn.primary{background:var(--accent);color:var(--bg);border:none}.card .btn.primary:hover{filter:brightness(1.08);box-shadow:0 8px 24px -8px var(--accent);transform:translateY(-1px)}.legend{grid-template-columns:280px 1fr;align-items:start;gap:60px;max-width:1400px;margin:60px auto 0;padding:0 48px;display:grid}.legend h2{font-family:var(--serif);color:var(--ink);margin-bottom:16px;font-size:32px;font-style:italic;font-weight:400;line-height:1}.legend p{color:var(--ink-dim);font-size:13px;line-height:1.65}.legend .grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 24px;display:grid}.legend .item{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;padding:6px 0;font-size:11px;display:flex}.legend .item .swatch{background:var(--swatch);width:10px;height:10px;box-shadow:0 0 10px -2px var(--swatch);border-radius:2px}.projects-detail{max-width:1400px;margin:100px auto 0;padding:0 48px}.projects-detail .section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px;display:flex}.projects-detail h2{font-family:var(--serif);color:var(--ink);font-size:clamp(40px,5vw,64px);font-style:italic;font-weight:400;line-height:1}.projects-detail .head-meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);text-align:right;font-size:11px;line-height:1.6}.proj-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.proj-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:100px 0;display:grid}.proj-row.flip>.proj-info{order:2}.proj-row.flip>.proj-preview{order:1}.proj-info{flex-direction:column;min-width:0;display:flex}.proj-meta-top{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:16px;margin-bottom:28px;font-size:11px;display:flex}.proj-meta-top .proj-divider{background:var(--ink-faint);flex:0 0 60px;height:1px}.proj-meta-top .el-tag{color:var(--accent)}.proj-symbol-large{font-family:var(--mono);color:var(--accent);letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(64px,7vw,96px);font-weight:700;line-height:.95}.proj-title{font-family:var(--serif);color:var(--ink);margin-bottom:14px;font-size:clamp(40px,4.5vw,60px);font-style:italic;font-weight:400;line-height:1}.proj-desc{color:var(--ink-dim);max-width:520px;margin-bottom:32px;font-size:16px;line-height:1.65}.proj-category{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-size:11px}.proj-actions{flex-wrap:wrap;gap:10px;display:flex}.proj-actions .btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:12px 20px;font-size:11px;text-decoration:none;transition:all .18s;display:inline-flex}.proj-actions .btn.primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);font-weight:600}.proj-actions .btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.proj-actions .btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.proj-actions .btn.ghost:hover{background:rgba(var(--scrim-rgb), .05);border-color:rgba(var(--scrim-rgb), .2)}.proj-preview{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 22%, var(--bg)), color-mix(in oklab, var(--accent) 6%, var(--bg)));border:1px solid color-mix(in oklab, var(--accent) 28%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 12%, transparent), 0 30px 80px -20px #0006, 0 0 100px -30px color-mix(in oklab, var(--accent) 50%, transparent);border-radius:14px;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;position:relative;overflow:hidden}.proj-preview:hover{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 25%, transparent), 0 40px 100px -20px #00000080, 0 0 120px -30px color-mix(in oklab, var(--accent) 70%, transparent);transform:translateY(-4px)}.preview-chrome{background:rgba(var(--scrim-rgb), .04);border-bottom:1px solid color-mix(in oklab, var(--accent) 15%, transparent);z-index:3;align-items:center;gap:6px;height:38px;padding:0 14px;display:flex;position:relative}.preview-chrome .dot{background:rgba(var(--scrim-rgb), .18);border-radius:50%;width:10px;height:10px}.preview-chrome .url-bar{background:rgba(var(--scrim-rgb), .08);height:22px;font-family:var(--mono);color:var(--ink-dim);letter-spacing:.05em;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;margin-left:14px;padding:0 10px;font-size:10px;display:flex}.preview-chrome .url-bar .favicon{width:14px;height:14px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.preview-chrome .url-bar .favicon svg{width:14px;height:14px}.preview-chrome .url-bar .favicon img{object-fit:contain;width:14px;height:14px;display:block}.preview-chrome .url-bar .url-text{color:var(--ink-dim)}.preview-content{place-items:center;display:grid;position:absolute;inset:38px 0 0;overflow:hidden}.preview-content:before{content:"";background:radial-gradient(circle at 25% 25%, color-mix(in oklab, var(--accent) 35%, transparent), transparent 55%), radial-gradient(circle at 75% 80%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 60%);z-index:0;position:absolute;inset:0}.preview-content:after{content:"";background-image:linear-gradient(rgba(var(--scrim-rgb), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--scrim-rgb), .05) 1px, transparent 1px);z-index:1;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.preview-symbol{font-family:var(--mono);color:var(--accent);letter-spacing:-.05em;z-index:2;text-shadow:0 0 80px color-mix(in oklab, var(--accent) 70%, transparent);font-size:clamp(90px,14vw,200px);font-weight:700;line-height:1;position:relative}.preview-meta{z-index:3;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);gap:10px;font-size:9px;display:flex;position:absolute;top:16px;left:18px}.preview-meta .live-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;align-self:center;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.preview-play{z-index:3;background:rgba(var(--scrim-rgb), .08);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--scrim-rgb), .15);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;bottom:18px;right:18px}.preview-play:hover{background:rgba(var(--scrim-rgb), .14);border-color:var(--accent)}.preview-play .arrow-icon{font-family:var(--mono);color:var(--accent);font-size:14px;line-height:1;transition:transform .2s}.preview-play:hover .arrow-icon{transform:translate(2px)}.proj-preview iframe{z-index:2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0d10;border:0;width:100%;height:calc(100% - 38px);position:absolute;inset:38px 0 0}.preview-shield{z-index:5;cursor:pointer;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:38px 0 0}.preview-shield:before{content:"";pointer-events:none;background:linear-gradient(#0000 0% 70%,#0000004d 100%);position:absolute;inset:0}.preview-shield .label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(14px);opacity:0;background:#0000008c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:10px;transition:opacity .25s,transform .25s;display:inline-flex;position:relative;transform:translateY(8px)}.preview-shield .label .arrow{border:1.5px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:inline-flex}.proj-preview:hover .preview-shield .label,.proj-preview:focus-within .preview-shield .label{opacity:1;transform:translateY(0)}.proj-preview.interactive .preview-shield{opacity:0;pointer-events:none}.proj-preview.interactive{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent), 0 40px 100px -20px #00000080, 0 0 120px -30px color-mix(in oklab, var(--accent) 80%, transparent)}footer{border-top:1px solid var(--line);max-width:1400px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:120px auto 0;padding:32px 48px;font-size:11px;display:flex}footer .brand-line{align-items:center;gap:8px;display:flex}footer .brand-line .ba{color:var(--c-alkaline)}footer .brand-line .na{color:var(--c-alkali)}footer .links{gap:24px;display:flex}footer a{color:var(--ink-dim);text-decoration:none;transition:color .2s}footer a:hover{color:var(--ink)}:root{--ease-out:cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}nav a:not(.active):after{content:"";background:var(--ink);transform-origin:0;width:100%;height:1px;transition:transform .35s var(--ease-out);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}nav a:not(.active):hover:after{transform:scaleX(1)}.proj-actions .btn .arrow{transition:transform .3s var(--ease-out);display:inline-block}.proj-actions .btn:hover .arrow{transform:translate(5px)}.cell:not(.project):not(.brand):hover{background:rgba(var(--scrim-rgb), .04);border-color:rgba(var(--scrim-rgb), .16)}footer a{position:relative}footer a:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}footer a:hover:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:1199px){:root{--cell:56px;--gap:3.5px}.table-wrap{padding:28px 40px 56px}}@media (max-width:1024px){:root{--cell:48px;--gap:3px}nav,header.hero,.legend,.projects-detail,footer,.intro{padding-left:32px;padding-right:32px}.table-wrap{padding:24px 32px 48px}.proj-row{grid-template-columns:1fr 1fr;gap:56px;padding:80px 0}.hero-in-grid h1.title{font-size:clamp(40px,4.6vw,60px)}.hero-in-grid .eyebrow{font-size:10px}.proj-symbol-large{font-size:clamp(56px,6vw,84px)}.proj-title{font-size:clamp(32px,4vw,52px)}.legend{grid-template-columns:240px 1fr;gap:48px}}@media (max-width:900px){:root{--cell:42px;--gap:2.5px}.table-wrap{padding:20px 24px 40px}}@media (max-width:768px){:root{--cell:36px;--gap:2px}nav,header.hero,.legend,.projects-detail,footer,.intro{padding-left:20px;padding-right:20px}nav{padding:16px 20px}nav .nav-right{gap:12px}nav .logo-meta .l1{font-size:16px}nav .logo-meta .l2{font-size:8px}.nav-burger{display:flex}nav .nav-links{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;z-index:100;flex-direction:column;gap:0;max-height:0;padding:8px 20px 12px;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .2s,padding .35s cubic-bezier(.22,1,.36,1);position:absolute;top:100%;left:0;right:0;overflow:hidden}nav.menu-open .nav-links{opacity:1;pointer-events:auto;max-height:320px;padding:16px 20px 20px}nav .nav-links li{width:100%}nav .nav-links a{letter-spacing:.06em;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;display:block}nav .nav-links li:last-child a{border-bottom:none}nav .nav-links a.active:after{display:none}nav .nav-links a.active:before{content:"";background:var(--ink);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}.hero-in-grid{display:none}header.hero.hero-mobile{max-width:1400px;margin:0 auto;padding:32px 20px 20px;display:block}.table-wrap{padding:16px 16px 32px}header.hero{padding:56px 20px 32px}h1.title{margin-bottom:20px;font-size:clamp(40px,11vw,64px)}.subtitle{margin-bottom:32px;font-size:15px}.meta-row{gap:16px 20px;padding:14px 0;font-size:10px}.eyebrow{gap:10px;margin-bottom:24px;font-size:10px}.eyebrow .line{flex-basis:24px}.ghost-row-label{padding-right:8px;font-size:9px}.legend{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:0}.legend h2{font-size:26px}.legend .grid{grid-template-columns:1fr 1fr;gap:8px 16px}.projects-detail{margin-top:64px}.projects-detail .section-head{margin-bottom:32px}.projects-detail h2{font-size:clamp(32px,6vw,48px)}.proj-row{grid-template-columns:1fr;gap:28px;padding:48px 0}.proj-row.flip>.proj-info,.proj-row.flip>.proj-preview{order:unset}.proj-row>.proj-preview{order:1}.proj-row>.proj-info{order:2}.proj-meta-top{flex-wrap:wrap;gap:10px;margin-bottom:18px}.proj-meta-top .proj-divider{flex-basis:28px}.proj-symbol-large{margin-bottom:4px;font-size:64px}.proj-title{margin-bottom:12px;font-size:clamp(34px,8vw,48px)}.proj-category{margin-bottom:18px;font-size:10px}.proj-desc{margin-bottom:24px;font-size:15px}.proj-actions .btn{padding:11px 18px}.proj-preview{aspect-ratio:4/5}.preview-chrome{height:32px;padding:0 10px}.preview-chrome .url-bar{height:18px;margin-left:10px;font-size:9px}.preview-chrome .dot{width:8px;height:8px}.proj-preview iframe{height:calc(100% - 32px);top:32px}.preview-shield{top:32px}.card{width:min(320px,100vw - 40px);padding:18px}.card .head .logo{border-radius:16px;width:68px;height:68px}.card .head .logo svg{width:38px;height:38px}.card .head .logo img{width:100%;height:100%}.card.is-brand .head .logo{font-size:22px}.card .proj{font-size:24px}footer{gap:12px;padding:24px 20px}footer .links{flex-wrap:wrap;gap:16px}}@media (max-width:640px){:root{--cell:30px;--gap:2px}.table-wrap{padding:14px 14px 28px}}@media (max-width:540px){:root{--cell:36px;--gap:2px}.table-wrap{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:14px 16px 28px;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#000 0% 92%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 92%,#0000 100%)}.periodic{margin:0}.cell .num{display:none}}@media (max-width:480px){:root{--cell:34px;--gap:2px}nav{padding:14px 16px}nav .mini-tile{width:32px;height:32px;padding:2px 4px}nav .mini-tile .mn-num{font-size:6px}nav .mini-tile .mn-sym{font-size:12px}nav .logo-meta{margin-left:10px;padding-left:10px}nav .nav-links a{font-size:12px}nav .theme-toggle,nav .nav-burger{width:32px;height:32px}header.hero,.legend,.projects-detail,footer{padding-left:16px;padding-right:16px}header.hero{padding-top:40px;padding-bottom:24px}.meta-row{flex-direction:column;align-items:flex-start;gap:10px 14px}.table-wrap{padding:12px 14px 24px}.cell .name{display:none}.ghost-row-label{font-size:8px}.legend .grid{grid-template-columns:1fr}.proj-row{gap:20px;padding:36px 0}.proj-symbol-large{font-size:56px}.proj-meta-top{font-size:9px}.proj-desc{font-size:14px}.proj-actions .btn{justify-content:center;width:100%}.proj-preview{aspect-ratio:3/4}.preview-shield .label{gap:6px;padding:8px 12px;font-size:9px}.card{width:min(300px,100vw - 32px)}.card .head .logo{border-radius:14px;width:60px;height:60px}.card .head .logo svg{width:34px;height:34px}.card .head .logo img{width:100%;height:100%}.card.is-brand .head .logo{font-size:20px}footer{flex-direction:column;align-items:flex-start;font-size:9px}}@media (max-width:400px){:root{--cell:32px;--gap:1.5px}.table-wrap{padding:10px 12px 20px}}@media (max-width:360px){:root{--cell:30px;--gap:1.5px}.table-wrap{padding:10px 12px 20px}}@media (hover:none){.cell.project:hover,.cell.brand:hover{transform:none}.preview-shield .label{opacity:1;transform:translateY(0)}}html.cc-active,html.cc-active *{cursor:none!important}.cc-atom{pointer-events:none;z-index:10000;will-change:transform;opacity:.95;transition:opacity .18s,transform .1s;position:fixed;top:0;left:0}.cc-atom.hidden{opacity:0}.cc-atom.clicking svg{transform:scale(.8)}.cc-atom svg{transition:transform .18s cubic-bezier(.22,1,.36,1);display:block;overflow:visible}.cc-atom .nucleus{fill:var(--c-alkaline,#ffb547);filter:drop-shadow(0 0 8px var(--c-alkaline,#ffb547))}.cc-atom .orbit ellipse{fill:none;stroke-width:1.1px;opacity:.85}.cc-atom .orbit-a ellipse,.cc-atom .orbit-a .electron{stroke:var(--c-transition,#6db5ff);fill:var(--c-transition,#6db5ff)}.cc-atom .orbit-a ellipse{fill:none}.cc-atom .orbit-b ellipse,.cc-atom .orbit-b .electron{stroke:var(--c-alkali,#ff6b5b);fill:var(--c-alkali,#ff6b5b)}.cc-atom .orbit-b ellipse{fill:none}.cc-atom .orbit-c ellipse,.cc-atom .orbit-c .electron{stroke:var(--c-post,#36e5c7);fill:var(--c-post,#36e5c7)}.cc-atom .orbit-c ellipse{fill:none}.cc-atom .electron{filter:drop-shadow(0 0 5px)}.cc-atom .orbit-a{transform-origin:0 0;animation:4s linear infinite cc-spin-a}.cc-atom .orbit-b{transform-origin:0 0;animation:6s linear infinite reverse cc-spin-b}.cc-atom .orbit-c{transform-origin:0 0;animation:5s linear infinite cc-spin-c}@keyframes cc-spin-a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cc-spin-b{0%{transform:rotate(60deg)}to{transform:rotate(420deg)}}@keyframes cc-spin-c{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}.cc-ring{--cc-accent:var(--c-alkaline,#ffb547);border:1.5px solid var(--cc-accent);pointer-events:none;z-index:9999;will-change:transform, width, height;opacity:.6;width:64px;height:64px;filter:drop-shadow(0 0 5px color-mix(in oklab, var(--cc-accent) 30%, transparent));background:0 0;border-radius:999px;transition:opacity .2s,border-color .25s,border-width .2s,border-radius .35s cubic-bezier(.22,1,.36,1),background-color .25s,filter .25s;position:fixed;top:0;left:0}.cc-ring.hidden{opacity:0}.cc-ring.snapped{opacity:1;background:color-mix(in oklab, var(--cc-accent) 6%, transparent);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--cc-accent) 45%, transparent));border-width:1.5px;border-radius:14px}.cc-ring.clicking{background:color-mix(in oklab, var(--cc-accent) 16%, transparent)}.cc-label{pointer-events:none;z-index:10001;background:var(--ink,#f5f3ee);color:var(--bg,#0a0a0b);font-family:var(--mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;will-change:transform;border-radius:4px;padding:5px 10px;font-size:10px;transition:opacity .18s;position:fixed;top:0;left:0}.cc-label.show{opacity:1}@media (prefers-reduced-motion:reduce){.cc-atom .orbit-a,.cc-atom .orbit-b,.cc-atom .orbit-c{animation:none}.cc-atom svg,.cc-ring,.cc-label,.cc-atom{transition:opacity .15s}}.eb-page{--accent:var(--c-alkali,#ff6b5b);z-index:5;text-align:center;max-width:760px;margin:0 auto;padding:80px 48px 120px;position:relative}.eb-eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:40px;font-size:11px;display:inline-flex}.eb-eyebrow .line{background:var(--ink-faint);flex:0 0 40px;height:1px}.eb-eyebrow .dot-sep{color:var(--ink-faint)}.eb-tile{aspect-ratio:1/1.05;background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 18%, var(--bg-elev)), color-mix(in oklab, var(--accent) 5%, var(--bg-elev)) 70%);border:1px solid color-mix(in oklab, var(--accent) 40%, transparent);width:180px;box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 14%, transparent), 0 30px 60px -22px #00000059, 0 0 90px -28px color-mix(in oklab, var(--accent) 65%, transparent);isolation:isolate;border-radius:16px;flex-direction:column;justify-content:space-between;margin:0 auto 36px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.eb-tile:before{content:"";background:radial-gradient(320px 200px at 80% -10%, color-mix(in oklab, var(--accent) 30%, transparent), transparent 60%);opacity:.7;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-tile>*{z-index:1;position:relative}.eb-tile-num{font-family:var(--mono);color:var(--accent);text-align:left;font-size:14px;font-weight:700}.eb-tile-sym{font-family:var(--mono);letter-spacing:-.04em;color:var(--accent);text-align:center;font-size:86px;font-weight:700;line-height:.85}.eb-tile-name{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-align:center;font-size:9.5px}.eb-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:20px;font-size:clamp(40px,5.5vw,72px);font-weight:400;line-height:1}.eb-title em{color:var(--accent);font-style:italic}.eb-lede{color:var(--ink-dim);max-width:520px;margin:0 auto 36px;font-size:16px;line-height:1.65}.eb-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:56px;display:inline-flex}.eb-btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:13px 22px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.eb-btn .arrow{transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}.eb-btn:hover .arrow{transform:translate(4px)}.eb-btn.primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.eb-btn.primary:hover{filter:brightness(1.08);box-shadow:0 12px 32px -10px var(--accent);transform:translateY(-1px)}.eb-btn.primary .arrow:hover{transform:rotate(90deg)}.eb-btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.eb-btn.ghost:hover{background:rgba(var(--scrim-rgb), .05);border-color:rgba(var(--scrim-rgb), .2)}.eb-debug{text-align:left;border:1px solid var(--line);background:var(--bg-elev);font-family:var(--mono);color:var(--ink-dim);border-radius:10px;max-width:720px;margin:0 auto;padding:16px 20px;font-size:12px;line-height:1.55}.eb-debug summary{cursor:pointer;color:var(--ink);letter-spacing:.16em;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:10.5px}.eb-debug-msg{background:color-mix(in oklab, var(--accent) 8%, transparent);color:var(--ink);border-left:2px solid var(--accent);white-space:pre-wrap;word-break:break-word;border-radius:6px;margin-top:12px;padding:12px 14px}.eb-debug-stack{background:rgba(var(--scrim-rgb), .04);white-space:pre-wrap;word-break:break-word;color:var(--ink-dim);border-radius:6px;margin-top:12px;padding:12px 14px;font-size:11px;line-height:1.5;overflow-x:auto}@media (max-width:768px){.eb-page{padding:56px 24px 80px}.eb-tile{width:140px}.eb-tile-sym{font-size:64px}}.proj-symbol-clickable{-webkit-user-select:none;user-select:none;outline:none;transition:transform .4s cubic-bezier(.22,1,.36,1)}.proj-symbol-clickable:hover,.proj-symbol-clickable:focus-visible{transform:translate(6px)}.proj-row.flip .proj-symbol-clickable:hover,.proj-row.flip .proj-symbol-clickable:focus-visible{transform:translate(-6px)}