@font-face{font-family:'Google Sans';src:url('/assets/google-sans.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Idevo;src:url('/assets/sans.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Idevo;src:url('/assets/sans-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--paper:#f7f8f2;--navy:#0c123c;--blue:#435dff;--lime:#e0fa6c;--line:#0c123c26;--pad:clamp(1.25rem,4.5vw,5rem);--gutter:max(var(--pad),calc((100vw - 1320px)/2));--muted:#515877}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--navy);font-family:'Google Sans',Arial,sans-serif;font-size:1.125rem;line-height:1.5;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}h2{font-size:clamp(2.5rem,4.1vw,3.8rem)}p{font-size:1.125rem}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;color:inherit}button,summary{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto;object-fit:contain}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{color:var(--navy);background:var(--lime)}[hidden]{display:none!important}.page-pad{padding-inline:var(--gutter)}.blue{color:var(--blue)}.eyebrow{font-size:1rem;font-weight:600;line-height:1.45;display:table;border-left:4px solid var(--lime);padding-left:.75rem;color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-10rem;left:1rem;background:var(--navy);color:white;padding:1rem;z-index:100}.skip-link:focus{top:1rem}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.5rem;border-radius:99px;padding:1rem 1.5rem;background:var(--navy);color:var(--paper);font-size:1.0625rem;font-weight:500;line-height:1.3;transition:background .25s,transform .25s}.button>span{font-size:1.4rem;flex-shrink:0;transition:transform .25s}.button:hover{background:var(--blue);transform:translateY(-2px)}.button:hover>span{transform:translate(2px,-2px)}.button-small{font-size:1rem;min-height:3rem;padding:.75rem 1.25rem;gap:1rem}.next-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3rem;font-size:1.125rem;font-weight:500;line-height:1.35}.next-link>span{display:grid;place-items:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--lime);color:var(--navy);transition:transform .25s}.next-link:hover>span{transform:translateY(5px)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem var(--gutter);min-height:5.5rem;border-bottom:1px solid var(--line);position:relative;z-index:30;background:var(--paper)}.wordmark{font-family:Idevo,Arial,sans-serif;font-weight:700;font-size:2.6rem;letter-spacing:-.075em;line-height:1}.wordmark>span{color:var(--blue)}.desktop-nav{display:flex;gap:1.75rem;margin-left:auto;margin-right:1rem;font-size:1rem;line-height:1.3}.desktop-nav a{padding:.75rem 0}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle,.mobile-nav{display:none}
.hero{padding-top:1.5rem}.hero-kicker{display:table;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600;line-height:1.4;background:var(--lime);padding:.65rem 1rem;border-left:5px solid var(--blue);border-radius:0 8px 8px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:1.5rem;align-items:center;padding-block:2.5rem 1.75rem}.hero-copy{min-width:0;position:relative;z-index:1}.hero h1{font-size:clamp(3rem,4.95vw,4.65rem);line-height:1.06;letter-spacing:-.055em;text-wrap:initial}.hero-turn{display:table;position:relative;background:linear-gradient(var(--lime),var(--lime)) left 96%/100% .13em no-repeat;animation:hero-giro .85s .15s both}.hero-description{font-size:1.25rem;max-width:29rem;margin-top:1.5rem;line-height:1.5}.hero-cta{margin-top:1.5rem;background:var(--blue)}.hero-cta:hover{background:var(--navy)}.hero-shortcut{display:table;padding:.75rem 0;font-size:1rem;margin-top:.15rem;text-underline-offset:4px}.hero-shortcut:hover{text-decoration:underline}.hero-art{position:relative;min-width:0;transform:translateY(var(--parallax,0px));padding:.75rem .5rem 1.5rem}.hero-art img{width:100%;height:auto;animation:float-art 7s ease-in-out infinite}.art-caption{display:table;position:relative;margin:.5rem 1rem 0 auto;font-size:1.0625rem;font-weight:500;background:var(--lime);padding:.65rem 1rem;transform:rotate(-5deg);animation:caption-rock 6s ease-in-out infinite}.hero-handoff{font-size:1rem;display:flex;align-items:center;gap:.75rem;padding:1.2rem 0;border-top:1px solid var(--line);color:var(--muted)}.handoff-dot{width:.6rem;height:.6rem;background:var(--blue);border-radius:50%;flex:0 0 .6rem;animation:hint-pulse 2.5s ease-in-out infinite}.marquee{background:var(--lime);overflow:hidden;padding:.75rem 0}.marquee-track{display:flex;width:max-content;animation:marquee-slide 30s linear infinite}.marquee-track>span{flex-shrink:0;font-size:clamp(1.9rem,3.1vw,3rem);letter-spacing:-.035em;line-height:1.2;white-space:nowrap}.marquee i{font-style:normal;display:inline-block;margin:0 1.5rem}.marquee:hover .marquee-track{animation-play-state:paused}
.solutions{padding-block:3.5rem 2.5rem}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.75rem}.section-intro h2{margin-top:.8rem}.intro-aside{font-size:1.125rem;line-height:1.5;max-width:21rem}.case-tabs{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.interactive .case-tabs{display:grid}.case-tabs button{position:relative;background:var(--navy);color:var(--paper);border:2px solid var(--navy);border-radius:12px;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;text-align:left;min-height:7rem;box-shadow:0 4px 0 #0c123c20;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.case-tabs button strong{display:block;font-size:1.35rem;font-weight:600;line-height:1.2;letter-spacing:-.025em}.case-tabs button small{display:block;font-size:.9375rem;line-height:1.4;margin-top:.5rem;color:var(--lime)}.case-arrow{background:var(--lime);color:var(--navy);border-radius:50%;display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;font-size:1.3rem;transition:transform .25s}.case-tabs button:is([aria-selected=true],[aria-expanded=true]){background:var(--lime);color:var(--navy);box-shadow:0 4px 0 var(--navy)}.case-tabs button:is([aria-selected=true],[aria-expanded=true]) small{color:var(--navy)}.case-tabs button:is([aria-selected=true],[aria-expanded=true]) .case-arrow{background:var(--navy);color:var(--lime);transform:rotate(45deg)}.case-tabs button:active{transform:translateY(3px);box-shadow:none}.case-panel{border-radius:18px;padding:1.75rem 2.25rem .4rem;--case-accent:var(--lime);--panel-line:#ffffff45;animation:panel-in .48s ease both}.case-panel+.case-panel{margin-top:1rem}.interactive .case-panel{margin-top:0}.theme-blue{color:white;background:var(--blue)}.theme-navy{color:var(--paper);background:var(--navy)}.theme-lime{background:var(--lime);color:var(--navy);--case-accent:var(--blue);--panel-line:#0c123c35}.case-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem;align-items:center}.case-kicker{font-size:1rem;font-weight:500;border-left:3px solid var(--case-accent);padding-left:.75rem}.case-copy h3{font-size:clamp(2.3rem,3.7vw,3.4rem);line-height:1.08;margin-top:1rem}.case-copy h3 em{font-style:normal;color:var(--case-accent)}.case-copy>p:not(.case-kicker){font-size:1.1875rem;line-height:1.5;margin-top:1.15rem;max-width:34rem}.solution-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 .4rem;padding:0}.solution-tags li{font-size:1rem;line-height:1.3;border:1px solid var(--panel-line);padding:.5rem .7rem;border-radius:6px;background:#ffffff0a}.case-art{width:100%;max-width:24rem;justify-self:center;padding:.5rem 0 .75rem;position:relative}.case-art img{width:100%;height:auto;animation:float-art 8s ease-in-out infinite}.case-art>span{position:relative;display:table;max-width:21rem;margin:-.7rem auto 0;padding:.5rem .8rem;font-size:.9375rem;font-weight:500;line-height:1.35;background:var(--case-accent);color:var(--navy);transform:rotate(-3deg)}.theme-lime .case-art>span{background:var(--navy);color:var(--lime)}.case-detail{border-top:1px solid var(--panel-line);margin-top:.75rem}.case-detail summary{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;font-size:1.125rem;font-weight:500;line-height:1.35;padding:.65rem 0}.plus{flex:0 0 2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.5rem;font-weight:400;transition:transform .25s}.case-detail[open] .plus,.project-discovery[open] .plus,.form-options[open] .plus{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;border-top:1px solid var(--panel-line);padding:1.25rem 0 1.5rem;animation:reveal-content .35s ease both}.detail-content p{font-size:1.0625rem;line-height:1.5}.section-tail{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.25rem}.section-tail>p{font-size:1rem;color:var(--muted);max-width:23rem}.section-tail .next-link{font-size:1.0625rem}
.digital-projects{padding-block:2.75rem 2.5rem;background:#435dff06;border-block:1px solid var(--line)}.projects-intro h2{margin-top:.9rem;font-size:clamp(2.3rem,3.75vw,3.6rem)}.projects-intro>p:last-child{font-size:1.125rem;margin-top:1.15rem;max-width:37rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;align-items:start}.digital-project{--project-color:#433a70;--project-tint:#eeebf7;min-width:0;border:1px solid var(--line);border-top:5px solid var(--project-color);border-radius:15px;background:white;transition:box-shadow .3s,transform .3s}.project-fluven{--project-color:#705de7;--project-tint:#efecff}.project-muvva{--project-color:#f7ed4e;--project-tint:#fffddf}.project-brand{padding:1.35rem 1.4rem 0;display:flex;align-items:center;gap:1.1rem}.project-brand img{width:6.75rem;height:auto;aspect-ratio:1;object-fit:contain;border-radius:9px;transition:transform .35s}.project-brand h3{font-size:2rem;line-height:1.15;letter-spacing:-.035em}.project-purpose{font-size:1.4rem;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin:1.3rem 1.4rem 0}.project-description{font-size:1.0625rem;line-height:1.5;margin:.8rem 1.4rem 1.35rem}.project-discovery{background:var(--project-tint);border-radius:0 0 14px 14px}.project-discovery summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:1.0625rem;font-weight:600;line-height:1.3;padding:1rem 1.35rem;min-height:4.75rem}.project-discovery .plus{background:var(--navy);color:var(--paper);border:0}.discovery-content{padding:0 1.4rem 1.35rem;animation:reveal-content .4s ease both}.discovery-content>p{font-size:1.125rem;line-height:1.5;padding-top:.85rem;border-top:1px solid var(--line)}.idea-pick{display:none;width:100%;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--navy);background:var(--navy);color:var(--paper);font-size:1rem;line-height:1.3;padding:.8rem .9rem;border-radius:7px;margin-top:1.1rem;min-height:3rem}.interactive .idea-pick{display:flex}.idea-pick[aria-pressed=true]{background:var(--lime);color:var(--navy)}.digital-project:has(.idea-pick[aria-pressed=true]){box-shadow:0 0 0 2px var(--navy)}.inspiration-status:empty{display:none}.inspiration-status{font-size:1rem;line-height:1.4;padding:.8rem 1rem;background:var(--lime);border-radius:7px;margin-top:1.2rem}
.about{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:3.5rem;padding-block:3.5rem}.portrait-wrap{max-width:21.5rem;width:100%;justify-self:center}.portrait-wrap>img{width:100%;height:auto;border-radius:12px;object-fit:contain}.portrait-wrap>span{display:block;font-size:.9375rem;color:var(--muted);margin-top:.8rem}.about-copy h2{font-size:clamp(2.35rem,3.45vw,3.3rem);margin-top:.9rem}.about-copy>p:not(.eyebrow){font-size:1.1875rem;line-height:1.5;margin-top:1.25rem;max-width:39rem}.about-copy>.formation{font-size:1.0625rem!important;color:var(--muted)}.formation strong{color:var(--navy);font-weight:500}.agreement{display:flex;align-items:center;gap:1rem;padding:1.2rem;margin-top:1.5rem;background:var(--lime);border-radius:9px}.agreement>img{width:6rem;height:auto;flex-shrink:0}.agreement h3{font-size:1.45rem;line-height:1.2;letter-spacing:-.025em}.agreement p{font-size:1.0625rem;line-height:1.5;margin-top:.5rem}.about .next-link{margin-top:1.2rem}
.booking{background:var(--navy);color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding-block:3rem;align-items:center}.booking-copy{min-width:0;position:relative}.booking .eyebrow{color:var(--lime)}.booking-copy h2{font-size:clamp(2.8rem,4.7vw,4.2rem);line-height:1.08;margin-top:1rem}.booking-copy h2 .title-text>strong{color:var(--lime)}.booking-copy>p:not(.eyebrow){font-size:1.1875rem;line-height:1.5;max-width:29rem;margin-top:1.25rem}.route-summary{border-left:3px solid var(--lime);padding:0 0 0 1.1rem;margin-top:1.75rem;max-width:30rem}.summary-label{font-size:.9375rem;color:var(--lime);font-weight:500}.route-summary #route-goal{font-size:1.4rem;line-height:1.3;margin-top:.55rem;font-weight:500}.route-summary #route-start{font-size:1.0625rem;margin-top:.65rem;color:#d5d9ef}.route-summary #route-inspirations{font-size:1rem;line-height:1.4;margin-top:.8rem;color:var(--lime)}.booking-art{width:8.5rem;margin:1rem 0 0 auto;transform:translateY(var(--parallax,0px))}.booking-art img{width:100%;height:auto;animation:float-art 7s ease-in-out infinite}.booking-card{background:var(--paper);color:var(--navy);padding:2rem;border-radius:16px;width:100%;max-width:35rem;justify-self:end;min-width:0}.booking-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;font-size:1rem}.booking-card-heading>span:last-child{background:var(--lime);border-radius:99px;padding:.15rem .65rem}.booking-card h3{font-size:2rem;line-height:1.15;letter-spacing:-.035em;margin-top:1.25rem}.booking-card form{margin-top:1.25rem}.booking-card label{display:block;font-size:1rem;margin-top:1rem;margin-bottom:.4rem}.booking-card input:not([type=hidden]),.booking-card select{width:100%;max-width:100%;min-width:0;min-height:3.3rem;padding:.8rem;border:1px solid #8a91a7;background:white;color:var(--navy);border-radius:6px;font-size:1rem}.booking-card input::placeholder{color:#656e87;opacity:1}.booking-card input:focus,.booking-card select:focus{outline:2px solid var(--blue);outline-offset:2px}.form-options{margin-top:1rem}.form-options summary{display:flex;align-items:center;gap:.4rem;font-size:1rem;line-height:1.4;list-style:none;padding:.6rem 0}.form-options summary>span:not(.plus){color:var(--muted);font-size:.9375rem}.form-options .plus{margin-left:auto;flex-basis:1.75rem;height:1.75rem;font-size:1.2rem}.form-options>div{padding-bottom:.5rem}.submit-button{width:100%;background:var(--blue);border-radius:7px;margin-top:1.15rem}.submit-button:hover{background:var(--navy)}.booking-disclosure{font-size:.9375rem;line-height:1.5;margin-top:1rem;color:var(--muted)}.booking-card noscript p{font-size:1rem;margin-top:1rem}.booking-card noscript a{text-decoration:underline}
.site-footer{background:var(--navy);color:var(--paper);border-top:1px solid #ffffff30;padding-block:1.75rem 1.25rem}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;font-size:1rem}.footer-main .wordmark>span{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #ffffff30;font-size:.9375rem}.motion-toggle{display:flex;align-items:center;gap:.6rem;background:none;color:inherit;min-height:2.75rem;padding:.5rem 0;font-size:.9375rem}.motion-indicator{color:var(--lime)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.reveal{opacity:1}.motion-ready .reveal.is-visible{animation:section-enter .65s ease both}.motion-ready .digital-project:nth-child(2).is-visible{animation-delay:.1s}.motion-ready .digital-project:nth-child(3).is-visible{animation-delay:.2s}
@keyframes hero-giro{from{opacity:.5;transform:translateY(12px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes float-art{0%,100%{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes caption-rock{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(-1deg)}}
@keyframes hint-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.65}}
@keyframes marquee-slide{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes panel-in{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes section-enter{from{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes reveal-content{from{opacity:.35;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.case-tabs button:hover{transform:translateY(-4px);box-shadow:0 8px 0 #0c123c20}.case-tabs button:is([aria-selected=true],[aria-expanded=true]):hover{box-shadow:0 8px 0 var(--navy)}.digital-project:hover .project-brand img{transform:rotate(-4deg) translateY(-3px)}.project-discovery summary:hover .plus{transform:scale(1.1)}.project-discovery[open] summary:hover .plus{transform:rotate(45deg) scale(1.1)}}
@media(max-width:1050px){.desktop-nav{gap:1.2rem;font-size:.9375rem;margin-right:0}.site-header{gap:1rem}.hero h1{font-size:5.1vw}.hero-description{font-size:1.125rem}.case-tabs button{padding:1rem;gap:.7rem}.case-tabs button strong{font-size:1.2rem}.case-tabs button small{font-size:.875rem}.case-arrow{flex-basis:2.15rem;height:2.15rem}.case-panel{padding:1.5rem 1.75rem .35rem}.case-copy h3{font-size:3.85vw}.case-copy>p:not(.case-kicker){font-size:1.125rem}.project-grid{gap:1rem}.project-brand{padding:1.2rem 1.15rem 0;gap:.8rem}.project-brand img{width:5rem}.project-brand h3{font-size:1.75rem}.project-purpose{font-size:1.25rem;margin-inline:1.15rem}.project-description{margin-inline:1.15rem}.project-discovery summary{padding-inline:1.15rem;font-size:1rem}.discovery-content{padding-inline:1.15rem}.about{gap:2.5rem}.booking{gap:2.5rem}.booking-card{padding:1.5rem}.booking-card h3{font-size:1.8rem}.agreement>img{width:4.5rem}}
@media(max-width:800px){.site-header{flex-wrap:wrap;min-height:5rem}.site-header>.button{margin-left:auto}.desktop-nav{order:4;width:100%;justify-content:space-between}.interactive .desktop-nav{display:none}.interactive .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;flex-shrink:0;width:2.5rem;height:2.75rem;padding:.5rem;background:none}.menu-toggle>span{height:1px;background:var(--navy);width:100%;transition:transform .2s}.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-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1rem var(--pad);border-bottom:1px solid var(--line);box-shadow:0 12px 22px #0c123c15}.mobile-nav a{padding:.8rem 0;font-size:1.125rem;border-top:1px solid var(--line)}.hero-grid{gap:.75rem;grid-template-columns:1.1fr 1fr}.hero h1{font-size:5.7vw}.hero-description{font-size:1.125rem}.hero-cta{font-size:1rem;padding:1rem 1.2rem;gap:1rem}.art-caption{font-size:.9375rem;margin-right:0}.project-grid{grid-template-columns:1fr}.digital-project{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.project-brand{grid-row:1/3;padding:1.25rem;gap:1rem}.project-brand img{width:6.75rem}.project-brand h3{font-size:1.85rem}.project-purpose{margin:1.25rem 1.25rem 0 .25rem;font-size:1.35rem}.project-description{margin:.6rem 1.25rem 1.25rem .25rem}.project-discovery{grid-column:1/-1}.project-discovery summary{padding:.85rem 1.25rem;min-height:4rem;font-size:1.0625rem}.discovery-content{padding-inline:1.25rem}.discovery-content .idea-pick{max-width:22rem}.section-tail{align-items:start;flex-direction:column;gap:.5rem}.section-tail>p{max-width:none}.about{gap:2rem;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.about-copy h2{font-size:4vw}.about-copy>p:not(.eyebrow){font-size:1.125rem}.agreement{display:block}.agreement>img{display:none}.booking{gap:1.75rem}.booking-copy h2{font-size:5.1vw}.booking-card{padding:1.25rem}.booking-card h3{font-size:1.65rem}.booking-copy>p:not(.eyebrow){font-size:1.125rem}.route-summary #route-goal{font-size:1.2rem}.form-options summary{flex-wrap:wrap}.form-options .plus{margin-left:auto}}
@media(max-width:650px){:root{--pad:1.25rem}html{scroll-padding-top:5.5rem}.site-header{padding-block:.9rem;gap:.55rem;min-height:4.5rem}.wordmark{font-size:2.1rem}.button-small{font-size:.9375rem;padding:.65rem 1rem;min-height:2.8rem;gap:.7rem}.hero{padding-top:1.1rem}.hero-kicker{font-size:1.0625rem;padding:.6rem .8rem}.hero-grid{grid-template-columns:1fr;gap:1rem;padding-block:1.75rem 1rem}.hero h1{font-size:clamp(2.5rem,9.2vw,3.65rem);line-height:1.08}.hero-description{font-size:1.1875rem;margin-top:1.25rem;max-width:28rem}.hero-cta{font-size:1rem;margin-top:1.25rem}.hero-shortcut{font-size:1rem}.hero-art{max-width:29rem;justify-self:center;padding:.25rem .75rem 1rem;width:100%}.art-caption{font-size:.9375rem;margin:.2rem .25rem 0 auto;padding:.5rem .8rem}.hero-handoff{font-size:.9375rem;line-height:1.45;padding-block:1rem}.marquee-track>span{font-size:1.85rem}.solutions{padding-block:2.5rem 2rem}.section-intro{display:block;margin-bottom:1.4rem}.section-intro h2{font-size:clamp(2.35rem,8.4vw,3.2rem)}.intro-aside{margin-top:1rem;max-width:none;font-size:1.0625rem}.intro-aside br{display:none}.intro-aside br:after{content:' '}.case-tabs{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.case-tabs button{padding:1rem 1.1rem;min-height:5.4rem}.case-tabs button strong{font-size:1.25rem}.case-tabs button small{font-size:.9375rem;margin-top:.3rem}.case-arrow{flex-basis:2.5rem;height:2.5rem}.case-panel{padding:1.4rem 1.25rem .3rem;border-radius:14px}.case-main{grid-template-columns:1fr;gap:.6rem}.case-copy h3{font-size:clamp(2.2rem,8.2vw,3.2rem);line-height:1.1;margin-top:.9rem}.case-copy>p:not(.case-kicker){font-size:1.125rem;margin-top:1rem}.solution-tags{margin-top:1.1rem;gap:.5rem}.solution-tags li{font-size:.9375rem;padding:.45rem .6rem}.case-art{max-width:21rem;padding:.5rem .35rem .8rem;width:100%}.case-art>span{font-size:.9375rem;max-width:19rem;margin-top:-.6rem}.case-detail{margin-top:.3rem}.case-detail summary{font-size:1.0625rem;min-height:4.5rem}.detail-content{grid-template-columns:1fr;gap:1rem}.section-tail{padding-top:1rem;gap:.6rem}.section-tail .next-link{font-size:1.0625rem;gap:1rem}.next-link>span{width:2.5rem;height:2.5rem}.digital-projects{padding-block:2.5rem 2rem}.projects-intro h2{font-size:clamp(2.25rem,8vw,3rem)}.projects-intro h2 br{display:none}.projects-intro>p:last-child{font-size:1.125rem;line-height:1.5;margin-top:1rem}.project-grid{margin-top:1.5rem;gap:1.15rem}.digital-project{display:block}.project-brand{padding:1.25rem 1.25rem 0;gap:1.25rem}.project-brand img{width:7rem}.project-brand h3{font-size:2rem}.project-purpose{font-size:1.4rem;line-height:1.25;margin:1.15rem 1.25rem 0}.project-description{font-size:1.125rem;line-height:1.5;margin:.7rem 1.25rem 1.25rem}.project-discovery summary{padding:1rem 1.25rem;min-height:4.5rem}.discovery-content{padding:0 1.25rem 1.25rem}.discovery-content .idea-pick{max-width:none}.about{grid-template-columns:1fr;gap:1.75rem;padding-block:2.5rem}.portrait-wrap{width:80%;max-width:20rem}.portrait-wrap>span{font-size:.9375rem}.about-copy h2{font-size:clamp(2.25rem,7.6vw,3rem);line-height:1.13}.about-copy>p:not(.eyebrow){font-size:1.125rem;margin-top:1.1rem}.about-copy>.formation{font-size:1.0625rem!important}.agreement{margin-top:1.25rem;padding:1.15rem}.agreement h3{font-size:1.4rem}.agreement p{font-size:1.0625rem}.about .next-link{font-size:1.0625rem;gap:1rem}.booking{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.booking-copy h2{font-size:clamp(2.65rem,9vw,3.6rem)}.booking-copy>p:not(.eyebrow){font-size:1.125rem}.route-summary{margin-top:1.4rem}.route-summary #route-goal{font-size:1.3rem}.booking-art{width:6rem;margin:.75rem 0 0 auto}.booking-card{padding:1.4rem;max-width:none;border-radius:12px}.booking-card h3{font-size:1.85rem;line-height:1.18}.booking-card h3 br{display:none}.form-options summary{font-size:1rem;gap:.35rem}.form-options summary>span:not(.plus){font-size:.9375rem}.submit-button{font-size:1rem}.footer-main{display:grid;grid-template-columns:1fr;gap:.85rem;font-size:1rem}.footer-main .wordmark{justify-self:start;margin-bottom:.3rem}.motion-toggle{justify-self:start}.footer-bottom{font-size:.875rem}.eyebrow{font-size:1rem}}
@media(max-width:370px){.hero h1{font-size:9vw}.hero-kicker{font-size:1rem}.site-header{gap:.25rem}.wordmark{font-size:1.9rem}.button-small{font-size:.875rem;padding-inline:.9rem}.case-tabs button{padding:1rem}.case-tabs button strong{font-size:1.15rem}.case-tabs button small{font-size:.875rem}.case-panel{padding-inline:1rem}.case-copy h3{font-size:8.3vw}.project-brand img{width:6rem}.project-brand{gap:1rem}.project-brand h3{font-size:1.85rem}.booking-card{padding:1.15rem}.booking-card h3{font-size:1.65rem}.form-options summary>span:not(.plus){display:none}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}body.motion-paused .hero-turn,body.motion-paused .case-panel,body.motion-paused .reveal,body.motion-paused .discovery-content,body.motion-paused .detail-content{opacity:1!important;transform:none!important}body.motion-paused [data-parallax]{--parallax:0px!important}html:has(body.motion-paused){scroll-behavior:auto}body.motion-paused .custom-cursor .cursor-burst{opacity:0}body.motion-paused .case-tabs button,body.motion-paused .project-brand img,body.motion-paused .button,body.motion-paused .next-link>span{transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-turn,.case-panel,.reveal,.detail-content,.discovery-content{opacity:1!important;transform:none!important}[data-parallax]{--parallax:0px!important}.custom-cursor{display:none!important}body.cursor-active,body.cursor-active a,body.cursor-active button,body.cursor-active summary{cursor:auto}.case-tabs button,.project-brand img,.button,.next-link>span{transform:none!important}}
@media print{.site-header,.marquee,.custom-cursor,.scroll-progress,.motion-toggle,.booking-art,.hero-art,.case-art,.idea-pick{display:none!important}.case-panel[hidden]{display:block!important}.case-tabs{display:none!important}body{font-size:12pt}h1,h2,h3{break-after:avoid}.case-panel,.digital-project{break-inside:avoid}a[href^='#']{display:none}.page-pad{padding-inline:0}.booking,.about,.project-grid{display:block}.reveal{transform:none!important;opacity:1!important}}

body.motion-paused [data-scroll-emphasis]{--emphasis:1!important}
@media(prefers-reduced-motion:reduce){[data-scroll-emphasis]{--emphasis:1!important}}
body:not(.interactive) .intro-aside,body:not(.interactive) .motion-toggle{display:none}

html{scroll-padding-top:8rem}

/* A vivid trail: the whole navigation changes with the chapter, while the rail fills. */
/* Both bulb states share one canvas, one silhouette and one fixed display box. */
.custom-cursor{position:fixed;z-index:9999;top:0;left:0;width:1px;height:1px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s;will-change:transform}
.cursor-bulb{position:absolute;display:block;left:-26px;top:-10px;width:52px!important;height:64.5565px!important;max-width:none;object-fit:contain;transform:none;transition:opacity .16s ease;filter:drop-shadow(.65px 0 0 #f7f8f2) drop-shadow(-.65px 0 0 #f7f8f2) drop-shadow(0 .65px 0 #f7f8f2) drop-shadow(0 -.65px 0 #f7f8f2) drop-shadow(0 2px 2px #0c123c40)}
.cursor-bulb-off{opacity:1}.cursor-bulb-on{opacity:0}
.custom-cursor.is-lit .cursor-bulb-off{opacity:0}.custom-cursor.is-lit .cursor-bulb-on{opacity:1}
.cursor-burst{position:absolute;left:0;top:15px;width:22px;height:22px;border:2px solid #ffdc00;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}
.custom-cursor.is-clicking .cursor-burst{animation:bulb-click .45s ease-out}
@keyframes bulb-click{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.1)}}
@media(hover:hover) and (pointer:fine){body.cursor-active,body.cursor-active a,body.cursor-active button,body.cursor-active summary,body.cursor-active label{cursor:none}body.cursor-active .custom-cursor.is-visible{opacity:1;visibility:visible}body.cursor-active input,body.cursor-active textarea,body.cursor-active [contenteditable=true]{cursor:text}body.cursor-active select{cursor:auto}
.interactive .hero-art img,.interactive .case-art img{filter:blur(3.5px);transition:filter .45s ease}
.interactive .hero-art:hover img,.interactive .case-art:hover img,.interactive .hero-art:focus-within img,.interactive .case-art:focus-within img{filter:blur(0) drop-shadow(0 12px 14px #0c123c16)}
.digital-project{transition:box-shadow .3s ease,transform .3s ease}.digital-project:hover,.digital-project:focus-within{box-shadow:0 10px 0 #0c123c09,0 0 0 2px var(--blue);transform:translateY(-4px)}
}
@media(max-width:1050px){}
@media(max-width:800px){}
@media(max-width:650px){ .title-text{transform-origin:left center}}
body.motion-paused  .title-text{transform:none!important;will-change:auto}body.motion-paused .hero-art img,body.motion-paused .case-art img{filter:none!important}body.motion-paused .digital-project{transform:none!important}
@media(prefers-reduced-motion:reduce){ .title-text{transform:none!important;will-change:auto}.hero-art img,.case-art img{filter:none!important}.digital-project{transform:none!important}}

/* Larger reading rhythm with stable, mixed-weight headings. */
:root{font-size:112.5%}
h1,h2,.case-copy h3{font-weight:400;letter-spacing:-.035em}
h1 strong,h2 strong,.case-copy h3 em{font-weight:700}
.title-text{display:block;transform:none!important;will-change:auto}
.hero-turn{animation:none;background:none}
[data-scroll-emphasis]{display:inline-block;max-width:100%;vertical-align:baseline;line-height:1.2;padding:.06em .055em .04em;margin-top:.035em;color:var(--blue);background:linear-gradient(var(--lime),var(--lime)) left bottom/calc(var(--emphasis,1)*100%) calc(100% - .12em) no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-description,.case-copy>p:not(.case-kicker),.about-copy>p:not(.eyebrow),.booking-copy>p:not(.eyebrow){font-size:1.25rem;line-height:1.55}
.detail-content p,.project-description,.discovery-content>p,.projects-intro>p:last-child{font-size:1.1875rem;line-height:1.55}
.about-copy>.formation{font-size:1.125rem!important}
.hero-shortcut,.hero-handoff,.section-tail>p,.art-caption,.case-kicker,.case-art>span,.solution-tags li,.eyebrow,.booking-card label,.booking-card input:not([type=hidden]),.booking-card select,.booking-card-heading,.form-options summary,.idea-pick,.booking-disclosure,.route-summary #route-start,.route-summary #route-inspirations{font-size:1.0625rem}
.booking-card select{padding-right:1.6rem}
.section-tail .next-link,.case-detail summary,.project-discovery summary,.button{font-size:1.125rem}
.case-copy h3{line-height:1.15}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem}
.hero-art{padding:0 0 1rem}
.hero-art img,.case-art img,.agreement-art img,.booking-art img{height:auto;object-fit:contain}
/* One choice area: all four controls remain available above the changing panel. */
.solution-picker{border:2px solid var(--navy);border-radius:18px;background:var(--navy);padding:.65rem}
.case-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0 0 .65rem}
.case-tabs button{min-height:8rem;border:1px solid #ffffff65;border-radius:10px;padding:1rem .85rem;gap:.6rem;box-shadow:none;align-items:flex-start}
.case-tabs button strong{font-size:1.18rem;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.case-tabs button small{font-size:.97rem;color:var(--paper);line-height:1.4;margin-top:.55rem}
.case-tabs button:is([aria-selected=true],[aria-expanded=true]){border-color:var(--lime);box-shadow:none}
.case-tabs button:is([aria-selected=true],[aria-expanded=true]):hover,.case-tabs button:hover{box-shadow:none;border-color:var(--lime)}
.case-tabs button:focus-visible{outline:3px solid var(--paper);outline-offset:-5px}
.case-arrow{flex-basis:1.85rem;height:1.85rem;font-size:1.1rem;margin-top:.1rem}
.case-panel{border-radius:10px;padding:1.5rem 2rem 0}
.case-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}
.case-art{max-width:30rem;padding:0;width:100%}
.case-art>span{max-width:24rem;margin:-.5rem auto 1rem}
.case-detail summary{padding-block:1rem}
.case-cta{display:flex;width:calc(100% + 4rem);margin:.2rem -2rem 0;border-radius:0 0 8px 8px;background:var(--lime);color:var(--navy);padding:1.2rem 2rem;font-size:1.25rem;font-weight:600;border-top:2px solid var(--navy)}
.case-cta:hover{background:var(--paper);color:var(--navy);transform:none}
.theme-lime .case-cta{background:var(--navy);color:var(--lime);border-color:var(--lime)}
.theme-lime .case-cta:hover{background:var(--blue);color:white}
/* Four references get enough room for both their identity and their story. */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}
.digital-project{display:flex;flex-direction:column;align-items:stretch}
.project-brand{padding:1.4rem 1.5rem 0;gap:1.25rem}
.project-brand img{width:8rem;flex:0 0 8rem}
.project-brand h3{font-size:2.25rem}
.project-purpose{font-size:1.55rem;margin:1rem 1.5rem 0}
.project-description{margin:.8rem 1.5rem 1.5rem}
.project-discovery{margin-top:auto}
.project-discovery summary{padding-inline:1.5rem}
.discovery-content{padding-inline:1.5rem}
.project-tangore{--project-color:#013a40;--project-tint:#d4f6ed}
.portrait-wrap{max-width:23rem}
/* A full-width commitment band, with the illustration in the composition. */
.agreement-band{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center;gap:3rem;padding-block:1.5rem;background:var(--lime);color:var(--navy)}
.agreement-art{width:100%;max-width:24rem;justify-self:center}
.agreement-art img{width:100%;animation:float-art 8s ease-in-out infinite}
.agreement-copy h2{font-size:clamp(2.2rem,3.8vw,3.5rem);line-height:1.13}
.agreement-copy p{font-size:1.25rem;line-height:1.55;max-width:40rem;margin-top:1.2rem}
.booking-art{width:15rem;max-width:60%;margin:.8rem 0 0 auto}
/* Visible rocket, with the gradient trail ending just behind its tail. */
html{scroll-padding-top:10rem}
/* The point is the click target; the smaller bulb stays alongside it. */
.cursor-dot{position:absolute;left:0;top:0;width:9px;height:9px;border:1.5px solid var(--lime);border-radius:50%;background:var(--navy);box-shadow:0 0 0 1px #ffffffb0;transform:translate(-50%,-50%)}
.cursor-bulb{left:9px;top:5px;width:39px!important;height:48.4174px!important}
.custom-cursor.at-right .cursor-bulb{left:-48px}
.custom-cursor.at-bottom .cursor-bulb{top:-53px}
.cursor-burst{top:0}
@media(hover:hover) and (pointer:fine){.interactive .agreement-art img,.interactive .booking-art img{filter:blur(3.5px);transition:filter .45s}.interactive .agreement-art:hover img,.interactive .booking-art:hover img{filter:blur(0)}}
@media(max-width:1100px){.case-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.case-tabs button{min-height:6rem}.case-tabs button strong{font-size:1.25rem}.case-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.case-copy h3{font-size:clamp(2rem,3.85vw,3.4rem)}.project-brand img{width:7rem;flex-basis:7rem}.project-brand{padding:1.2rem 1.2rem 0;gap:.8rem}.project-brand h3{font-size:1.9rem}.project-purpose,.project-description{margin-inline:1.2rem}.booking{gap:2rem}.booking-card{padding:1.5rem}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.6rem,6.6vw,4.65rem)}.hero-art{width:100%;max-width:38rem;justify-self:center}.hero-description{max-width:34rem}.case-main{grid-template-columns:1fr}.case-copy h3{font-size:clamp(2.2rem,5vw,3.2rem)}.case-art{max-width:26rem}.project-grid{grid-template-columns:1fr}.project-brand img{width:8rem;flex-basis:8rem}.project-brand h3{font-size:2.2rem}.project-purpose{font-size:1.55rem}.project-description{margin-bottom:1.25rem}.discovery-content .idea-pick{max-width:none}.about{grid-template-columns:1fr;gap:2rem}.portrait-wrap{width:75%;max-width:22rem}.about-copy h2{font-size:clamp(2.3rem,5vw,3.5rem)}.agreement-band{gap:1.5rem;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}.booking{grid-template-columns:1fr;gap:2rem}.booking-card{max-width:none}.booking-copy h2{font-size:clamp(2.7rem,6vw,4.2rem)}.booking-copy>p:not(.eyebrow),.route-summary{max-width:36rem}.booking-art{width:14rem}}
@media(max-width:650px){.hero-grid{padding-top:1.5rem}.hero h1{font-size:clamp(2.25rem,9vw,3.65rem);line-height:1.1}.hero-description,.case-copy>p:not(.case-kicker),.about-copy>p:not(.eyebrow),.booking-copy>p:not(.eyebrow),.agreement-copy p{font-size:1.1875rem}.hero-kicker{font-size:1.125rem}.hero-cta{padding-inline:1.1rem;font-size:1.0625rem}.hero-art{padding-inline:0;max-width:none}.case-tabs{grid-template-columns:1fr;gap:.6rem}.case-tabs button{min-height:5.6rem;align-items:center;padding:.85rem 1rem}.case-tabs button strong{font-size:1.2rem}.case-tabs button small{font-size:1rem;margin-top:.35rem}.case-panel{padding:1.35rem 1.15rem 0}.case-cta{width:calc(100% + 2.3rem);margin-inline:-1.15rem;padding:1.1rem 1.15rem;font-size:1.125rem;gap:1rem}.case-copy h3{font-size:clamp(2.1rem,8vw,3.2rem)}.case-art{max-width:none;padding:0}.case-art>span{font-size:1rem}.solution-tags li{font-size:1rem}.project-brand{padding:1.25rem 1.25rem 0;gap:1rem}.project-brand img{width:7rem;flex-basis:7rem}.project-brand h3{font-size:2rem}.project-purpose,.project-description{margin-inline:1.25rem}.project-discovery summary,.discovery-content{padding-inline:1.25rem}.project-purpose{font-size:1.5rem}.about-copy h2{font-size:clamp(2.25rem,7.6vw,3rem)}.agreement-band{grid-template-columns:1fr;gap:.8rem;padding-block:2rem}.agreement-art{max-width:19rem;width:85%}.agreement-copy h2{font-size:2.2rem}.agreement-copy p{margin-top:1rem}.booking-art{width:13rem;max-width:65%;margin-top:1rem}.booking-card{padding:1.2rem}.booking-card h3{font-size:1.9rem}.booking-card select{font-size:1rem}.button-small{font-size:.9rem;padding-inline:.8rem}.site-header{gap:.35rem}.wordmark{font-size:2rem}}
body.motion-paused .agreement-art img,body.motion-paused .booking-art img{filter:none!important}
@media(prefers-reduced-motion:reduce){.agreement-art img,.booking-art img{filter:none!important}}
@media print{.agreement-band{display:block}.agreement-art,.case-cta{display:none}.project-grid{display:block}.digital-project{margin-bottom:1rem}}

html{scroll-padding-top:var(--journey-offset,5.5rem)}

/* A lean statement and one full-height journey of color. */
.marquee{padding:.32rem 0}
.marquee-track>span{font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.3;letter-spacing:-.015em}
.marquee i{margin:0 1.15rem;font-size:1em}
.marquee-track{animation-duration:42s}
.journey-nav{--journey-fill:0px;position:sticky;top:0;z-index:20;isolation:isolate;background:var(--navy);color:white;border:0;display:block;padding-block:.4rem}
.journey-color{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#e0fa6c 0%,#85caff 36%,#435dff 70%,#e0fa6c 100%);clip-path:inset(0 max(0px,calc(100% - var(--journey-fill))) 0 0);pointer-events:none}
.journey-links{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%}
.journey-links>a{min-width:0;display:flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.6rem .5rem;border:1px solid transparent;border-radius:7px;background:var(--navy);color:white;font-size:1.0625rem;line-height:1.25;text-align:center;transition:border-color .2s ease;}
.journey-links>a:hover{background:var(--navy);border-color:#ffffff88;color:white}
.journey-links>a[aria-current=location]{background:var(--navy);color:white;border-color:white;font-weight:600;box-shadow:none}
.journey-links>a:focus-visible{outline:2px solid white;outline-offset:3px}

/* The choices stay clear while the reading surface becomes lighter. */
.solution-picker{background:#eef1f7;border:1px solid #cbd2e3;padding:.65rem;border-radius:18px}
.case-tabs button{background:var(--paper);color:var(--navy);border:1px solid #c4cbdd;border-radius:10px;box-shadow:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;align-items:center}
.case-tabs button strong{font-size:1.2rem;font-weight:600;line-height:1.2}
.case-tabs button small{color:var(--muted);font-size:.97rem;line-height:1.4}
.case-tabs button:is([aria-selected=true],[aria-expanded=true]){background:white;color:var(--blue);border-color:var(--blue);box-shadow:inset 0 -4px 0 var(--blue)}
.case-tabs button:is([aria-selected=true],[aria-expanded=true]) small{color:var(--muted)}
.case-arrow{background:#e6ebff;color:var(--blue)}
.case-tabs button:is([aria-selected=true],[aria-expanded=true]) .case-arrow{background:var(--blue);color:white}
.case-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
.case-panel{--case-accent:var(--blue);--panel-line:#0c123c26;background:white;color:var(--navy);border:1px solid #d6dceb;animation:case-discover .55s cubic-bezier(.2,.75,.2,1) backwards}
.case-kicker{font-size:1rem;font-weight:600;color:var(--blue);border-left:3px solid var(--lime);padding-left:.65rem}
.case-copy h3{font-size:clamp(2.4rem,3.65vw,3.5rem);line-height:1.08;margin-top:.9rem;letter-spacing:-.04em}
.case-copy h3 em{color:var(--blue);font-weight:700}
.case-copy>p.case-lead{font-size:1.1875rem;line-height:1.55;color:var(--muted);margin-top:1.25rem}
.case-lead strong{color:var(--navy);font-weight:600}
.case-copy>p.solution-label{font-size:.98rem;font-weight:600;color:var(--navy);letter-spacing:.015em;margin-top:1.5rem}
.solution-tags{margin-top:.55rem;gap:.5rem}
.solution-tags li{background:#f3f5fc;border:0;border-radius:5px;color:var(--blue);font-size:1rem;padding:.45rem .65rem}
.case-art>span,.theme-lime .case-art>span{background:var(--lime);color:var(--navy);font-size:1rem}
.case-detail summary{font-size:1.125rem;font-weight:500;color:var(--navy)}
.case-detail .plus{border-color:#c4cbdd;color:var(--blue)}
.detail-content strong{display:block;color:var(--navy);font-size:1.125rem;margin-bottom:.4rem}
.detail-content p{color:var(--muted)}
.detail-content a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.case-cta,.theme-lime .case-cta{background:var(--blue);color:white;border-top:0;font-size:1.125rem;padding-block:1.05rem;margin-top:.6rem}
.case-cta:hover,.theme-lime .case-cta:hover{background:var(--navy);color:white}
@keyframes case-discover{from{opacity:.5;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes case-copy-enter{from{opacity:.3;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.case-copy{animation:case-copy-enter .6s .08s ease backwards}
@media(hover:hover) and (pointer:fine){.case-tabs button:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 4px 12px #435dff15}.case-tabs button:is([aria-selected=true],[aria-expanded=true]):hover{box-shadow:inset 0 -4px 0 var(--blue),0 4px 12px #435dff15}}
/* Logos float vertically and resolve into focus while exploring the solution. */
.project-brand img{animation:logo-float 7s ease-in-out infinite;transition:filter .4s ease}
.digital-project:nth-child(2) .project-brand img{animation-delay:-1.75s}
.digital-project:nth-child(3) .project-brand img{animation-delay:-3.5s}
.digital-project:nth-child(4) .project-brand img{animation-delay:-5.25s}
.digital-project:hover .project-brand img{transform:none}
@keyframes logo-float{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}
.project-purpose{font-size:1.65rem;line-height:1.25;letter-spacing:-.03em;font-weight:600}
.project-description{font-size:1.125rem;line-height:1.55;color:var(--muted)}
.project-description strong{color:var(--navy);font-weight:600}
.project-discovery summary{font-size:1.0625rem}
@media(hover:hover) and (pointer:fine){.interactive .project-brand img{filter:blur(3px)}.interactive .digital-project:hover .project-brand img,.interactive .digital-project:focus-within .project-brand img{filter:blur(0)}}
.booking-card h3{font-weight:400;line-height:1.15}.booking-card h3 strong{font-weight:700}
.booking-copy h2{font-size:clamp(2.8rem,4.35vw,4.1rem)}
.summary-label{font-size:1rem}
@media(max-width:1100px){.case-copy h3{font-size:clamp(2.2rem,3.7vw,3.1rem)}}
@media(max-width:800px){.journey-links{gap:.5rem}.journey-links>a{font-size:1rem;}.case-copy h3{font-size:clamp(2.25rem,5.6vw,3.3rem)}}
@media(max-width:650px){.journey-nav{padding:.4rem .65rem}.journey-links{gap:.3rem}.journey-links>a{font-size:.875rem;line-height:1.2;padding:.55rem .2rem;min-height:2.9rem;}.marquee{padding:.35rem 0}.marquee-track>span{font-size:1.1rem}.case-copy h3{font-size:clamp(2.15rem,7.7vw,3rem)}.case-copy>p.case-lead{font-size:1.125rem}.case-copy>p.solution-label{font-size:1rem;margin-top:1.2rem}.case-tabs button strong{font-size:1.2rem}.case-tabs button small{font-size:1rem}.case-cta,.theme-lime .case-cta{font-size:1.0625rem}.project-purpose{font-size:1.5rem}.project-description{font-size:1.125rem}.booking-copy h2{font-size:clamp(2.45rem,8vw,3.6rem)}.submit-button{font-size:1.0625rem}}
body.motion-paused .case-copy{transform:none!important;opacity:1!important}
body.motion-paused .case-tabs button:hover{transform:none!important}
body.motion-paused .project-brand img{filter:none!important}
@media(prefers-reduced-motion:reduce){.case-copy{transform:none!important;opacity:1!important}.project-brand img{filter:none!important}.case-tabs button:hover{transform:none!important}}
@media print{.journey-nav{display:none}}

/* Version 15: the established identity accompanies a broader commercial story. */
.hero-kicker{max-width:48rem;font-size:clamp(1rem,1.45vw,1.22rem)}
.hero h1{font-size:clamp(3rem,4.6vw,4.5rem)}
.hero-description{max-width:32rem}
.hero-meeting-note{font-size:1rem;color:var(--muted);margin-top:.75rem}
.hero-handoff{color:var(--blue);font-weight:500;gap:.9rem;flex-wrap:wrap}
.hero-handoff>span{color:var(--navy)}
.hero-art .art-caption{animation:none}
.desktop-nav{gap:1.2rem}
.case-copy h3{font-size:clamp(2.2rem,3.45vw,3.3rem)}
.case-tabs button{min-height:8.5rem}
.case-tabs button strong{font-size:1.12rem;line-height:1.3}
.case-tabs button small{font-size:.95rem}
.case-art{max-width:28rem}
.process{padding-block:3.2rem;background:var(--navy);color:var(--paper)}
.process .eyebrow{color:var(--lime)}
.process h2{margin-top:.85rem}
.process h2 strong{color:var(--lime)}
.process .intro-aside{max-width:20rem;color:#d5d9ef}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:2rem 0 0}
.process-steps li{min-width:0;display:flex}
.process-step{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:1.5rem;background:transparent;color:var(--paper);border:1px solid #858dab;border-radius:12px;transition:background .25s,border-color .25s,transform .25s}
.process-step[aria-pressed=true]{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.step-number{font-size:1.0625rem;line-height:1;display:flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border:1px solid currentColor;border-radius:50%;margin-bottom:1.4rem}
.process-step[aria-pressed=true] .step-number{color:var(--navy);background:var(--lime);border-color:var(--lime)}
.step-heading{display:block;font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.16;font-weight:500;letter-spacing:-.035em;min-height:2.35em}
.step-description{display:block;font-size:1.125rem;line-height:1.5;margin:1rem 0 1.3rem}
.step-action{display:flex;gap:.75rem;justify-content:space-between;align-items:center;width:100%;font-size:1rem;font-weight:500;margin-top:auto;padding-top:.8rem;border-top:1px solid #858dab}
.step-action>span{font-size:1.4rem}
.process-step[aria-pressed=true] .step-action{color:var(--blue);border-color:var(--line)}
.process-step:hover{border-color:var(--lime)}
.process-step:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.process-output{--process-fill:.333333;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.8rem 0 1.5rem;border-bottom:1px solid #858dab}
.process-output-label{color:var(--lime);font-size:1rem;margin-bottom:.5rem}
#process-output-title{font-size:1.55rem;letter-spacing:-.025em;line-height:1.25;font-weight:500}
#process-output-description{align-self:center;color:#d5d9ef;font-size:1.125rem;line-height:1.5}
.process-flow{position:absolute;bottom:-2px;left:0;right:0;height:4px;overflow:hidden}
.process-flow>span{display:block;width:100%;height:100%;transform:scaleX(var(--process-fill));transform-origin:left;background:linear-gradient(90deg,var(--lime),#85caff,var(--blue));transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.output-changing>div:first-child,.output-changing>#process-output-description{animation:output-enter .35s ease-out}
@keyframes output-enter{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}
.process-nojs{margin-top:1rem}
body:not(.interactive) .process-step{cursor:default;pointer-events:none}
body:not(.interactive) .step-action,body:not(.interactive) .process-output{display:none}
.projects-intro>p:last-child{max-width:49rem}
.capability-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:1.8rem;padding-block:1.3rem;border-block:1px solid var(--line)}
.capability-map p{border-left:3px solid var(--blue);padding-left:.8rem}
.capability-map strong{display:block;font-size:1.18rem;font-weight:600;line-height:1.3}
.capability-map span{display:block;color:var(--muted);font-size:1.0625rem;line-height:1.5;margin-top:.4rem}
.project-status{font-size:.94rem!important;font-weight:500;line-height:1.4;margin-top:.5rem;color:var(--muted)}
.project-brand>div{min-width:0}
.project-purpose{font-weight:500}
.working-together{padding-block:3rem 1rem}
.working-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.working-grid article{border-top:3px solid var(--blue);padding:1.4rem 0 1rem}
.working-grid article:nth-child(2){border-color:var(--navy)}
.working-grid h3{font-size:1.8rem;line-height:1.2;font-weight:500}
.working-grid p{font-size:1.1875rem;line-height:1.55;margin-top:.9rem;max-width:33rem;color:var(--muted)}
.about{padding-block:2rem 3rem;border-top:1px solid var(--line);margin-top:1.5rem}
.about-copy>.about-specialists{font-size:1.0625rem!important;color:var(--muted)}
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;padding-block:3rem}
.faq h2{font-size:clamp(2.3rem,3.4vw,3.2rem);margin-top:.85rem}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none;padding:1.25rem 0;min-height:4rem;font-size:1.2rem;font-weight:500;line-height:1.35}
.faq details p{color:var(--muted);font-size:1.125rem;line-height:1.55;padding:0 0 1.5rem}
.faq details[open] .plus{transform:rotate(45deg)}
.faq .plus{color:var(--blue)}
/* Illustrations drift briefly when encountered; only the thin marquee loops. */
.hero-art img,.case-art img,.project-brand img,.agreement-art img,.booking-art img{animation:none}
.motion-ready .motion-in-view.hero-art img,.motion-ready .motion-in-view.case-art img,.motion-ready .motion-in-view.agreement-art img,.motion-ready .motion-in-view.booking-art img{animation:float-v15 6s ease-in-out 2}
.motion-ready .motion-in-view.project-brand img{animation:logo-float 5s ease-in-out 2}
.marquee-track{animation-play-state:paused}
.motion-ready .motion-in-view.marquee .marquee-track{animation-play-state:running}
.motion-ready .motion-in-view.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes float-v15{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
body.motion-paused .output-changing>*{transform:none!important;opacity:1!important}
@media(min-width:801px){.process-output{min-height:10rem}}
@media(max-width:1100px){.process-step{padding:1.1rem}.process-steps{gap:.8rem}.step-description{font-size:1.0625rem}.desktop-nav{font-size:.9rem}.case-tabs button{min-height:6.5rem}}
@media(max-width:800px){.hero h1{font-size:clamp(2.6rem,6.6vw,4.65rem)}.process-steps{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:1rem;padding:1.25rem}.step-number{grid-column:1;grid-row:1/4;margin:0}.step-heading{grid-column:2;min-height:0;font-size:1.7rem}.step-heading br{display:none}.step-description{grid-column:2;font-size:1.125rem;margin:.7rem 0 1rem}.step-action{grid-column:2}.process-output{grid-template-columns:1fr;gap:.8rem;padding-block:1.5rem}.process .intro-aside{max-width:none}.capability-map{gap:1rem}.capability-map strong{font-size:1.05rem}.capability-map span{font-size:1rem}.faq{grid-template-columns:1fr;gap:1.75rem}.working-grid{gap:1.5rem}}
@media(max-width:650px){.hero h1{font-size:clamp(2.4rem,9vw,3.65rem);line-height:1.08}.hero-kicker{font-size:1.06rem}.hero-handoff{font-size:.95rem;gap:.4rem .65rem}.hero-cta{font-size:1.0625rem;gap:.8rem}.hero-meeting-note{font-size:.95rem}.case-tabs button{min-height:5.5rem}.case-tabs button strong{font-size:1.15rem}.case-tabs button small{font-size:1rem}.case-copy h3{font-size:clamp(2.05rem,7.3vw,2.8rem)}.process{padding-block:2.5rem}.process h2,.working-together h2{font-size:clamp(2.15rem,7.6vw,3.1rem)}.process-step{grid-template-columns:2.3rem minmax(0,1fr);gap:0 .8rem;padding:1.1rem}.step-number{width:2.3rem;height:2.3rem}.step-heading{font-size:1.5rem}.step-description{font-size:1.0625rem}.step-action{font-size:.94rem}.capability-map{grid-template-columns:1fr;gap:1.1rem}.capability-map strong{font-size:1.16rem}.capability-map span{font-size:1.0625rem}.project-brand img{width:6.2rem;flex-basis:6.2rem}.project-brand{gap:.85rem}.project-brand h3{font-size:1.9rem}.project-status{font-size:.92rem!important}.working-together{padding-block:2.5rem 0}.working-grid{grid-template-columns:1fr;gap:.75rem}.working-grid h3{font-size:1.65rem}.working-grid p{font-size:1.125rem}.about{padding-block:2rem 2.5rem}.faq{padding-block:2.5rem}.faq summary{font-size:1.125rem}.journey-links>a{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.output-changing>*{transform:none!important;opacity:1!important}}
@media print{.process,.faq{color:var(--navy);background:white}.process-steps,.working-grid,.capability-map{display:block}.process-step{color:var(--navy);border-color:var(--navy);break-inside:avoid;margin-bottom:1rem}.step-action,.process-output{display:none}.process h2 strong,.process .eyebrow{color:var(--blue)}}

.step-result{display:none}
@media(max-width:800px){.process-steps li{display:block}.step-result:not([hidden]){display:block;padding:1rem 1.25rem;border-left:3px solid var(--lime);margin-top:1rem;animation:output-enter .35s ease}.step-result p{color:#d5d9ef;font-size:1.0625rem;line-height:1.5}.step-result strong{display:block;font-size:1.2rem;font-weight:500;color:var(--lime);margin-bottom:.5rem}.process-output{display:none}}
body:not(.interactive) .step-result{display:none}

/* Version 16: a compact, logo-led explorer extends the existing project section. */
.portfolio-explorer{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:1.8rem;align-items:start;margin-top:2rem}
.project-picker{min-width:0;scroll-margin-top:var(--journey-offset,5.5rem)}
.picker-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1rem;margin-bottom:1rem}
.picker-heading p{font-size:1.25rem;font-weight:600;color:var(--navy)}
.picker-heading>span{font-size:1rem;color:var(--muted)}
.project-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.project-choice{position:relative;display:flex;align-items:stretch;flex-direction:column;min-width:0;padding:.7rem;border:1px solid #c4cbdd;border-radius:10px;background:var(--paper);color:var(--navy);text-align:left;transition:border-color .2s,background .2s,transform .2s}
.project-choice[aria-pressed=true]{background:white;border:2px solid var(--blue);padding:calc(.7rem - 1px);box-shadow:0 3px 0 var(--blue)}
.project-choice:hover{border-color:var(--blue);background:white;transform:translateY(-2px)}
.project-choice:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.project-logo{display:flex;align-items:center;justify-content:center;width:100%;height:4.5rem;padding:.45rem;border-radius:5px;background:white;overflow:hidden}
.project-logo img{width:100%;height:100%;object-fit:contain;transition:filter .35s;max-width:none}
.logo-on-dark{background:var(--navy)!important}
.project-choice-name{font-size:1.02rem;line-height:1.3;font-weight:600;margin-top:.7rem;overflow-wrap:anywhere;letter-spacing:-.02em}
.project-choice-type{font-size:.85rem;line-height:1.35;color:var(--muted);margin-top:.35rem;padding-right:.4rem}
.choice-indicator{position:absolute;right:.4rem;top:.4rem;background:var(--paper);color:var(--blue);border:1px solid #c4cbdd;border-radius:50%;width:1.3rem;height:1.3rem;display:grid;place-items:center;font-size:1rem;line-height:1}
.project-choice[aria-pressed=true] .choice-indicator{background:var(--blue);color:white;border-color:var(--blue)}
.project-choice[aria-pressed=true] .choice-indicator:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;background:var(--blue);border-radius:50%}
.project-detail-stage{min-width:0;position:sticky;top:var(--journey-offset,5.5rem)}
.project-example{border:1px solid #cbd2e3;border-top:4px solid var(--blue);background:white;border-radius:12px;padding:1.4rem;scroll-margin-top:var(--journey-offset,5.5rem);animation:case-discover .45s ease-out}
.project-example+.project-example{margin-top:1.5rem}
.interactive .project-example{margin-top:0}
.project-example:focus{outline:none}
.project-example:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.example-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.example-heading .project-status{font-size:.95rem!important;margin:0;border-left:3px solid var(--lime);padding-left:.6rem;color:var(--muted)}
.choose-another{display:none;font-size:.95rem;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;color:var(--blue)}
.project-example .project-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:0}
.project-example .project-brand h3{font-size:clamp(1.8rem,2.4vw,2.3rem);line-height:1.12;font-weight:500;overflow-wrap:anywhere}
.example-logo{width:16rem;height:5.6rem;max-width:100%;padding:.55rem .75rem;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--paper)}
.project-example .project-brand img{width:100%;height:100%;max-width:100%;aspect-ratio:auto;flex:none;object-fit:contain;border-radius:0}
.project-example .project-purpose{font-size:1.45rem;font-weight:500;color:var(--blue);margin:1.25rem 0;line-height:1.25}
.example-work,.example-benefit{margin-top:1rem}
.project-example .example-label{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:.45rem}
.example-work>p:last-child,.example-benefit>p:last-child{font-size:1.125rem;line-height:1.55;color:var(--muted)}
.example-benefit{padding:1rem;background:#f3f5fc;border-left:3px solid var(--blue);border-radius:0 6px 6px 0}
.project-example .solution-tags{margin-top:1rem;gap:.4rem}
.project-example .solution-tags li{font-size:.9rem}
.example-bridge{border-top:1px solid var(--line);margin-top:1.1rem}
.example-bridge summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:1.0625rem;line-height:1.35;padding:1rem 0}
.example-bridge .plus{flex-basis:1.75rem;height:1.75rem;font-size:1.25rem;color:var(--blue)}
.example-bridge[open] .plus{transform:rotate(45deg)}
.example-bridge>p{font-size:1.0625rem;line-height:1.55;color:var(--muted);padding-bottom:.6rem}
.project-example .idea-pick{margin-top:.4rem;background:var(--blue);border-color:var(--blue);font-size:1.0625rem;padding:1rem}
.project-example .idea-pick[aria-pressed=true]{background:var(--lime);border-color:var(--navy);color:var(--navy)}
.project-example .idea-pick:focus-visible{outline-color:var(--blue)}
#solucion-miel-de-olivo .example-logo{width:100px;height:100px;padding:0}
.project-choice[data-project=miel-de-olivo] img{max-width:100px}
@media(hover:hover) and (pointer:fine){.interactive .project-choice img{filter:blur(1.6px)}.interactive .project-choice:hover img,.interactive .project-choice:focus-visible img,.interactive .project-choice[aria-pressed=true] img{filter:blur(0)}.interactive .project-example:hover .project-brand img,.interactive .project-example:focus-within .project-brand img{filter:blur(0)}}
body:not(.interactive) .project-picker{display:none}
body:not(.interactive) .portfolio-explorer{display:block}
body:not(.interactive) .project-detail-stage{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:static}
body:not(.interactive) .project-example{margin:0}
@media(max-width:1100px){.portfolio-explorer{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem}.project-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.project-logo{height:4rem}.project-example{padding:1.2rem}.project-example .project-purpose{font-size:1.35rem}}
@media(max-width:800px){.portfolio-explorer{grid-template-columns:1fr;gap:1.5rem}.project-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.project-detail-stage{position:static}.project-example{padding:1.5rem}.interactive .choose-another{display:block}.project-example .project-brand{flex-direction:row;align-items:center;gap:1.5rem}.example-logo{width:13rem;flex-shrink:0}.project-example .project-brand h3{font-size:2rem}.example-work>p:last-child,.example-benefit>p:last-child{font-size:1.1875rem}}
@media(max-width:650px){.project-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.project-choice{padding:.75rem}.project-choice[aria-pressed=true]{padding:calc(.75rem - 1px)}.project-choice-name{font-size:1.03rem}.project-choice-type{font-size:.88rem}.project-logo{height:3.75rem;padding:.35rem}.picker-heading{gap:.3rem}.picker-heading>span{font-size:1rem}.project-example{padding:1.1rem}.project-example .project-brand{flex-direction:column;align-items:flex-start;gap:1rem}.project-example .project-brand h3{font-size:1.8rem}.example-logo{width:14rem;max-width:100%;height:5rem}.example-heading{flex-direction:column;gap:.65rem}.choose-another{align-self:flex-end}.project-example .project-purpose{font-size:1.5rem}.example-work>p:last-child,.example-benefit>p:last-child{font-size:1.125rem}.project-example .solution-tags li{font-size:.95rem}.example-bridge summary{font-size:1.0625rem}.project-example .idea-pick{font-size:1rem}.example-benefit{padding:.85rem}.project-example .example-label{font-size:1rem}body:not(.interactive) .project-detail-stage{display:block}body:not(.interactive) .project-example{margin-bottom:1rem}}
body.motion-paused .project-choice,body.motion-paused .project-example{transform:none!important;opacity:1!important}
body.motion-paused .project-choice img{filter:none!important}
@media(prefers-reduced-motion:reduce){.project-choice,.project-example{transform:none!important;opacity:1!important}.project-choice img{filter:none!important}}
@media print{.project-picker,.choose-another,.project-example .idea-pick{display:none!important}.portfolio-explorer,.project-detail-stage{display:block;position:static}.project-example[hidden]{display:block!important}.project-example{break-inside:avoid;margin-bottom:1rem}.project-brand img{filter:none!important}}

/* The document already reserves space for the sticky navigation. */
.project-picker,.project-example{scroll-margin-top:0}
.project-choice[data-project=universidades] .project-choice-name{font-size:.95rem;overflow-wrap:normal}

/* Version 17: lead with the improvement, keep the example easy to scan. */
.project-example .project-brand{gap:.7rem}
.project-example .project-brand h3{font-size:1.35rem;line-height:1.25;font-weight:500}
.project-example .project-purpose{font-size:clamp(1.75rem,2.35vw,2.2rem);font-weight:600;line-height:1.15;margin:1.4rem 0 1rem;letter-spacing:-.025em}
.project-solution{font-size:1.1875rem;line-height:1.55;color:var(--muted)}
.project-example .idea-pick{margin-top:1.5rem}
.project-choice-type{font-size:.9rem}
#solucion-astek .example-logo{width:205px;height:100px;background:white}
.digital-projects .section-tail>p{max-width:44rem}
.digital-projects .section-tail strong{color:var(--navy)}
@media(max-width:800px){.project-example .project-brand{gap:1rem}.project-example .project-purpose{font-size:2rem}}
@media(max-width:650px){.project-example .project-brand{flex-direction:row;align-items:center;gap:.85rem}.project-example .example-logo{width:7.5rem;height:4.25rem;flex-shrink:0;padding:.3rem}.project-example .project-brand h3{font-size:1.2rem;overflow-wrap:anywhere}.project-example .project-purpose{font-size:1.8rem}.project-solution{font-size:1.125rem}#solucion-astek .example-logo{width:7.5rem;height:4.25rem}#solucion-miel-de-olivo .example-logo{width:4.25rem;height:4.25rem}.project-choice-type{font-size:.9rem}}

/* Version 19: clear choices, adjacent answers and a compact exploration rhythm. */
.journey-nav{padding-block:.32rem}
.journey-color{background-size:150% 100%;background-position:calc(var(--journey-progress,0)*100%) center;transition:background-position .45s ease}
.journey-links{gap:.65rem}
.journey-links>a{background:var(--navy);text-shadow:none;min-height:2.6rem;padding:.45rem .55rem;border-radius:5px;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.journey-links>a:hover{background:var(--navy);border-color:white}
.journey-links>a[aria-current=location]{background:var(--navy);border-color:white;box-shadow:inset 0 -2px 0 white}
.journey-links>a:focus-visible{outline:2px solid white;outline-offset:2px}
.solutions .section-intro{align-items:center;margin-bottom:2rem}
.solutions .intro-aside{max-width:22rem}
.solutions .intro-aside strong{display:block;font-weight:500;color:var(--blue);margin-top:.55rem}
h2 .title-text{line-height:1.2}
.case-tabs{gap:.75rem;margin-bottom:1rem}
.case-tabs>button{min-height:9.4rem;padding:1.1rem;border:2px solid #d7dced;border-radius:12px;align-items:flex-start;background:white}
.case-tabs>button strong{font-size:1.3rem;line-height:1.18;font-weight:600}
.case-tabs>button small{font-size:1rem;line-height:1.4;margin-top:.65rem}
.case-tabs>button .case-arrow{width:2rem;height:2rem;flex-basis:2rem;font-size:1.15rem}
.case-tabs>button:is([aria-selected=true],[aria-expanded=true]){background:var(--navy);color:white;border-color:var(--navy);box-shadow:inset 0 -4px 0 var(--lime)}
.case-tabs>button:is([aria-selected=true],[aria-expanded=true]) small{color:#dce2ff}
.case-tabs>button:is([aria-selected=true],[aria-expanded=true]) .case-arrow{background:var(--lime);color:var(--navy)}
.case-tabs>button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.case-tabs>button:is([aria-selected=true],[aria-expanded=true]):focus-visible{outline-offset:3px;outline-color:var(--blue)}
.case-panel{padding-top:2rem;animation:case-discover .24s ease-out backwards;overflow:clip}
.case-copy{animation-duration:.24s;animation-delay:0s}
.case-copy>p.solution-label{font-size:1.05rem;margin-top:1.65rem;margin-bottom:.75rem;color:var(--muted);font-weight:500}
.solution-outcomes{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:0}
.solution-outcomes li{display:flex;gap:.85rem;padding:.85rem 0;border-top:1px solid var(--line);align-items:start}
.solution-outcomes li>div{min-width:0}
.solution-outcomes strong{display:block;font-size:1.22rem;line-height:1.25;color:var(--navy);font-weight:600;letter-spacing:-.025em}
.solution-outcomes li>div>span{display:block;font-size:1.0625rem;line-height:1.45;color:var(--muted);margin-top:.3rem}
.outcome-mark{display:grid;place-items:center;flex:0 0 1.8rem;height:1.8rem;border-radius:50%;background:var(--lime);color:var(--navy);font-size:1.05rem;margin-top:.05rem}
.process-bridge{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 1.8rem;margin-top:1.4rem;background:#e9edff;border-left:5px solid var(--blue);border-radius:0 12px 12px 0}
.process-bridge .bridge-kicker{font-size:.95rem;font-weight:600;color:var(--blue);margin-bottom:.4rem}
.process-bridge p:not(.bridge-kicker){font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.25;letter-spacing:-.025em;max-width:28rem}
.process-bridge p strong{font-weight:600}
.process-bridge .button{flex-shrink:0;background:var(--blue);padding:1rem 1.35rem}
.process-bridge .button:hover{background:var(--navy)}
.process-bridge .button>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--lime);color:var(--navy)}
.process-bridge .button:hover>span{transform:translateY(3px)}
.project-choices{gap:.65rem}
.project-choice{border:1px solid transparent;border-bottom-color:#c4cbdd;background:transparent;border-radius:9px;padding:.65rem;box-shadow:none}
.project-choice[aria-pressed=true]{border:1px solid var(--blue);padding:.65rem;background:white;box-shadow:inset 0 -3px 0 var(--blue)}
.project-choice:hover{background:white}
.project-logo{background:transparent;height:4.5rem;padding:.45rem .7rem}
.project-choice-name{font-size:1rem;margin-top:.55rem}
.project-choice-type{font-size:.94rem;line-height:1.35}
.choice-indicator{top:.35rem;right:.35rem;width:1.15rem;height:1.15rem;border:0;background:var(--paper);font-size:.9rem}
.project-example{border:1px solid #d9dfec;border-top:4px solid var(--blue);border-radius:12px;padding:1.6rem}
.project-example .example-logo{background:transparent;padding:0;max-width:13rem;height:4.8rem}
.project-example .project-brand{flex-direction:row;align-items:center;gap:1rem}
.project-example .project-brand h3{font-size:1.15rem;color:var(--muted);font-weight:500}
.project-example .project-purpose{margin-top:1.5rem;font-size:clamp(1.8rem,2.45vw,2.35rem);line-height:1.18}
.project-example .solution-tags{border-top:1px solid var(--line);padding-top:1rem}
.project-example .solution-tags li{background:transparent;padding:.15rem .55rem .15rem 0;border:0;font-size:.95rem;line-height:1.35;color:var(--blue)}
.project-example .solution-tags li:not(:last-child)::after{content:'·';margin-left:.65rem;color:var(--muted)}
.project-carousel-tools{display:none}
@media(min-width:651px) and (max-width:1100px){.case-tabs>button{min-height:7rem;align-items:center}.case-tabs>button strong{font-size:1.32rem}}
@media(max-width:800px){
  .journey-links{gap:.35rem}
  .journey-links>a{font-size:.95rem}
  .portfolio-explorer{gap:1.25rem}
  .interactive .project-carousel-tools{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem}
  .project-carousel-tools p{font-size:.94rem;color:var(--muted)}
  .project-carousel-tools p>span{color:var(--blue);margin-left:.3rem}
  .project-carousel-tools>div{display:flex;gap:.4rem;flex-shrink:0}
  .project-scroll{width:2.35rem;height:2.35rem;border:1px solid var(--blue);border-radius:50%;background:white;color:var(--blue);font-size:1.3rem;display:grid;place-items:center}
  .project-scroll:disabled{opacity:.35;cursor:default}
  .project-scroll:hover:not(:disabled){background:var(--blue);color:white}
  .project-choices{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 1.3rem)/3.15);gap:.65rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:var(--blue) #e3e8f8;padding:2px 2px .7rem}
  .project-choice{scroll-snap-align:start;min-height:10.75rem}
  .project-choice:focus-visible{outline-offset:-3px}
  .project-logo{height:4rem}
  .project-choice-name{margin-top:.3rem}
  .project-choice-type{font-size:.92rem}
  .project-example{padding:1.5rem}
  .project-example .project-brand{gap:1.25rem}
  .project-example .example-logo{max-width:11rem;height:4.4rem}
  .project-example .project-purpose{font-size:2rem}
}
@media(max-width:650px){
  .journey-nav{padding:.3rem .45rem}
  .journey-links{gap:.25rem}
  .journey-links>a{font-size:.76rem;min-height:2.55rem;padding:.45rem .12rem;white-space:nowrap}
  .solutions .section-intro{margin-bottom:1.5rem}
  .solutions .intro-aside{max-width:none;font-size:1.1rem}
  .case-tabs{gap:.65rem;margin-bottom:0}
  .case-tabs>button{min-height:6.6rem;align-items:center;padding:1.05rem;border-width:2px}
  .case-tabs>button strong{font-size:1.3rem;line-height:1.2}
  .case-tabs>button small{font-size:1rem;margin-top:.4rem}
  .case-tabs>button .case-arrow{flex-basis:2.2rem;width:2.2rem;height:2.2rem;transform:none;font-size:1.5rem}
  .case-tabs>button[aria-expanded=true]{border-radius:12px 12px 0 0;box-shadow:none}
  .case-tabs>button[aria-expanded=true] .case-arrow{transform:none}
  .case-tabs.is-accordion>.case-panel{margin-top:-.65rem;margin-bottom:.4rem;border:2px solid var(--navy);border-top:0;border-radius:0 0 12px 12px;padding:1.4rem 1.1rem 0}
  .case-tabs.is-accordion>.case-panel[hidden]{display:none!important}
  .case-stage:empty{display:none}
  .case-main{display:flex;flex-direction:column;gap:1rem}
  .case-copy{width:100%}
  .case-copy h3{font-size:clamp(2.05rem,7.6vw,2.8rem);line-height:1.12}
  .case-copy>p.case-lead{font-size:1.125rem}
  .case-art{width:min(100%,23rem);max-width:none;align-self:center;padding:0 .35rem .85rem}
  .case-art>span{font-size:.94rem}
  .case-copy>p.solution-label{font-size:1rem;margin-top:1.3rem}
  .solution-outcomes li{padding:.85rem 0;gap:.7rem}
  .solution-outcomes strong{font-size:1.2rem;line-height:1.3}
  .solution-outcomes li>div>span{font-size:1.0625rem}
  .case-tabs.is-accordion .case-cta{width:calc(100% + 2.2rem);margin-inline:-1.1rem;border-radius:0;padding:1.1rem;font-size:1.0625rem}
  .process-bridge{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1.4rem 1.15rem;margin-top:1.4rem}
  .process-bridge p:not(.bridge-kicker){font-size:1.55rem}
  .process-bridge .button{padding:.95rem 1.1rem;font-size:1.125rem}
  .project-choices{grid-auto-columns:calc((100% - .65rem)/2.18)}
  .project-choice{padding:.6rem;min-height:10rem}
  .project-choice[aria-pressed=true]{padding:.6rem}
  .project-choice-name{font-size:1rem}
  .project-choice-type{font-size:.9rem;line-height:1.35}
  .project-logo{height:3.35rem;padding:.3rem}
  .project-example{padding:1.25rem}
  .project-example .project-brand{align-items:center;gap:.85rem}
  .project-example .example-logo{width:7.5rem;max-width:45%;height:4rem}
  .project-example .project-brand h3{font-size:1.1rem;overflow-wrap:normal}
  .project-example .project-purpose{font-size:1.85rem;margin-top:1.2rem}
  .project-example .solution-tags li{font-size:.96rem}
}
@media print{.case-tabs.is-accordion{display:block!important}.case-tabs>button,.project-carousel-tools{display:none!important}.case-tabs.is-accordion>.case-panel{display:block!important;margin-bottom:1rem}.case-stage:empty{display:none}.solution-outcomes li{break-inside:avoid}}
.case-return{display:none}
@media(max-width:650px){.case-return{display:block;width:100%;min-height:48px;padding:.9rem .2rem;background:white;color:var(--blue);font-size:1rem;text-decoration:underline;text-underline-offset:4px}.case-return:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}}