@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/font-0.b0ae3e89a7d3.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/font-1.376427b53221.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/font-2.b79a2ea7a38f.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/font-3.2a8e7f713ee7.ttf) format('truetype'); } @font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url(/assets/font-4.fecf4861d520.ttf) format('truetype'); } @font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/font-5.a99e3db50076.ttf) format('truetype'); } :root{--paper:#f4f1ea;--ink:#191b1b;--muted:#65655e;--line:#d6d3cb;--purple:#695cff;--coral:#ff7058;--lime:#b7e36b;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--purple);outline-offset:6px}p{margin:0 0 1.2rem}h1,h2,h3,h4{font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0}h2{font-size:clamp(3rem,6.7vw,7rem)}h3{font-size:clamp(1.7rem,3vw,3rem)}em{font-family:var(--serif);font-weight:400}img{display:block;max-width:100%}button{cursor:pointer}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;gap:30px;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:650;letter-spacing:-2.3px;line-height:1}.brand span{font-size:13px;letter-spacing:0;vertical-align:top;margin-left:4px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .3s}.header nav a:hover:after,.header nav a[aria-current]:after{right:0}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 26px;border:1px solid var(--ink);border-radius:60px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:500;transition:background .3s,color .3s,transform .3s}.pill:hover{background:var(--coral);color:var(--ink);transform:translateY(-3px)}.pill.small{padding:12px 20px;font-size:14px}.button-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);transition:background .3s}.pill:hover .button-dot{background:var(--ink)}.eyebrow,.micro{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:500}.hero{position:relative;padding:36px 4.5vw 52px;min-height:calc(100svh - 104px);overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:25px}.hero h1{font-size:clamp(7rem,16vw,16rem);line-height:.79;letter-spacing:-.085em;position:relative;z-index:2;margin:52px 0 20px;max-width:70%}.hero h1 em{letter-spacing:-.055em;display:inline-block;margin-left:14.5vw;color:#4c463d;line-height:.9}.hero-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:end;margin-top:-34px;position:relative;z-index:3}.hero-bottom>div{max-width:430px;justify-self:end;font-size:20px}.hero-bottom .muted{font-size:15px}.muted{color:var(--muted)}.scroll-link{font-size:13px;display:flex;align-items:center;gap:25px;margin-bottom:14px}.scroll-link span{font-size:25px}.text-link{display:inline-block;border-bottom:1px solid;padding:5px 0;font-size:15px;font-weight:500;transition:color .3s}.text-link:hover{color:var(--purple)}.corner-note{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:45px;color:var(--muted)}.section{padding:140px 7vw;position:relative;overflow:hidden}.section>.eyebrow{margin-bottom:60px}.section h2{max-width:1100px}.lead{font-size:clamp(1.25rem,2.1vw,1.9rem);letter-spacing:-.025em;line-height:1.45;margin-top:45px}.narrow{max-width:670px}.signal-section{isolation:isolate}.signal-section>:not(.signal){position:relative;z-index:2}.signal{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.signal svg{width:100%;height:100%;overflow:visible}.signal .base{stroke:var(--ink);stroke-opacity:.035}.signal path{fill:none;stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}.signal .live{stroke-width:6;opacity:.6}.signal circle{fill:var(--paper);stroke:#aaa79f;stroke-width:1;transition:fill .4s,stroke .4s}.signal circle.active{fill:var(--coral);stroke:var(--coral)}.hero .signal .live{stroke-width:8;opacity:.8}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.seen){opacity:0;transform:translateY(28px)} @media(min-width:1600px){.hero h1{margin-top:75px}.hero-bottom{margin-top:0}}@media(max-width:1000px){.header nav{gap:18px}.hero-bottom{margin-top:10px}.hero h1{font-size:18vw}.hero-top .micro{display:none}.hero{min-height:750px}}@media(max-width:720px){.header{height:82px;padding:0 6vw;gap:15px}.header nav{display:none}.brand{font-size:28px}.header .pill{font-size:12px;padding:11px 15px;gap:14px}.hero{padding:30px 6vw 35px;min-height:calc(100svh - 82px)}.hero h1{font-size:24vw;max-width:100%;margin:70px 0 45px;line-height:.84}.hero h1 em{margin-left:14vw}.hero-bottom{grid-template-columns:1fr;margin-top:0;gap:45px}.hero-bottom>div{font-size:20px;justify-self:start}.hero-bottom .muted{font-size:16px}.scroll-link{order:2;font-size:12px;margin:0}.corner-note{display:none}.section{padding:85px 6vw}.section>.eyebrow{margin-bottom:34px}h2{font-size:clamp(2.6rem,10vw,4.3rem)}.signal .live{opacity:.32}.hero .signal .live{opacity:.5;stroke-width:5}.eyebrow{font-size:12px}.lead{margin-top:30px}} .nav-actions{display:flex;align-items:center;gap:18px}.menu-toggle{display:none;border:0;background:none;padding:12px;width:44px;height:44px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);margin:6px 0;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu[hidden],[hidden]{display:none!important}.mobile-menu{background:var(--paper);padding:30px 6vw 55px;border-bottom:1px solid var(--line)}.mobile-menu a{display:block;padding:14px 0;font-size:30px;letter-spacing:-.04em;border-bottom:1px solid var(--line)}.mobile-menu a span{display:inline-block;width:45px;font-size:12px;letter-spacing:0;color:var(--muted)}.problem-section{padding-top:170px;padding-bottom:170px}.problem-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw;margin-top:65px}.problem-grid .lead{margin:0}.problem-grid>div{max-width:480px}.underline-statement{display:inline-block;border-bottom:2px solid var(--coral);padding-bottom:10px;margin-top:24px}.dark{background:var(--ink);color:var(--paper);--muted:#acaeaa;--line:#3a3c3b}.dark .text-link:hover{color:var(--lime)}.dark .signal .base{stroke:var(--paper);stroke-opacity:.05}.dark .signal circle{fill:var(--ink);stroke:#6e716e}.dark .signal circle.active{fill:var(--lime);stroke:var(--lime)}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:65px}.split-heading>p{font-size:16px;max-width:380px;line-height:1.65;margin-bottom:8px}.split-heading>.text-link{flex-shrink:0}.system-section{padding-bottom:70px}.system-explorer{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:70px}.system-options{position:relative}.system-options:after{content:'';position:absolute;right:10px;top:36px;bottom:36px;width:1px;background:linear-gradient(var(--purple),var(--coral),var(--lime))}.system-options button{position:relative;display:flex;align-items:center;width:100%;gap:30px;padding:21px 0;color:#b9bbb7;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;transition:color .25s}.system-options button:last-child{border-bottom:1px solid var(--line)}.system-number{font-size:12px;color:var(--muted)}.system-label{font-size:clamp(18px,2vw,30px);letter-spacing:-.035em}.system-point{width:21px;height:21px;border:1px solid #656962;border-radius:50%;background:var(--ink);margin-left:auto;z-index:2;transition:background .3s,transform .3s}.system-options button[aria-selected=true]{color:var(--paper)}.system-options button[aria-selected=true] .system-point{background:var(--lime);border-color:var(--lime);transform:scale(1.35)}.system-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 0}.system-content h3{font-size:clamp(2.1rem,3.4vw,3.9rem);max-width:470px;line-height:1.1}.system-content p{max-width:450px;color:#b9bbb7;margin-top:26px}.system-content .big-index{display:block;color:var(--lime);font-family:var(--serif);font-style:italic;font-size:70px;line-height:1;margin-bottom:30px}.system-note{border-top:1px solid var(--line);padding-top:20px;font-size:13px!important}.section-end{border-top:1px solid var(--line);margin-top:65px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px}.section-end p{margin:0}.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.eco-card{position:relative;min-height:620px;padding:34px;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;transition:transform .5s}.eco-card:hover{transform:translateY(-6px)}.orbit-card{background:#c9cbba;color:var(--ink)}.orbit-card:before{content:'';position:absolute;width:140%;height:75%;left:-20%;top:15%;border:1px solid rgba(25,27,27,.25);border-radius:42% 58% 40% 60%;transform:rotate(-32deg);z-index:-1;transition:transform 1s}.orbit-card:hover:before{transform:rotate(-24deg) translateY(20px)}.orbit-card:after{content:'';position:absolute;width:23px;height:23px;border-radius:50%;background:var(--purple);right:24%;top:22%;z-index:-1;box-shadow:0 0 0 10px #695cff12}.apex-card{background:#263225;color:#fff}.apex-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0009,#0001 35%,#000a);z-index:-1}.apex-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s}.apex-card:hover>img{transform:scale(1.045)}.card-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.055em;text-transform:uppercase;gap:12px}.eco-card h3{font-size:clamp(4rem,7vw,8rem);letter-spacing:-.075em;margin:auto 0 34px;line-height:.9}.eco-card h3 span{font-size:21px;vertical-align:top;letter-spacing:0;display:inline-block;padding:8px}.eco-card p{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.3;letter-spacing:-.035em}.card-bottom{padding-top:24px;margin-top:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ffffff4d;font-size:12px}.orbit-card .card-bottom{border-color:#191b1b44}.card-action{border-bottom:1px solid;padding:5px 0;white-space:nowrap;font-size:14px}.work-rows{margin-top:70px}.work-rows>a{display:grid;grid-template-columns:55px 1fr auto;padding:43px 0;gap:30px;border-top:1px solid var(--line);transition:padding .4s}.work-rows>a:last-child{border-bottom:1px solid var(--line)}.work-rows>a:hover{padding-left:15px}.work-rows h3{font-size:clamp(2.1rem,3.5vw,3.8rem);line-height:1.05}.work-rows p{font-size:15px;color:var(--muted);margin:20px 0 0}.row-index,.row-note{font-size:12px}.row-note{align-self:end;color:var(--muted)}.method-section{background:#e8e6de}.method-widget{margin:80px 0 40px}.method-tabs{display:grid;grid-template-columns:repeat(7,1fr)}.method-tabs button{text-align:left;padding:18px 8px 20px;background:transparent;border:0;border-top:1px solid #aaa99f;font-size:14px;position:relative;transition:background .3s,color .3s}.method-tabs button>span{display:block;font-size:12px;color:var(--muted);margin-bottom:25px}.method-tabs button:before{content:'';width:9px;height:9px;border-radius:50%;position:absolute;top:-5px;left:8px;background:#aaa99f}.method-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.method-tabs button[aria-selected=true]:before{background:var(--coral);width:13px;height:13px;top:-7px}.method-tabs button[aria-selected=true]>span{color:#c0c1b9}.method-panel{padding:45px 0 15px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;min-height:210px}.method-panel h3{font-family:var(--serif);font-style:italic;font-size:3.5rem;letter-spacing:-.035em}.method-panel p{max-width:500px}.case-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:center}.case-photo{position:relative;overflow:hidden}.case-photo img{width:100%;height:620px;object-fit:cover;transition:transform 1s}.case-feature:hover .case-photo img{transform:scale(1.035)}.case-badge{position:absolute;bottom:25px;left:25px;background:#f4f1aea6;backdrop-filter:blur(14px);padding:10px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink)}.case-info h3{font-size:clamp(2.8rem,4.4vw,5rem);line-height:1.04}.case-info p:not(.eyebrow){margin-top:30px;max-width:380px;color:var(--muted)}.human-section{background:#d6d9cb;padding-top:160px;padding-bottom:150px}.human-section h2{font-size:clamp(3rem,7.5vw,8rem)}.human-copy{max-width:590px;margin-left:auto;padding-top:20px}.human-copy .lead{margin-top:30px}.closing{padding-top:150px;padding-bottom:100px}.closing h2{font-size:clamp(3.5rem,8vw,9rem);max-width:1100px}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-top:70px}.closing-bottom p{font-size:16px;margin:0}.closing .pill{background:var(--purple);border-color:var(--purple);color:white;padding:22px 35px;gap:45px}.closing .pill:hover{background:var(--ink);border-color:var(--ink)}.footer{padding:65px 4.5vw 24px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-top{display:grid;grid-template-columns:1.25fr 1fr 1.2fr 1fr;gap:35px}.footer-top a{display:block;margin:9px 0;font-size:14px}.footer-top a:hover{color:var(--lime)}.footer-top p{font-size:14px;color:#b7b9b3;margin:9px 0}.footer-top .eyebrow,.footer-label{margin-bottom:22px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.07em;color:#f4f1ea!important}.footer-top>div:first-child>p:not(.eyebrow){font-size:20px;color:var(--paper);line-height:1.35}.footer-wordmark{display:block;font-size:21vw;line-height:.9;letter-spacing:-.075em;font-weight:600;margin:90px 0 45px;white-space:nowrap}.footer-wordmark span{font-size:3vw;vertical-align:top;display:inline-block;margin-top:2vw;letter-spacing:0}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #444842;padding-top:25px;font-size:12px;color:#b7b9b3}.back-top{font-size:12px;background:transparent;color:inherit;border:0;padding:0}.subhero{padding-top:65px;padding-bottom:100px;min-height:650px}.subhero h1{font-size:clamp(3.5rem,7.4vw,8rem);max-width:1250px;line-height:1.03}.subhero .eyebrow{margin-bottom:65px}.subhero-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px}.subhero .lead{max-width:690px;font-size:clamp(1.2rem,2vw,1.7rem)}.subhero-bottom .pill{margin-bottom:20px;flex-shrink:0}.intro-split{display:grid;grid-template-columns:1fr 2fr;gap:7vw;border-top:1px solid var(--line)}.intro-split h2{font-size:clamp(2.9rem,5vw,5.5rem)}.intro-split p:not(.eyebrow){max-width:720px}.capability-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:40px;padding:40px 0;border-top:1px solid var(--line)}.capability-list article>span{font-size:13px;color:var(--muted)}.capability-list h3{font-size:clamp(1.8rem,2.8vw,2.8rem)}.capability-list h4{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin-bottom:17px}.capability-list p{font-size:16px;color:var(--muted);margin-bottom:0}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;border-top:1px solid var(--line)}.faq-section .eyebrow{margin-bottom:35px}.faq-section h2{font-size:clamp(3rem,5vw,5rem)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:19px;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:26px;font-weight:400;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:16px;color:var(--muted);padding-right:35px;padding-bottom:15px}.eco-index{padding-top:0}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:80px}.three-columns article{border-top:1px solid var(--line);padding-top:25px}.three-columns article>span{font-size:13px;color:var(--muted);display:block;margin-bottom:55px}.three-columns h3{font-size:clamp(1.7rem,2.9vw,3rem);line-height:1.1}.three-columns p{font-size:16px;color:var(--muted);margin-top:25px}.service-hero h1{font-size:clamp(4rem,8.7vw,9.5rem)}.service-hero.orbit{background:#d6d9cb}.service-hero.apex{background:#e6e0d4}.service-scope{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.service-scope h2{font-size:clamp(2.8rem,4.6vw,5rem)}.service-scope>div>p:not(.eyebrow){max-width:460px;margin-top:30px}.service-scope ol{list-style:none;counter-reset:item;margin:0;padding:0}.service-scope li{counter-increment:item;border-top:1px solid var(--line);padding:22px 0;display:flex;gap:25px}.service-scope li:before{content:'0' counter(item);font-size:12px;margin-top:5px;color:var(--muted)}.fit-section{background:#e6e6da}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:65px}.two-columns h3{margin-bottom:22px}.two-columns p{color:var(--muted);max-width:500px}.role-section{background:#e4e0d9}.scale-list{max-width:1000px;margin-left:auto}.scale-list article{display:grid;grid-template-columns:100px 1fr;gap:50px;padding:45px 0;border-top:1px solid var(--line)}.scale-list article>span{font-family:var(--serif);font-size:80px;line-height:1;color:var(--purple)}.scale-list h3{font-size:clamp(2rem,4vw,4rem)}.scale-list p{max-width:630px;color:var(--muted);margin:25px 0 0}.cases-index{padding-top:0}.brand-clients h2{font-size:clamp(2.5rem,5vw,5rem)}.client-names{display:flex;flex-wrap:wrap;gap:35px 60px;align-items:center;margin-top:65px}.client-names span{font-size:24px;letter-spacing:-.03em}.client-names span:nth-child(even){font-family:var(--serif);font-size:30px}.case-cover{margin:0 4.5vw}.case-cover img{width:100%;height:80vh;object-fit:cover;object-position:center 55%}.case-cover figcaption{font-size:12px;margin-top:15px;color:var(--muted)}.case-story{display:grid;grid-template-columns:1fr 2fr;gap:7vw;overflow:visible}.case-story aside{position:sticky;top:35px;align-self:start}.case-story dl{font-size:14px}.case-story dt{color:var(--muted);margin-top:20px}.case-story dd{margin:5px 0;max-width:200px}.case-story article{margin-bottom:90px}.case-story h2{font-size:clamp(2.5rem,4.5vw,5rem);margin-bottom:30px}.case-story article p{max-width:680px;font-size:18px}.source-note{font-size:13px;color:var(--muted)}.source-note a{text-decoration:underline}.case-wide{margin:0 7vw}.case-wide img{width:100%;max-height:850px;object-fit:cover}.studio-manifesto h2{max-width:1150px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:60px 8vw}.principles article{border-top:1px solid var(--line);padding-top:22px}.principles article>span{font-size:12px;color:var(--muted)}.principles h3{font-size:clamp(1.8rem,3vw,3rem);margin:45px 0 25px;line-height:1.1}.principles p{color:var(--muted);max-width:460px}.contact-section{display:grid;grid-template-columns:1fr 1.05fr;gap:10vw;padding-top:20px}.contact-aside h2{font-size:clamp(2.5rem,4vw,4.5rem)}.contact-aside>p:not(.eyebrow){max-width:370px;margin-top:35px}.contact-details{font-size:14px;line-height:2}.form-field{margin-bottom:30px}.form-field label{display:block;font-size:15px;margin-bottom:12px}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;border:0;border-bottom:1px solid #aaa99e;background:transparent;border-radius:0;color:var(--ink);padding:14px 0;outline-offset:3px}.form-field textarea{resize:vertical;min-height:140px}.form-field input::placeholder,.form-field textarea::placeholder{color:#75746c;font-size:15px}.form-field select{cursor:pointer;font-size:16px}.form-note{font-size:13px;color:var(--muted);max-width:480px;line-height:1.65}.form-note a{text-decoration:underline}.contact-result{margin-top:35px;padding:30px;background:#e5e8d9;border:1px solid #bdc0b0}.contact-result h3{font-size:32px}.contact-result p{font-size:14px;margin-top:20px}.contact-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.6;max-height:320px;overflow:auto;padding:15px;border:1px solid #bdc0b0}.contact-result .text-link{display:block;background:none;border:0;border-bottom:1px solid;margin-top:25px;width:max-content}.legal-copy{max-width:1000px;margin:auto;padding-top:0}.legal-copy article{margin-bottom:65px}.legal-copy h2{font-size:36px;letter-spacing:-.04em;margin-bottom:25px}.legal-copy a{text-decoration:underline} @media(min-width:1700px){.section{padding-left:max(7vw,calc((100vw - 1550px)/2));padding-right:max(7vw,calc((100vw - 1550px)/2))}.hero h1{font-size:min(16vw,290px)}} @media(max-width:1100px){.header nav{gap:19px;font-size:13px}.header{gap:20px}.footer-top{grid-template-columns:1fr 1fr;gap:45px}.eco-card{min-height:540px;padding:25px}.card-top{flex-direction:column}.card-bottom{align-items:start;flex-direction:column;gap:18px}.row-note{display:none}.case-photo img{height:500px}.subhero-bottom{display:block}.subhero-bottom .pill{margin-top:20px}.system-explorer{gap:6vw}.system-label{font-size:23px}.method-tabs{grid-template-columns:repeat(4,1fr);gap:20px 0}.method-panel{min-height:245px}.method-tabs button{font-size:15px}.hero{min-height:800px}.subhero{min-height:600px}} @media(max-width:720px){.header{height:82px;padding:0 6vw}.nav-actions{gap:6px}.menu-toggle{display:block}.header .brand{font-size:27px}.header .pill{font-size:12px;gap:13px;padding:11px 14px}.hero{min-height:calc(100svh - 82px)}.hero h1{margin-top:60px;margin-bottom:42px}.hero-bottom>div{max-width:100%}.hero-bottom p:first-child{font-size:19px}.hero-bottom .muted{font-size:15px}.hero-top .eyebrow{font-size:10px;letter-spacing:.07em}.problem-section{padding-top:100px;padding-bottom:90px}.problem-grid{grid-template-columns:1fr;gap:35px;margin-top:38px}.split-heading{display:block;margin-bottom:40px}.split-heading>p{margin-top:30px}.split-heading>.text-link{margin-top:30px}.system-explorer{grid-template-columns:1fr;gap:32px;margin-top:35px}.system-options button{padding:17px 0;gap:25px}.system-label{font-size:23px}.system-content{padding:10px 0 0;min-height:315px}.system-content .big-index{font-size:55px;margin-bottom:22px}.system-content h3{font-size:2.4rem;max-width:95%}.system-content p{font-size:16px}.system-note{margin-top:30px!important}.section-end{display:block;margin-top:40px}.section-end .text-link{margin-top:20px}.eco-grid{grid-template-columns:1fr;gap:20px}.eco-card{min-height:530px;padding:27px}.eco-card h3{font-size:21vw;margin-bottom:32px}.eco-card p{font-size:24px}.card-top{flex-direction:row;font-size:10px;gap:20px}.card-top span:last-child{text-align:right}.card-bottom{flex-direction:column;gap:18px;margin-top:30px}.work-rows{margin-top:45px}.work-rows>a{grid-template-columns:26px 1fr;gap:15px;padding:32px 0}.work-rows>a:hover{padding-left:0}.work-rows h3{font-size:2.05rem}.work-rows p{font-size:15px}.method-widget{margin-top:50px}.method-tabs{grid-template-columns:repeat(2,1fr);gap:25px 0}.method-tabs button{padding:16px 14px}.method-tabs button>span{margin-bottom:12px}.method-tabs button:before{left:14px}.method-panel{grid-template-columns:1fr;gap:15px;padding-top:35px;min-height:260px}.method-panel h3{font-size:2.7rem}.case-feature{grid-template-columns:1fr;gap:35px}.case-photo img{height:480px}.case-info h3{font-size:3.2rem}.case-info h3 br:nth-of-type(2){display:none}.case-info p:not(.eyebrow){max-width:100%}.human-section{padding-top:90px;padding-bottom:90px}.human-copy{padding-top:12px}.closing{padding-top:90px;padding-bottom:75px}.closing h2{font-size:14vw}.closing-bottom{display:block;margin-top:40px}.closing-bottom .pill{margin-top:35px;padding:20px 26px;gap:25px}.closing-bottom p{font-size:16px}.footer{padding:55px 6vw 28px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-top p,.footer-top a{font-size:14px;overflow-wrap:anywhere}.footer-wordmark{font-size:20vw;margin:55px 0 35px}.footer-wordmark span{font-size:3vw}.footer-bottom{flex-wrap:wrap;gap:20px;display:grid;grid-template-columns:1fr 1fr}.footer-bottom>*:nth-child(even){text-align:right}.back-top{justify-self:end}.subhero{min-height:auto;padding-top:50px;padding-bottom:65px}.subhero .eyebrow{margin-bottom:45px}.subhero h1{font-size:clamp(3rem,11.3vw,5rem);line-height:1.06;letter-spacing:-.055em}.subhero .lead{font-size:20px;margin-top:35px}.subhero-bottom .pill{margin-top:15px}.intro-split{grid-template-columns:1fr;gap:0}.intro-split>.eyebrow{margin-bottom:35px}.intro-split h2{font-size:2.9rem}.capability-list article{grid-template-columns:30px 1fr;gap:15px 20px;padding:30px 0}.capability-list article>div{grid-column:2}.capability-list h3{font-size:26px}.capability-list h4{font-size:19px;margin-top:12px}.faq-section{grid-template-columns:1fr;gap:40px}.faq-list summary{font-size:18px}.three-columns{grid-template-columns:1fr;gap:35px;margin-top:45px}.three-columns article>span{margin-bottom:25px}.three-columns h3{font-size:2.2rem}.service-scope{grid-template-columns:1fr;gap:35px}.service-scope h2{font-size:2.8rem}.two-columns{grid-template-columns:1fr;gap:30px;margin-top:45px}.scale-list article{grid-template-columns:45px 1fr;gap:20px;padding:30px 0}.scale-list article>span{font-size:45px}.scale-list h3{font-size:30px}.scale-list p{font-size:16px}.cases-index,.eco-index{padding-top:0}.client-names{gap:25px 35px}.client-names span{font-size:22px}.case-cover{margin:0}.case-cover img{height:65vh;min-height:430px}.case-cover figcaption{margin:15px 6vw}.case-story{grid-template-columns:1fr;gap:45px}.case-story aside{position:static}.case-story dl{display:grid;grid-template-columns:90px 1fr;gap:12px}.case-story dt,.case-story dd{margin:0}.case-story article{margin-bottom:55px}.case-story h2{font-size:2.7rem}.case-story article p{font-size:17px}.case-wide{margin:0}.principles{grid-template-columns:1fr;gap:35px}.principles h3{margin-top:25px;font-size:2rem}.contact-section{grid-template-columns:1fr;gap:60px;padding-top:20px}.contact-aside h2{font-size:3rem}.form-field input,.form-field select,.form-field textarea{font-size:16px}.contact-result{padding:23px}.contact-result .pill{font-size:14px;padding:16px}.legal-copy{padding-top:0}.legal-copy h2{font-size:30px}.case-badge{backdrop-filter:none;background:#f4f1eadc}} @media(max-width:380px){.header{padding:0 4vw}.header .pill{padding:11px;font-size:11px;gap:10px}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:25vw}.card-top{font-size:9px}.method-tabs button{font-size:14px}.footer-top{grid-template-columns:1fr}.footer-top>div{grid-column:1!important}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.seen){opacity:1;transform:none}.signal .live{opacity:.2}.eco-card:hover{transform:none}} .orbit-card:before{border:0;border-top:2px solid rgba(105,92,255,.4);border-radius:50% 25% 0 0;height:100%;width:170%;left:-15%;top:20%;transform:rotate(38deg)}.orbit-card:hover:before{transform:rotate(32deg)}.apex-card>img{object-position:center 65%}.case-photo img{object-position:center 65%}.case-cover img{object-position:center 65%}.case-badge{background:#f4f1eacc}.case-info h3 em{display:inline-block}.case-wide img{height:auto}.case-info h3 br:nth-of-type(2){display:block} /* Scroll signal: a bolder thread and softly deforming connection rings. */ .signal path.base,.signal path.live{stroke-width:11} .hero .signal path.live{stroke-width:13} .signal .signal-node path{vector-effect:none;stroke-linejoin:round;stroke-linecap:round} .signal .node-ring{fill:none;stroke:var(--node-stroke);stroke-width:7} .dark .signal .node-ring{fill:none;stroke:var(--node-stroke)} .signal .node-echo{fill:none;stroke:var(--purple);stroke-width:9;opacity:0;transform:translate(-2px,2px)} .signal .signal-node.active .node-echo{animation:node-flash .85s ease-out infinite;animation-play-state:paused} .signal .node-organic{transform:scale(1)} .signal .signal-node.active .node-organic{animation:node-breathe .85s cubic-bezier(.22,.75,.25,1) infinite;animation-play-state:paused} .signal .signal-node.active .node-ring{animation:node-morph .85s ease-in-out infinite;animation-play-state:paused} @keyframes node-flash{0%,100%{opacity:0}35%{opacity:.55}} @keyframes node-breathe{0%,100%{transform:rotate(0deg) scale(1)}32%{transform:rotate(-7deg) scale(1.12,.9)}65%{transform:rotate(4deg) scale(.96,1.04)}} @keyframes node-morph{ 0%,100%{d:path('M0 -24 C14 -24 24 -14 24 0 C24 14 14 24 0 24 C-14 24 -24 14 -24 0 C-24 -14 -14 -24 0 -24 Z')} 50%{d:path('M2 -25 C17 -27 26 -12 23 2 C21 16 12 26 0 22 C-12 18 -8 7 -20 3 C-30 -4 -13 -24 2 -25 Z')} 70%{d:path('M-3 -22 C9 -29 22 -15 25 -1 C29 13 12 23 -2 25 C-18 28 -24 12 -20 0 C-15 -8 -17 -15 -3 -22 Z')} } @media(max-width:720px){.signal path.base,.signal path.live{stroke-width:8}.hero .signal path.live{stroke-width:9}} @media(prefers-reduced-motion:reduce){.signal .node-organic,.signal .node-organic path{animation:none!important}} /* Shared translucency and visible-only node loops. */ .signal .live,.hero .signal .live{opacity:.4} .signal .signal-node{opacity:.4} .signal .signal-node.active.in-view .node-organic,.signal .signal-node.active.in-view .node-ring,.signal .signal-node.active.in-view .node-echo{animation-play-state:running} @media(max-width:720px){.signal .live,.hero .signal .live,.signal .signal-node{opacity:.28}} @media(prefers-reduced-motion:reduce){.signal .live,.hero .signal .live,.signal .signal-node{opacity:.2}} /* A continuous thread unfolds into loops, then settles back into a ring. */ .signal .node-echo{display:none} .signal .signal-node.active .node-organic{animation:none} .signal .node-ring{d:path("M24.00 0.00 L23.95 1.57 L23.79 3.13 L23.54 4.68 L23.18 6.21 L22.73 7.71 L22.17 9.18 L21.52 10.61 L20.78 12.00 L19.96 13.33 L19.04 14.61 L18.04 15.82 L16.97 16.97 L15.82 18.04 L14.61 19.04 L13.33 19.96 L12.00 20.78 L10.61 21.52 L9.18 22.17 L7.71 22.73 L6.21 23.18 L4.68 23.54 L3.13 23.79 L1.57 23.95 L0.00 24.00 L-1.57 23.95 L-3.13 23.79 L-4.68 23.54 L-6.21 23.18 L-7.71 22.73 L-9.18 22.17 L-10.61 21.52 L-12.00 20.78 L-13.33 19.96 L-14.61 19.04 L-15.82 18.04 L-16.97 16.97 L-18.04 15.82 L-19.04 14.61 L-19.96 13.33 L-20.78 12.00 L-21.52 10.61 L-22.17 9.18 L-22.73 7.71 L-23.18 6.21 L-23.54 4.68 L-23.79 3.13 L-23.95 1.57 L-24.00 0.00 L-23.95 -1.57 L-23.79 -3.13 L-23.54 -4.68 L-23.18 -6.21 L-22.73 -7.71 L-22.17 -9.18 L-21.52 -10.61 L-20.78 -12.00 L-19.96 -13.33 L-19.04 -14.61 L-18.04 -15.82 L-16.97 -16.97 L-15.82 -18.04 L-14.61 -19.04 L-13.33 -19.96 L-12.00 -20.78 L-10.61 -21.52 L-9.18 -22.17 L-7.71 -22.73 L-6.21 -23.18 L-4.68 -23.54 L-3.13 -23.79 L-1.57 -23.95 L-0.00 -24.00 L1.57 -23.95 L3.13 -23.79 L4.68 -23.54 L6.21 -23.18 L7.71 -22.73 L9.18 -22.17 L10.61 -21.52 L12.00 -20.78 L13.33 -19.96 L14.61 -19.04 L15.82 -18.04 L16.97 -16.97 L18.04 -15.82 L19.04 -14.61 L19.96 -13.33 L20.78 -12.00 L21.52 -10.61 L22.17 -9.18 L22.73 -7.71 L23.18 -6.21 L23.54 -4.68 L23.79 -3.13 L23.95 -1.57 Z");stroke-width:5.5} .signal .signal-node.active .node-ring{animation:node-thread 2.4s ease-in-out infinite;animation-play-state:paused} .signal .signal-node.active.in-view .node-ring{animation-play-state:running} @keyframes node-thread{0%,15%,85%,100%{d:path("M24.00 0.00 L23.95 1.57 L23.79 3.13 L23.54 4.68 L23.18 6.21 L22.73 7.71 L22.17 9.18 L21.52 10.61 L20.78 12.00 L19.96 13.33 L19.04 14.61 L18.04 15.82 L16.97 16.97 L15.82 18.04 L14.61 19.04 L13.33 19.96 L12.00 20.78 L10.61 21.52 L9.18 22.17 L7.71 22.73 L6.21 23.18 L4.68 23.54 L3.13 23.79 L1.57 23.95 L0.00 24.00 L-1.57 23.95 L-3.13 23.79 L-4.68 23.54 L-6.21 23.18 L-7.71 22.73 L-9.18 22.17 L-10.61 21.52 L-12.00 20.78 L-13.33 19.96 L-14.61 19.04 L-15.82 18.04 L-16.97 16.97 L-18.04 15.82 L-19.04 14.61 L-19.96 13.33 L-20.78 12.00 L-21.52 10.61 L-22.17 9.18 L-22.73 7.71 L-23.18 6.21 L-23.54 4.68 L-23.79 3.13 L-23.95 1.57 L-24.00 0.00 L-23.95 -1.57 L-23.79 -3.13 L-23.54 -4.68 L-23.18 -6.21 L-22.73 -7.71 L-22.17 -9.18 L-21.52 -10.61 L-20.78 -12.00 L-19.96 -13.33 L-19.04 -14.61 L-18.04 -15.82 L-16.97 -16.97 L-15.82 -18.04 L-14.61 -19.04 L-13.33 -19.96 L-12.00 -20.78 L-10.61 -21.52 L-9.18 -22.17 L-7.71 -22.73 L-6.21 -23.18 L-4.68 -23.54 L-3.13 -23.79 L-1.57 -23.95 L-0.00 -24.00 L1.57 -23.95 L3.13 -23.79 L4.68 -23.54 L6.21 -23.18 L7.71 -22.73 L9.18 -22.17 L10.61 -21.52 L12.00 -20.78 L13.33 -19.96 L14.61 -19.04 L15.82 -18.04 L16.97 -16.97 L18.04 -15.82 L19.04 -14.61 L19.96 -13.33 L20.78 -12.00 L21.52 -10.61 L22.17 -9.18 L22.73 -7.71 L23.18 -6.21 L23.54 -4.68 L23.79 -3.13 L23.95 -1.57 Z")}40%{d:path("M25.92 0.00 L25.70 3.87 L25.05 7.62 L23.99 11.10 L22.55 14.21 L20.79 16.84 L18.75 18.90 L16.51 20.34 L14.13 21.12 L11.70 21.21 L9.27 20.64 L6.94 19.43 L4.75 17.65 L2.78 15.37 L1.07 12.71 L-0.35 9.76 L-1.44 6.65 L-2.20 3.52 L-2.62 0.48 L-2.74 -2.33 L-2.56 -4.80 L-2.15 -6.84 L-1.54 -8.35 L-0.81 -9.28 L-0.00 -9.60 L0.81 -9.28 L1.54 -8.35 L2.15 -6.84 L2.56 -4.80 L2.74 -2.33 L2.62 0.48 L2.20 3.52 L1.44 6.65 L0.35 9.76 L-1.07 12.71 L-2.78 15.37 L-4.75 17.65 L-6.94 19.43 L-9.27 20.64 L-11.70 21.21 L-14.13 21.12 L-16.51 20.34 L-18.75 18.90 L-20.79 16.84 L-22.55 14.21 L-23.99 11.10 L-25.05 7.62 L-25.70 3.87 L-25.92 0.00 L-25.70 -3.87 L-25.05 -7.62 L-23.99 -11.10 L-22.55 -14.21 L-20.79 -16.84 L-18.75 -18.90 L-16.51 -20.34 L-14.13 -21.12 L-11.70 -21.21 L-9.27 -20.64 L-6.94 -19.43 L-4.75 -17.65 L-2.78 -15.37 L-1.07 -12.71 L0.35 -9.76 L1.44 -6.65 L2.20 -3.52 L2.62 -0.48 L2.74 2.33 L2.56 4.80 L2.15 6.84 L1.54 8.35 L0.81 9.28 L0.00 9.60 L-0.81 9.28 L-1.54 8.35 L-2.15 6.84 L-2.56 4.80 L-2.74 2.33 L-2.62 -0.48 L-2.20 -3.52 L-1.44 -6.65 L-0.35 -9.76 L1.07 -12.71 L2.78 -15.37 L4.75 -17.65 L6.94 -19.43 L9.27 -20.64 L11.70 -21.21 L14.13 -21.12 L16.51 -20.34 L18.75 -18.90 L20.79 -16.84 L22.55 -14.21 L23.99 -11.10 L25.05 -7.62 L25.70 -3.87 Z")}60%{d:path("M23.01 12.40 L21.50 15.01 L19.72 17.06 L17.74 18.49 L15.62 19.27 L13.44 19.37 L11.27 18.81 L9.19 17.62 L7.25 15.88 L5.51 13.66 L4.03 11.05 L2.83 8.19 L1.94 5.18 L1.37 2.16 L1.12 -0.75 L1.16 -3.42 L1.47 -5.74 L2.00 -7.62 L2.70 -8.96 L3.51 -9.72 L4.36 -9.86 L5.19 -9.36 L5.93 -8.25 L6.52 -6.56 L6.89 -4.36 L6.99 -1.73 L6.79 1.24 L6.26 4.41 L5.38 7.67 L4.14 10.89 L2.57 13.94 L0.69 16.70 L-1.47 19.05 L-3.85 20.89 L-6.39 22.15 L-9.03 22.77 L-11.68 22.71 L-14.28 21.96 L-16.75 20.54 L-19.02 18.49 L-21.02 15.88 L-22.70 12.79 L-24.00 9.32 L-24.90 5.59 L-25.36 1.74 L-25.39 -2.12 L-25.00 -5.84 L-24.19 -9.31 L-23.01 -12.40 L-21.50 -15.01 L-19.72 -17.06 L-17.74 -18.49 L-15.62 -19.27 L-13.44 -19.37 L-11.27 -18.81 L-9.19 -17.62 L-7.25 -15.88 L-5.51 -13.66 L-4.03 -11.05 L-2.83 -8.19 L-1.94 -5.18 L-1.37 -2.16 L-1.12 0.75 L-1.16 3.42 L-1.47 5.74 L-2.00 7.62 L-2.70 8.96 L-3.51 9.72 L-4.36 9.86 L-5.19 9.36 L-5.93 8.25 L-6.52 6.56 L-6.89 4.36 L-6.99 1.73 L-6.79 -1.24 L-6.26 -4.41 L-5.38 -7.67 L-4.14 -10.89 L-2.57 -13.94 L-0.69 -16.70 L1.47 -19.05 L3.85 -20.89 L6.39 -22.15 L9.03 -22.77 L11.68 -22.71 L14.28 -21.96 L16.75 -20.54 L19.02 -18.49 L21.02 -15.88 L22.70 -12.79 L24.00 -9.32 L24.90 -5.59 L25.36 -1.74 L25.39 2.12 L25.00 5.84 L24.19 9.31 Z")}} @media(prefers-reduced-motion:reduce){.signal .signal-node.active .node-ring{animation:none!important}} /* Editorial entrance preserves the original typography and responsive wrapping. */ .kinetic-word{display:inline-block} .kinetic-title.title-ready .kinetic-word{transition:translate .75s cubic-bezier(.2,.7,.2,1),opacity .65s ease;transition-delay:var(--line-delay,0ms)} .kinetic-title.title-ready:not(.title-visible) .kinetic-word{translate:0 .65em;opacity:0} .js-motion .kinetic-title.reveal{opacity:1;transform:none} .depth-frame{overflow:hidden} .depth-photo{scale:1.1} .pill{transition:background .3s,color .3s,transform .3s,translate .2s ease-out} @media(prefers-reduced-motion:reduce){.kinetic-title.title-ready:not(.title-visible) .kinetic-word{translate:none;opacity:1}.depth-photo{scale:none;translate:none!important}.pill{translate:none!important}} /* More pronounced unfolding thread, with a short resting circle. */ .signal .signal-node.active .node-ring{animation-name:node-unfold;animation-duration:2.6s} @keyframes node-unfold{0%,8%,94%,100%{d:path("M24.00 0.00 L23.98 0.94 L23.93 1.88 L23.83 2.82 L23.70 3.75 L23.54 4.68 L23.34 5.60 L23.10 6.51 L22.83 7.42 L22.52 8.31 L22.17 9.18 L21.80 10.05 L21.38 10.90 L20.94 11.73 L20.46 12.54 L19.96 13.33 L19.42 14.11 L18.85 14.86 L18.25 15.59 L17.62 16.29 L16.97 16.97 L16.29 17.62 L15.59 18.25 L14.86 18.85 L14.11 19.42 L13.33 19.96 L12.54 20.46 L11.73 20.94 L10.90 21.38 L10.05 21.80 L9.18 22.17 L8.31 22.52 L7.42 22.83 L6.51 23.10 L5.60 23.34 L4.68 23.54 L3.75 23.70 L2.82 23.83 L1.88 23.93 L0.94 23.98 L0.00 24.00 L-0.94 23.98 L-1.88 23.93 L-2.82 23.83 L-3.75 23.70 L-4.68 23.54 L-5.60 23.34 L-6.51 23.10 L-7.42 22.83 L-8.31 22.52 L-9.18 22.17 L-10.05 21.80 L-10.90 21.38 L-11.73 20.94 L-12.54 20.46 L-13.33 19.96 L-14.11 19.42 L-14.86 18.85 L-15.59 18.25 L-16.29 17.62 L-16.97 16.97 L-17.62 16.29 L-18.25 15.59 L-18.85 14.86 L-19.42 14.11 L-19.96 13.33 L-20.46 12.54 L-20.94 11.73 L-21.38 10.90 L-21.80 10.05 L-22.17 9.18 L-22.52 8.31 L-22.83 7.42 L-23.10 6.51 L-23.34 5.60 L-23.54 4.68 L-23.70 3.75 L-23.83 2.82 L-23.93 1.88 L-23.98 0.94 L-24.00 0.00 L-23.98 -0.94 L-23.93 -1.88 L-23.83 -2.82 L-23.70 -3.75 L-23.54 -4.68 L-23.34 -5.60 L-23.10 -6.51 L-22.83 -7.42 L-22.52 -8.31 L-22.17 -9.18 L-21.80 -10.05 L-21.38 -10.90 L-20.94 -11.73 L-20.46 -12.54 L-19.96 -13.33 L-19.42 -14.11 L-18.85 -14.86 L-18.25 -15.59 L-17.62 -16.29 L-16.97 -16.97 L-16.29 -17.62 L-15.59 -18.25 L-14.86 -18.85 L-14.11 -19.42 L-13.33 -19.96 L-12.54 -20.46 L-11.73 -20.94 L-10.90 -21.38 L-10.05 -21.80 L-9.18 -22.17 L-8.31 -22.52 L-7.42 -22.83 L-6.51 -23.10 L-5.60 -23.34 L-4.68 -23.54 L-3.75 -23.70 L-2.82 -23.83 L-1.88 -23.93 L-0.94 -23.98 L-0.00 -24.00 L0.94 -23.98 L1.88 -23.93 L2.82 -23.83 L3.75 -23.70 L4.68 -23.54 L5.60 -23.34 L6.51 -23.10 L7.42 -22.83 L8.31 -22.52 L9.18 -22.17 L10.05 -21.80 L10.90 -21.38 L11.73 -20.94 L12.54 -20.46 L13.33 -19.96 L14.11 -19.42 L14.86 -18.85 L15.59 -18.25 L16.29 -17.62 L16.97 -16.97 L17.62 -16.29 L18.25 -15.59 L18.85 -14.86 L19.42 -14.11 L19.96 -13.33 L20.46 -12.54 L20.94 -11.73 L21.38 -10.90 L21.80 -10.05 L22.17 -9.18 L22.52 -8.31 L22.83 -7.42 L23.10 -6.51 L23.34 -5.60 L23.54 -4.68 L23.70 -3.75 L23.83 -2.82 L23.93 -1.88 L23.98 -0.94 Z");stroke-width:5.5}30%{d:path("M27.67 0.00 L27.57 2.16 L27.26 4.29 L26.74 6.37 L26.03 8.39 L25.13 10.31 L24.05 12.11 L22.81 13.79 L21.43 15.31 L19.91 16.67 L18.28 17.85 L16.56 18.84 L14.77 19.63 L12.93 20.21 L11.06 20.59 L9.19 20.77 L7.33 20.73 L5.52 20.50 L3.77 20.08 L2.10 19.47 L0.53 18.70 L-0.93 17.78 L-2.25 16.71 L-3.43 15.53 L-4.45 14.26 L-5.31 12.90 L-6.00 11.50 L-6.51 10.06 L-6.85 8.61 L-7.01 7.17 L-7.00 5.78 L-6.83 4.44 L-6.50 3.18 L-6.03 2.02 L-5.43 0.97 L-4.71 0.06 L-3.89 -0.71 L-2.99 -1.31 L-2.03 -1.75 L-1.02 -2.02 L-0.00 -2.11 L1.02 -2.02 L2.03 -1.75 L2.99 -1.31 L3.89 -0.71 L4.71 0.06 L5.43 0.97 L6.03 2.02 L6.50 3.18 L6.83 4.44 L7.00 5.78 L7.01 7.17 L6.85 8.61 L6.51 10.06 L6.00 11.50 L5.31 12.90 L4.45 14.26 L3.43 15.53 L2.25 16.71 L0.93 17.78 L-0.53 18.70 L-2.10 19.47 L-3.77 20.08 L-5.52 20.50 L-7.33 20.73 L-9.19 20.77 L-11.06 20.59 L-12.93 20.21 L-14.77 19.63 L-16.56 18.84 L-18.28 17.85 L-19.91 16.67 L-21.43 15.31 L-22.81 13.79 L-24.05 12.11 L-25.13 10.31 L-26.03 8.39 L-26.74 6.37 L-27.26 4.29 L-27.57 2.16 L-27.67 0.00 L-27.57 -2.16 L-27.26 -4.29 L-26.74 -6.37 L-26.03 -8.39 L-25.13 -10.31 L-24.05 -12.11 L-22.81 -13.79 L-21.43 -15.31 L-19.91 -16.67 L-18.28 -17.85 L-16.56 -18.84 L-14.77 -19.63 L-12.93 -20.21 L-11.06 -20.59 L-9.19 -20.77 L-7.33 -20.73 L-5.52 -20.50 L-3.77 -20.08 L-2.10 -19.47 L-0.53 -18.70 L0.93 -17.78 L2.25 -16.71 L3.43 -15.53 L4.45 -14.26 L5.31 -12.90 L6.00 -11.50 L6.51 -10.06 L6.85 -8.61 L7.01 -7.17 L7.00 -5.78 L6.83 -4.44 L6.50 -3.18 L6.03 -2.02 L5.43 -0.97 L4.71 -0.06 L3.89 0.71 L2.99 1.31 L2.03 1.75 L1.02 2.02 L0.00 2.11 L-1.02 2.02 L-2.03 1.75 L-2.99 1.31 L-3.89 0.71 L-4.71 -0.06 L-5.43 -0.97 L-6.03 -2.02 L-6.50 -3.18 L-6.83 -4.44 L-7.00 -5.78 L-7.01 -7.17 L-6.85 -8.61 L-6.51 -10.06 L-6.00 -11.50 L-5.31 -12.90 L-4.45 -14.26 L-3.43 -15.53 L-2.25 -16.71 L-0.93 -17.78 L0.53 -18.70 L2.10 -19.47 L3.77 -20.08 L5.52 -20.50 L7.33 -20.73 L9.19 -20.77 L11.06 -20.59 L12.93 -20.21 L14.77 -19.63 L16.56 -18.84 L18.28 -17.85 L19.91 -16.67 L21.43 -15.31 L22.81 -13.79 L24.05 -12.11 L25.13 -10.31 L26.03 -8.39 L26.74 -6.37 L27.26 -4.29 L27.57 -2.16 Z");stroke-width:4}48%{d:path("M18.22 15.66 L16.44 16.66 L14.58 17.44 L12.67 17.98 L10.74 18.29 L8.81 18.37 L6.91 18.21 L5.07 17.84 L3.30 17.24 L1.63 16.45 L0.09 15.47 L-1.32 14.33 L-2.56 13.04 L-3.64 11.62 L-4.53 10.11 L-5.22 8.52 L-5.72 6.88 L-6.01 5.21 L-6.10 3.56 L-5.98 1.93 L-5.67 0.36 L-5.18 -1.13 L-4.50 -2.51 L-3.67 -3.76 L-2.69 -4.86 L-1.58 -5.79 L-0.36 -6.54 L0.94 -7.09 L2.31 -7.44 L3.71 -7.57 L5.12 -7.48 L6.53 -7.18 L7.89 -6.66 L9.19 -5.93 L10.41 -5.00 L11.52 -3.87 L12.50 -2.58 L13.33 -1.12 L13.99 0.47 L14.48 2.19 L14.76 3.99 L14.85 5.87 L14.72 7.78 L14.37 9.72 L13.81 11.64 L13.03 13.52 L12.04 15.34 L10.85 17.07 L9.46 18.68 L7.90 20.14 L6.18 21.45 L4.31 22.57 L2.31 23.49 L0.22 24.20 L-1.96 24.68 L-4.18 24.93 L-6.44 24.93 L-8.69 24.68 L-10.93 24.20 L-13.10 23.47 L-15.21 22.50 L-17.20 21.32 L-19.08 19.92 L-20.81 18.32 L-22.36 16.55 L-23.74 14.63 L-24.91 12.56 L-25.87 10.39 L-26.60 8.14 L-27.10 5.83 L-27.37 3.49 L-27.39 1.15 L-27.19 -1.16 L-26.75 -3.42 L-26.09 -5.60 L-25.21 -7.67 L-24.14 -9.61 L-22.89 -11.40 L-21.47 -13.01 L-19.91 -14.44 L-18.22 -15.66 L-16.44 -16.66 L-14.58 -17.44 L-12.67 -17.98 L-10.74 -18.29 L-8.81 -18.37 L-6.91 -18.21 L-5.07 -17.84 L-3.30 -17.24 L-1.63 -16.45 L-0.09 -15.47 L1.32 -14.33 L2.56 -13.04 L3.64 -11.62 L4.53 -10.11 L5.22 -8.52 L5.72 -6.88 L6.01 -5.21 L6.10 -3.56 L5.98 -1.93 L5.67 -0.36 L5.18 1.13 L4.50 2.51 L3.67 3.76 L2.69 4.86 L1.58 5.79 L0.36 6.54 L-0.94 7.09 L-2.31 7.44 L-3.71 7.57 L-5.12 7.48 L-6.53 7.18 L-7.89 6.66 L-9.19 5.93 L-10.41 5.00 L-11.52 3.87 L-12.50 2.58 L-13.33 1.12 L-13.99 -0.47 L-14.48 -2.19 L-14.76 -3.99 L-14.85 -5.87 L-14.72 -7.78 L-14.37 -9.72 L-13.81 -11.64 L-13.03 -13.52 L-12.04 -15.34 L-10.85 -17.07 L-9.46 -18.68 L-7.90 -20.14 L-6.18 -21.45 L-4.31 -22.57 L-2.31 -23.49 L-0.22 -24.20 L1.96 -24.68 L4.18 -24.93 L6.44 -24.93 L8.69 -24.68 L10.93 -24.20 L13.10 -23.47 L15.21 -22.50 L17.20 -21.32 L19.08 -19.92 L20.81 -18.32 L22.36 -16.55 L23.74 -14.63 L24.91 -12.56 L25.87 -10.39 L26.60 -8.14 L27.10 -5.83 L27.37 -3.49 L27.39 -1.15 L27.19 1.16 L26.75 3.42 L26.09 5.60 L25.21 7.67 L24.14 9.61 L22.89 11.40 L21.47 13.01 L19.91 14.44 Z");stroke-width:3.5}68%{d:path("M-3.20 2.37 L-3.37 0.80 L-3.33 -0.79 L-3.09 -2.35 L-2.66 -3.86 L-2.04 -5.30 L-1.24 -6.65 L-0.27 -7.87 L0.84 -8.95 L2.10 -9.86 L3.46 -10.60 L4.93 -11.14 L6.46 -11.48 L8.04 -11.60 L9.64 -11.50 L11.24 -11.17 L12.82 -10.63 L14.34 -9.86 L15.78 -8.87 L17.12 -7.69 L18.33 -6.31 L19.40 -4.76 L20.31 -3.05 L21.03 -1.20 L21.56 0.76 L21.88 2.81 L21.98 4.93 L21.86 7.08 L21.50 9.24 L20.92 11.39 L20.12 13.49 L19.09 15.52 L17.86 17.44 L16.42 19.25 L14.80 20.91 L13.01 22.40 L11.06 23.70 L8.99 24.79 L6.81 25.67 L4.55 26.31 L2.24 26.71 L-0.11 26.87 L-2.47 26.77 L-4.80 26.43 L-7.08 25.85 L-9.29 25.03 L-11.40 23.99 L-13.39 22.73 L-15.23 21.28 L-16.91 19.65 L-18.41 17.87 L-19.71 15.95 L-20.80 13.92 L-21.68 11.82 L-22.33 9.65 L-22.75 7.46 L-22.94 5.27 L-22.90 3.11 L-22.64 1.00 L-22.17 -1.03 L-21.49 -2.96 L-20.63 -4.75 L-19.59 -6.40 L-18.40 -7.87 L-17.07 -9.16 L-15.63 -10.25 L-14.10 -11.13 L-12.51 -11.79 L-10.87 -12.22 L-9.23 -12.43 L-7.59 -12.42 L-6.00 -12.18 L-4.46 -11.73 L-3.01 -11.09 L-1.66 -10.25 L-0.44 -9.24 L0.63 -8.09 L1.55 -6.80 L2.28 -5.40 L2.84 -3.91 L3.20 -2.37 L3.37 -0.80 L3.33 0.79 L3.09 2.35 L2.66 3.86 L2.04 5.30 L1.24 6.65 L0.27 7.87 L-0.84 8.95 L-2.10 9.86 L-3.46 10.60 L-4.93 11.14 L-6.46 11.48 L-8.04 11.60 L-9.64 11.50 L-11.24 11.17 L-12.82 10.63 L-14.34 9.86 L-15.78 8.87 L-17.12 7.69 L-18.33 6.31 L-19.40 4.76 L-20.31 3.05 L-21.03 1.20 L-21.56 -0.76 L-21.88 -2.81 L-21.98 -4.93 L-21.86 -7.08 L-21.50 -9.24 L-20.92 -11.39 L-20.12 -13.49 L-19.09 -15.52 L-17.86 -17.44 L-16.42 -19.25 L-14.80 -20.91 L-13.01 -22.40 L-11.06 -23.70 L-8.99 -24.79 L-6.81 -25.67 L-4.55 -26.31 L-2.24 -26.71 L0.11 -26.87 L2.47 -26.77 L4.80 -26.43 L7.08 -25.85 L9.29 -25.03 L11.40 -23.99 L13.39 -22.73 L15.23 -21.28 L16.91 -19.65 L18.41 -17.87 L19.71 -15.95 L20.80 -13.92 L21.68 -11.82 L22.33 -9.65 L22.75 -7.46 L22.94 -5.27 L22.90 -3.11 L22.64 -1.00 L22.17 1.03 L21.49 2.96 L20.63 4.75 L19.59 6.40 L18.40 7.87 L17.07 9.16 L15.63 10.25 L14.10 11.13 L12.51 11.79 L10.87 12.22 L9.23 12.43 L7.59 12.42 L6.00 12.18 L4.46 11.73 L3.01 11.09 L1.66 10.25 L0.44 9.24 L-0.63 8.09 L-1.55 6.80 L-2.28 5.40 L-2.84 3.91 Z");stroke-width:3.5}82%{d:path("M15.08 -9.85 L16.18 -9.42 L17.26 -8.85 L18.31 -8.14 L19.31 -7.30 L20.26 -6.32 L21.13 -5.22 L21.91 -4.00 L22.59 -2.68 L23.16 -1.25 L23.60 0.25 L23.92 1.83 L24.09 3.46 L24.11 5.14 L23.99 6.83 L23.71 8.53 L23.28 10.22 L22.70 11.88 L21.96 13.50 L21.08 15.05 L20.07 16.53 L18.92 17.91 L17.66 19.19 L16.29 20.35 L14.82 21.37 L13.27 22.26 L11.65 23.00 L9.99 23.58 L8.28 24.01 L6.56 24.27 L4.83 24.37 L3.12 24.32 L1.44 24.10 L-0.20 23.74 L-1.77 23.23 L-3.28 22.59 L-4.70 21.82 L-6.01 20.94 L-7.23 19.97 L-8.32 18.90 L-9.29 17.77 L-10.13 16.59 L-10.84 15.37 L-11.42 14.12 L-11.86 12.88 L-12.17 11.64 L-12.35 10.43 L-12.42 9.27 L-12.36 8.16 L-12.20 7.12 L-11.95 6.17 L-11.60 5.30 L-11.19 4.54 L-10.72 3.89 L-10.20 3.35 L-9.65 2.93 L-9.08 2.63 L-8.51 2.45 L-7.95 2.39 L-7.42 2.44 L-6.93 2.59 L-6.49 2.85 L-6.12 3.20 L-5.82 3.63 L-5.61 4.13 L-5.49 4.69 L-5.47 5.28 L-5.55 5.91 L-5.74 6.55 L-6.03 7.18 L-6.44 7.80 L-6.95 8.38 L-7.56 8.91 L-8.26 9.38 L-9.06 9.77 L-9.93 10.07 L-10.87 10.26 L-11.87 10.35 L-12.92 10.31 L-13.99 10.15 L-15.08 9.85 L-16.18 9.42 L-17.26 8.85 L-18.31 8.14 L-19.31 7.30 L-20.26 6.32 L-21.13 5.22 L-21.91 4.00 L-22.59 2.68 L-23.16 1.25 L-23.60 -0.25 L-23.92 -1.83 L-24.09 -3.46 L-24.11 -5.14 L-23.99 -6.83 L-23.71 -8.53 L-23.28 -10.22 L-22.70 -11.88 L-21.96 -13.50 L-21.08 -15.05 L-20.07 -16.53 L-18.92 -17.91 L-17.66 -19.19 L-16.29 -20.35 L-14.82 -21.37 L-13.27 -22.26 L-11.65 -23.00 L-9.99 -23.58 L-8.28 -24.01 L-6.56 -24.27 L-4.83 -24.37 L-3.12 -24.32 L-1.44 -24.10 L0.20 -23.74 L1.77 -23.23 L3.28 -22.59 L4.70 -21.82 L6.01 -20.94 L7.23 -19.97 L8.32 -18.90 L9.29 -17.77 L10.13 -16.59 L10.84 -15.37 L11.42 -14.12 L11.86 -12.88 L12.17 -11.64 L12.35 -10.43 L12.42 -9.27 L12.36 -8.16 L12.20 -7.12 L11.95 -6.17 L11.60 -5.30 L11.19 -4.54 L10.72 -3.89 L10.20 -3.35 L9.65 -2.93 L9.08 -2.63 L8.51 -2.45 L7.95 -2.39 L7.42 -2.44 L6.93 -2.59 L6.49 -2.85 L6.12 -3.20 L5.82 -3.63 L5.61 -4.13 L5.49 -4.69 L5.47 -5.28 L5.55 -5.91 L5.74 -6.55 L6.03 -7.18 L6.44 -7.80 L6.95 -8.38 L7.56 -8.91 L8.26 -9.38 L9.06 -9.77 L9.93 -10.07 L10.87 -10.26 L11.87 -10.35 L12.92 -10.31 L13.99 -10.15 Z");stroke-width:4.5}} .hero h1 em{transform-origin:15% 80%} .hero h1.title-visible em{animation:hero-grow 1.3s cubic-bezier(.2,.8,.2,1) both} .hero-letter-o{display:inline-block;transform-origin:50% 65%;animation:hero-o-breathe 3.6s ease-in-out infinite;animation-delay:1.3s;animation-play-state:paused} .hero-in-view .hero-letter-o{animation-play-state:running} @keyframes hero-grow{from{transform:scale(.86);opacity:.2}to{transform:scale(1);opacity:1}} @keyframes hero-o-breathe{0%,18%,85%,100%{transform:scale(1);color:inherit}43%{transform:scale(1.17,1.1) rotate(-7deg);color:var(--purple)}64%{transform:scale(.98,1.06) rotate(3deg);color:var(--coral)}} @media(prefers-reduced-motion:reduce){.hero h1.title-visible em,.hero-letter-o{animation:none!important}} /* Nodes awaken only when the drawn thread reaches their center. */ .signal .signal-node:not(.active) .node-ring{stroke:#99998f;fill:none;animation:none} .dark .signal .signal-node:not(.active) .node-ring{stroke:#a5aaa2} .signal .signal-node.active .node-ring{stroke:var(--node-stroke);fill:none} /* Adjacent sections share position, vertical tangent, color and stroke weight. */ .hero .signal path.live{stroke-width:11} @media(max-width:720px){.hero .signal path.live{stroke-width:8}} .signal path{stroke-linejoin:round} .film-section{position:relative;isolation:isolate;overflow:hidden;min-height:750px;min-height:90svh;background:#191b1b;color:#f4f1ea;display:flex;align-items:center;padding:100px 7vw 125px} .studio-film,.film-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover} .film-shade{z-index:-1;background:linear-gradient(90deg,rgba(12,17,15,.76),rgba(12,17,15,.23)),linear-gradient(0deg,rgba(12,17,15,.55),transparent 35%)} .film-copy h2{font-size:clamp(3.5rem,7.6vw,8.5rem);max-width:1000px} .film-copy>.eyebrow{margin-bottom:40px}.film-copy>p:last-child{margin:35px 0 0;font-size:18px} .film-controls{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px} .film-toggle{border:1px solid #ffffff80;background:#191b1b66;color:#fff;border-radius:50px;padding:12px 18px;font-size:13px;min-height:44px} @media(max-width:720px){.film-section{min-height:660px;padding:85px 6vw 115px}.film-copy h2{font-size:13vw}.studio-film{object-position:55% center}.film-controls{left:6vw;right:6vw;align-items:flex-start;flex-direction:column;gap:12px}.film-copy>p:last-child{font-size:16px}} /* Typographic multiplication: copies spread, rearrange, then return to the original letter. */ .hero-o-slot{position:relative;display:inline-block} .hero-letter-o{animation:hero-o-lead 7.5s cubic-bezier(.45,0,.25,1) infinite;animation-delay:1.5s;animation-play-state:paused;color:inherit} .hero-o-echo{position:absolute;inset:0;pointer-events:none;opacity:0;color:inherit;background:none;transform-origin:50% 65%;animation-duration:7.5s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-iteration-count:infinite;animation-delay:1.5s;animation-play-state:paused} .hero-in-view .hero-letter-o,.hero-in-view .hero-o-echo{animation-play-state:running} @keyframes hero-o-lead{0%,12%,64%,100%{transform:translate(0,0);color:inherit}27%,39%{transform:translate(.08em,-.26em);color:inherit}50%{transform:translate(.04em,-.1em);color:inherit}} .echo-0{animation-name:hero-o-copy-0} @keyframes hero-o-copy-0{0%,10%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}20%{opacity:0.219;transform:translate(-0.640em,-0.250em) scale(.88)}43%{opacity:0.158;transform:translate(-0.800em,-0.280em) scale(.67)}56%{opacity:.12;transform:translate(-0.115em,-0.045em) scale(.95)}} .echo-1{animation-name:hero-o-copy-1} @keyframes hero-o-copy-1{0%,11%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}21.6%{opacity:0.177;transform:translate(-0.710em,-0.660em) scale(.88)}44.1%{opacity:0.127;transform:translate(-0.888em,-0.739em) scale(.67)}57%{opacity:.12;transform:translate(-0.128em,-0.119em) scale(.95)}} .echo-2{animation-name:hero-o-copy-2} @keyframes hero-o-copy-2{0%,12%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}23.2%{opacity:0.190;transform:translate(-0.320em,-0.804em) scale(.88)}45.2%{opacity:0.137;transform:translate(-0.400em,-0.901em) scale(.67)}58%{opacity:.12;transform:translate(-0.058em,-0.145em) scale(.95)}} .echo-3{animation-name:hero-o-copy-3} @keyframes hero-o-copy-3{0%,13%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}24.8%{opacity:0.166;transform:translate(-0.000em,-1.070em) scale(.88)}46.3%{opacity:0.120;transform:translate(-0.000em,-1.198em) scale(.67)}59%{opacity:.12;transform:translate(-0.000em,-0.193em) scale(.95)}} .echo-4{animation-name:hero-o-copy-4} @keyframes hero-o-copy-4{0%,14%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}26.4%{opacity:0.190;transform:translate(0.320em,-0.804em) scale(.88)}47.4%{opacity:0.137;transform:translate(0.400em,-0.901em) scale(.67)}60%{opacity:.12;transform:translate(0.058em,-0.145em) scale(.95)}} .echo-5{animation-name:hero-o-copy-5} @keyframes hero-o-copy-5{0%,15%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}28%{opacity:0.177;transform:translate(0.710em,-0.660em) scale(.88)}48.5%{opacity:0.127;transform:translate(0.888em,-0.739em) scale(.67)}61%{opacity:.12;transform:translate(0.128em,-0.119em) scale(.95)}} .echo-6{animation-name:hero-o-copy-6} @keyframes hero-o-copy-6{0%,16%,66%,100%{opacity:0;transform:translate(0,0) scale(1)}29.6%{opacity:0.219;transform:translate(0.640em,-0.250em) scale(.88)}49.6%{opacity:0.158;transform:translate(0.800em,-0.280em) scale(.67)}62%{opacity:.12;transform:translate(0.115em,-0.045em) scale(.95)}} @media(prefers-reduced-motion:reduce){.hero-letter-o,.hero-o-echo{animation:none!important}.hero-o-echo{display:none}} /* Persistent navigation, including the mobile menu below it. */ .header{position:sticky;top:0;z-index:50;background:rgba(244,241,234,.76);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);border-bottom:0} .mobile-menu{position:fixed;top:104px;left:0;right:0;z-index:49;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain} @media(max-width:720px){.mobile-menu{top:82px;max-height:calc(100dvh - 82px)}} .header .button-dot,.header .pill:hover .button-dot{flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:conic-gradient(var(--purple),var(--coral),var(--lime),var(--purple));mask:radial-gradient(circle,transparent 43%,#000 47%);-webkit-mask:radial-gradient(circle,transparent 43%,#000 47%);animation:nav-ring 2.6s ease-in-out infinite} @keyframes nav-ring{0%,100%{transform:rotate(0deg) scale(1);border-radius:50%}38%{transform:rotate(145deg) scale(1.1,.9);border-radius:42% 58% 48% 52%}72%{transform:rotate(285deg) scale(.94,1.06);border-radius:55% 45% 58% 42%}} .system-options.has-frequency:after{display:none} .system-frequency{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1} .system-frequency path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} @media(prefers-reduced-motion:reduce){.header .button-dot{animation:none!important}} .system-options.has-frequency button:last-of-type{border-bottom:1px solid var(--line)} /* Site-wide rule: dark sections never display the decorative scrolling thread. */ section.dark>.signal{display:none} .system-item{display:contents} .system-label{display:inline-block;transform-origin:left center;transition:transform .28s cubic-bezier(.2,.7,.2,1)} @media(hover:hover) and (pointer:fine) and (min-width:721px){.system-options button:hover .system-label,.system-options button:focus-visible .system-label{transform:scale(1.07)}} .system-options.has-frequency .system-item button{border-bottom:0} .system-options.has-frequency .system-item:last-of-type button{border-bottom:1px solid var(--line)} @media(max-width:720px){ .system-item{display:block;overflow-anchor:none} .system-options button.is-active{color:var(--paper)} .system-options button.is-active .system-point{background:var(--lime);border-color:var(--lime);transform:scale(1.35)} .system-item .mobile-capability-panel{position:relative;z-index:2;margin:0 38px 0 45px;padding:5px 0 25px;animation:capability-open .28s ease-out} .mobile-capability-panel .big-index{display:none} .mobile-capability-panel h3{font-family:var(--serif);font-style:italic;font-size:27px;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px} .mobile-capability-panel p{font-size:15px;line-height:1.6;color:#b9bbb7;margin:0} .system-explorer .system-content{min-height:0;padding:0} .system-explorer{gap:0} .system-explorer .system-note{margin-top:22px!important} .system-item:last-of-type{border-bottom:1px solid var(--line)} .system-options.has-frequency .system-item:last-of-type button{border-bottom:0} } @keyframes capability-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.system-label{transition:none}.system-item .mobile-capability-panel{animation:none}} /* The connection stays visible throughout the pause between beats. */ .system-frequency .frequency-baseline{stroke-width:1;opacity:.65} .system-frequency .frequency-wave{stroke-width:1.65} /* ORBIT: flowing connection; APEX: slowly advancing architectural grid. */ .orbit-card{background:radial-gradient(ellipse at 85% 15%,#dde5c8,transparent 60%),#c9cbba} .orbit-card:before{border-top:2px solid #695cff55;border-bottom:1px solid #ff705844;border-radius:48% 25% 42% 35%;animation:orbit-flow 7s ease-in-out infinite;animation-play-state:paused} .orbit-card:after{background:var(--purple);animation:orbit-node 7s ease-in-out infinite;animation-play-state:paused} @keyframes orbit-flow{0%,100%{transform:translate(-2%,0) rotate(32deg) scale(1)}50%{transform:translate(5%,-5%) rotate(22deg) scale(1.06,.94)}} @keyframes orbit-node{0%,100%{transform:translate(0,0) scale(.85);opacity:.5}50%{transform:translate(-30px,32px) scale(1.12);opacity:.8}} .apex-card{background:#29342f} .apex-card:before{content:'';position:absolute;inset:-68px;z-index:-2;background-image:linear-gradient(90deg,#b7e36b29 1px,transparent 1px),linear-gradient(#b7e36b29 1px,transparent 1px);background-size:68px 68px;animation:apex-grid 5s linear infinite;animation-play-state:paused} .apex-card:after{background:radial-gradient(ellipse at 80% 15%,#ff705835,transparent 52%),linear-gradient(180deg,#18221b22,#18221b55 40%,#18221bee);animation:apex-light 8s ease-in-out infinite;animation-play-state:paused} @keyframes apex-grid{from{background-position:0 0}to{background-position:0 -68px}} @keyframes apex-light{0%,100%{opacity:.75}50%{opacity:1}} .eco-card.card-motion-visible:before,.eco-card.card-motion-visible:after{animation-play-state:running} @media(prefers-reduced-motion:reduce){.eco-card:before,.eco-card:after{animation:none!important}} .ecosystem-pulse article{position:relative;transform-origin:50% 15%;transition:transform .38s cubic-bezier(.2,.7,.2,1)} .ecosystem-pulse article.pulse-active{transform:translateY(-4px) scale(1.025)} .responsibility-wave{position:absolute;left:0;top:-18px;width:100%;height:36px;overflow:visible;pointer-events:none} .responsibility-wave path{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .eco-index.signal-section{padding-top:85px} @media(max-width:720px){.ecosystem-pulse article{transform-origin:left top}.ecosystem-pulse article.pulse-active{transform:translateX(5px) scale(1.012)}.eco-index.signal-section{padding-top:60px}} @media(prefers-reduced-motion:reduce){.ecosystem-pulse article.pulse-active{transform:none}.ecosystem-pulse article{transition:none}} /* Direction: scattered letters settle onto one line; the guide advances forward. */ .direction-word{position:relative;white-space:nowrap} .direction-letter{display:inline-block;transform-origin:50% 80%;animation:direction-align 7s cubic-bezier(.3,.7,.2,1) infinite;animation-delay:var(--direction-delay);animation-play-state:paused} .direction-guide{position:absolute;left:0;right:.05em;bottom:-.15em;height:.12em;pointer-events:none;animation:direction-forward 7s ease-in-out infinite;animation-play-state:paused} .direction-guide:before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,var(--purple),var(--coral))} .direction-guide:after{content:'';position:absolute;right:0;top:50%;width:.07em;height:.07em;border-top:2px solid var(--coral);border-right:2px solid var(--coral);transform:translateY(-43%) rotate(45deg)} .direction-visible .direction-letter,.direction-visible .direction-guide{animation-play-state:running} @keyframes direction-align{0%,8%,100%{transform:translateY(var(--direction-y)) rotate(var(--direction-angle))}24%,85%{transform:translateY(0) rotate(0)}} @keyframes direction-forward{0%,12%,100%{clip-path:inset(0 100% 0 0);opacity:0}18%{opacity:.6}38%,68%{clip-path:inset(0 -2% -10% 0);opacity:.6}85%{clip-path:inset(0 -2% -10% 0);opacity:0}} @media(prefers-reduced-motion:reduce){.direction-letter{animation:none!important;transform:none}.direction-guide{animation:none!important;opacity:0}} /* Letter-scale details retain the natural word spacing and trademark size. */ .eco-card h3 .product-initial,.eco-card h3 .product-rest{font:inherit;letter-spacing:inherit;vertical-align:baseline;padding:0;display:inline-block} .eco-card h3 .product-initial{position:relative} .eco-card h3 .orbit-letter-ring{position:absolute;left:.065em;top:.11em;width:.56em;height:.64em;padding:0;font:inherit;letter-spacing:inherit;border:.018em solid var(--purple);border-radius:50%;pointer-events:none;opacity:0;animation:orbit-letter-circuit 5s ease-in-out infinite;animation-play-state:paused} @keyframes orbit-letter-circuit{0%,10%,90%,100%{transform:translate(0,0) scale(1);opacity:0}24%{transform:translate(.12em,-.15em) scale(1.04,.92);opacity:.6}43%{transform:translate(.22em,.02em) scale(.95,1.05);opacity:.45}62%{transform:translate(-.04em,.14em) scale(1.06,.94);opacity:.3}80%{transform:translate(-.11em,-.07em) scale(1);opacity:.5}} .apex-summit{position:absolute;left:.07em;top:-.1em;width:.5em;height:.4em;overflow:visible;pointer-events:none;opacity:0;animation:apex-letter-rise 4.5s cubic-bezier(.3,.7,.2,1) infinite;animation-play-state:paused} .apex-summit path{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round} @keyframes apex-letter-rise{0%,12%,85%,100%{transform:translateY(.28em) scale(.7);opacity:0}30%{opacity:.8}53%{transform:translateY(-.13em) scale(1);opacity:.8}72%{transform:translateY(-.26em) scale(1.1);opacity:0}} .eco-card.card-motion-visible .orbit-letter-ring,.eco-card.card-motion-visible .apex-summit{animation-play-state:running} @media(prefers-reduced-motion:reduce){.eco-card h3 .orbit-letter-ring,.apex-summit{animation:none!important;display:none}} /* APEX: a living development plan, drawn in quiet layers. */ .apex-card:before{display:none} .apex-masterplan{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.55} .apex-masterplan path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:apex-plan-draw 12s ease-in-out infinite;animation-play-state:paused} .apex-masterplan .plan-road{stroke:#b7e36b;stroke-width:1.8} .apex-masterplan .plan-lot{stroke:#c7cbbc;stroke-width:1;animation-name:apex-lots-draw} .apex-masterplan .plan-building{stroke:#ffad83;stroke-width:1.15;animation-name:apex-buildings-draw} .apex-masterplan .plan-park{stroke:#b7e36b;stroke-width:1.2;animation-name:apex-lots-draw} .plan-green{fill:#b7e36b18;stroke:#b7e36b66;stroke-width:1;animation:apex-park-reveal 12s ease-in-out infinite;animation-play-state:paused} @keyframes apex-plan-draw{0%,4%,100%{stroke-dashoffset:100;opacity:0}10%{opacity:.8}35%,82%{stroke-dashoffset:0;opacity:.8}96%{stroke-dashoffset:0;opacity:0}} @keyframes apex-lots-draw{0%,14%,100%{stroke-dashoffset:100;opacity:0}22%{opacity:.55}48%,82%{stroke-dashoffset:0;opacity:.55}96%{stroke-dashoffset:0;opacity:0}} @keyframes apex-buildings-draw{0%,30%,100%{stroke-dashoffset:100;opacity:0}40%{opacity:.7}64%,82%{stroke-dashoffset:0;opacity:.7}96%{stroke-dashoffset:0;opacity:0}} @keyframes apex-park-reveal{0%,35%,100%{opacity:0}55%,82%{opacity:.7}96%{opacity:0}} .apex-summit.apex-house{height:.5em;top:-.16em;animation-name:apex-house-rise;animation-duration:6s} .apex-house path{stroke-width:3.2;stroke-dasharray:100;stroke-dashoffset:100;animation:apex-roof-draw 6s ease-in-out infinite;animation-play-state:paused} .apex-house .house-walls{animation-name:apex-walls-draw} @keyframes apex-house-rise{0%,8%,100%{transform:translateY(.22em);opacity:0}25%,62%{transform:translateY(-.08em);opacity:.85}82%{transform:translateY(-.18em);opacity:0}} @keyframes apex-roof-draw{0%,8%,100%{stroke-dashoffset:100}30%,90%{stroke-dashoffset:0}} @keyframes apex-walls-draw{0%,28%,100%{stroke-dashoffset:100}52%,90%{stroke-dashoffset:0}} .apex-card.card-motion-visible .apex-masterplan path,.apex-card.card-motion-visible .plan-green,.apex-card.card-motion-visible .apex-house path{animation-play-state:running} @media(prefers-reduced-motion:reduce){.apex-masterplan path{animation:none!important;stroke-dashoffset:0;opacity:.5}.plan-green{animation:none!important;opacity:.5}.apex-house{display:none}} /* Service heroes reuse the same living backgrounds as their ecosystem cards. */ .service-hero{isolation:isolate} .service-hero>.service-backdrop{position:absolute;inset:0;overflow:hidden;isolation:isolate;z-index:0;pointer-events:none} .service-hero>:not(.service-backdrop){position:relative;z-index:2} .service-hero.apex{background:#29342f;color:var(--paper)} .service-hero.apex .pill{border-color:#ffffff70} .service-backdrop.apex-card:after{background:linear-gradient(90deg,#18221bd9 0%,#18221b80 50%,#18221b11 100%)} .service-backdrop .apex-masterplan{left:30%;width:70%;opacity:.7} .service-backdrop.card-motion-visible:before,.service-backdrop.card-motion-visible:after,.service-backdrop.card-motion-visible .apex-masterplan path,.service-backdrop.card-motion-visible .plan-green{animation-play-state:running} .service-backdrop.orbit-card:before{left:15%;width:120%;top:5%} .service-backdrop.orbit-card:after{right:12%;top:24%} @media(max-width:720px){.service-backdrop .apex-masterplan{left:5%;width:120%;opacity:.45}.service-backdrop.apex-card:after{background:linear-gradient(90deg,#18221bd9,#18221b77)}} @media(prefers-reduced-motion:reduce){.service-backdrop:before,.service-backdrop:after{animation:none!important}} /* The final thread softly lights the footer's upper edge on arrival. */ .footer{position:relative;isolation:isolate} .footer:before{content:'';position:absolute;top:0;left:0;right:0;height:160px;z-index:-1;pointer-events:none;background:linear-gradient(100deg,var(--purple),var(--coral) 52%,var(--lime));mask:linear-gradient(#000,transparent);-webkit-mask:linear-gradient(#000,transparent);opacity:0;transition:opacity .8s ease} .footer.signal-arrived:before{opacity:.16} @media(max-width:720px){.footer:before{height:110px}} @media(prefers-reduced-motion:reduce){.footer:before{transition:none}} .footer.signal-arrived:before{opacity:.28} /* ORBIT: several connected paths build a living business network. */ .orbit-card:before,.orbit-card:after{display:none} .orbit-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.48;mask:linear-gradient(#000 20%,#0009 55%,#0003);-webkit-mask:linear-gradient(#000 20%,#0009 55%,#0003)} .network-link{fill:none;stroke:#695cff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:100;animation:orbit-network-draw 12s ease-in-out infinite;animation-delay:var(--network-delay,0s);animation-play-state:paused} .link-two{stroke:#b65b43;--network-delay:1s}.link-three{stroke:#62734a;--network-delay:2s}.link-four{stroke:#695cff;--network-delay:3s;stroke-width:1.2} .network-node{fill:#c9cbba;stroke:#695cff;stroke-width:2;animation:orbit-network-node 12s ease-in-out infinite;animation-delay:var(--network-delay,0s);animation-play-state:paused} .node-two{--network-delay:.8s;stroke:#62734a}.node-three{--network-delay:1.8s;stroke:#b65b43}.node-four{--network-delay:2.8s}.node-five{--network-delay:3.5s;stroke:#62734a} .network-halo{fill:none;stroke-width:1;opacity:.28} .network-drift{transform-origin:50% 40%;animation:orbit-network-drift 16s ease-in-out infinite;animation-play-state:paused} @keyframes orbit-network-draw{0%,100%{stroke-dashoffset:100;opacity:.12}40%,75%{stroke-dashoffset:0;opacity:.85}92%{stroke-dashoffset:0;opacity:.12}} @keyframes orbit-network-node{0%,15%,100%{opacity:.22}35%,68%{opacity:1}85%{opacity:.35}} @keyframes orbit-network-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-14px)}} .card-motion-visible .network-link,.card-motion-visible .network-node,.card-motion-visible .network-drift{animation-play-state:running} .service-backdrop .orbit-network{left:22%;width:85%;opacity:.52;mask:linear-gradient(90deg,transparent,#000 45%);-webkit-mask:linear-gradient(90deg,transparent,#000 45%)} @media(max-width:720px){.service-backdrop .orbit-network{left:0;width:120%;opacity:.3}} @media(prefers-reduced-motion:reduce){.network-link,.network-node,.network-drift{animation:none!important}.network-link{stroke-dashoffset:0;opacity:.5}.network-node{opacity:.6}} .service-hero>.signal{position:absolute;inset:0;z-index:1} .scroll-glow{isolation:isolate} .scroll-glow:before,.scroll-glow:after{content:'';position:absolute;left:0;right:0;height:170px;pointer-events:none;z-index:-1;background:linear-gradient(100deg,var(--purple),var(--coral) 52%,var(--lime))} .scroll-glow:before{top:0;opacity:var(--glow-top,0);mask:linear-gradient(#000,transparent);-webkit-mask:linear-gradient(#000,transparent)} .scroll-glow:after{bottom:0;opacity:var(--glow-bottom,0);mask:linear-gradient(transparent,#000);-webkit-mask:linear-gradient(transparent,#000)} @media(max-width:720px){.scroll-glow:before,.scroll-glow:after{height:115px}} /* Put hero edge light above the decorative backdrop and below the content. */ .service-hero.scroll-glow:before,.service-hero.scroll-glow:after{z-index:1} /* ORBIT expands its reach; APEX raises its letters to a shared height. */ .reach-word,.height-word{position:relative;white-space:nowrap} .reach-main{display:inline-block;animation:service-reach 8s cubic-bezier(.3,.7,.2,1) infinite;animation-play-state:paused} .reach-echo{position:absolute;inset:0;pointer-events:none;color:inherit;opacity:0;animation:service-reach-echo 8s ease-in-out infinite;animation-play-state:paused} .reach-echo-one{--reach-offset:.13em;--reach-opacity:.22} .reach-echo-two{--reach-offset:-.05em;--reach-opacity:.1} @keyframes service-reach{0%,10%,58%,100%{transform:translateX(0)}28%,40%{transform:translateX(.32em)}} @keyframes service-reach-echo{0%,14%,58%,100%{transform:translateX(0);opacity:0}28%,40%{transform:translateX(var(--reach-offset));opacity:var(--reach-opacity)}52%{transform:translateX(0);opacity:0}} .height-letter{display:inline-block;animation:service-height 8s cubic-bezier(.25,.7,.2,1) infinite;animation-delay:var(--rise-delay);animation-play-state:paused} .height-guide{position:absolute;left:0;right:0;bottom:-.1em;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--coral),var(--lime));transform-origin:left;animation:service-height-guide 8s ease-in-out infinite;animation-play-state:paused} @keyframes service-height{0%,8%,100%{transform:translateY(var(--rise-depth));opacity:.68}27%,84%{transform:translateY(0);opacity:1}} @keyframes service-height-guide{0%,8%,100%{transform:translateY(.25em) scaleX(.15);opacity:0}30%,48%{transform:translateY(0) scaleX(1);opacity:.65}64%,85%{transform:translateY(0) scaleX(1);opacity:0}} .service-words-visible .reach-main,.service-words-visible .reach-echo,.service-words-visible .height-letter,.service-words-visible .height-guide{animation-play-state:running} @media(prefers-reduced-motion:reduce){.reach-main,.reach-echo,.height-letter,.height-guide{animation:none!important;transform:none;opacity:1}.reach-echo,.height-guide{display:none}} .construction-hero{background:var(--paper)} .construction-hero>.construction-backdrop{position:absolute;right:-4%;top:0;width:65%;height:100%;z-index:0;pointer-events:none;opacity:.4;mask:linear-gradient(90deg,transparent,#000 65%);-webkit-mask:linear-gradient(90deg,transparent,#000 65%)} .construction-wires path{fill:none;stroke:var(--purple);stroke-width:1.5;stroke-dasharray:100;animation:construction-connect 10s ease-in-out infinite;animation-play-state:paused} .construction-wires path:nth-child(2n){stroke:var(--coral);animation-delay:1s} .construction-wires path:nth-child(3){stroke:#788a5e;animation-delay:2s} .construction-modules{fill:#eeeee6;stroke:#788a5e;stroke-width:1.5;animation:construction-modules 10s ease-in-out infinite;animation-play-state:paused} .construction-word{position:relative;white-space:nowrap} .construction-letter{display:inline-block;animation:construction-assemble 8s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--build-delay);animation-play-state:paused} .construction-baseline{position:absolute;left:0;right:0;bottom:-.1em;height:2px;background:linear-gradient(90deg,var(--purple),var(--coral));transform-origin:left;animation:construction-foundation 8s ease-in-out infinite;animation-play-state:paused} .construction-visible .construction-letter,.construction-visible .construction-baseline,.construction-visible .construction-wires path,.construction-visible .construction-modules{animation-play-state:running} @keyframes construction-assemble{0%,6%,100%{transform:translate(.025em,.2em);opacity:.25}20%,85%{transform:translate(0,0);opacity:1}} @keyframes construction-foundation{0%,100%{transform:scaleX(0);opacity:0}12%,35%{transform:scaleX(1);opacity:.5}60%,85%{transform:scaleX(1);opacity:0}} @keyframes construction-connect{0%,100%{stroke-dashoffset:100;opacity:.15}45%,80%{stroke-dashoffset:0;opacity:.75}95%{stroke-dashoffset:0;opacity:.15}} @keyframes construction-modules{0%,100%{opacity:.2}45%,80%{opacity:.85}} .situation-list{margin-top:70px} .situation-list article{display:grid;grid-template-columns:45px 1.2fr 1fr;gap:35px;padding:40px 0;border-top:1px solid var(--line);align-items:start} .situation-list article:last-child{border-bottom:1px solid var(--line)} .situation-index{font-size:12px;color:var(--muted);padding-top:8px} .situation-list h3{font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.15;letter-spacing:-.035em} .situation-list p{font-size:17px;line-height:1.65;color:var(--muted);margin:0;max-width:440px} @media(max-width:720px){.construction-hero>.construction-backdrop{width:105%;right:-25%;opacity:.22}.situation-list{margin-top:40px}.situation-list article{grid-template-columns:25px 1fr;gap:15px;padding:30px 0}.situation-list h3{font-size:26px}.situation-list p{grid-column:2;font-size:16px}} @media(prefers-reduced-motion:reduce){.construction-letter,.construction-baseline,.construction-wires path,.construction-modules{animation:none!important}.construction-letter{opacity:1;transform:none}.construction-baseline{display:none}.construction-wires path{stroke-dashoffset:0}} /* The construction hero shares the service-hero edge glow, on a deeper warm gray. */ .construction-hero{background:var(--paper);isolation:isolate} .construction-hero>.construction-backdrop{z-index:0} .construction-hero>:not(.signal):not(.construction-backdrop){position:relative;z-index:2} .construction-hero.scroll-glow:before,.construction-hero.scroll-glow:after{z-index:1} .construction-hero .construction-modules{fill:#d4d5ca} /* Keep the established hero glow. */ .subhero.scroll-glow:before,.hero.scroll-glow:before{display:none} /* The rounded waveform already includes its own straight resting segments. */ .system-frequency .frequency-baseline{display:none} /* The moving waveform replaces the card border while its pulse passes. */ .ecosystem-pulse article.pulse-active{border-top-color:transparent} @media(max-width:720px){[data-mobile-manual] .system-options button.is-active .system-label{transform:scale(1.04)}} /* The whole word grows and settles, with a generous quiet interval. */ .better-word{white-space:nowrap} .better-letter{display:inline-block;transform-origin:50% 85%;animation:better-grow 7s cubic-bezier(.22,.7,.25,1) infinite;animation-delay:var(--better-delay);animation-play-state:paused} .hero-in-view .better-letter{animation-play-state:running} @keyframes better-grow{0%,8%,65%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(.08em) scale(.94,.8)}32%{transform:translateY(-.035em) scale(1.025,1.12)}45%,56%{transform:translateY(0) scale(1)}} @media(prefers-reduced-motion:reduce){.better-letter{animation:none!important;transform:none}} /* A small, stationary hollow node follows the mouse. */ .node-cursor{position:fixed;left:0;top:0;width:13px;height:13px;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#695cff,#ff7058,#b7e36b,#695cff);mask:radial-gradient(circle,transparent 43%,#000 48%);-webkit-mask:radial-gradient(circle,transparent 43%,#000 48%);transition:width .18s,height .18s,opacity .15s} .node-cursor.over-link{width:21px;height:21px;background:var(--lime)} @media(hover:hover) and (pointer:fine){html.node-cursor-on,html.node-cursor-on *{cursor:none!important}} .film-section.scroll-glow:before,.film-section.scroll-glow:after{z-index:0} .film-copy{position:relative;z-index:1} .construction-hero + .intro-split{border-top:0} /* Home statement: a gentle entrance followed by its drawn underline. */ .underline-statement.statement-motion{position:relative;border-bottom:0;opacity:0;transform:translateY(12px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)} .underline-statement.statement-motion:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1) .25s} .underline-statement.statement-motion.statement-visible{opacity:1;transform:translateY(0)} .underline-statement.statement-visible:after{transform:scaleX(1)} @media(prefers-reduced-motion:reduce){.underline-statement.statement-motion{opacity:1;transform:none;transition:none}.underline-statement.statement-motion:after{transform:scaleX(1);transition:none}} /* A quiet repeating gesture after the statement enters view. */ .underline-statement.statement-visible:after{animation:statement-breathe 5.5s ease-in-out 1.2s infinite;animation-play-state:paused} .underline-statement.statement-in-view:after{animation-play-state:running} @keyframes statement-breathe{0%,25%,75%,100%{transform:scaleX(1) translateY(0);opacity:1}44%{transform:scaleX(.94) translateY(1.5px);opacity:.65}58%{transform:scaleX(1) translateY(-.5px);opacity:1}} @media(prefers-reduced-motion:reduce){.underline-statement.statement-visible:after{animation:none!important}} /* Hero motion rule: a word gesture whenever no bespoke hero animation exists. */ .hero-accent-word{white-space:nowrap} .hero-accent-letter{display:inline-block;transform-origin:center 85%;animation:hero-accent-lift 8s ease-in-out infinite;animation-delay:var(--accent-delay);animation-play-state:paused} .hero-accent-align .hero-accent-letter{animation-name:hero-accent-align} .hero-accent-flow .hero-accent-letter{animation-name:hero-accent-flow} .hero-accent-visible .hero-accent-letter{animation-play-state:running} @keyframes hero-accent-lift{0%,12%,60%,100%{transform:translateY(0)}28%{transform:translateY(-.055em)}42%{transform:translateY(0)}} @keyframes hero-accent-align{0%,10%,65%,100%{transform:translateY(0) rotate(0)}24%{transform:translateY(var(--accent-offset)) rotate(-1deg)}40%,52%{transform:translateY(0) rotate(0)}} @keyframes hero-accent-flow{0%,10%,65%,100%{transform:translateY(0) scaleY(1)}26%{transform:translateY(-.04em) scaleY(1.07)}42%{transform:translateY(0) scaleY(1)}} @media(prefers-reduced-motion:reduce){.hero-accent-letter{animation:none!important;transform:none}} /* Home method: open typography and an editorial index instead of filled boxes. */ .method-editorial .method-widget{display:grid;grid-template-columns:minmax(240px,.85fr) 1.4fr;gap:8vw;align-items:start;margin:65px 0 60px} .method-editorial .method-tabs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:0} .method-editorial .method-tabs button{display:flex;align-items:baseline;gap:22px;padding:17px 0 17px 20px;border:0;background:transparent;color:var(--muted);font-size:clamp(23px,2.4vw,35px);letter-spacing:-.04em;transition:color .25s,transform .25s} .method-editorial .method-tabs button>span{display:inline;margin:0;color:var(--muted);font-size:11px;letter-spacing:0} .method-editorial .method-tabs button:before{width:5px;height:5px;left:0;top:50%;transform:translateY(-50%);opacity:.35} .method-editorial .method-tabs button[aria-selected=true]{background:transparent;color:var(--ink);transform:translateX(8px)} .method-editorial .method-tabs button[aria-selected=true]:before{width:7px;height:7px;top:50%;background:var(--coral);opacity:1} .method-editorial .method-tabs button[aria-selected=true]>span{color:var(--coral)} .method-editorial .method-panel{grid-column:2;grid-row:1;display:block;padding:45px 0;min-height:360px;border-top:1px solid var(--line);position:sticky;top:140px} .method-editorial .method-panel h3{font-size:clamp(3rem,5vw,5.8rem);max-width:650px;line-height:1.05;margin-bottom:35px} .method-editorial .method-panel p{font-size:18px;line-height:1.65;max-width:520px} @media(max-width:720px){ .method-editorial .method-widget{display:flex;flex-direction:column;gap:0;margin:35px 0 40px} .method-editorial .method-tabs{display:contents} .method-editorial .method-tabs button{width:100%;font-size:27px;padding:20px 0 20px 18px;flex-shrink:0} .method-editorial .method-tabs button[aria-selected=true]{transform:translateX(4px)} .method-editorial .method-panel{position:static;min-height:0;border:0;padding:5px 0 30px 42px} .method-editorial .method-panel h3{font-size:32px;margin-bottom:17px} .method-editorial .method-panel p{font-size:16px;margin:0} } @media(prefers-reduced-motion:reduce){.method-editorial .method-tabs button{transition:none}} /* Muted green sections share a softer edge glow instead of the scroll signal. */ .soft-glow.scroll-glow:before{opacity:calc(var(--glow-top,0) * .5)} .soft-glow.scroll-glow:after{opacity:calc(var(--glow-bottom,0) * .5)} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header{background:rgba(244,241,234,.95)}} /* Keep words intact and the link's layout stable during the letter sweep. */ .cta-sweep-word{display:inline-block;white-space:nowrap} .cta-sweep-letter{display:inline-block;transform-origin:center 70%} .cta-letter-sweep:focus-visible{outline:3px solid var(--purple);outline-offset:6px} .evolve-word{white-space:nowrap} .evolve-letter{display:inline-block;transform-origin:center 85%;animation:evolve-rise 6.5s cubic-bezier(.3,0,.25,1) infinite;animation-delay:var(--evolve-delay);animation-play-state:paused} .evolve-visible .evolve-letter{animation-play-state:running} @keyframes evolve-rise{0%,12%,65%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-.06em) scale(1.035,1.075)}48%{transform:translateY(0) scale(1)}} @media(prefers-reduced-motion:reduce){.evolve-letter{animation:none!important;transform:none}} /* A small gathering, with an extended pause between gestures. */ .people-word{white-space:nowrap} .people-letter{display:inline-block;animation:people-gather 7s cubic-bezier(.4,0,.25,1) infinite;animation-play-state:paused;transform-origin:center 80%} .people-visible .people-letter{animation-play-state:running} @keyframes people-gather{0%,14%,78%,100%{transform:translate(0,0)}34%,48%{transform:translate(var(--people-shift),var(--people-lift))}66%{transform:translate(0,0)}} @media(prefers-reduced-motion:reduce){.people-letter{animation:none!important;transform:none}} /* Floating navigation capsule; the surrounding header is fully transparent. */ .header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0} .header nav{gap:3px;padding:6px;border-radius:999px;background:rgba(190,187,197,.62);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)} .header nav a{padding:11px 19px;border-radius:999px;color:var(--ink);line-height:1.25;transition:background .25s,color .25s} .header nav a:after{display:none} .header nav a:hover{background:rgba(244,241,234,.48)} .header nav a[aria-current]{background:var(--purple);color:#fff} .header .brand{color:var(--ink);mix-blend-mode:normal;transition:color .2s ease} .header .brand.brand-on-dark{color:var(--paper)} @media(prefers-reduced-motion:reduce){.header .brand{transition:none}} .menu-toggle{border-radius:50%;background:rgba(190,187,197,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .mobile-menu{left:4vw;right:4vw;border:0;border-radius:26px;background:rgba(224,221,229,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:22px 6vw 30px} @media(min-width:721px) and (max-width:1100px){.header nav a{padding:10px 12px}} /* Closing CTA: a small living ring replaces the solid coral dot. */ .closing .pill .button-dot,.closing .pill:hover .button-dot{flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:conic-gradient(var(--purple),var(--coral),var(--lime),var(--purple));mask:radial-gradient(circle,transparent 43%,#000 47%);-webkit-mask:radial-gradient(circle,transparent 43%,#000 47%);animation:nav-ring 2.6s ease-in-out infinite;animation-play-state:paused} .closing.cta-in-view .pill .button-dot{animation-play-state:running} @media(prefers-reduced-motion:reduce){.closing .pill .button-dot{animation:none!important}} .header .pill:hover{border-color:var(--coral)} /* Hero signals begin at the page top, behind the transparent navigation. */ .signal-hero-extended{overflow:visible;clip-path:inset(calc(-1 * var(--hero-signal-extension,104px)) 0 0)} .signal-hero-extended>.signal{top:calc(-1 * var(--hero-signal-extension,104px));bottom:0} /* Business-led Home headline, preserving the animated O in mejor. */ .hero h1.business-growth-title{font-size:clamp(64px,10.5vw,170px);line-height:.98;letter-spacing:-.055em} .business-growth-first{white-space:nowrap} .hero h1.business-growth-title em{margin-left:0;white-space:nowrap} @media(max-width:720px){.hero h1.business-growth-title{font-size:12.6vw;line-height:1.08;margin-top:65px;margin-bottom:50px}} /* An odometer-like O: the repeated zero makes the track reset seamless. */ .hero-counter-static{display:none} .hero-counter{display:inline-block;position:relative;width:.5em;height:1em;vertical-align:-.16em;overflow:hidden;mask:linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask:linear-gradient(transparent,#000 9%,#000 91%,transparent);animation:counter-return 10s ease-in-out infinite;animation-play-state:paused} .hero-counter-track{display:block;animation:counter-roll 10s cubic-bezier(.45,0,.2,1) infinite;animation-play-state:paused} .hero-counter-digit{display:block;height:1em;line-height:1em;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0} .hero-in-view .hero-counter,.hero-in-view .hero-counter-track{animation-play-state:running} @keyframes counter-roll{0%,4%{transform:translateY(-0em)}7%,11%{transform:translateY(-1em)}14%,18%{transform:translateY(-2em)}21%,25%{transform:translateY(-3em)}28%,32%{transform:translateY(-4em)}35%,39%{transform:translateY(-5em)}42%,46%{transform:translateY(-6em)}49%,53%{transform:translateY(-7em)}56%,60%{transform:translateY(-8em)}63%,67%{transform:translateY(-9em)}70%,100%{transform:translateY(-10em)}} @keyframes counter-return{0%,69%,84%,100%{transform:scale(1)}75%{transform:scale(1.075,.96)}} @media(max-width:720px){ .method-editorial .method-tabs button,.method-editorial .method-tabs button[aria-selected=true]{transform:none;color:var(--muted);transform-origin:left center} .method-editorial .method-tabs button[aria-selected=true]:before{width:5px;height:5px;background:#aaa99f;opacity:.35} .method-editorial .method-tabs button[aria-selected=true]>span{color:var(--muted)} .method-editorial .method-tabs button.method-scroll-current{transform:translateX(4px) scale(1.04);color:var(--ink)} .method-editorial .method-tabs button.method-scroll-current:before{width:9px;height:9px;background:var(--coral);opacity:1} .method-editorial .method-tabs button.method-scroll-current>span{color:var(--ink)} } @media(prefers-reduced-motion:reduce){.hero-counter{display:none;animation:none}.hero-counter-track{animation:none}.hero-counter-static{display:inline}} /* Football-scoreboard style: two hinged halves, no scrolling reel. */ .hero-counter.scoreboard-counter{animation:none;mask:none;-webkit-mask:none;perspective:2.5em;overflow:visible} .score-face{position:absolute;inset:0;display:block;height:1em;line-height:1em;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0;transform-origin:50% 50%;backface-visibility:hidden} .score-top,.score-flip-top{clip-path:inset(0 0 50% 0)} .score-bottom,.score-flip-bottom{clip-path:inset(50% 0 0 0)} .score-flip-top,.score-flip-bottom{z-index:1} /* Disorder becomes a word: capability icons scatter downward, then colour rises. */ .hero h1.business-growth-title{margin-bottom:clamp(110px,12vw,190px)} .better-pillars{position:relative;white-space:nowrap} .pillar-glyph{position:relative;display:inline-block;transform-origin:center;animation:pillars-gather 14s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused} .pillar-base{display:block;animation:pillars-letter 14s ease-in-out infinite;animation-play-state:paused} .pillar-icon{position:absolute;left:50%;top:50%;width:.46em;height:.46em;transform:translate(-50%,-50%);opacity:0;pointer-events:none;animation:pillars-icon 14s ease-in-out infinite;animation-play-state:paused;color:inherit} .pillar-icon svg{width:100%;height:100%;display:block;overflow:visible} .pillar-fill{position:absolute;inset:-.22em;padding:.22em;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(25deg,var(--lime),var(--coral) 48%,var(--purple));background-clip:text;-webkit-background-clip:text;animation:pillars-colour 14s ease-in-out infinite;animation-play-state:paused;pointer-events:none} .hero-in-view .pillar-glyph,.hero-in-view .pillar-base,.hero-in-view .pillar-icon,.hero-in-view .pillar-fill{animation-play-state:running} @keyframes pillars-gather{0%,6%,36%,100%{transform:translate(0,0) rotate(0) scale(1)}16%,25%{transform:translate(var(--pillar-x),var(--pillar-y)) rotate(var(--pillar-rotation)) scale(.9)}} @keyframes pillars-letter{0%,7%,34%,36%,43.2%,100%{opacity:1}13%,27%,37.5%,41.5%{opacity:0}} @keyframes pillars-icon{0%,7%,34%,100%{opacity:0}14%,26%{opacity:1}} @keyframes pillars-colour{0%,36%,43.2%,100%{opacity:0;filter:drop-shadow(0 0 0 transparent)}37.5%{opacity:1;filter:drop-shadow(0 0 0 transparent)}39%,40.5%{opacity:1;filter:drop-shadow(0 0 .035em #a79be266)}41.5%{opacity:1;filter:drop-shadow(0 0 0 transparent)}} @media(max-width:720px){.hero h1.business-growth-title{margin-bottom:100px}.pillar-icon{width:.52em;height:.52em}} @media(prefers-reduced-motion:reduce){.pillar-glyph,.pillar-base{animation:none!important;transform:none;opacity:1}.pillar-icon,.pillar-fill{animation:none!important;display:none}} /* The j dot hops once after the word has reassembled, then settles. */ .pillar-j-dot{position:absolute;inset:0;pointer-events:none;clip-path:polygon(-100% -100%,200% -100%,200% .24em,-100% .24em);animation:j-dot-spark 14s ease-in-out infinite;animation-play-state:paused;transform-origin:70% 15%} .hero-in-view .pillar-j-dot{animation-play-state:running} @keyframes j-dot-spark{ 0%,7%,34%,36%,43.2%,100%{opacity:1;transform:translateY(0);color:inherit} 13%,27%{opacity:0;transform:translateY(0);color:inherit} 37.5%{opacity:1;transform:translateY(0);color:var(--purple)} 38.5%{opacity:1;transform:translateY(-.085em);color:var(--purple)} 39.5%{opacity:1;transform:translateY(.012em);color:var(--purple)} 40.5%{opacity:1;transform:translateY(-.022em);color:var(--purple)} 41.5%{opacity:1;transform:translateY(0);color:var(--purple)} } @media(prefers-reduced-motion:reduce){.pillar-j-dot{animation:none!important;transform:none;color:inherit;opacity:1}} /* Original transparent wordmark, cropped through its mask without editing the asset. */ .garabi-logo{display:block;aspect-ratio:1058/392;background:currentColor;mask:url('/assets/garabi-logo-propuesta.a8850610ec49.png') center/102.079395% 275.510204% no-repeat;-webkit-mask:url('/assets/garabi-logo-propuesta.a8850610ec49.png') center/102.079395% 275.510204% no-repeat} .header .brand{flex-shrink:0} .header .brand .garabi-logo{width:130px;margin:0} .footer .footer-wordmark{display:block;max-width:960px;margin:70px auto 48px;line-height:1} .footer .footer-wordmark .garabi-logo{width:100%} @media(max-width:720px){.header .brand .garabi-logo{width:104px}.footer .footer-wordmark{margin:55px 0 35px}} /* Three-second lateral colour sweep, using the signal palette and transparency. */ .better-pillars{--letter-colour-opacity:1} .pillar-fill{background:color-mix(in srgb,var(--letter-colour) 15%,#4c463d);background-clip:text;-webkit-background-clip:text;filter:none;transform-origin:center} .pillar-glyph:nth-child(1){--letter-colour:#695cff;animation-name:pillars-gather,letter-zoom-1;animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1),ease-in-out;animation-iteration-count:infinite} .pillar-glyph:nth-child(1) .pillar-base{animation-name:letter-grey-1} .pillar-glyph:nth-child(1) .pillar-fill{animation-name:letter-colour-1} @keyframes letter-zoom-1{0%,36%,39.599999999999994%,100%{scale:1}37.8%{scale:1.025}} @keyframes letter-grey-1{0%,7%,34%,36%,57.43%,100%{opacity:1}13%,27%,37.8%,54.5%{opacity:0}} @keyframes letter-colour-1{0%,36%{opacity:0;clip-path:inset(0 100% 0 0)}37.8%,54.5%{opacity:var(--letter-colour-opacity);clip-path:inset(0)}57.43%,100%{opacity:0;clip-path:inset(0)}} .pillar-glyph:nth-child(2){--letter-colour:#b479c0;animation-name:pillars-gather,letter-zoom-2;animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1),ease-in-out;animation-iteration-count:infinite} .pillar-glyph:nth-child(2) .pillar-base{animation-name:letter-grey-2} .pillar-glyph:nth-child(2) .pillar-fill{animation-name:letter-colour-2} @keyframes letter-zoom-2{0%,37.4%,40.99999999999999%,100%{scale:1}39.199999999999996%{scale:1.025}} @keyframes letter-grey-2{0%,7%,34%,37.4%,57.43%,100%{opacity:1}13%,27%,39.199999999999996%,54.5%{opacity:0}} @keyframes letter-colour-2{0%,37.4%{opacity:0;clip-path:inset(0 100% 0 0)}39.199999999999996%,54.5%{opacity:var(--letter-colour-opacity);clip-path:inset(0)}57.43%,100%{opacity:0;clip-path:inset(0)}} .pillar-glyph:nth-child(3){--letter-colour:#ff7058;animation-name:pillars-gather,letter-zoom-3;animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1),ease-in-out;animation-iteration-count:infinite} .pillar-glyph:nth-child(3) .pillar-base{animation-name:letter-grey-3} .pillar-glyph:nth-child(3) .pillar-fill{animation-name:letter-colour-3} @keyframes letter-zoom-3{0%,38.8%,42.39999999999999%,100%{scale:1}40.599999999999994%{scale:1.025}} @keyframes letter-grey-3{0%,7%,34%,38.8%,57.43%,100%{opacity:1}13%,27%,40.599999999999994%,54.5%{opacity:0}} @keyframes letter-colour-3{0%,38.8%{opacity:0;clip-path:inset(0 100% 0 0)}40.599999999999994%,54.5%{opacity:var(--letter-colour-opacity);clip-path:inset(0)}57.43%,100%{opacity:0;clip-path:inset(0)}} .pillar-glyph:nth-child(4){--letter-colour:#dbab62;animation-name:pillars-gather,letter-zoom-4;animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1),ease-in-out;animation-iteration-count:infinite} .pillar-glyph:nth-child(4) .pillar-base{animation-name:letter-grey-4} .pillar-glyph:nth-child(4) .pillar-fill{animation-name:letter-colour-4} @keyframes letter-zoom-4{0%,40.2%,43.8%,100%{scale:1}42%{scale:1.025}} @keyframes letter-grey-4{0%,7%,34%,40.2%,57.43%,100%{opacity:1}13%,27%,42%,54.5%{opacity:0}} @keyframes letter-colour-4{0%,40.2%{opacity:0;clip-path:inset(0 100% 0 0)}42%,54.5%{opacity:var(--letter-colour-opacity);clip-path:inset(0)}57.43%,100%{opacity:0;clip-path:inset(0)}} .pillar-glyph:nth-child(5){--letter-colour:#b7e36b;animation-name:pillars-gather,letter-zoom-5;animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1),ease-in-out;animation-iteration-count:infinite} .pillar-glyph:nth-child(5) .pillar-base{animation-name:letter-grey-5} .pillar-glyph:nth-child(5) .pillar-fill{animation-name:letter-colour-5} @keyframes letter-zoom-5{0%,41.6%,45.199999999999996%,100%{scale:1}43.4%{scale:1.025}} @keyframes letter-grey-5{0%,7%,34%,41.6%,57.43%,100%{opacity:1}13%,27%,43.4%,54.5%{opacity:0}} @keyframes letter-colour-5{0%,41.6%{opacity:0;clip-path:inset(0 100% 0 0)}43.4%,54.5%{opacity:var(--letter-colour-opacity);clip-path:inset(0)}57.43%,100%{opacity:0;clip-path:inset(0)}} .pillar-glyph:nth-child(6){--letter-colour:#a29bb5;animation-name:pillars-gather,letter-zoom-6;animation-duration:14s;animation-timing-function:cubic-bezier(.4,0,.2,1),ease-in-out;animation-iteration-count:infinite} .pillar-glyph:nth-child(6) .pillar-base{animation-name:letter-grey-6} .pillar-glyph:nth-child(6) .pillar-fill{animation-name:letter-colour-6} @keyframes letter-zoom-6{0%,43%,46.599999999999994%,100%{scale:1}44.8%{scale:1.025}} @keyframes letter-grey-6{0%,7%,34%,43%,57.43%,100%{opacity:1}13%,27%,44.8%,54.5%{opacity:0}} @keyframes letter-colour-6{0%,43%{opacity:0;clip-path:inset(0 100% 0 0)}44.8%,54.5%{opacity:var(--letter-colour-opacity);clip-path:inset(0)}57.43%,100%{opacity:0;clip-path:inset(0)}} @keyframes j-dot-spark{ 0%,7%,34%,38.8%,57.43%,100%{opacity:1;transform:translateY(0);color:inherit} 13%,27%{opacity:0;transform:translateY(0);color:inherit} 40.6%{opacity:var(--letter-colour-opacity);transform:translateY(-.085em);color:var(--letter-colour)} 42%{opacity:var(--letter-colour-opacity);transform:translateY(.012em);color:var(--letter-colour)} 43%{opacity:var(--letter-colour-opacity);transform:translateY(-.022em);color:var(--letter-colour)} 44.2%,54.5%{opacity:var(--letter-colour-opacity);transform:translateY(0);color:var(--letter-colour)} } @media(max-width:720px){.better-pillars{--letter-colour-opacity:1}} @media(prefers-reduced-motion:reduce){.pillar-glyph{animation:none!important;scale:1}.pillar-base{animation:none!important;opacity:1}.pillar-fill{display:none}.pillar-j-dot{animation:none!important;opacity:1;transform:none;color:inherit}} /* The j dot becomes the same living ring as the navigation CTA during its hop. */ .pillar-j-dot-shape{animation:j-dot-solid 14s ease-in-out infinite;animation-play-state:paused} .pillar-j-dot:after{content:'';position:absolute;left:.14em;top:.075em;width:.14em;height:.14em;border-radius:50%;background:conic-gradient(var(--purple),var(--coral),var(--lime),var(--purple));mask:radial-gradient(circle,transparent 43%,#000 47%);-webkit-mask:radial-gradient(circle,transparent 43%,#000 47%);opacity:0;animation:j-dot-ring 14s ease-in-out infinite,nav-ring 2.6s ease-in-out infinite;animation-play-state:paused} .hero-in-view .pillar-j-dot-shape,.hero-in-view .pillar-j-dot:after{animation-play-state:running} @keyframes j-dot-solid{0%,38.8%,57.43%,100%{opacity:1}40.6%,54.5%{opacity:0}} @keyframes j-dot-ring{0%,38.8%,57.43%,100%{opacity:0}40.6%,54.5%{opacity:1}} @media(prefers-reduced-motion:reduce){.pillar-j-dot-shape{animation:none!important;opacity:1}.pillar-j-dot:after{display:none;animation:none!important}} /* Give the mobile thread the same visual presence as the desktop composition. */ @media(max-width:720px){.signal path.base,.signal path.live,.hero .signal path.live{stroke-width:10.5}} /* Home: quiet disorder, alignment, then a shared upward movement. */ .better-order{white-space:nowrap;animation:better-order-rise 7s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused} .better-order-letter{display:inline-block;transform-origin:50% 75%;animation:better-order-align 7s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused} .hero-in-view .better-order,.hero-in-view .better-order-letter{animation-play-state:running} @keyframes better-order-align{0%,8%,100%{transform:translate(var(--order-x),var(--order-y)) rotate(var(--order-angle))}30%,80%{transform:translate(0,0) rotate(0)}} @keyframes better-order-rise{0%,35%,82%,100%{transform:translateY(0)}50%,68%{transform:translateY(-.055em)}} @media(prefers-reduced-motion:reduce){.better-order,.better-order-letter{animation:none!important;transform:none}} /* Crecen mejor grows gently from its baseline after the letters align. */ .hero h1.business-growth-title em.growth-phrase{position:relative;animation:none;transform:none;white-space:nowrap} .growth-main{display:inline-block;transform-origin:left bottom;animation:growth-phrase-scale 7s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused} .growth-phrase .better-order{animation:none;transform:none} .hero-in-view .growth-main{animation-play-state:running} @keyframes growth-phrase-scale{0%,31%,94%,100%{transform:scale(1)}61%,70%{transform:scale(1.04)}} @media(prefers-reduced-motion:reduce){.growth-main{animation:none!important;transform:none}} /* Text actions share the navigation's pill shape, with an unfilled outline. */ .text-link{display:inline-block;border:1px solid currentColor;border-radius:999px;background:transparent;padding:13px 23px;min-height:48px;max-width:100%;line-height:1.4;text-align:center;text-decoration:none;vertical-align:middle;transition:color .25s,border-color .25s,transform .25s} .text-link:hover{background:transparent;transform:translateY(-2px)} .text-link:focus-visible{outline:3px solid var(--purple);outline-offset:5px} .dark .text-link:hover,.footer .text-link:hover{color:var(--lime)} @media(prefers-reduced-motion:reduce){.text-link{transition:none}.text-link:hover{transform:none}} /* Home trials: staggered growth, one quiet glow wave, and one underlined arrow link. */ .growth-main{animation:none;transform:none} .growth-step{display:inline-block;transform-origin:center bottom;animation-duration:7s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-play-state:paused} .hero-in-view .growth-step{animation-play-state:running} .ecosystem-included{max-width:690px;margin:38px 0 0;color:var(--muted);font-size:16px} .text-link.text-link-arrow-trial{display:inline-flex;align-items:center;gap:14px;padding:6px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;min-height:44px;text-align:left} .text-link-arrow-trial>span{display:inline-block;font-size:21px;transition:transform .25s} .text-link-arrow-trial:hover>span{transform:translate(3px,-3px)} .glow-wave-trial:before,.glow-wave-trial:after{left:-5%;right:-5%;background-size:140% 100%;animation:home-glow-wave 10s ease-in-out infinite;animation-play-state:paused;transform-origin:center top} .glow-wave-trial:after{transform-origin:center bottom;animation-delay:-5s} .glow-wave-trial.glow-wave-visible:before,.glow-wave-trial.glow-wave-visible:after{animation-play-state:running} @keyframes home-glow-wave{0%,100%{transform:translateX(-1.5%) scaleY(.97);background-position:0% 50%}50%{transform:translateX(1.5%) scaleY(1.04);background-position:35% 50%}} @keyframes growth-step-0{0%,31.0%,94%,100%{transform:scale(1)}51.0%,70%{transform:scale(1.04)}} @keyframes growth-step-1{0%,31.9%,94%,100%{transform:scale(1)}51.9%,70%{transform:scale(1.04)}} @keyframes growth-step-2{0%,32.8%,94%,100%{transform:scale(1)}52.8%,70%{transform:scale(1.04)}} @keyframes growth-step-3{0%,33.7%,94%,100%{transform:scale(1)}53.7%,70%{transform:scale(1.04)}} @keyframes growth-step-4{0%,34.6%,94%,100%{transform:scale(1)}54.6%,70%{transform:scale(1.04)}} @keyframes growth-step-5{0%,35.5%,94%,100%{transform:scale(1)}55.5%,70%{transform:scale(1.04)}} @keyframes growth-step-6{0%,36.4%,94%,100%{transform:scale(1)}56.4%,70%{transform:scale(1.04)}} @keyframes growth-step-7{0%,37.3%,94%,100%{transform:scale(1)}57.3%,70%{transform:scale(1.04)}} @keyframes growth-step-8{0%,38.2%,94%,100%{transform:scale(1)}58.2%,70%{transform:scale(1.04)}} @keyframes growth-step-9{0%,39.1%,94%,100%{transform:scale(1)}59.1%,70%{transform:scale(1.04)}} @keyframes growth-step-10{0%,40.0%,94%,100%{transform:scale(1)}60.0%,70%{transform:scale(1.04)}} @keyframes growth-step-11{0%,40.9%,94%,100%{transform:scale(1)}60.9%,70%{transform:scale(1.04)}} @media(prefers-reduced-motion:reduce){.growth-step{animation:none!important;transform:none}.glow-wave-trial:before,.glow-wave-trial:after{animation:none!important;transform:none}.text-link-arrow-trial>span{transition:none}.text-link-arrow-trial:hover>span{transform:none}} /* The alternative Home is scoped; linked subpages retain their original design. */ .alt-home .section{padding:140px 8vw} .alt-home .section>.eyebrow{margin-bottom:65px} .alt-home h2{font-size:clamp(48px,6.5vw,104px);max-width:1100px} .alt-home p{line-height:1.55} .alt-home .alt-lead{font-size:clamp(21px,2.1vw,30px);letter-spacing:-.025em;line-height:1.4} .alt-home .alt-link{display:inline-flex;align-items:center;gap:20px;padding:10px 0;min-height:44px;border-bottom:1px solid currentColor;font-size:16px;font-weight:500;text-decoration:none;position:relative} .alt-home .alt-link:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .35s} .alt-home .alt-link>span{font-size:22px;transition:transform .35s} .alt-home .alt-link:hover:after,.alt-home .alt-link:focus-visible:after{transform:scaleX(1)} .alt-home .alt-link:hover>span{transform:translate(4px,-4px)} .alt-home .alt-anchor{position:relative} .alt-home .alt-node{position:absolute;left:-48px;top:12px;width:24px;height:24px;display:block;z-index:3} .alt-home .alt-node i{display:block;width:100%;height:100%;border:2px solid #8f8c83;border-radius:50%;transition:transform .8s,border-color .6s;background:transparent} .alt-home .alt-lit>.alt-node i{border:0;background:conic-gradient(var(--purple),var(--coral),var(--lime),var(--purple));mask:radial-gradient(circle,transparent 48%,#000 52%);-webkit-mask:radial-gradient(circle,transparent 48%,#000 52%);animation:alt-node-awake 1.4s ease-in-out both} .alt-home [data-alt-block] h2,.alt-home [data-alt-block] h3{transform:translateY(5px);transition:transform .85s cubic-bezier(.2,.7,.2,1)} .alt-home [data-alt-block].alt-lit h2,.alt-home [data-alt-block].alt-lit h3{transform:translateY(0)} @keyframes alt-node-awake{0%{transform:scale(.9) rotate(0)}45%{transform:scale(1.16,.88) rotate(170deg)}100%{transform:scale(1) rotate(360deg)}} .alt-home .alt-hero{padding:35px 8vw 85px;min-height:calc(100svh - 104px)} .alt-hero-top{display:flex;justify-content:space-between;gap:30px} .alt-location{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em} .alt-home .hero h1.business-growth-title{font-size:clamp(76px,10.4vw,166px);max-width:none;margin:75px 0 85px;line-height:1.02} .alt-home .hero h1 em{margin-left:0} .alt-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end} .alt-hero-bottom .alt-lead{font-size:clamp(20px,1.8vw,27px)} .alt-scroll{font-size:13px;display:flex;gap:24px;align-items:center;width:fit-content;min-height:44px} .alt-scroll span{font-size:26px} .alt-home .alt-scroll>span{display:inline-block;animation:look-down 2.8s ease-in-out infinite;animation-play-state:paused} .alt-home .alt-scroll.arrow-in-view>span{animation-play-state:running} @keyframes look-down{0%,100%{transform:translateY(-1px)}50%{transform:translateY(4px)}} @media(prefers-reduced-motion:reduce){.alt-home .alt-scroll>span{animation:none;transform:none}} .alt-home .alt-insight{padding-top:160px;padding-bottom:160px} .alt-insight-copy{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:85px} .alt-insight-copy>div{max-width:440px;font-size:18px} .alt-home .alt-statement{margin-top:65px;font-size:24px;font-family:var(--serif);font-style:italic} .alt-home .alt-statement .alt-node{top:7px} .alt-home .film-section{min-height:78svh} .alt-section-intro{margin-bottom:80px} .alt-section-intro .eyebrow{margin-bottom:45px} .alt-section-intro .alt-lead{margin-top:40px;color:#c7c7be} .alt-service-list{margin-left:38px} .alt-service{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:70px 0 80px;border-top:1px solid #ffffff26} .alt-home .alt-service>.alt-node{top:77px;left:-42px;width:21px;height:21px} .alt-index{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px} .dark .alt-index{color:#acada5} .alt-home .alt-service h3{font-size:clamp(34px,3.8vw,60px);letter-spacing:-.055em;max-width:420px} .alt-home .alt-service-copy h4{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-bottom:20px} .alt-service-copy p{font-size:17px;color:#c7c7be;max-width:430px} .alt-service-copy ul{list-style:none;padding:0;margin:28px 0 0;color:#d9d9d0;font-size:14px;display:flex;flex-wrap:wrap;gap:9px 20px} .alt-service-copy li{padding-left:12px;position:relative} .alt-service-copy li:before{content:'';position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--coral)} .alt-endnote{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:50px} .alt-endnote p{margin:0;color:inherit} .alt-home .alt-ecosystems .eco-grid{margin-top:75px} .alt-included{max-width:640px;margin-top:40px;color:var(--muted)} .alt-home .alt-method,.alt-home .alt-people{background:#e8e8de} .alt-method-layout{display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:start} .alt-method-heading{position:sticky;top:150px} .alt-method-heading .eyebrow{margin-bottom:45px} .alt-home .alt-method h2{font-size:clamp(44px,4.9vw,78px)} .alt-method-heading>p:not(.eyebrow){margin:32px 0} .alt-step{padding:8px 0 50px;margin-bottom:35px;border-bottom:1px solid #191b1b20} .alt-home .alt-step h3{font-size:clamp(28px,2.7vw,42px);line-height:1.1;margin-bottom:20px} .alt-step p{max-width:390px;color:#53554e} .alt-home .alt-step .alt-node{width:20px;height:20px;top:9px;left:-40px} .alt-home .alt-step:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .alt-home .alt-cases .case-feature{margin-top:85px} .alt-home .alt-cases .text-link{border:0;border-bottom:1px solid;border-radius:0;padding:8px 0;background:transparent} .alt-home .alt-cases .text-link:after{content:' ↗';margin-left:16px} .alt-people-copy{max-width:600px;margin:70px 0 0 auto} .alt-people-copy>p:not(.alt-lead){max-width:480px;font-size:18px} .alt-home .alt-closing .alt-lead{margin-top:45px;max-width:640px;font-size:22px} .alt-home .alt-closing .alt-link{margin-top:20px;font-size:20px} .alt-home .alt-trace{position:relative;isolation:isolate} .alt-home .alt-trace>:not(.alt-rail):not(.continuous-rail){position:relative;z-index:2} .alt-rail{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} .alt-rail path{fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round} .alt-rail .alt-rail-base{stroke:#191b1b;opacity:.035} .alt-rail .alt-rail-live{opacity:.26} /* Keep text readable before activation; animation accompanies rather than gates reading. */ .alt-home .kinetic-title.title-ready:not(.title-visible) .kinetic-word{opacity:1;translate:none} .alt-home .alt-capabilities:before,.alt-home .alt-capabilities:after{animation:none} @media(max-width:1000px){.alt-method-layout{gap:8vw}.alt-method-heading{position:static}} @media(max-width:720px){ .alt-home .section{padding:90px 24px 90px 58px} .alt-home .section>.eyebrow{margin-bottom:42px} .alt-home h2{font-size:clamp(37px,9.8vw,64px);line-height:1.04} .alt-home .alt-node{left:-35px;top:8px;width:20px;height:20px} .alt-home .alt-hero{padding:28px 24px 65px;min-height:calc(100svh - 82px)} .alt-hero-top{display:block}.alt-location{display:none} .alt-home .hero h1.business-growth-title{font-size:12vw;margin:64px 0 58px;line-height:1.13} .alt-home .hero h1.business-growth-title em{white-space:nowrap} .alt-hero-bottom{grid-template-columns:1fr;gap:42px} .alt-hero-bottom .alt-anchor{margin-left:34px;order:-1} .alt-hero-bottom .alt-lead{font-size:20px} .alt-scroll{margin-left:34px} .alt-home .alt-lead{font-size:21px} .alt-insight-copy{grid-template-columns:1fr;gap:30px;margin-top:44px} .alt-insight-copy>div{font-size:16px} .alt-home .alt-statement{font-size:24px;margin-top:40px} .alt-home .film-section{min-height:70svh} .alt-section-intro{margin-bottom:50px} .alt-service-list{margin-left:0} .alt-service{grid-template-columns:1fr;gap:25px;padding:40px 0 50px} .alt-home .alt-service>.alt-node{top:42px;left:-35px;width:20px;height:20px} .alt-home .alt-service h3{font-size:clamp(31px,8.2vw,46px)} .alt-index{margin-bottom:17px} .alt-service-copy h4{font-size:20px!important} .alt-service-copy p{font-size:16px} .alt-service-copy ul{display:block;margin-top:23px}.alt-service-copy li{margin-bottom:10px} .alt-endnote{display:block}.alt-endnote .alt-link{margin-top:24px} .alt-home .alt-ecosystems{padding-left:24px} .alt-ecosystems>.eyebrow,.alt-ecosystems>.alt-anchor{margin-left:34px} .alt-home .alt-ecosystems .eco-grid{margin-top:50px} .alt-included{font-size:15px;margin-left:34px} .alt-method-layout{display:block}.alt-method-steps{margin-top:65px} .alt-home .alt-method h2{font-size:11vw} .alt-step{padding-bottom:32px;margin-bottom:32px} .alt-home .alt-step .alt-node{left:-35px;top:8px} .alt-home .alt-step h3{font-size:29px} .alt-step p{font-size:16px} .alt-home .alt-cases .case-feature{margin-top:45px} .alt-home .alt-cases .case-photo img{height:360px} .alt-people-copy{margin-top:45px}.alt-people-copy>p:not(.alt-lead){font-size:16px} .alt-home .alt-closing .alt-lead{font-size:19px;margin-top:32px} .alt-home .alt-closing .alt-link{font-size:17px} .alt-rail path{stroke-width:8} } @media(prefers-reduced-motion:reduce){.alt-home .alt-node i,.alt-home .alt-link>span,.alt-home .alt-link:after,.alt-home [data-alt-block] h2,.alt-home [data-alt-block] h3{animation:none!important;transition:none!important;transform:none!important}} .alt-home .claude-section{ --ink:#101113;--paper:#f4f1ea;--muted:#7a756c;--line:#d8d2c7; --a1:#695cff;--a2:#ff7058;--a3:#b7e36b; --px:clamp(22px,6vw,96px); --gx:calc(var(--px)*.5); --ease:cubic-bezier(.2,.7,.2,1); --wfs:clamp(44px,6.2vw,96px); } .alt-home .claude-section *{box-sizing:border-box;margin:0;padding:0} .alt-home .claude-section{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip} .alt-home .claude-section{position:relative;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.35;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} .alt-home .claude-section em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.03em} .alt-home .claude-section h1,.alt-home .claude-section h2,.alt-home .claude-section h3{text-wrap:balance} .alt-home .claude-section a{color:inherit} .alt-home .claude-section :focus-visible{outline:2px solid var(--a1);outline-offset:4px;border-radius:2px} .alt-home .claude-section .s{position:static} .alt-home .claude-section .s.dark{background:var(--ink);color:var(--paper)} .alt-home .claude-section .in{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(110px,17vh,190px) var(--px) clamp(90px,14vh,160px)} .alt-home .claude-section .in.auto{min-height:0} .alt-home .claude-section .rail{position:absolute;left:0;top:0;width:100%;z-index:0;pointer-events:none;overflow:hidden} .alt-home .claude-section .rail svg{position:absolute;left:0;top:0;display:block;overflow:hidden} .alt-home .claude-section .nd,.alt-home .claude-section .vp{position:absolute;width:2px;height:2px;margin:-1px 0 0 -1px;pointer-events:none} .alt-home .claude-section .nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:15px var(--px);background:rgba(244,241,234,.93);border-bottom:1px solid rgba(16,17,19,.07)} .alt-home .claude-section .nav{transition:background-color .35s ease,color .35s ease,border-color .35s ease} .alt-home .claude-section .nav.dk{background:rgba(16,17,19,.92);color:var(--paper);border-bottom-color:rgba(244,241,234,.1)} .alt-home .claude-section .nav.dk .brand span{color:#a9a49a} .alt-home .claude-section .brand{font-weight:800;letter-spacing:-.04em;font-size:20px} .alt-home .claude-section .brand span{font-weight:500;color:var(--muted);font-size:12px;margin-left:10px;letter-spacing:.14em;text-transform:uppercase} .alt-home .claude-section .kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:26px} .alt-home .claude-section .kicker::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--a2)} .alt-home .claude-section .dark .kicker{color:#a9a49a} .alt-home .claude-section .h2{font-size:clamp(38px,6.6vw,104px);line-height:.95;letter-spacing:-.065em;font-weight:800} .alt-home .claude-section .lead{font-size:clamp(18px,2vw,28px);letter-spacing:-.02em;color:#3d3b36;max-width:30em;margin-top:clamp(18px,3vh,30px);line-height:1.38} .alt-home .claude-section .dark .lead{color:#b9b4aa} .alt-home .claude-section .hd{position:relative;max-width:46em;margin-bottom:clamp(44px,9vh,110px)} .alt-home .claude-section .lnk{position:relative;display:inline-flex;align-items:baseline;gap:.6em;font-weight:600;font-size:clamp(17px,1.5vw,22px);letter-spacing:-.015em;padding-bottom:.4em;text-decoration:none;color:inherit;transition:color .35s ease;-webkit-tap-highlight-color:transparent} .alt-home .claude-section .lnk::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;opacity:.32} .alt-home .claude-section .lnk::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:100%;background:linear-gradient(90deg,var(--a1),var(--a2));transform:scaleX(0);transform-origin:left center;transition:transform .6s var(--ease)} .alt-home .claude-section .lnk .ar{display:inline-block;transition:transform .5s var(--ease)} .alt-home .claude-section .lnk:hover,.alt-home .claude-section .lnk:focus-visible,.alt-home .claude-section .lnk:active{color:var(--a2)} .alt-home .claude-section .lnk:hover::after,.alt-home .claude-section .lnk:focus-visible::after,.alt-home .claude-section .lnk:active::after{transform:scaleX(1)} .alt-home .claude-section .lnk:hover .ar,.alt-home .claude-section .lnk:focus-visible .ar,.alt-home .claude-section .lnk:active .ar{transform:translateX(8px)} .alt-home .claude-section .nav .lnk{font-size:14px;transition:none} .alt-home .claude-section .rv{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)} .alt-home .claude-section .rv.v{opacity:1;transform:none} .alt-home .claude-section .lt{opacity:.17;transform:translate3d(0,10px,0);transition:opacity .7s var(--ease),transform .7s var(--ease)} .alt-home .claude-section .lt.on{opacity:1;transform:none} .alt-home .claude-section .rm .rv,.alt-home .claude-section .rm .lt{opacity:1!important;transform:none!important;transition:none!important} .alt-home .claude-section .rp-ghost{fill:none;stroke:rgba(122,117,108,.34);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1 10} .alt-home .claude-section .rp-live,.alt-home .claude-section .rp-tip{fill:none;stroke:url(#rGrad);stroke-linecap:round;stroke-linejoin:round;stroke-width:16} .alt-home .claude-section .rp-live{opacity:.4} .alt-home .claude-section .rp-tip{opacity:.5} .alt-home .claude-section .n .h{fill:var(--c);fill-opacity:0;transition:fill-opacity .6s ease,transform .7s var(--ease);transform-box:fill-box;transform-origin:center;transform:scale(.55)} .alt-home .claude-section .n .c{fill:rgba(16,17,19,.11);transition:fill .4s ease,fill-opacity .4s ease,transform .5s var(--ease);transform-box:fill-box;transform-origin:center} .alt-home .claude-section .n.d .c{fill:rgba(255,255,255,.17)} .alt-home .claude-section .n.on .c{fill:var(--c);fill-opacity:.62;transform:scale(1.07)} .alt-home .claude-section .n.on .h{fill-opacity:.17;transform:scale(1)} .alt-home .claude-section .hero .in{justify-content:flex-end;padding-bottom:clamp(46px,9vh,96px)} .alt-home .claude-section .hero h1{font-size:clamp(44px,9.2vw,152px);line-height:.92;letter-spacing:-.07em;font-weight:800} .alt-home .claude-section .hero h1 .ln{display:block} .alt-home .claude-section .sub{font-size:clamp(18px,2.1vw,30px);letter-spacing:-.025em;max-width:27em;margin:clamp(24px,4.5vh,46px) 0 clamp(26px,4.5vh,42px);color:#3d3b36;line-height:1.3} .alt-home .claude-section .stmt{font-size:clamp(38px,8.4vw,136px);line-height:.93;letter-spacing:-.07em;font-weight:800;max-width:7.7em} .alt-home .claude-section .stmt .mute{color:#aaa59b} .alt-home .claude-section .dark .stmt em{color:var(--a2)} .alt-home .claude-section .stmtB .stmt{margin-left:auto} .alt-home .claude-section .chain .in{min-height:0;padding-bottom:clamp(60px,10vh,120px)} .alt-home .claude-section .row{position:relative;min-height:52vh;display:flex;--wfs:clamp(44px,6.2vw,96px)} .alt-home .claude-section .row .txt{display:block} .alt-home .claude-section .row .idx{display:block;font-size:12px;letter-spacing:.18em;color:var(--muted);margin-bottom:12px;line-height:16px} .alt-home .claude-section .row .w{font-size:var(--wfs);line-height:1;letter-spacing:-.065em;font-weight:800} .alt-home .claude-section .row p{font-size:clamp(16px,1.35vw,20px);line-height:1.42;color:#3d3b36;max-width:23em;margin-top:clamp(12px,2vh,20px);letter-spacing:-.01em} .alt-home .claude-section .row .nd{top:calc(28px + var(--wfs)/2)} .alt-home .claude-section .row.odd .nd{left:calc(24vw - var(--px))} .alt-home .claude-section .row.even .nd{left:calc(76vw - var(--px))} .alt-home .claude-section .row.odd .txt{margin-left:calc(24vw + 46px - var(--px))} .alt-home .claude-section .row.even{justify-content:flex-end} .alt-home .claude-section .row.even .txt{margin-right:calc(24vw + 46px - var(--px));text-align:right} .alt-home .claude-section .row.even p{margin-left:auto} .alt-home .claude-section .logic .in{min-height:0} .alt-home .claude-section .sw{position:relative;margin:0 0 clamp(26px,5vh,54px) calc(var(--i)*6.4vw)} .alt-home .claude-section .sw h3{font-size:clamp(40px,7.4vw,118px);line-height:.95;letter-spacing:-.07em;font-weight:800;text-transform:uppercase} .alt-home .claude-section .sw p{font-size:clamp(15px,1.3vw,19px);color:#b9b4aa;margin-top:8px;letter-spacing:-.005em} .alt-home .claude-section .sw .nd,.alt-home .claude-section .sw .vp{left:-52px;top:.5em} .alt-home .claude-section .sw .nd{top:calc(clamp(40px,7.4vw,118px)*.5)} .alt-home .claude-section .sw .vp{top:calc(clamp(40px,7.4vw,118px)*.5)} .alt-home .claude-section .reads{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);margin-top:clamp(50px,9vh,110px);padding-top:28px;border-top:1px solid rgba(244,241,234,.16)} .alt-home .claude-section .reads b{display:block;font-size:clamp(26px,3vw,44px);letter-spacing:-.05em;margin-bottom:8px} .alt-home .claude-section .reads p{font-size:clamp(15px,1.2vw,18px);color:#b9b4aa;line-height:1.45;max-width:20em} .alt-home .claude-section .reads-note{margin-top:clamp(26px,4vh,40px);font-size:clamp(15px,1.2vw,18px);color:#8f8a80;max-width:36em} .alt-home .claude-section .stages .in{min-height:0} .alt-home .claude-section .stage{position:relative;min-height:68vh;display:flex;align-items:flex-start} .alt-home .claude-section .stage .nd{left:calc(9vw - var(--px));top:calc(13px + 1em)} .alt-home .claude-section .stage .txt{margin-left:calc(9vw + 52px - var(--px))} .alt-home .claude-section .lab{display:inline-flex;gap:.8em;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:18px} .alt-home .claude-section .lab b{color:var(--ink);font-weight:700} .alt-home .claude-section .ph{font-size:clamp(40px,6.8vw,108px);line-height:.95;letter-spacing:-.07em;font-weight:800} .alt-home .claude-section .price{font-size:clamp(44px,7.4vw,116px);letter-spacing:-.075em;line-height:.9;font-weight:800;margin:clamp(20px,4vh,40px) 0 clamp(14px,2.4vh,24px)} .alt-home .claude-section .price small{font-size:clamp(15px,1.5vw,22px);letter-spacing:0;font-weight:500;color:var(--muted);margin-left:.5em} .alt-home .claude-section .stage .say{font-size:clamp(20px,2.4vw,34px);letter-spacing:-.03em;color:#3d3b36} .alt-home .claude-section .ruta .in{min-height:0} .alt-home .claude-section .m{position:relative;min-height:70vh;display:flex;--vfs:clamp(44px,7.2vw,112px)} .alt-home .claude-section .m .nd{top:calc(26px + var(--vfs)/2)} .alt-home .claude-section .m.odd .nd,.alt-home .claude-section .m.even .nd{left:calc(50vw - var(--px))} .alt-home .claude-section .m.odd{justify-content:flex-start} .alt-home .claude-section .m.odd .txt{width:calc(50vw - var(--px) - 62px);text-align:right} .alt-home .claude-section .m.even{justify-content:flex-end} .alt-home .claude-section .m.even .txt{width:calc(50vw - var(--px) - 62px)} .alt-home .claude-section .mm{display:flex;gap:1em;align-items:baseline;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#a9a49a;margin-bottom:12px;line-height:14px} .alt-home .claude-section .mm b{color:var(--paper);font-weight:700} .alt-home .claude-section .m.odd .mm{justify-content:flex-end} .alt-home .claude-section .mv{font-size:var(--vfs);line-height:1;letter-spacing:-.07em;font-weight:800} .alt-home .claude-section .m p{font-size:clamp(17px,1.6vw,24px);letter-spacing:-.02em;line-height:1.35;color:#c9c4ba;margin-top:clamp(12px,2vh,20px);max-width:17em} .alt-home .claude-section .m.odd p{margin-left:auto} .alt-home .claude-section .pips{display:flex;align-items:center;gap:7px;margin-top:clamp(20px,3.4vh,34px);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8f8a80} .alt-home .claude-section .m.odd .pips{justify-content:flex-end} .alt-home .claude-section .pips i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(244,241,234,.38);display:block} .alt-home .claude-section .pips i.on{background:var(--a2);border-color:var(--a2)} .alt-home .claude-section .pips span{margin-left:8px} .alt-home .claude-section .m.odd .pips span{order:-1;margin:0 8px 0 0} .alt-home .claude-section .row.sv{min-height:64vh} .alt-home .claude-section .row.xl{min-height:80vh} .alt-home .claude-section .svc-l{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:clamp(18px,3vh,28px)} .alt-home .claude-section .svc{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:8px;max-width:25em} .alt-home .claude-section .svc li{position:relative;padding-left:18px;font-size:clamp(14px,1.15vw,17px);font-weight:600;letter-spacing:-.005em;line-height:1.3} .alt-home .claude-section .svc li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--a2)} .alt-home .claude-section .row.even .svc-l{text-align:right} .alt-home .claude-section .row.even .svc{align-items:flex-end;margin-left:auto} .alt-home .claude-section .row.even .svc li{padding-left:0;padding-right:18px;text-align:right} .alt-home .claude-section .row.even .svc li::before{left:auto;right:0} .alt-home .claude-section .inc-l{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:clamp(24px,4vh,38px)} .alt-home .claude-section .inc{list-style:none;margin-top:12px;max-width:40em} .alt-home .claude-section .inc li{padding:10px 0;border-top:1px solid rgba(16,17,19,.12);font-size:clamp(16px,1.4vw,20px);font-weight:600;letter-spacing:-.01em;line-height:1.3} .alt-home .claude-section .inc li:last-child{border-bottom:1px solid rgba(16,17,19,.12)} .alt-home .claude-section .inc li em{font-weight:400;color:var(--muted);letter-spacing:0} .alt-home .claude-section .stage{min-height:0;padding-bottom:clamp(80px,14vh,160px)} .alt-home .claude-section .stage:last-child{padding-bottom:0} .alt-home .claude-section .adnote{margin-top:10px;font-size:clamp(15px,1.3vw,19px);color:#3d3b36} .alt-home .claude-section .adnote b{color:var(--a2)} .alt-home .claude-section .inv .in{min-height:0} .alt-home .claude-section .glass{position:relative;border:1px solid rgba(16,17,19,.11);border-radius:30px;background:rgba(255,255,255,.55);padding:clamp(28px,5vw,72px) clamp(24px,5vw,72px) clamp(28px,5vw,72px) clamp(54px,7vw,104px)} .alt-home .claude-section .glass .price{margin-top:0} .alt-home .claude-section .foci{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,5vw,72px);margin-top:clamp(30px,6vh,64px);padding-top:clamp(24px,4vh,40px);border-top:1px solid rgba(16,17,19,.12)} .alt-home .claude-section .foci .fx{font-size:clamp(26px,3.6vw,56px);line-height:1.02;letter-spacing:-.06em;font-weight:800;margin-top:12px} .alt-home .claude-section .foci .fx em{color:var(--a2)} .alt-home .claude-section .invnote{margin-top:clamp(22px,4vh,36px);font-size:clamp(16px,1.35vw,20px);color:#3d3b36;max-width:32em} .alt-home .claude-section .end .in{min-height:0;padding-bottom:clamp(120px,24vh,260px)} .alt-home .claude-section .cl{position:relative;min-height:60vh;display:flex;align-items:center} .alt-home .claude-section .cl p{font-size:clamp(38px,7.4vw,118px);line-height:.95;letter-spacing:-.07em;font-weight:800;max-width:8.6em} .alt-home .claude-section .cl em{color:var(--a2)} .alt-home .claude-section .cl .vp{left:82vw;top:0;margin-left:calc(-1px - var(--px))} .alt-home .claude-section .fin{position:relative;min-height:54vh} .alt-home .claude-section .fin .nd{left:calc(82vw - var(--px));top:30px} .alt-home .claude-section .done{margin-right:calc(18vw + 52px - var(--px));text-align:right;display:flex;flex-direction:column;align-items:flex-end;opacity:0;transform:translate3d(0,14px,0);transition:opacity .8s var(--ease) .15s,transform .8s var(--ease) .15s} .alt-home .claude-section .fin.on .done{opacity:1;transform:none} .alt-home .claude-section .rm .done{opacity:1;transform:none;transition:none} .alt-home .claude-section .done .kicker{margin-bottom:24px} .alt-home .claude-section .done .lnk{font-size:clamp(22px,2.6vw,38px)} .alt-home .claude-section .foot{position:relative;margin-top:clamp(48px,10vh,120px);display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8f8a80} @media(max-width:760px){.alt-home .claude-section{--px:22px;--wfs:clamp(30px,9vw,50px)} .alt-home .claude-section .nav{padding:13px 22px} .alt-home .claude-section .brand span{display:none} .alt-home .claude-section .rp-live,.alt-home .claude-section .rp-tip{stroke-width:11} .alt-home .claude-section .rp-ghost{stroke-width:1.2} .alt-home .claude-section .in{padding-top:104px;padding-bottom:84px} .alt-home .claude-section .hero h1{font-size:clamp(40px,12.2vw,66px)} .alt-home .claude-section .stmt{font-size:clamp(36px,10.4vw,56px);max-width:8.4em} .alt-home .claude-section .stmtB .stmt{margin-left:0} .alt-home .claude-section .hd{margin-bottom:56px} .alt-home .claude-section .row{min-height:46vh;--wfs:clamp(30px,9vw,48px);justify-content:flex-start} .alt-home .claude-section .row.even{justify-content:flex-start} .alt-home .claude-section .row .w{overflow-wrap:anywhere} .alt-home .claude-section .row.odd .nd,.alt-home .claude-section .row.even .nd{left:calc(28px - var(--px))} .alt-home .claude-section .row.even .nd{left:calc(40px - var(--px))} .alt-home .claude-section .row.odd .txt,.alt-home .claude-section .row.even .txt{margin:0 0 0 calc(70px - var(--px));text-align:left} .alt-home .claude-section .row.even p{margin-left:0} .alt-home .claude-section .chain .in,.alt-home .claude-section .logic .in,.alt-home .claude-section .stages .in,.alt-home .claude-section .ruta .in,.alt-home .claude-section .inv .in{padding-left:var(--px);padding-right:var(--px)} .alt-home .claude-section .sw{margin-left:calc(48px - 0px)} .alt-home .claude-section .sw .nd,.alt-home .claude-section .sw .vp{left:-24px} .alt-home .claude-section .sw h3{font-size:clamp(25px,7.9vw,44px)} .alt-home .claude-section .sw .nd,.alt-home .claude-section .sw .vp{top:calc(clamp(25px,7.9vw,44px)*.5)} .alt-home .claude-section .reads{grid-template-columns:1fr;gap:26px;margin-left:48px} .alt-home .claude-section .reads .vp{left:-24px!important} .alt-home .claude-section .reads-note{margin-left:48px} .alt-home .claude-section .row.sv,.alt-home .claude-section .row.xl{min-height:0;padding-bottom:9vh} .alt-home .claude-section .row.even .svc-l{text-align:left} .alt-home .claude-section .row.even .svc{align-items:flex-start;margin-left:0} .alt-home .claude-section .row.even .svc li{padding-left:18px;padding-right:0;text-align:left} .alt-home .claude-section .row.even .svc li::before{left:0;right:auto} .alt-home .claude-section .stage{min-height:0;padding-bottom:9vh} .alt-home .claude-section .ph{font-size:clamp(28px,8.3vw,48px)} .alt-home .claude-section .price{font-size:clamp(40px,12.4vw,64px)} .alt-home .claude-section .price small{display:block;margin:8px 0 0} .alt-home .claude-section .stage .nd{left:calc(28px - var(--px))} .alt-home .claude-section .stage .txt{margin-left:calc(66px - var(--px))} .alt-home .claude-section .m{min-height:62vh;--vfs:clamp(38px,12.6vw,62px)} .alt-home .claude-section .m .nd{top:calc(26px + var(--vfs)/2)} .alt-home .claude-section .m.odd .nd,.alt-home .claude-section .m.even .nd{left:calc(28px - var(--px))} .alt-home .claude-section .m.odd,.alt-home .claude-section .m.even{justify-content:flex-start} .alt-home .claude-section .m.odd .txt,.alt-home .claude-section .m.even .txt{width:auto;margin-left:calc(66px - var(--px));text-align:left} .alt-home .claude-section .m.odd .mm,.alt-home .claude-section .m.odd .pips{justify-content:flex-start} .alt-home .claude-section .m.odd p{margin-left:0} .alt-home .claude-section .m.odd .pips span{order:0;margin:0 0 0 8px} .alt-home .claude-section .mm{flex-wrap:wrap;gap:6px 12px} .alt-home .claude-section .glass{padding:26px 22px 28px 46px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:none;backdrop-filter:none} .alt-home .claude-section .foci{grid-template-columns:1fr} .alt-home .claude-section .cl{min-height:50vh} .alt-home .claude-section .cl p{font-size:clamp(36px,10.8vw,58px);margin-left:calc(44px - 0px)} .alt-home .claude-section .cl .vp{left:calc(26px - var(--px) + 22px);margin-left:-1px} .alt-home .claude-section .fin{min-height:52vh} .alt-home .claude-section .fin .nd{left:calc(26px - var(--px))} .alt-home .claude-section .done{margin:0 0 0 calc(66px - var(--px));text-align:left;align-items:flex-start} .alt-home .claude-section .foot{flex-direction:column;gap:6px} } @media(min-width:761px) and (max-width:1000px){.alt-home .claude-section .m{min-height:62vh} .alt-home .claude-section .m.odd .nd,.alt-home .claude-section .m.even .nd{left:calc(46px - var(--px))} .alt-home .claude-section .m.odd,.alt-home .claude-section .m.even{justify-content:flex-start} .alt-home .claude-section .m.odd .txt,.alt-home .claude-section .m.even .txt{width:auto;margin-left:calc(96px - var(--px));text-align:left} .alt-home .claude-section .m.odd .mm,.alt-home .claude-section .m.odd .pips{justify-content:flex-start} .alt-home .claude-section .m.odd p{margin-left:0} .alt-home .claude-section .m.odd .pips span{order:0;margin:0 0 0 8px} } @media(min-width:761px){.alt-home .claude-section .glass{-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)} } @media(prefers-reduced-motion:reduce){.alt-home .claude-section{scroll-behavior:auto} } @media print{.alt-home .claude-section .nav{display:none} .alt-home .claude-section .rail{display:none} .alt-home .claude-section .rv,.alt-home .claude-section .lt{opacity:1;transform:none} } .alt-home .claude-section .hero h1{font-size:clamp(48px,10.6vw,172px)} .alt-home .claude-section .stmtA .stmt{max-width:9em} .alt-home .claude-section .stmtB .stmt{font-size:clamp(34px,6.6vw,108px);max-width:9.4em} .alt-home .claude-section .stmtB .lead{margin-left:auto} .alt-home .claude-section .studio .stmt{max-width:9em} .alt-home .claude-section .method .sw p{color:#b9b4aa} .alt-home .claude-section .mnote{position:relative;margin-top:clamp(36px,7vh,80px)} .alt-home .claude-section .mnote .reads-note{margin-top:0;font-size:clamp(18px,1.8vw,26px);color:#b9b4aa} .alt-home .claude-section .eco .ph{font-size:clamp(56px,10vw,150px);line-height:.9} .alt-home .claude-section .ph sup{font-size:.26em;letter-spacing:0;vertical-align:top;margin-left:.12em;font-weight:600;position:relative;top:.35em} .alt-home .claude-section .stage .go{margin-top:clamp(24px,4vh,38px)} .alt-home .claude-section .also{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,64px);margin:clamp(6px,2vh,20px) 0 0 calc(9vw + 52px - var(--px));max-width:56em;padding-top:28px;border-top:1px solid rgba(16,17,19,.12)} .alt-home .claude-section .also b{display:block;font-size:clamp(20px,2vw,30px);letter-spacing:-.04em;margin-bottom:6px;line-height:1.05} .alt-home .claude-section .also p{font-size:clamp(15px,1.25vw,18px);color:#3d3b36;line-height:1.4;max-width:20em} .alt-home .claude-section .shot{margin:clamp(22px,4vh,40px) 0 0;max-width:46em} .alt-home .claude-section .shot img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(16,17,19,.1)} .alt-home .claude-section .shot figcaption{margin-top:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} .alt-home .claude-section .facts{display:grid;grid-template-columns:auto auto 1fr;gap:clamp(18px,3vw,48px);margin:clamp(22px,4vh,36px) 0 0;max-width:46em;padding-top:20px;border-top:1px solid rgba(16,17,19,.12)} .alt-home .claude-section .facts span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px} .alt-home .claude-section .facts b{font-size:clamp(15px,1.3vw,19px);letter-spacing:-.01em;font-weight:600;line-height:1.3} .alt-home .claude-section .case .stage .invnote{margin-top:clamp(20px,3.4vh,30px)} .alt-home .claude-section .cmeta{margin-top:22px;font-size:14px;line-height:1.75;color:#a9a49a;letter-spacing:.01em} .alt-home .claude-section .cmeta a{text-decoration:none;transition:color .3s ease} .alt-home .claude-section .cmeta a:hover,.alt-home .claude-section .cmeta a:focus-visible{color:var(--a2)} @media(min-width:761px){.alt-home .claude-section .method .sw{margin-left:calc(var(--i)*4.2vw)} } @media(max-width:760px){.alt-home .claude-section .hero h1{font-size:clamp(40px,12.8vw,72px)} .alt-home .claude-section .hero h1 .ln{white-space:nowrap} .alt-home .claude-section .done .lnk{font-size:clamp(17px,4.9vw,21px)} .alt-home .claude-section .stmtA .stmt{max-width:8.6em} .alt-home .claude-section .stmtB .stmt{font-size:clamp(32px,9.4vw,50px);max-width:9em} .alt-home .claude-section .stmtB .lead{margin-left:0} .alt-home .claude-section .eco .ph{font-size:clamp(50px,16vw,80px)} .alt-home .claude-section .also{grid-template-columns:1fr;margin-left:calc(66px - var(--px))} .alt-home .claude-section .facts{grid-template-columns:1fr;gap:14px} .alt-home .claude-section .mnote .reads-note{margin-left:48px} } /* Section slices share the same global path, gradient and scroll position. */ .alt-home .footer-return{position:relative;overflow:visible} .alt-home .footer-dot-return{position:absolute;left:96.74%;top:8.7%;transform:translate(-50%,-50%);width:6.4%;min-width:44px;min-height:44px;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--paper);z-index:3} .alt-home .footer-dot-return[hidden]{display:none} .alt-home .footer-dot-return svg{width:clamp(12px,3vw,30px);height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:footer-arrow-breathe 2.2s ease-in-out infinite} .alt-home .footer-dot-return:focus-visible{outline:2px solid var(--paper);outline-offset:3px} @keyframes footer-arrow-breathe{0%,100%{opacity:1}50%{opacity:.45}} @media(prefers-reduced-motion:reduce){.alt-home .footer-dot-return svg{animation:none}} .alt-home .brand-blend-source{visibility:hidden} .alt-home .blend-nav-cta,.alt-home .blend-nav-cta:hover{position:fixed;z-index:51;box-sizing:border-box;background:#fff;color:#000;border-color:transparent;mix-blend-mode:difference;transition:transform .3s} .alt-home .blend-nav-cta .button-dot{visibility:hidden;flex:0 0 17px;width:17px;height:17px} /* Keep the colored ring outside the inverted button's compositing group. */ .alt-home .nav-color-ring{position:fixed;z-index:52;width:17px;height:17px;pointer-events:none;transition:transform .3s} .alt-home .nav-color-ring>span{display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--purple),var(--coral),var(--lime),var(--purple));mask:radial-gradient(circle,transparent 43%,#000 47%);-webkit-mask:radial-gradient(circle,transparent 43%,#000 47%);animation:nav-ring 2.6s ease-in-out infinite} .alt-home .blend-nav-cta:hover+.nav-color-ring{transform:translateY(-3px)} @media(prefers-reduced-motion:reduce){.alt-home .nav-color-ring>span{animation:none}} .alt-home .blend-brand{position:fixed;z-index:51;color:#fff;mix-blend-mode:difference;display:block;transition:none;line-height:1} .alt-home .blend-brand .garabi-logo{width:100%;margin:0} .alt-home .node-cursor{width:6px;height:6px;background:var(--ink);border:0;box-shadow:none;mask:none;-webkit-mask:none;transition:width .18s ease,height .18s ease,background-color .18s ease,opacity .15s} .alt-home .node-cursor.on-dark{background:var(--paper)} .alt-home .node-cursor.over-link{width:10px;height:10px;background:var(--purple)} @supports(mix-blend-mode:difference){ .alt-home .node-cursor{background:#fff;mix-blend-mode:difference;transition:width .18s ease,height .18s ease,opacity .15s} .alt-home .node-cursor.over-link{background:var(--purple);mix-blend-mode:normal} } @media(prefers-reduced-motion:reduce){.alt-home .node-cursor{transition:none}} .alt-home main>section{position:relative;isolation:isolate} .alt-home main>section:first-child{overflow:visible} .alt-home .alt-hero-bottom .alt-link.cta-letter-sweep{display:inline-block} .alt-home .alt-hero-bottom .alt-link.cta-letter-sweep>.cta-sweep-word{font-size:inherit;transition:none} .alt-home .alt-hero-bottom .alt-link.cta-letter-sweep:hover>.cta-sweep-word{transform:none} .alt-home .alt-hero-bottom .cta-sweep-arrow{display:inline-block;margin-left:20px} .alt-home main>section>.continuous-rail{position:absolute!important;inset:0;z-index:1;pointer-events:none;overflow:hidden;display:block} .alt-home main>section:not(.film-section)>:not(.continuous-rail){position:relative;z-index:2} .alt-home .alt-node i{display:none!important} .alt-home .claude-section{padding:0;background:#f4f1ea;--ink:#101113;--paper:#f4f1ea;--muted:#7a756c;--line:#d8d2c7;--a1:#695cff;--a2:#ff7058;--a3:#b7e36b;--px:clamp(22px,6vw,96px);--gx:calc(var(--px)*.5);--ease:cubic-bezier(.2,.7,.2,1);--wfs:clamp(44px,6.2vw,96px)} .alt-home .claude-section.claude-method{background:#101113;color:#f4f1ea} .alt-home .claude-section .s.dark{background:transparent} .alt-home .claude-section .rv{opacity:1;transform:none} .alt-home .claude-section .lt{opacity:.17;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1)} .alt-home .claude-section .lt.on{opacity:1;transform:none} .alt-home .claude-section .lt>.txt,.alt-home .claude-section .sw>h3,.alt-home .claude-section .sw>p{translate:0 10px;transition:translate .7s cubic-bezier(.2,.7,.2,1)} .alt-home .claude-section .lt.on>.txt,.alt-home .claude-section .sw.on>h3,.alt-home .claude-section .sw.on>p{translate:0 0} .continuous-ghost{fill:none;stroke:rgba(122,117,108,.34);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1 10} .continuous-live,.continuous-tip{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:16;opacity:.4} .continuous-tip{opacity:.5} .continuous-node circle{transform-box:fill-box;transform-origin:center;transition:fill .4s,fill-opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)} .continuous-node .halo{fill:var(--node-color);fill-opacity:0;transform:scale(.55)} .continuous-node .core{fill:rgba(16,17,19,.11)} .continuous-node.on-dark .core{fill:rgba(255,255,255,.17)} .continuous-node.on .core{fill:var(--node-color);fill-opacity:.62;transform:scale(1.07)} .continuous-node.on .halo{fill-opacity:.17;transform:scale(1)} @media(max-width:760px){.alt-home .claude-section{--px:22px;--wfs:clamp(30px,9vw,50px)}.continuous-live,.continuous-tip{stroke-width:11}.continuous-ghost{stroke-width:1.2}} @media(prefers-reduced-motion:reduce){.alt-home .claude-section .lt{opacity:1!important;transform:none!important}.alt-home .claude-section .lt>.txt,.alt-home .claude-section .sw>h3,.alt-home .claude-section .sw>p{translate:none;transition:none}.continuous-node circle{transition:none}} /* Keep GARABI's own typography and palette in the borrowed layouts. */ .alt-home .claude-section{font-family:var(--sans);--ink:#191b1b;--paper:#f4f1ea} .alt-home .claude-section em{font-family:var(--serif);font-weight:400} .alt-home .claude-section .h2,.alt-home .claude-section .row .w,.alt-home .claude-section .sw h3{font-family:var(--sans);font-weight:500;letter-spacing:-.055em;text-transform:none} .alt-home .claude-section.claude-capabilities,.alt-home .claude-section.claude-method{background:var(--ink);color:var(--paper)} .alt-home .claude-section .s.dark,.alt-home .claude-section .method-section{background:transparent} .alt-home .claude-capabilities .row p{color:#c7c7be} .alt-home .claude-capabilities .idx,.alt-home .claude-capabilities .svc-l{color:#acada5} .alt-home .claude-capabilities .svc li{color:var(--paper);font-weight:500} .alt-home .claude-section .method .sw{margin-bottom:clamp(55px,7vh,100px)} .alt-home .claude-section .method .sw p{max-width:36em;line-height:1.55;font-size:clamp(16px,1.3vw,20px);margin-top:18px} .alt-home .alt-insight{background:#e8e8de} .alt-home .claude-section .lt{opacity:.55} .alt-home .claude-section .lt.on{opacity:1} /* Node centers track the restored font's title height. */ .alt-home .claude-section .sw .nd{top:calc(clamp(40px,7.4vw,118px)*.5)} @media(max-width:760px){.alt-home .claude-section .sw .nd{top:calc(clamp(25px,7.9vw,44px)*.5)}.alt-home .claude-section .method .sw p{max-width:none}.alt-home .claude-section .method .sw{margin-bottom:55px}} /* Compact, consistent content-to-content gaps across all six capabilities. */ .alt-home .claude-capabilities .row,.alt-home .claude-capabilities .row.sv,.alt-home .claude-capabilities .row.xl{min-height:0;padding-top:0;padding-bottom:0;margin-bottom:110px} .alt-home .claude-capabilities .row:last-child{margin-bottom:0} @media(max-width:760px){.alt-home .claude-capabilities .row,.alt-home .claude-capabilities .row.sv,.alt-home .claude-capabilities .row.xl{margin-bottom:70px}.alt-home .claude-capabilities .row:last-child{margin-bottom:0}} /* Edge light follows the actual line head, not an independent scroll timeline. */ .alt-home main>section.line-glow:before,.alt-home main>section.line-glow:after,.alt-home .footer.line-glow:before{content:'';display:block;position:absolute;left:0;right:0;height:170px;z-index:0;pointer-events:none;background:linear-gradient(100deg,var(--purple),var(--coral) 52%,var(--lime));animation:none;transition:none} .alt-home main>section.line-glow:before,.alt-home .footer.line-glow:before{top:0;bottom:auto;opacity:var(--arrival-top,0);mask:linear-gradient(#000,transparent);-webkit-mask:linear-gradient(#000,transparent)} .alt-home main>section.line-glow:after{bottom:0;top:auto;opacity:var(--arrival-bottom,0);mask:linear-gradient(transparent,#000);-webkit-mask:linear-gradient(transparent,#000)} .alt-home .footer.line-glow{position:relative;isolation:isolate} .alt-home .footer.line-glow>*{position:relative;z-index:1} .alt-home .film-section.line-glow:before,.alt-home .film-section.line-glow:after{z-index:1} @media(max-width:760px){.alt-home main>section.line-glow:before,.alt-home main>section.line-glow:after,.alt-home .footer.line-glow:before{height:115px}} /* Balanced entrance/exit space for the complete capabilities section. */ .alt-home .claude-capabilities .chain .in{padding-top:clamp(110px,17vh,190px);padding-bottom:clamp(110px,17vh,190px)} @media(max-width:760px){.alt-home .claude-capabilities .chain .in{padding-top:104px;padding-bottom:104px}} /* Green fill spreads from the line's contact at the button's top edge. */ .alt-home .alt-terminal-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;position:relative;isolation:isolate;overflow:hidden;padding:18px 26px;min-height:58px;max-width:100%;margin-top:20px;border:1px solid currentColor;border-radius:999px;color:var(--ink);background:var(--paper);text-decoration:none;font-size:18px;font-weight:500;line-height:1.4;transition:border-color .65s} .alt-home .alt-terminal-button:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--lime);clip-path:circle(0% at 28px 0);transition:clip-path .85s cubic-bezier(.2,.7,.2,1)} .alt-home .alt-terminal-button.line-touched:before{clip-path:circle(160% at 28px 0)} .alt-home .alt-terminal-button.line-touched{border-color:var(--lime)} .alt-home .alt-terminal-button>span:last-child{font-size:24px;transition:transform .25s} .alt-home .alt-terminal-button:hover>span:last-child{transform:translate(3px,-3px)} .alt-home .alt-terminal-button:focus-visible{outline:3px solid var(--purple);outline-offset:5px} @media(max-width:760px){.alt-home .alt-terminal-button{font-size:16px;padding:16px 20px;gap:15px}} @media(prefers-reduced-motion:reduce){.alt-home .alt-terminal-button,.alt-home .alt-terminal-button:before,.alt-home .alt-terminal-button>span{transition:none!important}} /* Continue the same path just into the footer. */ .alt-home .footer>.continuous-rail{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;display:block} .alt-home .footer>:not(.continuous-rail){position:relative;z-index:2} /* Audience labels establish the first reading level on each ecosystem card. */ .alt-home .alt-ecosystems .card-top{align-items:flex-start;gap:18px;position:relative;z-index:3} .alt-home .alt-ecosystems .card-top>span:first-child{display:block;max-width:85%;font-size:inherit;font-weight:400;line-height:1.5;letter-spacing:inherit} .alt-home .alt-ecosystems .orbit-card{--audience-base:#191b1b;--audience-accent:#5141bd} .alt-home .alt-ecosystems .apex-card{--audience-base:#f4f1ea;--audience-accent:#b7e36b} .audience-word{display:inline-block;white-space:nowrap}.audience-letter{display:inline-block;transform-origin:center 70%} .alt-home .alt-ecosystems .card-top>span:last-child{font-size:9px;opacity:.65;flex-shrink:0} /* Split the original transparent logo mask into word and dot, preserving the artwork. */ .alt-home .garabi-logo{position:relative;overflow:visible;background:none;mask:none;-webkit-mask:none} .alt-home .garabi-logo:before,.alt-home .garabi-logo:after{content:'';position:absolute;inset:0;background:currentColor;mask:url('/assets/garabi-logo-propuesta.a8850610ec49.png') center/102.079395% 275.510204% no-repeat;-webkit-mask:url('/assets/garabi-logo-propuesta.a8850610ec49.png') center/102.079395% 275.510204% no-repeat;pointer-events:none} .alt-home .garabi-logo:before{clip-path:polygon(0 0,93.3% 0,93.3% 22%,100% 22%,100% 100%,0 100%)} .alt-home .garabi-logo:after{clip-path:polygon(93.3% 0,100% 0,100% 22%,93.3% 22%);animation:logo-i-hop 5.8s ease-in-out infinite;animation-play-state:paused} .alt-home .garabi-logo.brand-accent-visible:after{animation-play-state:running} .alt-home .footer .garabi-logo.line-destination:after{animation:none;transform:none;transition:background-color .55s ease} .alt-home .footer .garabi-logo.line-arrived:after{background:var(--purple)} @keyframes logo-i-hop{0%,55%,82%,100%{transform:translateY(0)}65%{transform:translateY(clamp(-6px,-.4vw,-2px))}73%{transform:translateY(1px)}77%{transform:translateY(-1px)}} @media(max-width:760px){.alt-home .alt-ecosystems .card-top{flex-direction:column;gap:10px}.alt-home .alt-ecosystems .card-top>span:first-child{max-width:100%;font-size:inherit}.alt-home .alt-ecosystems .card-top>span:last-child{text-align:left}} @media(prefers-reduced-motion:reduce){.alt-home .garabi-logo:after,.alt-home .alt-ecosystems .card-top>span:first-child{animation:none!important;transform:none}} /* Mobile: broad alternating capabilities, a quiet lateral wave for the method. */ @media(max-width:760px){ .alt-home .claude-capabilities .row.odd{justify-content:flex-start} .alt-home .claude-capabilities .row.even{justify-content:flex-end} .alt-home .claude-capabilities .row.odd .nd{left:calc(28px - var(--px));right:auto} .alt-home .claude-capabilities .row.even .nd{left:auto;right:calc(28px - var(--px))} .alt-home .claude-capabilities .row.odd .txt{width:calc(100% - 48px);min-width:0;margin:0 0 0 48px;text-align:left} .alt-home .claude-capabilities .row.even .txt{width:calc(100% - 48px);min-width:0;margin:0 48px 0 0;text-align:right} .alt-home .claude-capabilities .row.even p{margin-left:auto;margin-right:0} .alt-home .claude-capabilities .row.even .svc-l{text-align:right} .alt-home .claude-capabilities .row.even .svc{align-items:flex-end;margin-left:auto;margin-right:0} .alt-home .claude-capabilities .row.even .svc li{padding-left:0;padding-right:18px;text-align:right} .alt-home .claude-capabilities .row.even .svc li:before{left:auto;right:0} .alt-home .claude-method .method .sw{margin-left:48px} .alt-home .claude-method .method .sw .nd{left:-42px} .alt-home .claude-method .method .sw:nth-of-type(odd) .nd{left:-30px} } /* Shared editorial rhythm and stepped, always-readable journeys. */ .alt-interior .journey-steps{display:block;margin-top:90px;padding-left:52px} .alt-interior .principles-journey{background:#e8e8de} .alt-interior main>.principles-journey.soft-glow>.continuous-rail{visibility:visible} .alt-interior .journey-step{position:relative;width:min(720px,72%);margin:0 0 100px calc(var(--step)*4.2vw);border:0;padding:0;opacity:.55;transition:opacity .7s} .alt-interior .journey-step:last-child{margin-bottom:0} .alt-interior .journey-step.alt-lit{opacity:1} .alt-interior .journey-index{display:block;font-size:12px;letter-spacing:.06em;margin-bottom:20px;color:var(--muted)} .alt-interior .dark .journey-index{color:#acada5} .alt-interior .journey-step h3{font-family:var(--sans);font-size:clamp(36px,5.3vw,84px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:0} .alt-interior .journey-step p{font-size:clamp(17px,1.4vw,21px);line-height:1.55;max-width:36em;margin:22px 0 0} .alt-interior .dark .journey-step p{color:#c7c7be} .alt-interior .journey-step .alt-node{top:calc(38px + clamp(36px,5.3vw,84px)*.5 - 12px)} .alt-interior main>section>.section-node{position:absolute!important;top:var(--section-node-y,150px)!important;left:var(--section-node-x,calc(8vw - 48px))!important;z-index:2} .alt-interior main>.service-hero>.service-backdrop{position:absolute;inset:0;z-index:0} .alt-interior main>.service-hero>.continuous-rail, .alt-interior main>.dark:not(.journey-section):not(.claude-section)>.continuous-rail, .alt-interior main>.soft-glow>.continuous-rail{visibility:hidden} .alt-interior .service-hero{isolation:isolate} .alt-interior .alt-closing .alt-anchor{max-width:1100px} .alt-interior .alt-closing h2{margin-bottom:40px} @media(max-width:760px){ .alt-interior .journey-steps{padding-left:34px;margin-top:60px} .alt-interior .journey-step{width:auto;margin:0 0 70px 0} .alt-interior .journey-step:nth-child(even){margin-left:16px} .alt-interior .journey-step h3{font-size:clamp(30px,8vw,44px)} .alt-interior .journey-step .alt-node{left:-35px;top:calc(38px + clamp(30px,8vw,44px)*.5 - 12px)} .alt-interior main>section>.section-node{left:16px;top:100px} .alt-interior .journey-index{margin-bottom:20px} .alt-interior .journey-step p{font-size:17px} .alt-interior .section.alt-trace:not(.alt-closing){padding-left:60px} } @media(prefers-reduced-motion:reduce){.alt-interior .journey-step{opacity:1;transition:none}} .alt-home .growth-step{animation-duration:5.8s;animation-timing-function:ease-in-out} @keyframes growth-bounce{0%,30%,92%,100%{transform:scale(1)}44%{transform:scale(1.105,1.13)}51%{transform:scale(1.045,.995)}59%,73%{transform:scale(1.065)}} .alt-home .question-mark{display:inline-block;transform-origin:center 65%;animation:question-tilt 4.8s ease-in-out infinite paused} .alt-home .question-mark:last-child{animation-delay:.18s} .alt-home .refinement-visible .question-mark{animation-play-state:running} @keyframes question-tilt{0%,20%,70%,100%{transform:rotate(0)}35%{transform:rotate(-7deg) translateY(-.035em)}50%{transform:rotate(3deg)}} .alt-home .alt-statement.underline-statement:after{animation:none!important;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)} .alt-home .alt-statement.underline-statement.alt-lit:after{transform:scaleX(1)} .alt-home .connect-word{position:relative;white-space:nowrap} .alt-home .connect-word>span{display:inline-block;animation:word-join 4.8s ease-in-out infinite paused;animation-delay:var(--join-delay)} .alt-home .connect-word.refinement-visible>span{animation-play-state:running} @keyframes word-join{0%,100%{transform:translateX(var(--join-x));opacity:.65}35%,75%{transform:translateX(0);opacity:1}} .alt-home .system-word{position:relative;white-space:nowrap} .alt-home .system-word:before{content:'';position:absolute;left:10%;right:10%;bottom:-.12em;height:1px;background:currentColor;opacity:.3} .alt-home .system-word:after{content:'';position:absolute;left:10%;bottom:-.15em;width:.07em;height:.07em;border-radius:50%;background:var(--lime);box-shadow:.55em 0 var(--coral),1.1em 0 var(--purple);animation:system-signal 4.5s ease-in-out infinite paused} .alt-home .system-word.refinement-visible:after{animation-play-state:running} @keyframes system-signal{0%,100%{transform:translateX(0);opacity:.45}45%,65%{transform:translateX(.22em);opacity:1}} .alt-home .system-knit:before,.alt-home .system-knit:after{content:none} .alt-home .system-knit .system-letter{position:relative;display:inline-block;transform-origin:center 70%;animation:system-knit-letter 6s cubic-bezier(.45,0,.25,1) infinite paused} .alt-home .system-knit .system-letter:not(:last-child):after{content:'';position:absolute;pointer-events:none;left:80%;top:62%;width:.32em;height:.11em;border-bottom:2px solid currentColor;border-radius:0 0 50% 50%;transform-origin:left center;opacity:0;animation:system-knit-link 6s ease-in-out infinite paused} .alt-home .system-knit .system-letter:nth-child(even):after{top:49%;border-bottom:0;border-top:2px solid currentColor;border-radius:50% 50% 0 0} .alt-home .system-knit.refinement-visible .system-letter,.alt-home .system-knit.refinement-visible .system-letter:after{animation-play-state:running} @keyframes system-knit-letter{0%,12%,68%,100%{transform:translate(0,0) rotate(0)}30%,40%{transform:translate(var(--system-x),var(--system-y)) rotate(var(--system-turn))}62%{transform:translate(0,0) rotate(0)}} @keyframes system-knit-link{0%,14%,65%,100%{opacity:0;transform:scaleX(.4)}30%,42%{opacity:.6;transform:scaleX(1)}55%{opacity:.3;transform:scaleX(.75)}} @media(prefers-reduced-motion:reduce){.alt-home .system-knit .system-letter{animation:none!important;transform:none}.alt-home .system-knit .system-letter:after{display:none}} .alt-home .hero-sweep-link.cta-letter-sweep{display:inline-block;max-width:100%;line-height:1.6} .alt-home .hero-sweep-link>.cta-sweep-word{font-size:inherit;transition:none} .alt-home .hero-sweep-link:hover>.cta-sweep-word{transform:none} .alt-home .hero-sweep-link>.cta-sweep-arrow{display:inline-block;margin-left:20px} .alt-home .connected-work .work-rows>a{position:relative} .alt-home .connected-work .work-rows .alt-node{top:50%;left:-45px} .alt-home .mobile-menu a[aria-current="page"]{color:var(--purple);background:rgba(105,92,255,.09);border-radius:12px;padding-left:14px;padding-right:14px} .alt-home .mobile-menu a[aria-current="page"]:after{content:'●';font-size:10px;margin-left:auto;color:var(--purple)} @media(max-width:760px){.alt-home .connected-work .work-rows{margin-left:28px}.alt-home .connected-work .work-rows .alt-node{left:-34px}} @media(prefers-reduced-motion:reduce){.alt-home .growth-step,.alt-home .question-mark,.alt-home .connect-word>span,.alt-home .system-word:after{animation:none!important;transform:none;opacity:1}.alt-home .alt-statement.underline-statement:after{transition:none}} .alt-home .header .button-dot{animation:nav-ring 2.6s ease-in-out infinite!important} @media(prefers-reduced-motion:reduce){.alt-home .header .button-dot{animation:none!important}} .alt-home .numa-results{background:var(--paper)} .numa-metrics{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:30px;margin:70px 0} .numa-metrics strong{display:block;font-size:clamp(30px,3.5vw,56px);font-weight:500;letter-spacing:-.05em;line-height:1.15} .numa-metrics span{display:block;color:var(--muted);font-size:13px;margin-top:12px} .numa-chart{border-top:1px solid var(--line);padding-top:28px;margin:0 0 64px} .numa-switch{display:flex;flex-wrap:wrap;gap:8px} .numa-switch button{border:1px solid var(--line);border-radius:40px;padding:10px 18px;background:transparent;font-size:14px} .numa-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)} .numa-axis,.numa-chart-help{font-size:12px;color:var(--muted);margin:25px 0} .numa-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,2vw,28px);padding:15px 0 0} .numa-bar{border:0;background:transparent;padding:0;min-width:0;color:var(--ink);font:inherit} .numa-bar-value{display:block;font-size:clamp(10px,1.15vw,15px);height:32px;font-variant-numeric:tabular-nums} .numa-bar-track{height:240px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:rgba(25,27,27,.025)} .numa-bar-fill{width:100%;background:var(--purple);opacity:.5;border-radius:5px 5px 0 0;transition:height .55s ease,background-color .25s,opacity .25s} .numa-bar.is-selected .numa-bar-fill{background:var(--coral);opacity:.9} .numa-bar.is-missing .numa-bar-track{background:transparent;border-bottom-style:dashed} .numa-bar-month{display:block;font-size:13px;margin-top:15px} .numa-bar.is-selected .numa-bar-month{text-decoration:underline;text-underline-offset:6px} .numa-month-detail{padding:24px 0;border-top:1px solid var(--line);min-height:110px} .numa-month-detail strong{font-weight:500;font-size:22px}.numa-month-detail p{font-size:14px;margin:10px 0 0} .numa-table-wrap{overflow-x:auto;max-width:100%} .numa-table{border-collapse:collapse;width:100%;min-width:880px;font-size:13px;font-variant-numeric:tabular-nums} .numa-table caption{text-align:left;font-size:22px;padding-bottom:25px;letter-spacing:-.03em} .numa-table th,.numa-table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap} .numa-table th:first-child{text-align:left}.numa-table th{font-weight:500}.numa-table thead th{font-size:11px;color:var(--muted)} .numa-notes{max-width:850px;margin-top:30px}.numa-notes p{font-size:12px;color:var(--muted);line-height:1.65} @media(max-width:760px){.alt-home .section.numa-results{padding-left:24px;padding-right:24px}.numa-metrics{grid-template-columns:1fr 1fr;gap:24px;margin:42px 0}.numa-metrics>div:first-child{grid-column:1/-1}.numa-metrics>div:first-child strong{font-size:44px}.numa-metrics strong{font-size:30px}.numa-bar-track{height:180px}.numa-switch button{padding:9px 13px;font-size:12px}.numa-month-detail{min-height:150px}} @media(prefers-reduced-motion:reduce){.numa-bar-fill{transition:none}} .numa-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.numa-legend,.numa-months{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.numa-legend span{display:flex;align-items:center;gap:8px}.numa-legend i{width:22px;display:inline-block}.legend-sales{height:12px;background:#695cff;opacity:.62}.legend-roas{height:3px;background:#ff7058}.numa-combo-scroll{overflow-x:auto;margin-top:28px}.numa-combo{width:100%;min-width:660px;height:auto;display:block;color:var(--ink)}.numa-combo text{font:12px 'DM Sans',sans-serif;fill:currentColor}.numa-months{margin-bottom:20px}.numa-months button{padding:10px 15px;border:1px solid var(--line);border-radius:30px;background:transparent}.numa-months button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media(max-width:760px){.numa-metrics{grid-template-columns:1fr 1fr}.numa-combo-scroll{margin-right:-12px}} @view-transition{navigation:auto} @media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}