:root{--navy:#071d2e;--teal:#168c8d;--aqua:#22aaa6;--gold:#bd9148;--cream:#f1eee6;--ink:#0a1b27;--white:#fff;--line:rgba(7,29,46,.17);--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:absolute;left:-100vw;top:10px}.skip:focus{left:10px;z-index:99;background:#fff;padding:10px}.header{height:92px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:0 4vw;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.13);position:relative;z-index:20}.brand{width:220px}.status{justify-self:center;font:400 10px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.62)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--aqua);box-shadow:0 0 0 5px rgba(34,170,166,.12)}nav{display:flex;align-items:center;gap:30px;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase}nav a{padding:9px 0}.nav-cta{border-bottom:1px solid var(--gold);color:var(--gold)}.menu{display:none}.chapter{font:500 10px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--teal);margin:0 0 42px}.hero{height:calc(100vh - 92px);min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff;padding:5vw}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:8.33vw 8.33vw;mask-image:linear-gradient(90deg,#000,transparent 82%)}.kinetic{position:absolute;width:min(61vw,850px);height:115%;right:-2vw;top:-7%;overflow:visible;filter:drop-shadow(0 25px 35px rgba(0,0,0,.24))}.kinetic path{fill:none;stroke-width:122}.ribbon-back{stroke:#0d646b;opacity:.82}.ribbon-gold{stroke:var(--gold)}.ribbon-front{stroke:var(--teal);opacity:.9}.hero-copy{position:relative;z-index:3;width:min(900px,68vw)}.hero h1{font:800 clamp(4.6rem,9vw,9.2rem)/.82 var(--display);letter-spacing:-.075em;margin:0;text-transform:uppercase}.hero h1 em,.section-intro h2 em,.difference h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--gold)}.hero-bottom{width:72%;margin:44px 0 0 25%;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.hero-bottom p{margin:0;color:rgba(255,255,255,.7);font-size:1.03rem;line-height:1.65}.hero-bottom a,.difference-copy a{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:8px;white-space:nowrap}.hero-bottom span,.difference-copy a span{color:var(--gold);margin-left:15px}.ticker{height:50px;display:flex;align-items:center;overflow:hidden;background:var(--gold);color:var(--navy)}.ticker div{font:500 11px var(--mono);letter-spacing:.13em;white-space:nowrap;animation:ticker 24s linear infinite}.ticker b{margin:0 26px}@keyframes ticker{to{transform:translateX(-50%)}}.services{padding:10vw 6vw 8vw}.section-intro{display:grid;grid-template-columns:1.1fr .55fr;column-gap:8vw;align-items:end;margin-bottom:6vw}.section-intro .chapter{grid-column:1/-1}.section-intro h2,.difference h2,.process h2,.clients h2,.contact h2{font:700 clamp(3.5rem,5.8vw,6.7rem)/.92 var(--display);letter-spacing:-.065em;margin:0}.intro-copy{margin:0 0 8px;font-size:1.05rem;line-height:1.7;color:#57646d}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:510px;padding:4.5vw;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s;background:rgba(255,255,255,.16)}.service-card:hover{background:#fff;transform:translateY(-6px);box-shadow:0 25px 60px rgba(7,29,46,.1);z-index:2}.service-card::after{content:attr(data-n);position:absolute;top:2.4vw;right:2.8vw;font:700 5rem/1 var(--display);color:rgba(7,29,46,.055)}.service-card>span,.clients article>span{font:500 10px var(--mono);letter-spacing:.15em;color:var(--teal)}.service-card h3{font:700 clamp(2.8rem,4vw,4.8rem)/.94 var(--display);letter-spacing:-.055em;margin:42px 0 25px}.service-card>p{max-width:520px;line-height:1.7;color:#596770}.service-card ul{list-style:none;margin:55px 0 0;padding:0;font:400 11px var(--mono);letter-spacing:.07em;text-transform:uppercase}.service-card li{padding:11px 0;border-bottom:1px solid var(--line)}.app-card{background:var(--teal);color:#fff}.app-card>span{color:var(--gold)}.app-card>p{color:rgba(255,255,255,.72)}.app-card li{border-color:rgba(255,255,255,.2)}.app-card::after{color:rgba(255,255,255,.08)}.app-card:hover{background:#117b7d}.difference{min-height:690px;position:relative;display:grid;grid-template-columns:1.1fr .8fr;gap:9vw;align-items:center;padding:9vw 7vw;background:var(--navy);color:#fff;overflow:hidden}.difference-ribbon{position:absolute;width:220px;height:130%;left:7%;top:-15%;border:55px solid var(--teal);border-top:0;border-bottom:0;transform:skewX(-16deg);opacity:.11}.difference-copy,.difference-list{position:relative;z-index:2}.difference .chapter{color:var(--gold)}.difference-copy>p:not(.chapter){max-width:650px;color:rgba(255,255,255,.65);font-size:1.07rem;line-height:1.75;margin:30px 0}.difference-list{border-top:1px solid rgba(255,255,255,.18)}.difference-list div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.18)}.difference-list b{font:500 10px var(--mono);color:var(--gold)}.difference-list span{font-size:1.1rem}.process{padding:9vw 6vw;background:var(--teal);color:#fff}.process-head{display:grid;grid-template-columns:1fr .45fr;column-gap:8vw;align-items:end}.process-head .chapter{grid-column:1/-1;color:var(--navy)}.process-head>p:last-child{margin:0;line-height:1.7;color:rgba(255,255,255,.72)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6vw;border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}.process-steps article{min-height:300px;padding:3.5vw;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.process-steps b{font:500 11px var(--mono);color:var(--navy)}.process-steps h3{font:700 2.5rem var(--display);margin:50px 0 15px}.process-steps p{line-height:1.65;color:rgba(255,255,255,.72)}.clients{display:grid;grid-template-columns:42% 58%;background:var(--cream)}.clients-head{padding:9vw 5vw}.client-list{border-left:1px solid var(--line)}.client-list article{padding:5.5vw 6vw;border-bottom:1px solid var(--line);transition:.35s}.client-list article:hover{background:var(--gold)}.client-list h3{font:700 clamp(2rem,3vw,3.6rem)/1.05 var(--display);letter-spacing:-.045em;margin:35px 0 20px}.client-list p{max-width:600px;line-height:1.7;color:#58656d}.contact{min-height:720px;padding:9vw 6vw;position:relative;display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:center;background:var(--navy);color:#fff;overflow:hidden}.contact .chapter{color:var(--gold)}.contact-side{position:relative;z-index:2}.contact-side>p{max-width:500px;font-size:1.2rem;line-height:1.7;color:rgba(255,255,255,.65)}.contact-side a{display:flex;justify-content:space-between;font:500 clamp(1.05rem,1.8vw,1.6rem) var(--mono);padding:22px 0;border-bottom:1px solid var(--gold);color:var(--gold)}.contact-side small{display:block;margin-top:28px;font:400 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}.contact-mark{position:absolute;right:-2vw;bottom:-18vw;font:800 47vw/.8 var(--display);color:rgba(22,140,141,.09)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding:55px 5vw;background:#04131e;color:rgba(255,255,255,.45);font:400 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}footer img{width:220px}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header{grid-template-columns:1fr auto}.status{display:none}.menu{display:block;position:relative;z-index:22;background:none;border:0;color:#fff;font:500 11px var(--mono);text-transform:uppercase}.header nav{position:fixed;inset:0;z-index:21;background:var(--navy);flex-direction:column;justify-content:center;font-size:1.5rem;opacity:0;visibility:hidden;transition:.25s}.header nav.open{opacity:1;visibility:visible}.hero-copy{width:90%}.hero-bottom{width:85%;margin-left:0}.kinetic{opacity:.43;width:100vw;right:-35vw}.section-intro,.difference,.process-head,.clients,.contact{grid-template-columns:1fr}.intro-copy,.process-head>p:last-child{margin-top:30px;max-width:600px}.service-card{padding:55px;min-height:500px}.clients-head{padding:90px 6vw}.client-list{border-left:0}.contact{gap:55px}footer{grid-template-columns:1fr;gap:20px}footer p:nth-child(n){text-align:left;margin:0}}
@media(max-width:650px){.header{height:78px;padding:0 20px}.brand{width:185px}.hero{height:calc(100svh - 78px);min-height:670px;padding:70px 20px 35px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:clamp(3.8rem,18vw,5.2rem);margin-top:45px}.hero-bottom{grid-template-columns:1fr;width:96%;margin-top:48px;gap:25px}.hero-bottom a{width:max-content}.services,.process{padding:85px 20px}.section-intro{margin-bottom:60px}.section-intro h2,.difference h2,.process h2,.clients h2,.contact h2{font-size:3.5rem}.service-grid,.process-steps{grid-template-columns:1fr}.service-card{min-height:auto;padding:65px 24px}.service-card::after{font-size:4rem;top:25px;right:20px}.service-card h3{font-size:3.2rem}.difference{padding:90px 20px}.process-steps article{min-height:260px;padding:35px 24px}.clients-head{padding:85px 20px 55px}.client-list article{padding:65px 20px}.client-list h3{font-size:2.45rem}.contact{min-height:680px;padding:85px 20px}.contact-side a{font-size:.9rem}footer{padding:45px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Seamless capability loop */
.ticker .ticker-track{display:flex;width:max-content;font:inherit;letter-spacing:inherit;white-space:nowrap;will-change:transform;animation:ticker-loop 22s linear infinite}.ticker .ticker-group{flex:none;animation:none;padding:0}.ticker .ticker-group b{margin:0 26px}@keyframes ticker-loop{to{transform:translateX(-50%)}}

/* Staggered process reveal */
.process-steps{position:relative;overflow:hidden}.process-line{position:absolute;left:0;top:0;width:100%;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.2,.75,.2,1)}.process-step{opacity:0;transform:translateY(70px) rotate(1.2deg);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.process-reveal.visible .process-line{transform:scaleX(1)}.process-reveal.visible .process-step{opacity:1;transform:none}.process-reveal.visible .process-step:nth-of-type(1){transition-delay:.12s}.process-reveal.visible .process-step:nth-of-type(2){transition-delay:.3s}.process-reveal.visible .process-step:nth-of-type(3){transition-delay:.48s}

/* Portfolio progress modal */
.portfolio-button{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:50px;padding:15px 0;width:230px;border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--navy);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.portfolio-button span{color:var(--teal);transition:transform .25s}.portfolio-button:hover span{transform:translate(4px,-4px)}.portfolio-modal[hidden]{display:none}.portfolio-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(3,15,24,.84);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(760px,94vw);padding:105px 70px 95px;background:var(--cream);box-shadow:0 35px 100px rgba(0,0,0,.35);overflow:hidden;animation:modal-in .45s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in{from{opacity:0;transform:translateY(30px) scale(.97)}}.modal-card .chapter{margin-bottom:25px}.modal-card h2{font:700 clamp(2.8rem,5.5vw,5.2rem)/.94 var(--display);letter-spacing:-.06em;margin:0}.modal-card h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.modal-card>p:not(.chapter){max-width:580px;line-height:1.7;color:#596770}.modal-card>a{display:inline-flex;gap:25px;margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--gold);font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.modal-close{position:absolute;right:22px;top:48px;z-index:2;border:0;background:transparent;color:var(--navy);font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.caution-tape{position:absolute;left:-4%;width:108%;height:42px;display:flex;align-items:center;overflow:hidden;background:repeating-linear-gradient(135deg,#f4bf31 0 24px,#111 24px 48px);transform:rotate(-1deg);color:#111}.caution-tape::after{content:"";position:absolute;inset:7px 0;background:#f4bf31}.caution-tape span{position:relative;z-index:1;width:100%;font:700 10px var(--mono);letter-spacing:.11em;text-align:center;white-space:nowrap}.tape-top{top:16px}.tape-bottom{bottom:18px;transform:rotate(1deg)}.cone-row{position:absolute;right:58px;bottom:76px;display:flex;align-items:flex-end;gap:12px;opacity:.18}.cone{position:relative;display:block;width:52px;height:78px;background:linear-gradient(105deg,transparent 48%,#f27722 49% 75%,transparent 76%)}.cone::before{content:"";position:absolute;left:5px;bottom:0;width:52px;height:9px;background:var(--navy)}.cone::after{content:"";position:absolute;left:24px;top:40px;width:22px;height:9px;background:var(--cream);transform:skewX(-14deg)}.cone.small{transform:scale(.72);transform-origin:bottom}.modal-open{overflow:hidden}
@media(max-width:650px){.portfolio-modal{padding:12px}.modal-card{padding:95px 24px 85px}.modal-close{top:51px;right:18px}.cone-row{right:15px;bottom:70px;transform:scale(.65);transform-origin:bottom right}.portfolio-button{margin-top:35px}.process-step{transform:translateX(-35px)}.process-reveal.visible .process-step{transform:none}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}.process-line{transform:scaleX(1);transition:none}.process-step{opacity:1;transform:none;transition:none}.modal-card{animation:none}}

/* Header/footer cleanup and uninterrupted ticker */
.header{grid-template-columns:260px 1fr}.header nav{justify-self:end}.ticker .ticker-track{animation-name:ticker-loop-infinite;animation-duration:28s;animation-timing-function:linear;animation-iteration-count:infinite}.ticker .ticker-group{min-width:max-content}@keyframes ticker-loop-infinite{to{transform:translateX(-25%)}}footer{grid-template-columns:1fr 1fr}footer p:last-child{text-align:right}
@media(max-width:900px){.header{grid-template-columns:1fr auto}.header nav{justify-self:auto}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}