@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--paper:#f6f5ef;--ink:#252923;--muted:#74776d;--line:#dedfd5;--lime:#d7ed8e;--accent:#dd6245;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6863b9;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;padding:10px 16px;background:var(--ink);color:white;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;height:116px;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:650;line-height:1.3;flex-shrink:0}.brand-mark{font-size:35px;letter-spacing:-8px;font-weight:700;line-height:1;width:44px;transform:translateY(-2px)}.brand-mark span{color:var(--accent);font-size:29px}.brand-sub{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.site-header nav{display:flex;gap:29px;font-size:13px}.site-header nav a{position:relative}.site-header nav a:hover,.site-header nav .current{color:var(--accent)}.header-contact{border:1px solid var(--line);border-radius:50px;padding:10px 17px;font-size:12px}.header-contact span{margin-left:14px}.header-contact:hover{background:var(--ink);color:var(--paper)}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:550;line-height:1.5;margin:0 0 24px;display:flex;align-items:center;gap:10px}.tiny-square{width:6px;height:6px;display:inline-block;background:var(--accent)}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:55px;align-items:center;padding-block:72px 75px}.hero h1{font-size:clamp(58px,6.4vw,91px);font-weight:500;line-height:1.01;letter-spacing:-5px;margin:0 0 28px}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-2px}.accent-dot{color:var(--accent)}.hero-description{max-width:370px;color:#72756c;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:13px 21px;border:1px solid var(--line);background:transparent;border-radius:6px;font-size:12px;font-weight:500;line-height:1.6;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#e8e9dd}.button.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button.dark:hover{background:#42483b}.button.small{padding:9px 15px;font-size:12px;gap:15px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;border:0;border-bottom:1px solid currentColor;background:transparent;padding:3px 0;line-height:1.7}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:33px}.line-doodle{font-size:28px;line-height:1;transform:rotate(-15deg);color:var(--accent)}.hero-art{position:relative;aspect-ratio:1.03;background:#eeeee7;border:1px solid #e0e1d8;border-radius:9px;overflow:hidden;background-image:linear-gradient(#dddcd13b 1px,transparent 1px),linear-gradient(90deg,#dddcd13b 1px,transparent 1px);background-size:42px 42px}.art-top,.art-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;z-index:2}.art-top{top:22px}.art-symbol{font-size:27px;color:#77796b}.art-bottom{bottom:22px;font-size:8px}.art-bottom>span:first-child{display:flex;gap:7px;align-items:center}.art-bottom i{height:5px;width:5px;background:#6a7855;border-radius:50%}.orbit-art{position:absolute;width:108%;height:108%;max-width:none;left:-5%;top:-5%;object-fit:contain;filter:drop-shadow(0 28px 20px #43385b12);transition:transform .7s}.hero-art:hover .orbit-art{transform:rotate(-5deg) scale(1.04)}.floating-note{position:absolute;bottom:83px;right:20px;background:#e6ecad;border:1px solid #d9de9f;padding:15px 21px;font-family:var(--serif);font-size:20px;line-height:1.3;transform:rotate(-7deg);box-shadow:3px 5px 0 #00000008}.discipline-strip{border-block:1px solid var(--line)}.discipline-strip .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:17px;font-size:11px;color:#6d7166}.strip-star{color:#8a8b7d;font-size:20px;line-height:1}.work-section{padding-block:82px 85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:500;margin:0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 4px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.project-visual{width:100%;aspect-ratio:1.38;border:0;border-radius:7px;position:relative;overflow:hidden;text-align:left;display:block}.project-number{position:absolute;top:20px;left:23px;font-size:8px;letter-spacing:1px;opacity:.8}.finance-visual{background:#dfe7df}.finance-window{position:absolute;inset:55px 55px -27px;background:#fbfbf5;border-radius:12px;box-shadow:0 20px 50px #31462f16;padding:21px 25px;transform:rotate(-5deg);transition:transform .4s}.project-visual:hover .finance-window{transform:rotate(-2deg) translateY(-5px)}.mini-window-header{display:flex;align-items:center;gap:8px;font-weight:650;font-size:12px}.mini-logo{height:22px;width:22px;border-radius:6px;background:#283b2d;color:#d7ed8e;text-align:center;font-size:17px;line-height:22px}.window-dots{margin-left:auto;letter-spacing:2px;color:#a3a99d}.mini-muted{font-size:9px;color:#92978c;margin:23px 0 4px}.demo-label{font-size:7px;border:1px solid #e2e6d7;border-radius:3px;padding:1px 4px;margin-left:10px}.mini-balance{font-size:32px;font-weight:500;letter-spacing:-1.5px;white-space:nowrap}.mini-balance>span{font-size:22px;color:#8c9382}.mini-bars{height:88px;display:flex;align-items:flex-end;gap:10px;padding-block:8px;margin-top:10px;border-bottom:1px solid #dfe3d7}.mini-bars i{height:var(--h);background:#bdd48b;flex:1;border-radius:3px 3px 0 0}.mini-bars i:nth-child(2n){background:#dce9bd}.mini-finance-bottom{display:flex;justify-content:space-between;font-size:8px;margin-top:13px;gap:8px}.green-dot{display:inline-block;width:4px;height:4px;background:#75944f;border-radius:50%;margin-right:4px}.visual-tag{position:absolute;bottom:20px;left:23px;font-size:9px;z-index:2;background:#f8f8f0e6;padding:6px 11px;border-radius:40px}.wardrobe-visual{background:#eae2d6}.wardrobe-composition{position:absolute;inset:43px 30px 35px}.garment-tile{position:absolute;background:#f5f1e9;border-radius:9px;box-shadow:0 8px 20px #523b2310;padding:14px;width:46%;height:85%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;transition:transform .4s}.garment-tile svg{width:100%;height:80%}.garment-tile>span{font-size:8px;color:#7a786b}.top-tile{left:20px;top:4px;transform:rotate(-10deg);z-index:1}.pants-tile{right:10px;top:26px;transform:rotate(8deg)}.project-visual:hover .top-tile{transform:rotate(-14deg) translateY(-4px)}.project-visual:hover .pants-tile{transform:rotate(13deg) translateY(3px)}.outfit-chip{display:flex;gap:10px;align-items:center;position:absolute;bottom:8px;left:25%;z-index:3;background:#fcfbf5;border-radius:7px;padding:9px 14px;box-shadow:0 5px 22px #422e1914;font-size:10px;transform:rotate(-3deg)}.outfit-chip>span{color:#65764b;font-size:22px}.outfit-chip small{display:block;font-size:7px;color:#96968b}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0 12px}.project-caption h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 4px}.project-caption p{font-size:11px;color:var(--muted);margin:0}.circle-link{display:grid;place-items:center;border:1px solid #d5d7ca;background:transparent;width:36px;height:36px;border-radius:50%;font-size:18px}.circle-link:hover{background:var(--ink);color:white}.tags,.tool-tags{display:flex;gap:7px;flex-wrap:wrap}.tags span,.tool-tags span{font-size:9px;border:1px solid var(--line);padding:3px 8px;border-radius:4px;color:#707567}.tags .status-tag{border:0;background:#e9ebdd;color:#62734d}.project-wide{grid-column:1/-1;display:flex;align-items:center;gap:32px;border:1px solid var(--line);border-radius:7px;padding:28px 33px}.rune-art{background:#e3dfef;color:#787098;border-radius:5px;width:95px;height:95px;display:grid;place-items:center;flex-shrink:0}.rune-art svg{width:68px;height:68px}.project-wide .eyebrow{font-size:8px;margin-bottom:7px}.project-wide h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:0 0 5px}.project-wide p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0;max-width:440px}.project-wide .text-link{margin-left:auto;flex-shrink:0}.labs-invitation{background:#e7e7d9;border-radius:8px;display:grid;grid-template-columns:1fr 1.1fr;position:relative;align-items:center;padding:48px 55px;overflow:hidden}.labs-invite-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.asterisk{font-family:Georgia,serif;display:block;color:#737f56;font-size:245px;line-height:1;transform:rotate(-13deg)}.little-label{font-size:8px;letter-spacing:1px;transform:rotate(-13deg);border:1px solid #adbaa0;padding:7px 12px;border-radius:30px;background:#ebeddf;position:absolute;bottom:37px;left:40px}.labs-invitation h2{font-size:44px;line-height:1.15}.labs-invitation h2 em{font-family:var(--serif);font-weight:400}.labs-invitation p:not(.eyebrow){font-size:12px;line-height:1.9;color:#747967}.labs-invitation .eyebrow{font-size:9px;margin-bottom:16px}.labs-invitation .button{margin-top:13px}.invite-index{position:absolute;top:22px;right:24px;font-size:7px;letter-spacing:1px;text-align:right;color:#808574;line-height:1.9}.about-section{padding-block:95px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-grid h2{font-size:62px;letter-spacing:-2px}.about-copy{max-width:440px}.about-copy p{font-size:13px;line-height:1.9;color:#6f7568;margin:0 0 16px}.tool-tags{margin-top:23px}.tool-tags span{font-size:10px;padding:5px 12px}.contact-section{border-top:1px solid var(--line);padding-block:47px 50px}.contact-section .eyebrow{margin-bottom:15px}.contact-title{display:flex;align-items:center;justify-content:space-between;font-size:80px;letter-spacing:-4px;line-height:1.3}.contact-title>span{color:var(--accent);font-size:80px;font-weight:400}.contact-title:hover{color:#727c5b}.contact-bottom{display:flex;justify-content:space-between;font-size:12px;margin-top:20px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#808575;padding-block:24px;border-top:1px solid var(--line)}
/* The shared experiment shelf. */
.labs-main{padding-block:65px 45px}.labs-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:58px;gap:30px}.labs-hero h1{font-size:63px;line-height:1.09;font-weight:500;letter-spacing:-3px;margin:0}.labs-hero h1 em{font-family:var(--serif);font-weight:400}.labs-hero p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin-top:22px}.labs-hero-star{font-size:160px;color:#7d8864;line-height:1;transform:rotate(-15deg);padding-right:20px}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:15px;margin-bottom:30px;gap:20px}.filter-group{display:flex;gap:6px}.filter{border:0;border-radius:4px;padding:7px 14px;background:transparent;font-size:11px;color:#6f7569}.filter.active{background:var(--ink);color:var(--paper)}.filter span{font-size:8px;opacity:.6;margin-left:12px}.lab-count{font-size:8px;letter-spacing:1px;color:var(--muted)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.lab-card[hidden]{display:none}.lab-preview{position:relative;width:100%;aspect-ratio:1.55;overflow:hidden;border:0;display:block;text-align:left;border-radius:6px;transition:transform .3s}.lab-preview:hover{transform:translateY(-4px)}.preview-corner{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:1px;z-index:2}.preview-open{position:absolute;bottom:18px;right:20px;border:1px solid #ffffff5c;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:18px}.lab-card-info{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:17px}.lab-card-info h2{font-size:20px;font-weight:500;letter-spacing:-.5px}.lab-card-info p{font-size:11px;color:var(--muted);margin:5px 0 0}.lab-type{font-size:7px;letter-spacing:.7px;color:#808575;white-space:nowrap}.orbit-preview{background:#282c29;color:#e5e5da}.orbit-lines{width:250px;height:230px;position:absolute;left:50%;top:50%;transform:translate(-45%,-50%)}.orbit-lines i{position:absolute;top:12%;left:0;width:250px;height:160px;border:1px solid #cfdf8a;border-radius:50%;transform:rotate(-35deg)}.orbit-lines i:nth-child(2){transform:rotate(25deg);border-color:#a8a6d1}.orbit-lines i:nth-child(3){transform:rotate(85deg);border-color:#e5ab97}.orbit-lines span{position:absolute;top:50%;left:45%;width:23px;height:23px;box-shadow:0 0 45px #e2ec9c;border-radius:50%;background:#d8e79a}.orbit-lines b{position:absolute;top:15%;left:32%;width:8px;height:8px;border-radius:50%;background:#b1a2df}.orbit-caption{position:absolute;bottom:25px;left:23px;font-family:var(--serif);font-size:26px;line-height:1.15}.palette-preview{background:#eae9e1}.palette-preview .preview-corner{color:#4e534a}.palette-art{position:absolute;inset:60px 30px 35px;display:flex;transform:rotate(-6deg);box-shadow:0 12px 20px #3333330c;border-radius:9px;overflow:hidden}.palette-art>span{background:var(--color);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;color:#243028}.palette-art>span:first-child{color:#f7f4e9}.palette-art b{font-family:var(--serif);font-size:40px;font-weight:400}.palette-art small{font-size:7px;opacity:.75;letter-spacing:.4px}.palette-preview .preview-open{border-color:#77796d55;background:#f8f7ed}.saving-preview{background:#e4ebdc}.saving-art{position:absolute;inset:58px 35px 30px}.saving-art>span{font-size:10px;color:#6c7e5f}.saving-art strong{font-size:40px;line-height:1.12;letter-spacing:-1px;font-weight:500;display:block;margin-top:12px}.saving-art strong em{font-family:var(--serif);font-weight:400}.saving-art svg{position:absolute;left:30%;bottom:0;width:68%;height:90px}.saving-preview .preview-open{border-color:#70846366}.domain-preview{background:#eae3f0}.domain-art{position:absolute;inset:60px 35px 30px;display:flex;flex-direction:column;align-items:center}.domain-art-label{font-size:10px;color:#81758e}.domain-art>strong{font-size:90px;letter-spacing:-6px;font-weight:500;line-height:1.3;color:#645473}.domain-art>strong>span{font-family:var(--serif);font-weight:400;color:#b8a6c8}.domain-art>div{display:flex;gap:15px;align-items:center;color:#776881;font-size:9px}.domain-art>div>span{background:#ffffff6e;padding:3px 10px;border-radius:20px}.domain-art i{font-style:normal}.domain-preview .preview-open{border-color:#83729166}.lab-note{border-block:1px solid var(--line);margin-top:55px;padding:25px 0;display:flex;align-items:center;gap:20px}.lab-note>span{font-size:35px;color:var(--accent)}.lab-note p{font-size:11px;color:var(--muted);margin:0;line-height:1.9}.lab-note>a{margin-left:auto;flex-shrink:0}
/* Dialogs keep every tool a complete, keyboard-accessible space. */
dialog{border:1px solid #dddfd0;border-radius:12px;padding:38px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #19201633}dialog::backdrop{background:#20271f66;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.dialog-close{display:grid;place-items:center;border:1px solid #d5d8c9;background:var(--paper);border-radius:50%;height:34px;width:34px;line-height:1;font-size:23px;flex-shrink:0}.dialog-close:hover{background:var(--ink);color:var(--paper)}.project-dialog{width:min(620px,calc(100% - 32px));padding:45px}.project-dialog>.dialog-close{position:absolute;right:18px;top:18px}.project-dialog .eyebrow{margin-top:10px;font-size:9px}.project-dialog h2{font-size:42px}.project-dialog>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#6d7464;margin-top:22px}.project-details{border-block:1px solid var(--line);margin:27px 0;padding:17px 0;font-size:12px;line-height:1.9}.project-details p{margin:5px 0}.project-details strong{font-weight:600}.experiment-dialog{width:min(960px,calc(100% - 35px));padding:30px}.experiment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.experiment-header .eyebrow{font-size:8px;margin:0 0 7px}.experiment-header h2{font-size:34px;letter-spacing:-1px}.experiment-note{font-size:10px;color:var(--muted);line-height:1.8;margin:23px 0 0}.orbit-experiment{position:relative;aspect-ratio:1.9;background:#262b28;border-radius:7px;overflow:hidden;min-height:250px}.orbit-experiment canvas{width:100%;height:100%;display:block;touch-action:none}.canvas-hint{position:absolute;bottom:15px;left:18px;color:#b2b8a5;font-size:9px;pointer-events:none}.orbit-controls{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:20px}.orbit-controls label{font-size:11px;display:flex;align-items:center;gap:12px;flex:1}.orbit-controls input{min-width:80px;width:100%}input[type=range]{accent-color:#6d8050;height:20px}.palette-controls,.domain-controls{display:flex;align-items:flex-end;gap:15px;margin-bottom:22px}.palette-controls label,.domain-controls label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#737b68}.palette-controls select,.domain-controls select{padding:9px 33px 9px 12px;min-width:180px;border:1px solid #d8dccd;border-radius:5px;background:#fdfcf7;color:var(--ink);font-size:12px}.palette-controls button{margin-left:auto}.palette-editors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.color-editor{border:1px solid var(--line);border-radius:6px;padding:10px;display:grid;grid-template-columns:30px 1fr;gap:5px 9px;align-items:center;min-width:0}.color-editor input[type=color]{padding:0;border:0;width:30px;height:35px;background:transparent;grid-row:1/3;cursor:pointer}.color-editor label{font-size:9px;line-height:1.2;color:var(--muted)}.color-editor input[type=text]{font-size:10px;min-width:0;width:100%;padding:0;border:0;background:transparent;font-family:monospace;text-transform:uppercase}.palette-live{--p-ink:#243028;--p-accent:#d6ed91;--p-secondary:#e7b9a4;--p-bg:#f7f4e9;position:relative;padding:26px 35px;background:var(--p-bg);color:var(--p-ink);border-radius:7px;border:1px solid #0000000c;overflow:hidden;min-height:340px}.palette-live:after{content:'✳';position:absolute;right:30px;bottom:7px;font-size:220px;line-height:1;color:var(--p-secondary);z-index:0;transform:rotate(-12deg);pointer-events:none}.palette-live>*{position:relative;z-index:1}.palette-live-nav{display:flex;justify-content:space-between;font-weight:550;font-size:12px;margin-bottom:30px}.palette-live-tag{font-size:8px;letter-spacing:1px;background:var(--p-accent);padding:5px 9px;border-radius:15px}.palette-live h3{font-weight:500;font-size:47px;letter-spacing:-1.8px;line-height:1.1;margin:15px 0 13px}.palette-live h3 em{font-family:var(--serif);font-weight:400}.palette-live p{font-size:11px;line-height:1.8;max-width:300px;margin-bottom:20px}.palette-example-button{background:var(--p-ink);color:var(--p-bg);border:0;border-radius:5px;padding:10px 16px;font-size:10px;display:flex;gap:28px}.palette-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.palette-bottom>span{font-size:10px;color:#717c63}.palette-bottom>div{display:flex;gap:20px}.palette-bottom .text-link{font-size:11px}.savings-layout{display:grid;grid-template-columns:.8fr 1.3fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.input-panel{padding:23px;border-right:1px solid var(--line);background:#efefe5}.panel-intro{font-size:18px;line-height:1.4;letter-spacing:-.4px;margin:0 0 20px}.input-panel>label{display:block;font-size:10px;color:#707966;margin-bottom:12px}.input-unit{position:relative;display:block;margin-top:5px}.input-unit input{width:100%;border:1px solid #d6dccb;background:#fffef9;border-radius:4px;padding:8px 30px 8px 11px;font-size:13px;color:var(--ink);height:38px}.input-unit b{position:absolute;right:11px;top:8px;font-size:12px;font-weight:400}.input-panel label>input[type=range]{width:100%;display:block;margin-top:5px}.input-panel output{float:right;color:var(--ink)}.savings-output{padding:35px 30px;background:#fafbf3}.savings-output .eyebrow{font-size:8px;margin-bottom:8px}.savings-total{display:block;font-size:42px;font-weight:500;letter-spacing:-2px;overflow-wrap:anywhere}.savings-output>p:not(.eyebrow){font-size:12px;color:#748364;margin:5px 0 25px}.savings-chart{width:100%;height:auto;display:block;overflow:visible;margin-top:30px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px}.goal-note{font-size:11px;line-height:1.7;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.field-error{font-size:11px;color:#b4482e;line-height:1.6;min-height:16px;margin:0}.domain-controls label{flex:1}.domain-controls select{min-width:0;width:100%}.domain-intro{font-size:12px;color:var(--muted);max-width:600px;margin-bottom:23px}.domain-table-head,.domain-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 30px;gap:12px;align-items:center}.domain-table-head{font-size:9px;color:#7d8472;margin-bottom:8px}.domain-row{margin-bottom:11px}.domain-row input{width:100%;min-width:0;border:1px solid #d8ddcd;background:#fffef8;padding:10px;border-radius:5px;font-size:12px;color:var(--ink)}.domain-remove{background:transparent;border:0;border-radius:50%;font-size:22px}.domain-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.domain-result{border:1px solid var(--line);padding:18px;border-radius:6px;background:#eeefe5;min-width:0}.domain-result.best{background:#e0ebc8;border-color:#bfcea3}.domain-result>span{display:block;font-size:10px;overflow-wrap:anywhere}.domain-result>strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin-block:6px;overflow-wrap:anywhere}.domain-result>small{display:block;font-size:9px;color:#78846a}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 20px;max-width:calc(100% - 30px);background:var(--ink);color:#fff;border-radius:7px;box-shadow:0 6px 30px #0002;font-size:12px;z-index:100;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.wrap{width:min(1250px,calc(100% - 160px))}.hero{padding-block:90px}.hero h1{font-size:100px}.finance-window{inset:65px 65px -25px}.mini-bars{height:110px}.wardrobe-composition{inset:50px 40px 45px}}
@media(max-width:1050px){.wrap{width:calc(100% - 70px)}.hero{gap:30px;padding-block:55px}.hero h1{font-size:74px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-description{font-size:13px}.floating-note{font-size:17px;bottom:60px;padding:10px 15px;right:16px}.finance-window{inset:50px 35px -25px;padding:18px}.mini-balance{font-size:28px}.mini-bars{height:65px}.mini-muted{margin-top:15px}.project-visual{aspect-ratio:1.25}.labs-invitation{padding:40px 35px}.labs-invitation h2{font-size:37px}.labs-hero h1{font-size:52px}.labs-hero-star{font-size:130px}.lab-type{display:none}.domain-art>strong{font-size:75px}.saving-art strong{font-size:35px}.saving-art svg{width:55%}.orbit-lines{transform:translate(-45%,-50%) scale(.85)}.palette-art{inset:55px 25px 25px}.palette-art b{font-size:33px}.palette-art>span{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:90px;gap:14px;flex-wrap:wrap;align-content:center;position:relative}.brand{font-size:14px;gap:10px}.brand-sub{font-size:8px}.brand-mark{font-size:29px;width:36px}.brand-mark span{font-size:25px}.site-header nav{gap:17px;font-size:11px}.header-contact{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-block:45px}.hero .eyebrow{font-size:8px}.hero h1{font-size:76px;letter-spacing:-4px;line-height:1.02}.hero-description{font-size:13px;max-width:360px}.hero-actions{gap:24px}.hero-footnote{margin-top:24px}.hero-art{aspect-ratio:1.15}.orbit-art{width:100%;height:115%;top:-10%;left:0}.floating-note{font-size:20px;bottom:67px;right:25px;padding:13px 20px}.art-top,.art-bottom{left:20px;right:20px}.discipline-strip .wrap{justify-content:space-between;font-size:9px;gap:12px;padding-block:15px}.discipline-strip .wrap>span:nth-last-child(-n+2){display:none}.work-section{padding-block:55px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:20px;font-size:11px}.work-grid{grid-template-columns:1fr;gap:30px}.project-visual{aspect-ratio:1.35}.finance-window{inset:57px 48px -30px;padding:23px}.mini-window-header{font-size:13px}.mini-muted{margin-top:22px}.mini-balance{font-size:33px}.mini-bars{height:90px}.project-number{font-size:8px}.project-caption h3{font-size:20px}.project-caption p{font-size:11px}.project-wide{gap:17px;padding:23px 20px;flex-wrap:wrap}.rune-art{width:64px;height:64px}.rune-art svg{width:50px;height:50px}.project-wide>div:nth-child(2){flex:1}.project-wide .text-link{margin-left:82px;margin-top:0}.project-wide h3{font-size:22px}.project-wide p:not(.eyebrow){font-size:10px}.project-wide .eyebrow{font-size:7px}.labs-invitation{grid-template-columns:1fr;padding:25px 27px 35px;gap:10px}.labs-invite-art{min-height:160px;align-items:flex-start;padding-left:12px}.asterisk{font-size:170px}.little-label{bottom:10px;left:70px;font-size:7px}.labs-invitation h2{font-size:40px}.labs-invitation p:not(.eyebrow){font-size:12px}.labs-invitation .eyebrow{margin-top:8px}.about-section{padding-block:60px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid h2{font-size:52px}.about-copy p{font-size:13px}.contact-section{padding-block:35px}.contact-title{font-size:61px;letter-spacing:-3px}.contact-title>span{font-size:65px}.contact-bottom{font-size:10px;gap:15px}.site-footer{font-size:9px;padding-block:20px}.site-footer>span:nth-child(2){display:none}.labs-main{padding-block:40px 20px}.labs-hero{margin-bottom:35px;gap:0;position:relative}.labs-hero h1{font-size:43px;letter-spacing:-2px;max-width:400px}.labs-hero .eyebrow{font-size:8px}.labs-hero p:not(.eyebrow){font-size:11px}.labs-hero-star{display:none}.lab-toolbar{padding-block:13px}.lab-count{font-size:7px;max-width:90px;text-align:right}.filter-group{gap:2px}.filter{padding:6px 10px;font-size:10px}.filter span{margin-left:5px}.lab-grid{grid-template-columns:1fr;gap:30px}.lab-preview{aspect-ratio:1.38}.lab-type{display:block;font-size:6px}.lab-card-info h2{font-size:20px}.lab-card-info p{font-size:10px}.orbit-lines{transform:translate(-42%,-50%) scale(.93)}.palette-art{inset:60px 30px 35px}.palette-art b{font-size:40px}.palette-art>span{gap:30px}.saving-art strong{font-size:40px}.domain-art>strong{font-size:90px}.lab-note{gap:13px;align-items:flex-start;flex-wrap:wrap;margin-top:35px;padding-block:20px}.lab-note p{font-size:10px;flex:1}.lab-note a{margin-left:35px;font-size:10px}.lab-note>span{font-size:28px}.experiment-dialog{padding:21px;width:calc(100% - 24px);max-height:94dvh}.experiment-header{margin-bottom:20px}.experiment-header h2{font-size:28px}.experiment-header .eyebrow{font-size:7px}.experiment-dialog .dialog-close{height:31px;width:31px;font-size:22px}.orbit-experiment{aspect-ratio:1.1;min-height:250px}.orbit-controls{gap:12px}.orbit-controls label{flex-basis:calc(50% - 10px);font-size:10px}.orbit-controls .button{flex:1;font-size:10px;padding:9px}.canvas-hint{font-size:8px}.palette-controls{gap:10px;margin-bottom:15px}.palette-controls label{flex:1}.palette-controls select{min-width:0;width:100%;font-size:11px;padding-right:20px}.palette-controls button{font-size:10px;gap:7px;padding:9px}.palette-editors{grid-template-columns:1fr 1fr;gap:8px}.color-editor{padding:8px}.color-editor label{font-size:8px}.color-editor input[type=text]{font-size:10px}.palette-live{padding:20px;min-height:340px}.palette-live h3{font-size:43px}.palette-live:after{font-size:170px;right:5px;bottom:7px;opacity:.65}.palette-live p{max-width:240px}.palette-bottom{flex-wrap:wrap;gap:12px}.palette-bottom>div{gap:22px}.palette-bottom .text-link{font-size:10px}.savings-layout{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.panel-intro{font-size:16px;grid-column:1/-1;margin-bottom:8px}.panel-intro br{display:none}.input-panel>label{font-size:9px;margin-bottom:6px}.input-unit input{font-size:12px;padding-left:8px}.input-panel>label:last-of-type{grid-column:1/-1}.input-panel>.field-error{grid-column:1/-1}.savings-output{padding:25px 20px}.savings-total{font-size:38px}.savings-chart{margin-top:20px}.experiment-note{font-size:9px;margin-top:17px}.domain-controls{flex-wrap:wrap;gap:10px}.domain-controls label{min-width:90px}.domain-controls select{font-size:11px;padding:8px 20px 8px 8px}.domain-controls>.button{font-size:10px;padding:9px 11px}.domain-intro{font-size:10px}.domain-table-head,.domain-row{grid-template-columns:1.2fr 1fr 1fr 22px;gap:6px}.domain-table-head{font-size:7px}.domain-row input{font-size:10px;padding:8px 6px}.domain-remove{font-size:20px;padding:0}.domain-results{grid-template-columns:1fr;margin-top:20px;gap:9px}.domain-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px}.domain-result>strong{font-size:23px;margin:0 0 0 auto}.domain-result>small{flex-basis:100%;font-size:8px}.project-dialog{padding:35px 25px}.project-dialog h2{font-size:35px}.project-dialog>p:not(.eyebrow){font-size:12px}.project-details{font-size:11px}}
@media(max-width:370px){.site-header nav{gap:11px;font-size:10px}.brand-sub{display:none}.brand{font-size:12px}.hero h1{font-size:67px}.hero-actions{gap:15px}.hero-actions .button{padding:12px 15px;gap:15px}.hero-art{aspect-ratio:1.05}.finance-window{inset:50px 30px -35px}.floating-note{font-size:17px;right:15px}.labs-hero h1{font-size:37px}.lab-type{display:none}.palette-art{inset:58px 20px 25px}.palette-art b{font-size:32px}.contact-title{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
