/* Grunivo Motion: independent visual exploration, all assets local. */
:root{--paper:#f5f7f2;--ink:#113d3c;--green:#057c6d;--muted:#60756d;--line:#d5dfd8}
html{scroll-padding-top:110px}body{background:var(--paper)}.wrap{width:min(1440px,calc(100% - 88px))}
.site-header{background:#f5f7f2ed;backdrop-filter:blur(20px);border-bottom:1px solid #133f3910}.header-inner{min-height:92px}.brand-logo{width:147px;height:74px}.nav{font-size:.79rem;gap:30px}.nav a{transition:color .2s}.nav .nav-contact{background:#113d3c;border-color:#113d3c}.nav .nav-contact:hover{background:#067b69;color:white}.local-notice{background:#e7eee4;font-size:.65rem;padding:8px 20px}
h1,h2{letter-spacing:-.06em}.motion-hero{position:relative;isolation:isolate;overflow:hidden;min-height:780px;border-radius:32px;background:#082f32;color:#f6f7eb;padding:38px 58px 28px;margin-top:24px;display:flex;flex-direction:column;justify-content:space-between}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(#a6d6c533 1px,transparent 1px),linear-gradient(90deg,#a6d6c533 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.motion-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 75% 45%,#0d766e75,transparent 60%)}.hero-ribbons{position:absolute;z-index:-1;right:-90px;top:-150px;width:62%;height:1100px;transform:translate3d(calc(var(--pointer-x,0px)*.6),calc(var(--pointer-y,0px)*.6),0) rotate(-15deg);transition:transform 1s ease-out;pointer-events:none}.hero-ribbons svg{width:100%;height:100%;overflow:visible;animation:ribbon-breathe 14s ease-in-out infinite alternate}.motion-hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.motion-hero .eyebrow{color:#b5dfcc;margin:0;font-size:.6rem;letter-spacing:.15em}.hero-origin{display:flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.06em}.hero-origin>span{color:#b7edcb;font-size:1rem}.motion-hero-content{position:relative;padding:52px 0 55px;max-width:670px;z-index:2}.motion-hero h1{font-size:clamp(4.5rem,7.7vw,8rem);line-height:.97;margin-bottom:30px;font-weight:400}.motion-hero h1 em{color:#b5edcb;display:inline-block}.motion-hero-content p{font-size:.95rem;line-height:1.8;color:#c6dad0}.motion-cta{background:#c0efd1;color:#123d35;border-color:#c0efd1;margin-top:15px;padding:17px 23px;font-size:.83rem;gap:45px}.motion-cta:hover{background:#e0f8e8;color:#123d35}.motion-logo-tile{position:absolute;right:7%;top:40%;width:34%;padding:27px 30px 20px;border:1px solid #edfff199;border-radius:24px;background:linear-gradient(140deg,#f9fcf2f7,#dcefe6ee);box-shadow:0 30px 75px #001c2d55;transform:rotate(-7deg);animation:logo-drift 9s ease-in-out infinite;z-index:1}.motion-logo-tile img{width:100%;height:auto}.motion-logo-tile>span{display:block;font-size:.59rem;letter-spacing:.05em;text-align:center;color:#3e6b60;margin-top:14px}.motion-hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b0d6c12b;padding-top:22px;font-size:.63rem;color:#b2cabe;letter-spacing:.025em}.motion-hero-bottom a{text-decoration:none}.motion-hero-bottom a span{margin-left:22px;color:#c0efd1}.motion-values{display:flex;justify-content:space-between;gap:25px;padding:32px 45px;border-bottom:1px solid var(--line);color:#557467;font-size:.75rem}.motion-values span{display:flex;gap:14px;align-items:center}.motion-values span::before{content:"✦";color:#338d73}
.motion-about{padding:110px 20px 70px}.motion-section-label{display:flex;justify-content:space-between;align-items:center;color:#5b7c6b;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:55px}.tiny-star{font-size:3rem;color:#32846e}.motion-about-main{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.motion-about h2{font-size:clamp(3.2rem,5.1vw,5.3rem);line-height:1.05}.motion-about h2 em{color:#4a9779}.motion-about-copy{max-width:470px}.motion-about-copy .studio-lead{font-size:1.3rem;line-height:1.5;color:var(--ink);margin-bottom:25px}.motion-about-copy p{font-size:.93rem;color:var(--muted)}.motion-about-copy .studio-text-link{font-size:.8rem;margin-top:10px}
.motion-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 0 110px}.motion-principles article{min-width:0;padding:32px;border:1px solid #dce5da;border-radius:24px;background:#ecf0e5;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;transition:transform .4s,box-shadow .4s}.motion-principles article:nth-child(2){background:#e1eee6}.motion-principles article:nth-child(3){background:#e9e7dc}.motion-principles article:hover{transform:translateY(-7px);box-shadow:0 20px 40px -25px #124d3c55}.principle-symbol{font-size:3.5rem;font-family:Georgia,serif;color:#33866b;line-height:1;margin-bottom:40px}.motion-index{font-size:.6rem;color:#6c8374;display:block;margin-bottom:12px}.motion-principles h3{font-size:1.03rem}.motion-principles p{font-size:.81rem;color:#607268;margin:0;line-height:1.8}
.studio-products{padding:0 0 90px;border:0}.studio-products .section-top{border-top:1px solid var(--line);padding-top:50px}.studio-products .section-top h2{font-size:clamp(3rem,4.8vw,5rem)}.studio-product-feature{background:#0c4240;color:#f4f8ed;border-color:#0c4240;padding:60px;border-radius:30px;position:relative;overflow:hidden;isolation:isolate}.studio-product-feature::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 100% 50%,#359a784d,transparent 60%)}.studio-product-copy h3{font-size:6rem}.studio-product-copy h3 span{color:#9fe1bc}.studio-product-copy .studio-product-tagline{color:#e6f6de;font-size:2rem}.studio-product-copy p{color:#bbd4c8}.studio-product-status{border-color:#a7cdbb4d;color:#c6e6d0;font-size:.6rem}.studio-product-copy .button{background:#c0efd1;border-color:#c0efd1;color:#123d35}.studio-product-roadmap{color:#c8e8d5}.studio-product-art{min-height:320px}.studio-product-icons{gap:32px}.studio-product-icons figure{flex-basis:175px}.studio-product-icons img{border-radius:25%;box-shadow:0 35px 40px -22px #001f2977}.studio-product-icons small,.studio-product-family-label{color:#bbd8c7}.studio-product-icons>span{color:#a6d5bc}.studio-product-family-label{border-top-color:#c0e8d530}
.motion-demo{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:30px 40px 95px}.motion-demo-copy{min-width:0}.motion-demo h2{font-size:clamp(3rem,4.6vw,4.8rem)}.motion-demo h2 em{color:#419274}.motion-demo-copy p{font-size:.93rem;color:var(--muted);max-width:420px}.motion-demo-note{font-size:.65rem;color:#708478;display:block;line-height:1.7;max-width:340px}.motion-demo .hero-art{padding:25px 0 115px;min-width:0}.motion-demo .art-heading strong,.motion-demo .hero-art[data-example=child] .art-heading strong{color:#173e36}.motion-demo .art-heading span,.motion-demo .hero-art[data-example=child] .art-heading span{color:#64816e}.motion-demo .art-caption{color:#6d8671}.motion-demo .studio-orbit{border-color:#427e6144}.motion-demo .demo-panel{box-shadow:0 18px 0 -8px #bad6bd90,0 34px 0 -17px #bad6bd40,0 30px 60px -25px #174e3e44}.motion-demo .studio-mascot{width:155px;height:155px;left:-40px}.motion-demo .connection-badge{right:-18px;bottom:25px;background:#e4e9cf;max-width:205px;font-size:.67rem}
.motion-outlook{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:55px 45px 65px;border-radius:30px;background:#e6ecdf;margin-bottom:100px;align-items:center}.motion-outlook h2{font-size:clamp(3.3rem,4.9vw,5rem)}.motion-outlook h2 em{color:#4b8b68}.motion-outlook p{font-size:.9rem;color:#61765f;max-width:400px}.motion-outlook small{display:block;font-size:.64rem;color:#6c7d66;margin-top:20px}.motion-outlook .button{font-size:.8rem}.motion-outlook-art{position:relative;transform:rotate(3deg);text-decoration:none;transition:transform .4s;min-width:0}.motion-outlook-art:hover{transform:rotate(0deg) translateY(-5px)}.motion-outlook-art img{border-radius:24px;border:8px solid #ffffff9c;box-shadow:0 25px 50px -30px #3d5d3888}.outlook-stamp{position:absolute;left:-18px;top:-22px;z-index:1;background:#0c5148;color:#e4f3d8;border:4px solid #e6ecdf;padding:14px 17px;border-radius:100px;font-size:.7rem;transform:rotate(-8deg)}
.motion-contact{text-align:center;padding:0 15px 110px}.motion-contact .eyebrow{justify-content:center}.motion-contact h2{font-size:clamp(3.5rem,6vw,6rem);line-height:1.08;margin-bottom:30px}.motion-contact h2 em{color:#3d8e70}.motion-contact>a{display:inline-flex;align-items:center;gap:60px;font-size:1.15rem;text-decoration:none;border-bottom:1px solid #1f6b53;padding-bottom:12px}.motion-contact>a span{color:#3a8f6b;transition:transform .25s}.motion-contact>a:hover span{transform:translate(4px,-4px)}.motion-contact p{font-size:.78rem;max-width:420px;margin:25px auto 0;color:#688070}.site-footer{background:#0a3334;color:#e1efe4;border-radius:32px 32px 0 0}.site-footer .brand{background:#f4f8ee;padding:5px 18px;border-radius:14px}.site-footer .brand-logo{width:125px;height:63px}.footer-links{color:#cfdfd1}.footer-meta{color:#9fbeb0}.contact-band{background:#e1eddf}
.page-hero,.product-hero{background:linear-gradient(120deg,#e1eee2,#d6e9df);border:1px solid #d3e2d3}.roadmap-hero{background:linear-gradient(120deg,#0a3c3c,#12604f);border:0}.page-hero::before{content:"";position:absolute;right:35px;top:25px;width:75px;height:75px;border:1px solid #85b89940;border-radius:50%;box-shadow:0 0 0 18px #85b8990a}.roadmap-item{transition:background .4s}.roadmap-item:hover{background:#d9e9de38}.roadmap-visual{transition:transform .5s,box-shadow .5s}.roadmap-item:hover .roadmap-visual{transform:rotate(0deg) translateY(-5px)}
.motion-progress{height:2px;background:#32b68e;position:fixed;top:0;left:0;width:100%;transform-origin:left;transform:scaleX(0);z-index:30;pointer-events:none}.motion-toggle{position:fixed;right:20px;bottom:20px;border:1px solid #bdd9c7;background:#f8fbf5ed;color:#17483d;backdrop-filter:blur(12px);padding:10px 14px;border-radius:100px;z-index:20;box-shadow:0 4px 20px #123c3320;font-size:.65rem;cursor:pointer;display:flex;align-items:center;gap:8px}.motion-toggle-icon{font-size:.85rem}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused html{scroll-behavior:auto}.reveal-ready{animation:section-arrive .8s cubic-bezier(.2,.7,.2,1) both}.motion-hero-content{animation:hero-arrive .9s .1s both}.motion-hero-top{animation:hero-arrive .8s both}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes section-arrive{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ribbon-breathe{from{transform:translate(0,-12px) rotate(-2deg)}to{transform:translate(-16px,12px) rotate(3deg)}}@keyframes logo-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-4deg)}}
@media(min-width:1800px){.motion-hero{min-height:850px}.motion-logo-tile{top:35%}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.motion-hero{min-height:720px;padding:30px 40px}.motion-hero h1{font-size:7.8vw}.motion-logo-tile{right:5%;width:36%;top:42%;padding:22px}.motion-about-main{gap:50px}.motion-principles article{padding:26px}.studio-product-feature{padding:40px}.motion-demo{gap:45px;padding-inline:25px}.motion-outlook{gap:40px;padding:45px 35px}.nav{gap:17px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:80px}.nav{font-size:.95rem}.motion-hero{min-height:780px;padding:30px}.motion-hero h1{font-size:clamp(4.2rem,9vw,6rem)}.motion-hero-content{max-width:65%;padding:45px 0 100px}.motion-logo-tile{width:42%;top:53%;right:5%}.hero-ribbons{width:85%;right:-160px;top:-30px}.hero-origin{font-size:.55rem}.motion-hero .eyebrow{font-size:.52rem}.motion-values{padding:25px 10px;font-size:.67rem;gap:15px}.motion-values span{gap:8px}.motion-about{padding:75px 10px 50px}.motion-about-main{grid-template-columns:1fr 1fr;gap:30px}.motion-about h2{font-size:3rem}.motion-about-copy .studio-lead{font-size:1.15rem}.motion-principles{gap:12px;padding-bottom:75px}.motion-principles article{padding:22px;min-height:320px}.motion-principles h3{font-size:.93rem}.motion-principles p{font-size:.74rem}.studio-product-feature{grid-template-columns:1fr}.studio-product-art{min-height:250px}.motion-demo{grid-template-columns:1fr;gap:25px;padding:0 25px 65px}.motion-demo-copy{max-width:570px}.motion-demo .hero-art{width:min(100%,480px);justify-self:center}.motion-demo .studio-mascot{left:-30px}.motion-outlook{grid-template-columns:1fr;gap:50px;margin-bottom:75px}.motion-outlook-art{max-width:600px;margin:0 auto;width:100%}.motion-contact{padding-bottom:80px}.motion-contact h2{font-size:4rem}}
@media(max-width:540px){.wrap{width:calc(100% - 28px)}.header-inner{gap:12px}.brand-logo{width:126px;height:63px}.motion-hero{margin-top:14px;border-radius:24px;padding:25px 23px;min-height:920px}.motion-hero-top{align-items:flex-start;gap:15px}.motion-hero .eyebrow{font-size:.48rem;letter-spacing:.1em;max-width:140px;line-height:1.8}.hero-origin{font-size:.48rem;white-space:nowrap;gap:4px}.hero-origin>span{font-size:.8rem}.motion-hero-content{max-width:100%;padding:40px 0 0}.motion-hero h1{font-size:clamp(3.4rem,13vw,4.8rem);line-height:1.02;margin-bottom:25px}.motion-hero-content p{font-size:.81rem}.motion-cta{font-size:.76rem;padding:14px 19px;gap:30px;margin-top:10px}.hero-ribbons{width:135%;right:-170px;top:250px;height:900px;opacity:.7}.motion-logo-tile{position:relative;inset:auto;width:88%;align-self:center;margin:45px 0 35px;padding:22px 20px 18px;transform:rotate(-5deg)}.motion-logo-tile>span{font-size:.52rem}.motion-hero-bottom{font-size:.53rem;flex-direction:column;gap:13px;padding-top:18px}.motion-hero-bottom a{display:flex;justify-content:space-between}.motion-values{padding:24px 5px;gap:12px;font-size:.6rem;align-items:flex-start}.motion-values span{flex:1;line-height:1.6;display:block}.motion-values span::before{display:block;margin-bottom:6px}.motion-about{padding:60px 8px 35px}.motion-section-label{margin-bottom:28px;font-size:.6rem}.tiny-star{font-size:2rem}.motion-about-main{grid-template-columns:1fr;gap:12px}.motion-about h2{font-size:clamp(2.6rem,10.8vw,3.5rem)}.motion-about-copy p{font-size:.86rem}.motion-about-copy .studio-lead{font-size:1.18rem}.motion-principles{grid-template-columns:1fr;padding-bottom:60px}.motion-principles article{min-height:0;display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 22px}.principle-symbol{font-size:2.8rem;margin:0}.motion-principles h3{font-size:1rem}.motion-principles p{font-size:.8rem}.motion-index{margin-bottom:8px}.studio-products{padding-bottom:60px}.studio-products .section-top{padding-top:35px}.studio-products .section-top h2{font-size:2.7rem}.studio-product-feature{padding:30px 23px;border-radius:24px}.studio-product-copy h3{font-size:4.3rem}.studio-product-copy .studio-product-tagline{font-size:1.65rem}.studio-product-icons{gap:20px}.studio-product-icons figure{flex-basis:125px}.studio-product-art{min-height:230px}.motion-demo{padding:0 12px 55px;gap:10px}.motion-demo h2{font-size:2.7rem}.motion-demo-copy p{font-size:.86rem}.motion-demo .hero-art{padding:25px 4px 120px}.motion-demo .studio-mascot{left:-5px;width:125px;height:125px;bottom:0}.motion-demo .connection-badge{right:0;max-width:175px;padding:12px;bottom:8px;font-size:.6rem}.motion-demo .connection-badge strong{font-size:.67rem}.motion-demo .demo-panel{transform:rotate(0);padding:18px}.motion-demo .demo-tabs button{font-size:.7rem;padding:8px 10px}.motion-outlook{padding:35px 24px 40px;border-radius:24px;gap:45px;margin-bottom:65px}.motion-outlook h2{font-size:3rem}.motion-outlook p{font-size:.85rem}.outlook-stamp{font-size:.6rem;left:-10px;top:-15px;padding:11px 13px}.motion-outlook-art img{border-width:5px;border-radius:17px}.motion-contact{padding-inline:6px;padding-bottom:70px}.motion-contact h2{font-size:clamp(2.7rem,10.8vw,3.7rem)}.motion-contact>a{font-size:1rem;gap:45px}.motion-contact p{font-size:.72rem}.motion-toggle{right:12px;bottom:12px;font-size:.59rem;padding:9px 11px}.site-footer{padding-bottom:75px}.site-footer .brand-logo{width:120px;height:60px}.site-footer .brand{width:fit-content}.page-hero::before{width:40px;height:40px;right:20px;top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-ribbons{transform:rotate(-15deg)}.motion-logo-tile{transform:rotate(-5deg)}.motion-progress{display:none}}
html.motion-paused{scroll-behavior:auto}.motion-paused .reveal-ready,.motion-paused .motion-hero-content,.motion-paused .motion-hero-top{animation:none!important;opacity:1;transform:none}.motion-paused .hero-ribbons{transition:none}
/* Scroll-linked edition: movement is controlled by scroll position, not a timer. */
.hero-ribbons svg,.motion-logo-tile,.motion-hero-content,.motion-hero-top,.studio-mascot,.reveal-ready{animation:none!important}
.hero-ribbons{transform:translate3d(0,calc(var(--hero-scroll,0)*100px),0) rotate(calc(-15deg + var(--hero-scroll,0)*12deg));transition:none}
.motion-logo-tile{transform:translate3d(0,calc(var(--hero-scroll,0)*-75px),0) rotate(calc(-7deg + var(--hero-scroll,0)*10deg));transition:none}
.motion-hero-content{transform:translateY(calc(var(--hero-scroll,0)*22px));opacity:calc(1 - var(--hero-scroll,0)*.35)}
.motion-demo .studio-orbit{display:none}
.scroll-story{padding:0 20px 90px;--story-p:0;--seed-alpha:1;--word-alpha:0;--phone-alpha:0}
.scroll-story-intro{border-top:1px solid var(--line);padding:50px 0 25px}.scroll-story-intro h2{font-size:clamp(3rem,5vw,5rem)}.scroll-story-intro h2 em{color:#3e9473}.scroll-story-intro p{font-size:.8rem;color:#638273}
.scroll-story-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start;position:relative}
.scroll-stage{position:sticky;top:135px;height:min(540px,65vh);border-radius:30px;overflow:hidden;isolation:isolate;background:#103e3e;box-shadow:0 30px 65px -45px #124f4666}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#c5efd511 1px,transparent 1px),linear-gradient(90deg,#c5efd511 1px,transparent 1px);background-size:40px 40px;opacity:.65}
.stage-orbit{position:absolute;left:50%;top:48%;width:70%;aspect-ratio:1;border:1px solid #a4e2be35;border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--story-p)*180deg));scale:calc(.7 + var(--story-p)*.6)}
.stage-orbit::after{content:"";position:absolute;left:15%;top:10%;width:9px;height:9px;background:#b9efcf;border-radius:50%;box-shadow:0 0 30px #79d9ae99}.orbit-two{width:95%;border-style:dashed;opacity:.35;transform:translate(-50%,-50%) rotate(calc(var(--story-p)*-120deg))}
.stage-seed{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) scale(calc(.7 + var(--story-p)*1.5)) rotate(calc(var(--story-p)*-35deg));opacity:var(--seed-alpha)}.stage-seed>span{display:block;font-family:Georgia,serif;font-size:11rem;font-style:italic;color:#bbebce;line-height:1}.stage-seed>i{position:absolute;right:-5px;top:-12px;width:36px;height:56px;background:linear-gradient(140deg,#5fd2a5,#138c76);border-radius:100% 0 100% 0;transform:rotate(10deg)}
.stage-wordmark{position:absolute;left:50%;top:45%;width:80%;padding:25px 20px;background:#f0f8ec;border:1px solid #c9e3cb;border-radius:22px;opacity:var(--word-alpha);transform:translate(-50%,-50%) rotate(calc(-10deg + var(--story-p)*20deg)) scale(calc(.72 + var(--story-p)*.45))}
.stage-wordmark img{width:100%;height:auto}
.stage-phone{position:absolute;left:50%;top:47%;width:58%;max-width:260px;padding:23px 19px 19px;background:#f3f7ed;border:6px solid #d6e5db;border-radius:30px;box-shadow:0 30px 50px #001d2344;opacity:var(--phone-alpha);transform:translate(-50%,calc(-30% - var(--story-p)*22%)) rotate(calc(12deg - var(--story-p)*12deg));color:#174d42}
.stage-phone-top{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:1rem;margin-bottom:23px}.stage-phone-label{font-size:.45rem;letter-spacing:.1em;display:block;color:#709075;margin-bottom:10px}.stage-phone strong{font-family:Georgia,serif;font-size:1.5rem;line-height:1.1;letter-spacing:-.04em;display:block;margin-bottom:20px;font-weight:400}.stage-mini-task{display:flex;align-items:center;gap:9px;border-top:1px solid #dbe5d6;padding:14px 0;font-size:.55rem;line-height:1.5}.stage-mini-task>span{width:21px;height:21px;background:#cbe8d4;display:grid;place-items:center;border-radius:50%;flex:none}.stage-mini-task small{display:block;color:#82927e;font-size:.47rem}.stage-mini-progress{height:5px;border-radius:9px;background:#dae7d6;margin:15px 0}.stage-mini-progress i{display:block;height:100%;background:#258c69;border-radius:9px;width:calc(var(--phone-alpha)*100%)}.stage-phone>small{font-size:.42rem;color:#80917d;display:block;text-align:center}
.stage-caption{position:absolute;left:25px;right:25px;bottom:30px;color:#b6d6c5;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;height:15px}.stage-caption>span{position:absolute;inset:0}.stage-caption-one{opacity:var(--seed-alpha)}.stage-caption-two{opacity:var(--word-alpha)}.stage-caption-three{opacity:var(--phone-alpha)}.stage-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#61967e25}.stage-track>i{display:block;height:100%;width:100%;background:#7bd1a2;transform:scaleX(var(--story-p));transform-origin:left}
.scroll-story-steps{min-width:0}.scroll-story-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;max-width:410px;padding:65px 0}.scroll-story-step>span{font-size:.64rem;color:#5f8b73;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:22px}.scroll-story-step h3{font-family:Georgia,serif;font-size:clamp(2.4rem,3.4vw,3.4rem);font-weight:400;line-height:1.08;letter-spacing:-.04em}.scroll-story-step p{color:#6b8071;font-size:.88rem}.scroll-story-step>a{font-size:.78rem;color:#1b7655;margin-top:10px}.scroll-story-step.is-active h3{color:#08775d}
.motion-paused .hero-ribbons,.motion-paused .motion-logo-tile{transform:rotate(-7deg)}
@media(max-width:1100px){.scroll-story-layout{gap:50px}.scroll-stage{height:480px}.stage-phone{width:64%}}
@media(max-width:850px){.scroll-story{padding-inline:10px}.scroll-story-layout{gap:30px}.scroll-stage{top:110px;height:430px}.stage-phone{width:80%;padding:20px 14px}.stage-phone strong{font-size:1.3rem}.scroll-story-step h3{font-size:2.3rem}.scroll-story-step p{font-size:.82rem}}
@media(max-width:640px){.scroll-story{padding:0 5px 60px}.scroll-story-intro{padding-top:35px}.scroll-story-intro h2{font-size:2.8rem}.scroll-story-layout{display:block}.scroll-stage{top:96px;height:300px;z-index:2;border-radius:23px;margin-bottom:0}.stage-orbit{width:55%;top:45%}.orbit-two{width:80%}.stage-seed>span{font-size:8rem}.stage-seed>i{width:28px;height:42px}.stage-wordmark{width:75%;padding:15px 18px;top:44%}.stage-phone{width:185px;border-width:4px;padding:13px 14px;border-radius:21px;top:43%}.stage-phone-top{font-size:.75rem;margin-bottom:10px}.stage-phone-label{font-size:.35rem;margin-bottom:6px}.stage-phone strong{font-size:1.12rem;margin-bottom:10px}.stage-mini-task{font-size:.46rem;padding:8px 0;gap:6px}.stage-mini-task>span{width:16px;height:16px}.stage-mini-task small{font-size:.37rem}.stage-mini-progress{margin:8px 0;height:4px}.stage-phone>small{font-size:.34rem}.stage-caption{bottom:17px;font-size:.52rem;left:20px}.scroll-story-step{min-height:62vh;padding:45px 13px 35px;max-width:none;justify-content:center}.scroll-story-step h3{font-size:2.5rem;max-width:300px}.scroll-story-step p{max-width:340px}.scroll-story-steps{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.motion-hero-content{opacity:1;transform:none}.hero-ribbons{transform:rotate(-15deg)}.stage-orbit{transform:translate(-50%,-50%);scale:1}.stage-seed{transform:translate(-50%,-50%)}.stage-wordmark{transform:translate(-50%,-50%)}.stage-phone{transform:translate(-50%,-50%)}.scroll-stage{position:relative;top:0}.scroll-story-step{min-height:0;padding-block:30px}}
.motion-hero{contain:paint}.hero-ribbons{overflow:clip}.hero-ribbons svg{overflow:hidden}
@media(max-width:380px){.motion-demo h2{font-size:2rem}.studio-product-copy h3{font-size:3.5rem}.studio-product-icons{gap:12px}.studio-product-icons figcaption{font-size:.68rem}.studio-product-icons small{font-size:.58rem}.motion-hero-content p{font-size:.75rem}}
/* Continuous whole-page choreography. The browser's normal scroll remains intact. */
.scroll-ambience{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;isolation:isolate}.scroll-ambience i{position:absolute;display:block;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(ellipse,#c0e5cb7a,transparent 66%);left:-35vw;top:-20vh;transform:translate3d(calc(var(--page-progress,0)*65vw),calc(var(--page-progress,0)*70vh),0)}.scroll-ambience i:nth-child(2){background:radial-gradient(ellipse,#d4e8d880,transparent 66%);left:auto;right:-40vw;top:40vh;transform:translate3d(calc(var(--page-progress,0)*-75vw),calc(var(--page-progress,0)*-60vh),0)}
body{isolation:isolate;background:#f5f7f2}
.choreo-item{--arrival:1;--departure:0;--travel:.5;transform-origin:50% 70%}
.scroll-choreography-active .choreo-item{transform:translate3d(0,calc((1 - var(--arrival))*64px - var(--departure)*24px),0);opacity:calc(.28 + var(--arrival)*.72);transition:none!important}
.scroll-choreography-active .choreo-card{transform:perspective(1000px) translate3d(0,calc((1 - var(--arrival))*90px),0) rotateX(calc((1 - var(--arrival))*9deg));opacity:calc(.4 + var(--arrival)*.6)}
.scroll-choreography-active .choreo-art{transform:perspective(1000px) translate3d(0,calc((.5 - var(--travel))*90px),0) rotate(calc((.5 - var(--travel))*12deg)) scale(calc(.9 + var(--arrival)*.1));opacity:calc(.3 + var(--arrival)*.7)}
.scroll-choreography-active .studio-product-art.choreo-art{transform:translate3d(0,calc((.5 - var(--travel))*100px),0) scale(calc(.85 + var(--arrival)*.15))}
.scroll-choreo .studio-product-icons figure:first-child img{transform:translateX(calc((1 - var(--section-travel,.5))*-28px)) rotate(calc((1 - var(--section-travel,.5))*-20deg))}
.scroll-choreo .studio-product-icons figure:last-child img{transform:translateX(calc((1 - var(--section-travel,.5))*28px)) rotate(calc((1 - var(--section-travel,.5))*20deg))}
.scroll-choreo .studio-product-icons img{transition:none}
.scroll-choreo .principle-symbol{display:block;transform:rotate(calc(var(--section-travel,.5)*70deg - 35deg));transform-origin:25px 25px}
.scroll-choreo .motion-contact h2 em{display:inline-block;transform:translateY(calc((.5 - var(--section-travel,.5))*15px)) rotate(calc((.5 - var(--section-travel,.5))*-6deg))}
.scroll-choreo .roadmap-number{transform:translateY(calc((.5 - var(--section-travel,.5))*35px))}
.scroll-choreo .page-hero::before{transform:rotate(calc(var(--section-travel,.5)*120deg)) scale(calc(.7 + var(--section-travel,.5)*.6))}
.scroll-choreo .studio-product-feature{background:linear-gradient(calc(100deg + var(--section-travel,.5)*50deg),#0c4240,#176f5a)}
.scroll-position-label{position:fixed;left:17px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.18em;color:#45795a;opacity:calc(.25 + var(--page-progress,0)*.5);pointer-events:none;z-index:5}
.motion-contact{position:relative;isolation:isolate}.motion-contact::before{content:"";position:absolute;z-index:-1;left:50%;top:45%;width:55%;aspect-ratio:1;border:1px solid #84bda24a;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.5 + var(--section-travel,.5)*.8));box-shadow:0 0 0 45px #b8dac11c,0 0 0 90px #b8dac10b;pointer-events:none}
.site-footer{position:relative;overflow:hidden;isolation:isolate}.site-footer::before{content:"";position:absolute;z-index:-1;inset:-150% -30%;background:radial-gradient(ellipse,#2e8f7055,transparent 60%);transform:translateX(calc((var(--section-travel,.5) - .5)*35%));pointer-events:none}
.motion-paused .choreo-item,.motion-paused .choreo-card,.motion-paused .choreo-art{transform:none!important;opacity:1!important}.motion-paused .scroll-ambience,.motion-paused .scroll-position-label{display:none}.motion-paused .scroll-choreo .principle-symbol,.motion-paused .scroll-choreo .motion-contact h2 em,.motion-paused .scroll-choreo .roadmap-number{transform:none}
@media(max-width:850px){.scroll-position-label{display:none}.scroll-choreography-active .choreo-item{transform:translate3d(0,calc((1 - var(--arrival))*40px - var(--departure)*12px),0)}.scroll-choreography-active .choreo-card{transform:translate3d(0,calc((1 - var(--arrival))*50px),0)}.scroll-choreography-active .choreo-art{transform:translate3d(0,calc((.5 - var(--travel))*45px),0) rotate(calc((.5 - var(--travel))*6deg)) scale(calc(.95 + var(--arrival)*.05))}.scroll-choreo .studio-product-icons figure:first-child img{transform:translateX(calc((1 - var(--section-travel,.5))*-10px)) rotate(calc((1 - var(--section-travel,.5))*-12deg))}.scroll-choreo .studio-product-icons figure:last-child img{transform:translateX(calc((1 - var(--section-travel,.5))*10px)) rotate(calc((1 - var(--section-travel,.5))*12deg))}}
@media(prefers-reduced-motion:reduce){.choreo-item,.choreo-card,.choreo-art{transform:none!important;opacity:1!important}.scroll-ambience,.scroll-position-label{display:none}.scroll-choreo .studio-product-icons img,.scroll-choreo .principle-symbol,.scroll-choreo .motion-contact h2 em,.scroll-choreo .roadmap-number{transform:none!important}.motion-contact::before{transform:translate(-50%,-50%)}.site-footer::before{transform:none}}