@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
@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:#AD97BE;--coral:#DA6E47;--lime:#ABC5FE;--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:#C7D1B8;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 #AD97BE12}.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%),#C7D1B8}
.orbit-card:before{border-top:2px solid #AD97BE55;border-bottom:1px solid #DA6E4744;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,#ABC5FE29 1px,transparent 1px),linear-gradient(#ABC5FE29 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%,#DA6E4735,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:#ABC5FE;stroke-width:1.8}
.apex-masterplan .plan-lot{stroke:#c7cbbc;stroke-width:1;animation-name:apex-lots-draw}
.apex-masterplan .plan-building{stroke:#D9A24B;stroke-width:1.15;animation-name:apex-buildings-draw}
.apex-masterplan .plan-park{stroke:#ABC5FE;stroke-width:1.2;animation-name:apex-lots-draw}
.plan-green{fill:#ABC5FE18;stroke:#ABC5FE66;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:#AD97BE;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:#B65F40;--network-delay:1s}.link-three{stroke:#76866A;--network-delay:2s}.link-four{stroke:#AD97BE;--network-delay:3s;stroke-width:1.2}
.network-node{fill:#C7D1B8;stroke:#AD97BE;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:#76866A}.node-three{--network-delay:1.8s;stroke:#B65F40}.node-four{--network-delay:2.8s}.node-five{--network-delay:3.5s;stroke:#76866A}
.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(#AD97BE,#DA6E47,#ABC5FE,#AD97BE);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.4fcbf5dfa7f7.png') center/102.079395% 275.510204% no-repeat;-webkit-mask:url('/assets/garabi-logo-propuesta.4fcbf5dfa7f7.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:#AD97BE;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:#DA6E47;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:#ABC5FE;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:#AD97BE;--a2:#DA6E47;--a3:#ABC5FE;
  --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:var(--paper);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:var(--paper);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:#AD97BE;--a2:#DA6E47;--a3:#ABC5FE;--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:#ABC5FE}
.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.4fcbf5dfa7f7.png') center/102.079395% 275.510204% no-repeat;-webkit-mask:url('/assets/garabi-logo-propuesta.4fcbf5dfa7f7.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:#AD97BE;opacity:.62}.legend-roas{height:3px;background:#DA6E47}.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}}

@font-face{font-family:'Google Sans Flex';src:url('/assets/v3-google-sans-flex.f0859cb85de0.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
/* Only the new Home receives this art direction; existing routes remain intact. */
body.v3-home{
 --paper:#F5EEDF;--ink:#161513;--muted:#686056;--line:#D8CDBD;
 --terra:#DA6E47;--ochre:#D9A24B;--butter:#F2D989;--sage:#ABC5FE;--teal:#79B5AE;--lilac:#AD97BE;
 --purple:#795980;--coral:#DA6E47;--lime:#ABC5FE;
 --sans:'Google Sans Flex',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;
 background:var(--paper);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;font-weight:400;
}
.v3-home h1,.v3-home h2,.v3-home h3{font-weight:480;letter-spacing:-.052em}
.v3-home em{font-family:var(--serif);font-weight:400}
.v3-home .muted{color:var(--muted)}
.v3-home .eyebrow,.v3-home .kicker{font-size:11px;font-weight:550;letter-spacing:.12em;line-height:1.65}
.v3-home .header nav{background:rgba(226,217,203,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px #1615130b}
.v3-home .header nav a{font-size:13px;letter-spacing:-.01em;padding:11px 18px}
.v3-home .header nav a:hover{background:#f5eedfaa}
.v3-home .menu-toggle{background:#e2d9cb}
.v3-home .mobile-menu{background:var(--paper);color:var(--ink)}
.v3-home .mobile-menu a:focus-visible{outline-color:var(--purple)}
.v3-home .nav-color-ring>span,.v3-home .button-dot{background:conic-gradient(var(--terra),var(--ochre),var(--sage),var(--teal),var(--lilac),var(--terra))}
.v3-home .alt-hero{padding-top:38px;padding-bottom:90px}
.v3-home .alt-hero-top{align-items:baseline}
.v3-home .alt-hero-top .eyebrow{color:#645849}
.v3-home .alt-location{color:#736a5e;font-size:10px;letter-spacing:.1em}
.v3-home .hero h1.business-growth-title{font-size:clamp(76px,10.1vw,162px);font-weight:470;letter-spacing:-.065em;margin-top:76px;margin-bottom:86px;line-height:1.035}
.v3-home .hero h1 em{letter-spacing:-.045em;color:#413a32}
.v3-home .alt-hero-bottom .alt-lead{line-height:1.38;font-size:clamp(21px,1.8vw,28px);letter-spacing:-.025em}
.v3-home .alt-scroll{color:#655a4c;font-size:12px}
.v3-home .alt-scroll>span{color:var(--ink)}
.v3-home .alt-link{font-size:15px;gap:22px;border-bottom-color:#16151366}
.v3-home .alt-hero-bottom .alt-link{margin-top:5px}
.v3-home .alt-insight{background:#EAE2D5}
.v3-home .alt-insight h2{max-width:1050px}
.v3-home .alt-insight-copy>div{color:#51483e}
.v3-home .alt-statement{font-size:clamp(29px,2.55vw,40px);color:var(--ink);line-height:1.15}
.v3-home .alt-statement.underline-statement:after{background:var(--terra)}
.v3-home .film-section{min-height:66svh}
.v3-home .studio-film{filter:sepia(.22) saturate(.74) brightness(.72);object-position:center}
.v3-home .film-shade{background:linear-gradient(90deg,#161513a8 0%,#16151348 62%,#16151318),linear-gradient(0deg,#16151385,transparent 65%)}
.v3-home .film-copy{max-width:980px}
.v3-home .film-copy h2{font-size:clamp(54px,6vw,94px)}
.v3-home .film-copy p{color:#F5EEDF}
.v3-film-toggle{position:absolute;right:5vw;bottom:32px;z-index:5;display:flex;gap:12px;align-items:center;padding:10px 16px;min-height:44px;border:1px solid #f5eedf70;border-radius:999px;background:#16151366;color:#f5eedf;font-size:12px}
.v3-film-toggle:hover{background:#161513b0}
.v3-home .claude-section{--ink:#161513;--paper:#F5EEDF;--muted:#786e60;--a1:#AD97BE;--a2:#DA6E47;--a3:#ABC5FE;font-family:var(--sans)}
.v3-home .claude-section .h2,.v3-home .claude-section .row .w,.v3-home .claude-section .sw h3{font-family:var(--sans);font-weight:480}
.v3-home .claude-section.claude-capabilities{background:#211E1A;color:var(--paper)}
.v3-home .claude-capabilities .dark .kicker,.v3-home .claude-capabilities .row .idx,.v3-home .claude-capabilities .svc-l{color:#BEAF9A}
.v3-home .claude-capabilities .dark .lead,.v3-home .claude-capabilities .row p{color:#D8CDBD}
.v3-home .claude-capabilities .svc li{color:var(--paper);font-weight:400}
.v3-home .claude-section .lt{opacity:.72}
.v3-home .claude-section .lt.on{opacity:1}
.v3-home .claude-section .svc li:before{width:4px;height:4px;background:var(--ochre)}
.v3-home .alt-ecosystems{background:var(--paper)}
.v3-home .alt-ecosystems .eco-grid{gap:24px}
.v3-home .alt-ecosystems .orbit-card{background:#E8E2D5;--audience-base:#161513;--audience-accent:#8A492F}
.v3-home .alt-ecosystems .apex-card{background:#2C302B;--audience-base:#F5EEDF;--audience-accent:#F2D989}
.v3-home .eco-card{border-radius:2px}
.v3-home .eco-card h3{font-weight:480;letter-spacing:-.065em}
.v3-home .eco-card p{font-size:clamp(18px,1.7vw,25px);line-height:1.35;max-width:21em}
.v3-home .eco-card .card-top{letter-spacing:.065em;font-size:11px}
.v3-home .eco-card .card-bottom{font-size:11px;gap:18px;line-height:1.5}
.v3-home .eco-card .card-action{font-size:13px}
.v3-home .orbit-network{opacity:.72}
.v3-home .apex-masterplan{opacity:.72}
.v3-home .network-link,.v3-home .network-node{stroke:var(--teal)}
.v3-home .network-node{fill:#E8E2D5}
.v3-home .network-link.link-two,.v3-home .network-node.node-three{stroke:var(--terra)}
.v3-home .network-link.link-three,.v3-home .network-node.node-two,.v3-home .network-node.node-five{stroke:#76866A}
.v3-home .network-link.link-four,.v3-home .network-node.node-four{stroke:var(--lilac)}
.v3-home .apex-masterplan .plan-road,.v3-home .apex-masterplan .plan-park{stroke:var(--sage)}
.v3-home .apex-masterplan .plan-building{stroke:var(--terra)}
.v3-home .apex-masterplan .plan-lot{stroke:var(--line)}
.v3-home .plan-green{fill:#ABC5FE18;stroke:#ABC5FE66}
.v3-home .apex-card:after{background:linear-gradient(180deg,#2C302B00,#2C302B25 45%,#20241eaa)}
.v3-home .claude-section.claude-method{background:#EAE2D5;color:var(--ink)}
.v3-home .claude-method .s.dark{color:var(--ink)}
.v3-home .claude-method .dark .kicker{color:#686056}
.v3-home .claude-method .dark .lead,.v3-home .claude-method .method .sw p,.v3-home .claude-method .mnote .reads-note{color:#51483e}
.v3-home .claude-method .continuous-node.on-dark:not(.on) .core{fill:#16151330}
.v3-home .claude-method .mnote{border-top:1px solid #16151324;padding-top:28px}
.v3-home .alt-cases{background:var(--paper)}
.v3-home .case-feature{gap:6vw;grid-template-columns:1.15fr 1fr}
.v3-home .case-photo{border-radius:2px}
.v3-home .case-photo img{filter:saturate(.82) sepia(.1);object-position:center 62%}
.v3-home .case-badge{background:#f5eedfe8;color:var(--ink);font-size:10px;letter-spacing:.08em}
.v3-home .case-info h3{font-size:clamp(44px,5vw,78px);line-height:1.02}
.v3-home .case-info>p:not(.eyebrow){color:#51483e;max-width:26em;font-size:17px}
.v3-home .alt-people{background:#EAE2D5;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;row-gap:64px}
.v3-home .alt-people>.eyebrow,.v3-home .alt-people>.alt-anchor{grid-column:1/-1;margin-bottom:0}
.v3-home .alt-people>.eyebrow{margin-bottom:0}
.v3-home .v3-people-image{grid-column:1;margin:0;align-self:start}
.v3-people-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.v3-people-image figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:11px;color:#51483e;line-height:1.6}
.v3-people-image figcaption span{font-size:9px;color:#686056;text-align:right}
.v3-home .alt-people-copy{grid-column:2;margin:0;align-self:center;max-width:520px}
.v3-home .alt-people-copy>.alt-lead{font-size:clamp(26px,2.7vw,40px);font-weight:450;line-height:1.16;margin-bottom:30px}
.v3-home .alt-people-copy>p:not(.alt-lead){color:#51483e;line-height:1.65}
.v3-home .alt-closing{background:var(--paper)}
.v3-home .alt-closing .alt-terminal-button{font-size:17px;padding:18px 26px;min-height:60px;border-color:#16151380}
.v3-home .alt-terminal-button.line-touched{border-color:var(--sage)}
.v3-home .footer{background:#211E1A;color:var(--paper)}
.v3-home .footer-label,.v3-home .footer .eyebrow{color:#BEAF9A}
.v3-home .footer-bottom{color:#BEAF9A;border-color:#F5EEDF26}
.v3-home .footer .garabi-logo.line-arrived:after{background:var(--lilac)}
.v3-home .continuous-live{opacity:.32}
.v3-home .continuous-tip{opacity:.48}
.v3-home .continuous-ghost{stroke:#776452;opacity:.28}
.v3-home .continuous-node.on .core{fill-opacity:.8}
.v3-home .continuous-node.on .halo{fill-opacity:.12}
.v3-home .continuous-node .core{fill:#16151330}
.v3-home .continuous-node.on-dark .core{fill:#F5EEDF40}
.v3-home main>section.line-glow:before,.v3-home main>section.line-glow:after,.v3-home .footer.line-glow:before{background:linear-gradient(100deg,var(--terra),var(--ochre) 40%,var(--teal) 75%,var(--lilac))}
.v3-home a:focus-visible,.v3-home button:focus-visible{outline:3px solid #795980;outline-offset:6px}
.v3-home .dark a:focus-visible,.v3-home .footer a:focus-visible,.v3-home .footer button:focus-visible,.v3-film-toggle:focus-visible{outline-color:#F2D989}
@media(max-width:1000px){.v3-home .header nav a{padding:10px 12px}.v3-home .alt-people{column-gap:5vw}.v3-home .case-feature{gap:5vw}}
@media(max-width:760px){
 .v3-home .alt-hero{padding:28px 24px 65px;min-height:calc(100svh - 82px)}
 .v3-home .hero h1.business-growth-title{font-size:12vw;line-height:1.12;margin:58px 0 54px;letter-spacing:-.06em}
 .v3-home .hero h1 em{letter-spacing:-.045em}
 .v3-home .alt-hero-top .eyebrow{font-size:10px;letter-spacing:.07em;max-width:29em}
 .v3-home .alt-hero-bottom .alt-lead{font-size:20px}
 .v3-home .alt-location{display:none}
 .v3-home .alt-insight-copy>div{font-size:16px}
 .v3-home .alt-statement{font-size:27px}
 .v3-home .film-section{min-height:560px}
 .v3-home .film-copy h2{font-size:clamp(42px,11vw,64px)}
 .v3-film-toggle{right:24px;bottom:22px}
 .v3-home .alt-ecosystems .eco-grid{gap:20px}
 .v3-home .eco-card p{font-size:20px}
 .v3-home .eco-card .card-top{font-size:10px}
 .v3-home .case-feature{grid-template-columns:1fr;gap:32px}
 .v3-home .case-info h3{font-size:44px}
 .v3-home .alt-people{display:block}
 .v3-home .alt-people>.eyebrow{margin-bottom:42px}
 .v3-home .v3-people-image{margin:40px 0 32px}
 .v3-home .alt-people-copy{margin-top:0}
 .v3-home .alt-people-copy>.alt-lead{font-size:28px}
 .v3-home .alt-closing .alt-terminal-button{font-size:16px;gap:16px;padding:16px 20px}
 .v3-home .continuous-live,.v3-home .continuous-tip{stroke-width:11}
 .v3-home .mobile-menu{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
 .v3-home *, .v3-home *:before,.v3-home *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .v3-home .lt,.v3-home .rv{opacity:1!important;transform:none!important}
}

/* Focused visual/commercial refinement. Hero, type system, footer and animation rules are untouched. */
/* Ecosystems and People retain the original neutral backgrounds in home.css. */

/* An honest, quiet placeholder until a real GARABI team photograph is available. */
.v3-home .v3-people-image figcaption{padding-top:17px;border-top:1px solid #16151326;align-items:flex-start;gap:18px}
.v3-home .v3-people-image .v3-photo-note{display:block;text-align:left;color:#413A32;font-size:12px;font-weight:550}
.v3-home .v3-people-image .v3-photo-note>span{display:block;text-align:left;color:#5E5363;font-size:10px;font-weight:400;margin-top:3px}
.v3-home .v3-people-image figcaption>span:last-child{color:#5E5363;font-size:10px;max-width:19em}

/* NUMA remains an editorial case, with a larger image and a clear strategic reading. */
.v3-home .case-info .v3-case-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 12px;padding:20px 0;border-top:1px solid #16151329;border-bottom:1px solid #16151329}
.v3-home .v3-case-results dt{font-size:12px;line-height:1.4;color:#51483E;margin-bottom:10px}
.v3-home .v3-case-results dd{margin:0;color:#29251F;font-size:clamp(24px,2.7vw,40px);line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.v3-home .v3-case-results dd small{font-size:.48em;letter-spacing:0}
.v3-home .case-info>p.v3-case-period{font-size:11px;line-height:1.5;color:#686056;margin:0 0 26px}
.v3-home .alt-cases .case-feature{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:5vw;align-items:center}
.v3-home .alt-cases .case-photo img{height:clamp(640px,48vw,760px);object-position:center 62%}
.v3-home .case-info h3{font-size:clamp(52px,5.5vw,88px);line-height:1.01;margin-bottom:30px}
.v3-home .case-info>.eyebrow{color:#78573F;letter-spacing:.11em;margin-bottom:20px}
.v3-home .case-info .v3-case-label{display:block;font-size:10px;line-height:1.5;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:#6B5141;margin:0 0 8px}
.v3-home .case-info .v3-case-context{margin-bottom:22px}
.v3-home .case-info .v3-case-context p{font-size:18px;line-height:1.45;color:#29251F;margin:0;max-width:26em}
.v3-home .case-info>p:not(.eyebrow):not(.v3-case-label){font-size:16px;line-height:1.55;margin-bottom:24px}
.v3-home .v3-case-decisions{padding-top:20px;border-top:1px solid #16151329;margin-bottom:22px}
.v3-home .v3-case-decisions ol{list-style:none;counter-reset:numa-decision;padding:0;margin:13px 0 0;display:grid;gap:14px}
.v3-home .v3-case-decisions li{counter-increment:numa-decision;position:relative;padding-left:28px;color:#51483E;font-size:14px;line-height:1.5}
.v3-home .v3-case-decisions li:before{content:'0' counter(numa-decision);position:absolute;left:0;top:2px;font-size:10px;letter-spacing:.04em;color:#8A492F}
.v3-home .v3-case-decisions strong{display:block;font-weight:550;color:#29251F}

/* The same paired cards and motion, with clearer hierarchy and quieter backgrounds. */
.v3-home .alt-ecosystems .eco-card h3{font-size:clamp(72px,7.8vw,124px);font-weight:530;letter-spacing:-.06em}
.v3-home .alt-ecosystems .apex-card{background:#242B26;color:#F5EEDF}
.v3-home .alt-ecosystems .apex-card p{color:#F5EEDF;opacity:1}
.v3-home .alt-ecosystems .apex-card .card-bottom{color:#E6DCCB;border-color:#E6DCCB66;font-size:12px}
.v3-home .alt-ecosystems .apex-card .card-action{color:#F2D989;font-weight:550}
.v3-home .alt-ecosystems .apex-card .card-top>span:last-child{color:#E6DCCB;opacity:1;font-size:10px}
.v3-home .alt-ecosystems .apex-card .apex-masterplan{opacity:.48}
.v3-home .alt-ecosystems .apex-card:after{background:linear-gradient(180deg,#242B2640,#242B2675 48%,#242B26E8)}
.v3-home .alt-ecosystems .orbit-card{background:#F5EEDF;box-shadow:inset 0 0 0 1px #16151315}
.v3-home .alt-ecosystems .orbit-card .network-node{fill:#F5EEDF}
.v3-home .alt-ecosystems .orbit-card .card-bottom{color:#51483E;font-size:12px}
.v3-home .alt-ecosystems .orbit-card .card-top>span:last-child{color:#655A4C;opacity:1;font-size:10px}
.v3-home .alt-ecosystems .orbit-card .card-action{color:#8A492F;font-weight:550}

/* 02 had a larger gap than Method: trim it slightly, preserving all content and alternation. */
.v3-home .claude-capabilities .row,.v3-home .claude-capabilities .row.sv,.v3-home .claude-capabilities .row.xl{margin-bottom:clamp(88px,7vw,100px)}
.v3-home .claude-capabilities .row:last-child{margin-bottom:0}
@media(min-width:761px) and (max-width:1100px){
 .v3-home .alt-cases .case-feature{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4vw}
 .v3-home .alt-cases .case-photo img{height:720px}
}
@media(max-width:760px){
 .v3-home .alt-cases .case-feature{grid-template-columns:1fr;gap:30px}
 .v3-home .alt-cases .case-photo img{height:clamp(360px,110vw,460px)}
 .v3-home .case-info h3{font-size:clamp(46px,12vw,66px);margin-bottom:26px}
 .v3-home .case-info .v3-case-context p{font-size:18px}
 .v3-home .v3-case-decisions li{font-size:15px}
 .v3-home .alt-ecosystems .eco-card h3{font-size:clamp(70px,22vw,110px)}
 .v3-home .alt-ecosystems .eco-card .card-bottom{font-size:12px;line-height:1.55}
 .v3-home .claude-capabilities .row,.v3-home .claude-capabilities .row.sv,.v3-home .claude-capabilities .row.xl{margin-bottom:56px}
 .v3-home .claude-capabilities .row:last-child{margin-bottom:0}
 .v3-home .v3-people-image figcaption{flex-direction:column;gap:10px}
 .v3-home .v3-people-image figcaption>span:last-child{text-align:left;max-width:none}
}

/* Shared identity, with the existing page structure and interaction system intact. */
.v3-home .mono-nav-cta,.v3-home .mono-nav-cta:hover{mix-blend-mode:normal;background:#161513;color:var(--paper);border-color:transparent}
.v3-home .mono-nav-cta.on-dark-surface,.v3-home .mono-nav-cta.on-dark-surface:hover{background:var(--paper);color:#161513}
.v3-home .faq-section{align-items:start;overflow-anchor:none}
.v3-home .numa-combo text{font-family:var(--sans)}
.v3-home .legend-investment{height:12px;background:#79B5AE}
:root{--paper:#F5EEDF;--ink:#161513;--muted:#686056;--line:#D8CDBD;--purple:#795980;--coral:#DA6E47;--lime:#ABC5FE;--sans:'Google Sans Flex',Arial,sans-serif}
.v3-home .garabi-logo{aspect-ratio:4268/1566}
.v3-home .garabi-logo:before,.v3-home .garabi-logo:after{mask-size:105.4358013% 287.3563218%;-webkit-mask-size:105.4358013% 287.3563218%}
.v3-home .garabi-logo:before{clip-path:polygon(0 0,93.5% 0,93.5% 19%,100% 19%,100% 100%,0 100%)}
.v3-home .garabi-logo:after{clip-path:polygon(93.5% 0,100% 0,100% 19%,93.5% 19%)}
.v3-home .alt-ecosystems .orbit-card{background:#C7D1B8;box-shadow:none}
.v3-home .alt-ecosystems .orbit-card .network-node{fill:#C7D1B8}
.v3-home .alt-ecosystems .apex-card .apex-masterplan{opacity:.88}
.v3-home .alt-ecosystems .apex-card:after{background:linear-gradient(180deg,#242B2600,#242B2618 48%,#242B26B0)}
.v3-home .apex-masterplan .plan-road{stroke:var(--ochre)}
.v3-home .apex-masterplan .plan-building{stroke:var(--terra);stroke-width:1.5}
.v3-home .apex-masterplan .plan-lot{stroke:var(--teal);stroke-width:1.2}
.v3-home .apex-masterplan .plan-park{stroke:var(--sage)}
.v3-home .alt-cases .case-photo img{height:clamp(480px,39vw,640px)}
.v3-interior .subhero{background:var(--paper);padding-top:90px;padding-bottom:105px}
.v3-interior .subhero h1{font-size:clamp(64px,7.7vw,126px);font-weight:480;line-height:1.025;letter-spacing:-.055em}
.v3-interior .subhero h1 em{color:#51483E}
.v3-interior .subhero .lead{font-size:clamp(21px,1.9vw,28px);line-height:1.42;color:#51483E}
.v3-interior .dark{background:#211E1A;color:#F5EEDF}
.v3-interior .dark p,.v3-interior .dark .journey-step p{color:#D8CDBD}
.v3-interior .dark .eyebrow,.v3-interior .dark .journey-index{color:#BEAF9A}
.v3-interior .soft-glow:not(.service-hero){background:#EAE2D5;color:#161513}
.v3-interior .journey-step h3{font-weight:480}
.v3-interior .journey-step p{color:#51483E}
.v3-interior .journey-step{margin-bottom:clamp(72px,7vw,100px)}
.v3-interior .service-scope ol li,.v3-interior .faq-list details,.v3-interior .work-rows>a{border-color:#D8CDBD}
.v3-interior .faq-list details[open]{background:#EAE2D550}
.v3-interior .faq-list summary{font-weight:480}
.v3-interior .intro-split p,.v3-interior .service-scope p,.v3-interior .fit-section p,.v3-interior .legal-copy p{color:#51483E}
.v3-interior .case-metrics,.v3-interior .numa-results{background:var(--paper)}
.v3-interior .numa-results .numa-report{font-family:var(--sans)}
.v3-interior .case-story img,.v3-interior .case-grid img{filter:saturate(.86) sepia(.06)}
.v3-interior .contact-section input,.v3-interior .contact-section textarea,.v3-interior .contact-section select{border-color:#B8A994;background:#F5EEDF}
.v3-interior .service-hero.orbit{background:#C7D1B8;color:#161513}
.v3-home.alt-interior main>section.service-hero>.service-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.v3-home.alt-interior main>section.service-hero>.continuous-rail{opacity:0;pointer-events:none}
.v3-interior .service-hero.apex{background:#242B26;color:#F5EEDF}
.v3-interior .service-hero.apex h1 em,.v3-interior .service-hero.apex .lead{color:#F5EEDF}
.v3-interior .service-hero.apex .eyebrow{color:#E6DCCB}
.v3-interior .service-backdrop.orbit-card{background:#C7D1B8}
.v3-interior .service-backdrop .orbit-network{left:18%;width:88%;opacity:.8;z-index:0;mask:linear-gradient(90deg,transparent,#000 50%);-webkit-mask:linear-gradient(90deg,transparent,#000 50%)}
.v3-interior .service-backdrop .network-node{fill:#C7D1B8}
.v3-interior .service-backdrop.apex-card{background:#242B26}
.v3-interior .service-backdrop .apex-masterplan{left:20%;width:85%;opacity:.92;z-index:0}
.v3-interior .service-backdrop.apex-card:after{background:linear-gradient(90deg,#242B26DC,#242B2670 50%,#242B2605)}
.v3-interior .service-hero .subhero-bottom{position:relative;z-index:2}
@media(max-width:760px){
 .v3-home .alt-ecosystems>.alt-anchor{margin-bottom:28px}
 .v3-home .alt-ecosystems .alt-lead{margin-top:28px}
 .v3-interior .subhero{padding-top:58px;padding-bottom:70px}
 .v3-interior .subhero h1{font-size:clamp(42px,10.5vw,76px)}
 .v3-interior .subhero .lead{font-size:20px}
 .v3-interior .journey-step{margin-bottom:64px}
 .v3-interior .service-backdrop .orbit-network{left:0;width:120%;opacity:.5}
 .v3-interior .service-backdrop .apex-masterplan{left:0;width:120%;opacity:.65}
 .v3-home .alt-cases .case-photo img{height:clamp(360px,110vw,460px)}
}


/* Local refinement: header contrast, navigation surface and Home spacing. */
.v3-home .blend-brand{mix-blend-mode:normal;color:#161513;--brand-outline:var(--paper)}
.v3-home .blend-brand.outline-on-dark{color:var(--paper);--brand-outline:#161513}

.v3-home .header nav,.v3-home .menu-toggle,.v3-home .mobile-menu{background:rgba(226,217,203,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(min-width:761px){body.v3-home:not(.v3-interior) .alt-ecosystems .alt-lead{margin-top:32px}}
.v3-home .numa-collaboration{margin:28px 0;padding-left:22px;border-left:2px solid var(--terra)}
.v3-home .numa-collaboration p+p{margin-top:16px}
.v3-home .numa-collaboration a{text-decoration:underline;text-underline-offset:4px}

/* Home section 02 only: low-opacity architectural depth, below the existing rail. */
body.v3-home:not(.v3-interior) .claude-capabilities>.system-depth{position:absolute!important;inset:0;z-index:0!important;overflow:hidden;pointer-events:none;opacity:.10;mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}
body.v3-home:not(.v3-interior) .system-depth img{position:absolute;left:0;top:-80px;width:100%;height:calc(100svh + 160px);max-width:none;object-fit:cover;object-position:50% 50%;filter:saturate(.35);transform:translate3d(0,var(--depth-y,0px),0)}
body.v3-home:not(.v3-interior) .system-depth.is-visible img{will-change:transform}
@media(max-width:760px){body.v3-home:not(.v3-interior) .claude-capabilities>.system-depth{opacity:.08}}
@media(prefers-reduced-motion:reduce){body.v3-home:not(.v3-interior) .system-depth img{top:0;height:100%;transform:none;will-change:auto}}

/* Black paper refinement: only faint relief light over the unchanged section black. */
body.v3-home:not(.v3-interior) .claude-capabilities>.system-depth{opacity:.18;mix-blend-mode:screen}
body.v3-home:not(.v3-interior) .system-depth img{top:-200px;left:-24px;width:calc(100% + 48px);height:calc(100svh + 400px);filter:grayscale(1) brightness(.8) blur(.35px);transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0)}
@media(max-width:760px){body.v3-home:not(.v3-interior) .claude-capabilities>.system-depth{opacity:.15}}
@media(prefers-reduced-motion:reduce){body.v3-home:not(.v3-interior) .system-depth img{top:0;left:0;width:100%;height:100%;transform:none;will-change:auto}}

/* Home 02: faint crumpled paper, refraction confined to its decorative layer. */
body.v3-home:not(.v3-interior) .claude-capabilities>.system-depth{opacity:.16}
body.v3-home:not(.v3-interior) .system-depth .system-water{position:absolute;top:-200px;left:-24px;width:calc(100% + 48px);height:calc(100svh + 400px);max-width:none;pointer-events:none;filter:grayscale(1) brightness(.8) blur(.35px);transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0);visibility:hidden}
body.v3-home:not(.v3-interior) .system-depth.water-ready .system-water{visibility:visible}
body.v3-home:not(.v3-interior) .system-depth.water-ready img{visibility:hidden}
@media(max-width:760px){body.v3-home:not(.v3-interior) .claude-capabilities>.system-depth{opacity:.13}}
@media(prefers-reduced-motion:reduce){body.v3-home:not(.v3-interior) .system-depth .system-water{display:none}}

/* Approved Home identity extended to interior routes only.
   Preserve route layouts, motion, node palette, and Home experiments. */
body.v3-home.v3-interior{
 --paper:#F5F2E3;--line:#F7F6F2;--stone:#F7F6F2;--ink:#161513;
 --terra:#DA6E47;--butter:#F2D989;--sage:#ABC5FE;--teal:#79B5AE;--lilac:#AD97BE;
 --sans:'Google Sans Flex',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;
 background:var(--paper);color:var(--ink)
}
body.v3-home.v3-interior .claude-section{--paper:#F5F2E3;--line:#F7F6F2}
body.v3-home.v3-interior .subhero,
body.v3-home.v3-interior .alt-closing,
body.v3-home.v3-interior .case-metrics,
body.v3-home.v3-interior .numa-results{background-color:var(--paper)}
body.v3-home.v3-interior .soft-glow:not(.service-hero),
body.v3-home.v3-interior .claude-section.claude-method{background:#F5F2E3;color:var(--ink)}
body.v3-home.v3-interior .dark{background-color:#211E1A;color:var(--paper)}
body.v3-home.v3-interior .dark p,
body.v3-home.v3-interior .dark .journey-step p,
body.v3-home.v3-interior .claude-capabilities .dark .lead,
body.v3-home.v3-interior .claude-capabilities .row p{color:#F7F6F2}
body.v3-home.v3-interior .dark .eyebrow,
body.v3-home.v3-interior .dark .journey-index,
body.v3-home.v3-interior .claude-capabilities .dark .kicker,
body.v3-home.v3-interior .claude-capabilities .row .idx,
body.v3-home.v3-interior .claude-capabilities .svc-l{color:#C9C4BC}
/* Method uses the same neutral surface as the Home, including its nested section. */
body.v3-home.v3-interior .claude-method .s.dark{background:transparent;color:var(--ink)}
body.v3-home.v3-interior .claude-method .dark .kicker{color:#686056}
body.v3-home.v3-interior .claude-method .dark .lead,
body.v3-home.v3-interior .claude-method .method .sw p,
body.v3-home.v3-interior .claude-method .mnote .reads-note{color:#51483E}
body.v3-home.v3-interior .header nav,
body.v3-home.v3-interior .menu-toggle,
body.v3-home.v3-interior .mobile-menu{background:rgba(232,229,223,.7)}
body.v3-home.v3-interior .header nav a:hover{background:#F7F6F2AA}
body.v3-home.v3-interior .mobile-menu a[aria-current="page"]{background:#AD97BE26}
body.v3-home.v3-interior .case-badge{background:#F7F6F2E8}
body.v3-home.v3-interior .service-scope ol li,
body.v3-home.v3-interior .faq-list details,
body.v3-home.v3-interior .work-rows>a{border-color:#F7F6F2}
body.v3-home.v3-interior .faq-list details[open]{background:#F7F6F250}
body.v3-home.v3-interior .contact-section input,
body.v3-home.v3-interior .contact-section textarea,
body.v3-home.v3-interior .contact-section select{background:#F5F2E3;border-color:#8B8178}
body.v3-home.v3-interior .footer{background:#211E1A;color:var(--paper)}
body.v3-home.v3-interior .footer-label,
body.v3-home.v3-interior .footer .eyebrow,
body.v3-home.v3-interior .footer-bottom{color:#C9C4BC}
body.v3-home.v3-interior .footer-bottom{border-color:#F7F6F226}
/* Keep the paired ecosystem identities and their existing animated patterns. */
body.v3-home.v3-interior .service-hero.orbit,
body.v3-home.v3-interior .service-backdrop.orbit-card,
body.v3-home.v3-interior .alt-ecosystems .orbit-card{background:#C7D1B8;color:var(--ink)}
body.v3-home.v3-interior .service-hero.apex,
body.v3-home.v3-interior .service-backdrop.apex-card,
body.v3-home.v3-interior .alt-ecosystems .apex-card{background:#242B26;color:var(--paper);--audience-base:#F7F6F2}
body.v3-home.v3-interior .service-hero.apex h1 em,
body.v3-home.v3-interior .service-hero.apex .lead,
body.v3-home.v3-interior .alt-ecosystems .apex-card p{color:#F7F6F2}
body.v3-home.v3-interior .service-hero.apex .eyebrow,
body.v3-home.v3-interior .alt-ecosystems .apex-card .card-bottom,
body.v3-home.v3-interior .alt-ecosystems .apex-card .card-top>span:last-child{color:#F7F6F2}
body.v3-home.v3-interior .alt-ecosystems .apex-card .card-bottom{border-color:#F7F6F266}
body.v3-home.v3-interior .apex-masterplan .plan-road{stroke:var(--terra)}
body.v3-home.v3-interior .claude-section .svc li:before{background:var(--terra)}
body.v3-home.v3-interior .nav-color-ring>span,
body.v3-home.v3-interior .button-dot{background:conic-gradient(var(--terra),var(--butter),var(--sage),var(--lilac),var(--terra))}
body.v3-home.v3-interior main>section.line-glow:before,
body.v3-home.v3-interior main>section.line-glow:after,
body.v3-home.v3-interior .footer.line-glow:before{background:linear-gradient(100deg,var(--terra),var(--lilac) 48%,var(--sage))}
body.v3-home.v3-interior .continuous-ghost{stroke:#8B8178}
body.v3-home.v3-interior main .continuous-node.on .core{fill:var(--node-color)}

body.v3-home.v3-interior .contact-result{background:#F5F2E3;color:#161513}

/* Platform-independent arrows: never render as iOS emoji. */
.ui-arrow{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;flex-shrink:0;overflow:visible}
.alt-home .alt-cases .text-link:after{content:'';display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:760px){
 body.v3-home:not(.v3-interior) .alt-hero{min-height:0;padding-bottom:42px}
 body.v3-home:not(.v3-interior) .alt-insight{padding-top:64px}
}

/* Footer i: same expanded, translucent halo as the continuous nodes. */
.alt-home .footer-dot-halo{position:absolute;display:block;margin:0;padding:0;border:0;transform-origin:50% 50%;aspect-ratio:1;border-radius:50%;background:var(--lilac,var(--purple));opacity:0;transform:translate(-50%,-50%) scale(.55);pointer-events:none;z-index:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)}
.alt-home .footer-dot-halo.on{opacity:.12;transform:translate(-50%,-50%) scale(1)}
.alt-home .footer-return>.garabi-logo{z-index:1}
@media(prefers-reduced-motion:reduce){.alt-home .footer-dot-halo{transition:none}}

/* Small monochrome gestures, with readable text throughout every cycle. */
.semantic-title .kinetic-word{animation:none!important;opacity:1!important;transform:none!important}
.semantic-token{display:inline-block;transform-origin:50% 80%;animation:semantic-align 6.4s cubic-bezier(.3,0,.2,1) infinite paused;animation-delay:var(--semantic-delay)}
.semantic-playing .semantic-token{animation-play-state:running}
.semantic-together .semantic-token{animation-name:semantic-together}
.semantic-branches .semantic-token{animation-name:semantic-branches}
.semantic-assemble .semantic-token{animation-name:semantic-assemble}
.semantic-dialogue .semantic-token{animation-name:semantic-dialogue}
.semantic-advance .semantic-token{animation-name:semantic-advance}
.semantic-focus .semantic-token{animation-name:semantic-focus}
.semantic-support .semantic-token{animation-name:semantic-support}
@keyframes semantic-together{0%,100%{transform:translate(0,0) scale(1)}12%{transform:translate(calc(var(--semantic-side)*.035em),.025em) scale(.99)}30%,45%{transform:translate(0,-.015em) scale(1.025)}62%,90%{transform:none}}
@keyframes semantic-branches{0%,100%{transform:none}18%{transform:translate(calc(var(--semantic-side)*.035em),calc(var(--semantic-side)*.025em)) rotate(calc(var(--semantic-side)*1deg))}40%,90%{transform:none}}
@keyframes semantic-assemble{0%,100%{transform:none}10%{transform:translateY(.045em) rotate(calc(var(--semantic-side)*1.2deg))}30%,90%{transform:none}}
@keyframes semantic-dialogue{0%,100%{transform:none}16%{transform:translateY(calc(var(--semantic-side)*-.035em))}34%{transform:translateY(calc(var(--semantic-side)*.018em))}52%,90%{transform:none}}
@keyframes semantic-advance{0%,100%{transform:none}25%,36%{transform:translate(.035em,-.025em)}58%,90%{transform:none}}
@keyframes semantic-focus{0%,100%{filter:blur(0);opacity:1}8%{filter:blur(.012em);opacity:.76}28%,90%{filter:blur(0);opacity:1}}
@keyframes semantic-align{0%,100%{transform:none}12%{transform:translateY(calc(var(--semantic-side)*.035em))}32%,90%{transform:none}}
@keyframes semantic-support{0%,100%{transform:none}12%{transform:translateY(.025em) scaleY(.98)}30%,45%{transform:translateY(-.02em) scaleY(1.025)}62%,90%{transform:none}}
@media(prefers-reduced-motion:reduce){.semantic-title .semantic-token{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}}

/* Tablet/touch rendering budget: retain color and composition without stacked filters. */
@media(hover:none) and (pointer:coarse){
 .alt-home .claude-section .glass{-webkit-backdrop-filter:none;backdrop-filter:none}
 body.v3-home:not(.v3-interior) .system-depth img{filter:none}
 .alt-home .alt-ecosystems .network-link,.alt-home .alt-ecosystems .network-node{animation:none!important}
 .alt-home .alt-ecosystems .network-link{stroke-dashoffset:0;opacity:.5}
 .alt-home .alt-ecosystems .network-node{opacity:.6}
}

/* Home trial: keep the invisible measuring path but remove its dotted guide. */
body.v3-home:not(.v3-interior) .continuous-rail .continuous-ghost{opacity:0!important;stroke-opacity:0!important}

/* Web 3.0: additive art direction. Existing line, nodes and footer remain shared. */
/* Hide the dotted route across every page; retain geometry for the live rail. */
.continuous-rail .continuous-ghost,.alt-home .claude-section .rp-ghost{display:none!important}
body.v30{--paper:#F5F2E3;--stone:#F7F6F2;--terra:#DA6E47;--lilac:#AD97BE;--sage:#ABC5FE;color:#161513}
/* Home typography comes directly from Home-03: .alt-lead versus supporting copy. */
body.v30.v3-home:not(.v3-interior) .film-section{min-height:66svh;padding-bottom:95px}
body.v30.v3-home:not(.v3-interior) .film-section>.film-dissolve{height:175px}
body.v30.v3-home:not(.v3-interior) .claude-capabilities .chain .in{padding-top:24px}
@media(max-width:760px){body.v30.v3-home:not(.v3-interior) .film-section{min-height:0;padding-top:75px;padding-bottom:78px}body.v30.v3-home:not(.v3-interior) .film-section>.film-dissolve{height:120px}body.v30.v3-home:not(.v3-interior) .claude-capabilities .chain .in{padding-top:16px}}
.v30 .v30-hero-support{max-width:43ch;font-size:clamp(16px,1.3vw,21px);line-height:1.55;margin:24px 0 32px}
.v30 .v30-notion-note{max-width:680px;margin:54px 0 0;padding-top:30px;border-top:1px solid currentColor}
.v30 .v30-notion-note h3{font-size:clamp(26px,3vw,42px);line-height:1.15;margin-bottom:20px}
.v30 .v30-notion-note p{font-size:19px;line-height:1.55}
.v30 .case-info>p:not(.eyebrow):not(.v3-case-period){font-size:clamp(17px,1.4vw,21px);line-height:1.55;margin:24px 0}
.v30 .v30-attribution{max-width:75ch;font-size:16px;line-height:1.6;margin:28px 0 0 auto}
.v30 .v30-attribution a,.v30-prose a{text-decoration:underline;text-underline-offset:4px}
.v30 .v30-solutions{position:relative}
.v30 .v30-solutions>.alt-anchor>.alt-lead{max-width:48ch;margin-top:32px}
.v30 .v30-a-system{position:relative;display:flex;justify-content:center;align-items:center;height:150px;margin:30px 0 12px;z-index:2;pointer-events:none}
.v30 .v30-a-letter{font-size:96px;line-height:1;letter-spacing:-.08em;font-weight:500;color:#8B8178;transition:opacity .4s}
.v30 .a-unfolding .v30-a-letter{background:linear-gradient(90deg,#DA6E4794,#ABC5FE94);background-clip:text;-webkit-background-clip:text;color:transparent}
.v30 .a-complete .v30-a-letter{opacity:.5}
.v30 .v30-a-node{position:absolute!important;left:calc(50% - 10px)!important;top:120px!important;width:20px!important;height:20px!important;transform:none!important}
.v30 .v30-a-branches{position:absolute;top:0;left:0;overflow:visible;width:100%;height:100%;pointer-events:none}
.v30 .v30-branch{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.v30 .axis-branch{stroke:#DA6E47}.v30 .apex-branch{stroke:#789468}
.v30 .v30-solutions.a-connected .v30-branch{animation:v30-connect 1.65s cubic-bezier(.22,.65,.3,1) forwards}
.v30 .v30-cards{position:relative;gap:30px}
.v30 .v30-cards .eco-card{position:relative;isolation:isolate;overflow:hidden;min-height:620px;border-radius:0;padding:38px;display:flex;flex-direction:column;justify-content:flex-start}
.v30 .v30-cards .eco-card>*:not(.v30-atmosphere){position:relative;z-index:2}
.v30 .v30-cards .card-top{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}
.v30 .v30-cards .card-top>span:first-child{font-size:clamp(15px,1.5vw,22px);font-weight:450;max-width:20ch}
.v30 .v30-cards .card-top>span:nth-child(2){font-size:10px;letter-spacing:.09em;max-width:12ch;text-align:right;text-transform:uppercase}
.v30 .v30-cards .eco-card h3{font-family:var(--sans,'Google Sans Flex',sans-serif);font-size:clamp(70px,8.4vw,132px);line-height:1;letter-spacing:-.065em;font-weight:450;margin:110px 0 26px}
.v30 .v30-cards .eco-card h3 span{font:inherit;letter-spacing:inherit;display:inline-block;vertical-align:baseline}
.v30 .v30-cards .eco-card>p{max-width:33ch;font-size:clamp(19px,1.6vw,25px);line-height:1.4;margin:0 0 42px}
.v30 .v30-cards .card-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid currentColor;font-size:14px}
.v30 .v30-cards .card-action{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.v30 .v30-cards .card-action .ui-arrow{width:18px;height:18px}
.v30 .v30-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;background-size:cover;background-position:center}
/* Existing reference photograph: abstract crop, never presented as client/team documentation. */
.v30 .v30-axis-card,.v30 .v30-hero.v30-axis{background:#F5F2E3!important;color:#161513!important}
.v30 .v30-axis-card .v30-atmosphere,.v30 .v30-hero.v30-axis .v30-atmosphere{background-image:linear-gradient(110deg,rgba(247,246,242,.97),rgba(232,229,223,.78) 52%,rgba(174,151,190,.36)),url('/assets/studio-film-poster.7c54e326e578.jpg');background-position:60% 50%}
.v30 .v30-apex-card,.v30 .v30-hero.v30-apex{background:#171D19!important;color:#F7F6F2!important}
.v30 .v30-hero.v30-apex h1,.v30 .v30-hero.v30-apex h1 em,.v30 .v30-hero.v30-apex .eyebrow{color:#F7F6F2!important}
.v30 .v30-apex-card .v30-atmosphere,.v30 .v30-hero.v30-apex .v30-atmosphere{background-image:linear-gradient(105deg,rgba(19,25,21,.94),rgba(19,25,21,.78) 60%,rgba(19,25,21,.6)),url('/assets/numa-portico.66a212ce8db6.jpg');background-position:52% 44%}
.v30 .v30-cards .v30-apex-card p,.v30 .v30-cards .v30-apex-card .card-top,.v30 .v30-cards .v30-apex-card .card-bottom,.v30 .v30-hero.v30-apex .lead{color:#F7F6F2!important}
.v30 .v30-cards .v30-apex-card h3{color:#ABC5FE!important}
.v30 .v30-cards .v30-axis-card p,.v30 .v30-cards .v30-axis-card .card-top,.v30 .v30-cards .v30-axis-card .card-bottom{color:#161513!important}
.v30 .v30-cards .v30-axis-card h3{color:#943E24!important}
.v30 .v30-hero{position:relative;isolation:isolate;background:#F5F2E3;min-height:90svh;padding-top:180px;padding-bottom:100px}
.v30 .v30-hero>*:not(.v30-atmosphere):not(.continuous-rail){position:relative;z-index:2}
.v30 .v30-hero h1{max-width:17ch;font-size:clamp(54px,6vw,100px);line-height:1.06;margin:40px 0 52px;text-wrap:balance}
.v30 .v30-hero .subhero-bottom{gap:36px;align-items:end;position:relative}
.v30 .v30-hero .lead{max-width:57ch;font-size:clamp(20px,1.7vw,28px);line-height:1.5}
.v30 .v30-hero .lead p+p{font-size:.8em;margin-top:22px}
.v30 .v30-section{padding-top:110px;padding-bottom:110px}
.v30 .v30-section>.alt-anchor>h2{max-width:21ch;font-size:clamp(42px,5.6vw,86px);line-height:1.08;text-wrap:balance}
.v30 .v30-prose{max-width:780px;margin-top:38px;font-size:clamp(19px,1.55vw,25px);line-height:1.55}
.v30 .v30-prose p+p{margin-top:22px}
.v30 .v30-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px;row-gap:0;margin-top:68px}
.v30 .v30-capability{display:grid;grid-template-columns:25px 1fr;gap:18px;border-top:1px solid #F7F6F240;padding:32px 0 40px}
.v30 .v30-capability>span{font-size:12px;color:#ABC5FE;padding-top:5px}
.v30 .v30-capability h3{font-size:clamp(25px,2.15vw,34px);line-height:1.18;margin:0 0 17px;font-weight:450}
.v30 .v30-capability p{font-size:18px;line-height:1.55;color:#F7F6F2}
.v30 .v30-scope-note{font-size:16px;line-height:1.6;max-width:65ch;margin:28px 0;color:#F7F6F2}
.v30 .v30-model{background:#F5F2E3}
.v30 .v30-model .journey-steps{margin-top:64px}
.v30 .v30-dashboard{background:#F5F2E3}
.v30 .v30-dashboard-frame{margin:56px 0 0;border:1px solid #16151320;background:white}
.v30 .v30-dashboard-video{display:block;width:100%;height:auto;aspect-ratio:1280/716;object-fit:contain;background:white}
.v30 .v30-dashboard-frame figcaption{padding:18px 22px;font-size:13px;line-height:1.7;color:#534D45;border-top:1px solid #16151320}
.v30 .v30-compact-solutions{display:flex;flex-wrap:wrap;gap:36px;margin-top:42px}
.v30 .v30-exclusions{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin:40px 0 0;padding:0;list-style:none}
.v30 .v30-exclusions li{border-top:1px solid #16151335;padding:22px 0;font-size:18px;line-height:1.5}
.v30 .v30-case-image{display:block;margin:42px 0;max-width:900px;height:480px;overflow:hidden}
.v30 .v30-case-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.v30 .v30-pending-case[hidden]{display:none!important}
.v30 a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@keyframes v30-connect{0%{stroke-dashoffset:1;opacity:0}15%{opacity:.8}100%{stroke-dashoffset:0;opacity:.6}}
@keyframes v30-initial{0%,55%{transform:translateY(0)}72%{transform:translateY(-5px)}100%{transform:translateY(0)}}
@keyframes v30-atmosphere-in{0%,25%{opacity:.45}100%{opacity:1}}
@media(max-width:900px){
 .v30 .v30-cards .eco-card{padding:28px;min-height:560px}.v30 .v30-cards .card-bottom{flex-direction:column;align-items:flex-start}
 .v30 .v30-cap-grid{column-gap:36px}.v30 .v30-hero .subhero-bottom{display:block}.v30 .v30-hero .subhero-bottom>.alt-link{margin-top:30px}
}
@media(max-width:760px){
.v30 .v30-hero-support{font-size:17px;margin:20px 0 25px}.v30 .alt-hero{padding-bottom:48px}


 .v30 .v30-solutions>.alt-anchor>.alt-lead{margin-top:26px}.v30 .v30-cards{grid-template-columns:1fr;gap:25px}
 .v30 .v30-cards .eco-card{min-height:490px;padding:28px}.v30 .v30-cards .eco-card h3{font-size:92px;margin-top:65px}.v30 .v30-cards .card-bottom{flex-direction:row;align-items:center;font-size:12px}
 .v30 .v30-a-system{height:102px;margin:25px 0 10px}.v30 .v30-a-letter{font-size:clamp(40px,12vw,60px)}
 .v30 .v30-branch{stroke-width:1.5}.v30 .v30-solutions.a-connected .v30-branch{animation-duration:1s}
 .v30 .v30-section{padding-top:72px;padding-bottom:72px}.v30 .v30-section>.alt-anchor>h2{font-size:42px}
 .v30 .v30-hero{min-height:0;padding-top:135px;padding-bottom:65px}.v30 .v30-hero h1{font-size:49px;max-width:17ch;margin:30px 0}.v30 .v30-hero .lead{font-size:21px}
 .v30 .v30-prose{font-size:19px;margin-top:28px}.v30 .v30-cap-grid{grid-template-columns:1fr;margin-top:40px}.v30 .v30-capability{padding:25px 0;gap:13px}.v30 .v30-capability h3{font-size:27px}.v30 .v30-capability p{font-size:17px}
 .v30 .v30-dashboard-frame{margin-top:30px}.v30 .v30-dashboard-frame figcaption{font-size:11px;padding:14px}
 .v30 .v30-exclusions{grid-template-columns:1fr}.v30 .v30-case-image{height:340px}
 .v30 .v30-attribution{font-size:15px}.v30 .v30-notion-note{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){
 .v30 .v30-branch{stroke-dashoffset:0;opacity:.6;animation:none!important}.v30 .v30-initial,.v30 .v30-atmosphere{animation:none!important}
}
/* Contemplative photo motion, using existing material until the final clips arrive. */
.v30 .v30-cards .eco-card,.v30 .v30-hero{overflow:hidden}
.v30 .v30-cards .v30-atmosphere,.v30 .v30-hero.v30-axis .v30-atmosphere,.v30 .v30-hero.v30-apex .v30-atmosphere{inset:-5%;animation:v30-slow-frame 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:60% 45%}
.v30 .v30-apex-card .v30-atmosphere,.v30 .v30-hero.v30-apex .v30-atmosphere{animation-name:v30-architecture-frame;animation-duration:23s}
.v30 .ambient-active>.v30-atmosphere,.v30 .ambient-active>.v30-atmosphere::after{animation-play-state:running!important}
.v30 .v30-atmosphere::after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(247,246,242,.25) 46%,rgba(174,151,190,.1) 53%,transparent 66%);animation:v30-reflection 13s ease-in-out infinite alternate;animation-play-state:paused}
.v30 .v30-apex-card .v30-atmosphere::after,.v30 .v30-hero.v30-apex .v30-atmosphere::after{background:linear-gradient(115deg,transparent 33%,rgba(183,199,166,.07) 44%,rgba(0,0,0,.28) 53%,transparent 68%);animation-duration:19s}
@keyframes v30-slow-frame{from{transform:translate(-1.5%,1%) scale(1.015)}to{transform:translate(1.5%,-1%) scale(1.055)}}
@keyframes v30-architecture-frame{from{transform:translate(0,1.8%) scale(1.035)}to{transform:translate(-1.2%,-1.8%) scale(1.055)}}
@keyframes v30-reflection{from{transform:translateX(-14%);opacity:.35}to{transform:translateX(14%);opacity:.75}}
.v30 .v30-solutions>.v30-letter-flight{position:absolute!important;inset:0;z-index:8!important;pointer-events:none;overflow:hidden}
.v30 .v30-flying-a{position:absolute;left:0;top:0;line-height:1;opacity:0;transform-origin:center;pointer-events:none}
body.v30 .v30-solutions .v30-cards .v30-axis-card h3{color:#161513!important;transition:color .45s ease}
body.v30 .v30-solutions .v30-cards .v30-apex-card h3{color:#F7F6F2!important;transition:color .45s ease}
body.v30 .v30-solutions .v30-cards .v30-axis-card.a-arrived h3{color:#DA6E47!important}
body.v30 .v30-solutions .v30-cards .v30-apex-card.a-arrived h3{color:#ABC5FE!important}
.v30 .v30-solutions .a-arrived .v30-initial{animation:v30-letter-settle .5s ease-out}
@keyframes v30-letter-settle{0%{transform:scale(1.04)}100%{transform:scale(1)}}
.v30 .v30-notion-note-title{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.v30 .v30-notion-note-title h3{margin:0}
.v30 .v30-dashboard-open{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .2s,transform .2s}
.v30 .v30-dashboard-open svg{width:23px;height:23px}.v30 .v30-dashboard-open:hover{background:#AD97BE26;transform:scale(1.06)}
.v30 .v30-dashboard-open:focus-visible,.v30 .v30-dialog-close:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.v30 .v30-notion-dialog{position:fixed;inset:0;width:min(1100px,94vw);max-width:94vw;max-height:90svh;height:fit-content;margin:auto;padding:24px;border:1px solid #16151330;background:#F5F2E3;color:#161513;overflow:auto;box-shadow:0 24px 100px #0005}
.v30 .v30-notion-dialog::backdrop{background:rgba(23,21,19,.78)}
.v30 .v30-notion-dialog,.v30 .v30-notion-dialog *{cursor:auto}
.v30 .v30-notion-dialog button,.v30 .v30-notion-dialog button *{cursor:pointer}
.v30 .v30-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.v30 .v30-dialog-top h2{font:450 clamp(23px,3vw,36px)/1.15 var(--sans);letter-spacing:-.03em;margin:0;max-width:none}
.v30 .v30-dialog-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:transparent;border:1px solid #16151360;border-radius:50%;color:inherit;cursor:pointer}
.v30 .v30-dialog-close svg{width:22px;height:22px}
.v30 .v30-dialog-video{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;background:#fff}
.v30 .v30-notion-dialog>p{margin:16px 0 0;font-size:13px;line-height:1.5}
@media(max-width:760px){.v30 .v30-notion-dialog{padding:16px}.v30 .v30-dialog-top{gap:10px}.v30 .v30-notion-dialog>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v30 .v30-atmosphere,.v30 .v30-atmosphere::after,.v30 .v30-solutions .a-arrived .v30-initial{animation:none!important}.v30 .v30-flying-a{display:none}.v30 .v30-dashboard-open{transition:none}}

/* Paragraph rhythm is independent of font scale and preserves existing grid items. */
.v30-paragraph-group>p{font:inherit;line-height:inherit;color:inherit;margin:0}
.v30-paragraph-group>p+p{margin-top:.9em}
.v30 .alt-insight-copy>.v30-lead-paragraphs{font-size:clamp(21px,2.1vw,30px);line-height:1.4;max-width:none;color:#161513}
.v30 .alt-people-copy>.v30-paragraph-group:not(.alt-lead){max-width:480px;font-size:18px;color:#51483e;line-height:1.65}
@media(max-width:760px){.v30 .alt-people-copy>.v30-paragraph-group:not(.alt-lead){font-size:16px}.v30 .alt-insight-copy>.v30-lead-paragraphs{font-size:21px}}
/* Permanent shared A and unfolded names; separate copies fly to the fixed cards. */
body.v30 .v30-a-letter,body.v30 .a-unfolding .v30-a-letter,body.v30 .a-complete .v30-a-letter{color:#161513;background:none;opacity:1}
body.v30 .v30-source-letter{position:absolute;left:50%;top:50%;line-height:1;opacity:0;pointer-events:none;white-space:nowrap}
body.v30 .a-motion-ready .v30-destination-letter{opacity:0}
body.v30 .v30-solutions .v30-cards .v30-axis-card h3{color:#DA6E47!important}
body.v30 .v30-solutions .v30-cards .v30-apex-card h3{color:#ABC5FE!important}
body.v30 .v30-cards h3 .v30-initial{color:inherit!important}
body.v30 .v30-solutions{overflow-anchor:none}
@media(prefers-reduced-motion:reduce){body.v30 .a-motion-ready .v30-destination-letter{opacity:1}}
/* NUMA uses the Home's neutral / dark editorial rhythm, scoped to this case. */
body.v30-numa .subhero{background:#F5F2E3;color:#161513}
body.v30-numa .case-story{background:#F5F2E3;color:#161513}
body.v30-numa .section-end{background:#171D19;color:#F7F6F2;--ink:#F7F6F2;--muted:#D5D7D0;--line:rgba(247,246,242,.25)}
body.v30-numa .section-end p,body.v30-numa .section-end a{color:#F7F6F2}
body.v30-numa .section-end a{border-color:rgba(247,246,242,.6)}
body.v30-numa .numa-results{background:#F5F2E3;color:#161513}
body.v30-numa .alt-closing{background:#F5F2E3;color:#161513}
body.v30-numa .legend-investment{height:0;border-top:3px dashed #427D76;background:none}
body.v30-numa .numa-combo{min-width:800px}
body.v30-numa .numa-investment-series text{fill:#32635E}
body.v30-numa .numa-chart-help{max-width:85ch;line-height:1.6}
body.v30-numa .numa-data-point,body.v30-numa .numa-data-point *{cursor:pointer;pointer-events:all}
body.v30-numa .numa-data-point:focus-visible{outline:2px solid #161513;outline-offset:3px}
body.v30-numa .numa-data-point[aria-expanded=true] circle[r="5"]{stroke:#161513;stroke-width:2}
body.v30-numa .numa-point-value{position:fixed;z-index:10000;width:260px;max-width:calc(100vw - 24px);box-sizing:border-box;background:#171D19;color:#F7F6F2;padding:20px 42px 20px 20px;border-radius:8px;box-shadow:0 8px 30px #16151330;cursor:auto}
body.v30-numa .numa-point-value[hidden]{display:none}
body.v30-numa .numa-point-value strong{font-size:17px;font-weight:500}
body.v30-numa .numa-point-value p{white-space:pre-line;font-size:14px;line-height:1.8;margin:10px 0 0;color:#F7F6F2}
body.v30-numa .numa-point-value button{position:absolute;right:0;top:0;width:44px;height:44px;color:inherit;background:transparent;border:0;font-size:26px;cursor:pointer}
body.v30-numa .numa-point-value button:focus-visible{outline:2px solid #F7F6F2;outline-offset:-5px}
body.v30-numa rect.numa-data-point:hover,body.v30-numa rect.numa-data-point:focus-visible,body.v30-numa rect.numa-data-point[aria-expanded=true]{fill-opacity:1;stroke:#6F557F;stroke-width:2}
body.v30-numa .numa-combo .numa-scale-note{font-size:11px;fill:#665C50}
/* NUMA editorial composition: images belong to their sections, not the gaps. */
body.v30-numa .subhero{padding-bottom:clamp(60px,7vw,110px)}
body.v30-numa .subhero .case-cover{position:relative;z-index:2;margin:clamp(40px,5vw,75px) 0 0}
body.v30-numa .case-cover img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover;object-position:center 62%}
body.v30-numa .case-cover figcaption,body.v30-numa .case-wide figcaption{margin:16px 0 0;font-size:12px;line-height:1.5;color:#625B53}
body.v30-numa .case-story{position:relative;gap:clamp(40px,6vw,90px);padding-top:clamp(65px,7vw,110px);padding-bottom:clamp(65px,7vw,110px)}
body.v30-numa .case-story>aside{top:125px;border-top:1px solid #16151330;padding-top:24px}
body.v30-numa .case-story>div{min-width:0}
body.v30-numa .case-story article{margin-bottom:72px}
body.v30-numa .case-story article:last-of-type{margin-bottom:32px}
body.v30-numa .case-story article .alt-anchor{position:relative;margin:22px 0 28px}
body.v30-numa .case-story article h2{margin:0;line-height:1.06}
body.v30-numa .case-story article p,body.v30-numa .case-story .v30-paragraph-group{line-height:1.65}
body.v30-numa .case-story article p+p{margin-top:18px}
body.v30-numa .case-story .source-note{font-size:12px;line-height:1.6;color:#625B53;border-top:1px solid #16151326;padding-top:22px}
body.v30-numa .case-story>.case-wide{grid-column:1/-1;position:relative;z-index:2;margin:0}
body.v30-numa .case-wide img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover}
body.v30-numa .numa-results{padding-top:clamp(65px,7vw,110px);padding-bottom:clamp(65px,7vw,110px)}
body.v30-numa .numa-apex-bridge{display:block;margin:0;border-top:0;padding-top:clamp(70px,8vw,125px);padding-bottom:clamp(70px,8vw,125px)}
body.v30-numa .numa-apex-bridge>.eyebrow{margin-bottom:32px;color:#D5D7D0}
body.v30-numa .numa-apex-bridge h2{font-size:clamp(44px,6.2vw,96px);line-height:1.04;max-width:16ch;color:#F7F6F2;margin:0}
body.v30-numa .numa-apex-bridge h2 em{color:inherit}
body.v30-numa .numa-apex-bridge-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:42px}
body.v30-numa .numa-apex-bridge .lead{font-size:clamp(20px,2vw,29px);line-height:1.45;max-width:30ch}
body.v30-numa .numa-apex-bridge .alt-link{flex-shrink:0;font-size:18px}
@media(max-width:760px){
 body.v30-numa .case-cover img{aspect-ratio:4/3;object-position:center 60%}
 body.v30-numa .case-story{grid-template-columns:1fr;gap:46px}
 body.v30-numa .case-story>aside{position:static}
 body.v30-numa .case-story dl{grid-template-columns:minmax(95px,.8fr) 1.4fr;gap:14px 18px;line-height:1.5}
 body.v30-numa .case-story dd{max-width:none}
 body.v30-numa .case-story article{margin-bottom:54px}
 body.v30-numa .case-story article .alt-anchor{margin-left:16px}
 body.v30-numa .case-story h2{font-size:clamp(34px,9vw,46px)}
 body.v30-numa .case-wide img{aspect-ratio:4/3}
 body.v30-numa .numa-apex-bridge-bottom{display:block;margin-top:30px}
 body.v30-numa .numa-apex-bridge .alt-link{margin-top:30px}
}
body.v30-numa .numa-reference{display:inline-grid;place-items:center;width:30px;height:32px;margin-left:5px;vertical-align:middle;background:none;border:0;padding:0;color:#51483E;cursor:pointer;font:500 12px var(--sans);letter-spacing:0}
body.v30-numa .numa-reference span{display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;cursor:pointer}
body.v30-numa .numa-reference:hover{color:#161513}
body.v30-numa .numa-reference:focus-visible{outline:2px solid #161513;outline-offset:1px;border-radius:4px}
body.v30-numa .numa-reference-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:80svh;overflow:auto;border:1px solid #16151326;padding:34px;background:#F5F2E3;color:#161513;border-radius:10px;box-shadow:0 20px 80px #0003;cursor:auto}
body.v30-numa .numa-reference-dialog::backdrop{background:#16151380}
body.v30-numa .numa-reference-dialog h2{font:500 28px/1.2 var(--sans);letter-spacing:-.03em;margin:0 30px 20px 0}
body.v30-numa .numa-reference-dialog p{font:400 17px/1.65 var(--sans);margin:0;max-width:none}
body.v30-numa .numa-reference-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:none;color:inherit;font-size:28px;cursor:pointer}
body.v30-numa .numa-reference-close:focus-visible{outline:2px solid #161513;outline-offset:-4px}
@media(pointer:coarse){body.v30-numa .numa-reference{width:44px;height:44px;margin-left:0}}
body.v30 .v30-notion-note>.v30-dashboard-open{display:inline-flex;align-items:center;gap:12px;width:auto;height:auto;min-height:48px;margin-top:24px;padding:8px 0;border:0;border-radius:0;background:transparent;color:inherit}
body.v30 .v30-notion-note>.v30-dashboard-open svg{width:32px;height:32px;flex:none}
body.v30 .v30-notion-note>.v30-dashboard-open span{font:400 15px/1.4 var(--sans);border-bottom:1px solid currentColor;padding-bottom:4px}
body.v30 .v30-notion-note>.v30-dashboard-open:hover{transform:none;opacity:.8}
/* Scroll identity: gather the wordmark, then reveal the familiar g + dot. */
.retro-site .v30-morph-brand{isolation:isolate}
.retro-site .v30-morph-brand .garabi-logo{transform-origin:16% 50%;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .24s ease;will-change:auto}
.retro-site .v30-nav-isotipo{position:absolute;left:0;top:50%;width:48px;height:48px;object-fit:contain;opacity:0;transform:translateY(-50%) scale(.62) rotate(-12deg);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .22s ease;pointer-events:none}
.retro-site .v30-morph-brand.is-compact .garabi-logo{transform:translateX(-4px) scale(.68);opacity:0}
.retro-site .v30-morph-brand.is-compact .v30-nav-isotipo{opacity:1;transform:translateY(-50%) scale(1) rotate(0);transition-delay:.1s}
@media(max-width:720px){.retro-site .v30-nav-isotipo{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.retro-site .v30-morph-brand .garabi-logo,.retro-site .v30-nav-isotipo{transition:none!important}}

/* Supplied transparent artwork inherits the existing light/dark header contrast. */
.retro-site .v30-nav-isotipo{background:currentColor;mask:var(--isotipo-mask) center/contain no-repeat;-webkit-mask:var(--isotipo-mask) center/contain no-repeat}
.retro-site .v30-morph-brand.outline-on-dark,.retro-site .v30-morph-brand.brand-on-dark{color:var(--paper)}

/* The shared A rests inside a node; its shell dissipates on the reversible timeline. */
body.v30 .v30-a-system{--a-node-size:129px;--a-node-opacity:1;--a-node-scale:1;--a-halo-scale:1;isolation:isolate}
body.v30 .v30-a-system::before,body.v30 .v30-a-system::after{content:"";position:absolute;left:var(--a-node-x,50%);top:var(--a-node-y,50%);width:var(--a-node-size);height:var(--a-node-size);border-radius:50%;pointer-events:none;box-sizing:border-box;opacity:var(--a-node-opacity);z-index:0}
body.v30 .v30-a-system::before{background:rgba(217,110,71,.12);border:0;transform:translate(-50%,-50%) scale(var(--a-node-scale))}
body.v30 .v30-a-system::after{width:calc(var(--a-node-size) * 1.22);height:calc(var(--a-node-size) * 1.22);background:radial-gradient(circle,transparent 57%,rgba(217,110,71,.075) 59%,rgba(217,110,71,.025) 68%,transparent 72%);transform:translate(-50%,-50%) scale(var(--a-halo-scale))}
body.v30 .v30-a-letter{position:relative;z-index:1}
body.v30 .v30-source-letter{z-index:1}
@media(max-width:760px){body.v30 .v30-a-system{--a-node-size:80px}}

/* Keep destination names on one baseline so flying glyph coordinates never wrap. */
body.v30 .v30-cards .eco-card h3{white-space:nowrap}
body.v30 .alt-insight-copy .v30-insight-muted{color:#716B64;font-size:17px;line-height:1.6;margin-top:20px}
@media(max-width:760px){body.v30 .v30-cards .eco-card h3{font-size:clamp(42px,16vw,92px)}}

body.v30 .alt-insight-copy .v30-insight-intro .alt-lead{font-size:clamp(21px,2.1vw,30px);line-height:1.4;max-width:none}
body.v30 .alt-insight-copy .v30-insight-secondary{color:#716B64;margin-top:.9em}

/* Compact editorial details and aligned brand glyph. */
body.v30 .film-copy .v30-film-kicker{font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.13em;line-height:1.5;margin:0 0 32px;color:inherit}
body.v30 .v30-notion-note{max-width:540px;margin-top:38px;padding-top:24px}
body.v30 .v30-notion-note h3{font-size:clamp(23px,2.2vw,30px)}
body.v30 .v30-notion-note p{font-size:16px;line-height:1.55}
body.v30 .v30-notion-note-title{margin-bottom:14px}
body.v30 .v30-notion-note>.v30-dashboard-open{margin-top:14px;gap:9px}
body.v30 .v30-notion-note>.v30-dashboard-open svg{width:25px;height:25px}
body.v30 .v30-notion-note>.v30-dashboard-open span{font-size:14px}
body.v30 .header nav,body.v30 #mobile-menu{border:0!important}
body.v30 .v30-nav-isotipo{transform:scale(.62) rotate(-12deg)}
body.retro-site .v30-morph-brand.is-compact .v30-nav-isotipo{transform:scale(1) rotate(0)}
@media(max-width:760px){body.v30 .alt-insight-copy .alt-statement{font-size:clamp(18px,5.45vw,27px);white-space:nowrap;letter-spacing:-.025em}}

/* Audience labels occupy the card's full width after removing the secondary label. */
body.v30 .v30-cards .card-top{container-type:inline-size;width:100%}
body.v30 .v30-cards .card-top>span:first-child{max-width:none;text-align:left}
body.v30 .v30-apex-card .card-top>span:first-child{white-space:nowrap;font-size:clamp(10px,5.2cqw,20px);letter-spacing:0}

/* Larger single-line audience labels, scaled to each card's available width. */
body.v30 .v30-cards .card-top>span:first-child{white-space:nowrap;letter-spacing:0;flex-shrink:0;font-size:clamp(14px,7.2cqw,28px)}
body.v30 .v30-apex-card .card-top>span:first-child{font-size:clamp(12px,6.2cqw,27px)}

/* Header light states use GARABI Paper, including the inherited isotipo mask. */
body.retro-site .v30-morph-brand.outline-on-dark,body.retro-site .v30-morph-brand.brand-on-dark,body.retro-site .header .brand.brand-on-dark{color:var(--paper)}
body.retro-site .mono-nav-cta,body.retro-site .mono-nav-cta:hover{color:var(--paper)}
body.retro-site .mono-nav-cta.on-dark-surface,body.retro-site .mono-nav-cta.on-dark-surface:hover{background:var(--paper);color:var(--ink)}

body.v30.v3-home .alt-ecosystems .v30-cards .eco-card .card-top>span:first-child{font-size:clamp(14px,7.2cqw,28px);opacity:1}
body.v30.v3-home .alt-ecosystems .v30-cards .v30-apex-card .card-top>span:first-child{font-size:clamp(12px,6.2cqw,27px)}
/* Qué hacemos: shared Home composition, without changing other routes. */
body.v30-work main>.v30-work-section>.continuous-rail{visibility:visible;opacity:1;pointer-events:none}
body.v30-work .v30-hero{min-height:0;padding-top:clamp(125px,10vw,160px);padding-bottom:80px}
body.v30-work .v30-hero h1{max-width:20ch;font-size:clamp(48px,6.5vw,100px);margin:32px 0 44px;line-height:1.03;text-wrap:initial}
body.v30-work .v30-hero .alt-node{top:clamp(22px,3vw,46px)}
body.v30-work h1 em,body.v30-work h2 em{display:block}
body.v30-work .v30-hero .subhero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end}
body.v30-work .v30-hero .lead{max-width:48ch}
body.v30-work .v30-hero .lead p+p{color:#716B64;font-size:.78em;max-width:49ch}
body.v30-work .v30-work-stone{background:#F5F2E3}
body.v30-work .v30-section{padding-block:clamp(72px,8vw,120px)}
body.v30-work .v30-section>.v30-prose{margin-left:clamp(0px,12vw,185px);max-width:760px}
body.v30-work .v30-prose>p:first-child{font-size:clamp(23px,2.25vw,34px);line-height:1.4;letter-spacing:-.025em}
body.v30-work .v30-prose>p+p{font-size:clamp(18px,1.5vw,23px);color:#716B64;max-width:53ch;margin-top:28px}
body.v30-work .dark .v30-prose>p+p{color:#C9C5BD}
body.v30-work .v30-cap-grid{gap:18px;margin-top:54px}
body.v30-work .v30-capability{padding:30px 28px;border:1px solid #F7F6F225;background:#F7F6F206;border-radius:2px;align-content:start}
body.v30-work .v30-capability>span{color:#DA6E47}
body.v30-work .v30-capability h3{font-weight:450;font-size:clamp(25px,2.25vw,35px)}
body.v30-work .v30-capability p{color:#D4D0C8}
body.v30-work .v30-enter-ready{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--entry-delay,0ms)}
body.v30-work .v30-enter-ready.is-visible{opacity:1;transform:none}
body.v30-work .v30-work-em{transform-origin:left center}
body.v30-work .v30-work-em.is-visible{animation:v30-work-compose 1.15s cubic-bezier(.2,.7,.2,1) both}
@keyframes v30-work-compose{from{opacity:.15;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:760px){
 body.v30-work .v30-hero{padding-top:124px;padding-bottom:56px}
 body.v30-work .v30-hero h1{font-size:clamp(39px,10.5vw,64px);margin:24px 0 30px}
 body.v30-work .v30-hero .subhero-bottom{display:block}
 body.v30-work .v30-hero .subhero-bottom>.alt-link{margin-top:26px}
 body.v30-work .v30-work-hero-anchor{margin-left:18px}
 body.v30-work .v30-section>.alt-anchor{margin-left:18px}
 body.v30-work .v30-section>.v30-prose{margin-left:0}
 body.v30-work .v30-prose>p:first-child{font-size:23px}
 body.v30-work .v30-cap-grid{gap:14px}
 body.v30-work .v30-capability{padding:26px 19px;gap:12px}
 body.v30-work .v30-capability h3{font-size:27px}
}
@media(prefers-reduced-motion:reduce){body.v30-work .v30-enter-ready{opacity:1;transform:none;transition:none}body.v30-work .v30-work-em.is-visible{animation:none}}
/* Override legacy interior suppression only on this route. */
body.v30-work main>section.v30-work-section>.continuous-rail{visibility:visible!important;opacity:1!important}
body.v30-work main>.v30-hero{padding-top:clamp(125px,10vw,160px)!important;min-height:0!important}
@media(max-width:760px){body.v30-work main>.v30-hero{padding-top:124px!important}}
/* The interior shell already reserves the header height. */
body.v30-work main>.v30-hero{padding-top:clamp(52px,5vw,80px)!important}
body.v30-work .v30-prose>.v30-paragraph-group:first-child>p:first-child{font-size:clamp(23px,2.25vw,34px);line-height:1.4;letter-spacing:-.025em}
body.v30-work .v30-prose>.v30-paragraph-group>p+p{font-size:clamp(18px,1.5vw,23px);color:#716B64;margin-top:28px}
body.v30-work .dark .v30-prose>.v30-paragraph-group>p+p{color:#C9C5BD}
@media(max-width:760px){body.v30-work main>.v30-hero{padding-top:48px!important}}
/* Hero rails enter on every route, above the ground and behind the content. */
body.v30 main>section.v30-entry-hero>.continuous-rail{visibility:visible!important;opacity:1!important;pointer-events:none}
body.v30 main>section.v30-entry-hero{overflow:visible}
body.v30 .v30-entry-anchor{position:relative}
body.v30 .v30-entry-anchor>.alt-node{top:clamp(22px,3vw,46px)}
body.v30-work .v30-section>.v30-prose{margin-left:0}
body.v30 .v30-solutions-index{position:relative;isolation:isolate}
body.v30 .v30-solutions-index .v30-a-system{margin-top:0;margin-bottom:36px}
body.v30 .v30-solutions-index .v30-cards{margin-top:0}
body.v30 h1 .semantic-title{display:inline-block}
@media(max-width:760px){body.v30 .v30-entry-anchor{margin-left:18px}body.v30 .v30-solutions-index .v30-a-system{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){body.v30 h1 .semantic-title,body.v30 h1 .semantic-piece{animation:none!important;transform:none!important;opacity:1!important}}
/* Solutions introduction flows directly into the shared A, without stacked section gaps. */
body.v30-solutions-page main>.subhero{min-height:0;padding-bottom:28px}
body.v30-solutions-page main>.v30-solutions-index{padding-top:0}
body.v30-solutions-page .v30-solutions-index .v30-a-system{height:140px;margin-top:0;margin-bottom:24px}
@media(max-width:760px){
 body.v30-solutions-page main>.subhero{padding-bottom:20px}
 body.v30-solutions-page .v30-solutions-index .v30-a-system{height:112px;margin-bottom:18px}
}
body.v30-solutions-page main>section.v30-solutions-index{padding-top:0!important}
/* Service cards: soft surfaces, without outlined containers. */
body.v30-work .v30-capability{border:0;border-radius:22px;background:rgba(247,246,242,.055);padding:32px 28px}
/* Reuse Home footage as the prototype, with a restrained dissolve into Ink. */
body.v30-work main>.v30-work-film{position:relative;isolation:isolate;overflow:hidden;background:#161513;color:#F7F6F2;padding-bottom:clamp(65px,7vw,105px)}
body.v30-work .v30-work-film-media{position:absolute;inset:0;z-index:0;pointer-events:none}
body.v30-work .v30-work-film-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.43}
body.v30-work .v30-work-film-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,21,19,.32) 0%,rgba(23,21,19,.58) 35%,rgba(23,21,19,.9) 72%,#161513 100%)}
body.v30-work .v30-work-film>.eyebrow,body.v30-work .v30-work-film>.alt-anchor,body.v30-work .v30-work-film>.v30-prose{position:relative;z-index:2}
body.v30-work .v30-work-film>.continuous-rail{z-index:1}
body.v30-work .v30-work-film h2,body.v30-work .v30-work-film h2 em,body.v30-work .v30-work-film .eyebrow{color:#F7F6F2}
body.v30-work .v30-work-film .v30-prose p:not(:first-child){color:#D5D0C7}
body.v30-work main>.v30-work-process{background:#161513;color:#F7F6F2;padding-top:70px}
body.v30-work .v30-work-process .journey-steps{margin-top:0}
@media(max-width:760px){body.v30-work .v30-capability{border-radius:18px;padding:26px 20px}body.v30-work main>.v30-work-process{padding-top:45px}}
@media(prefers-reduced-motion:reduce){body.v30-work .v30-work-film-media video{opacity:.3}}
body.v30-work main>section.v30-work-film>.v30-work-film-media{position:absolute!important;inset:0;z-index:0!important;height:auto;width:auto}

/* Video and steps share Ink at their boundary: no edge glow across the dissolve. */
body.v30-work main>section.v30-work-film:after,
body.v30-work main>section.v30-work-process:before{display:none!important}
body.v30-work .v30-work-process .journey-step h3{color:#F7F6F2}
body.v30-work .v30-work-process .journey-step p{color:#F7F6F2}
body.v30-work .v30-work-process .journey-index{color:#AD97BE}
/* Match the exact final gradient stop, overriding the shared dark-section tint. */
body.v30-work main>section.v30-work-film,
body.v30-work main>section.v30-work-process{background:#161513!important}
/* Fade the entire photographic layer, so no video tint survives at the seam. */
body.v30-work main>section.v30-work-film>.v30-work-film-media{
 isolation:isolate;
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.65) 66%,transparent 86%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.65) 66%,transparent 86%,transparent 100%);
}
body.v30-work .v30-work-film-media video{z-index:0}
body.v30-work .v30-work-film-media:after{z-index:1}
body.v30-work main>section.v30-work-film:before{display:none!important}
/* A single Ink surface now contains both the film and the four steps. */
body.v30-work main>section.v30-work-film{background:#161513!important}
body.v30-work .v30-work-film-intro{position:relative!important;isolation:isolate;padding-bottom:90px}
body.v30-work .v30-work-film-intro>.v30-work-film-media{position:absolute!important;inset:-120px calc(50% - 50vw) 0!important;width:100vw;height:auto;z-index:-1!important;isolation:isolate;mask-image:linear-gradient(#000 45%,transparent 88%);-webkit-mask-image:linear-gradient(#000 45%,transparent 88%)}
body.v30-work .v30-work-film-intro>.eyebrow,body.v30-work .v30-work-film-intro>.alt-anchor,body.v30-work .v30-work-film-intro>.v30-prose{position:relative;z-index:2}
body.v30-work .v30-work-film-intro h2{max-width:21ch;font-size:clamp(42px,5.6vw,86px);line-height:1.08}
body.v30-work .v30-work-process{background:transparent!important;padding-top:50px}
body.v30-work main>section.v30-work-film:before,body.v30-work main>section.v30-work-film:after{display:none!important}
@media(max-width:760px){
 body.v30 .alt-insight-copy .alt-statement{display:block;width:100%;font-size:var(--statement-fit,7vw);white-space:nowrap;line-height:1.12}
 body.v30 .alt-insight-copy .alt-statement>.alt-node{top:calc((100% - 10px)/2)!important;transform:translateY(-50%)}
 body.v30-work .v30-work-film-intro{padding-bottom:45px}
 body.v30-work .v30-work-film-intro h2{font-size:42px}
 body.v30-work .v30-work-process{padding-top:30px}
}
/* Name gestures use inner glyphs, keeping flight destinations and layout fixed. */
body.v30 .v30-cards h3 .v30-name-glyph{display:inline-block;transform-origin:center center;font:inherit;letter-spacing:inherit}
body.v30 .v30-axis-card.name-active.a-arrived .v30-name-glyph{animation:v30-axis-turn 7s ease-in-out infinite;animation-delay:calc(var(--glyph-index)*.16s)}
body.v30 .v30-apex-card.name-active.a-arrived .v30-name-glyph{animation:v30-apex-peak 7.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes v30-axis-turn{0%,8%{transform:perspective(500px) rotateY(0)}24%,100%{transform:perspective(500px) rotateY(360deg)}}
@keyframes v30-apex-peak{0%,10%,46%,100%{transform:translate(0,0)}23%,32%{transform:translate(var(--peak-x),var(--peak-y))}}
@media(prefers-reduced-motion:reduce){body.v30 .v30-name-glyph{animation:none!important;transform:none!important}}
/* Give the Notion callout its own pause after the method. */
body.v30:not(.v3-interior) .claude-method .v30-notion-note{margin-top:90px}
body.v30 .v30-hero-name{display:flex;align-items:baseline;gap:0;width:max-content;max-width:100%;font-family:var(--sans,'Google Sans Flex',sans-serif);font-size:clamp(80px,10vw,150px);font-weight:450;letter-spacing:-.065em;line-height:1;margin:24px 0 32px}
body.v30 .v30-hero-name .v30-destination-letter,body.v30 .v30-hero-name .v30-name-glyph{display:inline-block;font:inherit;letter-spacing:inherit;transform-origin:center}
body.v30 .v30-name-axis{color:#DA6E47}
body.v30 .v30-name-apex{color:#ABC5FE}
body.v30 .v30-name-axis.name-active .v30-name-glyph{animation:v30-axis-turn 7s ease-in-out infinite;animation-delay:calc(var(--glyph-index)*.16s)}
body.v30 .v30-name-apex.name-active .v30-name-glyph{animation:v30-apex-peak 7.5s cubic-bezier(.4,0,.2,1) infinite}
@media(max-width:760px){body.v30:not(.v3-interior) .claude-method .v30-notion-note{margin-top:64px}body.v30 .v30-hero-name{font-size:clamp(76px,23vw,116px);margin:24px 0}}
@media(prefers-reduced-motion:reduce){body.v30 .v30-hero-name .v30-name-glyph{animation:none!important;transform:none!important}}

/* Shared A: fine outline becomes solid Ink on rail contact. */
body.v30 .v30-a-letter.v30-outline-a{-webkit-text-fill-color:transparent;-webkit-text-stroke:.8px #161513;clip-path:none}
body.v30 .v30-a-letter.v30-outline-a .v30-a-ink-fill{position:absolute;inset:0;display:block;font:inherit;letter-spacing:inherit;line-height:inherit;color:#161513;-webkit-text-fill-color:#161513;-webkit-text-stroke:0;pointer-events:none;clip-path:inset(100% 0 0 0)}
@media(max-width:760px){body.v30 .v30-a-letter.v30-outline-a{-webkit-text-stroke:.65px #161513}}
@media(prefers-reduced-motion:reduce){body.v30 .v30-a-letter.v30-outline-a .v30-a-ink-fill{clip-path:none!important}}

/* Shared A spacing: equal clear space from the text to the circle and cards. */
body.v30 .v30-solutions{--a-clear-gap:48px;display:flow-root}
body.v30 .v30-solutions>.alt-anchor,
body.v30 .v30-solutions>.alt-anchor>.alt-lead{margin-bottom:0}
body.v30 .v30-solutions .v30-a-system{
 --a-stage-height:150px;
 height:var(--a-stage-height);
 margin-top:calc(var(--a-clear-gap) + var(--a-node-size)/2 - var(--a-node-y,75px));
 margin-bottom:calc(var(--a-clear-gap) + var(--a-node-size)/2 + var(--a-node-y,75px) - var(--a-stage-height));
}
body.v30 .v30-solutions .eco-grid.v30-cards{margin-top:0}
body.v30-solutions-page main>.subhero{padding-bottom:0}
body.v30-solutions-page main>.subhero .subhero-bottom,
body.v30-solutions-page main>.subhero .subhero-bottom>.lead{margin-bottom:0}
@media(max-width:760px){
 body.v30 .v30-solutions{--a-clear-gap:32px}
 body.v30 .v30-solutions .v30-a-system{
  --a-stage-height:102px;
  margin-top:calc(var(--a-clear-gap) + var(--a-node-size)/2 - var(--a-node-y,51px));
  margin-bottom:calc(var(--a-clear-gap) + var(--a-node-size)/2 + var(--a-node-y,51px) - var(--a-stage-height));
 }
}

/* Hero names use the same proportional tracking and inline glyph layout as Home cards. */
body.v30 .v30-hero-name{display:block;letter-spacing:-.065em;font-weight:450}
body.v30 .v30-hero-name .v30-destination-letter,body.v30 .v30-hero-name .v30-name-glyph{vertical-align:baseline}

/* Working together: two words approach, settle, then rest before repeating. */
.semantic-join .semantic-token{animation-name:semantic-join;animation-delay:0ms}
@keyframes semantic-join{0%,100%{transform:translateX(calc(var(--semantic-side)*.09em));opacity:.82}22%,86%{transform:translateX(0);opacity:1}}

/* Home 01: premise, equal scenarios, independent closing node. */
body.v30 #mirada .v30-insight-editorial{display:block;margin-top:48px}
body.v30 #mirada .v30-insight-premise{max-width:36ch;font-size:clamp(23px,2.25vw,34px);line-height:1.35;color:var(--ink);margin:0}
body.v30 #mirada .v30-insight-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);max-width:1000px;margin-top:36px}
body.v30 #mirada .v30-insight-scenarios>p{margin:0;max-width:39ch;font-size:clamp(18px,1.55vw,22px);line-height:1.55;color:#716B64}
body.v30 #mirada .v30-insight-closing{max-width:none;margin-top:48px}
body.v30 #mirada .v30-insight-closing .alt-statement{margin-top:0}
@media(max-width:760px){
 body.v30 #mirada .v30-insight-editorial{margin-top:30px}
 body.v30 #mirada .v30-insight-premise{font-size:24px;max-width:none}
 body.v30 #mirada .v30-insight-scenarios{grid-template-columns:1fr;gap:20px;margin-top:26px}
 body.v30 #mirada .v30-insight-scenarios>p{font-size:18px;max-width:none}
 body.v30 #mirada .v30-insight-closing{margin-top:34px}
}

/* Home 02: one heading over film, services, then strategic closing. */
body.v30:not(.v3-interior) .v30-system-closing{max-width:760px;margin:clamp(40px,6vw,80px) auto 0;font-size:clamp(20px,2vw,28px);line-height:1.45;color:var(--paper,#F7F6F2)}
body.v30:not(.v3-interior) .v30-system-closing p+p{margin-top:24px;color:#bdb8b1;font-size:.82em}
body.v30:not(.v3-interior) .film-copy{padding-bottom:1.5em}
body.v30:not(.v3-interior) .connect-word{display:inline-block;position:relative;--scatter-scale:1}
body.v30:not(.v3-interior) .connect-word>span{animation:garabi-connect-gather 9s cubic-bezier(.22,.7,.2,1) infinite paused;animation-delay:var(--gather-delay);animation-fill-mode:both}
body.v30:not(.v3-interior) .connect-word:after{content:'';position:absolute;left:3%;right:6%;bottom:-.09em;height:.1em;border-bottom:1px solid currentColor;border-radius:0 0 50% 50%;transform-origin:left;animation:garabi-connect-thread 9s ease infinite paused;pointer-events:none}
body.v30:not(.v3-interior) .connect-word.refinement-visible>span,body.v30:not(.v3-interior) .connect-word.refinement-visible:after{animation-play-state:running}
@keyframes garabi-connect-gather{0%,5%,100%{transform:translate(calc(var(--scatter-x)*var(--scatter-scale)),calc(var(--scatter-y)*var(--scatter-scale))) rotate(var(--scatter-turn));opacity:.6}24%,86%{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes garabi-connect-thread{0%,27%,100%{transform:scaleX(0);opacity:0}36%,86%{transform:scaleX(1);opacity:.65}94%{transform:scaleX(1);opacity:0}}
@media(max-width:760px){body.v30:not(.v3-interior) .connect-word{--scatter-scale:.65}body.v30:not(.v3-interior) .film-copy{padding-bottom:1.1em}body.v30:not(.v3-interior) .v30-system-closing{margin-top:36px;font-size:22px}}
@media(prefers-reduced-motion:reduce){body.v30:not(.v3-interior) .connect-word>span{animation:none!important;transform:none!important;opacity:1!important}body.v30:not(.v3-interior) .connect-word:after{animation:none!important;transform:none;opacity:.65}}

/* Match the actual card span padding, including the animated inner glyph. */
body.v30 .v30-hero-name .v30-destination-letter,body.v30 .v30-hero-name .v30-name-glyph{padding:8px}
/* Video owns movement; disable the old photographic pan/reflection. */
body.v30 .v30-video-atmosphere{inset:0!important;animation:none!important;transform:none!important;background:#171D19 url('/assets/apex-video-poster.4bed1137c861.jpg') center/cover!important}
body.v30 .v30-apex-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}
body.v30 .v30-video-atmosphere:after{inset:0;animation:none!important;background:linear-gradient(105deg,rgba(19,25,21,.76),rgba(19,25,21,.46) 65%,rgba(19,25,21,.32))!important}
@media(prefers-reduced-motion:reduce){body.v30 .v30-apex-video{visibility:hidden}}

body.v30:not(.v3-interior) .connect-word>span{animation-delay:calc(var(--connect-entry-delay,650ms) + var(--gather-delay,0ms))}
body.v30:not(.v3-interior) .connect-word:after{animation-delay:var(--connect-entry-delay,650ms)}

/* Compact system close + cycle travelling around its own corner. */
body.v30:not(.v3-interior) .v30-system-closing{max-width:540px;margin:48px 0 0;padding-top:24px;border-top:1px solid #f7f6f233;font-size:clamp(16px,1.3vw,18px);line-height:1.6;text-align:left}
body.v30:not(.v3-interior) .v30-system-closing p+p{font-size:inherit;margin-top:18px}
body.v30 .v30-cycle-note{border-top:0!important;padding-top:0!important;margin-top:clamp(28px,4vh,48px)!important}
body.v30 .v30-cycle{position:relative;width:fit-content;max-width:calc(100% - 38px);height:auto;margin:0 auto;padding:10px 0 14px}
body.v30 .v30-cycle>.alt-node{left:-34px;top:calc(50% - 13px);width:22px;height:22px}
body.v30 .v30-cycle-text{position:relative;inset:auto;margin:0;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(24px,3vw,38px);line-height:1.3;color:var(--ink,#161513);white-space:pre}
.v30-cycle-text>span{display:inline-block;transform-origin:50% 80%}
.v30-cycle.alt-lit .v30-cycle-text>span{animation:garabi-cycle-wave 4.8s cubic-bezier(.22,.8,.3,1) infinite;animation-delay:calc(var(--cycle-index)*24ms)}
.v30-cycle:not(.in-view) .v30-cycle-text>span{animation-play-state:paused}
.v30-cycle-text:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;opacity:.5;transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.22,.7,.2,1)}
.v30-cycle.alt-lit .v30-cycle-text:after{transform:scaleX(1)}
@keyframes garabi-cycle-wave{0%,32%,100%{transform:translate(0,0) rotate(0)}9%{transform:translate(2px,-5px) rotate(-2deg)}19%{transform:translate(-1px,2px) rotate(1deg)}25%{transform:translate(0,-1px)}}
@media(max-width:760px){body.v30 .v30-cycle-text{font-size:clamp(19px,5.2vw,30px)}}
@media(prefers-reduced-motion:reduce){.v30-cycle.alt-lit .v30-cycle-text>span{animation:none}.v30-cycle-text:after{transition:none}}

/* Cycle has no underline; the dashboard divider spans the method content column. */
body.v30 .v30-cycle-text:after{content:none;display:none}
body.v30:not(.v3-interior) .claude-method .v30-notion-note{width:100%;max-width:none;box-sizing:border-box}
body.v30:not(.v3-interior) .claude-method .v30-notion-note>p{max-width:540px}
/* Override the general section-child positioning: the video must fill the Hero. */
body.v30.alt-home main>section.v30-hero.v30-apex>.v30-video-atmosphere{position:absolute!important;inset:0!important;width:100%;height:100%;z-index:0!important;overflow:hidden;pointer-events:none}

body.retro-home{--paper:#F5F2E3;--ink:#161513;--retro-gutter:clamp(16px,3vw,48px);background:var(--paper)}
body.retro-home main>section:not(.film-section):not(.claude-capabilities){background:var(--paper)!important}
body.retro-home .eyebrow,body.retro-home .card-top,body.retro-home .card-bottom,body.retro-home .idx,body.retro-home .retro-tab,body.retro-home .text-link,body.retro-home .alt-link{font-family:'IBM Plex Mono',monospace}
body.retro-home .eyebrow{font-size:clamp(10px,.95vw,13px);letter-spacing:.08em}
body.retro-home .alt-link,body.retro-home .text-link{border:1px solid var(--ink);border-radius:999px;padding:13px 20px;font-size:clamp(12px,1.1vw,15px);gap:20px;display:inline-flex;align-items:center;width:fit-content}
body.retro-home .alt-link:after,body.retro-home .text-link:after{display:none}
body.retro-home .alt-link>span:last-child{border-radius:50%}
body.retro-home .film-section{margin:0 var(--retro-gutter);border-radius:30px 30px 0 0;overflow:hidden;background:#161513}
body.retro-home .claude-capabilities{margin:0 var(--retro-gutter);border-radius:0 0 30px 30px;overflow:hidden;background:#161513!important}
body.retro-home .claude-capabilities .chain{background:#161513!important}
body.retro-home .film-dissolve{background:linear-gradient(180deg,rgba(22,21,19,0),#161513 96%)!important}
body.retro-home .film-shade{background:linear-gradient(90deg,rgba(22,21,19,.62),rgba(22,21,19,.08))!important}
body.retro-home .film-section .studio-film{object-position:center}
body.retro-home .alt-insight>.alt-anchor{max-width:1000px;margin-left:auto;margin-right:auto;text-align:center}
body.retro-home .v30-insight-editorial{max-width:1000px;margin-left:auto;margin-right:auto}
body.retro-home .v30-insight-premise{margin-left:auto;margin-right:auto;text-align:center}
body.retro-home .alt-ecosystems>h2{max-width:850px}
body.retro-home .eco-grid{gap:28px}
body.retro-home .v30-cards .eco-card{display:flex;flex-direction:column;overflow:visible!important;isolation:isolate;padding:24px;border:1px solid #16151370;border-radius:0 24px 24px 24px;background:#F5F2E3!important;color:#161513!important;min-height:0;margin-top:40px}
body.retro-home .v30-cards .retro-tab{position:absolute!important;top:-35px;left:-1px;height:35px;box-sizing:border-box;min-width:112px;padding:9px 22px;border:1px solid #16151370;border-bottom:0;border-radius:18px 18px 0 0;background:#F5F2E3;font-size:13px;font-weight:500;color:#161513}
body.retro-home .v30-cards .apex-card .retro-tab{background:#ABC5FE}
body.retro-home .retro-media{position:relative!important;aspect-ratio:1.4;overflow:hidden;border-radius:17px;width:100%;margin-bottom:24px;background:#161513;z-index:0!important}
body.retro-home .retro-media>.v30-atmosphere{position:absolute!important;inset:0!important;width:100%;height:100%}
body.retro-home .v30-cards .card-top{order:0;margin:0 0 12px}
body.retro-home .v30-cards .card-top>span:first-child{color:#161513!important;font-size:clamp(10px,1.12vw,17px)!important;letter-spacing:-.04em}
body.retro-home .v30-cards h3{margin:0 0 18px!important;font-size:clamp(64px,8vw,120px)!important;line-height:1.05}
body.retro-home .v30-cards .v30-axis-card h3{color:#DA6E47!important}
body.retro-home .v30-cards .v30-apex-card h3{color:#490224!important}
body.retro-home .v30-cards .eco-card p{color:#161513!important;font-size:clamp(18px,1.6vw,23px);line-height:1.45;margin:0 0 30px}
body.retro-home .v30-cards .card-bottom{margin-top:auto;color:#161513!important;border-top:1px solid #16151330;padding-top:18px;font-size:11px;gap:12px;flex-wrap:wrap}
body.retro-home .card-bottom>span:first-child{border:1px solid #16151355;padding:7px 10px;border-radius:999px}
body.retro-home .case-photo,body.retro-home .human-photo{border-radius:24px;overflow:hidden}
body.retro-home .alt-people h2{max-width:850px;margin-left:auto}
body.retro-home .alt-closing{text-align:center}
body.retro-home .alt-closing .alt-anchor{max-width:900px;margin:auto}
body.retro-home .retro-growth{display:inline-block;overflow:visible}
body.retro-home .retro-better{display:inline-flex;position:relative;white-space:nowrap;letter-spacing:-.035em}
body.retro-home .retro-better>span{display:inline-block;transform-origin:center;will-change:transform}
@media(max-width:760px){
 body.retro-home .film-section{border-radius:20px 20px 0 0}
 body.retro-home .claude-capabilities{border-radius:0 0 20px 20px}
 body.retro-home .v30-cards .eco-card{padding:18px}
 body.retro-home .eco-grid{gap:28px}
 body.retro-home .v30-cards .card-top>span:first-child{font-size:clamp(10px,3vw,15px)!important}
 body.retro-home .retro-media{aspect-ratio:1.25}
 body.retro-home .alt-insight>.alt-anchor,body.retro-home .v30-insight-premise{text-align:left}
 body.retro-home .alt-people h2{margin-left:0}
}

/* Revision: actual solution tabs and solid editorial buttons. */
body.retro-home main>section.line-glow:before,body.retro-home main>section.line-glow:after,body.retro-home .soft-glow:before,body.retro-home .soft-glow:after,body.retro-home .scroll-glow:before,body.retro-home .scroll-glow:after,body.retro-home .footer.line-glow:before{display:none!important;content:none!important}
body.retro-home main>section.alt-hero{margin:18px var(--retro-gutter) 0;border:1px solid #16151340;border-radius:30px;background:#F5F2E3!important;padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px);overflow:hidden}
body.retro-home .v30-insight-closing{text-align:center}
body.retro-home .v30-insight-closing .alt-statement{display:inline-block;width:auto;max-width:100%;text-align:center;margin-left:auto;margin-right:auto}
body.retro-home .claude-capabilities .chain{background:transparent!important}
body.retro-home .retro-tab-controls{display:flex;align-items:end;gap:6px;margin-top:44px;position:relative;z-index:3}
body.retro-home .retro-tab-controls button{font:500 14px 'IBM Plex Mono',monospace;min-width:136px;padding:16px 28px;border:1px solid #16151370;border-bottom:0;border-radius:18px 18px 0 0;background:#F5F2E3;color:#161513;cursor:pointer;position:relative;top:1px}
body.retro-home .retro-tab-controls button[aria-selected=true]{background:#F5F2E3;padding-top:20px}
body.retro-home .retro-tab-controls button:focus-visible{outline:2px solid #490224;outline-offset:3px}
body.retro-home .retro-tab-panels{display:block}
body.retro-home .retro-tab-panels .eco-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(24px,4vw,64px);row-gap:0;padding:clamp(22px,3vw,44px);margin-top:0;background:#F5F2E3!important;border-radius:0 24px 24px 24px;min-height:0}
body.retro-home .retro-tab-panels .eco-card[hidden]{display:none!important}
body.retro-home .retro-tab-panels .retro-media{grid-column:1;grid-row:1/5;aspect-ratio:1;min-height:100%;margin:0}
body.retro-home .retro-tab-panels .card-top,body.retro-home .retro-tab-panels h3,body.retro-home .retro-tab-panels .eco-card>p,body.retro-home .retro-tab-panels .card-bottom{grid-column:2}
body.retro-home .retro-tab-panels .card-top{align-self:end;min-height:0}
body.retro-home .retro-tab-panels .card-bottom{align-self:end;border:0}
body.retro-home .retro-tab-panels .card-top>span:first-child{font-size:clamp(10px,1.15vw,17px)!important}
body.retro-home .alt-link,body.retro-home .text-link,body.retro-home .retro-card-cta,body.retro-home .v30-dashboard-open{display:inline-flex!important;align-items:center;justify-content:space-between;gap:22px;border:1px solid #161513!important;border-radius:999px!important;background:#F2D989!important;color:#161513!important;padding:7px 8px 7px 20px!important;text-decoration:none;font:500 13px 'IBM Plex Mono',monospace;min-height:46px;box-sizing:border-box}
body.retro-home .alt-hero .alt-link,body.retro-home .v30-axis-card .retro-card-cta{background:#DA6E47!important}
body.retro-home .v30-apex-card .retro-card-cta{background:#ABC5FE!important}
body.retro-home .alt-link>span:last-child,body.retro-home .retro-button-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;background:transparent!important;padding:0}
body.retro-home .retro-button-icon svg{width:17px;height:17px}
body.retro-home .text-link:after{content:'↗';display:inline-flex;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;align-items:center;justify-content:center;position:static;transform:none;background:none}
body.retro-home .v30-dashboard-open>svg{order:2;border:1px solid currentColor;border-radius:50%;width:32px!important;height:32px!important;padding:4px;box-sizing:border-box}
body.retro-home .v30-dashboard-open>span{border:0!important;padding:0!important}
body.retro-home .alt-terminal-button{background:#DA6E47!important;color:#161513!important;border:1px solid #161513!important;border-radius:999px!important}
body.retro-home .alt-terminal-button>span:last-child{border:1px solid currentColor;border-radius:50%;background:transparent;width:42px;height:42px;display:flex;align-items:center;justify-content:center}
@media(max-width:760px){body.retro-home main>section.alt-hero{border-radius:22px;padding-left:22px;padding-right:22px}body.retro-home .retro-tab-panels .eco-card{display:flex;padding:18px;gap:0}body.retro-home .retro-tab-panels .retro-media{min-height:0;aspect-ratio:1.35;margin-bottom:24px}body.retro-home .retro-tab-panels .card-top>span:first-child{font-size:clamp(10px,3vw,16px)!important}body.retro-home .retro-tab-controls button{min-width:112px;padding:14px 22px}body.retro-home .v30-insight-closing .alt-statement{font-size:clamp(19px,5.1vw,30px)!important}}

body.retro-home .nav-actions .pill{background:#161513!important;color:var(--paper)!important;border:1px solid #161513!important;border-radius:999px}
body.retro-home .nav-actions .button-dot{background:transparent!important;border:1px solid currentColor!important;mask:none!important;-webkit-mask:none!important;display:inline-flex;align-items:center;justify-content:center}
body.retro-home .nav-actions .button-dot:before{content:'↗';font:20px Arial,sans-serif;background:none!important;position:static;transform:none}
body.retro-home .nav-actions .button-dot:after{display:none}

/* Hero and quiet, borderless actions. */
body.retro-home main>section.alt-hero{background:#F5F2E3!important}
body.retro-home .alt-hero h1,body.retro-home .alt-hero h1 em,body.retro-home .alt-hero h1 span{color:#490224!important}
body.retro-home :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button,.nav-actions .pill){border:0!important;box-shadow:none!important;animation:none!important;transition:transform .22s ease!important;transform:scale(1)}
body.retro-home :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button,.nav-actions .pill):hover{transform:scale(1.025)!important}
body.retro-home :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button,.nav-actions .pill):active{transform:scale(1.045)!important}
body.retro-home :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button,.nav-actions .pill) :is(span,svg){animation:none!important;transition:none!important;transform:none!important;box-shadow:none!important}
body.retro-home :is(.retro-button-icon,.button-dot,.alt-link>span:last-child,.alt-terminal-button>span:last-child,.v30-dashboard-open>svg){border:0!important;background:transparent!important}
body.retro-home .text-link:after{border:0!important;background:transparent!important}
body.retro-home :is(.alt-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button,.nav-actions .pill):before{display:none!important}
/* Oversized moving letterforms reveal the footage beneath them. */
body.retro-home .retro-tab-panels .eco-card{display:flex;gap:0}
body.retro-home .retro-tab-panels .retro-media{min-height:0;aspect-ratio:3.25;margin-bottom:28px;border-radius:0;isolation:isolate;background:#F5F2E3}
body.retro-home .retro-tab-panels .retro-media .v30-atmosphere:after{opacity:.15}
body.retro-home .retro-tab-panels .retro-media h3{position:absolute!important;inset:0;display:flex;align-items:center;justify-content:center;gap:0;margin:0!important;background:#F5F2E3!important;mix-blend-mode:screen;color:#000!important;font-family:Arial,sans-serif!important;font-weight:900!important;font-size:clamp(90px,19vw,300px)!important;letter-spacing:-.065em!important;line-height:1!important;z-index:2;padding:0!important}
body.retro-home .retro-tab-panels .retro-media h3 span{color:#000!important;font:inherit;letter-spacing:inherit;padding:0!important}
body.retro-home .retro-tab-panels .eco-card>p{max-width:640px}
body.retro-home .retro-tab-panels .card-bottom{width:100%;box-sizing:border-box}
@media(max-width:760px){body.retro-home .retro-tab-panels .retro-media{aspect-ratio:2.8}body.retro-home .retro-tab-panels .retro-media h3{font-size:21vw!important}}
@media(prefers-reduced-motion:reduce){body.retro-home :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button,.nav-actions .pill){transition:none!important}}

/* Explicitly outrank the neutral section rule, including its :not selectors. */
body.retro-home #main>section.hero.alt-hero{background:#F5F2E3!important;background-image:none!important}
body.retro-home #main>section.hero.alt-hero .alt-lead{color:#161513!important}
body.retro-home #main>section.hero.alt-hero :is(.eyebrow,.alt-location,.alt-scroll){color:#8B8178!important}
/* Actual negative space in the button fill, not a transparent circle over solid fill. */
body.retro-home #main :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button),body.retro-home .header .nav-actions .pill{position:relative;isolation:isolate;background:transparent!important;--cutout-fill:#F2D989;--cutout-x:24px}
body.retro-home #main .alt-hero .alt-link,body.retro-home #main .v30-axis-card .retro-card-cta,body.retro-home #main .alt-terminal-button{--cutout-fill:#DA6E47}
body.retro-home #main .v30-apex-card .retro-card-cta{--cutout-fill:#ABC5FE}
body.retro-home .header .nav-actions .pill{--cutout-fill:#161513;color:#161513!important}
body.retro-home #main :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button):before,body.retro-home .header .nav-actions .pill:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit;background:var(--cutout-fill)!important;mask:radial-gradient(circle 17px at calc(100% - var(--cutout-x)) 50%,transparent 98%,#000 100%);-webkit-mask:radial-gradient(circle 17px at calc(100% - var(--cutout-x)) 50%,transparent 98%,#000 100%);transform:none!important;animation:none!important;pointer-events:none}
body.retro-home .header .nav-actions .pill{color:var(--paper)!important}
body.retro-home .header .button-dot{color:#161513!important}
body.retro-home #main .alt-terminal-button{padding:7px 8px 7px 22px!important;--cutout-x:29px}
body.retro-home #main .alt-terminal-button:before{mask:radial-gradient(circle 22px at calc(100% - 29px) 50%,transparent 98%,#000 100%);-webkit-mask:radial-gradient(circle 22px at calc(100% - 29px) 50%,transparent 98%,#000 100%)}
/* The only painted content in the name area is the footage clipped to glyphs. */
body.retro-home #main .retro-tab-panels .retro-media{background:transparent!important;isolation:isolate}
body.retro-home #main .retro-tab-panels .retro-media h3{background:transparent!important;mix-blend-mode:normal!important;font-family:'Nunito',sans-serif!important;font-weight:1000!important;letter-spacing:-.07em!important;color:#161513!important}
body.retro-home #main .retro-tab-panels .retro-media.clip-ready h3{visibility:hidden}
body.retro-home #main .retro-media .v30-atmosphere{visibility:hidden;background:none!important}
body.retro-home #main .retro-media.clip-ready .v30-atmosphere{visibility:visible}
body.retro-home #main .retro-media .v30-atmosphere:before,body.retro-home #main .retro-media .v30-atmosphere:after{content:none!important;display:none!important}
body.retro-home #main .v30-axis-card .retro-media .v30-atmosphere{background: url('/assets/studio-film-poster.7c54e326e578.jpg') center/cover!important}
body.retro-home #main .v30-apex-card .retro-media .v30-atmosphere{background:url('/assets/apex-video-poster.4bed1137c861.jpg') center/cover!important}

/* Final button cleanup: no automatic letter sweeps; only interaction scale. */
body.retro-home #main>section.hero.alt-hero{border:0!important}
body.retro-home #main :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button),body.retro-home .header .nav-actions .pill{font-family:'IBM Plex Mono',monospace!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;word-spacing:normal!important;line-height:1.4!important;animation:none!important}
body.retro-home #main :is(.alt-link,.text-link,.retro-card-cta,.v30-dashboard-open,.alt-terminal-button)>span{font-family:inherit!important;letter-spacing:inherit!important;word-spacing:inherit!important}
body.retro-home #main .text-link:after{display:none!important;content:none!important}
body.retro-home #main .v30-axis-card .retro-media{aspect-ratio:2.1;border-radius:18px;min-height:0;background:transparent!important;margin-bottom:26px}
body.retro-home #main .v30-axis-card .retro-media>.v30-atmosphere{visibility:visible;clip-path:none!important}
body.retro-home #main .retro-tab-panels .v30-axis-card>h3{position:relative!important;inset:auto;visibility:visible;display:block;background:transparent!important;mix-blend-mode:normal;font-family:var(--sans)!important;font-weight:450!important;font-size:clamp(72px,10vw,140px)!important;letter-spacing:-.065em!important;color:#DA6E47!important;line-height:1.05!important;margin:0 0 20px!important}
body.retro-home #main .retro-tab-panels .v30-axis-card>h3 span{font:inherit;letter-spacing:inherit;color:inherit}
@media(max-width:760px){body.retro-home #main .v30-axis-card .retro-media{aspect-ratio:1.35}}

/* Compact reference composition: copy above a shallow cinematic strip. */
body.retro-home{--header-space:104px}
body.retro-home #main{margin-top:calc(-1 * var(--header-space))}
body.retro-home #main>section.hero.alt-hero{background:#ABC5FE!important;margin-top:12px;min-height:0;height:auto;padding-top:calc(var(--header-space) + 24px);padding-bottom:28px;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,4vh,40px)}
body.retro-home #main .alt-hero h1,body.retro-home #main .alt-hero h1 em,body.retro-home #main .alt-hero h1 span{color:#161513!important}
body.retro-home #main .alt-hero h1.business-growth-title{font-size:clamp(60px,min(9vw,12vh),142px);margin:0!important;line-height:1.02}
body.retro-home #main .alt-hero-top{gap:16px;align-items:center}
body.retro-home #main .alt-hero-top .eyebrow{max-width:none;font-size:10px}
body.retro-home #main .alt-hero-top .alt-location{font-size:11px}
body.retro-home #main .alt-hero-bottom{gap:30px;grid-template-columns:.8fr 1.2fr}
body.retro-home #main .alt-hero-bottom .alt-lead{font-size:clamp(17px,1.6vw,23px);line-height:1.35;margin-bottom:16px}
body.retro-home #main .alt-hero .alt-link{--cutout-fill:#490224;color:#F7F6F2!important}
body.retro-home #main .alt-hero .alt-link>span:last-child{color:#161513!important}
body.retro-home #main .retro-tab-panels .eco-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;padding:24px}
body.retro-home #main .retro-tab-panels .card-top{grid-column:1;grid-row:1;margin:0}
body.retro-home #main .retro-tab-panels .eco-card>h3{grid-column:1;grid-row:2/4;position:relative!important;inset:auto;display:block;visibility:visible;font-family:var(--sans)!important;font-weight:450!important;font-size:clamp(60px,7vw,110px)!important;line-height:1!important;letter-spacing:-.065em!important;background:transparent!important;margin:0!important;align-self:start}
body.retro-home #main .retro-tab-panels .v30-apex-card>h3{color:#490224!important}
body.retro-home #main .retro-tab-panels .eco-card>p{grid-column:2;grid-row:1/3;font-size:clamp(15px,1.3vw,19px);line-height:1.4;margin:0;max-width:520px}
body.retro-home #main .retro-tab-panels .card-bottom{grid-column:2;grid-row:3;display:flex;margin:0;padding:0;align-items:center;justify-content:flex-start}
body.retro-home #main .retro-tab-panels .card-bottom>span:first-child{display:none}
body.retro-home #main .retro-tab-panels .retro-media{grid-column:1/-1;grid-row:4;aspect-ratio:auto;height:clamp(150px,30svh,310px);min-height:0;margin:8px 0 0;border-radius:22px;background:transparent!important}
body.retro-home #main .retro-tab-panels .retro-media .v30-atmosphere{visibility:visible;clip-path:none!important}
body.retro-apex-page #main>.v30-apex{display:grid;grid-template-columns:1.2fr .8fr;gap:18px 42px;padding:48px 5vw 32px!important;min-height:0;background:#F5F2E3!important;color:#161513!important;margin:0 3vw;border-radius:28px}
body.retro-apex-page #main>.v30-apex>.eyebrow{grid-column:1;grid-row:1;color:#161513!important;margin:0}
body.retro-apex-page #main>.v30-apex>.v30-hero-name{grid-column:1;grid-row:2;font-size:clamp(45px,6vw,80px);color:#490224!important;line-height:1;margin:0}
body.retro-apex-page #main>.v30-apex>.alt-anchor{grid-column:1;grid-row:3}
body.retro-apex-page #main>.v30-apex h1,body.retro-apex-page #main>.v30-apex h1 em{font-size:clamp(27px,3.2vw,48px);line-height:1.08;color:#161513!important;margin:0}
body.retro-apex-page #main>.v30-apex>.subhero-bottom{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;gap:18px}
body.retro-apex-page #main>.v30-apex .lead{font-size:clamp(16px,1.5vw,21px);color:#161513!important}
body.retro-apex-page .retro-apex-film{grid-column:1/-1;position:relative!important;height:clamp(190px,34svh,370px);border-radius:22px;overflow:hidden;margin-top:10px}
body.retro-apex-page .retro-apex-film>.v30-atmosphere{position:absolute!important;inset:0;width:100%;height:100%}
body.retro-apex-page .retro-apex-film>.v30-atmosphere:after{display:none}
body.retro-apex-page .v30-apex .alt-link{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:0;display:inline-flex;gap:18px;padding:12px 18px;border-radius:999px;background:#490224;color:#F7F6F2;animation:none}
@media(max-width:760px){
body.retro-home{--header-space:82px}
body.retro-home #main>section.hero.alt-hero{gap:20px;padding-top:104px;padding-bottom:24px;margin-top:8px}
body.retro-home #main .alt-hero-top .alt-location{display:none}
body.retro-home #main .alt-hero h1.business-growth-title{font-size:clamp(42px,10.8vw,76px);line-height:1.06}
body.retro-home #main .alt-hero-bottom{display:flex;flex-direction:column;align-items:stretch;gap:18px}
body.retro-home #main .alt-hero-bottom .alt-anchor{margin-left:20px}
body.retro-home #main .alt-hero-bottom .alt-lead{font-size:17px}
body.retro-home #main .alt-scroll{font-size:12px;margin:0}
body.retro-home #main .retro-tab-panels .eco-card{padding:18px;gap:10px;grid-template-columns:1fr}
body.retro-home #main .retro-tab-panels .card-top{grid-row:1;grid-column:1}
body.retro-home #main .retro-tab-panels .eco-card>h3{grid-row:2;grid-column:1;font-size:60px!important}
body.retro-home #main .retro-tab-panels .eco-card>p{grid-row:3;grid-column:1;font-size:15px}
body.retro-home #main .retro-tab-panels .card-bottom{grid-row:4;grid-column:1}
body.retro-home #main .retro-tab-panels .retro-media{grid-row:5;grid-column:1;height:clamp(130px,22svh,190px);border-radius:16px}
body.retro-apex-page #main>.v30-apex{grid-template-columns:1fr;gap:16px;padding:28px 24px!important}
body.retro-apex-page #main>.v30-apex>.subhero-bottom{grid-column:1;grid-row:4}
body.retro-apex-page .retro-apex-film{height:200px}
}

/* Viewport-scale compositions with adjacent description and action. */
body.retro-home #main>section.hero.alt-hero{min-height:calc(94svh - 12px);box-sizing:border-box;padding-bottom:clamp(28px,5vh,60px);gap:clamp(24px,5vh,60px)}
body.retro-home #main .alt-hero h1.business-growth-title{font-size:clamp(64px,min(10.3vw,15svh),164px)}
body.retro-home #main .retro-tab-panels .eco-card{min-height:calc(92svh - 52px);box-sizing:border-box;grid-template-columns:1fr 1fr;grid-template-rows:minmax(260px,1fr) auto auto;gap:12px 36px;padding:24px;align-content:stretch}
body.retro-home #main .retro-tab-panels .retro-media{grid-row:1;grid-column:1/-1;height:100%;min-height:260px;aspect-ratio:auto;margin:0 0 12px;border-radius:22px}
body.retro-home #main .retro-tab-panels .card-top{grid-row:2;grid-column:1;align-self:end;margin:12px 0 0}
body.retro-home #main .retro-tab-panels .eco-card>h3{grid-row:3;grid-column:1;align-self:start}
body.retro-home #main .retro-tab-panels .retro-card-copy{grid-row:2/4;grid-column:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding-top:12px}
body.retro-home #main .retro-card-copy>p{font-size:clamp(16px,1.45vw,21px);line-height:1.45;margin:0!important;max-width:520px}
body.retro-home #main .retro-card-copy .card-bottom{display:flex;align-items:center;justify-content:flex-start;width:auto;padding:0!important;margin:0!important;min-height:0;gap:0}
body.retro-home #main .retro-card-copy .retro-card-cta{margin:0!important;align-self:flex-start}
/* Remove the legacy grid and dark wash from the card itself, not just the footage. */
body.retro-home #main .retro-tab-panels .eco-card:before,body.retro-home #main .retro-tab-panels .eco-card:after,body.retro-home #main .retro-media .v30-atmosphere:before,body.retro-home #main .retro-media .v30-atmosphere:after{content:none!important;display:none!important;background:none!important;animation:none!important}
body.retro-home #main .v30-apex-card .v30-apex-video{filter:none!important;opacity:1!important;mix-blend-mode:normal}
body.retro-apex-page #main>.v30-apex{min-height:90svh;box-sizing:border-box}
@media(max-width:760px){
body.retro-home #main>section.hero.alt-hero{min-height:calc(94svh - 8px);padding-bottom:28px;gap:24px}
body.retro-home #main .alt-hero h1.business-growth-title{font-size:clamp(42px,11vw,76px)}
body.retro-home #main .retro-tab-panels .eco-card{min-height:calc(92svh - 48px);grid-template-columns:1fr;grid-template-rows:minmax(180px,1fr) auto auto auto;padding:18px;gap:12px}
body.retro-home #main .retro-tab-panels .retro-media{grid-column:1;grid-row:1;min-height:180px;height:100%;margin:0 0 8px;border-radius:16px}
body.retro-home #main .retro-tab-panels .card-top{grid-column:1;grid-row:2;margin:0}
body.retro-home #main .retro-tab-panels .eco-card>h3{grid-column:1;grid-row:3}
body.retro-home #main .retro-tab-panels .retro-card-copy{grid-column:1;grid-row:4;padding:0;gap:12px}
body.retro-home #main .retro-card-copy>p{font-size:16px}
}

/* Card actions share the description's left edge. */
body.retro-home #main .retro-tab-panels .retro-card-copy{align-items:flex-start!important;text-align:left!important}
body.retro-home #main .retro-tab-panels .retro-card-copy>p{width:100%;text-align:left!important;margin-left:0!important;margin-right:0!important}
body.retro-home #main .retro-tab-panels .retro-card-copy .card-bottom{display:flex!important;align-self:flex-start!important;justify-content:flex-start!important;align-items:center!important;position:relative!important;inset:auto!important;width:100%!important;text-align:left!important;margin:0!important;padding:0!important}
body.retro-home #main .retro-tab-panels .retro-card-copy .retro-card-cta{margin-left:0!important;margin-right:auto!important;align-self:flex-start!important;flex:0 0 auto}

/* Open editorial Hero: Paper ground, no card, one aligned reading column. */
body.retro-home #main>section.hero.alt-hero{background:#F5F2E3!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;min-height:92svh;height:auto;box-sizing:border-box;padding:calc(var(--header-space) + 24px) clamp(30px,8vw,128px) 34px;gap:clamp(22px,4svh,42px);justify-content:center;overflow:visible}
body.retro-home #main .alt-hero h1.business-growth-title{margin:0!important;max-width:1100px;font-size:clamp(64px,min(10.3vw,14svh),158px);line-height:1.02;text-align:left}
body.retro-home #main .alt-hero h1,body.retro-home #main .alt-hero h1>.business-growth-first{color:#161513!important}
body.retro-home #main .alt-hero h1 em.retro-growth,body.retro-home #main .alt-hero h1 em.retro-growth span{color:#490224!important}
body.retro-home #main .alt-hero-top{width:100%;margin:0;align-items:center}
body.retro-home #main .alt-hero-top .eyebrow{color:#8B8178!important}
body.retro-home #main .alt-hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:22px;width:100%;margin:0}
body.retro-home #main .alt-hero-bottom>.alt-anchor{order:0;margin:0;width:100%;max-width:650px;position:relative}
body.retro-home #main .alt-hero-bottom .alt-lead{font-size:clamp(18px,1.65vw,25px);line-height:1.4;margin:0 0 20px!important;color:#161513!important}
body.retro-home #main .alt-hero-bottom .alt-link{margin:0!important;--cutout-fill:#490224;color:#F7F6F2!important;align-self:flex-start}
body.retro-home #main .alt-hero-bottom>.alt-scroll{order:1;margin:0;align-self:flex-end;font-size:12px;color:#8B8178!important}
@media(max-width:760px){
body.retro-home #main>section.hero.alt-hero{padding:calc(var(--header-space) + 20px) 28px 28px;min-height:92svh;gap:24px;justify-content:center}
body.retro-home #main .alt-hero h1.business-growth-title{font-size:clamp(40px,11.1vw,78px);line-height:1.08}
body.retro-home #main .alt-hero-bottom>.alt-anchor{margin-left:18px;width:calc(100% - 18px)}
body.retro-home #main .alt-hero-bottom .alt-lead{font-size:18px;line-height:1.4;margin-bottom:18px!important}
body.retro-home #main .alt-hero-bottom>.alt-scroll{align-self:flex-start;margin-left:18px}
}

body.retro-home #main>section.hero.alt-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(28px,5vw,80px);row-gap:24px;align-content:center;min-height:92svh}
body.retro-home #main .alt-hero-top{grid-column:1/-1;grid-row:1}
body.retro-home #main .alt-hero-top .eyebrow{font-size:clamp(12px,1.1vw,16px);letter-spacing:.07em}
body.retro-home #main .alt-hero h1.business-growth-title{grid-column:1;grid-row:2;font-size:clamp(46px,6vw,100px);align-self:end}
body.retro-home #main .alt-hero-bottom{grid-column:1;grid-row:3;align-self:start}
body.retro-home #main .alt-hero-bottom .alt-lead{font-size:clamp(17px,1.4vw,22px)}
body.retro-home #main .retro-hero-film{grid-column:2;grid-row:2/4;aspect-ratio:1;max-height:64svh;border-radius:28px;overflow:hidden;align-self:center;width:100%}
.retro-hero-video{display:block;width:100%;height:100%;object-fit:cover}
body.retro-home #main .word-swap{display:inline-flex;align-items:baseline;gap:.14em;white-space:nowrap}
.word-swap>span{display:inline-block;will-change:transform}
body.retro-home #main .word-swap>span:last-child{margin-left:-.14em}
body.retro-home .statement-reveal{display:inline-block;opacity:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.22,.7,.2,1),opacity .25s}
body.retro-home .alt-statement.alt-lit .statement-reveal,body.retro-home .alt-statement.on .statement-reveal{opacity:1;clip-path:inset(0 0 0 0)}
body.retro-home #main .v30-film-kicker{font-family:'IBM Plex Mono',monospace!important}
body.retro-home #main .alt-people h2{margin-left:0!important;margin-right:auto!important;text-align:left!important}
body.retro-home #main .retro-tab-controls button{border:0!important;background:#E4DCEC;color:#161513;min-width:0;white-space:normal}
body.retro-home #main .retro-tab-controls button[aria-selected=true]{background:#F5F2E3}
body.retro-home #main .retro-tab-panels .eco-card{border:0!important}
body.retro-home #main .retro-tab-panels .eco-card>h3{grid-row:2/4;align-self:center}
body.retro-apex-page{--header-space:104px}
body.retro-apex-page #main{margin-top:calc(-1 * var(--header-space))}
body.retro-apex-page #main>.v30-apex{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;min-height:94svh;margin:10px 3vw 0;padding:calc(var(--header-space) + 35px) 6vw 48px!important;background:#161513!important;position:relative;isolation:isolate;border-radius:28px;overflow:hidden;color:#F7F6F2!important}
body.retro-apex-page #main>.v30-apex>.v30-video-atmosphere{position:absolute!important;inset:0!important;width:100%;height:100%;z-index:0!important}
body.retro-apex-page #main>.v30-apex>.v30-video-atmosphere:after{display:block!important;content:'';background:linear-gradient(90deg,rgba(22,21,19,.75),rgba(22,21,19,.1))!important}
body.retro-apex-page #main>.v30-apex>.eyebrow,body.retro-apex-page #main>.v30-apex h1,body.retro-apex-page #main>.v30-apex h1 em,body.retro-apex-page #main>.v30-apex .lead{color:#F7F6F2!important}
body.retro-apex-page #main>.v30-apex>.v30-hero-name{font-size:clamp(70px,10vw,150px);color:#ABC5FE!important;line-height:1}
body.retro-apex-page #main>.v30-apex>.alt-anchor{max-width:780px}
body.retro-apex-page #main>.v30-apex h1,body.retro-apex-page #main>.v30-apex h1 em{font-size:clamp(30px,3.6vw,56px)}
body.retro-apex-page #main>.v30-apex>.subhero-bottom{display:flex;align-items:flex-start;gap:18px;max-width:620px;width:100%}
body.retro-apex-page #main>.v30-apex .alt-link{display:inline-flex!important;align-items:center;justify-content:space-between;gap:18px;width:fit-content!important;max-width:100%;font:500 13px/1.4 'IBM Plex Mono',monospace!important;letter-spacing:0!important;padding:7px 8px 7px 20px!important;background:transparent!important;color:#161513!important;border:0!important;border-radius:999px;min-height:44px;animation:none!important}
body.retro-apex-page #main>.v30-apex .alt-link>span{font:inherit!important;animation:none!important}
body.retro-apex-page #main>.v30-apex .alt-link>span:last-child{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:0}
body.retro-apex-page #main>.v30-apex .alt-link:after{display:none}
@media(max-width:760px){
body.retro-home #main>section.hero.alt-hero{display:flex;align-items:stretch;gap:24px;padding-top:110px}
body.retro-home #main .alt-hero h1.business-growth-title{font-size:clamp(42px,10.5vw,78px);align-self:stretch}
body.retro-home #main .retro-hero-film{aspect-ratio:1.35;max-height:none;border-radius:22px}
body.retro-home #main .retro-tab-controls{gap:4px}
body.retro-home #main .retro-tab-controls button{flex:1;font-size:10px;padding:14px 12px}
body.retro-home #main .retro-tab-panels .eco-card>h3{grid-row:3;align-self:start}
body.retro-apex-page{--header-space:82px}
body.retro-apex-page #main>.v30-apex{padding:110px 28px 40px!important;min-height:94svh;gap:18px}
}
@media(prefers-reduced-motion:reduce){body.retro-home .statement-reveal{transition:none;opacity:1;clip-path:none}}

body.retro-home #main>section.hero.alt-hero{grid-template-rows:auto auto auto;align-content:center;gap:24px clamp(28px,5vw,80px)}
body.retro-home #main .retro-hero-copy{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(30px,6vh,70px);align-self:stretch;z-index:4!important}
body.retro-home #main .retro-hero-copy h1{align-self:auto;margin:0!important}
body.retro-home #main .retro-hero-copy .alt-hero-bottom{margin:0;display:block}
body.retro-home #main .retro-hero-film{grid-column:2;grid-row:2;height:100%;min-height:380px;max-height:none;aspect-ratio:auto;align-self:stretch;z-index:0!important}
body.retro-home #main .hero.alt-hero>.continuous-rail{z-index:3!important}
body.retro-home #main .hero.alt-hero>.alt-scroll{grid-column:2;grid-row:3;justify-self:start;align-self:start;font-size:12px;margin:0;color:#8B8178}
body.retro-home #main .alt-hero-top{z-index:4!important}
.swap-mejor{display:inline-flex;letter-spacing:0}
.swap-glyph{display:inline-block}
body.retro-home #main .retro-tab-controls{gap:0;align-items:stretch;margin-bottom:0}
body.retro-home #main .retro-tab-controls button{font-family:var(--sans)!important;font-weight:500;font-size:clamp(12px,1.2vw,17px);top:0;padding:16px 24px!important;line-height:1.25;border-radius:18px 18px 0 0}
body.retro-home #main .retro-tab-panels .eco-card{border-radius:0 0 24px 24px}
body.retro-home #main .retro-tab-panels .eco-card>h3{font-size:var(--solution-name-size,110px)!important;line-height:.9!important;align-self:center}
body.retro-home #main .retro-tab-panels .retro-card-copy{align-items:flex-start!important;justify-content:center;gap:16px}
body.retro-home #main .retro-tab-panels .retro-card-copy .card-bottom{width:auto!important;display:block!important;align-self:flex-start!important;margin:0!important;padding:0!important}
body.retro-home #main .retro-card-cta{width:fit-content!important;display:inline-flex!important;justify-content:flex-start!important}
@media(max-width:760px){
body.retro-home #main .retro-hero-copy{display:flex;gap:26px}
body.retro-home #main .retro-hero-film{min-height:0;height:auto;aspect-ratio:1.25}
body.retro-home #main .hero.alt-hero>.alt-scroll{align-self:flex-start;margin:0;order:5}
body.retro-home #main .alt-insight>.alt-anchor,body.retro-home #main .v30-insight-premise,body.retro-home #main .v30-insight-scenarios>p,body.retro-home #main .v30-insight-closing{text-align:center!important;margin-left:auto;margin-right:auto}
body.retro-home #main .v30-insight-scenarios{justify-items:center}
body.retro-home #main .retro-tab-controls button{flex:1;font-size:12px;padding:14px 10px!important;display:flex;align-items:center;justify-content:center}
body.retro-home #main .retro-tab-panels .eco-card>h3{font-size:clamp(68px,20vw,100px)!important}
}

body.retro-home .header .button-dot.whatsapp-icon:before,body.retro-apex-page .header .button-dot.whatsapp-icon:before{display:none!important} .button-dot.whatsapp-icon svg{width:21px;height:21px;flex:none}

/* One consistent left-aligned text column opposite the film. */
body.retro-home #main>section.hero.alt-hero{grid-template-rows:auto auto;column-gap:clamp(32px,5vw,80px);row-gap:28px}
body.retro-home #main .retro-hero-copy{text-align:left!important;align-items:flex-start;justify-content:space-between;gap:28px}
body.retro-home #main .retro-hero-copy h1.business-growth-title{width:100%;text-align:left!important;margin:0!important;align-self:stretch}
body.retro-home #main .retro-hero-copy h1 .business-growth-first,body.retro-home #main .retro-hero-copy h1 .retro-growth{text-align:left!important;margin-left:0!important;justify-content:flex-start}
body.retro-home #main .retro-hero-copy .alt-hero-bottom{width:100%;text-align:left!important;margin:0!important;align-self:stretch}
body.retro-home #main .retro-hero-copy .alt-hero-bottom>.alt-anchor{margin-left:0!important;width:100%}
body.retro-home #main .retro-hero-copy>.alt-scroll{align-self:flex-start!important;text-align:left!important;margin:0!important;display:inline-flex;align-items:center;gap:20px;font-size:12px;color:#8B8178;order:initial}
body.retro-home #main .alt-hero-top .eyebrow,body.retro-home #main .alt-hero-top .alt-location{font-family:'IBM Plex Mono',monospace!important;font-size:clamp(10px,1vw,13px)!important;font-weight:400;line-height:1.5;letter-spacing:.065em;text-transform:uppercase;margin:0;color:#8B8178!important}
body.retro-home #main .alt-hero-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);align-items:baseline}
body.retro-home #main .alt-hero-top .alt-location{text-align:left}
@media(max-width:760px){
body.retro-home #main .alt-hero-top{display:flex;flex-wrap:wrap;gap:8px 20px}
body.retro-home #main .alt-hero-top .alt-location{display:block}
body.retro-home #main .retro-hero-copy{gap:24px}
body.retro-home #main .retro-hero-copy .alt-hero-bottom>.alt-anchor{margin-left:0!important;width:100%}
}

/* More breathing room beneath the eyebrow row; aligned copy and smaller film. */
body.retro-home #main>section.hero.alt-hero{row-gap:clamp(44px,6svh,68px);grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr)}
body.retro-home #main .alt-hero-top{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr)}
body.retro-home #main .retro-hero-film{min-height:340px;height:clamp(340px,50svh,520px);align-self:start}
body.retro-home #main .retro-hero-copy{align-self:stretch;justify-content:space-between;min-height:340px}
body.retro-home #main .retro-hero-copy h1.business-growth-title{align-self:stretch;margin-top:0!important}
@media(max-width:760px){
body.retro-home #main>section.hero.alt-hero{gap:32px}
body.retro-home #main .retro-hero-copy{min-height:0;gap:24px}
body.retro-home #main .retro-hero-film{min-height:0;height:auto;aspect-ratio:1.35;align-self:stretch}
}

/* Home film Hero: inset card starts behind the shared floating navigation. */
body.retro-home #main>section.hero.alt-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;margin:12px var(--retro-gutter) 0!important;border-radius:28px!important;border:0!important;background:#161513!important;min-height:calc(94svh - 12px);padding:calc(var(--header-space) + 28px) clamp(28px,5vw,80px) 40px;gap:clamp(32px,5svh,56px);box-sizing:border-box}
body.retro-home #main .hero.alt-hero>.retro-hero-film{position:absolute!important;inset:0!important;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border-radius:inherit;margin:0;z-index:0!important;pointer-events:none}
body.retro-home #main .hero.alt-hero>.retro-hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,21,19,.76) 0%,rgba(22,21,19,.54) 48%,rgba(22,21,19,.17) 100%);pointer-events:none}
body.retro-home #main .hero.alt-hero .retro-hero-video{width:100%;height:100%;object-fit:cover;object-position:center 52%}
body.retro-home #main .hero.alt-hero>.alt-hero-top{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:4!important;width:100%}
body.retro-home #main .hero.alt-hero>.alt-hero-top :is(.eyebrow,.alt-location){color:#F7F6F2!important}
body.retro-home #main .hero.alt-hero>.retro-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:clamp(24px,4svh,46px);position:relative;z-index:4!important;width:100%;min-height:0;flex:1}
body.retro-home #main .hero.alt-hero h1.business-growth-title{font-size:clamp(58px,min(10vw,14svh),152px);line-height:1.03;max-width:1100px;margin:0!important}
body.retro-home #main .hero.alt-hero h1,body.retro-home #main .hero.alt-hero h1 span,body.retro-home #main .hero.alt-hero h1 em.retro-growth,body.retro-home #main .hero.alt-hero h1 em.retro-growth span{color:#F7F6F2!important}
body.retro-home #main .hero.alt-hero .alt-hero-bottom{max-width:650px;width:100%}
body.retro-home #main .hero.alt-hero .alt-hero-bottom .alt-lead{color:#F7F6F2!important;font-size:clamp(18px,1.65vw,24px);line-height:1.4}
body.retro-home #main .hero.alt-hero .alt-link{--cutout-fill:#F2D989;color:#161513!important}
body.retro-home #main .hero.alt-hero .alt-link>span:last-child{color:#F7F6F2!important}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-scroll{color:#F7F6F2!important}
body.retro-home #main .hero.alt-hero>.continuous-rail{z-index:3!important}
@media(max-width:760px){
body.retro-home #main>section.hero.alt-hero{margin:8px var(--retro-gutter) 0!important;border-radius:22px!important;padding:calc(var(--header-space) + 24px) 26px 28px;min-height:calc(94svh - 8px);gap:28px}
body.retro-home #main .hero.alt-hero>.alt-hero-top{flex-wrap:wrap;gap:8px}
body.retro-home #main .hero.alt-hero h1.business-growth-title{font-size:clamp(39px,10.1vw,76px);line-height:1.08}
body.retro-home #main .hero.alt-hero>.retro-hero-copy{gap:28px}
body.retro-home #main .hero.alt-hero .alt-hero-bottom .alt-lead{font-size:18px}
body.retro-home #main .hero.alt-hero>.retro-hero-film:after{background:linear-gradient(90deg,rgba(22,21,19,.72),rgba(22,21,19,.38))}
}

/* Hero supporting copy returns to the right column as one anchored group. */
@media(min-width:761px){
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom{align-self:flex-end!important;width:48%;max-width:620px;margin-left:auto!important;margin-right:0!important}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom>.alt-anchor{width:100%;max-width:none;margin:0!important;text-align:left}
}

/* Preserve the previous mobile composition; reserve only horizontal room for the node. */
@media(max-width:760px){
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom>.alt-anchor{width:calc(100% - 34px)!important;margin-left:34px!important;margin-right:0!important}
}
body:is(.retro-home,.retro-apex-page) a[href*="wa.me"] svg[data-brand-icon="whatsapp"],body:is(.retro-home,.retro-apex-page) a[href*="wa.me"] svg[data-brand-icon="whatsapp"] path{fill:currentColor!important;stroke:none!important;transform:none!important}

/* Air around the WhatsApp brand mark, including the header action. */
body:is(.retro-home,.retro-apex-page) a[href*="wa.me"] svg[data-brand-icon="whatsapp"]{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;display:block;margin:auto!important}
/* Both solutions are visible: panoramic media and open editorial typography. */
body.retro-home #main .retro-editorial-solutions{display:flex!important;flex-direction:column;gap:clamp(48px,7vw,96px);margin-top:clamp(32px,4vw,56px);border:0;background:none}
body.retro-home #main .retro-editorial-solutions .eco-card{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:0!important;height:auto;padding:0!important;gap:24px 48px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
body.retro-home #main .retro-editorial-solutions .retro-solution-label{grid-column:1/-1;grid-row:1;font-family:var(--sans);font-size:clamp(16px,1.5vw,21px);font-weight:500;margin:0!important;color:#161513;max-width:none}
body.retro-home #main .retro-editorial-solutions .retro-media{grid-row:2;grid-column:1/-1;height:clamp(210px,32svh,380px)!important;min-height:0!important;margin:0!important;aspect-ratio:auto;border-radius:24px;overflow:hidden}
body.retro-home #main .retro-editorial-solutions .eco-card>h3{grid-row:3;grid-column:1;align-self:center;font-size:clamp(76px,11vw,160px)!important;margin:0!important}
body.retro-home #main .retro-editorial-solutions .retro-card-copy{grid-row:3;grid-column:2;padding:0;gap:18px;max-width:480px}
body.retro-home #main .retro-editorial-solutions .v30-apex-card>h3{grid-column:2;justify-self:end}
body.retro-home #main .retro-editorial-solutions .v30-apex-card>.retro-card-copy{grid-column:1}
body.retro-home #main .retro-editorial-solutions .retro-card-copy>p{font-size:clamp(17px,1.5vw,21px);line-height:1.45}
@media(max-width:760px){
body.retro-home #main .hero.alt-hero>.alt-hero-top{display:flex!important;flex-direction:column;align-items:flex-start;gap:14px!important}
body.retro-home #main .hero.alt-hero>.alt-hero-top .alt-location{opacity:.72}
body.retro-home #main .retro-editorial-solutions .eco-card{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:18px}
body.retro-home #main .retro-editorial-solutions .retro-media{height:clamp(180px,27svh,260px)!important;border-radius:18px}
body.retro-home #main .retro-editorial-solutions .eco-card>h3{grid-column:1;grid-row:3;justify-self:start;font-size:clamp(72px,23vw,110px)!important}
body.retro-home #main .retro-editorial-solutions .eco-card>.retro-card-copy{grid-column:1;grid-row:4;gap:16px}
body.retro-home #main .retro-editorial-solutions .retro-solution-label{font-size:16px}
}

/* Restore folder tabs with a continuous ink outline and Paper surface. */
body.retro-home #main .hero.alt-hero .alt-scroll>span{color:#F7F6F2!important}
body.retro-home #main .retro-tab-controls{gap:0;position:relative;z-index:2;margin-bottom:-1px}
body.retro-home #main .retro-tab-controls button{border:1px solid #161513!important;border-radius:18px 18px 0 0!important;background:#F5F2E3!important;color:#161513!important;box-shadow:none!important;top:0}
body.retro-home #main .retro-tab-controls button+button{margin-left:-1px}
body.retro-home #main .retro-tab-controls button[aria-selected="true"]{border-bottom-color:#F5F2E3!important;position:relative;z-index:2}
body.retro-home #main .retro-tab-controls button[aria-selected="false"]{color:#8B8178!important}
body.retro-home #main .retro-tab-panels .eco-card{border:1px solid #161513!important;background:#F5F2E3!important;border-radius:0 0 24px 24px!important;box-shadow:none!important}
body.retro-home #main .retro-tab-panels .eco-card[hidden]{display:none!important}

/* APEX: full-height film card, with the editorial content over the footage. */
body.retro-home #main .retro-tab-panels #panel-apex{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px;min-height:calc(92svh - 52px);padding:clamp(28px,5vw,72px)!important;color:#F7F6F2!important}
body.retro-home #main .retro-tab-panels #panel-apex[hidden]{display:none!important}
body.retro-home #main .retro-tab-panels #panel-apex>.retro-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;z-index:0!important;pointer-events:none}
body.retro-home #main #panel-apex .v30-apex-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.retro-home #main .retro-tab-panels #panel-apex>.retro-apex-card-shade{position:absolute!important;inset:0;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,rgba(22,21,19,.73),rgba(22,21,19,.10)),linear-gradient(0deg,rgba(22,21,19,.3),transparent 75%)}
body.retro-home #main .retro-tab-panels #panel-apex>h3{position:relative!important;z-index:2;align-self:flex-start;font-size:clamp(88px,12vw,180px)!important;line-height:.95!important;color:#ABC5FE!important;margin:0!important}
body.retro-home #main .retro-tab-panels #panel-apex>h3 span{color:inherit!important}
body.retro-home #main .retro-tab-panels #panel-apex>.retro-card-copy{position:relative;z-index:2;width:100%;max-width:560px;gap:24px;padding:0}
body.retro-home #main .retro-tab-panels #panel-apex .retro-card-copy>p{color:#F7F6F2!important;font-size:clamp(19px,2vw,27px);line-height:1.4}
body.retro-home #main #panel-apex .retro-card-cta{--cutout-fill:#ABC5FE;color:#161513!important}
body.retro-home #main #panel-apex .retro-card-cta .retro-button-icon{color:#F7F6F2!important}
@media(max-width:760px){
body.retro-home #main .retro-tab-panels #panel-apex{min-height:calc(86svh - 48px);padding:32px 24px!important;gap:26px}
body.retro-home #main .retro-tab-panels #panel-apex>h3{font-size:clamp(72px,21vw,115px)!important}
body.retro-home #main .retro-tab-panels #panel-apex .retro-card-copy>p{font-size:20px}
}

/* Keep the film inset within the folder, with the original card gutters. */
body.retro-home #main .retro-tab-panels #panel-apex{--apex-film-inset:24px;min-height:calc(96svh - 52px);padding:clamp(52px,6vw,88px)!important;background:#F5F2E3!important}
body.retro-home #main .retro-tab-panels #panel-apex>.retro-media{inset:var(--apex-film-inset)!important;width:calc(100% - 2 * var(--apex-film-inset))!important;height:calc(100% - 2 * var(--apex-film-inset))!important;border-radius:22px!important;overflow:hidden}
body.retro-home #main .retro-tab-panels #panel-apex>.retro-apex-card-shade{inset:var(--apex-film-inset)!important;border-radius:22px}
@media(max-width:760px){
body.retro-home #main .retro-tab-panels #panel-apex{--apex-film-inset:18px;min-height:calc(92svh - 48px);padding:48px 36px!important}
body.retro-home #main .retro-tab-panels #panel-apex>.retro-media,body.retro-home #main .retro-tab-panels #panel-apex>.retro-apex-card-shade{border-radius:16px!important}
}

/* APEX stays comfortably within one viewport while allowing text to grow. */
body.retro-home #main .retro-tab-panels #panel-apex{min-height:78svh;height:auto}
@media(max-width:760px){body.retro-home #main .retro-tab-panels #panel-apex{min-height:78svh;height:auto}}

/* AXIS shares the inset cinematic layout, retaining its terracotta identity. */
/* APEX: full-height film card, with the editorial content over the footage. */
body.retro-home #main .retro-tab-panels #panel-axis{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px;min-height:calc(92svh - 52px);padding:clamp(28px,5vw,72px)!important;color:#F7F6F2!important}
body.retro-home #main .retro-tab-panels #panel-axis[hidden]{display:none!important}
body.retro-home #main .retro-tab-panels #panel-axis>.retro-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;z-index:0!important;pointer-events:none}
body.retro-home #main #panel-axis .v30-axis-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.retro-home #main .retro-tab-panels #panel-axis>.retro-apex-card-shade{position:absolute!important;inset:0;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,rgba(22,21,19,.73),rgba(22,21,19,.10)),linear-gradient(0deg,rgba(22,21,19,.3),transparent 75%)}
body.retro-home #main .retro-tab-panels #panel-axis>h3{position:relative!important;z-index:2;align-self:flex-start;font-size:clamp(88px,12vw,180px)!important;line-height:.95!important;color:#DA6E47!important;margin:0!important}
body.retro-home #main .retro-tab-panels #panel-axis>h3 span{color:inherit!important}
body.retro-home #main .retro-tab-panels #panel-axis>.retro-card-copy{position:relative;z-index:2;width:100%;max-width:560px;gap:24px;padding:0}
body.retro-home #main .retro-tab-panels #panel-axis .retro-card-copy>p{color:#F7F6F2!important;font-size:clamp(19px,2vw,27px);line-height:1.4}
body.retro-home #main #panel-axis .retro-card-cta{--cutout-fill:#DA6E47;color:#161513!important}
body.retro-home #main #panel-axis .retro-card-cta .retro-button-icon{color:#F7F6F2!important}
@media(max-width:760px){
body.retro-home #main .retro-tab-panels #panel-axis{min-height:calc(86svh - 48px);padding:32px 24px!important;gap:26px}
body.retro-home #main .retro-tab-panels #panel-axis>h3{font-size:clamp(72px,21vw,115px)!important}
body.retro-home #main .retro-tab-panels #panel-axis .retro-card-copy>p{font-size:20px}
}

/* Keep the film inset within the folder, with the original card gutters. */
body.retro-home #main .retro-tab-panels #panel-axis{--apex-film-inset:24px;min-height:calc(96svh - 52px);padding:clamp(52px,6vw,88px)!important;background:#F5F2E3!important}
body.retro-home #main .retro-tab-panels #panel-axis>.retro-media{inset:var(--apex-film-inset)!important;width:calc(100% - 2 * var(--apex-film-inset))!important;height:calc(100% - 2 * var(--apex-film-inset))!important;border-radius:22px!important;overflow:hidden}
body.retro-home #main .retro-tab-panels #panel-axis>.retro-apex-card-shade{inset:var(--apex-film-inset)!important;border-radius:22px}
@media(max-width:760px){
body.retro-home #main .retro-tab-panels #panel-axis{--apex-film-inset:18px;min-height:calc(92svh - 48px);padding:48px 36px!important}
body.retro-home #main .retro-tab-panels #panel-axis>.retro-media,body.retro-home #main .retro-tab-panels #panel-axis>.retro-apex-card-shade{border-radius:16px!important}
}

/* APEX stays comfortably within one viewport while allowing text to grow. */
body.retro-home #main .retro-tab-panels #panel-axis{min-height:78svh;height:auto}
@media(max-width:760px){body.retro-home #main .retro-tab-panels #panel-axis{min-height:78svh;height:auto}}

body.retro-home #main .v30-axis-card .retro-media .v30-atmosphere{background:url('/assets/axis-film-poster.bff3d8f22f87.jpg') center/cover!important}

/* AXIS cinematic hero shares the APEX layout with its own footage and accent. */
body.retro-axis-page #main>.v30-axis{display:grid;grid-template-columns:1.2fr .8fr;gap:18px 42px;padding:48px 5vw 32px!important;min-height:0;background:#F5F2E3!important;color:#161513!important;margin:0 3vw;border-radius:28px}
body.retro-axis-page #main>.v30-axis>.eyebrow{grid-column:1;grid-row:1;color:#161513!important;margin:0}
body.retro-axis-page #main>.v30-axis>.v30-hero-name{grid-column:1;grid-row:2;font-size:clamp(45px,6vw,80px);color:#490224!important;line-height:1;margin:0}
body.retro-axis-page #main>.v30-axis>.alt-anchor{grid-column:1;grid-row:3}
body.retro-axis-page #main>.v30-axis h1,body.retro-axis-page #main>.v30-axis h1 em{font-size:clamp(27px,3.2vw,48px);line-height:1.08;color:#161513!important;margin:0}
body.retro-axis-page #main>.v30-axis>.subhero-bottom{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;gap:18px}
body.retro-axis-page #main>.v30-axis .lead{font-size:clamp(16px,1.5vw,21px);color:#161513!important}
body.retro-axis-page .v30-axis .alt-link{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:0;display:inline-flex;gap:18px;padding:12px 18px;border-radius:999px;background:#490224;color:#F7F6F2;animation:none}
body.retro-axis-page #main>.v30-axis{min-height:90svh;box-sizing:border-box}
body.retro-axis-page #main>.v30-axis{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;min-height:94svh;margin:10px 3vw 0;padding:calc(var(--header-space) + 35px) 6vw 48px!important;background:#161513!important;position:relative;isolation:isolate;border-radius:28px;overflow:hidden;color:#F7F6F2!important}
body.retro-axis-page #main>.v30-axis>.v30-video-atmosphere{position:absolute!important;inset:0!important;width:100%;height:100%;z-index:0!important}
body.retro-axis-page #main>.v30-axis>.v30-video-atmosphere:after{display:block!important;content:'';background:linear-gradient(90deg,rgba(22,21,19,.75),rgba(22,21,19,.1))!important}
body.retro-axis-page #main>.v30-axis>.eyebrow,body.retro-axis-page #main>.v30-axis h1,body.retro-axis-page #main>.v30-axis h1 em,body.retro-axis-page #main>.v30-axis .lead{color:#F7F6F2!important}
body.retro-axis-page #main>.v30-axis>.v30-hero-name{font-size:clamp(70px,10vw,150px);color:#DA6E47!important;line-height:1}
body.retro-axis-page #main>.v30-axis>.alt-anchor{max-width:780px}
body.retro-axis-page #main>.v30-axis h1,body.retro-axis-page #main>.v30-axis h1 em{font-size:clamp(30px,3.6vw,56px)}
body.retro-axis-page #main>.v30-axis>.subhero-bottom{display:flex;align-items:flex-start;gap:18px;max-width:620px;width:100%}
body.retro-axis-page #main>.v30-axis .alt-link{display:inline-flex!important;align-items:center;justify-content:space-between;gap:18px;width:fit-content!important;max-width:100%;font:500 13px/1.4 'IBM Plex Mono',monospace!important;letter-spacing:0!important;padding:7px 8px 7px 20px!important;background:transparent!important;color:#161513!important;border:0!important;border-radius:999px;min-height:44px;animation:none!important}
body.retro-axis-page #main>.v30-axis .alt-link>span{font:inherit!important;animation:none!important}
body.retro-axis-page #main>.v30-axis .alt-link>span:last-child{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:0}
body.retro-axis-page #main>.v30-axis .alt-link:after{display:none}
body.retro-axis-page #main>.v30-axis>.v30-video-atmosphere{background:url('/assets/axis-film-poster.bff3d8f22f87.jpg') center/cover!important}
body.retro-axis-page #main>.v30-axis .v30-axis-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){
body.retro-axis-page #main>.v30-axis{padding:110px 28px 40px!important;min-height:94svh;gap:18px}
}

/* Shared Home solution component on the solutions index. */
body.retro-solutions-page .retro-tab{font-family:'IBM Plex Mono',monospace}
body.retro-solutions-page .v30-cards .eco-card{display:flex;flex-direction:column;overflow:visible!important;isolation:isolate;padding:24px;border:1px solid #16151370;border-radius:0 24px 24px 24px;background:#F5F2E3!important;color:#161513!important;min-height:0;margin-top:40px}
body.retro-solutions-page .v30-cards .retro-tab{position:absolute!important;top:-35px;left:-1px;height:35px;box-sizing:border-box;min-width:112px;padding:9px 22px;border:1px solid #16151370;border-bottom:0;border-radius:18px 18px 0 0;background:#F5F2E3;font-size:13px;font-weight:500;color:#161513}
body.retro-solutions-page .v30-cards .apex-card .retro-tab{background:#ABC5FE}
body.retro-solutions-page .retro-media{position:relative!important;aspect-ratio:1.4;overflow:hidden;border-radius:17px;width:100%;margin-bottom:24px;background:#161513;z-index:0!important}
body.retro-solutions-page .retro-media>.v30-atmosphere{position:absolute!important;inset:0!important;width:100%;height:100%}
body.retro-solutions-page .v30-cards .card-top{order:0;margin:0 0 12px}
body.retro-solutions-page .v30-cards .card-top>span:first-child{color:#161513!important;font-size:clamp(10px,1.12vw,17px)!important;letter-spacing:-.04em}
body.retro-solutions-page .v30-cards h3{margin:0 0 18px!important;font-size:clamp(64px,8vw,120px)!important;line-height:1.05}
body.retro-solutions-page .v30-cards .v30-axis-card h3{color:#DA6E47!important}
body.retro-solutions-page .v30-cards .v30-apex-card h3{color:#490224!important}
body.retro-solutions-page .v30-cards .eco-card p{color:#161513!important;font-size:clamp(18px,1.6vw,23px);line-height:1.45;margin:0 0 30px}
body.retro-solutions-page .v30-cards .card-bottom{margin-top:auto;color:#161513!important;border-top:1px solid #16151330;padding-top:18px;font-size:11px;gap:12px;flex-wrap:wrap}
@media(max-width:760px){body.retro-solutions-page .v30-cards .eco-card{padding:18px}
body.retro-solutions-page .v30-cards .card-top>span:first-child{font-size:clamp(10px,3vw,15px)!important}
body.retro-solutions-page .retro-media{aspect-ratio:1.25}}
body.retro-solutions-page .retro-tab-controls{display:flex;align-items:end;gap:6px;margin-top:44px;position:relative;z-index:3}
body.retro-solutions-page .retro-tab-controls button{font:500 14px 'IBM Plex Mono',monospace;min-width:136px;padding:16px 28px;border:1px solid #16151370;border-bottom:0;border-radius:18px 18px 0 0;background:#F5F2E3;color:#161513;cursor:pointer;position:relative;top:1px}
body.retro-solutions-page .retro-tab-controls button[aria-selected=true]{background:#F5F2E3;padding-top:20px}
body.retro-solutions-page .retro-tab-controls button:focus-visible{outline:2px solid #490224;outline-offset:3px}
body.retro-solutions-page .retro-tab-panels{display:block}
body.retro-solutions-page .retro-tab-panels .eco-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(24px,4vw,64px);row-gap:0;padding:clamp(22px,3vw,44px);margin-top:0;background:#F5F2E3!important;border-radius:0 24px 24px 24px;min-height:0}
body.retro-solutions-page .retro-tab-panels .eco-card[hidden]{display:none!important}
body.retro-solutions-page .retro-tab-panels .retro-media{grid-column:1;grid-row:1/5;aspect-ratio:1;min-height:100%;margin:0}
body.retro-solutions-page .retro-tab-panels .card-top,body.retro-solutions-page .retro-tab-panels h3,body.retro-solutions-page .retro-tab-panels .eco-card>p,body.retro-solutions-page .retro-tab-panels .card-bottom{grid-column:2}
body.retro-solutions-page .retro-tab-panels .card-top{align-self:end;min-height:0}
body.retro-solutions-page .retro-tab-panels .card-bottom{align-self:end;border:0}
body.retro-solutions-page .retro-tab-panels .card-top>span:first-child{font-size:clamp(10px,1.15vw,17px)!important}
body.retro-solutions-page .retro-card-cta{display:inline-flex!important;align-items:center;justify-content:space-between;gap:22px;border:1px solid #161513!important;border-radius:999px!important;background:#F2D989!important;color:#161513!important;padding:7px 8px 7px 20px!important;text-decoration:none;font:500 13px 'IBM Plex Mono',monospace;min-height:46px;box-sizing:border-box}
body.retro-solutions-page .v30-axis-card .retro-card-cta{background:#DA6E47!important}
body.retro-solutions-page .v30-apex-card .retro-card-cta{background:#ABC5FE!important}
@media(max-width:760px){body.retro-solutions-page .retro-tab-panels .eco-card{display:flex;padding:18px;gap:0}
body.retro-solutions-page .retro-tab-panels .retro-media{min-height:0;aspect-ratio:1.35;margin-bottom:24px}
body.retro-solutions-page .retro-tab-panels .card-top>span:first-child{font-size:clamp(10px,3vw,16px)!important}
body.retro-solutions-page .retro-tab-controls button{min-width:112px;padding:14px 22px}}
body.retro-solutions-page .retro-tab-panels .eco-card{display:flex;gap:0}
body.retro-solutions-page .retro-tab-panels .retro-media{min-height:0;aspect-ratio:3.25;margin-bottom:28px;border-radius:0;isolation:isolate;background:#F5F2E3}
body.retro-solutions-page .retro-tab-panels .retro-media .v30-atmosphere:after{opacity:.15}
body.retro-solutions-page .retro-tab-panels .retro-media h3{position:absolute!important;inset:0;display:flex;align-items:center;justify-content:center;gap:0;margin:0!important;background:#F5F2E3!important;mix-blend-mode:screen;color:#000!important;font-family:Arial,sans-serif!important;font-weight:900!important;font-size:clamp(90px,19vw,300px)!important;letter-spacing:-.065em!important;line-height:1!important;z-index:2;padding:0!important}
body.retro-solutions-page .retro-tab-panels .retro-media h3 span{color:#000!important;font:inherit;letter-spacing:inherit;padding:0!important}
body.retro-solutions-page .retro-tab-panels .eco-card>p{max-width:640px}
body.retro-solutions-page .retro-tab-panels .card-bottom{width:100%;box-sizing:border-box}
@media(max-width:760px){body.retro-solutions-page .retro-tab-panels .retro-media{aspect-ratio:2.8}
body.retro-solutions-page .retro-tab-panels .retro-media h3{font-size:21vw!important}}
body.retro-solutions-page #main .v30-axis-card .retro-card-cta{--cutout-fill:#DA6E47}
body.retro-solutions-page #main .v30-apex-card .retro-card-cta{--cutout-fill:#ABC5FE}
body.retro-solutions-page #main .retro-tab-panels .retro-media{background:transparent!important;isolation:isolate}
body.retro-solutions-page #main .retro-tab-panels .retro-media h3{background:transparent!important;mix-blend-mode:normal!important;font-family:'Nunito',sans-serif!important;font-weight:1000!important;letter-spacing:-.07em!important;color:#161513!important}
body.retro-solutions-page #main .retro-tab-panels .retro-media.clip-ready h3{visibility:hidden}
body.retro-solutions-page #main .retro-media .v30-atmosphere{visibility:hidden;background:none!important}
body.retro-solutions-page #main .retro-media.clip-ready .v30-atmosphere{visibility:visible}
body.retro-solutions-page #main .retro-media .v30-atmosphere:before,body.retro-solutions-page #main .retro-media .v30-atmosphere:after{content:none!important;display:none!important}
body.retro-solutions-page #main .v30-axis-card .retro-media .v30-atmosphere{background: url('/assets/studio-film-poster.7c54e326e578.jpg') center/cover!important}
body.retro-solutions-page #main .v30-apex-card .retro-media .v30-atmosphere{background:url('/assets/apex-video-poster.4bed1137c861.jpg') center/cover!important}
body.retro-solutions-page #main .v30-axis-card .retro-media{aspect-ratio:2.1;border-radius:18px;min-height:0;background:transparent!important;margin-bottom:26px}
body.retro-solutions-page #main .v30-axis-card .retro-media>.v30-atmosphere{visibility:visible;clip-path:none!important}
body.retro-solutions-page #main .retro-tab-panels .v30-axis-card>h3{position:relative!important;inset:auto;visibility:visible;display:block;background:transparent!important;mix-blend-mode:normal;font-family:var(--sans)!important;font-weight:450!important;font-size:clamp(72px,10vw,140px)!important;letter-spacing:-.065em!important;color:#DA6E47!important;line-height:1.05!important;margin:0 0 20px!important}
body.retro-solutions-page #main .retro-tab-panels .v30-axis-card>h3 span{font:inherit;letter-spacing:inherit;color:inherit}
@media(max-width:760px){body.retro-solutions-page #main .v30-axis-card .retro-media{aspect-ratio:1.35}}
body.retro-solutions-page #main .retro-tab-panels .eco-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;padding:24px}
body.retro-solutions-page #main .retro-tab-panels .card-top{grid-column:1;grid-row:1;margin:0}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{grid-column:1;grid-row:2/4;position:relative!important;inset:auto;display:block;visibility:visible;font-family:var(--sans)!important;font-weight:450!important;font-size:clamp(60px,7vw,110px)!important;line-height:1!important;letter-spacing:-.065em!important;background:transparent!important;margin:0!important;align-self:start}
body.retro-solutions-page #main .retro-tab-panels .v30-apex-card>h3{color:#490224!important}
body.retro-solutions-page #main .retro-tab-panels .eco-card>p{grid-column:2;grid-row:1/3;font-size:clamp(15px,1.3vw,19px);line-height:1.4;margin:0;max-width:520px}
body.retro-solutions-page #main .retro-tab-panels .card-bottom{grid-column:2;grid-row:3;display:flex;margin:0;padding:0;align-items:center;justify-content:flex-start}
body.retro-solutions-page #main .retro-tab-panels .card-bottom>span:first-child{display:none}
body.retro-solutions-page #main .retro-tab-panels .retro-media{grid-column:1/-1;grid-row:4;aspect-ratio:auto;height:clamp(150px,30svh,310px);min-height:0;margin:8px 0 0;border-radius:22px;background:transparent!important}
body.retro-solutions-page #main .retro-tab-panels .retro-media .v30-atmosphere{visibility:visible;clip-path:none!important}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels .eco-card{padding:18px;gap:10px;grid-template-columns:1fr}
body.retro-solutions-page #main .retro-tab-panels .card-top{grid-row:1;grid-column:1}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{grid-row:2;grid-column:1;font-size:60px!important}
body.retro-solutions-page #main .retro-tab-panels .eco-card>p{grid-row:3;grid-column:1;font-size:15px}
body.retro-solutions-page #main .retro-tab-panels .card-bottom{grid-row:4;grid-column:1}
body.retro-solutions-page #main .retro-tab-panels .retro-media{grid-row:5;grid-column:1;height:clamp(130px,22svh,190px);border-radius:16px}}
body.retro-solutions-page #main .retro-tab-panels .eco-card{min-height:calc(92svh - 52px);box-sizing:border-box;grid-template-columns:1fr 1fr;grid-template-rows:minmax(260px,1fr) auto auto;gap:12px 36px;padding:24px;align-content:stretch}
body.retro-solutions-page #main .retro-tab-panels .retro-media{grid-row:1;grid-column:1/-1;height:100%;min-height:260px;aspect-ratio:auto;margin:0 0 12px;border-radius:22px}
body.retro-solutions-page #main .retro-tab-panels .card-top{grid-row:2;grid-column:1;align-self:end;margin:12px 0 0}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{grid-row:3;grid-column:1;align-self:start}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy{grid-row:2/4;grid-column:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding-top:12px}
body.retro-solutions-page #main .retro-card-copy>p{font-size:clamp(16px,1.45vw,21px);line-height:1.45;margin:0!important;max-width:520px}
body.retro-solutions-page #main .retro-card-copy .card-bottom{display:flex;align-items:center;justify-content:flex-start;width:auto;padding:0!important;margin:0!important;min-height:0;gap:0}
body.retro-solutions-page #main .retro-card-copy .retro-card-cta{margin:0!important;align-self:flex-start}
body.retro-solutions-page #main .retro-tab-panels .eco-card:before,body.retro-solutions-page #main .retro-tab-panels .eco-card:after,body.retro-solutions-page #main .retro-media .v30-atmosphere:before,body.retro-solutions-page #main .retro-media .v30-atmosphere:after{content:none!important;display:none!important;background:none!important;animation:none!important}
body.retro-solutions-page #main .v30-apex-card .v30-apex-video{filter:none!important;opacity:1!important;mix-blend-mode:normal}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels .eco-card{min-height:calc(92svh - 48px);grid-template-columns:1fr;grid-template-rows:minmax(180px,1fr) auto auto auto;padding:18px;gap:12px}
body.retro-solutions-page #main .retro-tab-panels .retro-media{grid-column:1;grid-row:1;min-height:180px;height:100%;margin:0 0 8px;border-radius:16px}
body.retro-solutions-page #main .retro-tab-panels .card-top{grid-column:1;grid-row:2;margin:0}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{grid-column:1;grid-row:3}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy{grid-column:1;grid-row:4;padding:0;gap:12px}
body.retro-solutions-page #main .retro-card-copy>p{font-size:16px}}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy{align-items:flex-start!important;text-align:left!important}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy>p{width:100%;text-align:left!important;margin-left:0!important;margin-right:0!important}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy .card-bottom{display:flex!important;align-self:flex-start!important;justify-content:flex-start!important;align-items:center!important;position:relative!important;inset:auto!important;width:100%!important;text-align:left!important;margin:0!important;padding:0!important}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy .retro-card-cta{margin-left:0!important;margin-right:auto!important;align-self:flex-start!important;flex:0 0 auto}
body.retro-solutions-page #main .retro-tab-controls button{border:0!important;background:#E4DCEC;color:#161513;min-width:0;white-space:normal}
body.retro-solutions-page #main .retro-tab-controls button[aria-selected=true]{background:#F5F2E3}
body.retro-solutions-page #main .retro-tab-panels .eco-card{border:0!important}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{grid-row:2/4;align-self:center}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-controls{gap:4px}
body.retro-solutions-page #main .retro-tab-controls button{flex:1;font-size:10px;padding:14px 12px}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{grid-row:3;align-self:start}}
body.retro-solutions-page #main .retro-tab-controls{gap:0;align-items:stretch;margin-bottom:0}
body.retro-solutions-page #main .retro-tab-controls button{font-family:var(--sans)!important;font-weight:500;font-size:clamp(12px,1.2vw,17px);top:0;padding:16px 24px!important;line-height:1.25;border-radius:18px 18px 0 0}
body.retro-solutions-page #main .retro-tab-panels .eco-card{border-radius:0 0 24px 24px}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{font-size:var(--solution-name-size,110px)!important;line-height:.9!important;align-self:center}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy{align-items:flex-start!important;justify-content:center;gap:16px}
body.retro-solutions-page #main .retro-tab-panels .retro-card-copy .card-bottom{width:auto!important;display:block!important;align-self:flex-start!important;margin:0!important;padding:0!important}
body.retro-solutions-page #main .retro-card-cta{width:fit-content!important;display:inline-flex!important;justify-content:flex-start!important}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-controls button{flex:1;font-size:12px;padding:14px 10px!important;display:flex;align-items:center;justify-content:center}
body.retro-solutions-page #main .retro-tab-panels .eco-card>h3{font-size:clamp(68px,20vw,100px)!important}}
body.retro-solutions-page #main .retro-editorial-solutions .retro-media{grid-row:2;grid-column:1/-1;height:clamp(210px,32svh,380px)!important;min-height:0!important;margin:0!important;aspect-ratio:auto;border-radius:24px;overflow:hidden}
body.retro-solutions-page #main .retro-editorial-solutions .retro-card-copy{grid-row:3;grid-column:2;padding:0;gap:18px;max-width:480px}
body.retro-solutions-page #main .retro-editorial-solutions .v30-apex-card>h3{grid-column:2;justify-self:end}
body.retro-solutions-page #main .retro-editorial-solutions .v30-apex-card>.retro-card-copy{grid-column:1}
body.retro-solutions-page #main .retro-editorial-solutions .retro-card-copy>p{font-size:clamp(17px,1.5vw,21px);line-height:1.45}
@media(max-width:760px){body.retro-solutions-page #main .retro-editorial-solutions .retro-media{height:clamp(180px,27svh,260px)!important;border-radius:18px}
body.retro-solutions-page #main .retro-editorial-solutions .eco-card>.retro-card-copy{grid-column:1;grid-row:4;gap:16px}}
body.retro-solutions-page #main .retro-tab-controls{gap:0;position:relative;z-index:2;margin-bottom:-1px}
body.retro-solutions-page #main .retro-tab-controls button{border:1px solid #161513!important;border-radius:18px 18px 0 0!important;background:#F5F2E3!important;color:#161513!important;box-shadow:none!important;top:0}
body.retro-solutions-page #main .retro-tab-controls button+button{margin-left:-1px}
body.retro-solutions-page #main .retro-tab-controls button[aria-selected="true"]{border-bottom-color:#F5F2E3!important;position:relative;z-index:2}
body.retro-solutions-page #main .retro-tab-controls button[aria-selected="false"]{color:#8B8178!important}
body.retro-solutions-page #main .retro-tab-panels .eco-card{border:1px solid #161513!important;background:#F5F2E3!important;border-radius:0 0 24px 24px!important;box-shadow:none!important}
body.retro-solutions-page #main .retro-tab-panels .eco-card[hidden]{display:none!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px;min-height:calc(92svh - 52px);padding:clamp(28px,5vw,72px)!important;color:#F7F6F2!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex[hidden]{display:none!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;z-index:0!important;pointer-events:none}
body.retro-solutions-page #main #panel-apex .v30-apex-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-apex-card-shade{position:absolute!important;inset:0;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,rgba(22,21,19,.73),rgba(22,21,19,.10)),linear-gradient(0deg,rgba(22,21,19,.3),transparent 75%)}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>h3{position:relative!important;z-index:2;align-self:flex-start;font-size:clamp(88px,12vw,180px)!important;line-height:.95!important;color:#ABC5FE!important;margin:0!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>h3 span{color:inherit!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-card-copy{position:relative;z-index:2;width:100%;max-width:560px;gap:24px;padding:0}
body.retro-solutions-page #main .retro-tab-panels #panel-apex .retro-card-copy>p{color:#F7F6F2!important;font-size:clamp(19px,2vw,27px);line-height:1.4}
body.retro-solutions-page #main #panel-apex .retro-card-cta{--cutout-fill:#ABC5FE;color:#161513!important}
body.retro-solutions-page #main #panel-apex .retro-card-cta .retro-button-icon{color:#F7F6F2!important}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels #panel-apex{min-height:calc(86svh - 48px);padding:32px 24px!important;gap:26px}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>h3{font-size:clamp(72px,21vw,115px)!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex .retro-card-copy>p{font-size:20px}}
body.retro-solutions-page #main .retro-tab-panels #panel-apex{--apex-film-inset:24px;min-height:calc(96svh - 52px);padding:clamp(52px,6vw,88px)!important;background:#F5F2E3!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-media{inset:var(--apex-film-inset)!important;width:calc(100% - 2 * var(--apex-film-inset))!important;height:calc(100% - 2 * var(--apex-film-inset))!important;border-radius:22px!important;overflow:hidden}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-apex-card-shade{inset:var(--apex-film-inset)!important;border-radius:22px}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels #panel-apex{--apex-film-inset:18px;min-height:calc(92svh - 48px);padding:48px 36px!important}
body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-media,body.retro-solutions-page #main .retro-tab-panels #panel-apex>.retro-apex-card-shade{border-radius:16px!important}}
body.retro-solutions-page #main .retro-tab-panels #panel-apex{min-height:78svh;height:auto}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels #panel-apex{min-height:78svh;height:auto}}
body.retro-solutions-page #main .retro-tab-panels #panel-axis{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px;min-height:calc(92svh - 52px);padding:clamp(28px,5vw,72px)!important;color:#F7F6F2!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis[hidden]{display:none!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important;z-index:0!important;pointer-events:none}
body.retro-solutions-page #main #panel-axis .v30-axis-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-apex-card-shade{position:absolute!important;inset:0;z-index:1!important;pointer-events:none;background:linear-gradient(90deg,rgba(22,21,19,.73),rgba(22,21,19,.10)),linear-gradient(0deg,rgba(22,21,19,.3),transparent 75%)}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>h3{position:relative!important;z-index:2;align-self:flex-start;font-size:clamp(88px,12vw,180px)!important;line-height:.95!important;color:#DA6E47!important;margin:0!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>h3 span{color:inherit!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-card-copy{position:relative;z-index:2;width:100%;max-width:560px;gap:24px;padding:0}
body.retro-solutions-page #main .retro-tab-panels #panel-axis .retro-card-copy>p{color:#F7F6F2!important;font-size:clamp(19px,2vw,27px);line-height:1.4}
body.retro-solutions-page #main #panel-axis .retro-card-cta{--cutout-fill:#DA6E47;color:#161513!important}
body.retro-solutions-page #main #panel-axis .retro-card-cta .retro-button-icon{color:#F7F6F2!important}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels #panel-axis{min-height:calc(86svh - 48px);padding:32px 24px!important;gap:26px}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>h3{font-size:clamp(72px,21vw,115px)!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis .retro-card-copy>p{font-size:20px}}
body.retro-solutions-page #main .retro-tab-panels #panel-axis{--apex-film-inset:24px;min-height:calc(96svh - 52px);padding:clamp(52px,6vw,88px)!important;background:#F5F2E3!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-media{inset:var(--apex-film-inset)!important;width:calc(100% - 2 * var(--apex-film-inset))!important;height:calc(100% - 2 * var(--apex-film-inset))!important;border-radius:22px!important;overflow:hidden}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-apex-card-shade{inset:var(--apex-film-inset)!important;border-radius:22px}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels #panel-axis{--apex-film-inset:18px;min-height:calc(92svh - 48px);padding:48px 36px!important}
body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-media,body.retro-solutions-page #main .retro-tab-panels #panel-axis>.retro-apex-card-shade{border-radius:16px!important}}
body.retro-solutions-page #main .retro-tab-panels #panel-axis{min-height:78svh;height:auto}
@media(max-width:760px){body.retro-solutions-page #main .retro-tab-panels #panel-axis{min-height:78svh;height:auto}}
body.retro-solutions-page #main .v30-axis-card .retro-media .v30-atmosphere{background:url('/assets/axis-film-poster.bff3d8f22f87.jpg') center/cover!important}
/* Shared editorial language throughout this experimental site. */
body.retro-site{--paper:#F5F2E3;--ink:#161513;--terra:#DA6E47;--lilac:#AD97BE;--butter:#F2D989;--retro-gutter:clamp(16px,3vw,48px);--retro-radius:28px;--retro-hero-height:calc(94svh - 12px);background:var(--paper);color:var(--ink)}
body.retro-site :is(.eyebrow,.kicker,.idx,.journey-index){font-family:'IBM Plex Mono',monospace;letter-spacing:.08em}
body.retro-site :is(.eyebrow,.kicker){font-size:clamp(10px,.95vw,13px)}
body.retro-site :is(.soft-glow,.scroll-glow,.line-glow):before,body.retro-site :is(.soft-glow,.scroll-glow,.line-glow):after{display:none!important;content:none!important}
body.retro-site .mobile-menu{border:0!important}
body.retro-site .mobile-menu a{border-color:#16151325}
body.retro-site .header{z-index:100}
body.retro-interior #main>section:not(.dark):not(.retro-card-hero):not(.v30-work-film){background:var(--paper)}
body.retro-interior #main>section.dark:not(.v30-work-film){margin-inline:var(--retro-gutter);border-radius:var(--retro-radius);background:#161513!important;color:#F7F6F2}
body.retro-interior #main>section.dark :is(h2,h3,.lead,.eyebrow,.kicker){color:#F7F6F2}
body.retro-interior #main>section.dark :is(.v30-prose,.journey-step p){color:#D5D1CA}
body.retro-interior #main>section:not(.retro-card-hero){padding-left:6vw;padding-right:6vw}
body.retro-interior :is(.v30-capability,.service-card,.contact-result){border:0!important;border-radius:20px;background:#E8E5DF;padding:clamp(22px,3vw,38px)}
body.retro-interior .dark .v30-capability{background:#252321;color:#F7F6F2}
body.retro-interior :is(.case-photo,.case-cover img,.case-wide img,.v30-dashboard-media,.numa-media img){border-radius:22px;overflow:hidden}
body.retro-interior :is(.v30-prose,.lead) p+p{margin-top:1em}
body.retro-interior .subhero:not(.retro-card-hero) .lead{max-width:760px;line-height:1.45}
body.retro-interior :is(.faq-list details,.form-field input,.form-field textarea,.form-field select){border-color:#16151335}
body.retro-interior :is(.form-field input,.form-field textarea,.form-field select){border-radius:12px;padding:14px;background:transparent}
/* All cinematic card heroes follow Home's viewport, gutter and header alignment. */
body.retro-site #main>section.retro-card-hero{box-sizing:border-box;min-height:var(--retro-hero-height)!important;height:auto!important;margin:12px var(--retro-gutter) 0!important;border-radius:var(--retro-radius)!important;padding-top:calc(var(--header-space,104px) + 28px)!important;padding-bottom:40px!important}
body.retro-interior #main>section.retro-card-hero{padding-left:6vw!important;padding-right:6vw!important}
/* Common action shape: filled pill, transparent icon aperture, 18px marks. */
body.retro-site :is(#main,.header) .retro-action{--cutout-fill:#F2D989;--cutout-x:25px;position:relative!important;isolation:isolate;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:48px!important;width:fit-content;max-width:100%;box-sizing:border-box;padding:7px 8px 7px 20px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#161513;font:500 13px/1.4 'IBM Plex Mono',monospace!important;letter-spacing:0!important;text-decoration:none;animation:none!important;transition:transform .22s ease!important}
body.retro-site :is(#main,.header) .retro-action:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit;background:var(--cutout-fill)!important;mask:radial-gradient(circle 17px at calc(100% - 25px) 50%,transparent 98%,#000 100%)!important;-webkit-mask:radial-gradient(circle 17px at calc(100% - 25px) 50%,transparent 98%,#000 100%)!important;transform:none!important;animation:none!important;pointer-events:none}
body.retro-site :is(#main,.header) .retro-action:after{display:none!important;content:none!important}
body.retro-site :is(#main,.header) .retro-action :is(span,svg){animation:none!important;transform:none!important;box-shadow:none!important;font:inherit;letter-spacing:inherit}
body.retro-site :is(#main,.header) .retro-action .retro-action-icon{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;mask:none!important;-webkit-mask:none!important}
body.retro-site :is(#main,.header) .retro-action .retro-action-icon:before,body.retro-site :is(#main,.header) .retro-action .retro-action-icon:after{content:none!important;display:none!important}
body.retro-site :is(#main,.header) .retro-action .retro-action-icon svg{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;display:block;margin:auto!important;fill:none;stroke:currentColor}
body.retro-site :is(#main,.header) .retro-action svg[data-brand-icon=whatsapp],body.retro-site :is(#main,.header) .retro-action svg[data-brand-icon=whatsapp] path{fill:currentColor!important;stroke:none!important}
body.retro-site :is(#main,.header) .retro-action:hover{transform:scale(1.025)!important}
body.retro-site :is(#main,.header) .retro-action:active{transform:scale(.98)!important}
body.retro-site .retro-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}
body.retro-site #main .dark .retro-action,body.retro-site #main .retro-card-hero .retro-action{color:#161513!important}
body.retro-site #main :is(.dark,.retro-card-hero) .retro-action-icon{color:#F7F6F2!important}
body.retro-site #main :is(.v30-axis,.v30-axis-card,.alt-closing) .retro-action{--cutout-fill:#DA6E47}
body.retro-site #main :is(.v30-apex,.v30-apex-card) .retro-action{--cutout-fill:#ABC5FE}
body.retro-site #main :is(#panel-axis,#panel-apex) .retro-action-icon{color:#F7F6F2!important}
/* Home 05: image and introduction share one row; outcomes sit below. */
body.retro-home #main .retro-numa-feature{display:block;transform:none!important}
body.retro-site #main .retro-numa-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:stretch}
body.retro-site #main .retro-numa-intro .case-info{padding:0;align-self:center}
body.retro-site #main .retro-numa-intro .case-photo{min-height:340px;border-radius:24px;overflow:hidden}
body.retro-site #main .retro-numa-intro .case-photo img{display:block;width:100%;height:100%;min-height:340px;max-height:560px;object-fit:cover}
body.retro-site #main .retro-numa-intro .case-info h3{font-size:clamp(36px,4vw,64px);margin:16px 0 24px}
body.retro-site #main .retro-numa-intro .case-info>p{max-width:100%;margin-bottom:0}
body.retro-site #main .retro-numa-details{width:100%;max-width:none;padding:0;margin-top:32px}
body.retro-site #main .retro-numa-details .v3-case-results{width:100%;padding:24px 0;margin-bottom:16px}
body.retro-site #main .retro-numa-details .v3-case-period{max-width:none}
/* Home 06: film is decorative, and content stays above its dark scrim. */
body.retro-home #main>section.retro-people-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:36px 6vw;min-height:78svh;margin:0 var(--retro-gutter);padding:clamp(48px,7vw,100px) 6vw;background:#161513!important;color:#F7F6F2;border-radius:var(--retro-radius);overflow:hidden}
body.retro-home #main .retro-people-card>.eyebrow{grid-column:1/-1;position:relative;z-index:4;margin:0;color:#F7F6F2}
body.retro-home #main .retro-people-card>.alt-anchor{grid-column:1;align-self:center;position:relative;z-index:4}
body.retro-home #main .retro-people-card h2{color:#F7F6F2!important;margin:0!important;font-size:clamp(42px,5.5vw,84px);max-width:100%;text-align:left}
body.retro-home #main .retro-people-card h2 em{color:#F7F6F2!important}
body.retro-home #main .retro-people-card>.alt-people-copy{grid-column:2;align-self:center;position:relative;z-index:4;margin:0;max-width:550px}
body.retro-home #main .retro-people-card .alt-people-copy>.alt-lead{font-size:clamp(23px,2.4vw,34px);line-height:1.25;color:#F7F6F2;margin-bottom:24px}
body.retro-home #main .retro-people-card .alt-people-copy>p:not(.alt-lead){color:#DFDDD7}
body.retro-home #main .retro-people-film{position:absolute;inset:0;z-index:0;pointer-events:none}
body.retro-home #main .retro-people-film video{width:100%;height:100%;object-fit:cover}
body.retro-home #main .retro-people-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,21,19,.86),rgba(22,21,19,.66))}
body.retro-home #main .retro-people-card>.continuous-rail{z-index:3!important}
@media(max-width:760px){
body.retro-site{--retro-radius:22px;--retro-hero-height:calc(94svh - 8px)}
body.retro-site #main>section.retro-card-hero{min-height:var(--retro-hero-height)!important;margin-top:8px!important;padding-top:calc(var(--header-space,82px) + 24px)!important;padding-bottom:28px!important}
body.retro-interior #main>section.retro-card-hero{padding-left:28px!important;padding-right:28px!important}
body.retro-interior #main>section.dark:not(.v30-work-film){padding-inline:28px}
body.retro-site #main .retro-numa-intro{grid-template-columns:1fr;gap:28px}
body.retro-site #main .retro-numa-intro .case-photo{min-height:0}
body.retro-site #main .retro-numa-intro .case-photo img{height:320px;min-height:0}
body.retro-site #main .retro-numa-details{margin-top:24px}
body.retro-home #main>section.retro-people-card{display:flex;flex-direction:column;min-height:0;padding:48px 32px;gap:32px}
body.retro-home #main .retro-people-card h2{font-size:clamp(38px,10vw,58px)}
body.retro-home #main .retro-people-card>.alt-people-copy{max-width:100%}
body.retro-home #main .retro-people-card>.alt-anchor{align-self:stretch}
}
@media(prefers-reduced-motion:reduce){body.retro-site .retro-action{transition:none!important}body.retro-site .retro-action:hover,body.retro-site .retro-action:active{transform:none!important}}

body.retro-site .retro-action .button-dot{background:none!important;mask:none!important;-webkit-mask:none!important}

/* NUMA's case link stays beside its introduction, with secondary emphasis. */
body.retro-site #main .retro-numa-intro .retro-numa-secondary{--cutout-fill:#E8E5DF;color:#514B45!important;margin-top:24px!important}
body.retro-site #main .retro-numa-intro .retro-numa-secondary .retro-action-icon{color:#514B45!important}

/* Team photograph remains a separate foreground element over the existing film. */
body.retro-home #main .retro-people-card>.alt-anchor{grid-column:1/-1;grid-row:2;align-self:start}
body.retro-home #main .retro-people-card>.retro-team-photo{grid-column:1;grid-row:3;position:relative;z-index:4;align-self:center;min-width:0;width:100%;margin:0}
body.retro-home #main .retro-people-card>.retro-team-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px}
body.retro-home #main .retro-people-card>.retro-team-photo figcaption{margin-top:12px;color:#DFDDD7;font:400 11px/1.5 'IBM Plex Mono',monospace}
body.retro-home #main .retro-people-card>.alt-people-copy{grid-column:2;grid-row:3;align-self:center}
@media(max-width:760px){
body.retro-home #main .retro-people-card>.retro-team-photo{align-self:stretch}
body.retro-home #main .retro-people-card>.retro-team-photo img{border-radius:16px}
body.retro-home #main .retro-people-card>.alt-people-copy{align-self:stretch}
}

/* Compact team composition without reducing the mobile reading size. */
body.retro-home #main>section.retro-people-card{min-height:0;padding-block:clamp(40px,4.5vw,64px);row-gap:28px}
body.retro-home #main .retro-people-card h2{font-size:clamp(38px,4.4vw,68px);line-height:1.06}
body.retro-home #main .retro-people-card h2>.retro-people-heading-line{display:block;white-space:nowrap;letter-spacing:-.045em}
body.retro-home #main .retro-people-card h2>em{display:block}
body.retro-home #main .retro-people-card>.retro-team-photo img{aspect-ratio:16/10;max-height:340px}
body.retro-home #main .retro-people-card .alt-people-copy>.alt-lead{font-size:clamp(22px,2.05vw,30px);margin-bottom:18px;line-height:1.28}
@media(max-width:760px){
body.retro-home #main>section.retro-people-card{padding-block:36px;gap:24px}
body.retro-home #main .retro-people-card h2{font-size:clamp(34px,8.5vw,50px)}
body.retro-home #main .retro-people-card h2>.retro-people-heading-line{white-space:normal;text-wrap:balance}
body.retro-home #main .retro-people-card>.retro-team-photo img{aspect-ratio:16/10;max-height:280px}
}

/* Give the section heading the same breathing room as the editorial content blocks. */
body.retro-home #main .retro-people-card>.alt-anchor{margin-bottom:clamp(20px,2.5vw,36px)}
@media(max-width:760px){body.retro-home #main .retro-people-card>.alt-anchor{margin-bottom:16px}}

/* The visible logo clone must remain clickable above the sticky header. */
body.retro-site .blend-brand,body.retro-site .blend-nav-cta{z-index:102!important;pointer-events:auto!important}
body.retro-site .blend-brand>*{pointer-events:none}
body.retro-site .nav-color-ring{pointer-events:none!important}
/* Shared centered closing; El estudio deliberately keeps its own composition. */
body.retro-centered-cta #main>.alt-closing{text-align:center!important}
body.retro-centered-cta #main>.alt-closing>.eyebrow{text-align:center}
body.retro-centered-cta #main>.alt-closing>.alt-anchor{width:100%;max-width:900px;margin-inline:auto!important;text-align:center}
body.retro-centered-cta #main>.alt-closing h2{margin-inline:auto;text-align:center}
body.retro-centered-cta #main>.alt-closing .alt-lead{max-width:640px;margin-inline:auto;text-align:center}
body.retro-centered-cta #main>.alt-closing .alt-terminal-button{margin-inline:auto!important}
/* Film and the process below share one rounded, inset dark card. */
body.retro-site.v30-work #main>section.v30-work-film{margin:0 var(--retro-gutter);border-radius:var(--retro-radius);overflow:hidden;padding:clamp(56px,7vw,100px) 6vw;background:#161513!important}
body.retro-site.v30-work .v30-work-film-intro>.v30-work-film-media{inset:calc(-1 * clamp(56px,7vw,100px)) -6vw 0!important;width:auto!important;height:auto!important;border-radius:var(--retro-radius) var(--retro-radius) 0 0}
body.retro-site.v30-work #main>.v30-capabilities{position:relative;isolation:isolate;overflow:hidden}
body.retro-site.v30-work #main>.v30-capabilities>.continuous-rail{z-index:3!important;pointer-events:none}
@media(max-width:760px){body.retro-site.v30-work #main>section.v30-work-film{padding:48px 28px}body.retro-site.v30-work .v30-work-film-intro>.v30-work-film-media{inset:-48px -28px 0!important}}

/* Restore the original multicolor header ring above the sticky header. */
body.retro-site .nav-color-ring{z-index:103!important;display:block!important;visibility:visible!important;pointer-events:none!important}
body.retro-site .blend-nav-cta .button-dot{visibility:hidden!important}
body.retro-site .header .button-dot{width:17px!important;height:17px!important;flex:0 0 17px!important;border:0!important}
body.retro-site .header .button-dot:before,body.retro-site .header .button-dot:after{display:none!important;content:none!important}

/* A restrained frosted treatment only on APEX footage and its fallback poster. */
body.retro-site #panel-apex .retro-media>.v30-video-atmosphere,
body.retro-site #main>.v30-apex>.v30-video-atmosphere{filter:blur(3px);transform:scale(1.025);transform-origin:center;backface-visibility:hidden}
@media(max-width:760px){
body.retro-site #panel-apex .retro-media>.v30-video-atmosphere,
body.retro-site #main>.v30-apex>.v30-video-atmosphere{filter:blur(2px)}
}

/* One cutout geometry for every content action, including cinematic Heroes. */
body.retro-site #main .retro-action:is(.alt-link,.text-link,.retro-card-cta,.alt-terminal-button,.v30-dashboard-open,.pill){background:transparent!important;background-image:none!important;padding:7px 8px 7px 20px!important;gap:20px!important;min-height:48px!important;border:0!important}
body.retro-site #main .retro-action:is(.alt-link,.text-link,.retro-card-cta,.alt-terminal-button,.v30-dashboard-open,.pill):before{clip-path:none!important;inset:0!important;background:var(--cutout-fill)!important;mask:radial-gradient(circle 17px at calc(100% - 25px) 50%,transparent 98%,#000 100%)!important;-webkit-mask:radial-gradient(circle 17px at calc(100% - 25px) 50%,transparent 98%,#000 100%)!important}
body.retro-site #main .retro-action .retro-action-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;padding:0!important;border:0!important;background:transparent!important}

/* Solution heroes: distribute copy across columns instead of stacking every block. */
body.retro-site.retro-interior #main>section.retro-card-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);grid-template-rows:auto auto auto;align-content:center;align-items:start;column-gap:clamp(28px,5vw,72px);row-gap:clamp(16px,2.5svh,26px);min-height:var(--retro-hero-height)!important}
body.retro-site.retro-interior #main>section.retro-card-hero>.eyebrow{grid-column:1/-1;grid-row:1;margin:0!important}
body.retro-site.retro-interior #main>section.retro-card-hero>.v30-hero-name{grid-column:1;grid-row:2;margin:0!important;font-size:clamp(72px,min(9vw,13svh),126px);line-height:.95;align-self:start}
body.retro-site.retro-interior #main>section.retro-card-hero>.alt-anchor{grid-column:1;grid-row:3;max-width:680px;margin:0!important;align-self:start}
body.retro-site.retro-interior #main>section.retro-card-hero h1,body.retro-site.retro-interior #main>section.retro-card-hero h1 em{font-size:clamp(28px,min(3.2vw,5.6svh),48px);line-height:1.1;margin:0!important}
body.retro-site.retro-interior #main>section.retro-card-hero>.subhero-bottom{grid-column:2;grid-row:3;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:0!important;padding:0!important;width:100%;max-width:480px}
body.retro-site.retro-interior #main>section.retro-card-hero .lead{font-size:clamp(16px,1.45vw,20px);line-height:1.4;margin:0!important}
body.retro-site.retro-interior #main>section.retro-card-hero .lead p{margin:0!important}
body.retro-site.retro-interior #main>section.retro-card-hero .subhero-bottom>.alt-link{margin:0!important}
@media(max-width:760px){
body.retro-site.retro-interior #main>section.retro-card-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:space-between;row-gap:14px}
body.retro-site.retro-interior #main>section.retro-card-hero>.v30-hero-name{grid-column:1;grid-row:2;font-size:clamp(58px,10svh,86px)}
body.retro-site.retro-interior #main>section.retro-card-hero>.alt-anchor{grid-column:1;grid-row:3;margin-left:12px!important;width:calc(100% - 12px)}
body.retro-site.retro-interior #main>section.retro-card-hero h1,body.retro-site.retro-interior #main>section.retro-card-hero h1 em{font-size:clamp(26px,min(7.3vw,4.4svh),34px);line-height:1.08}
body.retro-site.retro-interior #main>section.retro-card-hero>.subhero-bottom{grid-column:1;grid-row:4;gap:14px;align-self:start;max-width:none}
body.retro-site.retro-interior #main>section.retro-card-hero .lead{font-size:15px;line-height:1.4}
}

/* The line is above the film, with content still in front of it. */
body.retro-site.retro-interior #main>.retro-card-hero>.continuous-rail{z-index:1!important;pointer-events:none}
body.retro-site.retro-interior #main>.retro-card-hero>:is(.eyebrow,.v30-hero-name,.alt-anchor,.subhero-bottom){z-index:2!important}

/* Warm editorial canvas; preserve Paper lettering over dark backgrounds. */
body.retro-site{--paper:#F5F2E3;background:#F5F2E3}
/* Video preview keeps its original black play symbol on a continuous fill. */
body.retro-site #main .v30-dashboard-open.retro-action:before{mask:none!important;-webkit-mask:none!important}
body.retro-site #main .dark .v30-dashboard-open.retro-action .retro-action-icon{color:#161513!important}
body.retro-site #main .v30-dashboard-open.retro-action .retro-action-icon{color:#161513!important;order:-1}

/* Reference-led Home: cream canvas, top editorial row, panoramic film below. */
body.retro-site.v3-home{--paper:#F5F2E3!important;background-color:#F5F2E3!important}
body.retro-site #main{background-color:#F5F2E3}
body.retro-home #main>section:not(.dark):not(.claude-section):not(.film-section){background-color:#F5F2E3!important}
body.retro-home #main>section.hero.alt-hero.retro-card-hero{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:clamp(20px,3svh,32px);padding-inline:clamp(24px,3vw,48px)!important;background:#F5F2E3!important;color:#161513;overflow:visible;isolation:isolate}
body.retro-home #main .hero.alt-hero>.alt-hero-top{position:relative;inset:auto;display:flex;justify-content:space-between;gap:16px;width:100%;margin:0;color:#514B45!important}
body.retro-home #main .hero.alt-hero>.alt-hero-top :is(.eyebrow,.alt-location){color:#514B45!important}
body.retro-home #main .hero.alt-hero>.retro-hero-copy{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,80px);width:100%;flex:none!important}
body.retro-home #main .hero.alt-hero h1.business-growth-title{font-size:clamp(46px,6.6vw,100px);line-height:1.03;max-width:100%;align-self:center}
body.retro-home #main .hero.alt-hero h1,body.retro-home #main .hero.alt-hero h1 span,body.retro-home #main .hero.alt-hero h1 em.retro-growth,body.retro-home #main .hero.alt-hero h1 em.retro-growth span{color:#161513!important}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom{align-self:center!important;width:100%!important;max-width:450px;margin:0!important;justify-self:end}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom>.alt-anchor{width:100%!important;margin:0!important}
body.retro-home #main .hero.alt-hero .alt-hero-bottom .alt-lead{font-size:clamp(16px,1.35vw,20px);line-height:1.4;color:#514B45!important;margin-bottom:18px}
body.retro-home #main .hero.alt-hero .alt-link{--cutout-fill:#DA6E47}
body.retro-home #main .hero.alt-hero .alt-link>span:last-child,body.retro-home #main .hero.alt-hero .retro-action .retro-action-icon{color:#161513!important}
body.retro-home #main .hero.alt-hero>.retro-hero-film{position:relative!important;inset:auto!important;flex:1 0 auto;width:100%!important;height:clamp(240px,43svh,560px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto;margin:0;border-radius:24px!important;overflow:hidden;z-index:0!important}
body.retro-home #main .hero.alt-hero>.retro-hero-film:after{content:none!important;display:none!important}
body.retro-home #main .hero.alt-hero>.alt-scroll{position:relative;inset:auto;align-self:flex-start;margin:0!important;color:#514B45!important;font-size:12px;z-index:4}
body.retro-home #main .hero.alt-hero>.alt-scroll>span{color:#161513!important}
@media(max-width:760px){
body.retro-home #main>section.hero.alt-hero.retro-card-hero{gap:24px;padding-inline:16px!important}
body.retro-home #main .hero.alt-hero>.retro-hero-copy{grid-template-columns:minmax(0,1fr);gap:28px}
body.retro-home #main .hero.alt-hero h1.business-growth-title{font-size:clamp(42px,11vw,72px)}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom{justify-self:stretch;max-width:none;padding-left:30px}
body.retro-home #main .hero.alt-hero .alt-hero-bottom .alt-lead{font-size:17px}
body.retro-home #main .hero.alt-hero>.retro-hero-film{height:clamp(210px,34svh,340px)!important;border-radius:18px!important}
}

/* Explicit grid placement removes row assignments inherited from the former Hero. */
body.retro-home #main .hero.alt-hero>.retro-hero-copy{grid-template-rows:auto;align-items:start;min-height:0}
body.retro-home #main .hero.alt-hero .retro-hero-copy>h1.business-growth-title{grid-column:1!important;grid-row:1!important;align-self:start!important;margin:0!important;min-width:0}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom{grid-column:2!important;grid-row:1!important;align-self:start!important;margin:0!important;padding-top:0;min-width:0}
@media(max-width:760px){
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom{grid-column:1!important;grid-row:2!important}
}

/* Home refinement: generous label spacing and a shorter handoff to section 01. */
body.retro-home #main .hero.alt-hero>.alt-hero-top{margin-bottom:clamp(16px,2.4svh,28px)!important}
body.retro-home #main>section.hero.alt-hero.retro-card-hero{padding-bottom:24px!important;margin-bottom:0!important}
body.retro-home #main>section.problem-section{padding-top:clamp(48px,6vw,88px)!important}

/* Section 02 is one white card: heading, film, then the service sequence. */
body.retro-home #main>section.film-section.retro-system-film{display:flex;flex-direction:column;gap:clamp(32px,4vw,56px);min-height:0!important;height:auto;padding:clamp(36px,5vw,72px) clamp(24px,3vw,48px) 0!important;background:#F5F2E3!important;color:#161513;border-radius:30px 30px 0 0}
body.retro-home #main .retro-system-film>.film-copy{position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:0!important;z-index:2;text-align:left;color:#161513}
body.retro-home #main .retro-system-film .film-copy :is(h2,em,p){color:#161513!important}
body.retro-home #main .retro-system-film .film-copy h2{font-size:clamp(42px,5.5vw,84px);line-height:1.06;max-width:1100px;margin:0}
body.retro-home #main .retro-system-film .v30-film-kicker{font-family:'IBM Plex Mono',monospace;margin-bottom:32px}
body.retro-home #main .retro-system-media{position:relative;width:100%;height:clamp(240px,43svh,560px);overflow:hidden;border-radius:24px;z-index:0}
body.retro-home #main .retro-system-media>.studio-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none}
body.retro-home #main>section.claude-capabilities.retro-system-white{background:#F5F2E3!important;color:#161513;--ink:#161513;--paper:#F5F2E3;--muted:#6b655c;--line:#16151326}
body.retro-home #main .retro-system-white .chain{background:transparent!important;color:#161513}
body.retro-home #main .retro-system-white :is(.w,.svc-l){color:#161513!important}
body.retro-home #main .retro-system-white :is(.txt>p,.svc li,.idx,.v30-system-closing){color:#625c53!important}
body.retro-home #main .retro-system-white .v30-system-closing{border-top-color:#16151333}
body.retro-home #main .retro-system-white>.continuous-rail{z-index:3!important}

/* Two attached folders; each keeps its own name, film and action. */
body.retro-home #main .retro-tab-panels.retro-folder-pair{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;margin-top:76px!important;overflow:visible;border:0!important;background:transparent!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex){overflow:visible!important;min-width:0;width:100%;min-height:78svh;height:auto;margin:0!important;padding:clamp(36px,3.4vw,52px)!important;gap:24px;border:1px solid #161513!important;border-radius:0 0 24px 24px!important;--apex-film-inset:18px;transform:none!important}
body.retro-home #main .retro-folder-pair #panel-apex{border-left:0!important}
body.retro-home #main .retro-folder-pair .retro-folder-tab{position:absolute!important;bottom:100%;top:auto;left:-1px;z-index:5;width:max-content;max-width:calc(100% + 1px);min-height:48px;display:flex;align-items:center;padding:12px 20px;margin:0 0 -1px!important;border:1px solid #161513;border-bottom:0;border-radius:18px 18px 0 0;background:#F5F2E3;color:#161513!important;font-family:var(--sans);font-size:clamp(14px,1.3vw,19px);line-height:1.25;letter-spacing:-.025em}
body.retro-home #main .retro-folder-pair #panel-apex>.retro-folder-tab{left:auto;right:-1px}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{font-size:clamp(62px,7.8vw,118px)!important;max-width:100%}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>p{font-size:clamp(18px,1.6vw,23px);line-height:1.4}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{gap:20px}
body.retro-home #main .retro-folder-pair .retro-card-cta{max-width:100%;white-space:normal}

/* Section 04 uses the same warm canvas as the rest of the editorial Home. */
body.retro-home #main>section.claude-method.retro-method-paper{background:#F5F2E3!important;color:#161513;--paper:#F5F2E3;--ink:#161513;--muted:#6b655c;--line:#16151333}
body.retro-home #main .retro-method-paper .method-section{background:transparent!important;color:#161513}
body.retro-home #main .retro-method-paper :is(.h2,.sw h3,.kicker,.v30-cycle-text,.v30-notion-note h3){color:#161513!important}
body.retro-home #main .retro-method-paper :is(.lead,.sw p,.v30-notion-note p){color:#625c53!important}
body.retro-home #main .retro-method-paper .v30-notion-note{border-top-color:#16151333!important}

@media(max-width:760px){
body.retro-home #main .hero.alt-hero>.alt-hero-top{margin-bottom:16px!important}
body.retro-home #main>section.hero.alt-hero.retro-card-hero{padding-bottom:20px!important}
body.retro-home #main>section.problem-section{padding-top:48px!important}
body.retro-home #main>section.film-section.retro-system-film{padding:36px 22px 0!important;border-radius:20px 20px 0 0;gap:32px}
body.retro-home #main .retro-system-film .film-copy h2{font-size:clamp(36px,9.4vw,58px)}
body.retro-home #main .retro-system-media{height:clamp(210px,34svh,340px);border-radius:18px}
body.retro-home #main .retro-tab-panels.retro-folder-pair{grid-template-columns:minmax(0,1fr)!important;margin-top:64px!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex){padding:44px 36px!important;min-height:76svh;border-radius:0!important}
body.retro-home #main .retro-folder-pair #panel-axis{padding-bottom:76px!important}
body.retro-home #main .retro-folder-pair #panel-apex{border-left:1px solid #161513!important;border-top:0!important;border-radius:0 0 22px 22px!important;z-index:3}
body.retro-home #main .retro-folder-pair .retro-folder-tab{min-height:44px;font-size:14px;padding:12px 16px}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{font-size:clamp(62px,20vw,100px)!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>p{font-size:19px}
}

body.retro-home #main .retro-system-film>.film-copy{transform:none!important;translate:none;align-self:stretch}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-folder-tab{transform:none!important;opacity:1!important;animation:none!important}

/* Five-person editorial collage. Portraits are clearly marked placeholders. */
body.retro-home #main>section.retro-people-card.retro-team-collage{display:block;min-height:0;background:#F5F2E3!important;color:#161513;padding:clamp(48px,6vw,88px) clamp(24px,5vw,72px);overflow:visible;isolation:isolate}
body.retro-home #main .retro-team-collage>.eyebrow{color:#625c53;margin:0 0 28px}
body.retro-home #main .retro-team-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:5px;height:clamp(510px,66svh,660px);position:relative;z-index:2}
body.retro-home #main .retro-team-mosaic>.retro-team-title{grid-column:1;grid-row:1/3;background:#161513;color:#F7F6F2;border-radius:24px;padding:24px 28px;margin:0!important;min-width:0;display:flex;align-items:center;isolation:isolate}
body.retro-home #main .retro-team-mosaic .retro-team-title h2{font-size:clamp(24px,2.5vw,38px)!important;line-height:1.08;letter-spacing:-.035em;margin:0!important;color:#F7F6F2!important}
body.retro-home #main .retro-team-title h2>.retro-people-heading-line{white-space:normal}
body.retro-home #main .retro-team-title h2 em{display:block;color:#F7F6F2!important;font-size:1.13em}
body.retro-home #main .retro-team-title>.alt-node{left:auto!important;right:15px;top:18px!important;width:12px;height:12px}
body.retro-home #main .retro-team-mosaic>.retro-person{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border-radius:24px;background:#E8E5DF}
body.retro-home #main .retro-person>svg{display:block;width:100%;height:100%;overflow:hidden}
body.retro-home #main .retro-person-1{grid-column:1;grid-row:3/7}
body.retro-home #main .retro-person-2{grid-column:2;grid-row:1/4}
body.retro-home #main .retro-person-3{grid-column:2;grid-row:4/7}
body.retro-home #main .retro-person-4{grid-column:3;grid-row:1/5}
body.retro-home #main .retro-person-5{grid-column:3;grid-row:5/7}
body.retro-home #main .retro-team-collage>.retro-team-reference{margin:12px 0 0;color:#756e62;font:400 11px/1.5 'IBM Plex Mono',monospace}
body.retro-home #main .retro-team-collage>.alt-people-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(28px,5vw,72px);row-gap:24px;max-width:none;width:100%;margin-top:36px;align-items:start}
body.retro-home #main .retro-team-collage .alt-people-copy>.alt-lead{grid-column:1;grid-row:1/3;font-size:clamp(22px,2.3vw,32px);line-height:1.3;color:#161513;margin:0}
body.retro-home #main .retro-team-collage .alt-people-copy>p:not(.alt-lead){grid-column:2;grid-row:1;color:#625c53;font-size:17px;line-height:1.6;margin:0}
body.retro-home #main .retro-team-collage .alt-people-copy>.alt-link{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin:0;--cutout-fill:#F2D989;color:#161513!important}
body.retro-home #main .retro-team-collage .retro-action-icon{color:#161513!important}
@media(max-width:760px){
body.retro-home #main>section.retro-people-card.retro-team-collage{display:block;padding:44px 16px}
body.retro-home #main .retro-team-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(580px,100svh,760px);gap:4px}
body.retro-home #main .retro-team-mosaic>.retro-team-title{padding:18px 13px;border-radius:18px;grid-column:1;grid-row:1/3}
body.retro-home #main .retro-team-mosaic .retro-team-title h2{font-size:clamp(21px,5.5vw,33px)!important}
body.retro-home #main .retro-team-mosaic>.retro-person{border-radius:18px}
body.retro-home #main .retro-person-1{grid-column:2;grid-row:1/3}
body.retro-home #main .retro-person-2{grid-column:1;grid-row:3/5}
body.retro-home #main .retro-person-3{grid-column:2;grid-row:3/4}
body.retro-home #main .retro-person-4{grid-column:2;grid-row:4/7}
body.retro-home #main .retro-person-5{grid-column:1;grid-row:5/7}
body.retro-home #main .retro-team-collage>.alt-people-copy{display:flex;flex-direction:column;gap:20px;margin-top:28px;align-items:flex-start}
body.retro-home #main .retro-team-collage .alt-people-copy>.alt-lead{font-size:23px}
}

/* Home composition refinement: shared rhythm, quieter headings and clear media. */
body.retro-home{--home-section-space:calc(24px + clamp(48px,6vw,88px))}
body.retro-home #main>section:is(.alt-insight,.alt-ecosystems,.alt-cases,.alt-closing,.retro-team-collage){padding-top:calc(var(--home-section-space)/2)!important;padding-bottom:calc(var(--home-section-space)/2)!important;margin-top:0!important;margin-bottom:0!important}
body.retro-home #main>section.problem-section{padding-top:clamp(48px,6vw,88px)!important}
body.retro-home #main>section.retro-system-film{padding-top:calc(var(--home-section-space)/2)!important}
body.retro-home #main .retro-system-white .chain{padding-bottom:calc(var(--home-section-space)/2)!important}
body.retro-home #main .retro-method-paper .method-section{padding-top:calc(var(--home-section-space)/2)!important;padding-bottom:calc(var(--home-section-space)/2)!important}
body.retro-home #main .retro-system-film .connect-word{--scatter-scale:.28!important}
body.retro-home #main .retro-system-film>.film-copy{z-index:4!important;overflow:visible;padding-bottom:12px!important}
body.retro-home #main .retro-system-film>.retro-system-media{z-index:0!important}
body.retro-home #main .retro-system-media>.studio-film{object-position:50% 50%!important}
body.retro-home #main .hero h1.business-growth-title{position:relative;overflow:visible}
body.retro-home #main .hero .retro-mejor-node{position:absolute;right:auto;bottom:auto;width:20px;height:20px;pointer-events:none}
body.retro-home #main .retro-tab-panels.retro-folder-pair{margin-top:clamp(96px,9vw,132px)!important;align-items:stretch}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex){display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0!important;height:auto!important;padding:28px!important;gap:24px;color:#161513!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{order:0;position:relative;align-self:flex-start;font-size:clamp(62px,7.3vw,108px)!important;margin:0!important}
body.retro-home #main .retro-folder-pair #panel-apex>h3{color:#490224!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{order:1;position:relative;max-width:none;width:100%;padding:0;gap:18px;flex:1 0 auto}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>p{color:#514B45!important;font-size:clamp(17px,1.5vw,21px);line-height:1.45;margin:0!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-action-icon{color:#161513!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-media{order:2;position:relative!important;inset:auto!important;width:100%!important;height:clamp(240px,34svh,390px)!important;min-height:0!important;margin:0!important;border-radius:18px!important;overflow:hidden;flex:none;z-index:0!important;clip-path:none!important;mask:none!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-media>.v30-atmosphere{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;filter:none!important;transform:none!important;opacity:1!important;mix-blend-mode:normal!important;clip-path:none!important;mask:none!important}
body.retro-home #main .retro-folder-pair .retro-media video{width:100%!important;height:100%!important;object-fit:cover;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important}
body.retro-home #main .retro-folder-pair :is(.retro-media,.v30-atmosphere):before,body.retro-home #main .retro-folder-pair :is(.retro-media,.v30-atmosphere):after{content:none!important;display:none!important}
body.retro-home #main .retro-method-paper .sw h3{font-size:clamp(34px,5.3vw,78px)!important;line-height:1.08}
body.retro-home #main .retro-method-paper .sw .nd{top:calc(clamp(34px,5.3vw,78px)*.54)!important}
@media(max-width:760px){
body.retro-home{--home-section-space:68px}
body.retro-home #main .retro-tab-panels.retro-folder-pair{margin-top:84px!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex){padding:22px!important;gap:22px}
body.retro-home #main .retro-folder-pair #panel-axis{padding-bottom:66px!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-media{height:clamp(230px,34svh,330px)!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{font-size:clamp(62px,20vw,100px)!important}
body.retro-home #main .retro-method-paper .sw h3{font-size:clamp(30px,7vw,44px)!important}
body.retro-home #main .retro-method-paper .sw .nd{top:calc(clamp(30px,7vw,44px)*.54)!important}
body.retro-home #main .retro-system-film .connect-word{--scatter-scale:.23!important}
}

/* Warm light Hero, and title / video / copy sequence in both Home folders. */
body.retro-home #main .hero .retro-hero-film>.retro-hero-video{object-position:50% 57%!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-media{order:1!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{order:2!important;flex:1 0 auto;justify-content:flex-start}

/* Case folders share the solution folders' thin outline and Ivory surface. */
body.retro-site #main .retro-case-folders{margin-top:84px;display:grid;grid-template-columns:minmax(0,1fr);gap:72px}
body.retro-site #main .retro-case-folder{position:relative;background:#F5F2E3;border:1px solid #161513;border-radius:0 22px 22px 22px;padding:clamp(22px,2.5vw,36px);min-width:0}
body.retro-site #main .retro-case-folder>.retro-case-tab{position:absolute;bottom:100%;left:-1px;margin:0 0 -1px;padding:12px 24px;min-height:46px;display:flex;align-items:center;background:#F5F2E3;border:1px solid #161513;border-bottom:0;border-radius:18px 18px 0 0;color:#161513;font-family:var(--sans);font-size:18px;line-height:1.2;letter-spacing:-.025em}
body.retro-site #main .retro-case-folder .retro-numa-feature{margin:0!important;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:calc(80svh - 118px);text-decoration:none}
body.retro-site #main .retro-case-folder .retro-numa-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,3vw,44px);align-items:center}
body.retro-site #main .retro-case-folder .retro-numa-intro .case-photo{height:clamp(240px,39svh,390px);min-height:0;border-radius:16px}
body.retro-site #main .retro-case-folder .retro-numa-intro .case-photo img{height:100%;width:100%;min-height:0;max-height:none;object-fit:cover;object-position:center 52%;transform:none!important}
body.retro-site #main .retro-case-folder .case-info h3{font-size:clamp(27px,2.8vw,42px);line-height:1.08;margin:12px 0 18px}
body.retro-site #main .retro-case-folder .case-info h3 em{font-size:.85em}
body.retro-site #main .retro-case-folder .case-info>p:not(.eyebrow){font-size:clamp(15px,1.2vw,17px);line-height:1.5;margin:0;max-width:100%}
body.retro-site #main .retro-case-folder .retro-numa-secondary{margin-top:18px!important}
body.retro-site #main .retro-case-folder .retro-numa-details{margin:0;padding:0;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;border-top:1px solid #16151326;padding-top:20px}
body.retro-site #main .retro-case-folder .v3-case-results{margin:0!important;padding:0!important;border:0;gap:24px}
body.retro-site #main .retro-case-folder .v3-case-results dd{font-size:clamp(26px,3vw,42px);line-height:1.15;margin-top:8px}
body.retro-site #main .retro-case-folder .v3-case-results dt{font-size:12px}
body.retro-site #main .retro-case-folder .retro-numa-details>.v3-case-period{font-size:11px;line-height:1.6;margin:0}
body.retro-home #main .alt-cases>.alt-endnote{margin-top:28px}
@media(max-width:760px){
body.retro-site #main .retro-case-folders{margin-top:68px}
body.retro-site #main .retro-case-folder{padding:20px;border-radius:0 18px 18px 18px}
body.retro-site #main .retro-case-folder .retro-numa-feature{min-height:0;gap:22px}
body.retro-site #main .retro-case-folder .retro-numa-intro{grid-template-columns:minmax(0,1fr);gap:22px}
body.retro-site #main .retro-case-folder .retro-numa-intro .case-photo{height:clamp(190px,27svh,280px)}
body.retro-site #main .retro-case-folder .case-info h3{font-size:30px}
body.retro-site #main .retro-case-folder .retro-numa-details{grid-template-columns:1fr;gap:16px;padding-top:18px}
body.retro-site #main .retro-case-folder .v3-case-results dd{font-size:28px}
body.retro-site #main .retro-case-folder>.retro-case-tab{font-size:16px;min-height:44px}
}

/* Section labels follow one rhythm, without decorative colored dots. */
body.retro-site #main :is(.eyebrow,.kicker)::before,body.retro-site #main :is(.eyebrow,.kicker)::after{content:none!important;display:none!important}
body.retro-site #main .retro-section-label{display:block!important;margin-top:0!important;margin-bottom:28px!important;padding:0!important;text-align:var(--section-label-align,left)!important}
body.retro-site #main .retro-section-title{margin-top:0!important}
body.retro-home #main .retro-method-paper .v30-notion-note{width:100%;max-width:540px!important}
/* Remove the viewport minimum that was distributing empty space inside NUMA. */
body.retro-site #main .retro-case-folder .retro-numa-feature{min-height:0!important;justify-content:flex-start!important;gap:18px}
body.retro-site #main .retro-case-folder .retro-numa-details{margin-top:0!important;padding-top:18px;gap:20px}
body.retro-site #main .retro-case-folder .retro-numa-intro{align-items:center;gap:clamp(24px,3vw,40px)}
/* Reserve a safe rail gutter for Datos and the rest of the stepped method. */
body.retro-home #main .retro-method-paper .method .sw{margin-left:calc(40px + var(--i)*3.6vw)!important}
body.retro-home #main .retro-method-paper .method .sw .nd{left:-34px!important;right:auto!important}
@media(max-width:760px){
body.retro-site #main .retro-section-label{margin-bottom:24px!important}
body.retro-home #main .retro-method-paper .method .sw{margin-left:36px!important}
body.retro-home #main .retro-method-paper .method .sw .nd{left:-28px!important}
}

/* Restore the scroll-triggered fill only on the final conversation CTA. */
body.retro-site #main .alt-terminal-button.retro-action::before{clip-path:circle(0% at 34% 0)!important;transition:clip-path .85s cubic-bezier(.2,.7,.2,1)!important}
body.retro-site #main .alt-terminal-button.retro-action.line-touched::before{clip-path:circle(160% at 34% 0)!important}
/* Service headings share the quieter scale of the method steps. */
body.retro-home #main .retro-system-white .row .w{font-size:clamp(34px,5.3vw,78px)!important;line-height:1.08}
body.retro-home #main .hero .retro-mejor-node{transform:none!important;translate:none!important}
@media(max-width:760px){body.retro-home #main .retro-system-white .row .w{font-size:clamp(30px,7vw,44px)!important}}
@media(prefers-reduced-motion:reduce){body.retro-site #main .alt-terminal-button.retro-action::before{clip-path:circle(160% at 34% 0)!important;transition:none!important}}

/* Audit: one owner of vertical padding for every logical Home section. */
body.retro-home #main>section.claude-section{padding-block:0!important;margin-block:0!important}
body.retro-home #main .retro-method-paper>.method-section,body.retro-home #main .retro-system-white>.chain{padding-block:0!important;margin-block:0!important}
body.retro-home #main .retro-method-paper>.method-section>.in{min-height:0!important;padding-top:calc(var(--home-section-space)/2)!important;padding-bottom:calc(var(--home-section-space)/2)!important;margin-block:0!important}
body.retro-home #main .retro-system-white>.chain>.in{min-height:0!important;padding-top:clamp(40px,5vw,64px)!important;padding-bottom:calc(var(--home-section-space)/2)!important;margin-block:0!important}
body.retro-home #main .retro-method-paper .v30-notion-note,body.retro-home #main .retro-system-white .v30-system-closing{margin-bottom:0!important}
body.retro-home #main .retro-system-white .v30-system-closing>p:last-child{margin-bottom:0!important}
body.retro-home #main .alt-cases>.alt-endnote{padding-bottom:0!important;margin-bottom:0!important}
body.retro-home #main .retro-team-collage>.alt-people-copy,body.retro-home #main .alt-closing>.alt-anchor{margin-bottom:0!important}
/* Keep card footers at the same level, including when a description wraps. */
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{display:flex;flex-direction:column;align-items:stretch!important;flex:1 0 auto}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>.card-bottom{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:16px!important;margin-top:auto!important;padding-top:4px!important;border:0!important;align-self:stretch!important}
body.retro-home #main .retro-folder-pair .retro-card-copy>.card-bottom>.retro-card-cta{order:0;flex:0 0 auto;margin:0!important;align-self:center!important}
body.retro-home #main .retro-folder-pair .retro-service-tags{order:1;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:6px;list-style:none;margin:0;padding:0;max-width:100%}
body.retro-home #main .retro-folder-pair .retro-service-tags>li{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0;padding:5px 9px;background:transparent;border:1px solid #161513;border-radius:999px;color:#161513;font-family:var(--sans);font-size:11px;font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap}
body.retro-home #main .retro-service-tags>li::before,body.retro-home #main .retro-service-tags>li::after{content:none!important;display:none!important}
@media(max-width:760px){
body.retro-home #main .retro-system-white>.chain>.in{padding-top:36px!important}
body.retro-home #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>.card-bottom{justify-content:flex-start!important;gap:14px!important}
}

/* Section titles and their opposite labels share one desktop row. */
@media(min-width:761px){
body.retro-home #main>.retro-opposed-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;align-items:start}
body.retro-home #main>.retro-opposed-heading>.eyebrow{grid-column:2;grid-row:1;text-align:right!important;margin:8px 0 0!important;white-space:nowrap;justify-self:end}
body.retro-home #main>.retro-opposed-heading>.alt-anchor{grid-column:1;grid-row:1;width:100%;margin:0!important}
body.retro-site #main>.retro-opposed-heading>:is(.retro-folder-pair,.retro-case-folders,.alt-endnote){grid-column:1/-1}
body.retro-home #main .retro-system-film>.film-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 36px;align-items:start}
body.retro-home #main .retro-system-film .film-copy>.eyebrow{grid-column:2;grid-row:1;margin:8px 0 0!important;white-space:nowrap;text-align:right!important}
body.retro-home #main .retro-system-film .film-copy>h2{grid-column:1;grid-row:1;margin:0!important;font-size:clamp(40px,4.7vw,76px)}
}
@media(max-width:760px){
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom{padding-left:0!important;padding-right:0!important;width:100%!important;margin-inline:0!important}
body.retro-home #main .hero.alt-hero .retro-hero-copy>.alt-hero-bottom>.alt-anchor{margin-inline:0!important;padding-inline:0!important;width:100%!important}
body.retro-home #main>.retro-opposed-heading{display:block}
body.retro-home #main .retro-system-film>.film-copy{display:block}
body.retro-home #main .retro-mobile-heading-node{position:relative;width:100%!important;max-width:100%!important;margin-inline:0!important;padding-left:0!important;padding-right:0!important;padding-top:48px!important}
body.retro-home #main .retro-mobile-heading-node>h2{margin-left:0!important;margin-right:0!important;width:100%;max-width:100%}
body.retro-home #main .retro-mobile-heading-node>.alt-node{right:auto!important;transform:none!important}
}

body.retro-home #main .retro-team-mosaic .retro-team-title>.alt-node{left:var(--team-node-x,85%)!important;top:var(--team-node-y,70%)!important;right:auto!important;transform:none!important}
body.retro-site #main>section.alt-closing{padding-bottom:calc(var(--home-section-space,96px)/2 + 48px)!important}
@media(max-width:760px){body.retro-site #main>section.alt-closing{padding-bottom:calc(var(--home-section-space,68px)/2 + 36px)!important}}

/* Approved flipbook and a genuinely centered section 01 reading column. */
body.retro-home #main .hero .retro-hero-film>.retro-hero-video{object-position:50% 50%!important}
body.retro-home #main #mirada .v30-insight-editorial{display:block;width:100%;max-width:1000px;margin-left:auto!important;margin-right:auto!important;padding-inline:0;text-align:center}
body.retro-home #main #mirada .v30-insight-premise{width:100%;max-width:36ch;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.retro-home #main #mirada .v30-insight-scenarios{width:100%;max-width:1000px;margin-left:auto!important;margin-right:auto!important;justify-items:center;grid-template-columns:repeat(2,minmax(0,1fr));text-align:center}
body.retro-home #main #mirada .v30-insight-scenarios>p{width:100%;max-width:39ch;margin-inline:auto!important;text-align:center!important}
body.retro-home #main #mirada .v30-insight-closing{width:100%;max-width:100%;margin-inline:auto!important;text-align:center!important}
body.retro-home #main #mirada .v30-insight-closing .alt-statement{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
@media(max-width:760px){body.retro-home #main #mirada .v30-insight-scenarios{grid-template-columns:minmax(0,1fr)}body.retro-home #main #mirada .v30-insight-premise{max-width:36ch}}

/* Section 05: remove the former left rail gutter on mobile. */
@media(max-width:760px){
body.retro-home #main>section.alt-cases{box-sizing:border-box;width:100%;margin-inline:0!important;padding-left:24px!important;padding-right:24px!important}
body.retro-site #main .alt-cases>.retro-case-folders,body.retro-site #main .alt-cases>.alt-endnote{width:100%;min-width:0;max-width:100%;margin-left:0!important;margin-right:0!important}
body.retro-site #main .alt-cases .retro-case-folder,body.retro-site #main .alt-cases .retro-numa-intro>.case-info,body.retro-site #main .alt-cases .retro-numa-details{min-width:0;box-sizing:border-box}
}

/* Shared folder component: identical source-order rules as Home. */
body.retro-interior.editorial-unified #main .retro-tab-panels.retro-folder-pair{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;margin-top:76px!important;overflow:visible;border:0!important;background:transparent!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex){overflow:visible!important;min-width:0;width:100%;min-height:78svh;height:auto;margin:0!important;padding:clamp(36px,3.4vw,52px)!important;gap:24px;border:1px solid #161513!important;border-radius:0 0 24px 24px!important;--apex-film-inset:18px;transform:none!important}
body.retro-interior.editorial-unified #main .retro-folder-pair #panel-apex{border-left:0!important}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-folder-tab{position:absolute!important;bottom:100%;top:auto;left:-1px;z-index:5;width:max-content;max-width:calc(100% + 1px);min-height:48px;display:flex;align-items:center;padding:12px 20px;margin:0 0 -1px!important;border:1px solid #161513;border-bottom:0;border-radius:18px 18px 0 0;background:#F5F2E3;color:#161513!important;font-family:var(--sans);font-size:clamp(14px,1.3vw,19px);line-height:1.25;letter-spacing:-.025em}
body.retro-interior.editorial-unified #main .retro-folder-pair #panel-apex>.retro-folder-tab{left:auto;right:-1px}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{font-size:clamp(62px,7.8vw,118px)!important;max-width:100%}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>p{font-size:clamp(18px,1.6vw,23px);line-height:1.4}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{gap:20px}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-card-cta{max-width:100%;white-space:normal}
@media(max-width:760px){body.retro-interior.editorial-unified #main .retro-tab-panels.retro-folder-pair{grid-template-columns:minmax(0,1fr)!important;margin-top:64px!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex){padding:44px 36px!important;min-height:76svh;border-radius:0!important}
body.retro-interior.editorial-unified #main .retro-folder-pair #panel-axis{padding-bottom:76px!important}
body.retro-interior.editorial-unified #main .retro-folder-pair #panel-apex{border-left:1px solid #161513!important;border-top:0!important;border-radius:0 0 22px 22px!important;z-index:3}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-folder-tab{min-height:44px;font-size:14px;padding:12px 16px}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{font-size:clamp(62px,20vw,100px)!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>p{font-size:19px}}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-folder-tab{transform:none!important;opacity:1!important;animation:none!important}
body.retro-interior.editorial-unified #main .retro-tab-panels.retro-folder-pair{margin-top:clamp(96px,9vw,132px)!important;align-items:stretch}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex){display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0!important;height:auto!important;padding:28px!important;gap:24px;color:#161513!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{order:0;position:relative;align-self:flex-start;font-size:clamp(62px,7.3vw,108px)!important;margin:0!important}
body.retro-interior.editorial-unified #main .retro-folder-pair #panel-apex>h3{color:#490224!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{order:1;position:relative;max-width:none;width:100%;padding:0;gap:18px;flex:1 0 auto}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>p{color:#514B45!important;font-size:clamp(17px,1.5vw,21px);line-height:1.45;margin:0!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-action-icon{color:#161513!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-media{order:2;position:relative!important;inset:auto!important;width:100%!important;height:clamp(240px,34svh,390px)!important;min-height:0!important;margin:0!important;border-radius:18px!important;overflow:hidden;flex:none;z-index:0!important;clip-path:none!important;mask:none!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-media>.v30-atmosphere{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;filter:none!important;transform:none!important;opacity:1!important;mix-blend-mode:normal!important;clip-path:none!important;mask:none!important}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-media video{width:100%!important;height:100%!important;object-fit:cover;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(.retro-media,.v30-atmosphere):before,body.retro-interior.editorial-unified #main .retro-folder-pair :is(.retro-media,.v30-atmosphere):after{content:none!important;display:none!important}
@media(max-width:760px){body.retro-interior.editorial-unified #main .retro-tab-panels.retro-folder-pair{margin-top:84px!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex){padding:22px!important;gap:22px}
body.retro-interior.editorial-unified #main .retro-folder-pair #panel-axis{padding-bottom:66px!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-media{height:clamp(230px,34svh,330px)!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>h3{font-size:clamp(62px,20vw,100px)!important}}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-media{order:1!important}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{order:2!important;flex:1 0 auto;justify-content:flex-start}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex)>.retro-card-copy{display:flex;flex-direction:column;align-items:stretch!important;flex:1 0 auto}
body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>.card-bottom{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:16px!important;margin-top:auto!important;padding-top:4px!important;border:0!important;align-self:stretch!important}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-card-copy>.card-bottom>.retro-card-cta{order:0;flex:0 0 auto;margin:0!important;align-self:center!important}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-service-tags{order:1;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:6px;list-style:none;margin:0;padding:0;max-width:100%}
body.retro-interior.editorial-unified #main .retro-folder-pair .retro-service-tags>li{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0;padding:5px 9px;background:transparent;border:1px solid #161513;border-radius:999px;color:#161513;font-family:var(--sans);font-size:11px;font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap}
body.retro-interior.editorial-unified #main .retro-service-tags>li::before,body.retro-interior.editorial-unified #main .retro-service-tags>li::after{content:none!important;display:none!important}
@media(max-width:760px){body.retro-interior.editorial-unified #main .retro-folder-pair :is(#panel-axis,#panel-apex) .retro-card-copy>.card-bottom{justify-content:flex-start!important;gap:14px!important}}
@media(min-width:761px){body.retro-interior.editorial-unified #main>.retro-opposed-heading>:is(.retro-folder-pair,.retro-case-folders,.alt-endnote){grid-column:1/-1}}
/* Editorial migration, 24 October: interior pages inherit the Home's light canvas. */
body.retro-site.editorial-unified{--paper:#F5F2E3;--bg:#F5F2E3;--ink:#161513;--muted:#625c53;--line:#16151333;--home-section-space:calc(24px + clamp(48px,6vw,88px));background:#F5F2E3!important;color:#161513}
body.retro-site.retro-interior.editorial-unified #main>section{box-sizing:border-box;background:#F5F2E3!important;color:#161513!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;width:100%!important;max-width:none!important;padding:calc(var(--home-section-space)/2) clamp(24px,5vw,72px)!important;min-height:0!important;overflow:visible!important;--ink:#161513;--paper:#F5F2E3;--muted:#625c53;--line:#16151333}
body.retro-site.retro-interior.editorial-unified #main>section:before,body.retro-site.retro-interior.editorial-unified #main>section:after{content:none!important}
body.retro-site.retro-interior.editorial-unified #main :is(h1,h2,h3,h4,.h2,.w,.kicker,.eyebrow,.svc-l,.v30-cycle-text){color:#161513!important}
body.retro-site.retro-interior.editorial-unified #main :is(.lead,.alt-lead,.v30-prose,.v30-prose p,.journey-step p,.sw p,.v30-cap-card p,.v30-scope-note,.case-info p,.client-names,.v30-system-closing){color:#625c53!important}
body.retro-site.retro-interior.editorial-unified #main :is(.eyebrow,.kicker){font-family:'IBM Plex Mono',monospace!important;font-size:12px!important;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
body.retro-site.retro-interior.editorial-unified #main :is(.section-node,.alt-node,.nd){--node-idle:#b6b3a8}
body.retro-site.retro-interior.editorial-unified #main :is(.v30-apex-shade,.retro-apex-card-shade){display:none!important}
body.retro-site.retro-interior.editorial-unified #main .continuous-rail{z-index:3!important;pointer-events:none}
body.retro-site.retro-interior.editorial-unified #main :is(.section-node,.alt-node){z-index:4}
body.retro-site.retro-interior.editorial-unified #main :is(h2,.h2){font-size:clamp(40px,4.7vw,76px);line-height:1.08;letter-spacing:-.045em}
body.retro-site.retro-interior.editorial-unified #main :is(.v30-prose,.lead.narrow){max-width:840px;margin-top:28px;margin-bottom:0}
body.retro-site.retro-interior.editorial-unified #main :is(.v30-prose p,.lead){font-size:clamp(18px,1.7vw,25px);line-height:1.5}
body.retro-site.retro-interior.editorial-unified #main :is(.v30-prose,.subhero-bottom) p+p{margin-top:18px}
/* Hero: shared editorial grid, with media below the heading and summary. */
body.retro-site.retro-interior.editorial-unified #main>section.editorial-hero{display:block!important;height:auto!important;min-height:0!important;padding-top:clamp(130px,13vw,190px)!important;padding-bottom:24px!important;isolation:isolate}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero>.eyebrow{margin:0 0 clamp(36px,4vw,56px)!important;max-width:none}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,5vw,80px);align-items:start;position:relative;z-index:2}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-row>:is(h1,.alt-anchor){margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0;grid-area:auto!important;align-self:start!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero h1{font-size:clamp(44px,5.7vw,92px)!important;line-height:1.04!important;letter-spacing:-.05em;max-width:none!important;margin:0!important;color:#161513!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero h1 em{color:inherit!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero .subhero-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;max-width:none!important;margin:0!important;padding:4px 0 0!important;gap:24px!important;grid-area:auto!important;min-width:0}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero .subhero-bottom .lead{width:100%;max-width:none!important;margin:0!important;font-size:clamp(18px,1.75vw,25px)!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero :is(.editorial-hero-media,.editorial-hero-figure){position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;margin:36px 0 0!important;opacity:1!important;filter:none!important;transform:none!important;mask:none!important;clip-path:none!important;z-index:0!important;overflow:hidden;border-radius:24px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero .editorial-hero-media{height:clamp(240px,43svh,560px)!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-media:before,body.retro-site.retro-interior.editorial-unified #main .editorial-hero-media:after{content:none!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-media video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;filter:none!important;opacity:1!important;transform:none!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-figure img{display:block;width:100%;height:clamp(240px,43svh,560px);object-fit:cover;border-radius:24px}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-figure figcaption{padding-top:12px;color:#625c53;font-size:12px}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero .v30-hero-name{position:relative!important;inset:auto!important;display:flex!important;gap:.025em!important;font-size:clamp(64px,7.3vw,108px)!important;letter-spacing:.025em!important;line-height:1.1;margin:0 0 28px!important;opacity:1!important;color:#490224!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero .v30-name-axis{color:#DA6E47!important}
/* Left title / right eyebrow; intentionally centered statements use a single reading column. */
body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:start;margin:0 0 32px;position:relative}
body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading>.eyebrow{grid-column:2;grid-row:1;text-align:right!important;margin:8px 0 0!important;max-width:26ch}
body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading>:is(h2,.alt-anchor){grid-column:1;grid-row:1;margin:0!important;width:100%;max-width:none}
body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading h2{margin:0!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered{text-align:center}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered>:is(h2,.alt-anchor,.lead,.v30-prose){max-width:1000px!important;margin-inline:auto!important;text-align:center}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .eyebrow{text-align:center!important}
/* Light service and process cards, without the dark panels or old sticky offsets. */
body.retro-site.retro-interior.editorial-unified #main :is(.v30-cap-grid,.journey-steps){margin-top:36px}
body.retro-site.retro-interior.editorial-unified #main .v30-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0!important}
body.retro-site.retro-interior.editorial-unified #main .v30-cap-grid>article{position:relative!important;top:auto!important;margin:0!important;padding:30px!important;border:1px solid #16151333!important;border-radius:22px!important;background:#F5F2E3!important;color:#161513!important;box-shadow:none!important;transform:none!important;min-width:0}
body.retro-site.retro-interior.editorial-unified #main .v30-cap-grid>article h3{font-size:clamp(26px,2.7vw,40px)!important;line-height:1.12}
body.retro-site.retro-interior.editorial-unified #main .v30-cap-grid>article p{color:#625c53!important;line-height:1.5}
body.retro-site.retro-interior.editorial-unified #main .journey-step{background:transparent!important;border-color:#16151333!important;color:#161513;max-width:100%;box-sizing:border-box}
body.retro-site.retro-interior.editorial-unified #main .journey-step h3{font-size:clamp(30px,4vw,56px)!important;line-height:1.1}
body.retro-site.retro-interior.editorial-unified #main :is(.journey-index,.v30-cap-index){color:#625c53!important}
body.retro-site.retro-interior.editorial-unified #main .faq-list details{border-color:#16151333;color:#161513;background:transparent}
body.retro-site.retro-interior.editorial-unified #main .faq-list summary{color:#161513}
body.retro-site.retro-interior.editorial-unified #main .faq-list details p{color:#625c53}
/* Content folders use the same thin outlines and tab treatment as the Home. */
body.retro-site.retro-interior.editorial-unified #main .editorial-folder{position:relative;border:1px solid #161513;border-radius:0 22px 22px 22px;background:#F5F2E3;padding:clamp(20px,2.5vw,36px);margin-top:84px;min-width:0}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder>.editorial-folder-label{position:absolute;bottom:100%;left:-1px;background:#F5F2E3;border:1px solid #161513;border-bottom:0;border-radius:18px 18px 0 0;margin:0 0 -1px;padding:12px 22px;font-size:17px;color:#161513}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder>:not(.editorial-folder-label){margin:0!important;max-width:100%;min-width:0}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder :is(img,video){border-radius:16px}
body.retro-site.retro-interior.editorial-unified #main .numa-table-wrap{overflow-x:auto;background:transparent;color:#161513}
body.retro-site.retro-interior.editorial-unified #main .numa-table-wrap :is(th,td){border-color:#16151333}
body.retro-site.retro-interior.editorial-unified #main .numa-table-wrap th{background:#e9e5d6;color:#161513}
body.retro-site.retro-interior.editorial-unified #main .case-story .case-wide{margin-top:36px;margin-bottom:0}
body.retro-site.retro-interior.editorial-unified #main .case-story img{border-radius:22px}
/* Qué hacemos: title, film, and process have their own clear place in the flow. */
body.retro-site.retro-interior.editorial-unified #main .v30-work-film-intro{display:flex!important;flex-direction:column;position:relative;min-height:0!important;padding:0!important;background:transparent!important;gap:28px}
body.retro-site.retro-interior.editorial-unified #main .v30-work-film-intro>.eyebrow{margin:0!important}
body.retro-site.retro-interior.editorial-unified #main .v30-work-film-intro>.alt-anchor{margin:0!important}
body.retro-site.retro-interior.editorial-unified #main .v30-work-film-intro>.v30-prose{margin:0!important}
body.retro-site.retro-interior.editorial-unified #main .v30-work-film-media{position:relative!important;inset:auto!important;order:4;width:100%;height:clamp(240px,43svh,560px)!important;border-radius:24px;overflow:hidden;opacity:1!important;filter:none!important}
body.retro-site.retro-interior.editorial-unified #main :is(.v30-work-film-intro,.v30-work-film-media):before,body.retro-site.retro-interior.editorial-unified #main :is(.v30-work-film-intro,.v30-work-film-media):after{content:none!important}
body.retro-site.retro-interior.editorial-unified #main .v30-work-film-media video{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important}
body.retro-site.retro-interior.editorial-unified #main .v30-work-process{background:transparent!important;color:#161513!important;padding:36px 0 0!important;margin:0!important}
/* Método: eliminate the second layer of section padding. */
body.retro-site.retro-interior.editorial-unified #main .claude-section :is(.s,.in){background:transparent!important;color:#161513!important;padding-block:0!important;margin-block:0!important;min-height:0!important}
body.retro-site.retro-interior.editorial-unified #main .claude-section .in{padding-inline:0!important;max-width:none!important;width:100%!important}
body.retro-site.retro-interior.editorial-unified #main .claude-section .sw{margin-left:calc(40px + var(--i)*3.6vw)!important}
body.retro-site.retro-interior.editorial-unified #main .claude-section .sw h3{font-size:clamp(34px,5.3vw,78px)!important;line-height:1.08}
body.retro-site.retro-interior.editorial-unified #main .claude-section .sw .nd{left:-34px!important;top:.5em!important}
body.retro-site.retro-interior.editorial-unified #main .v30-notion-note{max-width:540px!important;border-color:#16151333!important}
body.retro-site.retro-interior.editorial-unified #main>section.alt-closing{padding-bottom:calc(var(--home-section-space)/2 + 48px)!important}
/* Dashboard action is a normal pill with a transparent icon cutout and black play glyph. */
body.retro-site #main button.v30-dashboard-open.retro-action{padding:7px 8px 7px 20px!important;gap:20px!important;min-height:48px!important;background:transparent!important;border:0!important;font:13px/1.3 'IBM Plex Mono',monospace!important;letter-spacing:0!important;color:#161513!important;display:inline-flex!important;align-items:center;justify-content:space-between;text-align:left}
body.retro-site #main button.v30-dashboard-open.retro-action:before{background:#ABC5FE!important;-webkit-mask:radial-gradient(circle 17px at calc(100% - 25px) 50%,transparent 98%,#000 100%)!important;mask:radial-gradient(circle 17px at calc(100% - 25px) 50%,transparent 98%,#000 100%)!important}
body.retro-site #main button.v30-dashboard-open.retro-action>span{border:0!important;padding:0!important;font:inherit!important;letter-spacing:inherit!important}
body.retro-site #main button.v30-dashboard-open.retro-action .retro-action-icon{order:1!important;flex:0 0 34px!important;width:34px!important;height:34px!important;background:transparent!important;border:0!important;color:#161513!important}
body.retro-site #main button.v30-dashboard-open.retro-action svg{width:18px!important;height:18px!important}
@media(max-width:760px){
 body.retro-site.editorial-unified{--home-section-space:68px}
 body.retro-site.retro-interior.editorial-unified #main>section{padding-inline:24px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.editorial-hero{padding-top:128px!important;padding-bottom:20px!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero>.eyebrow{margin-bottom:32px!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero-row{grid-template-columns:minmax(0,1fr);gap:28px}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero h1{font-size:clamp(38px,9vw,62px)!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero .subhero-bottom{padding:0!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero .subhero-bottom .lead{font-size:19px!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero :is(.editorial-hero-media,.editorial-hero-figure){margin-top:28px!important;border-radius:18px!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero .editorial-hero-media,body.retro-site.retro-interior.editorial-unified #main .editorial-hero-figure img,body.retro-site.retro-interior.editorial-unified #main .v30-work-film-media{height:clamp(210px,34svh,340px)!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
 body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading>.eyebrow{text-align:left!important;margin:0!important;max-width:100%}
 body.retro-site.retro-interior.editorial-unified #main :is(h2,.h2){font-size:clamp(32px,8.4vw,48px)!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-heading-anchor{padding:44px 0 0!important;margin-inline:0!important;width:100%!important;max-width:100%!important;position:relative}
 body.retro-site.retro-interior.editorial-unified #main .editorial-hero-row>.editorial-heading-anchor{padding-top:44px!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-heading-anchor>.alt-node{transform:none!important;right:auto!important}
 body.retro-site.retro-interior.editorial-unified #main .v30-cap-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 body.retro-site.retro-interior.editorial-unified #main .v30-cap-grid>article{padding:24px 24px 24px 42px!important}
 body.retro-site.retro-interior.editorial-unified #main .journey-step{margin-left:28px!important;margin-right:0!important;width:calc(100% - 28px)!important;padding-right:0!important}
 body.retro-site.retro-interior.editorial-unified #main .editorial-folder{padding:20px;margin-top:68px}
 body.retro-site.retro-interior.editorial-unified #main .editorial-folder>.editorial-folder-label{font-size:15px}
 body.retro-site.retro-interior.editorial-unified #main .claude-section .sw{margin-left:32px!important}
 body.retro-site.retro-interior.editorial-unified #main .claude-section .sw h3{font-size:clamp(30px,7vw,44px)!important}
 body.retro-site.retro-interior.editorial-unified #main .claude-section .sw .nd{left:-28px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.alt-closing{padding-bottom:70px!important}
 body.retro-site.retro-interior.editorial-unified #main :is(.v30-prose,.lead.narrow,.case-info){width:100%;max-width:100%;min-width:0;margin-inline:0!important}
}

/* Final contrast and responsive node audit. */
body.retro-site.retro-interior.editorial-unified #main .v30-capability>span{color:#625c53!important}
body.retro-site.retro-interior.editorial-unified #main .v30-capability :is(h3,p){opacity:1}
body.retro-site.retro-interior.editorial-unified #main .v30-capability{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder .case-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;background:transparent;color:#161513;padding:0;min-height:0}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder .case-photo{min-height:0;height:clamp(240px,38svh,420px)}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder .case-photo img{width:100%;height:100%;object-fit:cover}
body.retro-site.retro-interior.editorial-unified #main .role-section{background:transparent!important}
body.retro-site.retro-interior.editorial-unified #main .role-section :is(.role-card,article){background:transparent;color:#161513;border-color:#16151333}
body.retro-site.retro-interior.editorial-unified #main .contact-section :is(input,textarea,select){background:transparent;color:#161513;border-color:#16151355;border-radius:12px}
body.retro-site.retro-interior.editorial-unified #main .contact-section label{color:#161513}
body.retro-site.retro-interior.editorial-unified #main .contact-section form{min-width:0}
body.retro-site.retro-interior.editorial-unified #main .v30-dashboard-frame{background:transparent!important;border:0!important;padding:0!important}
body.retro-site.retro-interior.editorial-unified #main .v30-dashboard-frame figcaption{color:#625c53!important}
body.retro-site.retro-interior.editorial-unified #main .retro-folder-pair .eco-card{background:#F5F2E3!important;color:#161513!important;isolation:isolate}
body.retro-site.retro-interior.editorial-unified #main .retro-folder-pair #panel-axis>h3{color:#DA6E47!important}
body.retro-site.retro-interior.editorial-unified #main .retro-folder-pair #panel-apex>h3{color:#490224!important}
body.retro-site #main button.v30-dashboard-open.retro-action{width:auto!important;height:auto!important;max-width:100%;border-radius:999px!important;flex:0 1 auto!important;--cutout-fill:#ABC5FE}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main .editorial-direct-node-heading{margin-top:44px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-section-heading>.editorial-direct-node-heading{margin-top:44px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-row>h1.editorial-direct-node-heading{margin-top:44px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder .case-feature{grid-template-columns:minmax(0,1fr);gap:24px}
body.retro-site.retro-interior.editorial-unified #main .editorial-folder .case-photo{height:240px}
body.retro-site.retro-interior.editorial-unified #main .contact-section,body.retro-site.retro-interior.editorial-unified #main .case-story{display:block!important}
body.retro-site.retro-interior.editorial-unified #main .contact-section form{margin-top:36px}
body.retro-site.retro-interior.editorial-unified #main .case-story>div{margin-top:32px}
}


/* AXIbody.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero/APEX: one viewport budget for labels, copy and film; no clipping of content. */
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto minmax(160px,1fr)!important;align-items:start!important;align-content:stretch!important;gap:clamp(16px,2.4svh,26px) 28px!important;height:90svh!important;min-height:660px!important;padding:calc(var(--header-space,104px) + 14px) clamp(24px,5vw,72px) 24px!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;background:#F5F2E3!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.eyebrow{grid-column:2!important;grid-row:1!important;align-self:center!important;margin:0!important;max-width:28ch!important;text-align:right!important;color:#625c53!important;font-size:11px!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.v30-hero-name{grid-column:1!important;grid-row:1!important;font-size:clamp(48px,7.5svh,76px)!important;line-height:1!important;margin:0!important;gap:0!important;letter-spacing:-.065em!important;width:max-content!important;max-width:100%;opacity:1!important;visibility:visible!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-row{grid-column:1/-1!important;grid-row:2!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:clamp(28px,4vw,64px)!important;width:100%;min-width:0;opacity:1!important;visibility:visible!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row h1{font-size:clamp(28px,3.3vw,48px)!important;line-height:1.08!important;margin:0!important;color:#161513!important;text-wrap:balance}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row h1 em{color:#161513!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row .subhero-bottom{gap:16px!important;padding:0!important;margin:0!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row .lead,body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row .lead p{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.4!important;color:#625c53!important;margin:0!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .subhero-bottom>.alt-link{margin-top:0!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-media{grid-column:1/-1!important;grid-row:3!important;align-self:stretch!important;position:relative!important;inset:auto!important;min-height:160px!important;height:100%!important;width:100%!important;margin:0!important;animation:none!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;border-radius:22px!important;overflow:hidden!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-media video{opacity:1!important;visibility:visible!important;animation:none!important;filter:none!important;transform:none!important;object-fit:cover!important}
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-media:before,body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-media:after{display:none!important;content:none!important}
@media(max-width:760px){
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto minmax(130px,1fr)!important;gap:14px!important;height:90svh!important;min-height:650px!important;padding:calc(var(--header-space,82px) + 14px) 24px 20px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.eyebrow{grid-column:1!important;grid-row:1!important;text-align:left!important;max-width:100%!important;font-size:10px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.v30-hero-name{grid-column:1!important;grid-row:2!important;font-size:44px!important;line-height:1!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-row{grid-column:1!important;grid-row:3!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row>.editorial-heading-anchor{padding:0 30px 0 0!important;margin:0!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row h1{font-size:clamp(24px,6.4vw,29px)!important;line-height:1.08!important;text-wrap:initial}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row .lead,body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row .lead p{font-size:15px!important;line-height:1.35!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row .subhero-bottom{gap:12px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .subhero-bottom>.alt-link{font-size:12px!important}
 body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero>.editorial-hero-media{grid-row:4!important;min-height:130px!important;height:100%!important;border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .v30-hero-name{animation:none!important}}

/* Header already occupies its own row: avoid reserving its height a second time. */
body.retro-site.retro-interior.editorial-unified:not(.retro-apex-page) #main{margin-top:0!important}
body.retro-site.retro-interior.editorial-unified #main>section.editorial-hero:not(.solution-viewport-hero){padding-top:clamp(24px,3vw,44px)!important}
body.retro-site.retro-interior.editorial-unified #main>section.editorial-hero:not(.solution-viewport-hero)>.eyebrow{margin-bottom:clamp(24px,3vw,40px)!important}
/* Film section is now light; its animated italic glyphs must inherit Ink too. */
body.retro-site.retro-interior.editorial-unified.v30-work #main .v30-work-film .v30-work-film-intro h2,
body.retro-site.retro-interior.editorial-unified.v30-work #main .v30-work-film .v30-work-film-intro h2 *{color:#161513!important;-webkit-text-fill-color:#161513!important}
/* Geometry is updated atomically on accordion resize; no SVG attribute interpolation. */
body.retro-site #main .faq-section>.continuous-rail{transition:none!important}
body.retro-site #main .faq-section{overflow-anchor:none}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main>section.editorial-hero:not(.solution-viewport-hero){padding-top:24px!important}
body.retro-site.retro-interior.editorial-unified #main>section.editorial-hero:not(.solution-viewport-hero)>.eyebrow{margin-bottom:24px!important}
}


/* Shared reading rhythm: Home margins, compact steps and deliberate text hierarchy. */
body.retro-site.retro-interior.editorial-unified #main>section{padding-left:8vw!important;padding-right:8vw!important}
body.retro-site.retro-interior.editorial-unified #main .journey-steps{display:flex!important;flex-direction:column;gap:0!important;margin-top:32px!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step{min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:24px!important;padding-bottom:28px!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step+.journey-step{border-top:1px solid #16151326!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step h3{font-size:clamp(28px,3.4vw,48px)!important;line-height:1.12;margin:0 0 12px!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step p{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.45;max-width:48ch;margin-bottom:0!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step .alt-node{top:calc(24px + clamp(28px,3.4vw,48px)*.56 - 12px)!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;width:100%!important;max-width:none!important;align-items:start}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>p,body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>.v30-paragraph-group{margin:0!important;max-width:none!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>p{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.5!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>:first-child{color:#161513!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>:first-child p{color:#161513!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>:nth-child(n+2),body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>:nth-child(n+2) p{color:#70685c!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-lead>:first-child{grid-column:1/-1;max-width:42ch!important;font-size:clamp(23px,2.3vw,32px)!important;line-height:1.3!important;margin-bottom:8px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .editorial-reading-grid{max-width:1000px!important;margin-inline:auto!important;text-align:center}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .editorial-reading-lead>:first-child{justify-self:center}
/* Open questions: stable heights and answers available without interaction. */
body.retro-site.retro-interior.editorial-unified #main .editorial-faq{display:block!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-faq>.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
body.retro-site.retro-interior.editorial-unified #main .editorial-answer{border:1px solid #16151333;border-radius:20px;padding:26px;background:transparent;min-width:0}
body.retro-site.retro-interior.editorial-unified #main .editorial-answer h3{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.2;margin:0 0 18px;color:#161513!important;letter-spacing:-.035em}
body.retro-site.retro-interior.editorial-unified #main .editorial-answer p{font-size:17px;line-height:1.5;color:#70685c;margin:0 0 12px}
body.retro-site.retro-interior.editorial-unified #main .editorial-answer p:last-child{margin-bottom:0}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main>section{padding-left:24px!important;padding-right:24px!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step{padding-top:20px!important;padding-bottom:24px!important}
body.retro-site.retro-interior.editorial-unified #main .journey-step .alt-node{top:24px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid{grid-template-columns:minmax(0,1fr);gap:22px}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-grid>p{font-size:18px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-reading-lead>:first-child{font-size:23px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-faq>.faq-list{grid-template-columns:minmax(0,1fr);gap:16px}
body.retro-site.retro-interior.editorial-unified #main .editorial-answer{padding:22px}
}

/* Italic clauses always start on a new title line, without changing glyph animations. */
body.retro-site.retro-interior #main :is(h1,h2)>br.editorial-title-break{display:initial!important}
body.retro-site.retro-interior #main :is(h1,h2)>em{margin-left:0!important}

/* Short copy, real films and a restrained visual metaphor for shared direction. */
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-concise-copy{display:block!important;max-width:48ch!important;width:100%;margin-top:24px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-concise-copy p{font-size:clamp(19px,1.8vw,26px)!important;line-height:1.45!important;margin:0!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .editorial-centered .work-concise-copy{margin-inline:auto!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .v30-work-film-intro .work-concise-copy{margin:0!important}
body.retro-site .work-direction-visual{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(24px,5vw,80px);width:100%;max-width:800px;margin:40px auto 0;padding:22px 0;isolation:isolate}
body.retro-site .work-direction-thread{position:absolute;inset:0;width:100%;height:100%;color:#16151355;z-index:-1;overflow:visible}
body.retro-site .work-direction-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;border:1px solid #16151355;border-radius:22px;background:#F5F2E3;animation:work-piece-settle 8s ease-in-out infinite;animation-delay:var(--piece-delay);animation-play-state:paused}
body.retro-site .work-direction-piece strong{font:500 clamp(14px,1.6vw,20px)/1.3 var(--sans);color:#161513}
body.retro-site .work-direction-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#DA6E4720;color:#8b3b24;font:12px/1 'IBM Plex Mono',monospace}
body.retro-site .work-direction-pulse{offset-path:path('M12 40 C120 0 180 80 300 40 S480 0 588 40');cx:0;cy:0;animation:work-thread-travel 8s ease-in-out infinite;animation-play-state:paused}
body.retro-site .work-direction-visual.is-playing :is(.work-direction-piece,.work-direction-pulse){animation-play-state:running}
@keyframes work-piece-settle{0%,16%,100%{transform:translateY(0);border-color:#16151355}7%{transform:translateY(-5px);border-color:#DA6E47}}
@keyframes work-thread-travel{0%,8%{offset-distance:0%;opacity:0}14%{opacity:1}75%{offset-distance:100%;opacity:1}85%,100%{offset-distance:100%;opacity:0}}
@media(max-width:760px){body.retro-site .work-direction-visual{gap:12px;margin-top:28px}body.retro-site .work-direction-piece{min-height:108px;border-radius:16px;gap:10px}body.retro-site .work-direction-piece strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){body.retro-site .work-direction-piece{animation:none!important}body.retro-site .work-direction-pulse{display:none!important}}


/* Square-film Hero trial: preserve the supplied framing instead of cropping to a strip. */
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-film-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;gap:24px 5vw!important;min-height:calc(88svh - 104px)!important;padding-top:24px!important;padding-bottom:28px!important;align-items:center!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.eyebrow{grid-column:1/-1;grid-row:1;margin:0!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.editorial-hero-row{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:28px!important;align-self:center}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero h1{font-size:clamp(40px,4.4vw,68px)!important;line-height:1.06!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero .subhero-bottom .lead{font-size:clamp(18px,1.6vw,23px)!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{grid-column:2;grid-row:2;position:relative!important;width:100%!important;aspect-ratio:1!important;height:auto!important;max-height:62svh!important;margin:0!important;border-radius:24px!important;overflow:hidden;align-self:center}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-hero-film video{position:relative!important;display:block;width:100%!important;height:100%!important;max-height:62svh;aspect-ratio:1;object-fit:contain!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.continuous-rail{z-index:3!important;pointer-events:none}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-film-hero{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;min-height:0!important;gap:24px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.editorial-hero-row{grid-column:1;grid-row:2;gap:22px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero h1{font-size:clamp(36px,9vw,48px)!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{grid-column:1;grid-row:3;max-height:none!important;border-radius:18px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-hero-film video{max-height:none!important}
}

/* Round the actual square footage as well as its outer frame. */
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{border-radius:24px!important;overflow:hidden!important;clip-path:inset(0 round 24px)!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film video{border-radius:24px!important;clip-path:inset(0 round 24px)!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film,
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film video{border-radius:18px!important;clip-path:inset(0 round 18px)!important}
}

/* Reverse the What we do Hero to contrast with the following service section. */
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-film-hero{grid-template-rows:1fr auto auto 1fr!important;row-gap:24px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{grid-column:1!important;grid-row:1/5!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.eyebrow{grid-column:2!important;grid-row:2!important;align-self:end!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.editorial-hero-row{grid-column:2!important;grid-row:3!important;align-self:start!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-film-hero{grid-template-rows:auto auto auto!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{grid-column:1!important;grid-row:1!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.eyebrow{grid-column:1!important;grid-row:2!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.editorial-hero-row{grid-column:1!important;grid-row:3!important}
}

/* Solutions introduction connects closely to its folder tabs. */
body.retro-site.retro-interior.editorial-unified.v30-solutions-page #main>section.v30-solutions-index{padding-top:24px!important}
body.retro-site.retro-interior.editorial-unified.v30-solutions-page #main .v30-solutions-index>.retro-folder-pair{margin-top:56px!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-solutions-page #main>section.v30-solutions-index{padding-top:20px!important}
body.retro-site.retro-interior.editorial-unified.v30-solutions-page #main .v30-solutions-index>.retro-folder-pair{margin-top:48px!important}
}

/* Service fiches: use the existing one-shot viewport observer, never a perpetual loop. */
body.retro-site.retro-interior.editorial-unified:is(.v30-work,.solution-refined) #main .v30-cap-grid>.v30-capability.v30-enter-ready,

/* Service fiches: use the existing one-shot viewport observer, never a perpetual loop. */
body.garabedian-case #main .gs-service-entrance.v30-enter-ready{--fiche-angle:-2deg;transform-origin:50% 85%;transform:translateY(44px) rotate(var(--fiche-angle))!important;opacity:.25!important;transition:transform .85s cubic-bezier(.2,.75,.22,1),opacity .65s ease!important;transition-delay:var(--entry-delay,0ms)!important}
body.retro-site.retro-interior.editorial-unified:is(.v30-work,.solution-refined) #main .v30-cap-grid>.v30-capability.v30-enter-ready:nth-child(even),
body.garabedian-case #main .gs-service-entrance.v30-enter-ready:nth-child(even){--fiche-angle:2deg}
body.retro-site.retro-interior.editorial-unified:is(.v30-work,.solution-refined) #main .v30-cap-grid>.v30-capability.v30-enter-ready.is-visible,
body.garabedian-case #main .gs-service-entrance.v30-enter-ready.is-visible{transform:translateY(0) rotate(0deg)!important;opacity:1!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified:is(.v30-work,.solution-refined) #main .v30-cap-grid>.v30-capability.v30-enter-ready,
body.garabedian-case #main .gs-service-entrance.v30-enter-ready{transform:translateY(20px)!important;transition-duration:.65s!important}
body.retro-site.retro-interior.editorial-unified:is(.v30-work,.solution-refined) #main .v30-cap-grid>.v30-capability.v30-enter-ready.is-visible,
body.garabedian-case #main .gs-service-entrance.v30-enter-ready.is-visible{transform:none!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero .editorial-hero-row .subhero-bottom{gap:14px!important;justify-content:flex-start!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero .subhero-bottom>.alt-link{margin-top:0!important;margin-bottom:0!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero .subhero-bottom .lead,
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero .subhero-bottom .lead p{margin-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){
body.retro-site.retro-interior.editorial-unified:is(.v30-work,.solution-refined) #main .v30-cap-grid>.v30-capability.v30-enter-ready,
body.garabedian-case #main .gs-service-entrance.v30-enter-ready{transform:none!important;opacity:1!important;transition:none!important}
}

/* Restore the original editorial Hero order; retain rounded footage and compact CTA gap. */
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-film-hero{grid-template-rows:auto 1fr!important;row-gap:24px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.eyebrow{grid-column:1/-1!important;grid-row:1!important;align-self:start!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.editorial-hero-row{grid-column:1!important;grid-row:2!important;align-self:center!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{grid-column:2!important;grid-row:2!important;align-self:center!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-film-hero{grid-template-rows:auto auto auto!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.eyebrow{grid-column:1!important;grid-row:1!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.editorial-hero-row{grid-column:1!important;grid-row:2!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{grid-column:1!important;grid-row:3!important}
}

/* Clip the actual square image: eliminate the contain/height-limit mismatch. */
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{width:min(100%,62svh)!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:1/1!important;justify-self:end!important;border-radius:24px!important;overflow:hidden!important;clip-path:inset(0 round 24px)!important;isolation:isolate}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;aspect-ratio:auto!important;border-radius:inherit!important;clip-path:inset(0 round 24px)!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film{width:100%!important;border-radius:18px!important;clip-path:inset(0 round 18px)!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-film-hero>.work-hero-film video{clip-path:inset(0 round 18px)!important}
}

/* Client history: original logos, continuous band and motion controls. */
.client-band{position:relative;z-index:2;width:100%;margin-top:clamp(32px,5vw,64px)}
.client-band-window{overflow:hidden;width:100%;padding:16px 0}
.client-band-track{display:flex;width:max-content;animation:client-band-slide 65s linear infinite}
.client-band-group{display:flex!important;align-items:center;gap:48px;list-style:none!important;margin:0!important;padding:0 48px 0 0!important;flex-shrink:0}
.client-band .client-logo{display:flex;align-items:center;justify-content:center;width:190px;height:112px;margin:0;padding:0}
.client-band .client-logo img{display:block;width:100%;height:100%;object-fit:contain}
.client-band .client-logo--heras img{filter:brightness(0)}
.client-band .client-logo--numa img{mix-blend-mode:multiply}
.client-band .client-logo--mala img,.client-band .client-logo--bloom img,.client-band .client-logo--poltrona img{width:104px;height:104px;border-radius:12px}
.client-band .client-logo--tf img{width:160px}
.client-band-pause{display:block;margin:22px auto 0;padding:10px 16px;background:transparent;color:#625c53;border:1px solid currentColor;border-radius:999px;font:12px 'IBM Plex Mono',monospace;cursor:pointer}
.client-band-pause:focus-visible{outline:2px solid #161513;outline-offset:4px}
.client-band:hover .client-band-track,.client-band:focus-within .client-band-track,.client-band.is-paused .client-band-track{animation-play-state:paused}
@keyframes client-band-slide{to{transform:translateX(-50%)}}
@media(max-width:760px){.client-band-group{gap:32px;padding-right:32px!important}.client-band .client-logo{width:150px;height:96px}.client-band .client-logo--mala img,.client-band .client-logo--bloom img,.client-band .client-logo--poltrona img{width:88px;height:88px}}
@media(prefers-reduced-motion:reduce){.client-band-track{animation:none;width:100%}.client-band-group{flex-wrap:wrap;justify-content:center;width:100%;gap:24px;padding:0!important}.client-band-clone,.client-band-pause{display:none!important}}

/* 26 October: concise solution pages and Home mobile composition trial. */
body.solution-refined #main .solution-concise-copy{display:block!important;max-width:720px;grid-template-columns:none!important}
body.solution-refined #main .solution-concise-copy p{margin:0!important}
body.solution-refined #main .solution-direction{max-width:900px}
body.solution-refined #main .work-direction-piece{padding:18px;text-align:center}
body.solution-refined #main .v30-capability.v30-enter-ready{--fiche-angle:-2deg;transform-origin:50% 85%;transform:translateY(44px) rotate(var(--fiche-angle))!important;opacity:.25!important;transition:transform .85s cubic-bezier(.2,.75,.22,1),opacity .65s ease!important;transition-delay:var(--entry-delay,0ms)!important}
body.solution-refined #main .v30-capability.v30-enter-ready:nth-child(even){--fiche-angle:2deg}
body.solution-refined #main .v30-capability.v30-enter-ready.is-visible{transform:none!important;opacity:1!important}
body.retro-centered-cta #main>section.alt-closing{text-align:center!important}
body.retro-centered-cta #main>section.alt-closing>.eyebrow{margin-inline:auto!important;text-align:center!important}
body.retro-centered-cta #main>section.alt-closing>.alt-anchor{width:100%!important;max-width:100%!important;margin-inline:auto!important;padding-inline:0!important;text-align:center!important}
body.retro-centered-cta #main>section.alt-closing h2,body.retro-centered-cta #main>section.alt-closing .alt-lead{margin-inline:auto!important;text-align:center!important}
body.retro-centered-cta #main>section.alt-closing .alt-terminal-button{margin-inline:auto!important}
@media(max-width:760px){
body.retro-home #main .alt-ecosystems>.eyebrow{margin-left:0!important;padding-left:0!important;width:100%!important}
body.retro-home #main :is(.alt-ecosystems,.alt-cases) .retro-mobile-heading-node{padding-top:0!important;padding-right:42px!important}
body.retro-home #main :is(.alt-ecosystems,.alt-cases) .retro-mobile-heading-node>.alt-node{left:auto!important;right:0!important;top:18px!important;transform:none!important}
body.retro-home #main .v30-cycle-note{margin-top:18px!important;margin-bottom:18px!important;padding-block:0!important;min-height:0!important}
body.retro-home #main .v30-cycle{margin-block:0!important;padding-block:12px!important;min-height:0!important;height:auto!important}
body.retro-home #main .v30-cycle-text{margin-block:0!important}
body.retro-home #main .retro-team-mosaic{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto repeat(3,150px)!important;gap:5px!important}
body.retro-home #main .retro-team-mosaic>.retro-team-title{grid-column:1/-1!important;grid-row:1!important;min-height:160px;padding:26px 52px 26px 24px!important}
body.retro-home #main .retro-team-mosaic .retro-team-title h2{font-size:clamp(27px,7vw,36px)!important}
body.retro-home #main .retro-team-mosaic .retro-team-title>.alt-node{left:auto!important;right:22px!important;top:22px!important;transform:none!important}
body.retro-home #main .retro-person-1{grid-column:1!important;grid-row:2!important}
body.retro-home #main .retro-person-2{grid-column:2!important;grid-row:2!important}
body.retro-home #main .retro-person-3{grid-column:1!important;grid-row:3!important}
body.retro-home #main .retro-person-4{grid-column:2!important;grid-row:3/5!important}
body.retro-home #main .retro-person-5{grid-column:1!important;grid-row:4!important}
body.retro-home #main>section.alt-closing{padding-inline:24px!important;width:100%!important;margin-inline:0!important}
body.retro-home #main>section.alt-closing .retro-mobile-heading-node>.alt-node{left:calc(50% - 10px)!important;right:auto!important;top:0!important}
body.solution-refined #main .solution-direction{grid-template-columns:1fr;gap:18px;max-width:400px;padding:0}
body.solution-refined #main .solution-direction .work-direction-piece{min-height:88px;flex-direction:row;justify-content:flex-start;padding:18px 24px}
body.solution-refined #main .solution-direction .work-direction-thread{display:none}
body.solution-refined #main .solution-direction:before{content:'';position:absolute;left:50%;top:5%;bottom:5%;width:1px;background:#16151355;z-index:-1}
body.solution-refined #main .v30-capability.v30-enter-ready{transform:translateY(20px)!important;transition-duration:.65s!important}
body.solution-refined #main .v30-capability.v30-enter-ready.is-visible{transform:none!important}
}
@media(prefers-reduced-motion:reduce){body.solution-refined #main .v30-capability.v30-enter-ready{transform:none!important;opacity:1!important;transition:none!important}}

/* Mobile Home trial: follow the final title word, not the section edge. */
@media(max-width:760px){
body.retro-home #main :is(.alt-ecosystems,.alt-cases) .retro-mobile-heading-node>.alt-node{left:var(--heading-end-x)!important;right:auto!important;top:var(--heading-end-y)!important;transform:none!important}
}

/* Approved Home last-word node placement, extended to all interior pages. */
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main .editorial-heading-anchor,
body.retro-site.retro-interior.editorial-unified #main .editorial-hero-row>.editorial-heading-anchor,
body.retro-site.retro-interior.editorial-unified #main>section.solution-viewport-hero .editorial-hero-row>.editorial-heading-anchor{padding-top:0!important;padding-right:44px!important;padding-left:0!important;box-sizing:border-box}
body.retro-site.retro-interior.editorial-unified #main .editorial-heading-anchor>.alt-node{left:var(--mobile-title-end-x)!important;top:var(--mobile-title-end-y)!important;right:auto!important;transform:none!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-direct-node-heading{padding-right:44px!important;box-sizing:border-box;max-width:100%}
body.retro-site.retro-interior.editorial-unified #main :is(.editorial-centered,.alt-closing) .editorial-heading-anchor{padding-left:44px!important;padding-right:44px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .editorial-direct-node-heading{padding-left:44px!important}
}

/* Centered titles retain centered markers; tablet receives its own composition. */
body.retro-home #main .retro-system-white .v30-system-closing{margin-top:28px!important;padding-top:20px!important}
body.retro-site #main .alt-anchor.centered-node-placement{padding-top:48px!important;padding-inline:0!important;margin-inline:auto!important;text-align:center!important;max-width:100%!important}
body.retro-site #main .alt-anchor.centered-node-placement>h2{margin-inline:auto!important;text-align:center!important}
body.retro-site #main .alt-anchor.centered-node-placement>.alt-node{left:var(--centered-node-x)!important;top:var(--centered-node-y)!important;right:auto!important;transform:none!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .v30-work-stone{display:block!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .v30-work-stone>.editorial-heading-anchor{width:100%!important;margin-inline:auto!important;padding-inline:0!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .v30-work-stone h2{width:100%!important;max-width:1000px!important;margin-inline:auto!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified #main :is(.editorial-centered,.alt-closing) .editorial-heading-anchor{padding-top:48px!important;padding-inline:0!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .editorial-direct-node-heading{padding-inline:0!important;margin-top:48px!important;text-align:center!important}
@media(max-width:760px){
body.retro-home #main .retro-system-white .v30-system-closing{margin-top:24px!important;padding-top:18px!important}
body.retro-home #main>section.alt-closing .alt-anchor.centered-node-placement>.alt-node{left:var(--centered-node-x)!important;top:var(--centered-node-y)!important}
}
@media(min-width:761px) and (max-width:1100px){
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .editorial-section-heading{display:block!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .eyebrow{width:100%;margin-inline:auto!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered :is(.v30-prose,.work-concise-copy,.alt-lead){margin-inline:auto!important;text-align:center!important;max-width:680px!important}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .work-direction-visual{margin-inline:auto!important;gap:24px}
body.retro-site.retro-interior.editorial-unified #main .editorial-centered .work-direction-piece strong{font-size:16px}
}

/* Folder standard: the continuous thread travels behind the opaque paper surface. */
body.retro-site #main :is(.retro-folder-pair,.retro-case-folders,.editorial-folder){position:relative!important;z-index:5!important}
body.retro-site #main :is(.retro-case-folder,.editorial-folder),
body.retro-site #main .retro-folder-pair>.eco-card{background-color:#F5F2E3!important;isolation:isolate}
body.retro-site #main :is(.retro-folder-tab,.retro-case-tab,.editorial-folder-label){background-color:#F5F2E3!important}

/* The preview film and the card CTA share one destination. */
body.retro-site #main .eco-card>a.solution-video-link{display:block;cursor:pointer;pointer-events:auto!important;text-decoration:none}
body.retro-site #main .solution-video-link:focus-visible{outline:3px solid #161513;outline-offset:5px}
body.retro-site #main .solution-video-link video{pointer-events:none}

/* What We Do: the same title/copy row and full-width film composition as Home. */
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-home-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:clamp(20px,3svh,32px)!important;min-height:0!important;height:auto!important;padding-top:24px!important;padding-bottom:calc(var(--home-section-space)/2)!important;overflow:visible;background:#F5F2E3!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero>.eyebrow{width:100%;margin:0 0 clamp(16px,2.4svh,28px)!important;align-self:flex-start;text-align:left!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero>.editorial-hero-row{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:start!important;gap:clamp(36px,5vw,80px)!important;width:100%;margin:0!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .editorial-heading-anchor{grid-column:1!important;grid-row:1!important;width:100%!important;margin:0!important;align-self:start!important;min-width:0}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero h1{font-size:clamp(40px,4.9vw,76px)!important;line-height:1.06!important;margin:0!important;max-width:100%!important;color:#161513!important;text-align:left!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .subhero-bottom{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:18px!important;margin:0!important;padding:0!important;max-width:450px;align-self:start!important;min-width:0}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .lead{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.4!important;margin:0!important;width:100%!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .lead p{margin:0!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .subhero-bottom>a{margin:0!important;align-self:flex-start!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero>.work-hero-film{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:clamp(240px,43svh,560px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:24px!important;overflow:hidden!important;clip-path:inset(0 round 24px);z-index:0!important;flex:none!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .work-hero-film video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 70%!important;border-radius:inherit}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero>.continuous-rail{z-index:3!important;pointer-events:none}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-work #main>section.work-home-hero{gap:24px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero>.editorial-hero-row{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .subhero-bottom{grid-column:1!important;grid-row:2!important;max-width:none!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero h1{font-size:clamp(36px,9vw,54px)!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .lead{font-size:17px!important}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero>.work-hero-film{height:clamp(210px,34svh,340px)!important;border-radius:18px!important;clip-path:inset(0 round 18px)}
body.retro-site.retro-interior.editorial-unified.v30-work #main .work-home-hero .work-hero-film video{object-position:50% 60%!important}
}

/* Align the visible first glyph, including its animated inner span. */
body.retro-site.retro-interior.editorial-unified #main .solution-viewport-hero>.v30-hero-name>.v30-destination-letter:first-child,
body.retro-site.retro-interior.editorial-unified #main .solution-viewport-hero>.v30-hero-name>.v30-destination-letter:first-child>.v30-name-glyph{padding-left:0!important}
/* APEX case folder: image, concise context, results and action belong to one card. */
body.retro-site.retro-interior.editorial-unified #main .numa-summary-folder{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-folder>.v30-case-image{display:block;width:100%;height:clamp(280px,38vw,460px);overflow:hidden;border-radius:18px}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-folder>.v30-case-image img{width:100%;height:100%;object-fit:cover;display:block}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-copy>*{margin:0}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.1}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-copy p{line-height:1.5}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;border-top:1px solid #16151330;padding-top:20px}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-results dt{font-size:12px;color:#625c53}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-results dd{font-size:clamp(23px,2.3vw,34px);margin:8px 0 0}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-copy .numa-summary-note{font-size:12px;color:#625c53}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-copy>.alt-link{align-self:flex-start}
/* Project facts remain in normal flow above every story block, never sticky. */
body.retro-site.retro-interior.editorial-unified #main .case-story{display:flex!important;flex-direction:column;gap:clamp(40px,5vw,64px)!important}
body.retro-site.retro-interior.editorial-unified #main .case-story>.numa-project-facts{position:static!important;inset:auto!important;width:100%;box-sizing:border-box;align-self:stretch;margin:0;padding:24px 0;border-top:1px solid #16151330;border-bottom:1px solid #16151330}
body.retro-site.retro-interior.editorial-unified #main .numa-project-facts>dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0 0}
body.retro-site.retro-interior.editorial-unified #main .numa-fact dt{margin:0 0 8px;color:#625c53}
body.retro-site.retro-interior.editorial-unified #main .numa-fact dd{margin:0;max-width:none;line-height:1.5}
body.retro-site.retro-interior.editorial-unified #main .case-story>div{margin-top:0!important;width:100%}
@media(max-width:1000px){
body.retro-site.retro-interior.editorial-unified #main .numa-project-facts>dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main .numa-summary-folder{grid-template-columns:minmax(0,1fr);gap:24px}
body.retro-site.retro-interior.editorial-unified #main .numa-summary-folder>.v30-case-image{height:260px}
body.retro-site.retro-interior.editorial-unified #main .numa-project-facts>dl{grid-template-columns:minmax(0,1fr);gap:22px}
}

/* NUMA's centered closing marker must override mobile side-of-title placement. */
body.retro-site.retro-interior.editorial-unified.v30-numa #main>section.alt-closing>.alt-anchor.editorial-heading-anchor{position:relative;padding-top:48px!important;padding-inline:0!important;text-align:center!important;margin-inline:auto!important}
body.retro-site.retro-interior.editorial-unified.v30-numa #main>section.alt-closing>.alt-anchor.editorial-heading-anchor>.alt-node{left:var(--centered-node-x,calc(50% - 10px))!important;top:var(--centered-node-y,0px)!important;right:auto!important;bottom:auto!important;transform:none!important}

/* NUMA cover: clip only the photograph; caption stays outside the rounded frame. */
body.retro-site.retro-interior.editorial-unified.v30-numa #main .editorial-hero>figure.editorial-hero-figure{overflow:visible!important;border-radius:0!important}
body.retro-site.retro-interior.editorial-unified.v30-numa #main .editorial-hero-figure>.numa-cover-frame{--numa-cover-radius:24px;display:block;width:100%;overflow:hidden;border-radius:var(--numa-cover-radius);clip-path:inset(0 round var(--numa-cover-radius));line-height:0}
body.retro-site.retro-interior.editorial-unified.v30-numa #main .numa-cover-frame>img{display:block;width:100%;margin:0!important;border-radius:inherit!important}
body.retro-site.retro-interior.editorial-unified.v30-numa #main .editorial-hero-figure>figcaption{position:static;margin:12px 0 0!important;padding:0!important}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified.v30-numa #main .editorial-hero-figure>.numa-cover-frame{--numa-cover-radius:18px}
}

/* Mobile Home: keep the studio descriptor, omit the location eyebrow. */
@media(max-width:760px){
body.retro-site.retro-home #main>section.hero .alt-location{display:none!important}
}

/* Reserve a real interval for the centered node between kicker and heading. */
body.retro-site.retro-interior.editorial-unified #main>.centered-kicker-node>.eyebrow{margin-bottom:28px!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified #main>.centered-kicker-node>.editorial-heading-anchor{position:relative;width:100%;margin:0 auto!important;padding:64px 0 0!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified #main>.centered-kicker-node>.editorial-heading-anchor h2{margin:0 auto!important;text-align:center!important}
body.retro-site.retro-interior.editorial-unified #main>.centered-kicker-node>.editorial-heading-anchor>.alt-node{left:var(--centered-node-x,calc(50% - 10px))!important;top:var(--centered-node-y,20px)!important;right:auto!important;transform:none!important}
body.retro-site.retro-interior.editorial-unified #main>.centered-kicker-node>.lead{margin-top:32px!important}
/* Cases index uses the exact Home folder component. */
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .retro-numa-feature{display:flex!important;flex-direction:column!important;padding:0!important;gap:18px!important}
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .retro-numa-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,3vw,40px)}
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .retro-numa-intro>.case-info{padding:0!important;min-width:0}
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .retro-numa-details{display:grid;grid-template-columns:1.4fr 1fr;min-width:0}
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .v3-case-results{display:grid;grid-template-columns:1fr 1fr}
/* Home 02: include padding inside a centered, gutter-constrained width. */
body.retro-site.retro-home #main>section:is(.retro-system-film,.retro-system-white){box-sizing:border-box!important;width:calc(100% - var(--retro-gutter)*2)!important;max-width:none!important;margin-left:var(--retro-gutter)!important;margin-right:var(--retro-gutter)!important;left:auto!important;right:auto!important}
body.retro-site.retro-home #main .retro-system-white>.chain{box-sizing:border-box;width:100%;max-width:100%}
body.retro-site.retro-home #main .retro-system-white>.chain>.in{box-sizing:border-box;width:100%;max-width:100%;padding-inline:clamp(24px,3vw,48px)!important}
body.retro-site.retro-home #main .retro-system-film>:is(.film-copy,.retro-system-media){box-sizing:border-box;min-width:0;max-width:100%}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .retro-numa-intro,
body.retro-site.retro-interior.editorial-unified #main :is(.cases-index,.service-case-showcase) .retro-numa-details{grid-template-columns:minmax(0,1fr)!important}
body.retro-site.retro-home #main .retro-system-white>.chain>.in{padding-inline:22px!important}
}

/* Studio organization: balanced introduction and three compact working principles. */
body.retro-site.editorial-unified #main .studio-organization{display:grid;grid-template-columns:1.15fr 1fr;gap:40px clamp(32px,6vw,96px);align-items:center;border-top:0}
body.retro-site.editorial-unified #main .studio-organization-heading{min-width:0}
body.retro-site.editorial-unified #main .studio-organization .eyebrow{margin:0 0 28px}
body.retro-site.editorial-unified #main .studio-organization h2{margin:0;text-align:left;font-size:clamp(38px,4.7vw,72px)}
body.retro-site.editorial-unified #main .studio-organization-intro{align-self:center;min-width:0;padding-top:40px}
body.retro-site.editorial-unified #main .studio-organization-intro p{max-width:38ch;margin:16px 0 0;color:var(--muted)}
body.retro-site.editorial-unified #main .studio-organization-intro .lead{font-size:clamp(21px,2vw,28px);line-height:1.45;color:var(--ink);margin-top:0}
body.retro-site.editorial-unified #main .studio-organization-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);border-top:1px solid var(--line);padding-top:28px;margin-top:8px}
body.retro-site.editorial-unified #main .studio-organization-details h3{font-family:var(--sans);font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 14px}
body.retro-site.editorial-unified #main .studio-organization-details p{font-size:17px;line-height:1.6;color:var(--muted);margin:0;max-width:34ch}
body.retro-site.editorial-unified #main .studio-organization-location{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px;max-width:none}
@media(max-width:900px){body.retro-site.editorial-unified #main .studio-organization{grid-template-columns:1fr;gap:28px}body.retro-site.editorial-unified #main .studio-organization-intro{padding-top:0}body.retro-site.editorial-unified #main .studio-organization-intro p{max-width:54ch}}
@media(max-width:600px){body.retro-site.editorial-unified #main .studio-organization-details{grid-template-columns:1fr;gap:26px}body.retro-site.editorial-unified #main .studio-organization-details p{max-width:none}}

/* Original transparent client artwork: preserve silhouette, color and proportions. */
.client-band .client-logo--poltrona img{width:100%;height:100%;border-radius:0;object-fit:contain}
.client-band .client-logo--bloom img{width:138px;height:100%;max-width:100%;border-radius:0;object-fit:contain}
.client-band .client-logo--numa img{mix-blend-mode:normal;object-fit:contain}
@media(max-width:720px){.client-band .client-logo--bloom img{width:116px}}

.client-band .client-logo--poltrona img{mix-blend-mode:normal}

/* Editorial navigation trial: shared margins, plain links, Ivory scroll surface. */
body.retro-site .header{--header-gutter:var(--retro-gutter,clamp(16px,3vw,48px));padding-inline:var(--header-gutter);gap:clamp(20px,2.4vw,38px);background:transparent;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none;border:0}
body.retro-site .header:after{content:'';position:absolute;bottom:0;left:var(--header-gutter);right:var(--header-gutter);height:1px;background:#16151330;pointer-events:none}
body.retro-site.editorial-nav-scrolled .header,body.retro-site.editorial-nav-open .header{background:var(--paper)}
body.retro-site .header nav{margin-left:auto;padding:0;gap:clamp(16px,2vw,30px);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0;border-radius:0;box-shadow:none}
body.retro-site .header nav a{padding:10px 0;font-family:var(--sans);font-size:14px;line-height:1.3;color:var(--ink)!important;background:transparent!important;border-radius:0}
body.retro-site .header nav a:after{display:block;content:'';position:absolute;left:0;right:100%;bottom:3px;height:1px;background:currentColor;transition:right .2s ease}
body.retro-site .header nav a:hover:after,body.retro-site .header nav a[aria-current]:after{right:0}
body.retro-site .header .nav-actions{flex-shrink:0}
body.retro-site .menu-toggle{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ink);box-shadow:none}
body.retro-site .blend-brand,body.retro-site .blend-brand.outline-on-dark,body.retro-site .header .brand.brand-on-dark{color:var(--ink)!important;mix-blend-mode:normal}
body.retro-site .mono-nav-cta,body.retro-site .mono-nav-cta:hover,body.retro-site .mono-nav-cta.on-dark-surface{background:var(--ink)!important;color:var(--paper)!important;mix-blend-mode:normal;border:0;box-shadow:none;font:500 13px/1.4 'IBM Plex Mono',monospace;letter-spacing:0}
body.retro-site .mobile-menu{left:var(--retro-gutter,clamp(16px,3vw,48px));right:var(--retro-gutter,clamp(16px,3vw,48px));padding:16px 0 24px;border-radius:0;background:var(--paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none}
body.retro-site .mobile-menu a,body.retro-site .mobile-menu a[aria-current="page"]{padding:18px 4px;background:transparent!important;border-radius:0;border-bottom:1px solid #16151330;color:var(--ink);font-family:var(--sans);font-size:clamp(25px,6vw,34px)}
body.retro-site .mobile-menu a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
body.retro-site .mobile-menu a[aria-current="page"]:after{content:none}
@media(max-width:1000px){body.retro-site .header nav{display:none}body.retro-site .header .nav-actions{margin-left:auto}body.retro-site .header .menu-toggle{display:block}}
@media(max-width:480px){body.retro-site .header{gap:12px}body.retro-site .header .nav-actions{gap:8px}body.retro-site .mono-nav-cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.retro-site .header nav a:after{transition:none}}
/* APEX folder tab on the right at every width and in every route. */
body.retro-site #main .retro-folder-pair #panel-apex>.retro-folder-tab,
body.retro-site #main .retro-folder-pair .v30-apex-card>.retro-folder-tab{left:auto!important;right:-1px!important}

/* APEX: left tab on desktop/tablet; retain the alternating mobile tabs. */
@media(min-width:761px){
body.retro-site #main .retro-folder-pair #panel-apex>.retro-folder-tab,
body.retro-site #main .retro-folder-pair .v30-apex-card>.retro-folder-tab{left:-1px!important;right:auto!important}
}

/* Round the exposed APEX corner opposite its left-hand tab on desktop/tablet. */
@media(min-width:761px){
body.retro-site.retro-home #main .retro-folder-pair #panel-apex,
body.retro-site.retro-interior.editorial-unified #main .retro-folder-pair #panel-apex{border-top-right-radius:24px!important}
}

/* Garabedian case: GARABI editorial system, with complete supplied evidence. */
body.garabedian-case #main .gs-section{padding-block:clamp(40px,5vw,76px);margin-block:0;min-height:0}
body.garabedian-case #main .gs-hero{padding-top:32px}
body.garabedian-case .gs-heroTop{display:flex;justify-content:space-between;gap:24px}
body.garabedian-case .gs-mono,body.garabedian-case .gs-n,body.garabedian-case .gs-gallery-count{font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
body.garabedian-case .gs-hero-row{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,7vw,110px);align-items:end;margin:38px 0}
body.garabedian-case #main h1{font-size:clamp(56px,7vw,108px);line-height:1;letter-spacing:-.06em;margin:0}
body.garabedian-case #main em{font-family:var(--serif);font-weight:400;color:var(--ink)}
body.garabedian-case .gs-intro p{font-size:clamp(18px,1.7vw,24px);line-height:1.5;margin:20px 0 0}
body.garabedian-case .gs-heroVisual{height:clamp(260px,43svh,490px);overflow:hidden;border-radius:24px}
body.garabedian-case .gs-heroVisual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 23%}
body.garabedian-case .gs-flag{display:block;margin:12px 0;color:var(--muted);font-size:10px}
body.garabedian-case .gs-metrics{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #16151335;margin-top:30px;padding-top:24px}
body.garabedian-case .gs-metric strong{display:block;font-size:clamp(28px,3.8vw,52px);font-weight:500;letter-spacing:-.05em;line-height:1.2;margin:14px 0}
body.garabedian-case .gs-metric strong br{display:none}
body.garabedian-case .gs-metric strong br:after{content:' → '}
body.garabedian-case .gs-from{color:var(--muted)}
body.garabedian-case .gs-caption,body.garabedian-case .gs-small,body.garabedian-case .gs-note{font-size:13px;line-height:1.6;color:var(--muted)}
body.garabedian-case .gs-note{border-top:1px solid #16151330;padding-top:18px;margin-top:24px}
body.garabedian-case .gs-sectionHdr{display:flex;flex-direction:column;gap:24px;margin-bottom:36px}
body.garabedian-case .gs-sectionHdr .eyebrow{margin:0}
body.garabedian-case #main .gs-sectionHdr h2{font-size:clamp(36px,4.3vw,64px);line-height:1.1;margin:0;max-width:22ch}
body.garabedian-case .gs-sectionHdr h2 em{display:block}
body.garabedian-case .gs-centered .gs-sectionHdr{text-align:center;align-items:center}
body.garabedian-case .gs-centered .gs-sectionHdr h2{margin-inline:auto!important;text-align:center}
body.garabedian-case .gs-centered .editorial-heading-anchor{width:100%;padding-top:52px}
body.garabedian-case .gs-textCols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);max-width:1040px;margin:30px auto 0;text-align:left}
body.garabedian-case .gs-textCols p{font-size:18px;line-height:1.65;margin:0}
body.garabedian-case .gs-textCols p+p{color:var(--muted)}
body.garabedian-case .gs-storygrid,body.garabedian-case .gs-areasGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.garabedian-case .gs-story,body.garabedian-case .gs-areaCard{padding:28px;border:1px solid #16151345;border-radius:22px;background:var(--paper);min-width:0}
body.garabedian-case #main .gs-story h3,body.garabedian-case #main .gs-areaCard h3{font:500 clamp(23px,2.2vw,31px)/1.15 var(--sans);letter-spacing:-.04em;margin:28px 0 16px}
body.garabedian-case .gs-story p,body.garabedian-case .gs-areaCard p{font-size:16px;line-height:1.6;margin:0;color:var(--muted)}
body.garabedian-case .gs-areasIntro{max-width:760px;font-size:19px;line-height:1.6;margin-bottom:32px}
body.garabedian-case .gs-areaNote{display:block;margin-top:18px;font-size:10px}
body.garabedian-case .gs-areasClosing{display:grid;grid-template-columns:1fr 2fr;gap:28px;border-top:1px solid #16151335;padding-top:24px;margin-top:32px}
body.garabedian-case .gs-areasClosing p{font-size:22px;line-height:1.45;margin:0}
body.garabedian-case .gs-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
body.garabedian-case .gs-feed{border:1px solid #16151366;border-radius:0 22px 22px 22px;background:var(--paper);padding:20px;min-width:0;position:relative;z-index:5}
body.garabedian-case .gs-feedHead{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}
body.garabedian-case .gs-carouselNav{display:flex;gap:8px}
body.garabedian-case .gs-round{width:40px;height:40px;border:1px solid #16151366;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
body.garabedian-case .gs-round:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body.garabedian-case .gs-feed img{display:block;width:100%;height:auto;aspect-ratio:1/1.3;object-fit:contain;border-radius:16px}
body.garabedian-case .gs-blurb{padding-top:24px}
body.garabedian-case .gs-blurb h3{font-size:27px;margin-bottom:14px}
body.garabedian-case .gs-blurb p{font-size:17px;color:var(--muted);line-height:1.6}
body.garabedian-case .gs-screenGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center}
body.garabedian-case .gs-browser{border:1px solid #16151366;border-radius:22px;overflow:hidden;background:var(--paper);position:relative;z-index:5}
body.garabedian-case .gs-browserbar{padding:16px;border-bottom:1px solid #16151335;display:flex;gap:5px;align-items:center}
body.garabedian-case .gs-browserbar i{width:7px;height:7px;border-radius:50%;background:#16151355}
body.garabedian-case .gs-address{font:11px 'IBM Plex Mono',monospace;margin:auto}
body.garabedian-case .gs-siteTop{display:flex;justify-content:space-between;padding:20px;font-size:12px}
body.garabedian-case .gs-siteArt{min-height:300px;display:grid;place-items:center;padding:30px;text-align:center;background:#e6dfcf}
body.garabedian-case .gs-siteArt strong{font:400 clamp(40px,4vw,60px)/1 var(--serif)}
body.garabedian-case .gs-sitePreview>div:last-child{padding:14px;font-size:10px}
body.garabedian-case .gs-asideCard p{font-size:18px;line-height:1.6}
body.garabedian-case .gs-asideCard h3{font-size:30px;margin-top:26px}
body.garabedian-case .gs-chip{display:inline-flex;padding:14px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font:500 12px 'IBM Plex Mono',monospace;text-decoration:none;margin-top:20px}
body.garabedian-case #resultados .gs-story:nth-child(1){background:#F2D989;border:0}
body.garabedian-case #resultados .gs-story:nth-child(2){background:#ABC5FE;border:0}
body.garabedian-case #resultados .gs-story:nth-child(3){background:#AD97BE;border:0}
body.garabedian-case #resultados .gs-story h3{overflow-wrap:anywhere}
@media(max-width:1000px){body.garabedian-case .gs-areasGrid{grid-template-columns:1fr 1fr}body.garabedian-case .gs-storygrid{grid-template-columns:1fr}body.garabedian-case .gs-story h3{margin-top:18px}}
@media(max-width:760px){body.garabedian-case .gs-hero-row,body.garabedian-case .gs-textCols,body.garabedian-case .gs-screenGrid,body.garabedian-case .gs-compare,body.garabedian-case .gs-areasClosing{grid-template-columns:1fr}body.garabedian-case .gs-heroTop{flex-direction:column;gap:8px}body.garabedian-case .gs-areasGrid{grid-template-columns:1fr}body.garabedian-case .gs-metrics{grid-template-columns:1fr;gap:24px}body.garabedian-case .gs-hero-row{margin-top:28px}body.garabedian-case .gs-heroVisual{border-radius:18px}body.garabedian-case .gs-feed{padding:16px}body.garabedian-case .gs-sectionHdr{gap:24px}body.garabedian-case #main .gs-section{padding-block:38px}body.garabedian-case .gs-story,body.garabedian-case .gs-areaCard{padding:24px}}

/* Real Garabedian imagery and quieter results. */
body.garabedian-case .gs-heroVisual img{object-position:50% 65%}
body.garabedian-case .gs-feed img{aspect-ratio:auto;height:auto;object-fit:contain}
body.garabedian-case .gs-real-website img{display:block;width:100%;height:auto}
body.garabedian-case #resultados .gs-story:nth-child(n){background:var(--paper);border:1px solid #16151345}
body.garabedian-case #resultados .gs-story:nth-child(1)>.gs-n{color:#805733}
body.garabedian-case #resultados .gs-story:nth-child(2)>.gs-n{color:#395784}
body.garabedian-case #resultados .gs-story:nth-child(3)>.gs-n{color:#70577e}
body.garabedian-case #main .gs-direction-diagram{max-width:none;width:100%;margin-top:0;padding:16px 0;gap:clamp(32px,5vw,72px);grid-template-columns:repeat(3,minmax(0,1fr));isolation:isolate}
body.garabedian-case #main .gs-direction-diagram>.gs-story{position:relative;z-index:1;display:block;text-align:left;min-height:0;height:100%}
body.garabedian-case .gs-direction-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#16151355;z-index:0;pointer-events:none}
body.garabedian-case .gs-diagram-dot{offset-rotate:0deg;animation:work-thread-travel 8s ease-in-out infinite;animation-play-state:paused}
body.garabedian-case .gs-direction-diagram.is-playing .gs-diagram-dot{animation-play-state:running}
@media(max-width:760px){body.garabedian-case #main .gs-direction-diagram{grid-template-columns:1fr;gap:40px}body.garabedian-case .gs-heroVisual img{object-position:50% 65%}}
@media(prefers-reduced-motion:reduce){body.garabedian-case .gs-diagram-dot{display:none}}
/* Split the supplied g mask at its empty band: only the upper dot hops. */
body.retro-site .v30-nav-isotipo{background:none!important;mask:none!important;-webkit-mask:none!important;overflow:visible}
body.retro-site .v30-nav-isotipo:before,body.retro-site .v30-nav-isotipo:after{content:'';position:absolute;inset:0;background:currentColor;mask:var(--isotipo-mask) center/contain no-repeat;-webkit-mask:var(--isotipo-mask) center/contain no-repeat;pointer-events:none}
body.retro-site .v30-nav-isotipo:before{clip-path:inset(23% 0 0)}
body.retro-site .v30-nav-isotipo:after{clip-path:inset(0 0 77%);animation:logo-i-hop 5.8s ease-in-out infinite;animation-play-state:paused}
body.retro-site .v30-morph-brand.is-compact .v30-nav-isotipo:after{animation-play-state:running}
@media(prefers-reduced-motion:reduce){body.retro-site .v30-nav-isotipo:after{animation:none!important}}

/* Breadcrumbs live inside the shared page gutter, never in the global navigation. */
body.retro-site #main .editorial-breadcrumbs{grid-column:1/-1;flex:none;width:100%;margin:0 0 24px;align-self:stretch;position:relative;z-index:6}
body.retro-site #main .editorial-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0;font:400 11px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}
body.retro-site #main .editorial-breadcrumbs li{display:flex;align-items:center;gap:12px}
body.retro-site #main .editorial-breadcrumbs li+li:before{content:'/';color:#16151366}
body.retro-site #main .editorial-breadcrumbs a{padding-block:6px;color:inherit;text-decoration:none}
body.retro-site #main .editorial-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
body.retro-site #main .editorial-breadcrumbs [aria-current]{color:var(--ink)}
body.retro-site #main .editorial-breadcrumbs a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}


body.retro-site .v30-morph-brand.is-compact .v30-nav-isotipo.dot-paused:after{animation-play-state:paused}

/* Breadcrumbs belong to navigation, above the page content. */
body.retro-site #main>.editorial-breadcrumbs{width:auto;margin:0 var(--retro-gutter,clamp(16px,3vw,48px)) 8px!important;padding-top:4px;z-index:6}
body.retro-site #main>.editorial-breadcrumbs ol{font-size:10px;gap:6px 10px}
body.retro-site #main>.editorial-breadcrumbs+section{padding-top:20px!important}
body.garabedian-case #main :is(#decisiones,#web) h2{max-width:none}
body.garabedian-case #main .gs-title-first{display:block}
body.garabedian-case #main .alt-closing h2 em{display:block!important}
body.garabedian-case #main .gs-direction-diagram>.work-direction-piece{animation:work-piece-settle 8s ease-in-out infinite;animation-delay:var(--piece-delay);animation-play-state:paused}
body.garabedian-case #main .gs-direction-diagram.is-playing>.work-direction-piece{animation-play-state:running}
body.garabedian-case #main #resultados .gs-result-folders{gap:0;margin-top:76px;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:5}
body.garabedian-case #main #resultados .gs-result-folder{position:relative;border:1px solid #161513!important;border-radius:0 22px 22px 22px;background:var(--paper);padding:28px;min-width:0;text-align:left}
body.garabedian-case #main #resultados .gs-result-folder+.gs-result-folder{margin-left:-1px}
body.garabedian-case .gs-result-tab{position:absolute;bottom:100%;left:-1px;width:max-content;max-width:calc(100% + 2px);border:1px solid #161513;border-bottom:0;border-radius:16px 16px 0 0;background:var(--paper);padding:12px 14px;margin-bottom:-1px;font:500 13px/1.3 var(--sans);color:var(--ink);min-height:44px;display:flex;align-items:center}
body.garabedian-case #main #resultados .gs-result-folder h3{font-size:clamp(26px,2.7vw,40px);font-weight:600;line-height:1.15;margin:8px 0 22px;overflow-wrap:normal}
@media(max-width:1000px) and (min-width:761px){body.garabedian-case .gs-result-tab{font-size:11px;padding:10px}}
@media(max-width:760px){
body.garabedian-case #main #resultados .gs-result-folders{grid-template-columns:1fr;gap:0;margin-top:60px}
body.garabedian-case #main #resultados .gs-result-folder+.gs-result-folder{margin-left:0;margin-top:44px}
body.garabedian-case #main #resultados .gs-result-folder:nth-child(even){border-radius:22px 0 22px 22px}
body.garabedian-case .gs-result-folder:nth-child(even)>.gs-result-tab{left:auto;right:-1px}
}
@media(prefers-reduced-motion:reduce){body.garabedian-case #main .gs-direction-diagram>.work-direction-piece{animation:none!important}}

@media(max-width:760px){
body.garabedian-case #main #resultados .gs-result-folder:not(:last-child){padding-bottom:76px}
body.garabedian-case #main #resultados .gs-result-folder+.gs-result-folder{margin-top:-1px}
}

/* Real website screenshot inside the original editorial browser frame. */
body.garabedian-case .gs-real-website{border:1px solid #16151366;border-radius:22px;overflow:hidden;background:var(--paper)}
body.garabedian-case .gs-real-website .gs-browserbar{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;background:var(--paper);border-bottom:1px solid #16151330}
body.garabedian-case .gs-browser-lights{display:flex;gap:6px;flex:none}
body.garabedian-case .gs-browser-lights i{display:block;width:7px;height:7px;border-radius:50%;background:#16151345}
body.garabedian-case .gs-real-website .gs-address{margin:auto;font:10px/1.4 'IBM Plex Mono',monospace;color:var(--muted);overflow-wrap:anywhere}
body.garabedian-case .gs-real-website>a{display:block}

/* Results return to separate Ivory cards; retain stronger result headings. */
body.garabedian-case #main #resultados>.gs-storygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0}
body.garabedian-case #main #resultados>.gs-storygrid>.gs-story{border:1px solid #16151345;border-radius:22px;background:var(--paper);padding:28px;margin:0;text-align:left}
body.garabedian-case #main #resultados>.gs-storygrid>.gs-story h3{font-size:clamp(26px,2.7vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.04em;margin:28px 0 20px;overflow-wrap:normal}
@media(max-width:1000px){body.garabedian-case #main #resultados>.gs-storygrid{grid-template-columns:1fr}}

/* Garabedian uses the NUMA case component, with its own photograph and evidence. */
body.retro-site #main .garabedian-case-folder .case-photo img{object-position:50% 65%}
body.retro-site #main .garabedian-case-folder .v3-case-results dd{font-size:clamp(23px,2.5vw,36px);line-height:1.2;overflow-wrap:normal}
body.retro-site #main .service-case-showcase h2{max-width:24ch}
body.retro-site #main .service-case-showcase>.eyebrow{margin-bottom:28px}
@media(max-width:760px){body.retro-site #main .garabedian-case-folder .v3-case-results dd{font-size:25px}}

/* Casos-only trial: one shared folder with adjacent selectable tabs. */
body.retro-site #main .selectable-case-folders{display:block;margin-top:36px}
body.retro-site #main .selectable-case-folders .case-tab-list{display:flex;align-items:stretch;gap:0;position:relative;z-index:2;margin-bottom:-1px}
body.retro-site #main .case-tab-list [role=tab]{appearance:none;cursor:pointer;min-height:48px;padding:13px 24px;border:1px solid #161513;border-radius:18px 18px 0 0;background:#deddd6;color:#625c53;font:500 17px/1.25 var(--sans);letter-spacing:-.025em;position:relative}
body.retro-site #main .case-tab-list [role=tab]+[role=tab]{margin-left:-1px}
body.retro-site #main .case-tab-list [role=tab][aria-selected=true]{background:var(--paper);border-bottom-color:var(--paper);color:var(--ink);z-index:2}
body.retro-site #main .case-tab-list [role=tab]:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}
body.retro-site #main .selectable-case-folders>.retro-case-folder{border-radius:0 22px 22px 22px;margin:0}
body.retro-site #main .selectable-case-folders>.retro-case-folder[hidden]{display:none!important}
body.retro-site #main .selectable-case-folders .case-photo-link{display:block;min-width:0;border-radius:16px;overflow:hidden}
body.retro-site #main .selectable-case-folders .case-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:18px}
body.retro-site #main .selectable-case-folders .case-card-actions .retro-numa-secondary{margin:0!important}
body.retro-site #main .selectable-case-folders .case-system-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px;border:1px solid #161513;border-radius:999px;background:transparent;color:var(--ink);font:500 12px/1.2 'IBM Plex Mono',monospace;text-decoration:none;letter-spacing:.04em}
body.retro-site #main .case-system-pill:hover{background:#16151308}
body.retro-site #main .case-system-pill:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:760px){body.retro-site #main .case-tab-list [role=tab]{padding:12px 14px;font-size:14px;flex:1;min-width:0}body.retro-site #main .selectable-case-folders>.retro-case-folder{border-radius:0 0 18px 18px}body.retro-site #main .selectable-case-folders .case-tab-list{width:100%}}

/* Garabedian: real footage in the existing rounded hero frame. */
body.garabedian-case .gs-heroVisual .gs-hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;}

/* Real case footage: share visibility-aware playback and preserve rounded media. */
body.retro-site #main .case-photo>.case-preview-video{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center;border-radius:inherit;pointer-events:none}
body.retro-site.v30-numa #main .numa-video-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:24px clamp(28px,5vw,80px);align-items:center}
body.retro-site.v30-numa #main .numa-video-hero>.numa-hero-kicker{grid-column:1/-1;width:auto;margin:0 0 12px!important;padding:0;text-align:left}
body.retro-site.v30-numa #main .numa-hero-kicker ol{font-size:inherit;letter-spacing:inherit;flex-wrap:wrap;justify-content:flex-start}
body.retro-site.v30-numa #main .numa-video-hero>.editorial-hero-row{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin:0!important;grid-column:1;grid-row:2}
body.retro-site.v30-numa #main .numa-video-hero .subhero-bottom{width:100%;margin:0!important;padding:0!important}
body.retro-site.v30-numa #main .numa-video-hero>.editorial-hero-figure{grid-column:2;grid-row:2;width:100%;max-width:340px;margin:0!important;justify-self:center}
body.retro-site.v30-numa #main .numa-video-hero .numa-cover-frame{height:auto!important;aspect-ratio:9/16;max-height:none!important}
body.retro-site.v30-numa #main .numa-hero-video{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
@media(max-width:760px){
body.retro-site.v30-numa #main .numa-video-hero{grid-template-columns:minmax(0,1fr);gap:24px}
body.retro-site.v30-numa #main .numa-video-hero>.editorial-hero-figure{grid-column:1;grid-row:3;max-width:300px}
}

/* The breadcrumb also serves as the hero eyebrow. */
body.retro-site #main .hero-breadcrumb-kicker,body.retro-site #main .numa-hero-kicker{width:auto;max-width:100%;margin:0 0 24px!important;padding:0;text-align:left;grid-column:1/-1}
body.retro-site #main :is(.hero-breadcrumb-kicker,.numa-hero-kicker) ol{font-size:inherit;letter-spacing:inherit;flex-wrap:wrap;justify-content:flex-start;gap:6px 10px}
body.retro-site #main :is(.hero-breadcrumb-kicker,.numa-hero-kicker) li{min-width:0;flex-wrap:wrap}
body.garabedian-case #main .gs-heroTop .hero-breadcrumb-kicker{margin:0!important;flex:1}
body.garabedian-case .gs-heroVisual{position:relative}
body.garabedian-case .gs-film-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;border-radius:inherit;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;color:#F5F2E3;z-index:3}
body.garabedian-case .gs-film-open span{background:#161513;padding:10px 16px;border-radius:999px;font-size:13px}
body.garabedian-case .gs-film-open:focus-visible{outline:3px solid #DA6E47;outline-offset:-5px}
.gs-film-dialog{padding:44px 16px 16px;border:0;border-radius:22px;background:#161513;color:#F5F2E3;width:min(1040px,94vw);max-width:94vw;max-height:94dvh;overflow:auto}
.gs-film-dialog::backdrop{background:rgba(0,0,0,.8)}
.gs-film-dialog video{display:block;width:100%;max-height:calc(90dvh - 64px);object-fit:contain;border-radius:10px}
.gs-film-close{position:absolute;top:4px;right:8px;width:36px;height:36px;border:0;background:transparent;color:#F5F2E3;font-size:28px;cursor:pointer}

/* Editorial case headings: opposite-side kickers, with the same mobile reading order. */
@media(min-width:761px){
body.retro-site.retro-interior.editorial-unified #main .case-heading-opposed{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,24%);gap:clamp(24px,4vw,64px);align-items:start;margin-bottom:28px;text-align:left}
body.retro-site.retro-interior.editorial-unified #main .case-heading-opposed>.eyebrow{grid-column:2;grid-row:1;text-align:right!important;margin:8px 0 0!important;max-width:none;width:auto}
body.retro-site.retro-interior.editorial-unified #main .case-heading-opposed>.editorial-heading-anchor{grid-column:1;grid-row:1;width:100%;max-width:100%;margin:0!important}
body.retro-site.retro-interior.editorial-unified #main .case-heading-opposed h2{margin:0!important}
}
@media(max-width:760px){
body.retro-site.retro-interior.editorial-unified #main .case-heading-opposed{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
body.retro-site.retro-interior.editorial-unified #main .case-heading-opposed>.eyebrow{margin:0!important;text-align:left!important}
}

.case-kicker-short{display:none}
@media(max-width:760px){body.retro-site #main .case-mobile-kicker li:not(:last-child),body.retro-site #main .case-mobile-kicker .case-kicker-full{display:none}body.retro-site #main .case-mobile-kicker li:last-child:before{display:none}body.retro-site #main .case-mobile-kicker .case-kicker-short{display:inline;white-space:nowrap}}
html.page-arriving{background:#161513!important}html.page-arriving body{visibility:hidden}.published-curtain{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#161513;visibility:hidden;pointer-events:none}.published-curtain span{width:clamp(160px,20vw,260px);aspect-ratio:4268/1566;background:#F5F2E3;mask:url('/assets/garabi-logo-propuesta.4fcbf5dfa7f7.png') center/105.4358013% 287.3563218% no-repeat;-webkit-mask:url('/assets/garabi-logo-propuesta.4fcbf5dfa7f7.png') center/105.4358013% 287.3563218% no-repeat}
@view-transition{navigation:none}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}