:root{--paper:#f5f4ef;--ink:#222720;--muted:#72766c;--line:#d9dcd1;--lime:#d6ec93;--sage:#60796a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6b8536;outline-offset:6px}::selection{background:var(--lime)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:14px;z-index:100}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.5px}.brand-dot{color:#6f8950}.brand-icon{font-size:32px;position:relative;border:1.5px solid var(--ink);width:40px;height:40px;line-height:34px;padding-left:7px;border-radius:10px;margin-right:11px;letter-spacing:-4px}.brand-icon span{position:absolute;right:3px;top:-3px;font-size:24px}.header nav{margin-left:auto;display:flex;gap:30px;font-size:13px}.header nav a:hover{color:var(--sage)}.header-cta{font-size:13px;border:1px solid #aeb4a5;padding:14px 17px;border-radius:5px;display:flex;gap:24px}.header-cta:hover{background:var(--lime)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;padding-top:96px;padding-bottom:100px;min-height:660px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.9px;display:flex;gap:10px;align-items:center;margin:0 0 29px}.status-dot{display:inline-block;width:6px;height:6px;background:#678352;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(42px,4.4vw,67px);line-height:1.09;letter-spacing:-3.6px;font-weight:500;margin:0 0 27px;position:relative}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}.hero-asterisk{display:inline-block;color:#7d965d;font-size:66px;margin-left:20px;vertical-align:middle}.hero-description{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 22px;border-radius:5px;font-size:14px}.dark{background:var(--ink);color:#fff;transition:background .2s,transform .2s}.dark:hover{background:#3d4f36;transform:translateY(-2px)}.hero-note{font-size:10px;letter-spacing:.2px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-top:22px}.note-line{height:1px;width:23px;background:#8e9784}.hero-art{height:440px;position:relative;display:flex;align-items:center;padding-bottom:25px}.art-grid{position:absolute;inset:0 5% 0 3%;background:radial-gradient(#aeb5a1 1px,transparent 1px);background-size:17px 17px;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}.floating-label{position:absolute;top:17px;left:40px;transform:rotate(-5deg);font-size:10px;padding:13px 18px;background:var(--lime);border-radius:3px;z-index:2;box-shadow:0 5px 15px #2132190a}.floating-label .status-dot{margin-right:8px}.browser-card{width:100%;z-index:1;transform:rotate(-3deg);background:#fbf9f6;border:1px solid #d4d8ca;border-radius:9px;box-shadow:12px 25px 50px #333d2017;overflow:hidden}.browser-top{height:32px;background:#eaece4;border-bottom:1px solid #dce0d3;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#808773;font-size:8px;letter-spacing:.3px}.dots{letter-spacing:2px;font-size:7px;color:#a7ad9c}.mini-page{padding:0 25px 20px}.mini-nav{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #e6e4dc;font-size:6px;color:#6f756c}.mini-brand{font:14px Georgia,serif;margin-right:auto;color:#30362e}.mini-brand small{display:block;font:5px Arial,sans-serif;letter-spacing:1px;margin-top:4px}.mini-pill{background:#60796a;color:white;padding:7px 10px;border-radius:3px}.mini-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;align-items:center;padding:26px 0}.mini-eyebrow{font-size:5px;letter-spacing:1px;color:#60796a}.mini-hero h2{font:26px/1.18 Georgia,serif;letter-spacing:-.8px;margin:10px 0;color:#383d32}.mini-hero h2 em{font-weight:400;color:#60796a}.mini-hero p{font-size:6px;color:#828676;margin:12px 0 18px}.mini-button{font-size:6px;background:#60796a;color:white;padding:9px;border-radius:4px}.abstract-window{height:170px;position:relative;overflow:hidden;border-radius:80px 80px 5px 5px;background:#e5e7da}.orb{position:absolute;width:45px;height:45px;background:#c89c7f;border-radius:50%;right:18px;top:24px}.arc{position:absolute;border:1px solid #b1baa1;border-radius:50%;width:170px;height:200px;left:-80px;top:55px}.arc-two{left:-61px;top:48px}.stem{position:absolute;height:100px;width:1px;background:#6c7c59;bottom:-3px;left:57%;transform:rotate(20deg)}.leaf{position:absolute;width:36px;height:62px;background:#7e9277;border-radius:0 100%;left:47%;bottom:25px;transform:rotate(-10deg)}.leaf-two{left:60%;bottom:57px;transform:rotate(60deg);width:25px;height:42px;background:#a0af92}.mini-footer{padding-top:13px;display:flex;justify-content:space-between;border-top:1px solid #e6e4dc;font-size:6px;color:#747d6a}.art-tag{z-index:3;position:absolute;bottom:34px;right:-5px;background:#fffefa;border:1px solid #d8ddd0;border-radius:5px;padding:16px 47px 16px 18px;font-size:11px;line-height:1.7;transform:rotate(4deg);box-shadow:0 10px 25px #20351c0b}.art-tag strong{font-weight:500}.art-tag>span{position:absolute;right:15px;top:22px;font-size:24px;color:#7e955d}.art-caption{position:absolute;bottom:0;left:16px;font:9px monospace;letter-spacing:1px;color:#8b917f}.principles{border-block:1px solid var(--line)}.principles .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;font-size:12px;color:#5d6656}.principles i{font-style:normal;font-size:22px;color:#8e9d78}.collection{padding-block:88px 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:18px;color:#72796b}.section-heading h2{font-size:35px;font-weight:400;letter-spacing:-1.2px;margin:0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.project{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:box-shadow .2s}.project:hover{box-shadow:0 15px 40px #2833210b}.project-visual{position:relative;overflow:hidden;background:#e7ebe0;padding:30px 35px 28px;min-height:355px;display:flex;flex-direction:column;justify-content:space-between}.project-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:#616e57;gap:10px}.live-badge{display:flex;align-items:center;gap:6px;background:#f9fbf4a8;padding:8px 10px;border-radius:20px;font-size:9px;letter-spacing:0}.project-title{font:47px/1.15 Georgia,serif;letter-spacing:-1px;color:#4b6251;z-index:1;margin-top:20px}.project-title em{font-weight:400}.project-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#63715c;margin-top:30px}.swatches{display:flex}.swatches i{border:2px solid #e7ebe0;width:22px;height:22px;border-radius:50%;background:#60796a;margin-left:-4px}.swatches i:nth-child(2){background:#c08a6e}.swatches i:nth-child(3){background:#faf8f3}.swatches i:nth-child(4){background:#252a22}.project-flower{position:absolute;right:-55px;bottom:4px;font-size:330px;line-height:1;color:#d4ddc8;transform:rotate(-15deg)}.project-info{padding:44px;display:flex;flex-direction:column;justify-content:space-between;gap:35px;background:#faf9f5}.project-number{font:9px monospace;letter-spacing:1px;color:#858b7c}.project-info h3{font-size:28px;letter-spacing:-.8px;font-weight:400;margin:20px 0 14px}.project-info p{font-size:13px;line-height:1.8;color:var(--muted);max-width:355px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{font-size:9px;padding:7px 9px;border:1px solid var(--line);border-radius:4px;color:#6d7566}.project-link{display:flex;justify-content:space-between;align-items:center;font-size:13px}.circle-arrow{border:1px solid #bdc6b0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:21px;transition:background .2s}.project:hover .circle-arrow{background:var(--lime)}.collection-note{display:flex;justify-content:space-between;font-size:11px;color:#7a8171;padding-top:14px}.collection-note span{font-size:17px}.how{background:#eeefe7;border-block:1px solid var(--line);padding-block:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.steps article{border-top:1px solid #cbd1c1;padding-top:24px}.steps article>span{font:10px monospace;letter-spacing:1px;color:#6f7d61}.steps h3{font-size:19px;font-weight:400;letter-spacing:-.3px;margin:22px 0 13px}.steps p{font-size:13px;color:var(--muted);line-height:1.8;max-width:300px}.end-cta{position:relative;text-align:center;padding-block:90px 85px}.end-cta .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.7px}.end-cta h2{font-size:52px;line-height:1.1;letter-spacing:-2px;font-weight:400;margin:0 0 30px}.cta-star{position:absolute;left:14%;top:105px;font-size:100px;color:#c2d48e;transform:rotate(15deg)}.footer{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);padding-block:28px}.footer .brand{font-size:23px}.footer p,.footer>span{font-size:10px;color:#7e8575}.footer>span{margin-left:auto}@media(min-width:1500px){.hero h1{font-size:67px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{gap:25px;height:90px}.header nav{gap:20px}.hero{gap:25px;padding-block:70px}.hero h1{font-size:48px}.hero-asterisk{font-size:44px;margin-left:7px}.mini-nav-links{display:none}.mini-page{padding-inline:16px}.mini-hero h2{font-size:23px}.abstract-window{height:140px}.floating-label{left:5px;font-size:8px}.art-tag{right:-10px}.project-info{padding:30px}.project-title{font-size:40px}.steps{gap:25px}.section-heading h2{font-size:29px}.hero-art{height:400px}.cta-star{left:7%}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:82px;justify-content:space-between;gap:15px}.header nav{display:none}.brand{font-size:25px}.brand-icon{width:33px;height:34px;font-size:27px;line-height:29px;margin-right:8px}.brand-icon span{font-size:20px}.header-cta{font-size:10px;padding:11px;gap:10px}.hero{grid-template-columns:1fr;padding-top:51px;padding-bottom:38px;gap:30px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:25px}.hero h1{font-size:clamp(40px,9vw,62px);letter-spacing:-2px}.hero-description{font-size:14px}.hero-art{width:min(480px,100%);margin:auto;height:380px;padding-inline:8px}.floating-label{top:8px;left:22px;font-size:9px}.mini-nav-links{display:inline}.mini-hero h2{font-size:27px}.abstract-window{height:158px}.art-tag{right:8px;bottom:20px}.art-caption{bottom:-5px;font-size:8px}.principles .wrap{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:10px;padding-block:24px}.principles i{display:none}.principles span:before{content:'✳';color:#889b6a;margin-right:10px}.collection{padding-block:57px 40px}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:28px}.section-heading h2{font-size:30px;line-height:1.2}.section-heading>p{font-size:12px}.project{grid-template-columns:1fr}.project-visual{min-height:310px;padding:24px}.project-title{font-size:43px}.project-info{padding:29px 24px;gap:27px}.project-info h3{font-size:26px}.collection-note{font-size:10px;line-height:1.8;gap:20px}.how{padding-block:50px}.steps{grid-template-columns:1fr;gap:24px;margin-top:33px}.steps h3{margin:16px 0 10px}.steps p{max-width:none;margin-bottom:0}.end-cta{padding-block:64px}.end-cta h2{font-size:43px}.end-cta .eyebrow{font-size:7px}.cta-star{position:static;display:block;font-size:58px;line-height:1;margin-bottom:27px}.footer{gap:10px;flex-wrap:wrap;padding-block:25px}.footer .brand{width:100%;font-size:23px;margin-bottom:5px}.footer p,.footer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}