@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--white:#fff;--off-white:#fafaf7;--cream:#f5f3ed;--warm-gray:#e8e5de;--mid-gray:#c4c0b6;--text:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#999;--avocado:#3b7a3e;--avocado-light:#5ba660;--avocado-dark:#2a5a2d;--gold:#c8982c;--gold-light:#dfba5e;--seed:#6b4226;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease:cubic-bezier(.25, 1, .5, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;font-size:16px}body{font-family:var(--font-body);background:var(--white);color:var(--text);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{background:#3b7a3e1f}::-webkit-scrollbar{width:0}.nav{z-index:100;height:56px;transition:transform .5s var(--ease), background .4s ease, box-shadow .4s ease;justify-content:space-between;align-items:center;padding:0 clamp(1.5rem,4vw,4rem);display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd1;box-shadow:0 .5px #00000014}.nav-logo{font-family:var(--font-display);letter-spacing:.08em;color:#fffffff2;font-size:1.35rem;font-weight:700;transition:color .4s}.nav.scrolled .nav-logo{color:var(--text)}.nav-links{gap:2.25rem;list-style:none;display:flex}.nav-link{letter-spacing:.02em;color:#ffffffa6;font-size:.8rem;font-weight:400;transition:color .3s}.nav.scrolled .nav-link{color:var(--text-secondary)}.nav-link:hover{color:#fff}.nav.scrolled .nav-link:hover{color:var(--text)}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden}.hero-image-wrapper{position:absolute;inset:0}.hero-image-wrapper img{object-fit:cover;object-position:center 40%;width:100%;height:100%}.hero-overlay{background:linear-gradient(#00000026 0%,#00000005 40%,#0000000a 60%,#00000059 100%);position:absolute;inset:0}.hero-content{text-align:center;z-index:2;opacity:0;animation:fadeUp 1.6s var(--ease-expo) .2s forwards;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:absolute;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1.5rem;font-size:.7rem;font-weight:500}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin-bottom:1.75rem;font-size:clamp(3.2rem,9vw,7.5rem);font-weight:400;line-height:.95}.hero-title em{font-style:italic;font-weight:400}.hero-subtitle{color:#ffffffb8;max-width:440px;margin-bottom:2.5rem;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:300;line-height:1.65}.hero-cta{letter-spacing:.01em;color:#fff;background:var(--avocado);transition:all .35s var(--ease);border-radius:980px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:.85rem;font-weight:500;display:inline-flex;box-shadow:0 4px 20px #3b7a3e4d}.hero-cta:hover{background:var(--avocado-light);transform:scale(1.02);box-shadow:0 6px 28px #3b7a3e66}.hero-cta svg{width:16px;height:16px;transition:transform .3s}.hero-cta:hover svg{transform:translate(3px)}.hero-scroll{z-index:2;opacity:0;animation:fadeUp 1.2s var(--ease-expo) 1.4s forwards;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll span{letter-spacing:.2em;text-transform:uppercase;color:#fff6;font-size:.65rem;font-weight:500}.hero-scroll-line{width:1px;height:32px;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";background:#ffffff80;width:100%;height:100%;animation:1.8s ease-in-out infinite scrollDash;position:absolute;top:-100%;left:0}@keyframes scrollDash{0%{top:-100%}50%{top:0%}to{top:100%}}.statement{text-align:center;background:var(--white);padding:clamp(6rem,12vh,10rem) clamp(1.5rem,8vw,10rem)}.statement-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);opacity:0;max-width:820px;margin:0 auto;font-size:clamp(1.6rem,3.8vw,3.2rem);font-weight:400;line-height:1.35;transform:translateY(30px)}.statement-text em{color:var(--avocado);font-style:italic}.split{grid-template-columns:1fr 1fr;min-height:85vh;display:grid}.split.reverse{direction:rtl}.split.reverse>*{direction:ltr}.split-media{position:relative;overflow:hidden}.split-media img{object-fit:cover;width:100%;height:100%;transition:transform 6s cubic-bezier(.25,.46,.45,.94)}.split-media:hover img{transform:scale(1.04)}.split-content{background:var(--off-white);flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,6rem) clamp(2.5rem,5vw,5rem);display:flex}.split.reverse .split-content{background:var(--white)}.split-label{letter-spacing:.2em;text-transform:uppercase;color:var(--avocado);opacity:0;margin-bottom:1.5rem;font-size:.68rem;font-weight:600;transform:translateY(16px)}.split-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);opacity:0;margin-bottom:1.5rem;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;line-height:1.2;transform:translateY(22px)}.split-heading em{color:var(--avocado);font-style:italic}.split-body{color:var(--text-secondary);opacity:0;max-width:420px;font-size:1rem;font-weight:300;line-height:1.75;transform:translateY(18px)}.machine-intro{background:var(--text);color:#fff;text-align:center;padding:clamp(6rem,12vh,10rem) clamp(1.5rem,6vw,6rem)}.machine-label{letter-spacing:.2em;text-transform:uppercase;color:var(--avocado-light);opacity:0;margin-bottom:1.5rem;font-size:.68rem;font-weight:600;transform:translateY(16px)}.machine-heading{font-family:var(--font-display);opacity:0;max-width:700px;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:400;line-height:1.15;transform:translateY(24px)}.machine-heading em{color:var(--avocado-light);font-style:italic}.machine-body{color:#ffffff80;opacity:0;max-width:500px;margin:0 auto;font-size:1.05rem;font-weight:300;line-height:1.7;transform:translateY(18px)}.scroll-canvas-section{background:#060606;position:relative}.scroll-canvas-sticky{background:#060606;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scroll-canvas{object-fit:contain;width:100%;height:100%}.assembly-progress{z-index:50;opacity:0;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .6s;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.assembly-progress.visible{opacity:1}.assembly-progress-track{background:#ffffff14;border-radius:1px;width:1.5px;height:100px;position:relative;overflow:hidden}.assembly-progress-fill{background:var(--avocado-light);width:100%;transition:height 80ms linear;position:absolute;top:0;left:0}.assembly-progress-label{letter-spacing:.2em;text-transform:uppercase;color:#fff3;writing-mode:vertical-rl;margin-top:.5rem;font-size:.58rem;transform:rotate(180deg)}.assembly-complete-glow{pointer-events:none;z-index:3;opacity:0;background:radial-gradient(#3b7a3e1f 0%,#0000 55%);transition:opacity 1.5s;position:absolute;inset:0}.assembly-complete-glow.active{opacity:1}.scroll-text-overlay{z-index:5;pointer-events:none;position:absolute}.scroll-text-left{text-align:left;top:50%;left:5%;transform:translateY(-50%)}.scroll-text-right{text-align:right;top:50%;right:5%;transform:translateY(-50%)}.scroll-overlay-label{letter-spacing:.2em;text-transform:uppercase;color:var(--avocado-light);margin-bottom:.4rem;font-size:.68rem;font-weight:500}.scroll-overlay-heading{font-family:var(--font-display);color:#fff;margin-bottom:.5rem;font-size:clamp(1.3rem,2.5vw,2.2rem);font-weight:400;line-height:1.25}.scroll-overlay-body{color:#ffffff59;max-width:250px;font-size:.8rem;font-weight:300;line-height:1.6}.features-section{background:var(--white);padding:clamp(6rem,12vh,10rem) clamp(1.5rem,4vw,4rem)}.features-header{text-align:center;margin-bottom:clamp(3rem,6vh,5rem)}.features-label{letter-spacing:.2em;text-transform:uppercase;color:var(--avocado);margin-bottom:1rem;font-size:.68rem;font-weight:600}.features-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:400}.features-title em{color:var(--avocado);font-style:italic}.features-grid{background:#0000000f;border:1px solid #0000000f;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1100px;margin:0 auto;display:grid;overflow:hidden}.feature-card{background:var(--white);opacity:0;padding:2.5rem 2rem;transition:background .4s;position:relative;transform:translateY(30px)}.feature-card:hover{background:var(--off-white)}.feature-icon{background:#3b7a3e0f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.5rem;transition:background .3s;display:flex}.feature-card:hover .feature-icon{background:#3b7a3e1a}.feature-icon svg{width:20px;height:20px;color:var(--avocado)}.feature-title{font-family:var(--font-display);color:var(--text);margin-bottom:.6rem;font-size:1.15rem;font-weight:500}.feature-desc{color:var(--text-secondary);font-size:.85rem;font-weight:300;line-height:1.65}.specs-section{background:var(--off-white);padding:clamp(6rem,12vh,10rem) clamp(1.5rem,4vw,4rem)}.specs-header{text-align:center;margin-bottom:clamp(3rem,6vh,5rem)}.specs-label{letter-spacing:.2em;text-transform:uppercase;color:var(--avocado);margin-bottom:1rem;font-size:.68rem;font-weight:600}.specs-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:400}.specs-title em{color:var(--avocado);font-style:italic}.specs-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.spec-card{background:var(--white);text-align:center;opacity:0;border:1px solid #0000000a;border-radius:16px;padding:2.5rem 1.5rem;transition:all .35s;transform:translateY(24px);box-shadow:0 1px 3px #00000005}.spec-card:hover{box-shadow:0 8px 32px #0000000f;transform:translateY(-2px)!important}.spec-value{font-family:var(--font-display);color:var(--text);margin-bottom:.3rem;font-size:clamp(2.5rem,4vw,3rem);font-weight:400;line-height:1}.spec-unit{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;font-weight:400}.spec-line{background:var(--avocado);opacity:.4;border-radius:1px;width:24px;height:2px;margin:0 auto 1rem}.spec-name{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-size:.7rem;font-weight:600}.cta{background:var(--avocado-dark);color:#fff;text-align:center;padding:clamp(6rem,14vh,12rem) clamp(1.5rem,6vw,6rem)}.cta-title{font-family:var(--font-display);opacity:0;margin-bottom:1.25rem;font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:400;line-height:1.05;transform:translateY(24px)}.cta-title em{color:var(--gold-light);font-style:italic}.cta-body{color:#fff9;opacity:0;max-width:440px;margin:0 auto 2.5rem;font-size:1.05rem;font-weight:300;line-height:1.7;transform:translateY(18px)}.cta-btn{color:var(--avocado-dark);transition:all .35s var(--ease);opacity:0;background:#fff;border-radius:980px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:.85rem;font-weight:500;display:inline-flex;transform:translateY(14px)}.cta-btn:hover{background:var(--gold-light);color:var(--text);transform:scale(1.02)!important}.cta-btn svg{width:16px;height:16px;transition:transform .3s}.cta-btn:hover svg{transform:translate(3px)}.footer{background:var(--white);border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding:3rem clamp(1.5rem,4vw,4rem) 2rem;display:flex}.footer-logo{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);font-size:1.1rem;font-weight:700}.footer-text{color:var(--text-tertiary);font-size:.72rem;font-weight:400}.loading-screen{z-index:9999;background:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);font-size:1.8rem;font-weight:700}.loading-tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);font-size:.65rem}.loading-bar-container{background:#0000000a;border-radius:1px;width:160px;height:2px;overflow:hidden}.loading-bar{background:var(--avocado);border-radius:1px;width:0%;height:100%;transition:width 80ms linear}.loading-percent{letter-spacing:.15em;color:var(--text-tertiary);font-size:.65rem;font-weight:400}.particle-canvas{z-index:0;pointer-events:none;opacity:.25;position:fixed;inset:0}.revealed .statement-text,.revealed .split-label,.revealed .split-heading,.revealed .split-body,.revealed .machine-label,.revealed .machine-heading,.revealed .machine-body,.revealed .cta-title,.revealed .cta-body,.revealed .cta-btn{opacity:1;transition:opacity 1s var(--ease-expo), transform 1s var(--ease-expo);transform:translateY(0)}.revealed .split-heading{transition-delay:.1s}.revealed .split-body{transition-delay:.2s}.revealed .machine-heading{transition-delay:.1s}.revealed .machine-body{transition-delay:.2s}.revealed .cta-body{transition-delay:.12s}.revealed .cta-btn{transition-delay:.24s}@media (width<=1024px){.split{grid-template-columns:1fr}.split-media{height:55vh}.split.reverse{direction:ltr}.features-grid{grid-template-columns:repeat(2,1fr);max-width:760px}.specs-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (width<=768px){.nav{padding:0 1.25rem}.specs-grid{grid-template-columns:1fr;gap:1rem}.features-grid{grid-template-columns:1fr;max-width:420px}.assembly-progress{display:none}.split-content{text-align:center;align-items:center;padding:3rem 1.75rem}.scroll-text-overlay{width:90%;text-align:center!important;inset:auto auto 8% 50%!important;transform:translate(-50%)!important}.scroll-overlay-body{max-width:100%;margin:0 auto}.footer{text-align:center;flex-direction:column;gap:1rem;padding-top:2.5rem;padding-bottom:2.5rem}}@media (width<=480px){.hero-eyebrow{font-size:.6rem}.hero-scroll{bottom:1.5rem}.hero-cta{padding:.8rem 1.8rem}.statement,.machine-intro{padding:5rem 1.5rem}.cta{padding:6rem 1.5rem}}