@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,400..900;1,62..125,400..900&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light;--chalk: #f4f4f0;--chalk-2: #e9e9e3;--white: #ffffff;--ink: #121418;--ink-soft: #4d5159;--ink-faint: #676b73;--line: #d9d9d2;--cobalt: #1f3bff;--volt: #d8ff3c;--font: "Archivo", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--max: 1320px;--gutter: clamp(16px, 4vw, 48px);--header-h: 4.25rem;--ease: cubic-bezier(.2, .75, .15, 1);font-family:var(--font);background:var(--chalk);color:var(--ink-soft)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}body{margin:0;min-width:320px;background:var(--chalk);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{margin:0;color:var(--ink);text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:var(--cobalt);text-underline-offset:.2em}img{display:block;max-width:100%}button,input{font:inherit}::selection{background:var(--volt);color:var(--ink)}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}main:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:var(--gutter);top:-4rem;z-index:60;padding:.7rem 1.1rem;border-radius:999px;background:var(--volt);color:var(--ink);font-weight:700}.skip-link:focus{top:.5rem}.display-title{font-size:clamp(2.4rem,6vw,4.75rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.88;letter-spacing:-.005em;text-transform:uppercase}.collections,.featured,.industries,.about,.collection-page,.post-header,.post-cover,.post-layout,.post-pager{width:min(var(--max),100% - var(--gutter) * 2);margin-inline:auto}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.head-link{color:var(--ink);font-weight:700;text-decoration-thickness:2px}.head-link:hover{color:var(--cobalt)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:0 1.6rem;border:2px solid transparent;border-radius:999px;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--ease)}.btn:active{transform:scale(.97)}.btn-volt{background:var(--volt);color:var(--ink)}.btn-volt:hover{background:var(--white)}.btn-ghost-light{border-color:var(--white);color:var(--white)}.btn-ghost-light:hover{background:var(--white);color:var(--cobalt)}.btn-ink{background:var(--ink);color:var(--white)}.btn-ink:hover{background:var(--cobalt)}.btn-outline{border-color:var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--white)}.btn-block{width:100%}.icon-btn{position:relative;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}.icon-btn:hover{background:var(--chalk-2)}.icon-btn svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.marquee{overflow:hidden}.marquee-track{display:flex;width:max-content}.marquee-set{display:flex;flex:none}.announcement{background:var(--ink);color:var(--white);font-size:.8125rem;font-weight:600}.announcement-item{display:inline-flex;align-items:center;gap:2.5rem;padding:.6rem 1.25rem;white-space:nowrap}.announcement svg{width:.9rem;height:.9rem;fill:var(--volt)}.store-header{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--line)}.store-header-inner{display:flex;align-items:center;gap:1.5rem;width:min(var(--max),100% - var(--gutter) * 2);height:var(--header-h);margin-inline:auto}.menu-btn{display:none}.wordmark{flex:none;color:var(--ink);font-size:1.6rem;font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;letter-spacing:.01em;text-decoration:none;text-transform:uppercase}.store-nav{display:flex;justify-content:center;gap:clamp(1rem,2.5vw,2.25rem);flex:1}.store-nav a,.resume-link{padding-block:.4rem;color:var(--ink);font-size:.9375rem;font-weight:600;text-decoration:none;background:linear-gradient(var(--cobalt),var(--cobalt)) left bottom / 0 2px no-repeat;transition:background-size .3s var(--ease)}.store-nav a:hover,.store-nav a[aria-current=page],.resume-link:hover{background-size:100% 2px}.store-actions{display:flex;align-items:center;gap:.75rem}.cart-count{position:absolute;top:.15rem;right:.1rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:999px;background:var(--cobalt);color:var(--white);font-size:.7rem;font-weight:700}.cart-btn.bump{animation:bump .45s var(--ease)}@keyframes bump{40%{transform:scale(1.25) rotate(-8deg)}}.hero{position:relative;overflow:hidden;background:var(--cobalt);color:var(--white)}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,5vw,5rem);align-items:center;width:min(var(--max),100% - var(--gutter) * 2);min-height:min(calc(100svh - var(--header-h) - 2.2rem),900px);margin-inline:auto;padding-block:clamp(3rem,7vw,5.5rem)}.hero-role{font-weight:600}.hero-title{margin-top:1rem;color:var(--white);font-size:clamp(3.6rem,10vw,9rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.84;letter-spacing:-.01em;text-transform:uppercase}.hero-title .word{display:inline-block;overflow:hidden;padding:.04em .14em .06em 0;margin-right:.08em;vertical-align:top}.hero-title .word>span{display:inline-block}.hero-intro{max-width:34rem;margin-top:1.5rem;font-size:1.25rem;line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}.hero-stripes{position:absolute;left:56%;right:-12%;top:56%;height:clamp(70px,10vw,140px);background:linear-gradient(var(--volt) 0 34%,transparent 34% 66%,var(--volt) 66%);rotate:-9deg;transform-origin:left center}.hero-stage{position:relative}@media(prefers-reduced-motion:no-preference){.hero-title .word>span{animation:word-up .9s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .12s)}.hero-role,.hero-intro,.hero-actions{animation:fade-up .8s var(--ease) both .45s}.hero-stripes{animation:stripes-in 1.1s var(--ease) both .3s}.hero-stage{animation:stage-in 1s var(--ease) both .55s}@supports (animation-timeline: scroll()){.hero-stripes{animation:stripes-in 1.1s var(--ease) both .3s,stripes-drift linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}}}@keyframes word-up{0%{transform:translateY(105%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes stripes-in{0%{scale:0 1}}@keyframes stripes-drift{to{translate:-14% 40px}}@keyframes stage-in{0%{opacity:0;transform:translateY(40px) rotate(2deg)}}.demo{margin:0}.demo figcaption{margin-top:1rem;color:var(--white);font-size:.875rem;font-weight:600}.demo figcaption a{color:var(--volt)}.product,.pipeline-demo{overflow:hidden;border-radius:20px;background:var(--white);color:var(--ink-soft);box-shadow:0 40px 70px -30px #060e5a99}.product{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}.product-media{position:relative;display:grid;place-items:center;min-height:22rem;background:linear-gradient(165deg,#f3f3ee,#e3e3dc)}.product-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .7rem;border-radius:999px;background:var(--ink);color:var(--volt);font-size:.75rem;font-weight:700}.bottle{display:grid;justify-items:center;transition:scale .45s var(--ease);filter:drop-shadow(0 18px 18px rgb(18 20 24 / .25))}.bottle.size-500{scale:.84}.bottle-cap{width:38px;height:28px;border-radius:8px 8px 3px 3px;background:var(--ink)}.bottle-neck{width:30px;height:10px;background:#b9b9b2}.bottle-body{display:grid;place-items:center;width:92px;height:200px;border-radius:24px 24px 30px 30px;background-color:var(--bottle);background-image:linear-gradient(90deg,transparent 18%,rgb(255 255 255 / .35) 26%,transparent 40%,transparent 80%,rgb(0 0 0 / .12));transition:background-color .45s ease}.bottle-mark{color:var(--mark, var(--white));font-size:1.4rem;font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;text-transform:uppercase;writing-mode:vertical-rl;rotate:180deg;transition:color .45s ease}@media(prefers-reduced-motion:no-preference){.bottle-body.swap{animation:swap .5s var(--ease)}}@keyframes swap{30%{transform:rotate(-5deg) translateY(-6px)}}.product-info{display:grid;align-content:start;gap:1rem;padding:clamp(1.25rem,2.5vw,1.75rem)}.product-brand{color:var(--ink-faint);font-size:.8125rem;font-weight:700}.product-title{margin-top:-.75rem;font-size:1.35rem;font-weight:800;line-height:1.15}.product-price{color:var(--ink);font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.option{min-width:0;margin:0;padding:0;border:0}.option legend{margin-bottom:.5rem;padding:0;color:var(--ink);font-size:.875rem;font-weight:700}.option legend span{font-weight:400}.option input{position:absolute;opacity:0;pointer-events:none}.swatches{display:flex;gap:.6rem}.swatches label{width:2.1rem;height:2.1rem;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #1214182e;cursor:pointer;transition:box-shadow .2s ease,transform .2s var(--ease)}.swatches label:hover{transform:scale(1.08)}.swatches label.checked{box-shadow:inset 0 0 0 1px #1214182e,0 0 0 3px var(--white),0 0 0 5px var(--ink)}.option-pills{display:flex;gap:.5rem}.option-pills label{padding:.45rem 1rem;border:1.5px solid var(--line);border-radius:999px;color:var(--ink);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.option-pills label.checked{border-color:var(--ink);background:var(--ink);color:var(--white)}.option label:has(input:focus-visible){outline:3px solid var(--cobalt);outline-offset:2px}.add-to-cart{min-height:3.1rem;margin-top:.25rem;border:0;border-radius:999px;background:var(--ink);color:var(--white);font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s var(--ease)}.add-to-cart:hover{background:var(--cobalt)}.add-to-cart:active{transform:scale(.97)}.add-to-cart.added{background:var(--volt);color:var(--ink)}.add-to-cart:disabled{opacity:.6;cursor:progress}.pipeline-demo{display:grid;gap:1rem;padding:clamp(1.5rem,3vw,2rem)}.pipeline-demo .product-title{margin:0}.pipeline-copy{font-size:.9375rem}.toggle{display:flex;gap:.75rem;align-items:center;color:var(--ink);font-size:.9375rem;font-weight:700;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle-track{position:relative;flex:none;width:2.6rem;height:1.5rem;border-radius:999px;background:var(--line);transition:background-color .2s ease}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:calc(1.5rem - 6px);aspect-ratio:1;border-radius:50%;background:var(--white);transition:transform .25s var(--ease)}.toggle input:checked+.toggle-track{background:var(--cobalt)}.toggle input:checked+.toggle-track:after{transform:translate(1.1rem)}.toggle input:focus-visible+.toggle-track{outline:3px solid var(--cobalt);outline-offset:2px}.load-bar{height:12px;overflow:hidden;border-radius:999px;background:var(--chalk-2)}.load-bar span{display:block;height:100%;background:var(--cobalt);transform-origin:left}.load-status{color:var(--ink);font-weight:700}.ticker{padding-block:clamp(.9rem,2vw,1.4rem);background:var(--ink)}.ticker-word{display:inline-flex;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding-right:clamp(1.25rem,3vw,2.5rem);color:var(--white);font-size:clamp(2.6rem,6vw,5rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:1;text-transform:uppercase;white-space:nowrap}.ticker-word.outline{color:transparent;-webkit-text-stroke:1.5px var(--white)}.ticker svg{width:.5em;height:.5em;fill:var(--volt)}.collections{padding-top:clamp(4rem,9vw,7rem)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,1.5vw,1.25rem)}.collection-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(26rem,38vw,34rem);overflow:hidden;padding:clamp(1.25rem,2.5vw,2rem);border-radius:20px;text-decoration:none}.tile-0{background:var(--cobalt);color:var(--white)}.tile-1{background:var(--volt);color:var(--ink)}.tile-2{background:var(--ink);color:var(--white)}.tile-art{position:absolute;top:clamp(1.25rem,2.5vw,2rem);left:clamp(1.25rem,2.5vw,2rem);right:12%;rotate:-4deg;transition:transform .6s var(--ease),rotate .6s var(--ease)}.collection-tile:hover .tile-art{rotate:-1deg;transform:translateY(-8px) scale(1.04)}.tile-art .shot-frame{box-shadow:0 24px 40px -20px #00000080}.tile-text{position:relative}.tile-text h3{color:inherit;font-size:clamp(3rem,5.5vw,4.75rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.85;text-transform:uppercase}.tile-text p{max-width:30ch;margin-top:.75rem;font-size:.9375rem}.tile-cta{display:inline-block;margin-top:1rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.featured{padding-block:clamp(4rem,9vw,7rem)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:clamp(2rem,4vw,3rem) clamp(.75rem,1.5vw,1.25rem)}.product-card{display:grid;align-content:start;color:inherit;text-decoration:none}.card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:16px;background:var(--chalk-2)}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16% 9%;transition:opacity .45s ease,transform .7s var(--ease)}.card-img .shot{width:100%}.card-img .shot-body{aspect-ratio:4 / 3}.card-img.alt{opacity:0;background:#dfe3fb}.card-img .card-devices{width:118%;max-width:none;height:auto}.tile-art.devices img{display:block;width:100%;height:auto}.product-card:hover .card-img:not(.alt){opacity:0}.product-card:hover .card-img.alt{opacity:1}.product-card:hover .card-img{transform:scale(1.04)}.card-badge{position:absolute;z-index:2;top:.9rem;left:.9rem;padding:.3rem .75rem;border-radius:999px;background:var(--white);color:var(--ink);font-size:.75rem;font-weight:700}.badge-client-work{background:var(--cobalt);color:var(--white)}.badge-in-progress{background:var(--volt);color:var(--ink)}.badge-contract{background:var(--ink);color:var(--white)}.card-info{padding-top:1rem}.card-info h3{font-size:1.1875rem;font-weight:800;line-height:1.2}.card-type{margin-top:.2rem;color:var(--ink-faint);font-size:.875rem}.card-summary{display:-webkit-box;margin-top:.6rem;overflow:hidden;font-size:.9375rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.85rem;font-size:.875rem}.card-foot span:first-child{color:var(--ink);font-weight:700}.card-cta{color:var(--cobalt);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}.specs{background:var(--cobalt);color:var(--white)}.specs-inner{width:min(var(--max),100% - var(--gutter) * 2);margin-inline:auto;padding-block:clamp(4rem,9vw,6.5rem)}.specs .display-title{color:var(--white)}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(2rem,5vw,3.5rem) 0 0}.spec-grid div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.75rem;padding:0 clamp(1rem,2vw,1.75rem);border-left:1px solid rgb(255 255 255 / .3)}.spec-grid div:first-child{padding-left:0;border-left:0}.spec-grid dd{margin:0;color:var(--volt);font-size:clamp(3.5rem,7vw,6.5rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.85;font-variant-numeric:tabular-nums}.spec-grid dt{max-width:22ch;font-size:.9375rem;font-weight:600}.industries{padding-block:clamp(4rem,9vw,7rem) clamp(2rem,5vw,3rem)}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.25rem,2.5vw,2rem);margin:0;padding:0;list-style:none}.industry-grid li{padding-top:1rem;border-top:4px solid var(--ink)}.industry-grid h3{font-size:clamp(1.75rem,2.8vw,2.4rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.95;text-transform:uppercase}.industry-grid p{margin-top:.75rem;font-size:.9375rem}.about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,6rem);padding-block:clamp(4rem,9vw,7rem)}.about-copy{display:grid;justify-items:start;gap:1.25rem}.about-copy p{max-width:36rem;font-size:1.125rem}.skill-list{align-self:end;margin:0}.skill-list div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding-block:.9rem;border-top:1px solid var(--line)}.skill-list dt{color:var(--ink);font-weight:800}.skill-list dd{margin:0}.site-footer{overflow:hidden;background:var(--ink);color:#ffffffd1}.site-footer>*{width:min(var(--max),100% - var(--gutter) * 2);margin-inline:auto}.footer-cta{padding-block:clamp(4rem,9vw,6.5rem) clamp(3rem,6vw,4.5rem)}.footer-cta .display-title{color:var(--white);font-size:clamp(3rem,8vw,7rem)}.footer-cta p{margin-top:1.25rem;font-size:1.125rem}.footer-email{display:inline-block;margin-top:1.5rem;color:var(--volt);font-size:clamp(1.5rem,4.5vw,3.5rem);font-style:italic;font-weight:800;font-variation-settings:"wdth" 80;text-decoration-thickness:.06em;text-underline-offset:.15em;overflow-wrap:anywhere}.footer-email:hover{color:var(--white)}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-block:2.5rem;border-top:1px solid rgb(255 255 255 / .18)}.footer-cols nav{display:grid;align-content:start;gap:.5rem}.footer-cols h3{margin-bottom:.4rem;color:var(--volt);font-size:.875rem;font-weight:800}.footer-cols a{color:var(--white);font-size:.9375rem;text-decoration:none}.footer-cols a:hover{text-decoration:underline}.site-footer>.footer-mark{width:auto;margin:0;color:transparent;font-size:calc((100vw - var(--gutter) * 2) * .165);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.8;text-align:center;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:1px rgb(255 255 255 / .3);pointer-events:none;-webkit-user-select:none;user-select:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.site-footer>.footer-mark{animation:mark-slide linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}@keyframes mark-slide{0%{translate:-12% 0}}.footer-legal{padding-block:1.5rem 2rem;font-size:.8125rem}.resume-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.resume-actions{display:flex;flex-wrap:wrap;gap:.75rem}.resume-frame{display:block;width:100%;height:calc(100vh - var(--header-h) - 4rem);min-height:32rem;border:2px solid var(--ink);border-radius:1rem;background:var(--white)}.resume-fallback{display:grid;place-content:center;justify-items:center;gap:1rem;height:100%;padding:2rem 1rem;text-align:center}@media(max-width:560px){.resume-actions,.resume-actions .btn{width:100%}.resume-frame{min-height:24rem}}.collection-page{padding-block:clamp(2rem,5vw,3.5rem) clamp(4rem,9vw,7rem)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;color:var(--ink-faint);font-size:.875rem}.breadcrumb a{color:var(--ink);font-weight:600}.collection-head .display-title{font-size:clamp(3rem,9vw,7.5rem)}.collection-head p{max-width:40rem;margin-top:1rem;font-size:1.125rem}.filter-bar{position:sticky;top:var(--header-h);z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:clamp(1.75rem,4vw,2.5rem);padding-block:.85rem;border-bottom:1px solid var(--line);background:var(--chalk)}.chip{display:inline-flex;gap:.4rem;align-items:center;padding:.5rem 1.05rem;border:1.5px solid var(--ink);border-radius:999px;color:var(--ink);font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease}.chip span{color:var(--ink-faint);font-weight:600}.chip:hover{background:var(--chalk-2)}.chip.is-active{background:var(--ink);color:var(--white)}.chip.is-active span{color:var(--volt)}.result-count{margin-left:auto;color:var(--ink-faint);font-size:.875rem}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.drawer-root.is-open{pointer-events:auto}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1214188c;opacity:0;transition:opacity .35s ease}.is-open .drawer-scrim{opacity:1}.drawer{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(430px,100%);background:var(--white);transform:translate(100%);transition:transform .45s var(--ease)}.is-open .drawer{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem 1rem 1.5rem;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:1.9rem;font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;text-transform:uppercase}.drawer-empty{flex:1;padding:1.5rem}.drawer-lines{flex:1;margin:0;padding:.5rem 1.5rem;overflow-y:auto;list-style:none}.drawer-line{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:1rem;padding-block:1.1rem;border-bottom:1px solid var(--line)}.line-thumb{position:relative;height:5.5rem;border-radius:12px;background:var(--chalk-2)}.line-thumb:before{content:"";position:absolute;left:50%;top:22%;width:1.4rem;height:3.4rem;border-radius:6px 6px 8px 8px;background:var(--bottle);box-shadow:0 -.55rem 0 -.2rem var(--ink),inset 0 0 0 1px #1214181f;translate:-50% 0}.line-name{color:var(--ink);font-weight:700}.line-variant{color:var(--ink-faint);font-size:.875rem}.line-price{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.qty{display:inline-flex;align-items:center;margin-top:.6rem;border:1.5px solid var(--line);border-radius:999px}.qty button{width:2.1rem;height:2.1rem;border:0;border-radius:50%;background:none;color:var(--ink);font-size:1.1rem;cursor:pointer}.qty button:hover{background:var(--chalk-2)}.qty span{min-width:1.6rem;color:var(--ink);font-weight:700;text-align:center}.drawer-foot{padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--line)}.drawer-subtotal{display:flex;justify-content:space-between;color:var(--ink);font-size:1.125rem;font-weight:700}.drawer-note{margin-block:.6rem 1.1rem;color:var(--ink-faint);font-size:.875rem}@media(prefers-reduced-motion:no-preference){[data-reveal=rise]{transition:opacity .7s ease,transform .8s var(--ease)}[data-reveal=rise]:not(.is-in){opacity:0;transform:translateY(32px)}[data-reveal=wipe]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:3;background:var(--chalk);transform-origin:top;transition:transform 1s var(--ease);transition-delay:inherit}[data-reveal=wipe].is-in:after{transform:scaleY(0)}.collection-grid>:nth-child(2),.product-grid>:nth-child(4n+2),.spec-grid>:nth-child(2),.industry-grid>:nth-child(2){transition-delay:90ms}.collection-grid>:nth-child(3),.product-grid>:nth-child(4n+3),.spec-grid>:nth-child(3),.industry-grid>:nth-child(3){transition-delay:.18s}.product-grid>:nth-child(4n+4),.spec-grid>:nth-child(4),.industry-grid>:nth-child(4){transition-delay:.27s}}.shot{margin:0}.shot-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--white)}.shot-chrome{display:flex;align-items:center;gap:1rem;height:2.2rem;padding:0 .9rem;border-bottom:1px solid var(--line);background:var(--chalk)}.shot-dots{display:flex;gap:.35rem}.shot-dots i{width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--line)}.shot-url{flex:0 1 16rem;margin-inline:auto;padding:.2rem .7rem;border-radius:999px;background:var(--white);color:var(--ink-faint);font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-body{position:relative;aspect-ratio:16 / 9}.shot-body img{width:100%;height:100%;object-fit:cover}.shot-tag{position:absolute;right:.8rem;bottom:.7rem;padding:.2rem .6rem;border-radius:999px;background:var(--ink);color:var(--white);font-size:.75rem;font-weight:600}.shot figcaption{margin-top:.75rem;color:var(--ink-faint);font-size:.875rem}.wf{--wf-fill: #ececE6;--wf-fill-2: #dadad2;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:5%;padding:5%}.wf-line{display:block;flex-shrink:0;height:.45rem;border-radius:99px;background:var(--wf-fill)}.wf-line.strong{height:.7rem;background:var(--wf-fill-2)}.wf-box{display:block;border-radius:8px;background:var(--wf-fill)}.wf-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wf-nav-links{display:flex;gap:.75rem}.wf-pdp{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;min-height:0}.wf-media{min-height:3rem;height:100%;background:linear-gradient(160deg,#e6e9fb,#c9d0fb)}.wf-stack{display:flex;flex-direction:column;gap:.8rem;min-width:0}.wf-swatches,.wf-pills,.wf-thumbs{display:flex;gap:.5rem}.wf-swatches i{width:1.2rem;aspect-ratio:1;border-radius:50%;background:var(--wf-fill-2)}.wf-swatches i:nth-child(1){background:var(--cobalt);box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--ink)}.wf-swatches i:nth-child(2){background:var(--volt)}.wf-pills i{width:2.8rem;height:1.4rem;border:1.5px solid var(--wf-fill-2);border-radius:999px}.wf-cta{flex-shrink:0;height:2.1rem;border-radius:999px;background:var(--ink)}.wf-accordion{display:grid;gap:.45rem;margin-top:auto}.wf-accordion i{display:block;height:1.3rem;border-bottom:1px solid var(--wf-fill-2)}.wf-gallery{display:grid;grid-template-rows:1fr auto;gap:.6rem;min-height:0}.wf-thumbs i{flex:1;height:2.2rem;border-radius:6px;background:var(--wf-fill)}.wf-banner{flex:0 0 26%;display:grid;gap:.6rem;align-content:center;justify-items:center;border-radius:10px;background:var(--cobalt)}.wf-banner .wf-line{background:#ffffff8c}.wf-banner .wf-line.strong{background:var(--volt)}.wf-grid-4{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:3%;min-height:0}.wf-card{display:flex;flex-direction:column;gap:.5rem;min-height:0}.wf-thumb{flex:1;min-height:2rem}.wf-figma,.wf-dashboard{flex-direction:row;gap:0;padding:0}.wf-panel,.wf-side{flex:0 0 16%;display:flex;flex-direction:column;gap:.8rem;padding:4% 2.5%;background:var(--chalk)}.wf-side{flex-basis:18%;border-right:1px solid var(--line)}.wf-panel:first-child{border-right:1px solid var(--line)}.wf-panel:last-child{border-left:1px solid var(--line)}.wf-canvas{flex:1;display:flex;align-items:center;justify-content:center;gap:6%;padding:5%;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:14px 14px}.wf-frame{display:flex;flex-direction:column;gap:.6rem;width:42%;height:85%;padding:3%;border:1.5px solid var(--cobalt);border-radius:4px;background:var(--white)}.wf-frame.small{width:22%;height:70%}.wf-frame .wf-media{flex:1}.wf-main{flex:1;display:flex;flex-direction:column;gap:5%;min-width:0;padding:4%}.wf-kpis{flex:0 0 20%;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.wf-split{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:4%;min-height:0}.wf-plot{position:relative;overflow:hidden;background-color:#f6f6f2;background-image:linear-gradient(var(--wf-fill) 1px,transparent 1px),linear-gradient(90deg,var(--wf-fill) 1px,transparent 1px);background-size:100% 25%,12.5% 100%}.wf-plot.tall{flex:1}.wf-wave{position:absolute;top:15%;right:0;bottom:10%;left:0;width:100%;height:75%;fill:none;stroke:var(--cobalt);stroke-width:2.5;vector-effect:non-scaling-stroke}.wf-wave.alt{stroke:var(--ink-faint);stroke-width:1.5}.wf-controls{display:flex;flex-direction:column;justify-content:space-around;gap:.6rem}.wf-slider{display:block;height:.35rem;border-radius:99px;background:var(--wf-fill)}.wf-slider i{display:block;height:100%;border-radius:inherit;background:var(--cobalt)}.wf-mobile{flex-direction:row;align-items:center;justify-content:center;gap:6%}.wf-phone{display:flex;flex-direction:column;gap:.7rem;height:92%;aspect-ratio:9 / 18;padding:1rem .8rem;border:1.5px solid var(--ink);border-radius:1.2rem;background:var(--white)}.wf-phone.offset{overflow:hidden;padding:0;transform:translateY(6%)}.wf-phone .wf-media{flex:1}.wf-burger{display:grid;gap:3px}.wf-burger i{display:block;width:.9rem;height:1.5px;background:var(--ink)}.wf-drawer{display:flex;flex-direction:column;gap:.9rem;width:78%;height:100%;padding:1rem .8rem;background:var(--chalk);box-shadow:12px 0 24px #12141826}.wf-pipeline{flex-direction:row;align-items:center;justify-content:center;gap:3.5%;padding:6%;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px}.pipe-node{position:relative;flex:1;display:grid;gap:.35rem;padding:clamp(.7rem,1.6vw,1.1rem);border:1.5px solid var(--line);border-radius:12px;background:var(--white)}.pipe-node.accent{border-color:var(--cobalt)}.pipe-node+.pipe-node:before{content:"";position:absolute;right:100%;top:50%;width:3.5vw;max-width:2.6rem;height:2px;background:var(--ink)}.pipe-step{color:var(--ink-faint);font-size:clamp(.62rem,.9vw,.75rem)}.pipe-title{color:var(--ink);font-size:clamp(.75rem,1.3vw,.95rem);font-weight:700;line-height:1.3}.pipe-note{color:var(--cobalt);font-size:clamp(.62rem,.9vw,.75rem);font-weight:700}.card-img .wf-pipeline,.tile-art .wf-pipeline{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:.5rem;padding:.9rem}.card-img .pipe-node+.pipe-node:before,.tile-art .pipe-node+.pipe-node:before{display:none}.card-img .pipe-node,.tile-art .pipe-node{padding:.5rem .6rem}.read-progress{position:fixed;inset:0 0 auto;z-index:45;height:4px;background:var(--cobalt);transform-origin:left}.post-header{padding-block:clamp(2.5rem,6vw,4rem) clamp(2rem,4vw,3rem)}.post-header .display-title{max-width:14ch;font-size:clamp(3rem,8vw,7rem)}.post-header .card-badge{position:static;display:inline-block;margin-left:.3em;font-size:.875rem;font-style:normal;font-variation-settings:"wdth" 100;vertical-align:.6em;text-transform:none}.post-dek{max-width:40rem;margin-top:1.5rem;color:var(--ink);font-size:1.3rem;line-height:1.5}.byline{margin-top:1.25rem;color:var(--ink-faint);font-size:.875rem}.post-cover .shot-frame{border-radius:20px}.post-layout{display:grid;grid-template-columns:230px minmax(0,44rem);justify-content:center;gap:clamp(2.5rem,6vw,5.5rem);padding-top:clamp(3rem,7vw,5rem)}.post-aside{position:sticky;top:calc(var(--header-h) + 1.5rem);align-self:start;display:grid;gap:2rem}.aside-title{font-size:.875rem;font-weight:800}.toc ol{margin:.75rem 0 0;padding:0;list-style:none;border-left:2px solid var(--line)}.toc a{display:block;margin-left:-2px;padding:.4rem 0 .4rem .9rem;border-left:2px solid transparent;color:var(--ink-soft);font-size:.875rem;line-height:1.4;text-decoration:none;transition:color .2s ease,border-color .2s ease}.toc a:hover{color:var(--ink)}.toc a.active{border-left-color:var(--cobalt);color:var(--cobalt);font-weight:700}.post-facts{margin:0}.post-facts div{padding-block:.7rem;border-top:1px solid var(--line)}.post-facts dt{color:var(--ink-faint);font-size:.8125rem}.post-facts dd{margin:.15rem 0 0;color:var(--ink);font-size:.9375rem;font-weight:600}.prose{min-width:0;color:var(--ink);font-size:1.125rem;line-height:1.7}.prose h2{margin-top:3.25rem;font-size:clamp(2rem,4vw,2.75rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.95;text-transform:uppercase;scroll-margin-top:calc(var(--header-h) + 1.5rem)}.prose h2:first-child{margin-top:0}.prose p{margin-top:1rem}.prose>ul{margin:1rem 0 0;padding:0;list-style:none}.prose>ul>li{position:relative;padding:.3rem 0 .3rem 1.6rem}.prose>ul>li:before{content:"";position:absolute;left:0;top:.95rem;width:.7rem;height:.3rem;border-radius:2px;background:var(--cobalt);rotate:-12deg}.prose code{padding:.05rem .35rem;border-radius:5px;background:var(--chalk-2);font-family:var(--mono);font-size:.85em}.prose-figure{margin-block:2.25rem}.callout{margin-top:1.75rem;padding:1.25rem 1.5rem;border-radius:16px;background:var(--cobalt);color:var(--white)}.callout-title{color:var(--volt);font-size:.875rem;font-weight:800}.callout p:not(.callout-title){margin-top:.4rem;font-size:1.0625rem;line-height:1.6}.code-block{position:relative;margin:1.5rem 0 0;padding:2.3rem 1.35rem 1.35rem;overflow-x:auto;border-radius:14px;background:var(--ink);font-size:.875rem;line-height:1.75}.code-block:before{content:attr(data-lang);position:absolute;top:.75rem;left:1.35rem;color:var(--volt);font-size:.8125rem;font-weight:700}.code-block code{padding:0;background:none;color:var(--white);font-size:inherit}.stats{display:grid;grid-template-columns:repeat(2,1fr);margin:1.75rem 0 0;overflow:hidden;border-radius:16px}.stats div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.4rem;padding:1.35rem 1.5rem;background:var(--chalk-2)}.stats div:nth-child(4n+2),.stats div:nth-child(4n+3){background:var(--ink)}.stats dd{margin:0;color:var(--ink);font-size:clamp(2.8rem,6vw,4rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.9}.stats div:nth-child(4n+2) dd,.stats div:nth-child(4n+3) dd{color:var(--volt)}.stats dt{font-size:.875rem;font-weight:600}.stats div:nth-child(4n+2) dt,.stats div:nth-child(4n+3) dt{color:var(--white)}.post-pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:clamp(4rem,9vw,6rem)}.pager-link{display:grid;align-content:start;gap:.4rem;padding:1.5rem;border-radius:18px;background:var(--chalk-2);color:var(--ink);text-decoration:none;transition:background-color .25s ease,color .25s ease}.pager-link.next{background:var(--cobalt);color:var(--white);text-align:right}.pager-dir{font-size:.875rem;font-weight:600}.pager-title{color:inherit;font-size:clamp(1.6rem,3vw,2.4rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.95;text-transform:uppercase}.pager-link:hover{background:var(--ink);color:var(--white)}.diagram{margin:0;container-type:inline-size}.diagram figcaption{margin-top:.75rem;color:var(--ink-faint);font-size:.875rem;line-height:1.5}.dd{--dd-pad: clamp(1rem, 3cqi, 1.75rem);position:relative;border-radius:20px;font-size:.9375rem;line-height:1.4}.dd svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dd ol,.dd ul{margin:0;padding:0;list-style:none}.dd p{margin:0}.dd-board{padding:var(--dd-pad);background-color:var(--ink);background-image:radial-gradient(rgb(255 255 255 / .09) 1px,transparent 1px);background-size:18px 18px;color:var(--white)}.board-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.25rem,4cqi,2.25rem);font-family:var(--mono);font-size:.75rem}.board-path{color:#fff9}.board-live{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .7rem;border:1px solid rgb(216 255 60 / .4);border-radius:999px;color:var(--volt);white-space:nowrap}.board-live i{width:.5rem;aspect-ratio:1;border-radius:50%;background:var(--volt)}.arch-flow{display:grid;gap:1.5rem}.arch-node{position:relative;display:grid;grid-template-columns:2.2rem 1fr;column-gap:.75rem;padding:.85rem 1rem;border:1px solid rgb(255 255 255 / .16);border-radius:12px;background:#ffffff0d}.arch-num{grid-row:span 2;color:#ffffff73;font-family:var(--mono);font-size:.75rem;line-height:1.8}.arch-title{color:var(--white);font-weight:800}.arch-note{color:#ffffffa6;font-size:.8125rem}.arch-node.hot{border-color:var(--volt);background:var(--volt)}.arch-node.hot .arch-num,.arch-node.hot .arch-title,.arch-node.hot .arch-note{color:var(--ink)}.arch-node:not(:last-child):after{content:"";position:absolute;left:1.95rem;top:100%;width:2px;height:1.5rem;background:repeating-linear-gradient(to bottom,var(--volt) 0 5px,transparent 5px 10px);background-size:100% 20px}@container (min-width: 820px){.arch-flow{grid-template-columns:repeat(6,1fr);gap:1.6rem}.arch-node{grid-template-columns:1fr;align-content:start;gap:.3rem;min-height:9.5rem;padding:1rem}.arch-num{grid-row:auto}.arch-title{margin-top:2.25rem;font-size:1.0625rem;line-height:1.2}.arch-node:not(:last-child):after{left:100%;top:50%;width:1.6rem;height:2px;background:repeating-linear-gradient(to right,var(--volt) 0 5px,transparent 5px 10px);background-size:20px 100%}}.dd-perf{display:grid;gap:.75rem}@container (min-width: 600px){.dd-perf{grid-template-columns:1fr 1fr}}.perf-panel{display:flex;flex-direction:column;gap:1rem;padding:var(--dd-pad);border-radius:16px;background:var(--chalk-2);color:var(--ink)}.perf-panel.after{background:var(--ink);color:var(--white)}.perf-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.perf-tag{font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.perf-time{color:var(--ink);font-size:clamp(2.2rem,8cqi,3rem);font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;line-height:.9}.after .perf-time{color:var(--volt)}.perf-fan{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem}.perf-box,.perf-chain li{padding:.5rem .7rem;border-radius:8px;background:var(--white);color:var(--ink);font-size:.8125rem;font-weight:700}.dd .perf-queries{display:grid;gap:.4rem;padding-left:.75rem;border-left:2px solid var(--ink)}.perf-queries li{display:grid;grid-template-columns:minmax(0,1fr) 1.25rem auto;align-items:center;gap:.4rem;font-size:.75rem}.perf-q{overflow:hidden;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap}.perf-arrow{height:2px;background:var(--ink)}.perf-table{padding:.2rem .5rem;border:1.5px dashed var(--ink-faint);border-radius:6px;color:var(--ink);font-weight:600}.perf-chain{display:grid;justify-items:start;gap:1rem}.perf-chain li{position:relative;background:#ffffff1a;color:var(--white)}.perf-chain li:not(:last-child):after{content:"";position:absolute;left:1.1rem;top:calc(100% + .15rem);width:2px;height:.7rem;background:var(--volt)}.perf-dag{display:grid;gap:.75rem;padding:.8rem;border:1.5px dashed rgb(255 255 255 / .3);border-radius:12px}.perf-dag-label,.arch-dag{font-family:var(--mono);font-size:.6875rem}.perf-dag-label{color:#ffffffa6}.perf-read{position:relative;justify-self:start;margin-left:.8rem;padding:.5rem .7rem;border-radius:8px;background:var(--volt);color:var(--ink);font-size:.8125rem;font-weight:700}.perf-read:before{content:"";position:absolute;left:1.1rem;bottom:calc(100% + 1px);width:2px;height:.75rem;background:var(--volt)}.arch-dag{position:absolute;top:.85rem;right:1rem;line-height:1.5;padding:.1rem .45rem;border:1px solid currentColor;border-radius:999px}.perf-meter{display:block;height:6px;margin-top:auto;overflow:hidden;border-radius:999px;background:#1214181f}.after .perf-meter{background:#ffffff24}.perf-meter i{display:block;height:100%;border-radius:inherit;background:var(--ink);transform-origin:left}.after .perf-meter i{background:var(--volt)}.perf-note{font-size:.8125rem;line-height:1.45}.after .perf-note{color:#ffffffbf}.dd-trace{padding:var(--dd-pad);border:1px solid var(--line);background:var(--white)}.dd .trace-dir{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;color:var(--ink-faint);font-family:var(--mono);font-size:.75rem}.trace-dir i{position:relative;flex:0 1 5rem;height:2px;background:var(--ink-faint)}.trace-dir i:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-right:0;border-left:7px solid var(--ink-faint)}.trace-list{display:grid;gap:.6rem}.trace-step{position:relative;display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.85rem;padding:.75rem .9rem;border-radius:12px;background:var(--chalk)}.trace-icon{display:grid;place-items:center;width:2.25rem;aspect-ratio:1;border-radius:50%;background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.trace-step.ok .trace-icon{background:var(--cobalt);color:var(--white);box-shadow:none}.trace-text{display:grid;min-width:0}.trace-stage{color:var(--ink);font-weight:800}.trace-finding{color:var(--ink-soft);font-size:.8125rem}.trace-verdict{padding:.2rem .6rem;border-radius:999px;background:var(--white);color:var(--ink);font-size:.75rem;font-weight:700;white-space:nowrap}.trace-step.gap{background:var(--ink)}.trace-step.gap .trace-icon{background:var(--volt);color:var(--ink);box-shadow:none}.trace-step.gap .trace-stage{color:var(--white)}.trace-step.gap .trace-finding{color:#ffffffb3}.trace-step.gap .trace-verdict{background:var(--volt)}@container (max-width: 460px){.trace-step{grid-template-columns:2.25rem 1fr}.trace-verdict{grid-column:2;justify-self:start}}.dd-dash{padding:var(--dd-pad);border:1px solid var(--line);background:var(--white);color:var(--ink)}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dash-title{font-size:1.125rem;font-weight:800}.dash-badge{padding:.25rem .65rem;border-radius:999px;background:var(--volt);color:var(--ink);font-family:var(--mono);font-size:.6875rem;white-space:nowrap}.dash-filters{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.1rem}.seg{display:grid;gap:.35rem}.seg-label{color:var(--ink-faint);font-size:.75rem;font-weight:600}.seg-options{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:999px;background:var(--chalk)}.seg button,.dash-toggle{min-height:2rem;padding:.3rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.seg button:hover{color:var(--ink)}.seg button[aria-checked=true]{background:var(--ink);color:var(--white)}.seg button:focus-visible,.dash-toggle:focus-visible,.bars li:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0 0}.dash-kpis div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.2rem;min-width:0;padding:.8rem .9rem;border-radius:12px;background:var(--chalk)}.dash-kpis div:nth-child(2){background:var(--cobalt);color:var(--white)}.dash-kpis dt{font-size:.75rem;font-weight:600;line-height:1.3}.dash-kpis dd{margin:0;font-size:clamp(1.5rem,6cqi,2.1rem);font-weight:800;line-height:1.1}.dash-chart{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.dash-chart-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dash-chart-title{font-size:.875rem;font-weight:700}.dash-toggle{flex:none;border:1px solid var(--line)}.dash-toggle:hover{border-color:var(--ink);color:var(--ink)}.bars{--name-w: 6.5rem;--tip-room: 2.75rem;position:relative;margin-top:1rem;padding-bottom:1.4rem}.bars-grid{position:absolute;inset:0 var(--tip-room) 0 calc(var(--name-w) + .75rem);pointer-events:none}.bars-grid span{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end;padding-left:.2rem;border-left:1px solid var(--chalk-2);color:var(--ink-faint);font-size:.6875rem;font-variant-numeric:tabular-nums;line-height:1}.bars ul{position:relative;display:grid;gap:.35rem}.bars li{display:grid;grid-template-columns:var(--name-w) 1fr;align-items:center;gap:.75rem;padding:.3rem 0;border-radius:6px}.bar-name{overflow:hidden;color:var(--ink-soft);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.bar-track{position:relative;height:20px;margin-right:var(--tip-room)}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 4px 4px 0;background:var(--cobalt);transform-origin:left;transition:transform .6s var(--ease),filter .2s}.bar-value{position:absolute;top:50%;padding-left:.4rem;color:var(--ink);font-size:.8125rem;font-weight:700;transform:translateY(-50%);transition:left .6s var(--ease)}.bar-tip{position:absolute;bottom:calc(100% + .5rem);z-index:4;display:grid;min-width:11rem;padding:.5rem .7rem;border-radius:8px;background:var(--ink);color:#fffc;font-size:.75rem;line-height:1.4;pointer-events:none;opacity:0;translate:-50% 4px;transition:opacity .15s,translate .15s}.bar-tip strong{color:var(--white)}.bars li:hover .bar-tip,.bars li:focus-visible .bar-tip{opacity:1;translate:-50% 0}.bars li:hover .bar-fill,.bars li:focus-visible .bar-fill{filter:brightness(.8)}.dash-table{width:100%;margin-top:.75rem;border-collapse:collapse;font-size:.8125rem}.dash-table th,.dash-table td{padding:.45rem .5rem;border-bottom:1px solid var(--chalk-2);font-variant-numeric:tabular-nums;text-align:right}.dash-table th:first-child{text-align:left}.dash-table thead th{color:var(--ink-faint);font-size:.75rem;font-weight:600}@container (max-width: 460px){.dash-kpis{grid-template-columns:1fr 1fr}.dash-kpis div:first-child{grid-column:span 2}.bars{--name-w: 4.75rem}}.dd-loop{background-color:var(--cobalt);background-image:radial-gradient(rgb(255 255 255 / .14) 1px,transparent 1px)}.loop-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;counter-reset:loop}@container (min-width: 560px){.loop-flow{grid-template-columns:repeat(3,1fr)}}@container (min-width: 820px){.loop-flow{grid-template-columns:repeat(6,1fr)}}.loop-flow li{display:grid;gap:.15rem;padding:.8rem .9rem;border:1px solid rgb(255 255 255 / .25);border-radius:12px;background:#1214182e;color:var(--white);counter-increment:loop}.loop-title{font-weight:800}.loop-title:before{content:counter(loop,decimal-leading-zero) " ";font-family:var(--mono);font-size:.6875rem;font-weight:400;opacity:.6}.loop-note{font-size:.75rem;opacity:.8}.dd .loop-return{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;color:var(--volt);font-family:var(--mono);font-size:.75rem}.loop-return i{width:1.4rem;height:.9rem;border:2px solid var(--volt);border-bottom:0;border-radius:8px 8px 0 0}@media(prefers-reduced-motion:no-preference){.arch-node:not(:last-child):after{animation:dd-flow-down .8s linear infinite}@container (min-width: 820px){.arch-node:not(:last-child):after{animation-name:dd-flow-right}}.board-live i{animation:dd-pulse 1.6s ease-in-out infinite}.is-in .perf-meter i{animation:dd-load-slow 6s linear infinite}.is-in .after .perf-meter i{animation-name:dd-load-fast;animation-timing-function:var(--ease)}.trace-step{transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(var(--step, 0) * .22s + .25s)}.trace-step:nth-child(2){--step: 1}.trace-step:nth-child(3){--step: 2}.trace-step:nth-child(4){--step: 3}.diagram:not(.is-in) .trace-step{opacity:0;transform:translate(-12px)}.is-in .loop-flow li{animation:dd-loop 6s step-end infinite;animation-delay:calc(var(--i) * 1s)}}@keyframes dd-flow-down{to{background-position:0 20px}}@keyframes dd-flow-right{to{background-position:20px 0}}@keyframes dd-pulse{50%{opacity:.3}}@keyframes dd-load-slow{0%{transform:scaleX(0)}85%,to{transform:scaleX(1)}}@keyframes dd-load-fast{0%{transform:scaleX(0)}6%,to{transform:scaleX(1)}}@keyframes dd-loop{0%{border-color:var(--volt);background:var(--volt);color:var(--ink)}16.66%,to{border-color:#ffffff40;background:#1214182e;color:var(--white)}}.quote-link{flex:none;padding:.55rem 1.1rem;border-radius:999px;background:var(--ink);color:var(--white);font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .2s ease}.quote-link:hover{background:var(--cobalt)}.product-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.two-up .card-media{aspect-ratio:4 / 3}.two-up .card-img{padding:9% 12%}.two-up .card-info h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}.testimonial{background:var(--cobalt);color:var(--white)}.testimonial figure{width:min(62rem,100% - var(--gutter) * 2);margin-inline:auto;padding-block:clamp(4rem,9vw,7rem)}.testimonial blockquote{margin:0}.testimonial blockquote p{color:var(--white);font-size:clamp(1.9rem,4.4vw,3.6rem);font-style:italic;font-weight:800;font-variation-settings:"wdth" 75;line-height:1.02}.testimonial blockquote p:before{content:"“";display:block;height:.55em;color:var(--volt);font-size:2.2em;line-height:1}.testimonial figcaption{margin-top:1.75rem;font-size:1.0625rem}.testimonial figcaption strong{color:var(--volt)}.quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);align-items:start;padding-block:clamp(4rem,9vw,6.5rem) clamp(3rem,6vw,4.5rem)}.quote-copy .display-title{color:var(--white);font-size:clamp(3rem,7vw,6rem)}.quote-copy p{margin-top:1.25rem;font-size:1.125rem}.quote-copy .rate-line{display:inline-block;margin-top:1.75rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--volt);color:var(--ink);font-weight:600}.quote-copy .rate-line strong{font-weight:900}.quote-copy .footer-email{font-size:clamp(1.4rem,3vw,2.25rem)}.quote-form{display:grid;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgb(255 255 255 / .18);border-radius:20px;background:#ffffff0a}.quote-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.field{display:grid;gap:.45rem;min-width:0;margin:0;padding:0;border:0;color:var(--white);font-size:.9375rem;font-weight:700}.field legend{margin-bottom:.45rem;padding:0}.field em{color:#fff9;font-style:normal;font-weight:500}.field input,.field textarea{width:100%;padding:.75rem .9rem;border:1.5px solid rgb(255 255 255 / .3);border-radius:12px;background:#ffffff0f;color:var(--white);font:inherit;font-weight:500;transition:border-color .2s ease,background-color .2s ease}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#ffffff73}.field input:hover,.field textarea:hover{border-color:#ffffff8c}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--volt);outline:none;background:#ffffff1a}.need-pills{display:flex;flex-wrap:wrap;gap:.5rem}.need-pills label{position:relative;padding:.55rem 1rem;border:1.5px solid rgb(255 255 255 / .4);border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.need-pills label:hover{border-color:var(--white)}.need-pills input{position:absolute;opacity:0;pointer-events:none}.need-pills label:has(input:checked){border-color:var(--volt);background:var(--volt);color:var(--ink)}.need-pills label:has(input:focus-visible){outline:3px solid var(--volt);outline-offset:3px}.quote-form .btn{justify-self:start;border:0;font-size:1rem;cursor:pointer}.quote-status:empty{display:none}.quote-status{font-size:.9375rem}.site-footer>.portfolio-line{padding-block:1.5rem;border-top:1px solid rgb(255 255 255 / .18);font-size:1.0625rem}.portfolio-line a{color:var(--volt);font-weight:700}.portfolio-line a:hover{color:var(--white)}@media(max-width:880px){.quote{grid-template-columns:1fr}}@media(max-width:560px){.product-grid.two-up,.quote-row{grid-template-columns:1fr}.quote-link{padding:.5rem .9rem;font-size:.875rem}.quote-form .btn{justify-self:stretch}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1080px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-stage{max-width:38rem}.hero-stripes{left:-10%;top:auto;bottom:14%}.spec-grid{grid-template-columns:repeat(2,1fr);row-gap:2.5rem}.spec-grid div:nth-child(3){padding-left:0;border-left:0}.industry-grid{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:minmax(0,44rem)}.post-aside{position:static;order:2}.toc{display:none}}@media(max-width:880px){.menu-btn{display:inline-grid;margin-left:-.6rem}.store-header-inner{gap:.5rem}.wordmark{flex:1;font-size:1.4rem}.store-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:.5rem var(--gutter) 1.5rem;border-bottom:1px solid var(--line);background:var(--white);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .4s var(--ease),visibility 0s linear .4s}.store-nav.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .4s var(--ease),visibility 0s}.store-nav a{padding-block:.8rem;border-bottom:1px solid var(--line);font-size:1.75rem;font-style:italic;font-weight:900;font-variation-settings:"wdth" 62;text-transform:uppercase;background:none}.store-nav a[aria-current=page]{color:var(--cobalt)}.collection-grid{grid-template-columns:1fr}.collection-tile{justify-content:flex-start;min-height:0}.tile-art{position:relative;inset:auto;width:min(26rem,88%);margin:.5rem 0 2rem}.about{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-grid-4{grid-template-columns:repeat(2,1fr)}.wf-grid-4 .wf-card:nth-child(n+3){display:none}}@media(max-width:560px){.resume-link{display:none}.hero-title{font-size:clamp(3.4rem,17vw,5rem)}.hero-intro{font-size:1.0625rem}.hero-actions .btn{flex:1 1 auto}.product{grid-template-columns:1fr}.product-media{min-height:15rem}.bottle{scale:.8}.bottle.size-500{scale:.68}.spec-grid{grid-template-columns:1fr}.spec-grid div,.spec-grid div:nth-child(3){padding:1.25rem 0 0;border-left:0;border-top:1px solid rgb(255 255 255 / .3)}.spec-grid div:first-child{padding-top:0;border-top:0}.industry-grid{grid-template-columns:1fr}.skill-list div{grid-template-columns:1fr;gap:.2rem}.result-count{width:100%;margin-left:0}.shot-body{aspect-ratio:4 / 3}.shot-tag{display:none}.wf-line{height:.3rem}.wf-line.strong{height:.45rem}.wf-accordion,.wf-thumbs,.wf-nav-links .wf-line:nth-child(n+2){display:none}.wf-pipeline{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:.6rem;padding:1rem}.pipe-node+.pipe-node:before{display:none}.prose{font-size:1.0625rem}.post-pager{grid-template-columns:1fr}.pager-link.next{text-align:left}.footer-cols{grid-template-columns:1fr}}.card-img .shot-tag,.tile-art .shot-tag{display:none}.card-img .pipe-step,.tile-art .pipe-step,.card-img .pipe-note,.tile-art .pipe-note{font-size:.6rem}.card-img .pipe-title,.tile-art .pipe-title{font-size:.72rem}.shot-body img{object-position:top center}.shot-body.fit-full{max-height:min(78vh,760px);aspect-ratio:auto;overflow-y:auto;overscroll-behavior:contain;background:var(--white)}.shot-body.fit-full img{width:100%;max-width:486px;height:auto;margin-inline:auto}.shot-body.embed{aspect-ratio:auto;height:min(78vh,760px);background:var(--white)}.shot-phone{max-width:390px;margin-inline:auto}.shot-phone .shot-frame{border:8px solid var(--ink);border-radius:36px}.shot-phone .shot-body.embed{height:min(78vh,720px)}.shot-body.embed iframe{display:block;width:100%;height:100%;border:0}