:root{color-scheme:light;--font-display: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--paper: #f4ede1;--paper-2: #ebe0cf;--paper-3: #d9cab4;--cream: #fff8eb;--ink: #18130f;--ink-2: #4a4036;--ink-3: #7a6c5e;--copper: #c8472c;--copper-deep: #94331f;--rule: rgba(24, 19, 15, .18);--rule-strong: rgba(24, 19, 15, .42);--light-rule: rgba(255, 248, 235, .22);--scrollbar-track: rgba(24, 19, 15, .08);--scrollbar-thumb: rgba(200, 71, 44, .74);--scrollbar-thumb-hover: #c8472c;--page: 1440px;--wide: 1440px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{background:var(--paper);overflow-x:hidden;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 18% 4%,rgba(200,71,44,.14),transparent 28rem),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);color:var(--ink);font-family:var(--font-display);font-size:clamp(1rem,.3vw + .94rem,1.2rem);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .12 0 0 0 0 .10 0 0 0 0 .08 0 0 0 .75 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}::-webkit-scrollbar{width:.72rem;height:0}::-webkit-scrollbar:horizontal{display:none;height:0}::-webkit-scrollbar:vertical{width:.72rem}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{min-height:3rem;border:.18rem solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::selection{background:var(--copper);color:var(--cream)}button,input{font:inherit}a{color:inherit;text-decoration:none}code,kbd{font-family:var(--font-mono)}.site-shell{min-height:100vh;overflow-x:hidden}.content-shell{width:min(100%,var(--page));margin-inline:auto;padding-inline:clamp(.75rem,2vw,1.5rem)}.skip-link{position:fixed;top:1rem;left:1rem;z-index:40;transform:translateY(-160%);padding:.75rem 1rem;background:var(--cream);color:var(--ink);border:1px solid var(--ink);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;transition:transform .18s var(--ease)}.skip-link:focus{transform:translateY(0)}.topbar{position:absolute;inset:0 0 auto;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,3vw,2rem) clamp(1rem,5vw,4.5rem);color:var(--cream)}.brand-lockup,.nav-links{display:flex;align-items:center}.brand-lockup{gap:.7rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.brand-lockup span{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--copper);background:#fff8eb14}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.65rem,2vw,1.5rem);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.nav-links a{padding-block:.25rem;color:#fff8ebc2;border-bottom:1px solid transparent;transition:color .18s var(--ease),border-color .18s var(--ease)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--cream);border-color:var(--copper);outline:none}.hero-section{position:relative;min-height:100svh;display:grid;color:var(--cream);background:radial-gradient(circle at 72% 42%,rgba(200,71,44,.28),transparent 24rem),radial-gradient(circle at 24% 100%,rgba(255,248,235,.09),transparent 26rem),linear-gradient(135deg,#100d0b,#211913 58%,#100d0b);overflow:hidden;isolation:isolate}.hero-section:after{content:"SVG / REACT / CURRENTCOLOR /";position:absolute;right:-5vw;bottom:-.17em;z-index:-1;color:#fff8eb09;font-family:var(--font-mono);font-size:clamp(4rem,16vw,17rem);letter-spacing:-.09em;white-space:nowrap}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(255,248,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,248,235,.05) 1px,transparent 1px);background-size:3.25rem 3.25rem;-webkit-mask-image:radial-gradient(circle at 70% 42%,black 0%,transparent 72%);mask-image:radial-gradient(circle at 70% 42%,black 0%,transparent 72%)}.hero-inner{width:min(100%,var(--wide));margin-inline:auto;padding-inline:clamp(.75rem,2vw,1.5rem);padding-block:clamp(6.75rem,12vh,9rem) clamp(2rem,8vh,5rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(28rem,1.05fr);align-items:end;gap:clamp(2rem,7vw,7rem)}.hero-copy{position:relative;z-index:2;max-width:54rem}.eyebrow{margin:0 0 1rem;color:var(--copper);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.hero-copy .eyebrow,.brand-word,.hero-line,.hero-deck,.hero-actions{opacity:0;transform:translateY(1.5rem);animation:rise-in .72s var(--ease) forwards}.brand-word{display:block;color:var(--cream);font-size:clamp(5rem,17vw,18rem);font-weight:360;line-height:.7;letter-spacing:-.095em;animation-delay:80ms}.hero-line{display:block;max-width:43rem;margin-top:clamp(1.3rem,3vw,2.5rem);color:#fff8ebdb;font-size:clamp(2.25rem,5.3vw,5.8rem);font-weight:320;line-height:.93;letter-spacing:-.055em;animation-delay:.17s}.hero-deck{max-width:34rem;margin:clamp(1.15rem,3vw,2rem) 0 0;color:#fff8ebb8;font-size:clamp(1.05rem,.8vw + .95rem,1.55rem);animation-delay:.26s}.hero-deck code,.empty-state code{padding:.05rem .3rem;border:1px solid rgba(255,248,235,.2);border-radius:999px;color:var(--cream);background:#fff8eb14}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;animation-delay:.34s}.primary-action,.secondary-action{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.primary-action{background:var(--copper);color:var(--cream);border:1px solid var(--copper)}.secondary-action{color:var(--cream);border:1px solid rgba(255,248,235,.26)}.primary-action:hover,.primary-action:focus-visible,.secondary-action:hover,.secondary-action:focus-visible{transform:translateY(-.15rem);outline:none}.primary-action:hover,.primary-action:focus-visible{background:var(--cream);color:var(--ink);border-color:var(--cream)}.secondary-action:hover,.secondary-action:focus-visible{border-color:var(--copper);color:var(--copper)}.specimen-field{position:relative;min-height:min(70svh,47rem);align-self:stretch;isolation:isolate}.specimen-field:before,.specimen-field:after{content:"";position:absolute;top:10%;right:4%;bottom:4%;left:9%;border:1px solid rgba(255,248,235,.13);transform:rotate(-5deg)}.specimen-field:after{top:4%;right:12%;bottom:14%;left:0;border-color:#c8472c6b;transform:rotate(8deg)}.field-ruler{position:absolute;right:4%;bottom:5%;z-index:2;display:flex;gap:.8rem;color:#fff8eb80;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.specimen-mark{position:absolute;z-index:3;width:clamp(7rem,12vw,13rem);aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--light-rule);border-radius:50%;background:#fff8eb0f;color:var(--cream);opacity:0;transform:translateY(2rem) scale(.92) rotate(-8deg);animation:mark-in .82s var(--ease) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.specimen-mark small{position:absolute;left:50%;bottom:.95rem;transform:translate(-50%);color:currentColor;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}.specimen-mark:nth-of-type(1){top:14%;left:7%}.specimen-mark:nth-of-type(2){top:4%;right:18%;width:clamp(5.7rem,10vw,10.5rem)}.specimen-mark:nth-of-type(3){top:38%;right:2%;width:clamp(6.6rem,11vw,12rem)}.specimen-mark:nth-of-type(4){left:19%;bottom:8%;width:clamp(5.5rem,9vw,9.8rem)}.specimen-mark:nth-of-type(5){right:34%;bottom:24%;width:clamp(6rem,10vw,11rem)}.specimen-mark:nth-of-type(6){top:48%;left:42%;width:clamp(7.4rem,13vw,14rem)}.tone-copper{color:var(--copper);border-color:#c8472cb8;background:#c8472c17}.tone-paper{color:var(--cream)}.tone-ink{color:var(--ink);background:#fff8ebe0}.install-section,.catalogue-section{padding-block:clamp(5rem,10vw,9rem)}.section-heading,.catalogue-heading{display:grid;grid-template-columns:minmax(0,.88fr) minmax(18rem,.62fr);align-items:end;gap:clamp(2rem,6vw,6rem)}.section-heading h2,.catalogue-heading h2,.system-copy h2{margin:0;font-size:clamp(3.5rem,10vw,10.5rem);font-weight:330;line-height:.82;letter-spacing:-.075em}.catalogue-heading h2,.system-copy h2{font-size:clamp(3rem,7.5vw,7.8rem)}.catalogue-heading p,.system-copy p,.install-list p,.workflow-list p,.footer-layout span{margin:0;color:var(--ink-2)}.install-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5rem);margin-top:clamp(2.5rem,6vw,5rem);border-top:1px solid var(--rule-strong)}.proof-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.proof-list div,.install-list article,.workflow-list article{border-bottom:1px solid var(--rule)}.proof-list div{min-height:11rem;padding:1.25rem 1.25rem 1.25rem 0}.proof-list dt,.install-list span,.workflow-list article>span,.archive-status,.footer-layout nav{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.proof-list dd{margin:1.1rem 0 0}.proof-list strong{display:block;color:var(--ink);font-size:clamp(1.8rem,3vw,3.2rem);font-weight:350;line-height:.92;letter-spacing:-.045em}.proof-list dd span{display:block;max-width:14rem;margin-top:.5rem;color:var(--ink-2)}.install-list{display:grid}.install-list article{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:1.5rem;align-items:center;padding:1.25rem 0}.install-list code{justify-self:end;max-width:100%;padding:.65rem .8rem;overflow:auto;border:1px solid var(--rule);background:#fff8eb94;color:var(--copper-deep);font-size:.78rem;white-space:nowrap}.system-section{position:relative;overflow:hidden;padding-block:clamp(5rem,11vw,10rem);background:var(--ink);color:var(--cream)}.system-section:before{content:"";position:absolute;width:42rem;aspect-ratio:1;top:9%;left:-14rem;border:1px solid rgba(200,71,44,.32);border-radius:50%}.system-layout{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(15rem,.65fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.system-copy{position:sticky;top:2rem}.system-copy p:not(.eyebrow){max-width:34rem;margin-top:1.5rem;color:#fff8ebad;font-size:clamp(1.1rem,1vw + .9rem,1.55rem)}.system-visual{position:sticky;top:2rem;display:grid;gap:.2rem;padding-top:.45rem}.spotlight-row{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1rem;align-items:center;margin:0;padding-block:1rem;color:var(--cream);border-top:1px solid var(--light-rule);opacity:0;transform:translate(1rem);animation:row-in .56s var(--ease) forwards}.spotlight-row svg{color:var(--copper)}.spotlight-row figcaption{display:grid;gap:.15rem}.spotlight-row strong{font-size:1.15rem;font-weight:420;line-height:1}.spotlight-row span,.workflow-list p{color:#fff8eb94}.workflow-list{display:grid;border-top:1px solid var(--light-rule)}.workflow-list article{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.25rem;padding:1.4rem 0;border-color:var(--light-rule)}.workflow-list article>span{color:var(--copper)}.workflow-list h3{margin:0 0 .35rem;color:var(--cream);font-size:clamp(1.5rem,2vw,2.4rem);font-weight:350;line-height:.96;letter-spacing:-.04em}.catalogue-heading{margin-bottom:clamp(2rem,5vw,4rem)}.catalogue-heading p{max-width:30rem;font-size:clamp(1rem,.7vw + .92rem,1.35rem)}.catalogue-heading kbd{display:inline-flex;min-width:1.8rem;justify-content:center;padding:.12rem .36rem;border:1px solid var(--rule);color:var(--ink);background:#fff8eb7a;font-size:.7rem}.archive-toolbar{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:.8rem;border-block:1px solid var(--rule-strong);background:color-mix(in oklab,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-field{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-self:start;width:min(100%,20rem);min-height:2.35rem;padding:0 .78rem;border:1px solid rgba(24,19,15,.2);border-radius:999px;background:#fff8ebbd;box-shadow:inset 0 1px #fff8ebb8;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.search-field:focus-within{border-color:#c8472ca3;background:var(--cream);box-shadow:0 0 0 4px #c8472c17}.search-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;clip-path:inset(50%)}.search-icon{width:.95rem;height:.95rem;margin-right:.55rem;color:var(--copper);stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.search-field span:not(.search-label){color:var(--copper);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.search-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:.72rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.search-field input::placeholder{color:#7a6c5ec7}.archive-status{align-self:center;min-width:max-content;text-align:right;transition:color .18s var(--ease)}.archive-status.is-live{color:var(--copper)}.catalogue-frame{margin-top:1rem;border-bottom:1px solid var(--rule-strong)}.catalogue-view{height:clamp(34rem,72vh,54rem)}.catalogue-grid{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.catalogue-grid::-webkit-scrollbar:horizontal{display:none;height:0}.empty-state{min-height:24rem;display:grid;place-items:center;border-top:1px solid var(--rule);text-align:center}.empty-state p{max-width:38rem;margin:0;color:var(--ink-2);font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.05em}.empty-state code{border-color:var(--rule);color:var(--copper-deep);background:#fff8eb9e}.catalogue-cell{padding:.55rem}.catalogue-card{width:100%;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:start;gap:.75rem;padding:1rem;border:1px solid var(--rule);border-radius:0;background:#fff8eb47;color:var(--ink);cursor:pointer;text-align:left;transition:transform .18s var(--ease),color .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.catalogue-card:hover,.catalogue-card:focus-visible{transform:translateY(-.2rem);border-color:var(--copper);background:var(--cream);outline:none}.catalogue-card.is-copied{background:var(--copper);color:var(--cream);border-color:var(--copper)}.catalogue-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;color:var(--copper);border:1px solid currentColor;border-radius:50%;transition:transform .18s var(--ease),color .18s var(--ease)}.catalogue-card:hover .catalogue-icon,.catalogue-card:focus-visible .catalogue-icon{transform:rotate(-8deg) scale(1.06)}.catalogue-card.is-copied .catalogue-icon{color:var(--cream)}.catalogue-card-title{max-width:100%;overflow:hidden;color:currentColor;font-size:clamp(1.35rem,1.8vw,2rem);font-weight:360;line-height:.94;letter-spacing:-.04em;text-overflow:ellipsis}.catalogue-card-import{max-width:100%;overflow:hidden;color:var(--ink-3);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.catalogue-card.is-copied .catalogue-card-import{color:#fff8ebc7}.footer-section{padding-block:2rem;background:var(--ink);color:var(--cream)}.footer-layout{display:flex;align-items:start;justify-content:space-between;gap:2rem}.footer-layout>div{display:grid;gap:.35rem}.footer-layout strong{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:350;line-height:1;letter-spacing:-.04em}.footer-layout span{color:#fff8eb99}.footer-layout nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem;color:#fff8eb94}.footer-layout a{padding-bottom:.2rem;border-bottom:1px solid transparent;transition:color .18s var(--ease),border-color .18s var(--ease)}.footer-layout a:hover,.footer-layout a:focus-visible{color:var(--cream);border-color:var(--copper);outline:none}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}@keyframes mark-in{to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes row-in{to{opacity:1;transform:translate(0)}}@keyframes field-depth{to{opacity:.48;transform:translateY(7rem) scale(.94)}}@keyframes section-lift{0%{opacity:.72;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.specimen-field{animation:field-depth linear both;animation-timeline:view();animation-range:exit 0% exit 80%}.install-section,.catalogue-section{animation:section-lift linear both;animation-timeline:view();animation-range:entry 0% entry 32%}}@media(max-width:1100px){.hero-inner,.install-layout,.section-heading,.catalogue-heading,.system-layout{grid-template-columns:1fr}.hero-inner{align-items:start}.hero-copy{max-width:100%}.specimen-field{min-height:34rem}.system-copy,.system-visual{position:static}.workflow-list article{max-width:46rem}}@media(max-width:760px){.topbar{align-items:flex-start;padding:1rem}.brand-lockup strong{display:none}.nav-links{max-width:15rem;gap:.55rem .85rem;font-size:.65rem}.hero-inner{padding-top:5.8rem}.brand-word{font-size:clamp(4.5rem,22vw,8rem)}.hero-line{font-size:clamp(2.1rem,12vw,4rem)}.specimen-field{min-height:27rem}.field-ruler{display:none}.specimen-mark{width:clamp(5rem,27vw,8rem)}.proof-list,.install-list article,.footer-layout{grid-template-columns:1fr}.proof-list div{min-height:0}.install-list code{justify-self:stretch}.archive-toolbar{position:relative;align-items:flex-start;flex-direction:column}.archive-status{min-width:0;text-align:left}.search-field{width:100%}.catalogue-view{height:38rem}.footer-layout{display:grid}.footer-layout nav{justify-content:flex-start}}@media(max-width:520px){.content-shell{padding-inline:.5rem}.hero-actions{align-items:stretch;flex-direction:column}.primary-action,.secondary-action{width:100%}.search-field{grid-template-columns:auto minmax(0,1fr)}.catalogue-cell{padding:.35rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}