/* ColorVerse — quiet editorial framing, a vivid working surface. */
:root{color-scheme:dark;--bg:#101112;--surface:#18191b;--surface-2:#202123;--ink:#f4f1ea;--muted:#a09f9b;--line:#ffffff1c;--accent:#ff8c69;--soft:#d5d1c9;--font:'DM Sans',sans-serif;--serif:'Instrument Serif',Georgia,serif;--mono:'DM Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--page:1440px}
:root[data-theme=light]{color-scheme:light;--bg:#f2f1ee;--surface:#e6e5e1;--surface-2:#dbdad5;--ink:#222328;--muted:#62635f;--line:#20212526;--accent:#b54c30;--soft:#444642}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;transition:background .45s,color .45s}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled:hover{transform:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#ff8c6955;color:var(--ink)}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--ink);color:var(--bg);padding:16px}.skip-link:focus{top:10px}.section-wrap{width:min(var(--page),100%);margin-inline:auto;padding-inline:clamp(22px,4vw,64px)}.eyebrow,.mono{font:12px var(--mono);letter-spacing:.09em;text-transform:uppercase}.eyebrow{color:var(--muted)}.eyebrow .tiny-line{width:23px;height:1px;background:var(--accent);display:inline-block;margin-right:10px;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450}em{font-family:var(--serif);font-weight:400}button,a{-webkit-user-select:none;user-select:none}.button,.small-button,.text-link,.round-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:background .25s,transform .35s var(--ease),color .25s,border-color .25s}.button{min-height:50px;padding:14px 22px;border-radius:6px;border:1px solid var(--line);font-size:14px;background:transparent}.button:hover{background:var(--surface-2);transform:translateY(-2px)}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.small-button{min-height:40px;padding:10px 14px;border-radius:5px;background:var(--ink);color:var(--bg);font-size:13px;gap:14px}.small-button:hover{background:var(--accent);transform:translateY(-1px)}.text-link{font-size:14px;gap:10px}.text-link:hover{color:var(--accent)}.icon-button{height:38px;width:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px;flex-shrink:0}.icon-button:hover{background:var(--surface-2)}.round-button{width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:22px}.round-button:hover{background:var(--ink);color:var(--bg)}
.header{height:92px;max-width:var(--page);padding:0 clamp(22px,4vw,64px);margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.1px;font-weight:650}.wordmark svg{width:30px;height:30px;stroke-width:0;color:var(--accent)}.wordmark-period{color:var(--accent)}.desktop-nav{display:flex;gap:35px;font-size:14px;color:var(--muted)}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a::after{content:'';position:absolute;bottom:2px;left:0;right:100%;height:1px;background:var(--accent);transition:right .4s var(--ease)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--ink)}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{right:0}.header-actions{display:flex;align-items:center;gap:16px}.maker{font:italic 20px var(--serif);color:var(--muted);margin-right:4px}.theme-toggle{border:0}.header-actions .small-button{font-size:13px}
.hero{max-width:var(--page);height:690px;position:relative;margin:auto;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-top:78px;margin-left:clamp(22px,4vw,64px);width:47%;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero h1{font-size:clamp(76px,8.2vw,118px);letter-spacing:-.065em;line-height:.94;margin:26px 0 26px}.title-line{display:block;overflow:visible}.hero h1 em{color:var(--accent);font-size:1.14em;letter-spacing:-.03em}.hero-copy>p{color:var(--muted);line-height:1.7;font-size:16px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:26px}.hero-palette{margin-top:43px;width:342px}.hero-palette-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hero-palette-label span:first-child{font:12px var(--mono);color:var(--muted);letter-spacing:.08em}.hero-palette-label span:last-child{font-size:14px}.hero-swatches{display:flex;height:42px;gap:4px}.hero-swatches button{height:100%;flex:1;background:var(--swatch);border-radius:3px;transition:transform .35s var(--ease)}.hero-swatches button:hover{transform:translateY(-5px)}.hero-palette-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:11px}.hero-palette-foot a{color:var(--soft)}.atlas-scene{position:absolute;right:-23px;top:-12px;width:min(64vw,880px);height:650px;z-index:1}.atlas-aura{position:absolute;inset:17% 11% 9%;border-radius:50%;background:radial-gradient(ellipse,#8e312622,transparent 66%);filter:blur(34px);pointer-events:none}#globe{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}#globe.is-dragging{cursor:grabbing}.atlas-guide{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted);white-space:nowrap;pointer-events:none}.drag-symbol{font-size:24px;color:var(--soft)}.guide-divider{height:10px;width:1px;background:var(--line)}.atlas-coordinate{position:absolute;right:11%;top:27px;display:flex;gap:15px;font:12px var(--mono);color:var(--muted);letter-spacing:.08em}.atlas-readout{position:absolute;right:10%;bottom:83px;display:flex;gap:8px;align-items:center;font:12px var(--mono);background:var(--bg);padding:9px 12px;border:1px solid var(--line);border-radius:4px}.atlas-readout i{width:10px;height:10px;border-radius:2px;background:#ff7658}.atlas-controls{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.atlas-controls .icon-button{width:30px;height:30px;font-size:17px;background:var(--bg)}.atlas-controls svg{width:15px;height:15px}.hero-baseline{position:absolute;bottom:0;left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;height:54px;color:var(--muted);font-size:12px}.hero-baseline a,.hero-baseline>span:last-child{font:12px var(--mono);letter-spacing:.07em}.hero-baseline a span{margin-left:15px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px}.section-heading h2{font-size:clamp(34px,3.8vw,55px);letter-spacing:-.045em;line-height:1.08;margin-top:15px}.section-heading h2 em{color:var(--muted);font-size:1.12em;letter-spacing:-.025em}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.65;max-width:260px}.collection{padding-top:61px;padding-bottom:50px}.collection-controls{display:flex;gap:9px;align-items:center}.collection-controls .mono{color:var(--muted);margin-right:16px;white-space:nowrap}.collection-subline{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px;font-size:14px;color:var(--muted)}.collection-subline>span{font-size:12px}.collection-subline>span span{margin-left:8px}.palette-rail{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 0 16px;perspective:1200px;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth}.palette-rail::-webkit-scrollbar{display:none}.palette-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.palette-card{flex:0 0 350px;height:252px;border:1px solid var(--line);border-radius:8px;overflow:hidden;scroll-snap-align:start;position:relative;background:var(--surface);transform:perspective(1100px) rotateY(var(--turn,0deg));transform-origin:center;transition:transform .55s var(--ease),border-color .3s,opacity .3s;opacity:.82}.palette-card.is-active{border-color:var(--accent);opacity:1}.palette-card:hover{transform:perspective(1100px) rotateY(0) translateY(-4px);opacity:1}.palette-card-image{height:132px;position:relative;overflow:hidden;background:var(--cover)}.palette-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease);pointer-events:none}.palette-card:hover .palette-card-image img{transform:scale(1.055)}.palette-number{position:absolute;left:12px;top:12px;padding:5px 8px;border:1px solid #ffffff3b;border-radius:3px;color:white;background:#0005;backdrop-filter:blur(8px);font:12px var(--mono)}.palette-category{position:absolute;right:12px;top:14px;color:white;font-size:12px;text-shadow:0 1px 8px #000;opacity:.9}.palette-card-colors{display:flex;height:60px}.palette-card-colors button{flex:1;min-width:0;background:var(--swatch);color:var(--on);position:relative;padding:0;transition:flex .45s var(--ease)}.palette-card-colors button:hover{flex:1.5}.palette-card-colors code{font:10px var(--mono);display:block;opacity:0;transition:opacity .2s;white-space:nowrap}.palette-card-colors button:hover code,.palette-card-colors button:focus-visible code{opacity:1}.palette-card-select{display:flex;justify-content:space-between;align-items:center;background:transparent;width:100%;height:58px;padding:0 15px;text-align:left;font-size:16px}.palette-card-select>span:last-child{color:var(--muted);font-size:12px}.palette-card-select:hover>span:last-child{color:var(--accent)}.rail-progress{height:1px;background:var(--line);margin-top:13px;overflow:hidden}.rail-progress span{height:1px;width:0%;display:block;background:var(--accent);transition:width .35s var(--ease)}
.studio{padding-top:60px;padding-bottom:70px}.studio-workspace{margin-top:32px;display:grid;grid-template-columns:264px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.palette-inspector{padding:27px 23px;border-right:1px solid var(--line)}.inspector-top{display:flex;align-items:center;justify-content:space-between}.inspector-top .icon-button{border:0;width:28px;height:28px}.palette-inspector h3{font-size:25px;letter-spacing:-.04em;margin:19px 0 10px}.palette-inspector>p{font-size:14px;line-height:1.55;color:var(--muted);min-height:66px}.palette-roles{margin:24px 0 18px;display:grid;gap:6px}.role-swatch{background:transparent;width:100%;display:flex;align-items:center;padding:7px 0;gap:10px;border-radius:4px}.role-swatch i{display:block;width:28px;height:28px;background:var(--swatch);border:1px solid #ffffff14;border-radius:4px;transition:transform .2s}.role-swatch:hover i{transform:scale(1.12)}.role-swatch>span{font-size:13px;color:var(--muted);flex:1;text-align:left}.role-swatch code{font:12px var(--mono)}.contrast-note{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:17px;margin-bottom:21px}.contrast-note>span{font:24px var(--serif)}.contrast-note strong{display:block;font-size:12px;font-weight:500}.contrast-note small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.full-button{width:100%;font-size:13px;justify-content:space-between;min-height:42px;padding:10px 14px}.full-button svg{width:15px;height:15px}.context-area{min-width:0;display:flex;flex-direction:column}.context-tabs{display:flex;gap:4px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.context-tabs button,.export-tabs button{background:transparent;border-radius:4px;color:var(--muted);font-size:13px;padding:9px 13px;transition:background .25s,color .25s}.context-tabs button:hover,.export-tabs button:hover{color:var(--ink)}.context-tabs button[aria-selected=true]{color:var(--ink);background:var(--surface-2)}.context-live{margin-left:auto;font:11px var(--mono);letter-spacing:.05em;color:var(--muted)}.mockup-stage{background:var(--surface-2);padding:27px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:445px}#mockup{width:100%;max-width:830px;--p-bg:#fff4e8;--p-surface:#ffe1c2;--p-primary:#e63b7a;--p-accent:#f59e0b;--p-text:#3a1b2c;--on-primary:#fff;--on-accent:#17171b;transition:opacity .2s;container-type:inline-size}.context-caption{padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.context-caption>span:first-child{font:10px var(--mono);letter-spacing:.04em}.mockup{overflow:hidden;background:var(--p-bg);color:var(--p-text);border-radius:5px;box-shadow:0 16px 48px #0002;animation:context-in .5s var(--ease) both}.mock-browser{height:26px;background:var(--p-surface);display:flex;align-items:center;gap:4px;padding:0 10px;font-size:9px}.mock-browser i{width:5px;height:5px;border-radius:50%;background:var(--p-text);opacity:.3}.mock-browser>span{margin:auto;opacity:.65;font-size:9px}.mock-nav{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;font-size:10px;border-bottom:1px solid color-mix(in srgb,var(--p-text) 12%,transparent)}.mock-nav>b{font-size:16px;letter-spacing:-.7px}.mock-nav>span{display:flex;gap:19px;opacity:.8}.mock-nav .mock-cta{font-size:9px;padding:7px 9px}.mock-cta{display:inline-flex;background:var(--p-primary);color:var(--on-primary);padding:10px 14px;border-radius:3px;font-size:11px;align-items:center;gap:20px;white-space:nowrap}.landing-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;padding:30px 26px 26px;min-height:240px}.mock-kicker{font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:16px;display:block}.landing-copy h4{margin:0;font-size:clamp(26px,5.8cqw,45px);line-height:1.03;font-weight:500;letter-spacing:-.04em}.landing-copy h4 em{color:var(--p-primary);font-size:1.2em}.landing-copy p{font-size:11px;line-height:1.55;margin:13px 0 17px;max-width:230px;opacity:.8}.landing-photo{min-width:0;position:relative;border-radius:2px;overflow:hidden;background:var(--p-surface)}.landing-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-tag{position:absolute;left:9px;bottom:9px;color:var(--p-text);background:var(--p-bg);padding:6px 8px;font-size:9px}.mock-features{display:grid;grid-template-columns:repeat(3,1fr);background:var(--p-surface);padding:16px 26px;gap:18px}.mock-features span{font-size:10px}.mock-features i{font-style:normal;font-family:var(--serif);color:var(--p-primary);font-size:19px;display:block;margin-bottom:6px}.slides-layout{padding:29px 32px 26px;position:relative}.slide-top{display:flex;justify-content:space-between;font:10px var(--mono);padding-bottom:26px}.slide-main{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:215px}.slide-main h4{font-size:clamp(26px,6cqw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.04;margin:0}.slide-main p{font-size:11px;line-height:1.6;margin-top:16px;max-width:200px}.slide-chart{height:180px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--p-text)}.slide-chart i{flex:1;display:block;height:var(--height);background:var(--p-primary);border-radius:3px 3px 0 0;animation:bar-grow .75s var(--ease) both;transform-origin:bottom}.slide-chart i:nth-child(2){background:var(--p-accent);animation-delay:.07s}.slide-chart i:nth-child(3){background:var(--p-text);animation-delay:.14s}.slide-chart i:nth-child(4){background:var(--p-primary);animation-delay:.21s}.slide-bottom{display:flex;justify-content:space-between;margin-top:28px;border-top:1px solid color-mix(in srgb,var(--p-text) 15%,transparent);padding-top:12px;font-size:10px}.social-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px;background:var(--p-surface)}.social-card{background:var(--p-bg);border-radius:4px;overflow:hidden}.social-top{display:flex;gap:7px;align-items:center;padding:11px 12px;font-size:10px}.social-avatar{height:18px;width:18px;border-radius:50%;background:var(--p-primary)}.social-photo{height:202px;position:relative}.social-photo img{height:100%;width:100%;object-fit:cover}.social-photo span{position:absolute;left:12px;bottom:12px;font-size:19px;font-family:var(--serif);padding:7px;background:var(--p-bg)}.social-quote{height:202px;padding:20px;background:var(--p-primary);color:var(--on-primary);display:flex;align-items:center;text-align:center;justify-content:center;font:italic 40px/.95 var(--serif)}.social-foot{padding:10px 12px;font-size:10px;display:flex;justify-content:space-between}.shop-layout{padding:22px 26px}.shop-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.shop-heading h4{font:italic 35px var(--serif);margin:0}.shop-heading span{font-size:10px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shop-product img{width:100%;height:158px;object-fit:cover;border-radius:3px}.shop-product:nth-child(2) img{object-position:15% 50%}.shop-product:nth-child(3) img{object-position:90% 100%}.shop-product .product-image{position:relative;background:var(--p-surface)}.product-image .photo-tag{font-size:8px}.shop-product h5{font-size:11px;margin:10px 0 5px;font-weight:500}.shop-price{display:flex;justify-content:space-between;font-size:10px}.shop-price span:first-child{color:var(--p-primary)}.shop-bottom{margin-top:20px;padding:13px;background:var(--p-surface);font-size:10px;text-align:center}
.export-panel{display:grid;grid-template-columns:264px 1fr;margin-top:18px;gap:24px;align-items:start}.export-intro{padding-top:26px}.export-intro h3{font-size:26px;letter-spacing:-.04em;margin-top:11px}.export-intro h3 em{color:var(--muted);font-size:1.15em}.export-intro p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}.export-code{border:1px solid var(--line);border-radius:7px;min-width:0;overflow:hidden}.export-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border-bottom:1px solid var(--line);gap:8px}.export-tabs{display:flex;gap:3px;overflow-x:auto}.export-tabs button{padding:7px 10px;font-size:12px}.export-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--ink)}.copy-code{font-size:12px;background:transparent;color:var(--soft);white-space:nowrap;padding:8px}.copy-code:hover{color:var(--accent)}#exportCode{margin:0;padding:19px 24px;font:12px/1.65 var(--mono);color:var(--soft);min-height:179px;max-height:220px;overflow:auto;tab-size:2}
.extract{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;padding-top:80px;padding-bottom:85px;border-top:1px solid var(--line)}.extract h2,.story h2,.pricing h2{font-size:clamp(44px,5vw,70px);line-height:1.03;letter-spacing:-.055em;margin-top:22px}.extract h2 em,.story h2 em,.pricing h2 em{color:var(--accent);font-size:1.12em;letter-spacing:-.03em}.extract-copy>p{margin-top:21px;font-size:16px;line-height:1.65;color:var(--muted)}.extract-steps{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px;font-size:14px}.extract-steps li{display:flex;gap:17px;align-items:center}.extract-steps li span{font:12px var(--mono);color:var(--muted)}.privacy-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;line-height:1.55}.privacy-note svg{width:18px;height:18px;flex-shrink:0}.extract-surface{align-self:center;min-width:0}.dropzone{border:1px dashed #ffffff40;border-radius:10px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:345px;cursor:pointer;text-align:center;padding:30px;gap:16px;transition:border .3s,background .3s,transform .3s}.dropzone:hover,.dropzone.is-over{background:var(--surface-2);border-color:var(--accent);transform:translateY(-3px)}[data-theme=light] .dropzone{border-color:#0004}.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:4px}.dropzone input{position:absolute;opacity:0;width:1px;height:1px}.upload-icon{width:70px;height:70px;border:1px solid var(--line);border-radius:15px;display:grid;place-items:center;margin-bottom:10px;transform:rotate(-7deg);transition:transform .5s var(--ease)}.dropzone:hover .upload-icon{transform:rotate(0)}.upload-icon svg{width:32px;height:32px;color:var(--accent)}.dropzone strong{font-weight:500;font-size:18px;letter-spacing:-.02em}.dropzone>span:not(.upload-icon){font-size:14px;color:var(--muted)}.dropzone u{text-decoration-color:var(--accent);text-underline-offset:4px;color:var(--ink)}.dropzone small{font:12px var(--mono);color:var(--muted);margin-top:12px}.extraction-result{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}.extracted-image-wrap{height:260px;position:relative}.extracted-image-wrap img{width:100%;height:100%;object-fit:cover}.change-image{position:absolute;right:15px;top:15px;background:#101112b3;color:white;backdrop-filter:blur(10px);padding:8px 12px;border-radius:4px;font-size:13px;cursor:pointer}.extracted-swatches{display:flex;height:70px}.extracted-swatches button{flex:1;background:var(--swatch);color:var(--on);font:11px var(--mono);padding:0}.extract-result-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;font-size:13px;color:var(--muted)}#extractStatus{font-size:13px;color:var(--accent);line-height:1.6;margin-top:14px;min-height:20px}
.story{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:92px;padding-bottom:92px;border-top:1px solid var(--line)}.story-mark{font-size:clamp(150px,24vw,360px);font-weight:550;letter-spacing:-.11em;line-height:.8;align-self:center;color:var(--surface-2);user-select:none}.story-mark span{color:var(--accent);opacity:.8}.story h2{font-size:clamp(42px,4.5vw,62px)}.story-copy>p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:24px}.story-signature{display:flex;gap:25px;align-items:center;margin:27px 0}.story-signature>span:first-child{font:italic 40px var(--serif)}.story-signature>span:last-child{font:11px/1.7 var(--mono);color:var(--muted);letter-spacing:.08em}.story-copy .text-link{color:var(--accent)}.pricing{padding-top:70px;padding-bottom:85px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:45px}.pricing h2{font-size:clamp(40px,4vw,56px)}.pricing-heading p{margin-top:22px;font-size:14px;color:var(--muted);line-height:1.7}.pricing-plan{padding:22px 0 0}.price{font-size:48px;letter-spacing:-.055em;margin-top:21px}.price span{font-size:14px;letter-spacing:0;color:var(--muted)}.pricing-plan ul{list-style:none;margin:25px 0 28px;padding:0;font-size:14px;display:grid;gap:14px;color:var(--muted)}.pricing-plan li::before{content:'✓';color:var(--accent);margin-right:10px}.pricing-plan .button{min-height:44px}.pro-plan{border-left:1px solid var(--line);padding-left:35px}.coming-soon{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:5px 8px;font-size:10px;margin-left:8px;letter-spacing:0}.footer{padding-top:36px;border-top:1px solid var(--line);padding-bottom:26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:32px}.footer-top p{font:italic 28px var(--serif);color:var(--muted)}.back-top{font-size:12px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.footer-bottom nav{display:flex;gap:22px}.footer-bottom a:hover{color:var(--ink)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);border:1px solid var(--line);background:var(--ink);color:var(--bg);border-radius:30px;padding:13px 21px;font-size:13px;box-shadow:0 8px 30px #0003;opacity:0;pointer-events:none;z-index:100;transition:opacity .25s,transform .4s var(--ease);max-width:calc(100% - 32px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:var(--bg);padding:20px;text-align:center}.document-page{max-width:820px;min-height:65vh;padding-top:80px;padding-bottom:80px}.document-page h1{font-size:64px;letter-spacing:-.055em;margin:15px 0 30px}.document-page h2{font-size:25px;margin:30px 0 15px}.document-page p{line-height:1.8;color:var(--muted)}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}.hero-copy{animation:hero-in 1s var(--ease) both}.atlas-scene{animation:atlas-in 1.5s var(--ease) both}.hero-baseline{animation:hero-in 1s .3s var(--ease) both}@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes atlas-in{from{opacity:0;transform:scale(.92) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes context-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
body[data-page=explore] .hero,body[data-page=explore] .extract,body[data-page=explore] .story,body[data-page=explore] .pricing{display:none}body[data-page=extract] .hero,body[data-page=extract] .collection,body[data-page=extract] .story,body[data-page=extract] .pricing{display:none}body[data-page=extract] main{display:flex;flex-direction:column}body[data-page=extract] .extract{order:-1;border-top:0;padding-top:70px}body[data-page=extract] .studio{padding-top:10px}body[data-page=about] .hero,body[data-page=about] .collection,body[data-page=about] .studio,body[data-page=about] .extract,body[data-page=about] .pricing{display:none}body[data-page=about] .story{border:0;min-height:75vh}
@media(min-width:1500px){.hero{height:755px}.hero-copy{padding-top:96px}.atlas-scene{height:710px;top:0;right:-15px}.hero-palette{margin-top:48px}}
@media(max-width:1100px){.header{height:80px}.maker{display:none}.desktop-nav{gap:25px}.hero{height:674px}.hero-copy{padding-top:76px;width:50%}.hero h1{font-size:clamp(70px,8.6vw,100px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-palette{margin-top:30px;width:300px}.atlas-scene{width:64vw;height:580px;top:35px;right:-45px}.atlas-coordinate{right:13%;top:18px}.atlas-guide{bottom:5px;font-size:11px;gap:8px}.hero-baseline>span:last-child{display:none}.context-live{display:none}.studio-workspace{grid-template-columns:225px 1fr}.palette-inspector{padding:22px 17px}.palette-inspector>p{min-height:83px}.export-panel{grid-template-columns:225px 1fr}.mockup-stage{padding:20px;min-height:410px}.landing-layout{padding:24px 18px;gap:15px}.mock-nav{padding:15px 18px}.mock-nav>span{gap:12px}.social-quote{font-size:33px}.social-photo,.social-quote{height:180px}.shop-product img{height:120px}.section-heading h2{font-size:42px}.extract{gap:40px}.story{gap:55px}.pricing{gap:25px}.pro-plan{padding-left:25px}.footer-bottom>span:last-child{display:none}}
@media(max-width:800px){.header{height:76px}.desktop-nav{gap:18px}.header-actions{gap:7px}.wordmark{font-size:22px}.header-actions .small-button{font-size:12px}.hero{height:650px}.hero-copy{width:55%;padding-top:53px}.hero h1{font-size:77px}.hero-copy>p{font-size:14px}.hero-actions .text-link{font-size:13px}.hero-palette{width:290px}.atlas-scene{width:64vw;height:520px;top:56px;right:-62px}.atlas-guide{display:none}.atlas-controls{bottom:16px}.atlas-coordinate{top:42px}.atlas-readout{bottom:72px;right:16%;font-size:11px}.section-heading{align-items:center}.section-heading h2{font-size:34px}.section-heading>p{font-size:13px;max-width:195px}.collection{padding-top:44px}.collection-controls .mono{margin-right:6px}.collection-controls{gap:6px}.round-button{width:35px;height:35px}.palette-card{flex-basis:315px;height:244px}.palette-card-image{height:124px}.studio{padding-top:30px}.studio-workspace{grid-template-columns:1fr}.palette-inspector{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:20px}.inspector-top{grid-column:1/-1}.palette-inspector h3{margin:8px 0}.palette-inspector>p{min-height:0;grid-column:1;max-width:350px}.palette-roles{grid-column:2;grid-row:2/5;margin:0;display:flex;gap:4px;align-self:start}.role-swatch{padding:0;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.role-swatch i{width:100%;height:54px}.role-swatch>span{font-size:10px;text-align:center;flex:0}.role-swatch code{display:none}.contrast-note{border:0;padding-top:12px;margin-bottom:0}.full-button{width:auto;justify-self:end;align-self:end;grid-column:2;grid-row:5;margin-top:10px}.context-tabs{padding:10px 14px}.context-live{display:block}.mockup-stage{padding:25px;min-height:440px}.export-panel{grid-template-columns:1fr;gap:20px}.export-intro{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.export-intro h3{font-size:27px;margin:0}.export-intro p{margin:0}.extract{grid-template-columns:1fr 1fr;gap:24px;padding-top:55px;padding-bottom:50px}.extract h2{font-size:48px}.extract-copy>p{font-size:14px}.dropzone{padding:20px;min-height:320px}.dropzone strong{font-size:16px;line-height:1.4}.dropzone>span:not(.upload-icon){font-size:13px;line-height:1.5}.dropzone small{font-size:10px}.extract-steps{font-size:12px}.story{padding-top:65px;padding-bottom:65px;grid-template-columns:.55fr 1fr;gap:25px}.story h2{font-size:45px}.story-copy>p{font-size:14px}.story-mark{font-size:26vw}.pricing{grid-template-columns:1fr 1fr}.pricing-heading{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.pricing-heading .eyebrow{width:100%}.pricing h2{font-size:44px;margin:0}.pricing-heading p{max-width:220px;margin:0}.footer-top p{font-size:22px}.footer-bottom nav{gap:15px}.footer-bottom{align-items:flex-start;gap:15px}.footer-bottom>span{max-width:160px;line-height:1.7}}
@media(max-width:580px){html{scroll-padding-top:20px}.header{height:73px;gap:9px}.wordmark{font-size:22px;gap:6px}.wordmark svg{width:25px;height:25px}.desktop-nav{display:none}.header-actions .small-button{min-height:35px;font-size:11px;padding:9px 10px;gap:8px}.header-actions .theme-toggle{height:30px;width:30px}.header-actions{gap:3px}.hero{height:auto;min-height:1010px;display:flex;flex-direction:column;padding-bottom:50px}.hero-copy{padding-top:42px;margin-inline:22px;width:auto}.hero .eyebrow{font-size:11px}.hero h1{font-size:clamp(68px,16vw,88px);margin-top:23px;margin-bottom:19px;letter-spacing:-.06em}.hero-copy>p{font-size:15px;line-height:1.65}.hero-actions{flex-direction:row;align-items:center;gap:16px;margin-top:23px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:12px 17px;min-height:44px}.hero-actions .text-link{font-size:12px}.hero-palette{position:absolute;top:825px;left:0;width:calc(100vw - 44px);max-width:none;margin:0}.hero-palette-foot{font-size:12px}.hero-palette-label span:first-child{font-size:11px}.atlas-scene{position:relative;order:2;right:auto;top:auto;width:100%;height:440px;margin-top:16px}.atlas-aura{inset:10% 8%}.atlas-coordinate{top:4px;right:23px;font-size:10px}.atlas-readout{right:24px;bottom:54px}.atlas-controls{bottom:10px}.atlas-guide{display:none}.hero-baseline{height:49px;left:22px;right:22px}.hero-baseline>span:first-child{font-size:11px}.hero-baseline a{font-size:10px;letter-spacing:0}.hero-baseline a span{margin-left:6px}.section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:32px;max-width:250px}.section-heading h2 em{display:block}.section-heading .eyebrow{font-size:10px}.collection{padding-top:37px;padding-bottom:29px}.collection-controls{padding-top:27px;gap:6px}.collection-controls .mono{display:none}.collection-subline{margin-top:14px;margin-bottom:15px}.collection-subline p{font-size:13px}.collection-subline>span{font-size:10px}.palette-card{flex-basis:calc(100vw - 74px);max-width:350px;height:242px;transform:none!important}.palette-card-image{height:122px}.palette-rail{gap:13px}.palette-card-select{font-size:15px}.palette-card-colors code{font-size:9px}.palette-card-select>span:last-child{font-size:11px}.palette-category{font-size:11px}.section-heading>p{display:none}.studio{padding-top:28px;padding-bottom:44px}.studio-workspace{margin-top:24px}.palette-inspector{padding:16px;gap:0 12px;grid-template-columns:1fr auto}.palette-inspector h3{font-size:22px}.palette-inspector>p{grid-column:1/-1;font-size:13px}.palette-roles{grid-row:auto;grid-column:1/-1;margin-top:17px;gap:6px}.role-swatch i{height:48px}.role-swatch>span{font-size:11px}.contrast-note{grid-column:1;grid-row:auto;margin-top:13px;padding-top:0;gap:7px}.contrast-note strong,.contrast-note small{font-size:10px}.contrast-note>span{font-size:21px}.full-button{grid-row:auto;grid-column:2;font-size:11px;min-height:38px;margin-top:13px;padding:9px 10px;gap:10px}.context-tabs{gap:1px;padding:9px 8px}.context-tabs button{font-size:12px;padding:8px 12px}.context-live{display:none}.mockup-stage{padding:12px;min-height:310px}.context-caption{padding:11px 13px;font-size:10px}.context-caption>span:first-child{font-size:8px}.context-caption>span:last-child{max-width:100px;text-align:right;font-size:9px}.mock-browser{height:22px}.mock-browser>span{font-size:7px}.mock-nav{padding:12px 12px}.mock-nav>b{font-size:12px}.mock-nav>span{font-size:8px;gap:8px}.mock-nav .mock-cta{font-size:7px;padding:6px}.landing-layout{gap:11px;padding:20px 12px;min-height:190px;grid-template-columns:1.2fr 1fr}.mock-kicker{font-size:7px;margin-bottom:9px}.landing-copy h4{font-size:27px}.landing-copy p{font-size:8px;line-height:1.5;margin:10px 0 12px}.landing-copy .mock-cta{font-size:8px;padding:8px 9px;gap:7px}.photo-tag{font-size:7px;left:6px;bottom:6px;padding:5px}.mock-features{padding:13px 12px;gap:8px}.mock-features span{font-size:8px;line-height:1.4}.mock-features i{font-size:15px}.slides-layout{padding:20px 16px}.slide-top{font-size:8px}.slide-main{gap:15px;min-height:190px}.slide-main h4{font-size:30px}.slide-main p{font-size:9px}.slide-chart{height:150px;gap:9px}.slide-bottom{font-size:8px}.social-layout{padding:10px;gap:10px}.social-top{padding:9px;font-size:8px}.social-quote{font-size:29px;padding:12px}.social-photo,.social-quote{height:165px}.social-photo span{font-size:16px;left:7px;bottom:7px}.social-foot{font-size:8px;padding:9px}.shop-layout{padding:17px 12px}.shop-heading h4{font-size:28px}.shop-heading span{font-size:8px}.shop-grid{gap:7px}.shop-product img{height:110px}.shop-product h5{font-size:9px}.shop-price{font-size:8px}.shop-bottom{font-size:8px}.product-image .photo-tag{font-size:6px;padding:4px}.export-panel{gap:15px;margin-top:10px}.export-intro{gap:7px 16px}.export-intro .eyebrow{font-size:10px}.export-intro h3{font-size:25px}.export-intro p{font-size:12px;width:100%}.export-toolbar{padding:6px}.export-tabs{gap:0}.export-tabs button{font-size:10px;padding:8px}.copy-code{font-size:10px;padding:7px}#exportCode{font-size:11px;padding:16px;min-height:169px}.extract{grid-template-columns:1fr;gap:30px;padding-top:47px;padding-bottom:34px}.extract h2{font-size:56px;margin-top:17px}.extract-copy>p{font-size:15px}.extract-steps{display:flex;flex-wrap:wrap;gap:13px 18px;margin:23px 0}.extract-steps li{font-size:11px;gap:6px}.extract-steps li span{font-size:10px}.privacy-note{font-size:11px}.dropzone{min-height:280px}.dropzone strong{font-size:17px}.dropzone small{font-size:11px}.extract-result-footer{font-size:11px;padding:12px;gap:7px}.extract-result-footer .small-button{font-size:11px;padding:10px}.extracted-swatches button{font-size:10px}.extracted-image-wrap{height:230px}.story{grid-template-columns:1fr;padding-top:45px;padding-bottom:46px;gap:0}.story-mark{display:none}.story h2{font-size:49px}.story-copy>p{font-size:15px}.story-signature>span:last-child{font-size:10px}.pricing{padding-top:41px;padding-bottom:46px;gap:25px 22px}.pricing-heading{display:block}.pricing-heading p{margin-top:17px;max-width:none}.pricing h2{font-size:48px;margin-top:15px}.pricing-plan{padding-top:12px}.price{font-size:40px}.price span{font-size:12px}.pricing-plan>.eyebrow{font-size:10px}.pricing-plan ul{font-size:12px;gap:13px;line-height:1.4}.pricing-plan li{position:relative;padding-left:13px}.pricing-plan li::before{position:absolute;left:0;margin:0}.pricing-plan .button{font-size:12px;padding:10px 12px}.pro-plan{padding-left:18px}.coming-soon{font-size:8px;margin-left:5px;padding:4px 5px}.footer{padding-top:27px;padding-bottom:27px}.footer-top{flex-wrap:wrap;gap:18px;padding-bottom:24px}.footer-top .wordmark{font-size:23px}.footer-top p{font-size:23px;order:3;width:100%}.back-top{font-size:11px}.footer-bottom{flex-direction:column;gap:19px;font-size:11px}.footer-bottom>span{max-width:none}.footer-bottom nav{font-size:11px;gap:16px;flex-wrap:wrap}body[data-page=extract] .extract{padding-top:43px}body[data-page=about] .story{padding-top:50px;min-height:0}}
@media(max-width:360px){.hero{min-height:1035px}.hero-actions{gap:13px}.hero h1{font-size:65px}.hero-palette{top:852px}.atlas-scene{height:420px}.header-actions .small-button{font-size:10px}.wordmark{font-size:20px}.section-heading h2{font-size:29px}.collection-controls{padding-top:29px}.context-tabs button{padding:8px 10px}.landing-copy h4{font-size:23px}.hero-baseline>span:first-child{font-size:10px}}
.hero-swatches code{font:10px var(--mono);color:var(--on);opacity:0;transition:opacity .2s}.hero-swatches button:hover code,.hero-swatches button:focus-visible code{opacity:1}.dropzone.has-result{display:none}.image-fallback{display:flex;align-items:center;justify-content:center;height:100%;font:italic 35px var(--serif);color:#17171b}.change-image:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.paste-image-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:var(--muted);font-size:12px}.paste-image-row .small-button{padding:9px 12px}.paste-image-row span{font:11px var(--mono)}
.community-page{padding-top:78px;padding-bottom:86px}.community-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;padding-bottom:55px;border-bottom:1px solid var(--line)}.community-intro h1{font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-.07em;margin-top:24px}.community-intro h1 em{color:var(--accent);font-size:1.08em}.community-intro-side{max-width:340px}.community-intro-side p{color:var(--muted);line-height:1.7;margin-bottom:25px}.community-intro-side .button{justify-content:space-between;min-width:190px}.community-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.community-toolbar>div{display:flex;gap:6px}.community-filter{background:transparent;color:var(--muted);padding:8px 11px;border-radius:4px;font-size:13px}.community-filter:hover,.community-filter.is-active{color:var(--ink);background:var(--surface-2)}.community-sort{font:12px var(--mono);color:var(--muted)}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:22px}.community-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .45s var(--ease),border-color .3s}.community-card:hover{transform:translateY(-5px);border-color:#ffffff4a}.community-card-wide{grid-column:span 2}.community-art{height:285px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.community-art span{position:relative;z-index:2;font:italic clamp(38px,5vw,70px)/.82 var(--serif);letter-spacing:-.06em;text-align:center}.art-house{background:linear-gradient(135deg,#d8b58c 0%,#9b563e 53%,#243a38 100%)}.art-house:before{content:'';position:absolute;width:65%;height:84%;bottom:-15%;background:#2f5a58;clip-path:polygon(50% 0,100% 27%,100% 100%,0 100%,0 27%)}.art-house i{position:absolute;width:18%;height:28%;bottom:0;background:#c59b4c;z-index:1}.art-field{background:linear-gradient(155deg,#e6e6c5,#8e4d73)}.art-field:before{content:'';position:absolute;inset:14% 14% 0;background:repeating-linear-gradient(102deg,transparent 0 28px,#244c49 29px 33px);transform:rotate(-13deg);opacity:.75}.art-field i{position:absolute;border-radius:50%;background:#cf9b6b;filter:blur(1px)}.art-field i:nth-of-type(1){width:90px;height:90px;top:24%;left:19%}.art-field i:nth-of-type(2){width:42px;height:42px;bottom:17%;right:24%;background:#688c56}.art-field i:nth-of-type(3){width:18px;height:18px;top:17%;right:17%;background:#244c49}.art-rain{background:#12394a;color:#e7f7f3}.art-rain:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 22px,#9cddd2 23px 24px);opacity:.55}.art-rain div{position:absolute;width:48%;height:50%;border:1px solid #e86e5b;border-radius:50%;transform:rotate(-25deg);box-shadow:28px 28px 0 -27px #e86e5b}.art-objects{height:350px;background:#d9cbb8;color:#2b2a27;align-items:end;padding-bottom:42px}.art-objects:before,.art-objects:after{content:'';position:absolute;border-radius:45% 45% 18% 18%;background:#72836f;bottom:-20px}.art-objects:before{width:145px;height:235px;left:23%;transform:rotate(-12deg)}.art-objects:after{width:115px;height:190px;right:19%;background:#b0a096;transform:rotate(14deg)}.art-objects i{position:absolute;width:11px;height:11px;border-radius:50%;background:#f4efe7;top:24%;left:25%}.art-objects i:last-of-type{top:38%;left:auto;right:26%;background:#2b2a27}.community-card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 20px 13px}.community-card-meta h2{font-size:22px;letter-spacing:-.035em;margin-top:9px}.vote-button{background:transparent;border:1px solid var(--line);border-radius:5px;min-width:52px;padding:7px 9px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);transition:background .25s,color .25s}.vote-button span{font-size:19px;line-height:1}.vote-button b{font:11px var(--mono);font-weight:400}.vote-button:hover,.vote-button.is-voted{background:var(--accent);color:#17171b;border-color:var(--accent)}.community-palette{display:flex;height:18px}.community-palette i{flex:1;background:var(--swatch)}.community-note{font-size:13px;color:var(--muted);text-align:center;padding-top:32px}.community-card[hidden]{display:none}
@media(max-width:580px){.header{height:auto;min-height:73px;flex-wrap:wrap;padding-top:18px;padding-bottom:10px;gap:9px}.header-actions{margin-left:auto}.desktop-nav{display:flex;order:3;flex:0 0 100%;justify-content:space-between;gap:20px;font-size:12px}.desktop-nav a{padding:9px 0 5px}}
.community-page .eyebrow{font-size:11px}.community-page .mono{font-size:11px}@media(max-width:800px){.community-intro{grid-template-columns:1fr;gap:28px;padding-bottom:38px}.community-intro-side{max-width:440px}.community-toolbar{flex-wrap:wrap}.community-toolbar>div{order:3;flex:0 0 100%;overflow-x:auto}.community-grid{grid-template-columns:1fr}.community-card-wide{grid-column:span 1}.community-art{height:245px}.art-objects{height:300px}}@media(max-width:580px){.community-page{padding-top:45px;padding-bottom:55px}.community-intro h1{font-size:68px}.community-intro-side p{font-size:15px}.community-toolbar{gap:13px}.community-toolbar .community-sort{font-size:10px}.community-filter{font-size:12px;padding:8px 9px;white-space:nowrap}.community-grid{gap:13px;padding-top:15px}.community-card-meta{padding:16px 15px 11px}.community-card-meta h2{font-size:20px}.community-art{height:220px}.art-objects{height:260px}.community-palette{height:16px}}
.community-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.94);transition:transform .8s var(--ease),filter .4s}.community-card:hover .community-art img{transform:scale(1.04);filter:saturate(1) contrast(1)}.community-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10111218 20%,#1011129c 100%);pointer-events:none}.community-art>span{color:#fff;text-shadow:0 2px 18px #0009}
.community-art{height:auto;aspect-ratio:16/10;background:var(--surface-2)}.community-art img{object-fit:cover;object-position:center}.community-card-wide .community-art{aspect-ratio:2.2/1}.community-card-new{animation:community-card-in .45s var(--ease) both}.community-card-new .community-art img{object-fit:contain;background:#e8e7e2}.community-card-new .community-art::after{background:linear-gradient(180deg,#10111210 20%,#1011129c 100%)}
@keyframes community-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:580px){.hero{min-height:0;display:flex;padding:0 0 0;gap:0}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0;margin:42px 22px 0}.hero h1{order:0;margin:23px 22px 19px}.hero-copy>p{order:0;margin:0 22px}.hero-actions{order:0;margin:23px 22px 0}.atlas-scene{order:1;margin-top:20px;flex:none}.hero-palette{order:2;position:static;width:auto;max-width:none;margin:18px 22px 28px}.hero-baseline{order:3;position:static;margin:0 22px;flex:none}.hero-swatches{height:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}.palette-card{transform:none!important}}