/* MARKIVA: the four brand inks, with readable foreground/background pairings. */
.coral{color:var(--navy);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:.055em;text-underline-offset:.12em}
.project-story .coral{text-decoration:none}
.text-link:hover{color:var(--navy);background:var(--orange)}
.values b{color:var(--navy)}
.service-sticker{background:var(--orange)}
.idea-lab{background:var(--orange)}
.lab-word{color:var(--navy);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:.06em;text-underline-offset:.12em}
.process-card:nth-child(3){background:var(--cream);border:3px solid var(--coral)}
.process-card:nth-child(4){background:var(--orange)}
input::placeholder,textarea::placeholder{color:var(--cream);opacity:.76}
form label span{opacity:.8}form .form-note{color:var(--cream);opacity:.8}
input,select,textarea{border-bottom-color:rgba(244,234,219,.55)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:currentColor;outline-width:3px}
.services button:focus-visible,.contact a:focus-visible,.hero a:focus-visible{outline-color:var(--orange)}
.hero-copy,.hero-art{will-change:transform}.hero-art{right:0;top:20px;width:46%;height:590px;background:transparent}
.hero-canvas{position:absolute;inset:0;z-index:1}.hero-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.hero-art.has-webgl .bulb{visibility:hidden}.hero-art .orbit{opacity:.5}.hero-art .art-note{right:45px;top:32px}.hero-art .idea-switch{left:50%;translate:-50% 0;bottom:0;min-height:44px;letter-spacing:1.2px;font-size:11px}
.title-spark{font-size:.47em;left:640px}.hero-line{padding-bottom:.1em;margin-bottom:-.1em}.hero-line:nth-child(2)>span{animation-delay:.14s!important}.hero-line:nth-child(3)>span{animation-delay:.28s!important}
.result-spark{width:72px;height:72px;font-size:72px}.idea-result h3{max-width:100%;padding-right:24px}
.service-list summary{min-height:82px}.service-list summary:focus-visible{outline-offset:0}.service-list details[open]{padding-bottom:4px}
.service-list .plus{width:24px;height:24px}.service-icon{opacity:1}
.idea-result{box-shadow:14px 14px 0 var(--coral)}
.idea-journey{background:var(--navy);position:relative;height:280svh;min-height:1900px;isolation:isolate}
.journey-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;border-radius:64px;background:var(--navy);color:var(--cream)}
.journey-top{position:absolute;top:42px;left:var(--page-pad);right:var(--page-pad);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.6px}
.journey-top>a{letter-spacing:0;font-size:15px;display:flex;align-items:center;gap:10px;min-height:44px}
.journey-wash{position:absolute;left:72%;top:50%;width:100px;height:100px;border-radius:50%;background:var(--orange);translate:-50% -50%;transform:scale(var(--wash,0));will-change:transform}
.journey-copy{position:absolute;z-index:3;top:50%;left:var(--page-pad);width:49%;translate:0 -50%;will-change:transform,opacity}
.journey-copy h2{font-size:clamp(48px,5.7vw,88px);line-height:1.07;letter-spacing:-.065em;margin:27px 0}
.journey-copy p{font-size:20px}.journey-copy .eyebrow{font-size:12px}
.journey-second{opacity:0;visibility:hidden;transform:translateY(70px)}
.journey-final{left:55%;width:41%;color:var(--navy);opacity:0;visibility:hidden;transform:translateY(100px)}
.journey-final h2{font-size:clamp(65px,8vw,128px);line-height:.98;margin-top:24px;margin-bottom:32px}
.journey-cta{background:var(--navy);color:var(--cream);font-size:16px}.journey-cta .circle-arrow{background:var(--cream);color:var(--navy)}.journey-cta:hover{background:var(--cream);color:var(--navy)}
.journey-visual{position:absolute;inset:0;z-index:2;pointer-events:none}.journey-visual>img{position:absolute;width:45%;height:70%;object-fit:contain;top:15%;right:0;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 45%,transparent 70%)}
.journey-canvas{position:absolute;inset:0}.journey-canvas canvas{display:block;width:100%;height:100%}.idea-journey.has-webgl .journey-visual>img{visibility:hidden}
.journey-bottom{position:absolute;bottom:38px;left:var(--page-pad);right:var(--page-pad);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;letter-spacing:1.6px}
.journey-instruction{display:flex;align-items:center;gap:16px}.journey-instruction .mi{font-size:20px}.journey-steps{display:flex;gap:32px}.journey-steps>span{opacity:.65;padding-bottom:10px;border-bottom:2px solid transparent}.journey-steps>span.active{opacity:1;border-color:currentColor}.journey-line{height:2px;width:100px;background:currentColor}.journey-line>span{display:block;height:6px;background:currentColor;transform:scaleX(var(--journey-progress,0));transform-origin:left;translate:0 -2px}
.journey-stage.is-final .journey-top,.journey-stage.is-final .journey-bottom{color:var(--navy)}
.journey-stage.is-final .journey-top>a{color:var(--navy)}
.journey-stage.is-final .journey-steps>span{opacity:.8}.journey-stage.is-final .journey-steps>span.active{opacity:1}
.services{position:relative;border-radius:60px 60px 0 0;z-index:2}
.about,.work{padding-bottom:110px}.work .project-image{aspect-ratio:4/5}.project-image>img{height:100%;object-fit:cover}
.goal-options button{min-height:48px;align-items:center;border-color:var(--navy)}
.section-label{line-height:1.5}.section-label>a{min-height:32px}.footer-bottom a,.motion-toggle{min-height:44px}
@media(min-width:1600px){.hero-art{right:var(--page-pad);width:600px;height:660px}.title-spark{left:750px}}
@media(min-width:801px) and (max-width:1150px){.hero-art{width:45%;height:510px;top:70px}.hero-bottom-copy{gap:20px}.hero-bottom-copy p{max-width:285px}.title-spark{left:61vw;font-size:.4em}.journey-copy h2{font-size:6.1vw}.journey-final h2{font-size:9vw}.journey-bottom{gap:22px}.journey-line{display:none}.journey-steps{gap:20px}}
@media(max-width:800px){
 .hero{display:flex;flex-direction:column;padding-top:20px;overflow:hidden}
 .hero-topline{font-size:10px;letter-spacing:1px}.hero-copy{display:contents}.hero-copy h1{padding-top:34px;font-size:clamp(44px,9.7vw,77px);line-height:1.04;position:relative;z-index:2;order:1;max-width:100%}
 .hero-topline{order:0}.title-spark{font-size:.48em;left:auto;right:2px;top:36px}
 .hero-art{position:relative;top:auto!important;right:auto!important;width:100%!important;height:350px!important;flex:none;order:2;margin:0 auto;z-index:1}
 .hero-art .orbit{inset:15px 12%;opacity:.6}.hero-art .bulb{inset:-12px 0 0}.hero-art .hero-canvas{inset:-20px -5% 10px}
 .hero-art .idea-switch{left:50%!important;bottom:0!important;font-size:10px;letter-spacing:1px}.hero-art .art-note{display:none}.hero-art .art-cross{display:none}
 .hero-bottom-copy{order:3;max-width:none;min-height:0;display:flex;align-items:flex-start;gap:22px;margin:16px 0 0;position:relative;z-index:2}
 .hero-bottom-copy p{font-size:17px;max-width:510px;line-height:1.5}.hero-bottom-copy .button{min-height:56px;font-size:16px;gap:25px;padding:10px 10px 10px 22px;width:auto}.circle-arrow{width:36px;height:36px}
 .hero-footer{order:4;margin-top:34px;padding:20px 0;font-size:10px}.hero-footer .hero-index{font-size:9px;letter-spacing:1px}.hero-footer>a{font-size:13px}.hero-footer .down-arrow{width:35px;height:40px}
 .about-description{grid-template-columns:1fr;gap:20px}.about-description p{font-size:18px}.section-label{font-size:11px;letter-spacing:1px}.section-label>span:last-child{max-width:47%}
 .services-intro h2{font-size:54px}.service-sticker{right:8px;font-size:13px;padding:19px}.service-list h3{font-size:21px}.service-list summary{padding:24px 0;grid-template-columns:17px 24px minmax(0,1fr) 24px;gap:12px}.service-content{padding:0 0 28px 53px}.service-content p{font-size:18px}.service-content>a{font-size:16px}
 .journey-stage{border-radius:32px;min-height:640px}.idea-journey{height:265svh;min-height:1800px}.journey-top{top:23px;font-size:10px;letter-spacing:1px}.journey-top>a{font-size:12px;gap:5px}.journey-top .mi{font-size:18px}
 .journey-copy{top:16%;left:6vw;width:88%;translate:0 0}.journey-copy .eyebrow{font-size:10px;letter-spacing:1.2px}.journey-copy h2{font-size:clamp(36px,7.5vw,58px);margin:16px 0;line-height:1.05}.journey-copy p{font-size:17px;line-height:1.4}.journey-copy p br{display:none}
 .journey-second h2{font-size:clamp(34px,7.5vw,58px)}.journey-second h2 br:nth-child(2){display:none}.journey-second h2 .orange::before{content:' ';white-space:pre}
 .journey-visual>img{width:90%;height:50%;top:43%;right:5%}.journey-final{left:6vw;top:14%;width:88%}.journey-final h2{font-size:clamp(60px,13vw,86px);line-height:.95;margin:15px 0 20px}.journey-final h2 br:last-child{display:none}
 .journey-cta{font-size:14px;min-height:50px;padding-left:18px;gap:20px}.journey-cta .circle-arrow{width:30px;height:30px}.journey-final .eyebrow{font-size:11px}
 .journey-bottom{bottom:27px;gap:14px;flex-wrap:wrap;font-size:9px;letter-spacing:1px}.journey-instruction{display:none}.journey-steps{justify-content:space-between;width:100%;gap:10px}.journey-line{width:100%;opacity:.7}.journey-steps>span{padding-bottom:8px}.journey-wash{left:50%;top:65%}
 .process-stage{padding-top:70px;padding-bottom:80px}.process-heading h2{font-size:clamp(34px,5.5vw,48px)}.process-heading>p{max-width:400px}.process-grid{gap:26px}.process-caption{font-size:10px}.process-caption>span:last-child{max-width:150px}
 .lab-grid{gap:48px}.idea-result{width:94%;padding:28px;box-shadow:10px 10px 0 var(--coral)}.idea-result h3{font-size:38px;margin-top:65px}.idea-result>p{font-size:18px}.result-spark{right:28px;top:59px;font-size:60px;width:60px;height:60px}.idea-result .button{font-size:15px;gap:10px}.contact{border-radius:32px 32px 0 0}
 .about,.work{padding-bottom:75px}.work .project-image{aspect-ratio:4/5}.project-story p{max-width:none}.footer-top{gap:15px}
}
@media(min-width:451px) and (max-width:800px){.hero-art{height:410px!important;max-width:540px}.hero-bottom-copy{flex-direction:row;align-items:center;gap:35px}.hero-bottom-copy p{font-size:17px;max-width:55%}.hero-bottom-copy .button{font-size:14px;white-space:normal;flex:none;max-width:43%}.journey-copy h2{max-width:560px}.journey-final h2{font-size:80px}.journey-copy p{max-width:440px}}
@media(max-width:450px){.hero-copy h1{font-size:9.9vw;letter-spacing:-.065em}.hero-art{height:310px!important}.hero-bottom-copy p{font-size:17px}.hero-bottom-copy .button{width:100%;font-size:16px}.hero-footer{margin-top:27px}.title-spark{right:-2px;font-size:.4em}.services-intro h2{font-size:47px}.service-sticker{font-size:11px;padding:16px;right:0}.services-intro p{max-width:100%;font-size:17px}.service-sticker{top:4px}.service-list h3{font-size:18px;letter-spacing:-.6px}.service-list summary{gap:9px;grid-template-columns:14px 22px minmax(0,1fr) 22px}.service-content{padding-left:0}.service-content p{font-size:17px}.service-list .plus{width:22px}.service-list summary .plus{font-size:22px}.lab-grid h2{font-size:11vw}.goal-options{gap:10px}.goal-options button{width:100%;justify-content:space-between;font-size:16px}.idea-result{padding:25px}.idea-result h3{font-size:34px}.idea-result .tags span{font-size:11px}.idea-result .button{padding:15px 17px}.process-grid{padding:0 5px}.process-grid .process-card{padding:25px}.process-grid .process-card h3{font-size:27px}.process-card{min-height:340px}.contact h2{font-size:12vw}.footer-bottom{font-size:12px}.footer-bottom>*{flex-basis:45%}.footer-top>a:last-child{font-size:14px}.footer-statement{font-size:9.1vw}.section-label{font-size:10px}.journey-top>span{max-width:110px;line-height:1.4}}
@media(max-width:360px){.hero-art{height:275px!important}.hero-topline{font-size:8px}.hero-copy h1{padding-top:28px}.hero-bottom-copy p{font-size:16px}.hero-bottom-copy .button{font-size:15px}.service-sticker{display:none}.services-intro h2{font-size:45px}.lab-grid h2{font-size:11vw}.idea-result{width:96%;padding:23px}.idea-result h3{font-size:31px}.idea-result .button{font-size:13px;gap:8px}.journey-copy h2{font-size:33px}.journey-final h2{font-size:62px}.journey-copy p{font-size:16px}}
@media(max-height:649px) and (min-width:801px){.idea-journey{height:220svh;min-height:1400px}.journey-stage{min-height:580px}.journey-copy h2{font-size:48px}.journey-copy p{font-size:17px}.journey-final h2{font-size:70px}.journey-top{top:20px}.journey-bottom{bottom:20px}}
/* A static, complete composition when motion is paused, unavailable or reduced. */
.no-js .idea-journey,.motion-paused .idea-journey,.journey-static .idea-journey{height:auto;min-height:0}
.no-js .journey-stage,.motion-paused .journey-stage,.journey-static .journey-stage{position:relative;height:850px;min-height:0;background:var(--orange);color:var(--navy)}
.no-js .journey-first,.no-js .journey-second,.motion-paused .journey-first,.motion-paused .journey-second,.journey-static .journey-first,.journey-static .journey-second{display:none}
.no-js .journey-final,.motion-paused .journey-final,.journey-static .journey-final{visibility:visible!important;opacity:1!important;transform:none!important}
.no-js .journey-visual>img,.journey-static .idea-journey:not(.has-webgl) .journey-visual>img{right:auto;left:0;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%);mix-blend-mode:multiply}
.no-js .journey-top,.motion-paused .journey-top,.journey-static .journey-top,.no-js .journey-bottom,.motion-paused .journey-bottom,.journey-static .journey-bottom{color:var(--navy)!important}
.no-js .journey-line,.motion-paused .journey-line,.journey-static .journey-line{display:none}
@media(max-width:800px){.no-js .journey-stage,.motion-paused .journey-stage,.journey-static .journey-stage{height:800px}.no-js .journey-visual>img,.journey-static .journey-visual>img{top:43%;width:90%;left:5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.idea-journey{height:auto;min-height:0}.journey-stage{position:relative;height:850px;background:var(--orange);color:var(--navy)}.journey-first,.journey-second{display:none}.journey-final{visibility:visible!important;opacity:1!important;transform:none!important}.journey-top,.journey-bottom{color:var(--navy)!important}.journey-line{display:none}.hero-art,.hero-copy{transform:none!important;opacity:1!important}.hero-line{transform:none!important}.scene-surface{clip-path:none!important}}
/* Keep the moving sculpture in its own readable zone on compact screens. */
.hero-art .switch-label{white-space:nowrap;width:auto;max-width:none}
@media(max-width:800px){.journey-canvas{top:46%;bottom:8%;left:-3%;right:-3%}.journey-final h2 br:last-child,.journey-second h2 br:nth-child(2){display:block}.journey-second h2 .orange::before{content:none}.journey-final h2{font-size:clamp(50px,14.3vw,72px);line-height:.98}.journey-final{top:14%}.journey-copy h2{letter-spacing:-.06em}}
@media(max-width:360px){.journey-final h2{font-size:47px}.journey-copy p{font-size:16px}.journey-copy .eyebrow{font-size:9px}}
.services{background:var(--navy)}
@media(min-width:801px) and (max-width:1100px){.hero-art{width:48%;height:400px;top:40px}.hero-art .art-note{display:none}.hero-bottom-copy{flex-direction:column;align-items:flex-start;max-width:52%;gap:22px}.hero-bottom-copy p{max-width:100%;font-size:17px}.hero-bottom-copy .button{font-size:16px}.hero-footer{margin-top:50px}.hero-art .idea-switch{bottom:-20px}.hero{min-height:0}.title-spark{left:61vw}.hero-footer>span:nth-child(2){display:none}}
@media(min-width:801px) and (max-width:1000px){.journey-copy{width:45%}.journey-copy h2{font-size:5.8vw}.journey-copy p{font-size:18px}.journey-copy .eyebrow{font-size:10px}.journey-final{left:56%;width:40%}.journey-final h2{font-size:8vw}.journey-cta{font-size:14px;gap:10px;padding-left:18px}.journey-top,.journey-bottom{font-size:10px}.journey-bottom{gap:16px}.journey-steps{gap:18px}.journey-instruction{font-size:9px}}
.no-js .idea-switch,.no-js .motion-toggle,.no-js .goal-options{display:none}
.motion-toggle:disabled{opacity:.85;cursor:default}
@media(max-width:800px){.contact h2 br:nth-child(2){display:block}}
@media(min-width:801px) and (max-width:1150px){.footer-statement{font-size:9.5vw;gap:20px}}