/* A bolder, motion-led direction; the base stylesheet retains semantic layouts. */
:root{--navy:#081e29;--deep:#050e14;--cyan:#47f0e2;--ink:#091e29;--pale:#eff5f4;--line:#ccd9dc}
body{background:#f6f8f7}h2{font-weight:600;letter-spacing:-.055em}h2 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:600;color:#2d9294}h3{font-weight:500}.header{height:84px;background:#050e14f5;color:#fff;border-bottom:1px solid #ffffff24;backdrop-filter:blur(18px);padding:0 5%}.original-logo{display:block;flex-shrink:0}.original-logo img{width:112px;height:54px;object-fit:contain}.nav a:after{background:var(--cyan)}.nav a:hover{color:var(--cyan)}.header-cta{padding:11px 18px;background:var(--cyan);color:var(--deep);border:0;font-weight:600;transition:background .2s,box-shadow .2s}.header-cta:hover{background:#a5fff7;box-shadow:0 0 28px #47f0e230}.menu-toggle span{background:#fff}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--cyan);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.hero{display:block;min-height:750px;min-height:max(750px,calc(100svh - 84px));background:var(--deep);overflow:hidden;isolation:isolate}.hero-backdrop{position:absolute;inset:-6% -3%;z-index:-3;overflow:hidden}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:75% 55%;filter:saturate(.45) contrast(1.13);transform:translate3d(var(--pan-x,0px),var(--pan-y,0px),0) scale(1.12);transition:transform .65s ease-out}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050e14eb 8%,#050e1499 55%,#050e1444),linear-gradient(0deg,#050e14 0%,transparent 34%,#050e1440);pointer-events:none}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.15;background-image:linear-gradient(#76e8e729 1px,transparent 1px),linear-gradient(90deg,#76e8e729 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{padding:65px 7% 105px;max-width:1600px;margin:auto}.hero .eyebrow{font-size:.75rem;letter-spacing:.19em;color:#bffcf7}.hero h1{margin:33px 0 35px;font-size:clamp(4rem,10.6vw,10.2rem);font-weight:800;letter-spacing:-.055em;line-height:.99}.title-mask{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.title-mask>span{display:block}.title-mask:nth-child(2){color:var(--cyan)}.title-last{font-size:.78em;-webkit-text-stroke:1px #d6f6f6;color:transparent;letter-spacing:-.035em}.accent-dot{color:white}.hero-bottom{display:flex;align-items:center;gap:70px;margin-top:22px}.hero-bottom p{font-size:1rem;color:#c5d6dc;line-height:1.6}.hero-bottom strong{color:#fff;font-weight:400}.hero .button{margin:0;min-height:62px;padding:17px 28px;font-size:.875rem;background:var(--cyan);color:var(--deep);font-weight:600;position:relative;overflow:hidden}.button span{transition:transform .3s}.button:hover span{transform:translate(4px,-4px)}.hero-side{position:absolute;right:4%;top:70px;bottom:100px;writing-mode:vertical-rl;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.15em;color:#b6d7da}.scroll-cue{display:flex;left:auto;right:7%;bottom:42px;width:66px;height:66px;justify-content:center;border:1px solid #6adacf80;border-radius:50%;color:var(--cyan);transition:background .3s,color .3s}.scroll-cue:hover{background:var(--cyan);color:var(--deep)}.scroll-arrow{font-size:1.7rem}.motion-control{position:absolute;bottom:23px;left:7%;border:0;background:transparent;color:#a9c3ca;font-size:.75rem;display:flex;gap:13px;align-items:center;padding:10px 0}.motion-control[hidden]{display:none}.motion-control:hover{color:white}.scan-beam{position:absolute;top:-10%;left:0;width:100%;height:20%;background:linear-gradient(transparent,#36ffdb16,#36ffdb48);border-bottom:1px solid #56ffeeaa;box-shadow:0 20px 50px #27ffce12;opacity:0;pointer-events:none}
.marquee{overflow:hidden;background:var(--cyan);color:var(--deep);padding:24px 0;border-bottom:1px solid #00d9cc}.marquee-track{display:flex;width:max-content;transform:translateX(-8%)}.marquee-track>div{display:flex;align-items:center;gap:50px;padding-right:50px;white-space:nowrap}.marquee span{font-size:clamp(1.3rem,2.3vw,2.5rem);font-weight:700;letter-spacing:-.04em}.marquee b{font-size:2rem;font-weight:400}.section{padding:110px 7%}.section-label{font-size:.75rem;letter-spacing:.12em}.section-label>span:first-child{font-weight:600}.section h2{font-size:clamp(2.4rem,4.5vw,4.6rem)}.intro-layout h2{font-size:clamp(2.2rem,3.8vw,3.8rem)}.intro-layout{grid-template-columns:1.3fr 1fr;gap:8%}.craft-panel{margin-top:65px;display:flex;align-items:center;gap:8%;position:relative;overflow:hidden;background:#091e29;color:#fff;padding:45px 6%}.craft-number{font-size:clamp(5rem,14vw,13rem);font-weight:700;letter-spacing:-.07em;line-height:1.1;color:var(--cyan);position:relative;z-index:1}.craft-number span{font-size:.45em;vertical-align:top;display:inline-block;padding-top:.21em}.craft-panel p{margin-top:16px;color:#bacfd4;font-size:1.125rem}.craft-panel strong{color:white;font-weight:400}.craft-panel .eyebrow{color:var(--cyan)}.craft-cross{position:absolute;right:20px;bottom:-.3em;font-size:25rem;font-weight:200;line-height:1;color:#2d5e6626;pointer-events:none}.principles{margin-top:40px}.principles article{transition:transform .4s}.principles article:hover{transform:translateY(-6px)}.principles h3{font-size:1.7rem}.services{background:#071923;color:#f0f5f6}.services h2 em{color:var(--cyan)}.services .hairline,.services details,.services .service-list{border-color:#ffffff2b}.services .hairline{background:#ffffff2b}.services .section-heading p,.services .service-body p,.services .service-body ul{color:#abc1ca}.service-tag,.service-number{color:#87b0b9}.services summary{padding:34px 20px;transition:background .35s,padding-left .35s}.services summary h3{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:500}.services summary:hover,.services details[open] summary{background:#0d3540;padding-left:30px}.services details[open] summary h3{color:var(--cyan)}.services .plus:before,.services .plus:after{background:var(--cyan)}.services .service-body{padding:24px 40px 36px 105px}.services .text-link{color:var(--cyan);border-color:#47f0e24d}.digital{background:var(--cyan);color:#061c27;position:relative;overflow:hidden}.digital .section-label,.digital .eyebrow,.digital .workflow li>span{color:#134f55}.digital .hairline{background:#0c77775e}.digital h2{font-weight:700;letter-spacing:-.065em}.digital h2 em{color:#087775}.digital p{color:#164e54}.digital .button{background:#071f2a;color:#fff}.digital .workflow li{border-color:#0b68675e}.digital .workflow li>span{font-weight:600}.digital .workflow h3{font-weight:600}.digital .workflow li{transition:transform .35s}.digital .workflow li:hover{transform:translateX(8px)}.digital-layout{position:relative;z-index:1}.testimonial{background:#f6f8f7}.testimonial blockquote{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.06em;font-size:clamp(2rem,4.2vw,4.4rem)}.quote-mark{color:#159999}.contact{background:#0b2633;color:#fff}.contact h2 em{color:var(--cyan)}.contact .hairline{background:#2e4b56}.contact .contact-email{color:var(--cyan);border-color:#47f0e280}.contact-details .tiny-label,.contact .contact-details address,.contact .contact-details>a:not(.phone):not(.button){color:#abc6ce}.contact .button-dark{background:var(--cyan);color:#061e29}.contact-details .phone{color:white}footer{background:#050e14;color:#fff;padding-bottom:50px}footer p{color:#9db9c0}footer .brand-cross{color:var(--cyan)}.footer-links a:hover,.footer-links button:hover{color:var(--cyan)}
/* Progressive enhancement: content stays visible without JavaScript. */
.motion-enabled .title-mask>span{animation:title-enter 1.05s cubic-bezier(.16,1,.3,1) both}.motion-enabled .title-mask:nth-child(2)>span{animation-delay:.15s}.motion-enabled .title-mask:nth-child(3)>span{animation-delay:.3s}.motion-enabled .hero .eyebrow{animation:fade-enter .9s .1s both}.motion-enabled .hero-bottom{animation:fade-enter 1s .55s both}.motion-enabled .scan-beam{animation:scan-sweep 7s 1s ease-in-out infinite}.motion-enabled .marquee-track{animation:marquee-travel 30s linear infinite}.motion-enabled .scroll-arrow{animation:scroll-nudge 2.6s ease-in-out infinite}.motion-enabled .reveal{opacity:0;transform:translateY(36px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal.in-view{opacity:1;transform:none}.motion-paused *, .page-hidden *{animation-play-state:paused!important}.motion-paused .hero-backdrop img{transform:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@keyframes title-enter{from{transform:translateY(115%) rotate(3deg);opacity:.25}to{transform:translateY(0);opacity:1}}
@keyframes fade-enter{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@keyframes scan-sweep{0%,10%{transform:translateY(0);opacity:0}20%{opacity:.7}70%{opacity:.5}85%,100%{transform:translateY(650%);opacity:0}}
@keyframes marquee-travel{to{transform:translateX(-50%)}}
.marquee-track{transform:translateX(0)}
.motion-enabled details[open] .service-body{animation:detail-enter .35s ease-out both}
@keyframes detail-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes scroll-nudge{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}
@media(min-width:1700px){.hero-copy{padding-top:90px}.hero h1{font-size:11rem}}
@media(max-width:1100px){.hero h1{font-size:11.8vw}.hero{min-height:730px}.hero-copy{padding-top:65px}.hero-side{right:3%}.section{padding:85px 6%}.services summary{grid-template-columns:35px 1fr 180px 17px}.services .service-body{padding-left:75px}.hero-bottom{gap:40px}}
@media(max-width:800px){.header{height:78px;padding:0 6%}.nav{top:78px;background:#081e29;border-color:#2b4651;color:#fff}.header-cta{padding:9px 12px;gap:10px}.hero{min-height:660px;display:block}.hero-copy{padding:65px 6% 100px}.hero h1{font-size:12vw;margin:40px 0}.hero-backdrop img{object-position:70% center}.hero-side{display:none}.hero-bottom{gap:35px}.hero .button{padding:15px 20px;font-size:.875rem}.hero .eyebrow{font-size:.75rem}.scroll-cue{bottom:30px;right:6%;width:55px;height:55px}.motion-control{left:6%;bottom:28px}.intro-layout{grid-template-columns:1fr;gap:30px}.craft-panel{gap:8%;padding:35px 6%}.craft-number{font-size:20vw}.craft-panel p{font-size:1rem}.craft-cross{font-size:20rem}.services summary{grid-template-columns:30px 1fr 17px;gap:14px;padding:27px 10px}.services .service-body{padding:20px 22px 30px 55px}.services summary:hover,.services details[open] summary{padding-left:16px}.section h2{font-size:3rem}.digital h2{font-size:4rem}.contact h2{font-size:3rem}}
@media(max-width:520px){.original-logo img{width:91px;height:44px}.header{gap:12px}.header-cta{font-size:.75rem;min-height:40px}.header-cta span{display:none}.hero{min-height:660px;min-height:max(660px,calc(100svh - 78px))}.hero-copy{padding:64px 6% 115px}.hero h1{font-size:14vw;line-height:1.05;margin:42px 0 30px;letter-spacing:-.065em}.hero h1 .title-last{font-size:.78em}.hero .eyebrow{font-size:.6875rem;letter-spacing:.11em}.hero-bottom{flex-direction:column;align-items:flex-start;gap:26px;margin-top:20px}.hero-bottom p{font-size:1rem}.hero .button{font-size:.875rem;padding:16px 22px;min-height:56px}.hero-backdrop{inset:-5% -35%}.hero-backdrop img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#050e14db,#050e1490),linear-gradient(0deg,#050e14,transparent 55%)}.hero .motion-control{font-size:.75rem}.marquee{padding:20px 0}.marquee-track>div{gap:27px;padding-right:27px}.marquee span{font-size:1.5rem}.marquee b{font-size:1.5rem}.section{padding:65px 6%}.section h2{font-size:2.4rem}.intro-layout h2{font-size:2.2rem}.craft-panel{display:block;margin-top:35px;padding:30px 8%}.craft-number{font-size:30vw}.craft-panel>div:nth-child(2){margin-top:22px}.craft-panel p{font-size:1rem}.craft-cross{font-size:17rem}.principles{margin-top:32px}.services summary{grid-template-columns:22px 1fr 17px;gap:10px;padding:25px 0}.services summary h3{font-size:1.2rem}.services .service-body{padding-left:32px;padding-right:4px}.digital h2{font-size:3.3rem}.testimonial blockquote{font-size:2rem}.contact h2{font-size:2.5rem}.contact .contact-email{font-size:1.25rem}.motion-enabled .reveal{transform:translateY(22px)}.hero-backdrop img{transition:none;transform:scale(1.05)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enabled *,.motion-enabled *:before,.motion-enabled *:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.hero-backdrop img{transform:none!important}.scan-beam{display:none}.marquee-track{transform:none}.title-mask>span{transform:none;opacity:1}}