@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111633;--blue:#343de2;--deep:#101749;--coral:#ff664f;--paper:#f6f6f1;--line:#d6d7d9;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-60px;left:10px;z-index:99;background:#fff;padding:12px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.header{height:88px;background:#111850;display:flex;align-items:center;justify-content:space-between;padding:0 6%;color:white;border-bottom:1px solid #ffffff30}.brand img{width:150px;max-height:60px;display:block}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.header nav>a:not(.nav-cta){opacity:.8;transition:opacity .2s}.header nav>a:hover{opacity:1}.nav-cta{border:1px solid #ffffff80;border-radius:100px;padding:13px 18px}.nav-cta span{margin-left:20px;color:#ff8b7b}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#2522b1 0%,#3f45df 45%,#5389f3 100%);color:#fff;padding:27px 6% 0;overflow:hidden}.hero-top,.hero-bottom,.section-label,.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;font-weight:700}.hero-top{opacity:.75}.hero-top i{display:inline-block;width:7px;height:7px;background:#f77d70;border-radius:100%;margin-right:7px}.hero-layout{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#444dce;margin:0 0 25px}.eyebrow.light{color:#d1d8ff}.hero h1,.section h2{font-family:var(--display);letter-spacing:-.065em;line-height:1.02;font-weight:700;margin:0}.hero h1{font-size:clamp(60px,6.6vw,108px)}em{font-style:normal}.hero h1 em,.approach h2 em{color:#c4ccff}.hero h1 em span,.approach h2 em span,.contact h2 span{color:var(--coral)}.hero-description{font-size:18px;line-height:1.65;color:#ebedff;max-width:450px;margin:29px 0}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:100px;padding:18px 22px;font-size:12px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-white{background:white;color:#1f277a}.button span{font-size:16px;color:var(--coral)}.text-link{font-size:12px;font-weight:700}.light-link span{margin-left:12px}.hero-art{height:470px;position:relative;isolation:isolate}.art-grid{position:absolute;inset:2%;background-image:linear-gradient(#ffffff16 1px,transparent 1px),linear-gradient(90deg,#ffffff16 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbit{position:absolute;border:1px solid #ffffff40;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:230px;height:230px}.orbit-two{width:345px;height:345px}.orbit-three{width:455px;height:455px}.orbit-two:after,.orbit-three:after{content:'';position:absolute;top:15%;left:13%;width:8px;height:8px;border-radius:50%;background:#ff8a73}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:155px;width:155px;border-radius:50%;background:#f0f2ff;box-shadow:0 20px 65px #19187346;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#252ca6;font-size:9px;font-weight:700;letter-spacing:.1em;line-height:1.4}.core-mark{font-size:61px;color:#4954ec;line-height:.9;margin-bottom:10px}.node{position:absolute;background:#f9faff;color:#202668;box-shadow:0 18px 45px #20247736;border-radius:9px;display:flex;align-items:center;gap:12px;padding:13px 15px;font-size:8px;font-weight:700;letter-spacing:.08em}.node small{font-weight:400;color:#777eaa;font-size:10px;letter-spacing:0;display:block;margin-top:4px}.node-a{top:16%;left:3%;animation:float 6s ease-in-out infinite}.node-b{top:30%;right:0;animation:float 7s ease-in-out infinite 1s}.node-c{bottom:14%;left:15%;animation:float 6s ease-in-out infinite 2s}.node-icon{border-radius:8px;padding:9px;background:#e5e8ff;color:#5253dd;font-size:18px}.node-dot{background:#fe705c;height:10px;width:10px;border-radius:50%}.node b{color:#555ce3;margin-left:10px}.mini-bars{display:flex;align-items:end;gap:3px;height:28px}.mini-bars i{width:4px;background:#646bea;border-radius:3px}.mini-bars i:nth-child(1){height:9px}.mini-bars i:nth-child(2){height:17px}.mini-bars i:nth-child(3){height:13px}.mini-bars i:nth-child(4){height:25px}.art-caption{position:absolute;right:1%;bottom:4%;font-size:8px;letter-spacing:.13em;opacity:.7}.art-caption span{margin-left:20px}.hero-bottom{height:55px;border-top:1px solid #ffffff55;color:#e0e6ff}.hero-bottom a span{margin-left:10px}.section{padding:34px 6% 100px}.section-label{padding-bottom:22px;border-bottom:1px solid var(--line);color:#6a6d7d}.intro{overflow:hidden}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:95px 0 70px}.small-heading{font-size:14px;line-height:1.5;font-weight:700;margin:0}.section h2{font-size:clamp(46px,5.2vw,82px)}.intro h2 span{color:#a7a9b2}.body-large{font-size:18px;line-height:1.65;max-width:610px;color:#555b6b;margin:30px 0}.under-link{display:inline-flex;border-bottom:1px solid #171c3a;padding-bottom:8px;gap:50px;font-size:12px;font-weight:700}.under-link span{color:var(--blue)}.word-strip{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;font:800 clamp(55px,9vw,145px)/1 var(--display);letter-spacing:-.08em;color:#e4e5e8}.word-strip b{color:#fd705f;font-size:.5em}.expertise{background:#eaeaf0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:90px 0 55px}.section-heading h2 em{color:#7478a1}.section-heading>p{max-width:310px;font-size:15px;line-height:1.65;color:#606578;margin:0 0 5px}.services{border-top:1px solid #bfc1cf}.services details{border-bottom:1px solid #bfc1cf}.services summary{display:grid;grid-template-columns:12% 1fr auto;align-items:center;list-style:none;cursor:pointer;padding:26px 4px;transition:color .2s}.services summary::-webkit-details-marker{display:none}.services summary:hover,.services details[open] summary{color:#343de2}.service-num{font-size:11px;font-weight:700;color:#7a7e98}.service-title{font:600 clamp(23px,2.8vw,42px)/1.2 var(--display);letter-spacing:-.045em}.service-plus{font-size:26px;font-weight:400;transition:transform .25s}.services details[open] .service-plus{transform:rotate(45deg)}.service-content{margin-left:12%;padding:0 0 27px;display:flex;justify-content:space-between;gap:30px;align-items:end}.service-content p{max-width:510px;margin:0;color:#626779;line-height:1.6;font-size:15px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;font-weight:700;border:1px solid #bcbfd2;border-radius:100px;padding:9px}.work{background:#f6f6f1}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-visual{height:430px;display:flex;flex-direction:column;justify-content:space-between;padding:23px;overflow:hidden;position:relative;transition:filter .3s}.project-visual:hover{filter:brightness(1.08)}.ink-visual{background:#c8bfae;color:#1b1a19}.visual-top,.visual-bottom{z-index:1}.ink-composition{display:flex;align-items:center;justify-content:center;gap:5%;height:100%}.ink-large{font:800 clamp(50px,7vw,105px)/.78 var(--display);letter-spacing:-.1em}.ink-large span{color:#f4f0e8}.ink-large sup,.vision-logo sup{font:400 11px var(--sans);vertical-align:top;margin-left:5px}.ink-panel{height:220px;width:36%;background:#191919;color:#eee7dc;padding:18px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;letter-spacing:.1em}.ink-circle{font-size:80px;text-align:center;color:#b3aa98}.ink-panel small{font-size:7px}.vision-visual{background:#182e30;color:#f0efe4}.vision-content{padding:8%;position:relative}.vision-logo{font-size:11px;font-weight:700;letter-spacing:.2em}.vision-logo span{font-weight:400}.vision-title{font:600 clamp(45px,6vw,90px)/.95 var(--display);letter-spacing:-.065em;margin:40px 0 30px}.vision-title span{color:#ed8969}.vision-line{display:flex;gap:20px;font-size:8px;letter-spacing:.13em;color:#b2c0b8}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:24px 0}.project-meta .eyebrow{margin-bottom:10px;font-size:9px}.project-meta h3{font:700 28px var(--display);letter-spacing:-.05em;margin:0 0 10px}.project-meta p:not(.eyebrow){color:#666a79;font-size:14px;line-height:1.6;max-width:450px;margin:0}.project-meta>a{font-size:22px}.project-note{font-size:11px;color:#858897;margin:10px 0 0}.approach{background:#151d57;color:white}.approach .section-label{border-color:#ffffff3b;color:#b9c1e3}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:100px}.approach h2{font-size:clamp(54px,6.4vw,96px)}.approach-lead{font-size:16px;color:#c7ccea;line-height:1.7;max-width:410px;margin:30px 0}.steps>div{border-top:1px solid #ffffff42;padding:22px 0 27px}.steps span{font-size:10px;letter-spacing:.12em;color:#aab5ed}.steps h3{font:600 24px var(--display);letter-spacing:-.04em;margin:14px 0 10px}.steps p{font-size:14px;line-height:1.65;color:#b7c0e0;max-width:400px;margin:0}.contact{padding-bottom:90px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:90px}.contact h2{font-size:clamp(60px,7vw,110px)}.contact h2 em{color:#3e49dd}.contact-grid p:not(.eyebrow){max-width:390px;color:#666b7b;line-height:1.7;margin:28px 0}.button-blue{background:#343de2;color:white}.button-blue span{color:#fff}.contact-art{position:relative;height:300px;display:grid;place-items:center;color:#3e48de}.contact-orbit{position:absolute;width:250px;height:250px;border:1px solid #b2b7e3;border-radius:50%}.contact-orbit.two{width:190px;height:190px}.contact-star{font-size:150px;line-height:1;animation:rotate 24s linear infinite}.contact-art>span{position:absolute;right:5%;bottom:8%;font-size:9px;font-weight:700;letter-spacing:.13em;line-height:1.5}footer{background:#111633;color:#fff;padding:55px 6% 23px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;padding-bottom:75px}.footer-brand img{width:150px}.footer-main p{color:#a7acc3;font-size:13px;line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.footer-top{font-size:9px;letter-spacing:.1em}.footer-bottom{border-top:1px solid #ffffff38;padding-top:23px;display:flex;justify-content:space-between;color:#a1a7c4;font-size:9px;letter-spacing:.1em}@keyframes float{50%{transform:translateY(-10px)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:900px){.header{height:74px}.header nav{gap:18px}.hero-layout{grid-template-columns:1fr;gap:0;padding-top:90px}.hero-art{height:390px}.hero h1{font-size:clamp(58px,10vw,90px)}.hero-description{max-width:550px}.intro-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:330px}.ink-panel{height:180px}.approach-grid{gap:7%}.footer-main{grid-template-columns:1fr 1fr}.footer-top{justify-self:start}}@media(max-width:600px){.header{padding:0 6%;position:relative}.brand img{width:125px}.menu-toggle{display:flex;align-items:center;gap:15px;background:transparent;border:1px solid #ffffff75;color:white;padding:9px 13px;border-radius:30px;font-size:12px}.menu-toggle span{font-size:19px;line-height:1}.header nav{display:none;position:absolute;z-index:10;top:74px;left:0;right:0;background:#111850;padding:20px 6% 28px;flex-direction:column;align-items:stretch;gap:0}.header nav.is-open{display:flex}.header nav a{padding:15px 0}.header nav .nav-cta{padding:14px 17px;margin-top:12px}.hero{padding-top:22px}.hero-top span:last-child,.hero-bottom span:last-child{display:none}.hero-layout{padding-top:80px}.hero h1{font-size:clamp(52px,12vw,70px)}.hero-description{font-size:16px}.hero-actions{gap:20px}.hero-art{height:330px;margin:15px -4% 0}.orbit-three{width:300px;height:300px}.orbit-two{width:235px;height:235px}.orbit-one{width:175px;height:175px}.core{width:120px;height:120px;font-size:8px}.core-mark{font-size:45px}.node{transform:scale(.83);transform-origin:center}.node-a{left:-4%;top:12%}.node-b{right:-8%;top:26%}.node-c{left:0;bottom:12%}.art-caption{font-size:7px}.section{padding:26px 6% 70px}.section-label{font-size:8px}.intro-grid{padding:70px 0 60px}.section h2{font-size:clamp(43px,10vw,58px)}.body-large{font-size:16px}.word-strip{font-size:12vw;gap:8px}.section-heading{padding:70px 0 35px;align-items:start;flex-direction:column;gap:25px}.section-heading>p{max-width:100%}.services summary{grid-template-columns:10% 1fr auto;padding:23px 0}.service-title{font-size:23px}.service-content{margin-left:10%;display:block}.tags{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:15px}.project-visual{height:340px}.ink-large{font-size:70px}.ink-panel{width:38%}.vision-title{font-size:65px}.approach-grid{grid-template-columns:1fr;gap:65px;padding-top:70px}.approach h2{font-size:58px}.contact-grid{grid-template-columns:1fr;padding-top:70px}.contact h2{font-size:65px}.contact-art{height:260px}.contact-orbit{width:210px;height:210px}.contact-orbit.two{width:160px;height:160px}.contact-star{font-size:120px}.footer-main{grid-template-columns:1fr 1fr;padding-bottom:55px}.footer-brand img{width:125px}.footer-links{grid-template-columns:1fr}.footer-bottom{gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.brand,.footer-brand{display:inline-flex;align-items:center;gap:13px}.brand img,.footer-brand img{width:auto;height:48px}.brand-word{color:white;font:600 21px/1 var(--display);letter-spacing:.16em}.brand-word small{display:block;font:500 8px/1 var(--sans);letter-spacing:.43em;margin-top:6px}.footer-brand{align-self:start}.footer-brand img{height:48px}@media(max-width:600px){.brand img,.footer-brand img{width:auto;height:40px}.brand-word{font-size:18px}}
/* Crystal direction: softer blue, warmer neutrals, light through layered surfaces. */
:root{--ink:#283451;--blue:#687caa;--deep:#51688c;--coral:#db887d;--paper:#f5f3ef;--line:#d8dbe1}
.header{position:relative;z-index:20;background:linear-gradient(110deg,rgba(94,111,146,.91),rgba(132,155,183,.87));border-bottom:1px solid rgba(255,255,255,.4);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 35px #45577718}
.brand img,.footer-brand img{display:block;width:170px;height:auto;max-height:55px;object-fit:contain}.nav-cta{background:#ffffff1f;border-color:#ffffff85;box-shadow:inset 0 1px #ffffff70}.nav-cta:hover{background:#ffffff35}.nav-cta span{color:#ffe2d6}
.hero{background:radial-gradient(ellipse at 78% 22%,#d4dfe7a8,transparent 30%),radial-gradient(ellipse at 25% 82%,#b8c5db80,transparent 45%),linear-gradient(125deg,#657da7 0%,#8ea8c2 55%,#c5d2d7 100%)}
.hero h1 em{color:#e1e8eb}.hero h1 em span,.approach h2 em span,.contact h2 span{color:#e2a093}.hero-description{color:#f8f7f2}.eyebrow.light{color:#eef2f5}.hero-top,.hero-bottom{color:#fff}.hero-art{perspective:1000px}.art-grid{opacity:.65}.orbit{border-color:#ffffff73;box-shadow:inset 0 0 28px #ffffff0d}.core{background:linear-gradient(145deg,#ffffffb8,#e8f0f04a);border:1px solid #ffffffcf;box-shadow:0 20px 60px #354a6338,inset 0 1px 1px #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#536c8f}.core-mark{width:52px;height:62px;object-fit:contain;margin:0 0 6px}.node{background:linear-gradient(130deg,#ffffffe0,#e5eef1a6);border:1px solid #ffffffd6;box-shadow:0 18px 45px #455d7b35,inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#3e5777}.node small{color:#74869b}.node-icon{background:#dce7ef;color:#738bb0}.node b{color:#718bad}.node-dot{background:#df9c89}.mini-bars i{background:#88a3bc}.button-white{box-shadow:0 8px 25px #4c617b28}.eyebrow{color:#7287ac}.intro h2 span{color:#afb9c4}.word-strip{color:#e0e4e6}.word-strip b{color:#d8a095}.expertise{background:#e7edf0}.section-heading h2 em{color:#97a7ba}.services details[open] summary,.services summary:hover{color:#647ea1}.service-content p,.section-heading>p{color:#626f80}.tags span{border-color:#c0cbd2;background:#ffffff45}.work{background:#f5f3ef}.approach{background:linear-gradient(130deg,#61799b,#829caf);color:#fff}.approach h2 em{color:#e6eff2}.steps>div{background:linear-gradient(125deg,#ffffff15,#ffffff05);border:1px solid #ffffff37;border-radius:15px;padding:22px;margin-bottom:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.steps span,.steps p{color:#eff3f4}.contact h2 em{color:#7d95b1}.button-blue{background:#748fb1}.contact-art{color:#829ab6}.contact-star{display:grid;place-items:center;animation:none}.contact-star img{width:94px;height:116px;object-fit:contain}.contact-orbit{border-color:#bccbd6}footer{background:#61758f}.footer-main p,.footer-bottom{color:#e1e8ec}
.motion-story{height:225vh;position:relative;background:linear-gradient(135deg,#f1f1ed 0%,#e6eef0 45%,#dce6eb 100%);overflow:clip}.motion-sticky{position:sticky;top:0;height:100vh;min-height:620px;max-height:950px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:3%;padding:7% 6%}.motion-copy{position:relative;z-index:2}.motion-copy h2{font:700 clamp(48px,5.3vw,80px)/1.02 var(--display);letter-spacing:-.065em;margin:0}.motion-copy h2 em{color:#8aa0b6}.motion-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:390px;color:#687688;margin:27px 0}.motion-count{display:flex;align-items:center;gap:15px;margin-top:52px;color:#8e9dab;font-size:10px;font-weight:700;letter-spacing:.1em}.motion-current{color:#405875}.motion-progress{width:110px;height:2px;background:#b5c3cf;overflow:hidden}.motion-progress i{display:block;height:100%;background:#df978b;transform:scaleX(0);transform-origin:left}.motion-canvas{position:relative;width:100%;height:min(60vh,540px);border:1px solid #ffffffb8;border-radius:26px;background:linear-gradient(145deg,#ffffff9c,#d6e4e965);box-shadow:0 30px 80px #5369801f,inset 0 1px #fff;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow:hidden}.motion-canvas:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#fff9,transparent 34%),radial-gradient(circle at 20% 80%,#b0c7d08a,transparent 35%)}.motion-line{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.motion-line path{stroke-width:2.5;vector-effect:non-scaling-stroke}.line-base{stroke:#aabecb88}.line-draw{stroke:#d58f83;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round}.motion-line path{pathLength:1}.motion-card{position:absolute;display:flex;flex-direction:column;gap:8px;width:46%;padding:20px;border:1px solid #ffffffe8;border-radius:14px;background:linear-gradient(130deg,#ffffffda,#eaf1f2ae);box-shadow:0 18px 50px #617a8a25,inset 0 1px #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(var(--card-shift,0));transition:box-shadow .5s,border-color .5s;will-change:transform}.motion-card.is-active{box-shadow:0 22px 65px #708ba448,0 0 0 1px #fff}.motion-card span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#a48383}.motion-card strong{font:700 clamp(16px,1.8vw,24px) var(--display);letter-spacing:-.04em}.motion-card small{font-size:11px;color:#718494;line-height:1.4}.card-one{top:12%;left:8%}.card-two{top:40%;right:7%}.card-three{bottom:10%;left:13%}.canvas-index{position:absolute;bottom:20px;right:23px;font-size:8px;letter-spacing:.12em;color:#8c9da9}.canvas-index span{margin-left:10px}
.motion-ready .scroll-reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .scroll-reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.motion-sticky{grid-template-columns:1fr 1fr;gap:4%}.motion-card{width:60%;padding:15px}.motion-card strong{font-size:19px}}
@media(max-width:600px){.header nav{background:rgba(101,121,149,.97);backdrop-filter:blur(20px)}.brand img,.footer-brand img{width:140px;height:auto}.hero{background:radial-gradient(ellipse at 80% 40%,#cfdae3a3,transparent 48%),linear-gradient(135deg,#7188aa,#a9becb)}.motion-story{height:190vh}.motion-sticky{min-height:0;max-height:none;height:100svh;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:12px;padding:9vh 6% 6vh}.motion-copy h2{font-size:clamp(38px,9vw,52px)}.motion-copy>p:not(.eyebrow){font-size:14px;margin:14px 0}.motion-copy .eyebrow{margin-bottom:12px}.motion-copy .under-link{font-size:11px}.motion-count{margin-top:15px}.motion-canvas{height:100%;max-height:400px;min-height:230px}.motion-card{width:56%;padding:12px}.motion-card strong{font-size:16px}.motion-card small{font-size:10px}.card-one{top:8%;left:6%}.card-two{top:38%;right:5%}.card-three{bottom:9%;left:9%}.contact-star img{width:72px;height:90px}}
@media(prefers-reduced-motion:reduce){.motion-story{height:auto}.motion-sticky{position:relative;height:auto;min-height:0;max-height:none;padding:75px 6%;gap:35px}.motion-canvas{height:400px}.line-draw{stroke-dashoffset:0!important}.motion-progress i{transform:scaleX(1)!important}.motion-ready .scroll-reveal{opacity:1;transform:none}}

/* Preserve the white brand mark against the translucent surfaces. */
.core-mark,.contact-star img{filter:drop-shadow(0 1px 3px rgba(46,68,91,.45))}.core{background:linear-gradient(145deg,rgba(126,151,174,.72),rgba(157,181,196,.48))}.core span:not(.core-mark){color:#fff;text-shadow:0 1px 3px rgba(35,55,80,.45)}
/* A continuous downward journey with individual, section-bound sticky elements. */
html{scroll-padding-top:100px}.header{position:sticky;top:0;z-index:100}.hero{position:relative}.header nav.is-open{z-index:100}.flow-section{background:linear-gradient(150deg,#f6f5f0,#e4edf0 65%,#dce8eb);overflow:clip}.flow-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:8%;padding:120px 6%}.flow-heading{position:sticky;top:145px;align-self:start}.flow-heading h2,.cap-heading h2,.founder-copy h2{font:700 clamp(48px,5.5vw,84px)/1.02 var(--display);letter-spacing:-.065em;margin:0}.flow-heading h2 em,.cap-heading h2 em{color:#99adbb}.flow-heading>p:not(.eyebrow),.cap-heading>p:not(.eyebrow){color:#687887;line-height:1.75;max-width:380px;margin:26px 0}.flow-journey{position:relative;min-height:1480px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:100px 0 130px}.flow-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flow-path path{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.flow-track{stroke:#b7c8d080}.flow-draw{stroke:#d39283;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round}.journey-card{position:relative;width:min(440px,83%);padding:32px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(135deg,#ffffffdb,#f2f7f7a3);box-shadow:0 22px 70px #6e879127,inset 0 1px white;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.journey-two{align-self:flex-end}.journey-card>span,.cap-top{font-size:10px;color:#b08d8b;font-weight:700;letter-spacing:.14em}.journey-card strong{display:block;font:700 clamp(26px,3vw,40px) var(--display);letter-spacing:-.05em;margin:30px 0 14px}.journey-card p,.cap-group p{color:#73818e;line-height:1.65;font-size:14px;max-width:310px}.journey-foot{border-top:1px solid #cbd6da;margin-top:30px;padding-top:16px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#93a5b0;display:flex;justify-content:space-between}.journey-foot b{font-size:19px;color:#d89489}.motion-ready .scroll-reveal{opacity:0;transform:translateY(-45px);transition:opacity .95s ease,transform 1s cubic-bezier(.16,.8,.22,1)}.motion-ready .scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.hero-copy>*:nth-child(2){transition-delay:.09s}.hero-copy>*:nth-child(3){transition-delay:.18s}.hero-copy>*:nth-child(4){transition-delay:.27s}.services details:nth-child(2n),.journey-two{transition-delay:.08s}.capabilities{background:#e9eff1;overflow:hidden}.cap-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-top:100px}.cap-heading{position:sticky;top:145px;align-self:start}.cap-content{min-width:0}.cap-group{padding:35px 0 55px;border-top:1px solid #c3d0d5;overflow:hidden}.cap-top{display:flex;justify-content:space-between;color:#8095a2}.cap-top span:last-child{font-size:20px}.cap-group h3{font:700 clamp(27px,3.1vw,44px) var(--display);letter-spacing:-.05em;margin:28px 0 12px}.cap-group p{max-width:460px}.tool-track{display:flex;gap:12px;margin-top:30px;transform:translateX(var(--track-shift,0));width:max-content;will-change:transform}.tool{display:flex;align-items:center;gap:10px;background:#ffffffb3;border:1px solid #fff;border-radius:12px;padding:13px 16px;box-shadow:0 10px 30px #6c87911a;font-size:12px;font-weight:700;color:#566a7d;white-space:nowrap}.tool img{width:23px;height:23px;object-fit:contain}.adobe{display:grid;place-items:center;border-radius:5px;width:25px;height:25px;font:bold 12px var(--sans)}.ai{background:#38251c;color:#ffa524}.ps{background:#072b4d;color:#32a8ff}.ae{background:#25205b;color:#afa8ff}.founder{background:#f5f3ef}.founder-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding:90px 0}.founder-mark{min-height:390px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:45px;background:radial-gradient(circle at 50% 40%,#b6cbd4,#788fa9);box-shadow:inset 0 0 0 1px #ffffffa8}.founder-mark img{width:90px;height:115px;object-fit:contain;filter:drop-shadow(0 4px 12px #53688055)}.founder-mark span{font-size:9px;letter-spacing:.18em;color:white;font-weight:700}.founder-copy{align-self:center}.founder-copy h2 span{color:#dc9a8c}.founder-copy p:not(.eyebrow){color:#687887;line-height:1.75;max-width:570px}.founder-copy .founder-role{font-weight:700;color:#4d6379!important}.founder-copy .under-link{margin-top:22px}.approach-grid>div:first-child{position:sticky;top:145px;align-self:start}.steps>div{min-height:190px}
@media(max-width:900px){.flow-inner,.cap-layout{gap:5%}.flow-journey{min-height:1300px}.flow-heading h2,.cap-heading h2{font-size:54px}.tool{padding:11px}}
@media(max-width:600px){html{scroll-padding-top:82px}.header{position:sticky}.flow-inner{grid-template-columns:1fr;padding:70px 6%}.flow-heading{position:relative;top:auto}.flow-heading h2,.cap-heading h2,.founder-copy h2{font-size:47px}.flow-journey{min-height:1050px;padding:75px 0}.journey-card{padding:23px;width:85%}.journey-card strong{font-size:28px;margin:23px 0 10px}.cap-layout{grid-template-columns:1fr;padding-top:65px}.cap-heading{position:relative;top:auto;margin-bottom:45px}.cap-group h3{font-size:30px}.founder-layout{grid-template-columns:1fr;gap:45px;padding:65px 0}.founder-mark{min-height:260px}.approach-grid>div:first-child{position:relative;top:auto}.tool-track{max-width:100%;overflow-x:auto;padding:0 0 10px;transform:none!important}.flow-path{opacity:.9}}
@media(prefers-reduced-motion:reduce){.flow-draw{stroke-dashoffset:0!important}.motion-ready .scroll-reveal{opacity:1;transform:none}.tool-track{transform:none!important}.flow-heading,.cap-heading,.approach-grid>div:first-child{position:relative;top:auto}}

.ink-case{background:#e5e9e9}.ink-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:90px}.ink-case h2 em{color:#95a7ad}.ink-case-grid>div:first-child{position:sticky;top:145px;align-self:start}.ink-case-grid>div:first-child>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#667980;max-width:480px;margin:25px 0}.ink-features>div{border-top:1px solid #becbce;padding:25px 0}.ink-features span{display:block;color:#b59088;font-size:10px;letter-spacing:.12em}.ink-features strong{display:block;font:700 25px var(--display);letter-spacing:-.04em;margin:14px 0 8px}.ink-features p{color:#718387;line-height:1.6;font-size:14px}@media(max-width:600px){.ink-case-grid{grid-template-columns:1fr;gap:50px;padding-top:65px}.ink-case-grid>div:first-child{position:relative;top:auto}}@media(prefers-reduced-motion:reduce){.ink-case-grid>div:first-child{position:relative;top:auto}}
/* The TELLO glass sculpture: one composed focal point in three dimensions. */
.hero-layout{min-height:600px}.hero-top{justify-content:flex-start}.hero-bottom{justify-content:center}.hero-art{display:grid;place-items:center;perspective:950px;overflow:visible}.sculpture{position:relative;width:min(35vw,450px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-12deg);animation:sculpture-turn 25s ease-in-out infinite alternate}.sculpture-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#f5ffff78 0%,#d9edf031 38%,transparent 71%);filter:blur(14px);transform:translateZ(-60px)}.axis{position:absolute;inset:7%;border-radius:50%;border:1.5px solid #f9ffffb8;box-shadow:inset 0 0 12px #ffffff38,0 0 16px #efffff38;transform-style:preserve-3d}.axis:before,.axis:after{content:'';position:absolute;inset:3px;border-radius:50%;border:1px solid #ffffff3d}.axis-one{animation:orbit-one 13s linear infinite}.axis-two{animation:orbit-two 18s linear infinite}.axis-three{animation:orbit-three 21s linear infinite}.axis-four{inset:18%;border-color:#fff8;animation:orbit-four 16s linear infinite}.axis i{position:absolute;width:7px;height:7px;border-radius:50%;left:50%;top:-4px;background:#f1c2b4;box-shadow:0 0 11px #f4cab9}.axis-two i{background:#f6ffff;box-shadow:0 0 12px #fff}.axis-three i{background:#dceef4}.sculpture-core{position:absolute;inset:37%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffffff8a,#c3d8e33d);border:1px solid #ffffffe0;box-shadow:0 10px 35px #415d7533,inset 0 1px 5px #ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateZ(20px)}.sculpture-core img{width:40%;height:58%;object-fit:contain;filter:drop-shadow(0 2px 4px #3c536166)}@keyframes sculpture-turn{0%{transform:rotateX(-12deg) rotateY(-20deg) rotateZ(-7deg)}100%{transform:rotateX(12deg) rotateY(25deg) rotateZ(7deg)}}@keyframes orbit-one{from{transform:rotateX(72deg) rotateY(8deg) rotateZ(0)}to{transform:rotateX(72deg) rotateY(8deg) rotateZ(360deg)}}@keyframes orbit-two{from{transform:rotateX(22deg) rotateY(68deg) rotateZ(0)}to{transform:rotateX(22deg) rotateY(68deg) rotateZ(-360deg)}}@keyframes orbit-three{from{transform:rotateX(58deg) rotateY(-47deg) rotateZ(0)}to{transform:rotateX(58deg) rotateY(-47deg) rotateZ(360deg)}}@keyframes orbit-four{from{transform:rotateX(-58deg) rotateY(42deg) rotateZ(0)}to{transform:rotateX(-58deg) rotateY(42deg) rotateZ(-360deg)}}@media(max-width:900px){.hero-layout{min-height:0}.hero-art{height:420px}.sculpture{width:min(65vw,390px)}}@media(max-width:600px){.hero-art{height:300px;margin:15px 0 0}.sculpture{width:min(76vw,300px)}.hero-bottom{height:45px}}@media(prefers-reduced-motion:reduce){.sculpture,.axis{animation:none}.axis-one{transform:rotateX(72deg) rotateY(8deg)}.axis-two{transform:rotateX(22deg) rotateY(68deg)}.axis-three{transform:rotateX(58deg) rotateY(-47deg)}.axis-four{transform:rotateX(-58deg) rotateY(42deg)}}
/* A single visual language for every directional mark. */
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.13em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.button .arrow-icon,.project-meta>a .arrow-icon,.service-plus .arrow-icon{width:1.2em;height:1.2em}.cta-outline{display:none}.cta-label{display:inline-flex;align-items:center;gap:16px}.cta-label>span{display:inline-flex}.nav-cta .cta-label{color:inherit}
@media(max-width:600px){
 .header nav{display:flex;position:absolute;top:74px;left:0;right:0;z-index:100;align-items:center;gap:0;padding:0 6%;overflow:hidden;max-height:0;opacity:0;visibility:hidden;background:linear-gradient(155deg,rgba(105,125,155,.97),rgba(142,163,182,.96));border-bottom:1px solid transparent;box-shadow:0 24px 45px #26395220;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transition:max-height .64s cubic-bezier(.2,.7,.2,1),padding .55s ease,opacity .25s ease,visibility 0s linear .64s,border-color .4s}
 .header nav.is-open{max-height:min(680px,calc(100dvh - 74px));overflow-y:auto;padding:16px 6% 30px;opacity:1;visibility:visible;border-color:#ffffff55;transition:max-height .72s cubic-bezier(.2,.7,.2,1),padding .5s ease,opacity .25s ease,visibility 0s}
 .header nav>a:not(.nav-cta){width:min(100%,420px);text-align:center;display:block;padding:15px 12px;border-bottom:1px solid #ffffff32;font:600 clamp(19px,5.2vw,25px)/1.2 var(--display);letter-spacing:-.025em;opacity:0;transform:translateX(-65px);color:white}
 .header nav.is-open>a:not(.nav-cta){animation:menu-shot .57s cubic-bezier(.12,.85,.25,1.35) both}
 .header nav.is-open>a:nth-child(1){animation-delay:.07s}.header nav.is-open>a:nth-child(2){animation-delay:.14s}.header nav.is-open>a:nth-child(3){animation-delay:.21s}.header nav.is-open>a:nth-child(4){animation-delay:.28s}.header nav.is-open>a:nth-child(5){animation-delay:.35s}
 .header nav .nav-cta{position:relative;display:flex;justify-content:center;align-items:center;width:min(100%,300px);min-height:58px;margin:22px auto 0;padding:12px 25px;background:rgba(255,255,255,.12);border:1px solid transparent;border-radius:100px;opacity:0;transform:translateX(-65px) scale(.92);font-size:13px;box-shadow:none}
 .header nav.is-open .nav-cta{animation:cta-arrive .7s cubic-bezier(.16,.85,.22,1.3) .43s both}
 .header nav .cta-outline{display:block;position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}.cta-outline rect{fill:none;stroke:rgba(255,255,255,.94);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.header nav.is-open .cta-outline rect{animation:outline-draw .8s ease-out .7s forwards}.cta-label{position:relative;z-index:1}.menu-toggle span{transition:transform .3s ease}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
}
@keyframes menu-shot{0%{opacity:0;transform:translateX(-80px)}55%{opacity:1;transform:translateX(12px)}75%{transform:translateX(-4px)}100%{opacity:1;transform:translateX(0)}}
@keyframes cta-arrive{0%{opacity:0;transform:translateX(-65px) scale(.9)}60%{opacity:1;transform:translateX(7px) scale(1.055)}80%{transform:translateX(-2px) scale(.99)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes outline-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.header nav.is-open>a:not(.nav-cta),.header nav.is-open .nav-cta{animation:none;opacity:1;transform:none}.header nav.is-open .cta-outline rect{animation:none;stroke-dashoffset:0}.header nav{transition:none}}
/* Refined navigation and illustrated services. */
.header .brand img{width:142px;height:auto}.service-graphic{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#ffffff85;border:1px solid #fff;box-shadow:0 7px 22px #627e9020;transition:transform .35s,background .35s;flex:none}.service-graphic svg{width:22px;height:22px;fill:none;stroke:#788eaa;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.services summary{grid-template-columns:9% 62px 1fr auto}.services details[open] .service-graphic,.services summary:hover .service-graphic{transform:translateY(-3px) rotate(-5deg);background:#fff}.services details[open] .service-graphic svg{stroke:#ce8b7e}.service-content{margin-left:calc(9% + 62px)}.service-content p{animation:service-enter .45s ease both}@keyframes service-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/* Continuous tool ribbons; duplicate sets are hidden from assistive technology. */
.tool-marquee{overflow:hidden;position:relative;margin-top:30px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tool-belt{display:flex;width:max-content;will-change:transform}.tool-set{display:flex;gap:12px;padding-right:12px;flex:none}.tool-belt.move-left{animation:tools-left 42s linear infinite}.tool-belt.move-right{animation:tools-right 42s linear infinite}.tool-marquee:hover .tool-belt,.tool-marquee:focus-within .tool-belt{animation-play-state:paused}.tool-monogram{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#6f86a4;color:white;font:bold 10px var(--sans)}@keyframes tools-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes tools-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:600px){.header .brand img{width:118px}.services summary{grid-template-columns:9% 50px 1fr auto}.service-graphic{width:38px;height:38px;border-radius:10px}.service-graphic svg{width:19px;height:19px}.service-title{font-size:21px}.service-content{margin-left:calc(9% + 50px)}.tool-marquee{margin-right:-6vw}.tool-set{gap:8px;padding-right:8px}.tool{padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.tool-marquee{overflow-x:auto;mask-image:none}.tool-belt.move-left,.tool-belt.move-right{animation:none;transform:none}.tool-set[aria-hidden=true]{display:none}.service-content p{animation:none}}
/* Chromatic tool sequence and focused service interactions. */
.capabilities{overflow:clip}.cap-heading{position:sticky;top:145px;align-self:start;z-index:3}.services details{transition:background .35s,border-color .35s,box-shadow .35s}.services details:hover{background:#ffffff63;box-shadow:0 12px 30px #687d8b12}.services summary{transition:padding .4s,background .4s}.services summary:hover .service-graphic{transform:translateY(-5px) rotate(-9deg) scale(1.12);box-shadow:0 12px 26px #667d9340}.service-title{transition:transform .48s cubic-bezier(.2,.75,.2,1),color .35s}.services details[open] .service-title{text-align:center;transform:translateX(-24px)}.services details[open] summary{background:#ffffff62}.services details[open] .service-graphic{transform:rotate(-5deg) scale(1.08)}.service-content{justify-content:center;align-items:center;gap:clamp(28px,6vw,100px);padding:12px 3% 35px;margin-left:0}.service-content p{text-align:center;max-width:490px}.tags{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:150px}.tags span{white-space:nowrap;background:#ffffffae;border-color:#fff;box-shadow:0 5px 15px #879da91c}
@media(max-width:600px){.cap-layout{display:block}.cap-heading{position:sticky;top:74px;z-index:5;margin:0 -6.8% 32px;padding:20px 6% 17px;background:#e9eff1eF;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 28px #607b8920}.cap-heading .eyebrow{margin-bottom:8px}.cap-heading h2{font-size:clamp(27px,7vw,35px);line-height:1.05}.cap-heading h2 br{display:none}.cap-heading>p:not(.eyebrow){font-size:12px;line-height:1.4;margin:8px 0 0}.service-content{display:flex;margin-left:0;flex-direction:column;gap:20px;padding:12px 4% 30px}.service-content p{font-size:14px}.tags{margin-top:0}.services details[open] .service-title{transform:translateX(-10px)}.services summary:hover .service-graphic{transform:none}}
@media(prefers-reduced-motion:reduce){.services details,.services summary,.service-title,.service-graphic{transition:none}.cap-heading{position:relative;top:auto}}
/* One quiet, continuous film behind the idea and the connected-work journey. */
.story-film{position:relative;isolation:isolate;background:#c9d6da}.film-sticky{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:-1;pointer-events:none;background:#b8cbd4}.film-sticky video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7)}.story-film .intro,.story-film .flow-section{position:relative;background:rgba(241,246,246,.79)}.story-film .flow-section{background:rgba(230,239,241,.78)}.film-toggle{position:absolute;z-index:5;right:6%;bottom:24px;border:1px solid #94aab8;background:#ffffffe0;border-radius:100px;padding:9px 13px;font:600 10px var(--sans);color:#435c70;cursor:pointer}.film-toggle:focus-visible{outline:3px solid #d39283;outline-offset:3px}.story-film .intro{padding-bottom:110px}.story-film .flow-track{stroke:#829ba6a8}.story-film .flow-draw{stroke:#c36e5d;stroke-width:3.5}.flow-journey{contain:layout style}.flow-path{will-change:contents}
/* Grid interpolation allows the content to open and close without abrupt height jumps. */
.services .service{border-bottom:1px solid #bfc1cf;transition:background .32s ease,box-shadow .32s ease}.services .service:hover{background:#ffffff63;box-shadow:0 12px 30px #687d8b12}.service-trigger{display:grid;grid-template-columns:9% 62px 1fr auto;align-items:center;width:100%;padding:26px 4px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;transition:background .3s ease}.service-trigger:hover,.service.is-open .service-trigger{color:#647ea1;background:#ffffff62}.service-trigger:focus-visible{outline:3px solid #d39283;outline-offset:-3px}.service-trigger:hover .service-graphic{transform:translateY(-4px) rotate(-7deg) scale(1.08)}.service.is-open .service-graphic{transform:rotate(-4deg) scale(1.06)}.service.is-open .service-graphic svg{stroke:#ce8b7e}.service.is-open .service-title{text-align:center;transform:translateX(-24px)}.service-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,.75,.2,1),opacity .3s ease}.service-panel-inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .5s}.service.is-open .service-panel{grid-template-rows:1fr;opacity:1}.service.is-open .service-panel-inner{visibility:visible;transition:visibility 0s}.service-content{padding-top:12px}.service-content p{animation:none}.service.is-open .service-plus{transform:rotate(45deg)}.service-plus{transition:transform .45s ease}
@media(max-width:600px){.film-sticky video{object-fit:cover;object-position:center}.story-film .intro{padding-bottom:95px}.story-film .flow-section{background:rgba(232,241,242,.80)}.story-film .flow-draw{stroke-width:4}.journey-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(250,253,252,.93)}.service-trigger{grid-template-columns:9% 50px 1fr auto;padding:23px 0}.service.is-open .service-title{transform:translateX(-10px)}.service-panel{transition:grid-template-rows .48s cubic-bezier(.22,.75,.2,1),opacity .28s ease}.service-content{display:flex;flex-direction:column;gap:18px;padding:10px 4% 28px}.service-content p{margin:0}.film-toggle{bottom:18px}}
@media(prefers-reduced-motion:reduce){.service-panel,.service-panel-inner,.service-trigger,.service-plus{transition:none}.story-film .flow-draw{stroke-dashoffset:0!important}}
.story-film .intro{background:rgba(241,246,246,.73)}.story-film .flow-section{background:rgba(230,239,241,.74)}
@media(max-width:600px){.film-sticky video{object-fit:contain}.story-film .flow-section{background:rgba(232,241,242,.76)}}

@media(max-width:600px){.film-sticky video{object-fit:cover;object-position:center}}
.story-film{overflow:clip}
/* Let more of the film show while keeping content and the route distinct. */
.story-film .intro{background:rgba(241,246,246,.63)}
.story-film .flow-section{background:rgba(230,239,241,.64)}
.story-film .intro h2,.story-film .flow-heading h2,.story-film .small-heading{color:#202f4c}
.story-film .intro h2 span,.story-film .flow-heading h2 em{color:#617a91}
.story-film .body-large,.story-film .flow-heading>p:not(.eyebrow){color:#344c5f}
.story-film .journey-card{background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(247,251,251,.94));border-color:#fff;box-shadow:0 20px 60px #334d6335,inset 0 1px #fff}
.story-film .journey-card p{color:#506675}
.story-film .flow-track{stroke:#607f8eb3;stroke-width:3}
.story-film .flow-draw{stroke:#bf5d47;stroke-width:5;filter:drop-shadow(0 1px 2px rgba(255,255,255,.7))}
@media(max-width:600px){.story-film .flow-section{background:rgba(232,241,242,.66)}.story-film .journey-card{background:rgba(252,254,253,.97)}.story-film .flow-draw{stroke-width:5.5}}