@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#171717;background:#f1f1ee;font-synthesis:none;--ink:#171717;--paper:#f1f1ee;--white:#f8f8f6;--mid:#aaa9a4;--mono:'DM Mono',monospace;--display:'Space Grotesk','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #76766e;outline-offset:4px}.site-header{height:82px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 5.55%;background:#111;color:#f4f4f1;border-bottom:1px solid #ffffff1b;position:relative;z-index:3}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end}.brand-mark span{display:block;background:#f5f5f2;border-radius:1px;height:100%}.brand-mark span:nth-child(2){height:69%}.brand-mark span:nth-child(3){height:38%}.brand-name{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.7px}.brand-inc{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.05em;color:#aaa}.main-nav{display:flex;gap:34px;justify-content:center;height:100%;align-items:center}.main-nav a{height:100%;display:grid;align-items:center;font-size:12px;color:#999;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#f2f2ef}.header-shop{justify-self:end;font-size:11px;letter-spacing:.025em;display:flex;align-items:center;gap:13px;color:#ddd}.header-shop>span:first-of-type{font-size:15px}.cart-count{display:grid;place-items:center;width:21px;height:21px;border:1px solid #666;border-radius:50%;font:10px var(--mono);color:#fff}.hero{min-height:670px;background:#111;color:#f4f4f1;padding:97px 9.7% 0;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker,.principle-no,.hero-meta,.hero-bottom,.art-label,.art-index,.visual-tag,.visual-note,.feature-info,.shop-hero-bottom,.sort-wrap label,.product-number,.product-meta,.add-button,.shop-note>div>p,.closing-cta>p,.footer-links,.footer-note{font-family:var(--mono);font-size:9px;letter-spacing:.11em}.eyebrow{color:#bbb;display:flex;align-items:center;gap:10px;margin:5px 0 35px}.eyebrow-line{display:inline-block;width:28px;height:1px;background:#999}.hero h1,.shop-title-row h1{font-family:var(--display);font-size:clamp(74px,8vw,112px);line-height:.88;letter-spacing:-.085em;margin:0;font-weight:500}.hero h1 em,.shop-title-row em,.closing-cta h2 em,.shop-note h2 em{font-style:normal;color:#898984}.hero-description{font-size:14px;line-height:1.8;color:#aaa;max-width:365px;margin:31px 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 18px;font-size:11px;font-weight:600;transition:background .2s,color .2s}.button-light{background:#f3f3f0;color:#171717}.button-light:hover{background:#c8c8c3}.button span{font-size:15px}.text-link{font-size:10px;color:#bbb;display:inline-flex;gap:10px;align-items:center}.text-link span{font-size:14px}.text-link:hover{color:#fff}.hero-meta{display:flex;gap:12px;align-items:center;color:#686864;margin-top:65px;font-size:8px}.meta-dot{font-size:15px}.hero-art{position:relative;min-height:462px;margin:-13px -20px 0 2%;background:radial-gradient(ellipse at 50% 48%,#30302e 0%,#1f1f1e 33%,#111 72%);display:grid;place-items:center}.art-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#686864 1px,transparent 1px),linear-gradient(90deg,#686864 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 0%,transparent 72%)}.art-orbit{position:absolute;width:370px;height:370px;border:1px solid #7777723d;border-radius:50%}.orbit-two{width:290px;height:290px;border-color:#77777238}.art-core{width:182px;height:182px;border:1px solid #bcbcb260;position:relative;display:grid;place-items:center;transform:rotate(-11deg);background:linear-gradient(145deg,#292927,#151514);box-shadow:0 22px 100px #0009,0 0 44px #d3d3c70a}.art-core:before,.art-core:after{content:'';position:absolute;background:#5c5c57}.art-core:before{width:1px;height:250px}.art-core:after{height:1px;width:250px}.core-f{font:500 96px var(--display);color:#e4e4df;z-index:1;transform:rotate(11deg);letter-spacing:-.1em}.core-corner{position:absolute;width:7px;height:7px;background:#e7e7df;z-index:1}.top-left{top:-3px;left:-3px}.top-right{top:-3px;right:-3px}.bottom-left{bottom:-3px;left:-3px}.bottom-right{bottom:-3px;right:-3px}.art-label{position:absolute;color:#92928c;line-height:1.7;font-size:8px}.label-top{top:41px;left:12%}.label-bottom{bottom:37px;left:12%}.art-index{position:absolute;bottom:39px;right:10%;color:#72726e;font-size:8px}.art-cross{position:absolute;color:#aaa;font:15px var(--mono)}.cross-a{top:25%;right:18%}.cross-b{bottom:25%;left:17%}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;color:#777;padding:20px 0;font-size:8px;position:relative;z-index:1}.ticker{height:55px;background:#d6d6d1;overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;gap:32px;align-items:center;white-space:nowrap;min-width:max-content;animation:ticker 30s linear infinite;font:10px var(--mono);letter-spacing:.12em;color:#454541}.ticker-track b{font-size:16px;font-weight:400;color:#878780}@keyframes ticker{to{transform:translateX(-25%)}}.section-wrap{padding-left:9.7%;padding-right:9.7%}.intro{padding-top:111px;padding-bottom:115px}.section-kicker{display:flex;gap:20px;color:#77776f;font-size:9px}.section-kicker span:first-child{color:#181818}.intro-content{display:flex;justify-content:space-between;align-items:end;margin:46px 0 82px}.intro h2,.section-head h2,.shop-note h2{font:500 clamp(46px,6vw,74px)/.95 var(--display);letter-spacing:-.075em;margin:0}.intro h2 span{color:#a3a39c}.intro-aside{display:flex;align-items:end;gap:28px;width:41%}.intro-aside p{font-size:12px;color:#6f6f68;line-height:1.8;max-width:300px;margin:0}.circle-link{width:43px;height:43px;flex-shrink:0;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:all .2s}.circle-link:hover{background:#171717;color:#fff;border-color:#171717}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8c8c2}.principles article{padding:20px 32px 0 0}.principle-no{color:#8a8a83;font-size:8px}.principles h3{font:500 19px var(--display);letter-spacing:-.04em;margin:27px 0 9px}.principles article p{max-width:230px;font-size:11px;color:#77776f;line-height:1.7;margin:0}.featured{background:#e4e4df;padding-top:92px;padding-bottom:107px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-head h2{margin-top:32px}.dark-link{color:#55554f;margin-bottom:4px}.dark-link:hover{color:#111}.featured-grid{display:grid;grid-template-columns:1.24fr 1fr;gap:17px}.feature-card{display:block}.feature-visual{height:355px;position:relative;overflow:hidden;display:grid;place-items:center;background:#222}.visual-system{background:radial-gradient(ellipse at 49% 58%,#4b4b47,#252523 70%)}.visual-tag{position:absolute;top:19px;left:20px;color:#b6b6af;font-size:8px}.window-card{width:64%;height:63%;background:#dadad5;box-shadow:0 20px 50px #0008;transform:rotate(-4deg);padding:0 15px 15px}.window-top{height:30px;border-bottom:1px solid #bdbdb6;display:flex;align-items:center;gap:4px}.window-top i{width:5px;height:5px;border-radius:50%;background:#777}.window-top span{font:7px var(--mono);margin-left:9px;color:#666}.window-content{height:calc(100% - 30px);display:flex;padding-top:14px;gap:13px}.window-sidebar{width:24%;background:linear-gradient(#999 0 5px,transparent 5px 14px,#b5b5af 14px 18px,transparent 18px 28px,#b5b5af 28px 32px,transparent 32px)}.window-main{flex:1;display:flex;flex-direction:column;gap:6px}.window-main span{height:4px;width:55%;background:#a0a09a}.window-main span:nth-child(2){width:85%}.window-main span:nth-child(3){width:71%}.window-block{flex:1;background:linear-gradient(135deg,#b5b5af,#c5c5bf);margin-top:6px}.visual-note{position:absolute;bottom:20px;right:20px;text-align:right;color:#b4b4ad;line-height:1.7;font-size:8px}.feature-info{display:flex;justify-content:space-between;color:#66665f;padding:15px 0;border-bottom:1px solid #bcbcb6;font-size:8px}.feature-card:hover .feature-info{color:#111}.visual-code{background:#111;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:20%;font:16px var(--mono);color:#efefec;gap:9px}.code-line.dim{color:#82827d;font-size:13px}.code-line.indent{padding-left:23px;color:#c1c1ba;font-size:13px}.code-cursor{width:7px;height:15px;background:#e6e6de;position:absolute;margin:85px 0 0 169px;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.visual-index{position:absolute;bottom:19px;right:20px;font:8px var(--mono);color:#7d7d77}.closing-cta{min-height:470px;background:#171717;color:#f3f3f0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:75px 20px;position:relative}.cta-mark{font:500 38px var(--display);letter-spacing:-.1em;position:relative;margin-bottom:23px}.cta-mark span{position:absolute;font-size:15px;right:-15px;top:-3px;color:#8b8b84}.closing-cta>p{color:#8a8a83;font-size:8px;margin:0 0 25px}.closing-cta h2{font:500 clamp(47px,6vw,70px)/.93 var(--display);letter-spacing:-.075em;margin:0 0 29px}.closing-cta h2 em{color:#83837d}.closing-cta .button{min-height:43px}.site-footer{min-height:94px;background:#111;color:#eee;display:flex;align-items:center;justify-content:space-between;padding:22px 5.55%;border-top:1px solid #ffffff1d}.footer-brand .brand-mark{width:21px;height:21px}.footer-brand .brand-name{font-size:15px}.footer-note{color:#777;font-size:8px;letter-spacing:.02em}.footer-links{display:flex;align-items:center;gap:19px;color:#999;font-size:8px;letter-spacing:.03em}.footer-links a:hover{color:#fff}.footer-links span{color:#666;margin-left:6px}

/* Shop */
.shop-page{background:#f3f3f0}.shop-hero{background:#111;color:#f4f4f1;padding:60px 9.7% 25px}.shop-hero .section-kicker{justify-content:space-between;color:#868680;font-size:8px}.shop-hero .section-kicker span:first-child{color:#bbb}.shop-title-row{display:flex;align-items:end;justify-content:space-between;padding:75px 0 72px}.shop-title-row h1{font-size:clamp(72px,9vw,116px)}.shop-title-row p{font-size:12px;line-height:1.8;color:#aaa;max-width:240px;margin:0 0 6px}.shop-hero-bottom{border-top:1px solid #ffffff25;padding-top:18px;display:flex;justify-content:space-between;color:#777;font-size:8px}.shop-toolbar{min-height:77px;padding:0 9.7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d4cf}.filter-list{display:flex;align-items:center;gap:25px}.filter-button{border:0;background:none;padding:8px 0;color:#888;font-size:10px;cursor:pointer;position:relative}.filter-button span{font:8px var(--mono);margin-left:4px;color:#aaa}.filter-button:hover,.filter-button.active{color:#171717}.filter-button.active:after{content:'';position:absolute;bottom:-17px;left:0;right:0;background:#171717;height:2px}.sort-wrap{display:flex;align-items:center;gap:11px}.sort-wrap label{color:#8b8b84;font-size:8px}.sort-wrap select{border:0;background:transparent;color:#222;font-size:10px;padding:5px 18px 5px 0;cursor:pointer}.product-grid{padding:30px 9.7% 90px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:15px;row-gap:34px}.product-card{min-width:0}.product-art{height:auto;aspect-ratio:1.08;position:relative;overflow:hidden;display:grid;place-items:center;background:#e3e3df}.product-number{position:absolute;top:13px;left:13px;color:#898983;font-size:7px;z-index:1}.product-info{padding:13px 2px 0}.product-meta{display:flex;justify-content:space-between;color:#92928a;font-size:7px;letter-spacing:.08em}.product-info h2{font:500 17px var(--display);letter-spacing:-.045em;margin:10px 0 4px}.product-info>p{font-size:10px;color:#77776f;margin:0;min-height:30px;line-height:1.5}.product-buy{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #d4d4ce}.product-price{font:12px var(--mono)}.add-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-size:8px;color:#555;cursor:pointer;padding:4px 0}.add-button span{display:grid;place-items:center;border:1px solid #aaa;border-radius:50%;width:21px;height:21px;font-size:12px;transition:all .2s}.add-button:hover{color:#000}.add-button:hover span{background:#171717;color:#fff;border-color:#171717}.product-art:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #17171709}.mini-window{width:58%;height:51%;display:flex;flex-direction:column;gap:7px;background:#f2f2ef;padding:11px;box-shadow:0 12px 30px #0002;transform:rotate(-5deg)}.mini-window i{height:3px;width:35%;background:#c1c1bb}.mini-window i:first-child{width:22%;background:#777}.mini-window b{height:13px;background:#d0d0ca;margin-top:1px}.mini-window b:nth-of-type(2){width:80%}.art-caption{position:absolute;bottom:15px;right:14px;text-align:right;color:#83837d;font:7px/1.6 var(--mono);letter-spacing:.08em}.art-code{background:#1b1b1a;color:#eee}.code-stamp{font:500 68px var(--display);letter-spacing:-.1em;border:1px solid #666;width:115px;height:115px;display:grid;place-items:center;transform:rotate(-8deg);color:#eee}.art-code .art-caption,.art-api .art-caption{color:#85857f}.icon-matrix{font:26px/1.8 var(--display);color:#383835;letter-spacing:9px}.art-icons{background:#d8d8d3}.landing-shape{width:57%;height:58%;background:#c2c2bc;position:relative;padding:16px;transform:rotate(4deg)}.landing-shape i{display:block;width:38%;height:4px;background:#777;margin:7px 0}.landing-shape i:nth-child(2){width:68%;height:3px;background:#999}.landing-shape b{position:absolute;right:13px;bottom:14px;width:40%;height:40%;background:linear-gradient(135deg,#999,#ddd)}.motion-rings{width:130px;height:130px;position:relative;border:1px solid #666;border-radius:50%;display:grid;place-items:center}.motion-rings i{position:absolute;width:86px;height:86px;border:1px solid #797973;border-radius:50%}.motion-rings i:nth-child(2){width:48px;height:48px}.motion-rings i:nth-child(3){width:9px;height:9px;background:#555}.art-motion{background:#cfcfca}.wire-frame{width:65%;height:60%;border:1px solid #969690;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px;padding:8px;transform:rotate(-4deg)}.wire-frame i{border:1px solid #aaa}.wire-frame b{grid-column:span 2;border:1px solid #aaa}.art-wire{background:#e9e9e5}.dash-frame{width:65%;height:57%;background:#f0f0ed;box-shadow:0 9px 30px #0002;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:20px 1fr 1fr;gap:6px;padding:9px}.dash-frame i{grid-column:span 2;background:#ccc;height:3px}.dash-frame i:nth-child(2){width:70%;background:#999}.dash-frame i:nth-child(3){width:45%}.dash-frame b{background:#d3d3ce}.art-dash{background:#d5d5d0}.type-glyph{font:italic 90px Georgia,serif;letter-spacing:-.12em;color:#333}.art-type{background:#e4e4df}.art-type .art-caption{left:15px;right:auto;text-align:left}.form-frame{width:58%;height:65%;background:#f2f2ef;padding:15px;display:flex;flex-direction:column;gap:11px;box-shadow:0 10px 25px #0002}.form-frame i{height:4px;width:45%;background:#aaa}.form-frame b{height:20px;border:1px solid #c7c7c1}.form-frame b:nth-of-type(2){height:34px}.art-form{background:#deded9}.api-symbol{font:500 52px var(--mono);color:#eee;letter-spacing:-.13em}.art-api{background:#20201f}.texture-orb{width:134px;height:134px;border-radius:50%;background:repeating-radial-gradient(ellipse at 45% 48%,#777 0,#777 1px,#333 2px,#252523 4px,#777 5px);box-shadow:0 8px 28px #0003}.art-texture{background:#bdbdb7}.nav-frame{width:68%;height:50%;background:#ecece9;display:flex;flex-direction:column;gap:10px;padding:14px;box-shadow:0 10px 25px #0002}.nav-frame i{height:4px;width:48%;background:#b3b3ad}.nav-frame i:first-child{width:24%;background:#777}.nav-frame b{height:20px;background:#d3d3ce;margin-top:auto}.art-nav{background:#ddd}.chart-bars{height:45%;width:60%;display:flex;align-items:end;justify-content:center;gap:8px;border-bottom:1px solid #8e8e87}.chart-bars i{display:block;width:13%;background:#85857e;height:45%}.chart-bars i:nth-child(2){height:68%}.chart-bars i:nth-child(3){height:90%;background:#555}.chart-bars i:nth-child(4){height:58%}.chart-bars i:nth-child(5){height:77%}.art-data{background:#d0d0cb}.portfolio-frame{width:62%;height:58%;background:#eee;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 12px 12px;gap:7px;padding:10px;box-shadow:0 9px 25px #0002;transform:rotate(3deg)}.portfolio-frame b{grid-row:span 3;background:#c1c1bb}.portfolio-frame i{background:#b1b1ab}.portfolio-frame i:nth-child(3){width:65%}.art-portfolio{background:#d5d5d0}.note-glyph{font:italic 75px Georgia,serif;color:#333;position:relative}.note-glyph small{font:8px var(--mono);position:absolute;right:-10px;top:5px}.art-notes{background:#e3e3de}.bundle-stack{position:relative;width:130px;height:117px}.bundle-stack i{position:absolute;width:95px;height:72px;border:1px solid #777;background:#ccc}.bundle-stack i:nth-child(1){top:0;left:20px;transform:rotate(9deg)}.bundle-stack i:nth-child(2){top:14px;left:10px;transform:rotate(-6deg);background:#b8b8b2}.bundle-stack i:nth-child(3){top:27px;left:24px;transform:rotate(3deg);background:#444}.bundle-stack b{position:absolute;top:44px;left:51px;font:500 19px var(--display);color:#eee}.art-bundle{background:#d1d1cc}.shop-note{background:#e3e3df;border-top:1px solid #d3d3ce;padding:65px 9.7%;display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:30px}.note-star{font-size:38px;color:#65655f}.shop-note>div>p{color:#84847d;font-size:8px}.shop-note h2{font-size:43px;margin-top:22px}.shop-note>p{font-size:11px;color:#73736c;line-height:1.8;max-width:310px;justify-self:end}.cart-toast{position:fixed;z-index:10;right:25px;bottom:25px;background:#171717;color:#f3f3f0;padding:15px 20px;font-size:11px;box-shadow:0 5px 30px #0003}.cart-toast[hidden]{display:none}
@media(max-width:900px){.site-header{padding:0 5%}.hero{padding-left:7%;padding-right:7%;grid-template-columns:1fr 1fr}.hero-art{margin-right:-15%;margin-left:-7%;transform:scale(.88)}.section-wrap{padding-left:7%;padding-right:7%}.product-grid{padding-left:7%;padding-right:7%;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-hero,.shop-toolbar,.shop-note{padding-left:7%;padding-right:7%}.filter-list{gap:16px}.footer-note{display:none}}
@media(max-width:620px){.site-header{height:68px;grid-template-columns:1fr auto;padding:0 19px}.brand-mark{width:23px;height:23px}.brand-name{font-size:16px}.main-nav{position:absolute;left:50%;transform:translateX(-50%);gap:20px;height:68px}.main-nav a{font-size:10px}.header-shop{font-size:0;gap:7px}.header-shop>span:first-of-type{font-size:15px}.cart-count{font-size:9px}.hero{padding:62px 22px 0;min-height:auto;grid-template-columns:1fr}.hero h1{font-size:78px}.hero-description{font-size:13px;margin-top:25px}.hero-meta{margin-top:38px;font-size:7px}.hero-art{min-height:325px;margin:20px -18px -2px;transform:none}.art-orbit{width:270px;height:270px}.orbit-two{width:205px;height:205px}.art-core{width:137px;height:137px}.core-f{font-size:75px}.label-top{top:25px}.label-bottom{bottom:22px}.hero-bottom{font-size:7px;padding:16px 0}.ticker{height:45px}.ticker-track{font-size:8px;gap:20px}.section-wrap{padding-left:22px;padding-right:22px}.intro{padding-top:75px;padding-bottom:75px}.intro-content{display:block;margin:35px 0 48px}.intro h2,.section-head h2{font-size:55px}.intro-aside{width:100%;margin-top:23px;justify-content:space-between}.intro-aside p{font-size:11px;max-width:275px}.circle-link{width:38px;height:38px}.principles{grid-template-columns:1fr}.principles article{padding:17px 0 18px;border-bottom:1px solid #c8c8c2}.principles h3{font-size:17px;margin:13px 0 5px}.principles article p{max-width:300px}.featured{padding-top:69px;padding-bottom:72px}.section-head{align-items:end;margin-bottom:27px}.section-head h2{font-size:48px;margin-top:25px}.section-head>.text-link{font-size:9px;gap:5px;margin-bottom:3px}.featured-grid{grid-template-columns:1fr;gap:23px}.feature-visual{height:280px}.visual-code{height:235px}.closing-cta{min-height:390px}.closing-cta h2{font-size:53px}.site-footer{padding:22px 19px;flex-wrap:wrap;gap:16px}.footer-brand .brand-name{font-size:14px}.footer-links{gap:12px;font-size:7px}.footer-links span{margin-left:0}.shop-hero{padding:40px 22px 21px}.shop-hero .section-kicker{font-size:7px}.shop-title-row{padding:54px 0 44px;display:block}.shop-title-row h1{font-size:77px}.shop-title-row p{margin-top:25px;font-size:11px;max-width:255px}.shop-hero-bottom{font-size:7px}.shop-toolbar{padding:13px 22px;display:block}.filter-list{gap:17px;overflow:auto;white-space:nowrap;padding-bottom:13px}.filter-button{font-size:9px}.filter-button.active:after{bottom:-13px}.sort-wrap{justify-content:flex-end}.sort-wrap select{font-size:9px}.product-grid{padding:22px 22px 60px;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.product-art{aspect-ratio:.95}.product-info h2{font-size:15px}.product-info>p{font-size:9px}.product-meta{font-size:6px}.product-buy{margin-top:8px}.shop-note{padding:42px 22px;grid-template-columns:37px 1fr;gap:16px}.note-star{font-size:29px}.shop-note h2{font-size:37px;margin-top:16px}.shop-note>p{grid-column:2;justify-self:start;font-size:10px;margin:0}.cart-toast{right:14px;bottom:14px;left:14px;text-align:center}}
@media(max-width:360px){.brand{gap:7px}.brand-name{font-size:14px}.main-nav{gap:14px}.hero h1{font-size:69px}.product-grid{padding-left:15px;padding-right:15px}.product-info h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.product-card{position:relative;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease;}
.product-art{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease;}
.product-info h2,.product-price,.add-button{transition:color .22s ease;}
@media(hover:hover){.product-card:hover,.product-card:focus-within{transform:translateY(-6px);z-index:1;box-shadow:0 16px 30px #17171713;}.product-card:hover .product-art,.product-card:focus-within .product-art{transform:scale(1.018);filter:contrast(1.035);}.product-card:hover .product-info h2,.product-card:focus-within .product-info h2{color:#66665f}.product-card:hover .product-price,.product-card:focus-within .product-price{color:#66665f}.product-card:hover .product-buy{border-color:#aaa9a2}.product-card:hover .add-button span,.product-card:focus-within .add-button span{background:#171717;color:#fff;border-color:#171717}}
@media(prefers-reduced-motion:reduce){.product-card,.product-art,.product-info h2,.product-price,.add-button{transition:none!important}.product-card:hover,.product-card:focus-within,.product-card:hover .product-art,.product-card:focus-within .product-art{transform:none}}
.product-open{display:grid;width:100%;padding:0;border:0;border-radius:2px;cursor:pointer;text-align:initial;color:inherit;font:inherit}.product-open:focus-visible{outline-offset:3px}.product-title{display:block;border:0;background:none;text-align:left;color:#171717;font:500 17px var(--display);letter-spacing:-.045em;padding:0;margin:10px 0 4px;cursor:pointer}.product-title:hover{color:#66665f}.product-title:focus-visible{outline-offset:2px}
.product-dialog{padding:0;border:1px solid #d9d9d3;border-radius:10px;background:#f7f7f4;color:#171717;width:min(790px,calc(100% - 32px));max-width:none;max-height:min(620px,calc(100% - 32px));grid-template-columns:1.02fr .98fr;gap:0;overflow:hidden;box-shadow:0 30px 100px #0005}.product-dialog[open]{display:grid;animation:dialog-enter .22s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.product-dialog::backdrop{background:#10100edb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;z-index:3;right:15px;top:15px;width:34px;height:34px;border:1px solid #d0d0c9;background:#f7f7f4;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s}.dialog-close:hover{background:#171717;color:#fff}.dialog-art{aspect-ratio:1;align-self:center;margin:34px;overflow:hidden;border-radius:4px}.dialog-copy{padding:55px 43px 38px 20px;display:flex;flex-direction:column;justify-content:center}.dialog-meta{font:8px var(--mono);letter-spacing:.1em;color:#83837c;margin:0 0 17px}.dialog-copy h2{font:500 clamp(26px,4vw,39px)/1 var(--display);letter-spacing:-.06em;margin:0}.dialog-description{font-size:12px;line-height:1.8;color:#686861;margin:17px 0 30px}.dialog-buy-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8d8d2;padding-top:16px}.dialog-price{font:16px var(--mono)}.buy-now-button{border:0;background:#171717;color:#f3f3f0;padding:13px 17px;font-size:10px;display:flex;gap:16px;align-items:center;cursor:pointer;transition:background .2s}.buy-now-button:hover{background:#575750}.buy-now-button span{font-size:14px}.dialog-note{font:7px var(--mono);letter-spacing:.06em;color:#888;margin:14px 0 0}.product-dialog .product-number{font-size:8px}
@media(max-width:620px){.product-dialog[open]{display:flex;flex-direction:column}.product-dialog{width:min(430px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto}.dialog-art{flex:0 0 auto;width:calc(100% - 36px);margin:18px 18px 0;aspect-ratio:1.3}.dialog-copy{padding:22px 23px 24px}.dialog-description{margin:12px 0 21px}.product-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){.product-dialog[open]{animation:none}}
.main-nav a:after{transition:transform .25s ease,opacity .25s ease;transform:scaleX(0);transform-origin:left;opacity:.65}.main-nav a.active:after{transform:scaleX(1);opacity:1}.main-nav a:hover:after{transform:scaleX(1);opacity:.7}.header-shop,.text-link,.circle-link,.button,.add-button,.buy-now-button,.dialog-close{transition-timing-function:cubic-bezier(.2,.7,.2,1)}
.hero-copy{animation:hero-copy-in .75s .08s both cubic-bezier(.2,.7,.2,1)}.hero-art{animation:hero-art-in .9s .14s both cubic-bezier(.2,.7,.2,1)}@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-art-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero-art .orbit-one{animation:orbit-drift 17s ease-in-out infinite alternate}.hero-art .orbit-two{animation:orbit-drift 13s ease-in-out infinite alternate-reverse}.hero-art .art-core{animation:core-float 7s ease-in-out infinite;transform-origin:center}.hero-art .art-grid{animation:grid-breathe 8s ease-in-out infinite alternate}@keyframes orbit-drift{from{transform:scale(.97) rotate(-5deg);opacity:.62}to{transform:scale(1.04) rotate(6deg);opacity:1}}@keyframes core-float{0%,100%{margin-top:0}50%{margin-top:-10px}}@keyframes grid-breathe{from{opacity:.13}to{opacity:.25}}
.motion-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--reveal-delay,0ms) ease,transform .65s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1)}.motion-reveal.is-visible{opacity:1;transform:translateY(0)}.feature-card.motion-reveal{transition-delay:var(--reveal-delay,0ms)}.product-card.motion-reveal{transition:opacity .55s var(--reveal-delay,0ms) ease,transform .55s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1),box-shadow .28s ease}.product-card.motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.product-art>span:not(.product-number){transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s ease}.product-card:hover .product-art>span:not(.product-number){filter:drop-shadow(0 7px 7px #0002)}.product-card:hover .mini-window,.product-card:hover .code-stamp,.product-card:hover .landing-shape,.product-card:hover .wire-frame,.product-card:hover .dash-frame,.product-card:hover .form-frame,.product-card:hover .portfolio-frame,.product-card:hover .commerce-layout,.product-card:hover .workspace-layout,.product-card:hover .ops-layout,.product-card:hover .analytics-layout,.product-card:hover .mobile-screen,.product-card:hover .content-layout{transform:translateY(-4px) rotate(-2deg)}.product-card:hover .motion-rings,.product-card:hover .transition-rings{transform:rotate(12deg)}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-art,.hero-art .orbit-one,.hero-art .orbit-two,.hero-art .art-core,.hero-art .art-grid{animation:none!important}.motion-reveal,.motion-reveal.is-visible{opacity:1;transform:none;transition:none!important}.product-art>span:not(.product-number){transition:none!important}}

/* Page movement and illustrated covers */
@view-transition{navigation:auto}
.site-header .brand-mark{view-transition-name:framework-mark}
::view-transition-old(root){animation:page-out .34s ease-in both}
::view-transition-new(root){animation:page-in .48s cubic-bezier(.18,.75,.2,1) both}
@keyframes page-out{to{opacity:0;transform:translateY(-18px) rotate(-.35deg) scale(.985)}}
@keyframes page-in{from{opacity:0;transform:translateY(24px) rotate(.35deg) scale(1.015)}to{opacity:1;transform:none}}
.shop-title-row h1{animation:shop-title-in .8s .1s cubic-bezier(.18,.75,.2,1) both}
.shop-title-row p,.shop-hero-bottom{animation:shop-detail-in .8s .25s ease-out both}
@keyframes shop-title-in{from{opacity:0;transform:translateY(32px) rotate(-1deg)}to{opacity:1;transform:none}}
@keyframes shop-detail-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.hero-art::before{content:'';position:absolute;width:390px;height:390px;max-width:95%;max-height:95%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 22%,#d9d9d22e 29%,transparent 37% 66%,#d9d9d21c 74%,transparent 82%);mask:radial-gradient(circle,transparent 50%,#000 55%,#000 68%,transparent 70%);animation:ambient-spin 28s linear infinite;pointer-events:none}
.hero-art::after{content:'';position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,#e2e2d409,transparent 65%);animation:ambient-pulse 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes ambient-spin{to{transform:rotate(360deg)}}
@keyframes ambient-pulse{to{opacity:.4;transform:scale(1.16)}}
.hero-art .art-cross{animation:cross-float 5s ease-in-out infinite alternate}
.hero-art .cross-b{animation-delay:-2.3s}
@keyframes cross-float{to{transform:translate(4px,-8px);opacity:.45}}
.button span,.header-shop>span:first-of-type,.text-link span{display:inline-block;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.button:hover span,.header-shop:hover>span:first-of-type,.text-link:hover span{transform:translate(3px,-3px)}
.feature-card .window-card,.feature-card .code-line{transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
.feature-card:hover .window-card{transform:translateY(-8px) rotate(-2deg)}
.feature-card:hover .code-line:nth-child(2){transform:translateX(8px)}
.feature-card:hover .code-line:nth-child(3){transform:translateX(15px)}
.product-dialog[open]{animation:product-swirl-in .48s cubic-bezier(.18,.75,.2,1) both}
.product-dialog::backdrop{animation:backdrop-in .35s ease-out both}
@keyframes product-swirl-in{from{opacity:0;transform:translateY(28px) rotate(-2deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
.dialog-art{animation:dialog-art-float 6s ease-in-out infinite}
@keyframes dialog-art-float{50%{transform:translateY(-6px)}}
.cover-vector{width:min(78%,210px);height:auto;overflow:visible;display:block;justify-self:center;align-self:center;color:#4c4c48;filter:drop-shadow(0 12px 14px #0002)}
.vector-guide{fill:none;stroke:currentColor;stroke-width:1.4;opacity:.38}
.vector-fine,.vector-line,.vector-arrow,.vector-transition-arc{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vector-fine{stroke-width:1.6;opacity:.7}
.vector-satellite{transform-origin:120px 120px;animation:vector-spin 13s linear infinite}
@keyframes vector-spin{to{transform:rotate(360deg)}}
.vector-data .vector-line{stroke-dasharray:260;animation:vector-draw 8s ease-in-out infinite}
@keyframes vector-draw{0%,8%{stroke-dashoffset:260}42%,76%{stroke-dashoffset:0}100%{stroke-dashoffset:260}}
.vector-points{fill:currentColor;animation:vector-points 8s ease-in-out infinite}
@keyframes vector-points{0%,18%,100%{opacity:.25}45%,75%{opacity:1}}
.vector-sync{color:#c8c8c0}
.vector-sync-path{stroke-dasharray:12 8;animation:vector-dash 10s linear infinite}
.vector-sync .vector-guide{opacity:.25}
@keyframes vector-dash{to{stroke-dashoffset:-160}}
.vector-transition-arc{stroke-width:5;stroke-dasharray:110;animation:vector-arc 7s ease-in-out infinite alternate}
.vector-transition-arc.arc-two{animation-delay:-3.5s;opacity:.6}
@keyframes vector-arc{from{stroke-dashoffset:95;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
.state-node{fill:#e6e6e0;stroke:#5f5f5a;stroke-width:2}
.state-node.main-node{fill:#5f5f5a}
.state-pulse{fill:none;stroke:#5f5f5a;stroke-width:2;transform-origin:120px 120px;animation:state-breathe 3.6s ease-in-out infinite}
@keyframes state-breathe{50%{opacity:.18;transform:scale(1.4)}}
.product-card.motion-reveal.is-visible:hover,.product-card.motion-reveal.is-visible:focus-within{transform:translateY(-7px)}
.product-card.motion-reveal.is-visible:hover .product-art,.product-card.motion-reveal.is-visible:focus-within .product-art{transform:scale(1.022)}
@media(max-width:620px){.hero-art::before{width:290px;height:290px}.cover-vector{width:min(82%,180px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.shop-title-row h1,.shop-title-row p,.shop-hero-bottom,.hero-art::before,.hero-art::after,.hero-art .art-cross,.product-dialog[open],.product-dialog::backdrop,.dialog-art,.cover-vector *{animation:none!important}.product-card.motion-reveal.is-visible:hover,.product-card.motion-reveal.is-visible:focus-within,.product-card.motion-reveal.is-visible:hover .product-art,.product-card.motion-reveal.is-visible:focus-within .product-art{transform:none!important}}

/* Product cards stay in place; cover details animate in product-motion.css. */
.product-card:hover,.product-card:focus-within,.product-card.motion-reveal.is-visible:hover,.product-card.motion-reveal.is-visible:focus-within{transform:none}
.product-card:hover .product-art,.product-card:focus-within .product-art,.product-card.motion-reveal.is-visible:hover .product-art,.product-card.motion-reveal.is-visible:focus-within .product-art{transform:none}
.product-card.motion-reveal,.product-card.motion-reveal.is-visible{transform:none}
.product-card.motion-reveal{transition:opacity .55s var(--reveal-delay,0ms) ease,box-shadow .28s ease}
.art-form .form-frame b{animation:cover-field 5.2s ease-in-out infinite alternate}
.art-form .form-frame b:last-child{animation-delay:-2.6s}
@keyframes cover-field{0%,35%{border-color:#c7c7c1;background:transparent}65%,100%{border-color:#777;background:#dcdcd6}}
.art-texture .texture-orb{position:relative}
.art-texture .texture-orb::after{content:'';position:absolute;inset:18%;border:1px solid #e5e5de7a;border-radius:50%;animation:texture-pulse 4.4s ease-in-out infinite}
@keyframes texture-pulse{0%,100%{opacity:.1;transform:scale(.7)}50%{opacity:.85;transform:scale(1.35)}}
.art-nav .nav-frame i,.art-editorial .editorial-layout i{animation:cover-line 5.8s ease-in-out infinite alternate}
.art-nav .nav-frame i:nth-child(2),.art-editorial .editorial-layout i:last-child{animation-delay:-2.3s}
@keyframes cover-line{0%{scale:.75 1;transform-origin:left}100%{scale:1.15 1;transform-origin:left}}
.art-portfolio .portfolio-frame i,.art-commerce .commerce-layout b,.art-workspace .workspace-layout b,.art-operations .ops-layout b{animation:cover-panel 5.6s ease-in-out infinite alternate}
.art-portfolio .portfolio-frame i:nth-of-type(2),.art-commerce .commerce-layout b:nth-of-type(2),.art-workspace .workspace-layout b:nth-of-type(2),.art-operations .ops-layout b:nth-of-type(2){animation-delay:-2.7s}
@keyframes cover-panel{0%,25%{opacity:.55;filter:brightness(.95)}70%,100%{opacity:1;filter:brightness(1.08)}}
.art-bundle .bundle-stack i:first-child,.art-studio .studio-stack i:first-child,.art-max .max-stack i:first-child{animation:cover-fan 6.6s ease-in-out infinite alternate}
@keyframes cover-fan{0%{translate:0 0;rotate:-2deg}100%{translate:5px -5px;rotate:3deg}}
.art-tokens .token-stack i:last-of-type{animation:cover-token 5.4s ease-in-out infinite alternate}
@keyframes cover-token{0%{translate:-5px 2px}100%{translate:6px -3px}}
@media(prefers-reduced-motion:reduce){.art-form .form-frame b,.art-texture .texture-orb::after,.art-nav .nav-frame i,.art-editorial .editorial-layout i,.art-portfolio .portfolio-frame i,.art-commerce .commerce-layout b,.art-workspace .workspace-layout b,.art-operations .ops-layout b,.art-bundle .bundle-stack i:first-child,.art-studio .studio-stack i:first-child,.art-max .max-stack i:first-child,.art-tokens .token-stack i:last-of-type{animation:none!important}}
.commerce-layout,.workspace-layout,.ops-layout,.analytics-layout,.team-layout{position:relative;width:66%;height:62%;background:#f1f1ee;box-shadow:0 10px 28px #0002;padding:12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:12px 1fr 1fr;gap:7px}.commerce-layout>i,.workspace-layout>i,.ops-layout>i,.analytics-layout>i,.team-layout>i{grid-column:span 2;background:#bcbcb6;height:4px}.commerce-layout>i:first-child,.workspace-layout>i:first-child,.ops-layout>i:first-child,.analytics-layout>i:first-child,.team-layout>i:first-child{width:35%;background:#777}.commerce-layout>b,.workspace-layout>b,.ops-layout>b,.analytics-layout>b,.team-layout>b{background:#d2d2cc}.commerce-layout.pro{width:72%;height:70%}.token-stack{position:relative;display:flex;align-items:center}.token-stack i{width:63px;height:63px;border:1px solid #777;border-radius:50%;margin-left:-17px;background:#d4d4cf}.token-stack i:first-child{margin-left:0;background:#eee}.token-stack i:last-of-type{background:#888}.token-stack b{position:absolute;left:93px;color:#eee;font-size:24px}.art-tokens,.art-sync,.art-max{background:#222}.editorial-layout{width:60%;height:67%;background:#f3f3f0;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 25px #0002;transform:rotate(-3deg)}.editorial-layout>b{font:500 22px/.98 var(--display);letter-spacing:-.06em}.editorial-layout i{height:3px;background:#aaa;width:77%}.editorial-layout i:last-child{width:51%}.art-workspace{background:#d1d1cc}.scale-type{font:italic 76px Georgia,serif;letter-spacing:-.13em;position:relative}.scale-type small{font:7px var(--mono);position:absolute;right:-43px;top:5px;letter-spacing:.12em}.illustration-shape{width:115px;height:115px;border:1px solid #777;border-radius:50%;position:relative;background:repeating-linear-gradient(45deg,transparent 0 7px,#aaa 8px 9px)}.illustration-shape i{position:absolute;width:57px;height:57px;border:1px solid #555;left:28px;top:28px;border-radius:50%;background:#d4d4cf}.illustration-shape b{position:absolute;width:11px;height:11px;background:#444;left:53px;top:52px;border-radius:50%}.access-symbol{font-size:77px;position:relative}.access-symbol small{font:20px var(--mono);position:absolute;right:-11px;top:3px}.art-access{background:#ddd}.sync-symbol{font:52px var(--mono);color:#eee;position:relative}.sync-symbol i{position:absolute;width:6px;height:6px;background:#eee;top:4px;left:8px;border-radius:50%}.sync-symbol i:last-child{top:auto;left:auto;right:8px;bottom:4px}.atlas-grid{width:60%;height:58%;display:grid;grid-template-columns:1fr 1fr;gap:6px;transform:rotate(4deg)}.atlas-grid i,.atlas-grid b{border:1px solid #92928c}.atlas-grid b{grid-column:span 2;background:repeating-linear-gradient(90deg,transparent 0 8px,#aaa 9px 10px)}.art-atlas{background:#deded9}.ops-layout{grid-template-rows:10px 1fr 1fr 1fr}.ops-layout>b:first-of-type{grid-row:span 2}.flow-layout{width:75%;display:flex;justify-content:space-between;align-items:center;position:relative}.flow-layout:before{content:'';height:1px;background:#777;position:absolute;left:10%;right:10%}.flow-layout i{width:19px;height:19px;border:1px solid #666;border-radius:50%;background:#ddd;z-index:1}.flow-layout i:nth-child(2){width:28px;height:28px;background:#555}.flow-layout b{font:16px var(--mono);position:absolute;left:46%;top:-22px}.art-workflow{background:#c9c9c3}.identity-mark{font:500 81px var(--display);position:relative;letter-spacing:-.1em}.identity-mark span{font:16px var(--display);position:absolute;right:-18px;top:2px}.art-analytics{background:#20201f}.analytics-layout{background:#343432;box-shadow:none}.analytics-layout>b{background:#85857e}.search-symbol{width:74px;height:74px;border:2px solid #444;border-radius:50%;position:relative}.search-symbol:after{content:'';position:absolute;width:34px;height:2px;background:#444;right:-23px;bottom:0;transform:rotate(48deg)}.art-surfaces{background:radial-gradient(ellipse,#bdbdb7,#e3e3df)}.surface-shape{width:125px;height:95px;position:relative}.surface-shape i{position:absolute;inset:0;border:1px solid #888;border-radius:50%;transform:rotate(-25deg)}.surface-shape i:nth-child(2){inset:11px 15px;transform:rotate(32deg);background:#c8c8c2}.mobile-screen{width:76px;height:132px;border:2px solid #575752;border-radius:13px;background:#f2f2ef;padding:15px 8px;display:flex;flex-direction:column;gap:8px}.mobile-screen i{height:3px;width:60%;background:#777;margin:0 auto 3px}.mobile-screen b{height:21px;background:#cecec8}.mobile-screen b:nth-of-type(2){height:35px}.content-layout{width:65%;height:63%;display:flex;flex-direction:column;gap:9px;padding:13px;background:#f2f2ee;box-shadow:0 8px 25px #0002}.content-layout i{height:3px;width:80%;background:#aaa}.content-layout i:first-child{width:38%;background:#777}.content-layout b{flex:1;background:linear-gradient(135deg,#aaa,#ddd)}.studio-stack,.max-stack{position:relative;width:135px;height:117px}.studio-stack i,.max-stack i{position:absolute;width:94px;height:71px;border:1px solid #666;background:#ddd}.studio-stack i:nth-child(1),.max-stack i:nth-child(1){top:0;left:13px;transform:rotate(12deg)}.studio-stack i:nth-child(2),.max-stack i:nth-child(2){top:12px;left:20px;transform:rotate(-7deg);background:#aaa}.studio-stack i:nth-child(3),.max-stack i:nth-child(3){top:24px;left:7px;transform:rotate(3deg);background:#333}.studio-stack b,.max-stack b{position:absolute;top:37px;left:30px;color:#eee;font:8px/1.4 var(--mono);letter-spacing:.1em}.complete-mark{font:500 47px var(--display);letter-spacing:-.11em;position:relative}.complete-mark>span{font-size:13px;position:absolute;right:-14px;top:0}.complete-mark small,.max-stack small{display:block;font:7px var(--mono);letter-spacing:.1em;margin-top:10px;color:#777}.art-complete{background:#222;color:#eee}.state-map{width:75%;height:90px;position:relative;display:flex;align-items:center;justify-content:space-between}.state-map:before{content:'';position:absolute;left:8%;right:8%;height:1px;background:#888}.state-map i{width:22px;height:22px;border:1px solid #666;background:#ddd;border-radius:50%;z-index:1}.state-map i:nth-child(2){width:32px;height:32px;background:#444}.state-map b{position:absolute;left:44%;top:0;font:15px var(--mono)}.transition-rings{width:112px;height:112px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;position:relative}.transition-rings i{position:absolute;width:74px;height:74px;border:1px solid #777;border-radius:50%}.transition-rings i:nth-child(2){width:35px;height:35px;background:#aaa}.transition-rings b{width:7px;height:7px;border-radius:50%;background:#333;z-index:1}.team-layout{grid-template-rows:10px 1fr 1fr}.team-layout>small{font:6px var(--mono);align-self:center;color:#666}.max-stack{height:111px}.max-stack i{background:#292927;border-color:#888}.max-stack i:nth-child(2){background:#555}.max-stack i:nth-child(3){background:#777}.max-stack b{top:45px;left:41px;font:500 20px var(--display);letter-spacing:-.1em}.max-stack small{position:absolute;bottom:-3px;right:-4px;color:#aaa;font-size:6px}