:root{--black:#050607;--ink:#1b2329;--muted:#7c8790;--line:#e6ebef;--soft:#f4f7f9;--teal:#00a7a5;--white:#fff}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Manrope,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit}.hero-icon{width:20px;height:20px;display:inline-block;vertical-align:-4px}.section{max-width:1120px;margin:0 auto;padding:86px 28px}.eyebrow{margin:0 0 10px;color:var(--teal);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.headline{margin:0;font-size:clamp(36px,5vw,72px);line-height:1.02;font-weight:500;letter-spacing:0}.bodycopy{margin:22px 0 0;max-width:680px;color:#65717b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;background:#050607;color:#fff;border:0;font-size:14px;font-weight:800;width:max-content}.muted{color:var(--muted)}
    .topbar{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 28px;font-size:14px;color:#6b747c;border-bottom:1px solid var(--line)}.topbar nav,.navbar nav{display:flex;gap:24px;align-items:center}.topbar a,.navbar nav a{position:relative;transition:color .25s ease}.topbar a:after,.navbar nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s ease}.topbar a:hover:after,.navbar nav a:hover:after,.topbar a.is-active:after,.navbar nav a.is-active:after{transform:scaleX(1);transform-origin:left}.navbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:112px;padding:0 28px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.brand-logo{justify-self:center;display:grid;place-items:center}.brand-logo img{width:320px;max-height:100px;object-fit:contain;display:block}.logo-text{font-weight:900;font-size:18px}.nav-right{justify-self:end}
    .hero{position:relative;min-height:760px;overflow:hidden;border-bottom:1px solid var(--line);background:#fbfcfd}.hero-bg{position:absolute;inset:-6% 0;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.96)),url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1900&q=80") center bottom/cover;filter:grayscale(100%);opacity:.5}.hero-title-marquee{position:absolute;left:0;right:0;top:114px;z-index:1;overflow:hidden;pointer-events:none}.hero-title-track{display:flex;width:max-content;animation:heroMarquee 92s linear infinite}.hero-title-track span{padding-right:.12em;font-size:clamp(128px,18vw,292px);line-height:.78;font-weight:900;color:rgba(27,35,41,.98);white-space:nowrap}@keyframes heroMarquee{to{transform:translate3d(-50%,0,0)}}.hero-inner{position:relative;z-index:2;max-width:1180px;min-height:760px;margin:0 auto;padding:360px 28px 88px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px}.hero h1{margin:0;max-width:470px;font-size:clamp(44px,5.8vw,76px);line-height:1.05;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.hero h1 .arrow{display:inline-block;margin-right:4px;font-weight:400;text-decoration:none;transform:translateY(-4px)}.hero-badge{justify-self:end;width:280px;display:grid;grid-template-columns:42px 1fr;gap:14px;place-items:center start;color:#1b2329;font-size:16px;line-height:1.45}.hero-badge>svg{width:34px;height:34px}
    .marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--black);color:#fff}.marquee-track{display:flex;width:max-content;gap:34px;padding:20px 0;animation:marquee 26s linear infinite}.marquee span{display:inline-flex;align-items:center;gap:34px;font-size:clamp(22px,4vw,54px);line-height:1;font-weight:900;white-space:nowrap}.marquee span:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--teal)}@keyframes marquee{to{transform:translate3d(-50%,0,0)}}
    .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
    .about-intro{max-width:none;width:100%;background:linear-gradient(180deg,#f7fafc 0%,#fff 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px max(28px,calc((100vw - 1280px)/2)) 54px}.about-copy h2{margin:0;max-width:1080px;font-size:clamp(32px,3.25vw,48px);line-height:1.25;font-weight:600;color:#050607}.about-copy p{margin:22px 0 0;max-width:780px;color:#5d666e;font-size:17px}.about-cta{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:34px;padding:0 18px 0 20px;background:#050607;color:#fff;font-size:14px;font-weight:800}.about-cta .circle{width:22px;height:22px;display:grid;place-items:center;color:#fff}.about-stats{display:grid;grid-template-columns:.95fr 1fr 1fr;margin-top:62px;border-top:1px solid #d5dadd}.about-stat,.about-feature{padding:42px 48px 0 0;min-height:190px}.about-feature{border-left:1px solid #d5dadd;padding-left:48px}.about-stat strong{display:block;font-size:clamp(96px,9vw,146px);line-height:.78;font-weight:700;color:#000}.about-stat sup{font-size:.38em;position:relative;top:-.9em}.about-stat span{display:block;margin-top:24px;color:#6a7279;font-size:17px}.about-feature svg{width:44px;height:44px;margin-bottom:28px}.about-feature h3{margin:0;font-size:28px;font-weight:500;color:#050607}.about-feature p{margin:18px 0 0;color:#69727a;font-size:17px;line-height:1.45}
    .services-clean{max-width:none;width:100%;display:grid;grid-template-columns:minmax(560px,47vw) minmax(420px,1fr);gap:68px;align-items:stretch;padding:86px max(42px,calc((100vw - 1500px)/2));position:relative;overflow:hidden}.services-clean-left{display:grid;grid-template-columns:88px 88px 88px minmax(320px,1fr);gap:28px;min-height:640px}.service-rail{background:#f2f7fb;display:grid;grid-template-rows:auto 1fr;justify-items:center;padding:28px 0;color:#07111a}.rail-num{font-size:30px;line-height:1;font-weight:500}.rail-label{align-self:end;writing-mode:vertical-rl;transform:rotate(180deg);font-size:24px;line-height:1;white-space:nowrap}.service-showcase{background:#f2f7fb;min-height:640px;display:grid;grid-template-rows:250px 1fr;overflow:hidden}.service-showcase img{width:100%;height:250px;object-fit:cover;display:block}.service-showcase-body{position:relative;padding:34px 34px 32px;display:grid;align-content:start}.service-showcase h3{margin:0;max-width:390px;font-size:28px;line-height:1.18;font-weight:500;color:#07111a}.service-showcase p{margin:18px 0 0;max-width:390px;color:#5d6973;font-size:16px;line-height:1.45}.service-showcase .btn{position:absolute;left:34px;bottom:30px}.service-showcase-num{position:absolute;right:12px;bottom:-22px;font-size:132px;line-height:1;font-weight:700;color:rgba(27,35,41,.045)}.services-clean-copy{position:relative;min-height:640px;display:grid;align-content:space-between;padding:6px 0 24px}.services-clean-copy:after{content:"A";position:absolute;right:-20px;top:84px;z-index:-1;font-size:360px;line-height:1;font-weight:900;color:rgba(5,6,7,.035)}.services-clean-copy h2{margin:0;max-width:720px;font-size:clamp(46px,4.8vw,78px);line-height:1.08;font-weight:500;color:#1b2329}.services-clean-copy>p:last-child{margin:0;max-width:680px;color:#5d6973;font-size:17px;line-height:1.45}
    .category-strip{min-height:500px;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;background:#050607;overflow:hidden}.category-strip.active-1{grid-template-columns:1fr 1.8fr 1fr 1fr 1fr}.category-strip.active-2{grid-template-columns:1fr 1fr 1.8fr 1fr 1fr}.category-strip.active-3{grid-template-columns:1fr 1fr 1fr 1.8fr 1fr}.category-strip.active-4{grid-template-columns:1fr 1fr 1fr 1fr 1.8fr}.category-panel{position:relative;min-height:500px;border:0;border-right:1px solid rgba(255,255,255,.22);color:#fff;background:transparent;padding:0;overflow:hidden;text-align:left;cursor:pointer}.category-panel:before{content:"";position:absolute;inset:0;background-image:var(--panel-image);background-size:cover;background-position:center;filter:grayscale(12%);opacity:.72;transform:scale(1.04);transition:.55s}.category-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.82),rgba(5,6,7,.46))}.category-panel.is-active:before{opacity:.9;transform:scale(1)}.category-content{position:relative;z-index:2;height:100%;min-height:500px;display:grid;align-content:end;padding:34px 32px 42px}.category-num{position:absolute;left:32px;top:36px;font-size:clamp(84px,8vw,142px);line-height:.8;font-weight:800;-webkit-text-stroke:1px rgba(255,255,255,.18);color:transparent;opacity:0}.category-panel.is-active .category-num{opacity:1}.category-kicker{position:absolute;right:0;top:24px;writing-mode:vertical-rl;background:rgba(255,255,255,.18);padding:12px 9px;font-size:14px;font-weight:800}.category-panel h3{margin:0;font-size:clamp(24px,2vw,34px);line-height:1.05;font-weight:600;white-space:nowrap}.category-panel p{width:min(340px,100%);margin:14px 0 0;color:rgba(255,255,255,.78);font-size:15px;opacity:0;max-height:0;overflow:hidden}.category-panel .read-more{margin-top:28px;background:#fff;color:#050607;opacity:0}.category-panel.is-active p,.category-panel.is-active .read-more{opacity:1;max-height:120px}
    .awards{max-width:1180px;text-align:center;position:relative}.awards .headline{font-size:clamp(44px,5.4vw,76px);font-weight:500}.award-list{position:relative;margin-top:54px;text-align:left}.award-medal{position:absolute;left:54%;top:0;width:176px;height:176px;border-radius:50%;background:#2e3c40;color:white;display:grid;place-items:center;box-shadow:0 22px 52px rgba(27,35,41,.18);transform:translate(-50%,-50%) scale(.98);opacity:0;visibility:hidden;transition:top .42s,opacity .3s;z-index:3;pointer-events:none}.award-medal.is-visible{opacity:1;visibility:visible}.award-medal svg{width:82px;height:82px}.award-row{display:grid;grid-template-columns:110px 1fr 260px 44px;gap:28px;align-items:center;min-height:112px;border-bottom:1px solid var(--line);cursor:pointer}.award-row strong{font-size:clamp(24px,2.4vw,36px);font-weight:500;color:#07111a}.award-row .place{display:inline-flex;gap:10px}.award-row .arrow{justify-self:end;font-size:44px;color:#cbd0d4}.award-row.is-active{border-bottom-color:#07111a}.award-row.is-active .arrow{color:#273238;transform:translate(4px,-4px)}
    .portfolio-head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-bottom:42px}.portfolio-head .headline{font-size:clamp(46px,5.8vw,82px);font-weight:500;line-height:.98}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:34px;margin-top:76px}.portfolio-tabs button{border:0;border-bottom:1px solid transparent;background:transparent;padding:0 0 4px;color:#53606a;font-size:15px;cursor:pointer}.portfolio-tabs button.is-active{color:#050607;border-bottom-color:#050607}.more-works{align-self:end;min-height:52px;padding:0 28px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:34px}.work img{width:100%;display:block;aspect-ratio:1/1.02;object-fit:cover;filter:grayscale(12%)}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.work-tags span{display:inline-flex;min-height:38px;align-items:center;padding:0 20px;border:1px solid var(--line);border-radius:999px;color:#4f5a63;font-size:14px;background:#fff}.work h3{margin:20px 0 0;font-size:clamp(25px,2.2vw,36px);line-height:1.1;font-weight:500}
    .testimonial{position:relative;overflow:hidden;background:#eef5fa;text-align:center;padding:190px 28px 148px;min-height:820px;display:grid;align-items:center}.testimonial:before{content:"Feedback";position:absolute;left:50%;top:174px;transform:translateX(-50%);font-size:clamp(104px,22vw,300px);font-weight:900;color:rgba(255,255,255,.62);line-height:1;white-space:nowrap}.quote-seal{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:148px;height:148px;border-radius:50%;background:white;z-index:2}.quote-seal svg{width:100%;height:100%;display:block;overflow:visible}.quote-seal .seal-text{transform-origin:50% 50%;animation:spinSeal 18s linear infinite}@keyframes spinSeal{to{transform:rotate(360deg)}}.testimonial-content{position:relative;max-width:720px;margin:0 auto;z-index:1}.testimonial-content h3{margin:0;font-size:27px;font-weight:500}.testimonial-content .role{margin-top:4px;color:#75818b}.testimonial-content .bodycopy{margin:42px auto 0;max-width:650px;font-size:17px;color:#29343b}.avatar-row{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:54px}.avatar-row button{border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;position:relative}.avatar-row img{width:66px;height:66px;border-radius:50%;object-fit:cover;filter:grayscale(100%);display:block}.avatar-row button.is-active img{width:82px;height:82px;position:relative;z-index:2}.avatar-row button.is-active:after{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(#202930 var(--avatar-progress,0deg),rgba(32,41,48,.12) 0deg);animation:avatarProgress 5s linear infinite}@property --avatar-progress{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes avatarProgress{to{--avatar-progress:360deg}}.avatar-row button.is-active:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:#eef5fa;z-index:1}.logo-row{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:28px;padding:0 28px 24px;margin-top:-132px;position:relative;z-index:3}.logo-row div{min-height:108px;display:grid;place-items:center;background:#fff;border:1px solid rgba(220,231,239,.72);font-size:34px;font-weight:900;color:#202930;font-family:Georgia,'Times New Roman',serif}
    .team-band{background:#eef5fa}.team{max-width:1280px;margin:0 auto;padding:108px 28px 118px;text-align:center}.team .headline{font-size:clamp(46px,5.2vw,78px);line-height:1;font-weight:500}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:86px}.person{text-align:center}.portrait{position:relative;width:min(100%,280px);margin:0 auto}.portrait img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;filter:grayscale(100%);display:block}.portrait .globe{position:absolute;right:10px;bottom:18px;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(27,35,41,.08);display:grid;place-items:center;color:#1b2329}.portrait .globe svg{width:26px;height:26px}.person strong{display:block;margin-top:34px;font-size:24px;line-height:1.1;font-weight:500;color:#07111a}.person .muted{display:block;margin-top:8px;color:#65717b}
    .news-section{max-width:1280px}.news-section .headline{font-size:clamp(48px,6vw,88px);font-weight:500;line-height:1;margin-bottom:78px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-col{display:grid;gap:24px}.news-card{position:relative;background:#fff;color:#07111a}.news-card img{width:100%;aspect-ratio:1.58/1;object-fit:cover;display:block;filter:grayscale(8%)}.news-text{padding:28px 0 0}.news-card.dark,.news-card.soft{padding:36px 38px;min-height:182px}.news-card.dark{background:#1d282e;color:#fff}.news-card.soft{background:#f1f6fb}.news-meta{margin:0 0 16px;color:#8a949c;font-size:16px}.news-card.dark .news-meta{color:rgba(255,255,255,.62)}.news-card h3{margin:0;font-size:clamp(24px,2vw,31px);line-height:1.28;font-weight:500}.quote-mark{position:absolute;right:26px;top:12px;font-size:104px;line-height:1;font-weight:900;color:rgba(255,255,255,.28)}.news-card.soft .quote-mark{color:rgba(27,35,41,.08)}.news-arrow{width:42px;height:42px;border-radius:50%;background:#f1f6fb;display:grid;place-items:center;margin-top:70px;font-size:24px}
    footer{background:#eef5fa;border-top:1px solid #cbd6df;color:#1b2329}.footer-main{display:grid;grid-template-columns:1fr 1.5fr 1fr;min-height:430px;border-bottom:1px solid #cbd6df}.footer-panel{padding:104px 72px;border-right:1px solid #cbd6df}.footer-panel:last-child{border-right:0}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:18px;font-size:clamp(28px,2.4vw,40px);line-height:1.05;color:#686f75}.footer-links a{color:inherit;display:inline-block;width:max-content;border-bottom:2px solid transparent;transition:.25s}.footer-links a:hover,.footer-links a.is-active{color:#07111a;border-bottom-color:#07111a;transform:translateX(4px)}.footer-brand{text-align:center;display:grid;place-items:start center;align-content:start;gap:32px}.footer-logo{width:260px;max-height:100px;object-fit:contain;display:block;margin:0 auto}.footer-brand p{margin:0;max-width:360px;color:#6b737a;font-size:30px;line-height:1.28}.footer-legal h3{margin:0 0 44px;font-size:34px;font-weight:500}.footer-legal ul{list-style:none;padding:0;margin:0;display:grid;gap:20px;color:#56616a;font-size:16px}.footer-legal a{display:inline-block;color:inherit;transition:.25s}.footer-legal a:hover{color:#07111a;transform:translateX(4px)}.footer-bottom{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:48px;align-items:start;padding:44px 72px 34px}.socials{display:flex;gap:14px;align-items:center;margin-bottom:48px}.socials a{width:28px;height:28px;display:grid;place-items:center;color:#07111a;transition:.25s}.socials a:hover{transform:translateY(-4px);opacity:.72}.socials svg{width:24px;height:24px}.copyright{color:#59646d}.office h3{margin:0 0 16px;font-size:28px;font-weight:600}.office p{margin:0;color:#59646d}.to-top{position:fixed;right:24px;bottom:24px;z-index:50;width:46px;height:46px;border-radius:50%;background:#1d282e;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(27,35,41,.18);transition:.25s}.to-top:hover{transform:translateY(-4px);background:#07111a}.to-top svg{width:22px;height:22px}
    @media(max-width:980px){.navbar{grid-template-columns:1fr auto;height:86px}.navbar nav{display:none}.services-clean{grid-template-columns:1fr;gap:42px;padding-left:28px;padding-right:28px}.services-clean-copy{min-height:auto;gap:28px}.about-stats,.work-grid,.people,.news-grid,.footer-main,.footer-bottom{grid-template-columns:1fr}.about-feature{border-left:0;border-top:1px solid #d5dadd;padding-left:0}.category-strip{grid-template-columns:1fr!important}.category-panel,.category-content{min-height:220px}.category-panel p,.category-panel .read-more{opacity:1;max-height:none}.portfolio-head{grid-template-columns:1fr}.award-row{grid-template-columns:64px 1fr 34px}.award-row .place{display:none}.logo-row{grid-template-columns:1fr;margin-top:0;padding-top:20px}.footer-panel{border-right:0;border-bottom:1px solid #cbd6df;padding:56px 28px}.hero-inner{grid-template-columns:1fr;min-height:660px;padding-top:280px}.hero-badge{justify-self:start}.hero-title-track span{font-size:118px}}
    @media(max-width:680px){.services-clean-left{grid-template-columns:1fr}.service-rail{min-height:74px;grid-template-columns:auto 1fr;grid-template-rows:1fr;align-items:center;padding:0 20px}.rail-label{writing-mode:initial;transform:none;justify-self:end;font-size:18px}.topbar{display:none}.brand-logo img{width:220px}.section{padding:64px 20px}.portfolio-tabs{gap:20px}.avatar-row{gap:14px;flex-wrap:wrap}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.hero-title-track,.quote-seal .seal-text,.avatar-row button.is-active:after{animation:none}.reveal{opacity:1;transform:none}}
  
    .service-rail { border: 0; cursor: pointer; transition: background .25s ease, color .25s ease, transform .25s ease; }
    .service-rail:hover, .service-rail.is-active { background: #050607; color: #fff; transform: translateY(-4px); }
    .service-showcase { transition: opacity .25s ease, transform .25s ease; }
    .service-showcase.is-changing { opacity: .35; transform: translateY(10px); }
    /* Stable Our Services tabs */
    .services-clean-left{grid-template-columns:88px 88px 88px minmax(320px,1fr) !important;align-items:stretch}
    .services-clean-left .service-rail{display:grid !important;grid-row:1 !important;transition:background .25s ease,color .25s ease,transform .25s ease}
    .services-clean-left .service-rail[data-clean-service="0"]{grid-column:1 !important}
    .services-clean-left .service-rail[data-clean-service="1"]{grid-column:2 !important}
    .services-clean-left .service-rail[data-clean-service="2"]{grid-column:3 !important}
    .services-clean-left .service-showcase{grid-column:4 !important;grid-row:1 !important}
    .service-rail.is-active{background:#050607 !important;color:#fff !important;transform:translateY(-4px)}
    .service-rail:hover{background:#e8f0f6;transform:translateY(-4px)}
    .service-rail.is-active:hover{background:#050607}
    @media(max-width:980px){.services-clean{grid-template-columns:1fr}.services-clean-left{grid-template-columns:74px 74px 74px minmax(260px,1fr) !important;gap:16px}.rail-label{font-size:18px}.services-clean-copy{min-height:auto}.services-clean-copy h2{font-size:44px}}
    @media(max-width:680px){.services-clean-left{grid-template-columns:1fr 1fr 1fr !important;min-height:auto}.services-clean-left .service-rail{min-height:96px;padding:18px 0}.services-clean-left .service-showcase{grid-column:1 / -1 !important;grid-row:2 !important}.rail-label{writing-mode:initial;transform:none;font-size:14px}.rail-num{font-size:22px}.service-showcase{min-height:520px}}
    /* Latest News hover states */
    .news-card{cursor:pointer;transition:transform .35s ease,color .25s ease,background .25s ease,box-shadow .35s ease;overflow:hidden}
    .news-card img{transition:transform .65s ease,filter .35s ease}
    .news-card:hover{transform:translateY(-8px)}
    .news-card:hover img{transform:scale(1.055);filter:grayscale(0%)}
    .news-card.dark:hover{background:#07111a;box-shadow:0 22px 48px rgba(7,17,26,.16)}
    .news-card.soft:hover{background:#e8f0f6;box-shadow:0 18px 38px rgba(27,35,41,.08)}
    .news-card h3{transition:transform .3s ease,color .25s ease}
    .news-card:hover h3{transform:translateX(8px)}
    .news-arrow{transition:background .28s ease,color .28s ease,transform .28s ease}
    .news-card:hover .news-arrow{background:#07111a;color:#fff;transform:translateX(8px)}
    .quote-mark{transition:opacity .28s ease,transform .35s ease}
    .news-card:hover .quote-mark{opacity:.72;transform:translate(-4px,-4px)}
    /* Team hover states */
    .person{cursor:pointer;transition:transform .32s ease}
    .portrait{transition:transform .38s ease}
    .portrait img{transition:transform .55s ease,filter .38s ease,box-shadow .38s ease}
    .portrait .globe{transition:transform .32s ease,background .28s ease,color .28s ease,box-shadow .32s ease}
    .person strong,.person .muted{transition:transform .28s ease,color .28s ease}
    .person:hover{transform:translateY(-8px)}
    .person:hover .portrait{transform:scale(1.015)}
    .person:hover .portrait img{filter:grayscale(18%);transform:scale(1.045);box-shadow:0 26px 58px rgba(27,35,41,.14)}
    .person:hover .portrait .globe{background:#07111a;color:#fff;transform:translate(6px,-6px) rotate(12deg);box-shadow:0 18px 36px rgba(7,17,26,.2)}
    .person:hover strong{color:#050607;transform:translateY(2px)}
    .person:hover .muted{color:#37434b;transform:translateY(2px)}
    /* Top language switch */
    .language-switch{display:flex;align-items:center;gap:10px;font-weight:800;color:#8a949c;letter-spacing:.02em}
    .language-switch a{position:relative;color:inherit;transition:color .25s ease,transform .25s ease}
    .language-switch a:hover,.language-switch a.is-active{color:#07111a;transform:translateY(-1px)}
    .language-switch a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s ease}
    .language-switch a:hover:after,.language-switch a.is-active:after{transform:scaleX(1);transform-origin:left}
    .language-switch span{color:#c0c8ce;font-weight:500}
    /* Dark Meet Our Legends section */
    .team-band{background:#050607 !important;color:#fff}
    .team-band .eyebrow{color:#9aa6ad}
    .team-band .headline,.team-band .person strong{color:#fff}
    .team-band .person .muted{color:rgba(255,255,255,.64)}
    .team-band .portrait .globe{background:#fff;color:#07111a}
    .team-band .person:hover .portrait .globe{background:#fff;color:#07111a;box-shadow:0 18px 36px rgba(255,255,255,.14)}
    .team-band .person:hover strong{color:#fff}
    .team-band .person:hover .muted{color:rgba(255,255,255,.82)}
    .team-band .person:hover .portrait img{box-shadow:0 28px 64px rgba(255,255,255,.08)}
    /* Smooth scroll and custom scrollbar */
    html{scroll-behavior:smooth;scroll-padding-top:124px}
    body{scrollbar-width:thin;scrollbar-color:#1b2329 #eef5fa}
    ::-webkit-scrollbar{width:12px;height:12px}
    ::-webkit-scrollbar-track{background:#eef5fa}
    ::-webkit-scrollbar-thumb{background:#1b2329;border:3px solid #eef5fa;border-radius:999px}
    ::-webkit-scrollbar-thumb:hover{background:#050607}
    ::-webkit-scrollbar-corner{background:#eef5fa}
    /* Contact section */
    .contact-section{max-width:none;width:100%;background:#eef5fa;padding:112px max(42px,calc((100vw - 1360px)/2));position:relative;overflow:hidden;border-top:1px solid #dce6ee}
    .contact-section:before{content:"";position:absolute;left:6vw;top:62px;width:min(420px,34vw);height:min(420px,34vw);background:url("brand/assets/diworkin-logo-final.svg") center/contain no-repeat;opacity:.045;pointer-events:none}
    .contact-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,1fr) minmax(440px,620px);gap:86px;align-items:center}
    .contact-info h2{margin:0;font-size:clamp(42px,4.2vw,64px);line-height:1.05;font-weight:500;color:#07111a}
    .contact-info>p{max-width:460px;margin:20px 0 56px;color:#26323a;font-size:17px;line-height:1.55}
    .contact-details{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:36px 58px;max-width:620px}
    .contact-detail h3{margin:0 0 12px;font-size:22px;font-weight:500;color:#07111a}
    .contact-detail p,.contact-detail a{margin:0;color:#5d6973;font-size:16px;line-height:1.55}
    .contact-social{display:flex;gap:16px;align-items:center}.contact-social a{width:28px;height:28px;display:grid;place-items:center;color:#5d6973;transition:.25s}.contact-social a:hover{color:#07111a;transform:translateY(-3px)}.contact-social svg{width:22px;height:22px}
    .contact-card{background:#fff;padding:58px 54px 48px;box-shadow:0 34px 80px rgba(27,35,41,.08)}
    .contact-card h2{margin:0 0 42px;font-size:clamp(30px,2.7vw,42px);line-height:1.22;font-weight:500;color:#07111a}.contact-card h2 span{color:#a3abb2}
    .contact-form{display:grid;gap:22px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #d9dee2;background:transparent;border-radius:0;padding:0 0 16px;color:#07111a;font:inherit;font-size:16px;outline:none;transition:border-color .25s ease}.contact-form textarea{min-height:132px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:#07111a}.contact-form button{min-height:60px;margin-top:16px;border:0;background:#1d282e;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:background .25s ease,transform .25s ease}.contact-form button:hover{background:#050607;transform:translateY(-3px)}
    @media(max-width:980px){.contact-wrap{grid-template-columns:1fr;gap:54px}.contact-card{padding:42px 32px}.contact-section{padding-left:28px;padding-right:28px}.contact-section:before{width:260px;height:260px;left:-24px;top:36px}}
    @media(max-width:680px){.contact-details{grid-template-columns:1fr}.contact-section{padding:72px 20px}.contact-card{padding:34px 24px}.contact-card h2{font-size:30px}}
    /* FAQ section */
    .faq-section{max-width:none;width:100%;padding:96px max(42px,calc((100vw - 1360px)/2)) 112px;background:#fff;position:relative;overflow:hidden}
    .faq-section:before{content:"";position:absolute;inset:220px -8vw 70px 42vw;background:repeating-radial-gradient(ellipse at center,rgba(27,35,41,.055) 0 1px,transparent 1px 14px);opacity:.5;transform:rotate(-7deg);pointer-events:none}
    .faq-head{text-align:center;margin-bottom:78px;position:relative;z-index:1}.faq-head .eyebrow{color:#6a7279;text-transform:none;font-weight:500;letter-spacing:0}.faq-head h2{margin:8px 0 0;font-size:clamp(46px,5.4vw,76px);line-height:1;font-weight:500;color:#1b2329}
    .faq-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,680px) minmax(420px,1fr);gap:92px;align-items:center}.faq-visual{position:relative}.faq-visual img{width:100%;aspect-ratio:1.2/1;object-fit:cover;display:block;filter:grayscale(8%)}
    .faq-seal{position:absolute;left:-82px;top:58px;width:158px;height:158px;border-radius:50%;background:#fff;color:#1b2329;box-shadow:0 16px 42px rgba(27,35,41,.08);display:grid;place-items:center}.faq-seal svg{width:100%;height:100%;overflow:visible}.faq-seal .seal-text{transform-origin:50% 50%;animation:spinSeal 18s linear infinite}
    .faq-list{display:grid}.faq-item{border-top:1px solid #1b2329}.faq-item:last-child{border-bottom:1px solid #d9dee2}.faq-question{width:100%;min-height:70px;border:0;background:transparent;padding:0 26px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#1b2329;font-size:22px;font-weight:500;cursor:pointer}.faq-question svg{width:22px;height:22px;flex:0 0 auto;transition:transform .28s ease}.faq-item.is-open .faq-question svg{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease;background:#fff}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 26px 28px;color:#4f5a63;font-size:17px;line-height:1.58}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open{box-shadow:0 22px 48px rgba(27,35,41,.06)}
    @media(max-width:980px){.faq-wrap{grid-template-columns:1fr;gap:48px}.faq-section{padding-left:28px;padding-right:28px}.faq-seal{left:24px;top:-52px;width:124px;height:124px}.faq-section:before{inset:280px -20vw 80px 0}}
    @media(max-width:680px){.faq-section{padding:72px 20px}.faq-head{margin-bottom:48px}.faq-question{font-size:18px;padding:0 16px}.faq-answer p{padding:0 16px 24px}.faq-seal{width:104px;height:104px}}
    /* Animated custom cursor */
    .cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;border-radius:50%;transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .25s ease,width .25s ease,height .25s ease,border-color .25s ease,background .25s ease;mix-blend-mode:difference}
    .cursor-dot{width:8px;height:8px;background:#fff}
    .cursor-dot:before,.cursor-dot:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.8);border-radius:50%;animation:cursorAtom 1.7s linear infinite}
    .cursor-dot:after{inset:-12px;animation-duration:2.35s;animation-direction:reverse;opacity:.55}
    .cursor-ring{width:42px;height:42px;border:1px solid rgba(255,255,255,.78)}
    body.cursor-ready .cursor-dot,body.cursor-ready .cursor-ring{opacity:1}
    body.cursor-hover .cursor-ring{width:66px;height:66px;border-color:#fff;background:rgba(255,255,255,.08)}
    body.cursor-hover .cursor-dot{width:6px;height:6px}
    @keyframes cursorAtom{to{transform:rotate(360deg) scale(1.08)}}
    @media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}
    /* Hero readability adjustment */
    .hero h1{max-width:760px !important;font-size:clamp(42px,4.7vw,64px) !important;line-height:1.08 !important}
    .hero-inner{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr) !important}
    .hero-badge{width:360px !important;font-size:20px !important;line-height:1.45 !important}
    @media(max-width:980px){.hero h1{max-width:720px !important;font-size:clamp(40px,8vw,58px) !important}.hero-inner{grid-template-columns:1fr !important}.hero-badge{width:min(100%,420px) !important;font-size:18px !important}}
    @media(max-width:680px){.hero h1{font-size:42px !important;line-height:1.1 !important}.hero-badge{font-size:16px !important}}
    /* Responsive navigation */
    .mobile-menu-toggle{display:none;justify-self:end;width:48px;height:48px;border:1px solid var(--line);background:#fff;color:#07111a;place-items:center;gap:5px;padding:0;cursor:pointer;position:relative;z-index:31}
    .mobile-menu-toggle span{display:block;width:22px;height:2px;background:currentColor;transition:transform .28s ease,opacity .28s ease}
    body.nav-open .mobile-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
    body.nav-open .mobile-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
    @media(max-width:980px){
      .topbar{height:auto;min-height:40px;padding:8px 20px}.topbar nav{display:none}.language-switch{margin-left:auto}
      .navbar{grid-template-columns:auto 1fr auto !important;height:88px;padding:0 20px}.logo-text{display:none}.brand-logo{justify-self:start}.brand-logo img{width:230px;max-height:78px}.mobile-menu-toggle{display:grid}.navbar .nav-right{position:fixed;left:20px;right:20px;top:136px;z-index:30;display:grid !important;gap:0;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(27,35,41,.14);padding:10px;opacity:0;visibility:hidden;transform:translateY(-14px);pointer-events:none;transition:opacity .28s ease,visibility .28s ease,transform .28s ease}.navbar .nav-right a{display:flex;align-items:center;min-height:58px;padding:0 18px;border-bottom:1px solid var(--line);font-size:18px}.navbar .nav-right a:last-child{border-bottom:0}.navbar .nav-right a:after{display:none}.navbar .nav-right a:hover,.navbar .nav-right a.is-active{background:#f1f6fb;color:#07111a}.navbar .nav-right a.is-active{font-weight:900}body.nav-open .navbar .nav-right{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}body.nav-open{overflow:hidden}
    }
    @media(max-width:680px){.navbar{height:78px;padding:0 16px}.brand-logo img{width:190px}.mobile-menu-toggle{width:44px;height:44px}.navbar .nav-right{left:14px;right:14px;top:88px}.topbar{display:flex !important}.language-switch{font-size:14px}}
    /* Mobile nav correction */
    @media(max-width:980px){
      .topbar{display:flex;min-height:38px;padding:7px 18px}.topbar nav{display:none}.language-switch{margin-left:auto}
      .navbar{grid-template-columns:minmax(0,1fr) auto !important;height:86px;padding:0 18px !important;gap:16px}
      .navbar .logo-text{display:none !important}
      .navbar .brand-logo{grid-column:1 !important;justify-self:start !important;place-items:center start !important;width:auto;max-width:220px;overflow:hidden}
      .navbar .brand-logo img{width:170px !important;max-width:170px;max-height:76px !important;object-fit:contain;object-position:left center}
      .mobile-menu-toggle{grid-column:2 !important;display:grid !important;align-self:center;justify-self:end;width:46px;height:46px;border-color:#07111a;background:#fff}
      .navbar .nav-right{top:124px !important;left:18px !important;right:18px !important;border-color:#dce4ea}
    }
    @media(max-width:680px){
      .topbar{display:flex !important;min-height:36px;padding:6px 16px}
      .navbar{height:78px;padding:0 16px !important}
      .navbar .brand-logo{max-width:170px}
      .navbar .brand-logo img{width:136px !important;max-width:136px;max-height:64px !important}
      .mobile-menu-toggle{width:44px;height:44px}
      .navbar .nav-right{top:114px !important;left:14px !important;right:14px !important}
    }
    /* Hamburger precise correction */
    .mobile-menu-toggle{position:relative !important;display:none;place-items:center !important;border-radius:4px}
    .mobile-menu-toggle span{position:absolute !important;left:50% !important;top:50% !important;width:22px !important;height:2px !important;background:#07111a !important;transform-origin:center !important;margin:0 !important}
    .mobile-menu-toggle span:first-child{transform:translate(-50%,-5px) !important}
    .mobile-menu-toggle span:last-child{transform:translate(-50%,5px) !important}
    body.nav-open .mobile-menu-toggle span:first-child{transform:translate(-50%,-50%) rotate(45deg) !important}
    body.nav-open .mobile-menu-toggle span:last-child{transform:translate(-50%,-50%) rotate(-45deg) !important}
    @media(max-width:980px){.mobile-menu-toggle{display:grid !important}.navbar .nav-right{max-height:calc(100vh - 150px);overflow:auto}}
    @media(max-width:680px){.navbar .nav-right{top:114px !important;max-height:calc(100vh - 130px)}}
    /* Case study hover states */
    .work{cursor:pointer;transition:transform .35s ease}
    .work img{transition:transform .65s ease,filter .35s ease,box-shadow .35s ease}
    .work-tags span{transition:background .28s ease,color .28s ease,border-color .28s ease,transform .28s ease}
    .work h3{transition:transform .3s ease,color .28s ease}
    .work:hover{transform:translateY(-8px)}
    .work:hover img{transform:scale(1.035);filter:grayscale(0%);box-shadow:0 24px 54px rgba(27,35,41,.14)}
    .work:hover .work-tags span{background:#07111a;color:#fff;border-color:#07111a;transform:translateY(-2px)}
    .work:hover h3{transform:translateX(8px);color:#050607}
    /* Hero marquee outline and crop safety */
    .hero{overflow:hidden !important}
    .hero-title-marquee{left:-8vw !important;right:-8vw !important;top:126px !important;overflow:visible !important}
    .hero-title-track span{-webkit-text-stroke:2px rgba(27,35,41,.34);color:transparent !important;text-shadow:none;font-size:clamp(112px,15vw,240px) !important;line-height:.82 !important;opacity:.72}
    .hero-title-track{animation-duration:118s !important}
    @media(max-width:980px){.hero-title-marquee{top:122px !important}.hero-title-track span{font-size:clamp(88px,18vw,150px) !important;-webkit-text-stroke:1.4px rgba(27,35,41,.28)}}
    @media(max-width:680px){.hero-title-marquee{top:102px !important;left:-16vw !important;right:-16vw !important}.hero-title-track span{font-size:92px !important;-webkit-text-stroke:1.2px rgba(27,35,41,.24);opacity:.6}.hero h1{font-size:38px !important;max-width:100% !important}}
    /* Capability marquee outline */
    .marquee span{-webkit-text-stroke:1.4px rgba(255,255,255,.9);color:transparent !important;text-shadow:none}
    .marquee span:after{background:#fff;opacity:.9}
    @media(max-width:680px){.marquee span{-webkit-text-stroke:1px rgba(255,255,255,.88)}}

/* Portfolio section inspired by editorial work grids */
.portfolio-section{padding-top:112px;padding-bottom:126px;background:#fff;color:#07111a}
.portfolio-intro{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(320px,1fr);gap:48px;align-items:start;margin-bottom:92px}
.portfolio-kicker{margin:10px 0 0;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;color:#53606a}
.portfolio-title{margin:0;max-width:620px;font-size:clamp(42px,4.8vw,74px);line-height:.98;font-weight:700;letter-spacing:0;color:#101418}
.portfolio-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 18px}
.portfolio-card{min-width:0}
.portfolio-card img{display:block;width:100%;aspect-ratio:1/1.24;object-fit:cover;border-radius:18px;background:#eef3f6;transition:transform .45s ease,filter .45s ease;filter:saturate(.96) contrast(1.02)}
.portfolio-card:hover img{transform:translateY(-6px);filter:saturate(1.06) contrast(1.05)}
.portfolio-card h3{margin:18px 0 0;font-size:17px;line-height:1.2;font-weight:800;color:#101418;letter-spacing:0}
.portfolio-card p{margin:6px 0 0;font-size:12px;line-height:1.45;color:#7c858c}
@media(max-width:980px){.portfolio-section{padding-top:82px;padding-bottom:92px}.portfolio-intro{grid-template-columns:1fr;gap:20px;margin-bottom:52px}.portfolio-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 16px}.portfolio-title{max-width:760px}}
@media(max-width:680px){.portfolio-section{padding-left:20px;padding-right:20px}.portfolio-showcase{grid-template-columns:1fr}.portfolio-card img{aspect-ratio:1/.9;border-radius:14px}.portfolio-card h3{font-size:16px}}

.award-row .place{align-items:center}
.inline-pin{width:17px;height:17px;flex:none;color:#74808a}
.award-arrow-icon{width:28px;height:28px;display:block}
.award-row .arrow{display:grid;place-items:center;transition:transform .25s ease,color .25s ease}

.portfolio-title{font-weight:500 !important;font-size:clamp(46px,5.2vw,78px) !important;line-height:1 !important;letter-spacing:0 !important;color:#07111a !important}

.portfolio-section{max-width:none !important;width:100% !important;padding-left:28px !important;padding-right:28px !important}
.portfolio-intro{max-width:1180px;margin-left:auto;margin-right:auto}
.portfolio-showcase{width:100%;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important;align-items:start;transition:grid-template-columns .55s cubic-bezier(.2,.8,.2,1)}
.portfolio-showcase:has(.portfolio-card:nth-child(3n+1):hover){grid-template-columns:2.35fr 1fr 1fr !important}
.portfolio-showcase:has(.portfolio-card:nth-child(3n+2):hover){grid-template-columns:1fr 2.35fr 1fr !important}
.portfolio-showcase:has(.portfolio-card:nth-child(3n):hover){grid-template-columns:1fr 1fr 2.35fr !important}
.portfolio-card{overflow:visible}
.portfolio-card img{aspect-ratio:1/1.08 !important;border-radius:20px !important;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease,box-shadow .45s ease !important}
.portfolio-card:hover img{transform:none !important;box-shadow:0 24px 60px rgba(27,35,41,.16);filter:saturate(1.08) contrast(1.04) !important}
.portfolio-card h3{font-size:18px !important;margin-top:20px !important}
@media(max-width:980px){.portfolio-section{padding-left:20px !important;padding-right:20px !important}.portfolio-showcase,.portfolio-showcase:has(.portfolio-card:hover){grid-template-columns:repeat(2,minmax(0,1fr)) !important}.portfolio-card img{aspect-ratio:1/1.08 !important}}
@media(max-width:680px){.portfolio-showcase,.portfolio-showcase:has(.portfolio-card:hover){grid-template-columns:1fr !important}.portfolio-card img{aspect-ratio:1/.9 !important}}

.portfolio-card img{height:560px !important;aspect-ratio:auto !important}
@media(max-width:1280px){.portfolio-card img{height:500px !important}}
@media(max-width:980px){.portfolio-card img{height:420px !important;aspect-ratio:auto !important}}
@media(max-width:680px){.portfolio-card img{height:360px !important;aspect-ratio:auto !important}}

.portfolio-showcase{display:grid !important;grid-template-columns:1fr !important;gap:44px !important}
.portfolio-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;transition:grid-template-columns .55s cubic-bezier(.2,.8,.2,1)}
.portfolio-row:has(.portfolio-card:nth-child(1):hover){grid-template-columns:2.35fr 1fr 1fr}
.portfolio-row:has(.portfolio-card:nth-child(2):hover){grid-template-columns:1fr 2.35fr 1fr}
.portfolio-row:has(.portfolio-card:nth-child(3):hover){grid-template-columns:1fr 1fr 2.35fr}
@media(max-width:980px){.portfolio-showcase{gap:34px !important}.portfolio-row,.portfolio-row:has(.portfolio-card:hover){grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:680px){.portfolio-row,.portfolio-row:has(.portfolio-card:hover){grid-template-columns:1fr !important}}

.portfolio-showcase:has(.portfolio-card:nth-child(3n+1):hover),
.portfolio-showcase:has(.portfolio-card:nth-child(3n+2):hover),
.portfolio-showcase:has(.portfolio-card:nth-child(3n):hover){grid-template-columns:1fr !important}
.portfolio-row{grid-template-columns:1fr 1fr 1fr !important}
.portfolio-row:has(.portfolio-card:nth-child(1):hover){grid-template-columns:2.35fr 1fr 1fr !important}
.portfolio-row:has(.portfolio-card:nth-child(2):hover){grid-template-columns:1fr 2.35fr 1fr !important}
.portfolio-row:has(.portfolio-card:nth-child(3):hover){grid-template-columns:1fr 1fr 2.35fr !important}

.hscroll-section{position:relative;max-width:none;width:100%;height:320vh;background:#07111a;color:#fff;padding:0;overflow:visible}
.hscroll-sticky{position:sticky;top:0;height:100vh;display:grid;align-content:center;overflow:hidden;padding:88px 0}
.hscroll-heading{width:min(1180px,calc(100% - 56px));margin:0 auto 42px;display:grid;grid-template-columns:minmax(180px,.58fr) minmax(360px,1fr);gap:42px;align-items:start}
.hscroll-heading .eyebrow{color:rgba(255,255,255,.62);margin-top:8px}
.hscroll-heading h2{margin:0;max-width:780px;font-size:clamp(42px,5vw,78px);font-weight:500;line-height:1;color:#fff}
.hscroll-viewport{overflow:visible;width:100%}
.hscroll-track{display:flex;gap:22px;width:max-content;will-change:transform;transform:translate3d(var(--hscroll-x,0px),0,0);transition:transform .08s linear;padding:0 28px}
.hscroll-card{width:min(37vw,560px);min-width:420px;display:grid;gap:20px;flex:none}
.hscroll-card.is-wide{width:min(52vw,780px);min-width:560px}
.hscroll-card img{display:block;width:100%;height:52vh;min-height:390px;max-height:560px;object-fit:cover;border-radius:22px;background:#101820;filter:saturate(.95) contrast(1.03)}
.hscroll-card h3{margin:8px 0 0;font-size:clamp(24px,2.1vw,36px);line-height:1.08;font-weight:500;color:#fff}
.hscroll-card p{margin:9px 0 0;max-width:460px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.45}
.hscroll-card span{display:block;color:rgba(255,255,255,.46);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:980px){.hscroll-section{height:auto;padding:82px 20px}.hscroll-sticky{position:relative;height:auto;padding:0;overflow:visible}.hscroll-heading{width:100%;grid-template-columns:1fr;margin-bottom:36px}.hscroll-track{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:0;transform:none !important}.hscroll-card,.hscroll-card.is-wide{width:auto;min-width:0}.hscroll-card img{height:360px;min-height:0}}
@media(max-width:680px){.hscroll-track{grid-template-columns:1fr}.hscroll-card img{height:330px;border-radius:16px}.hscroll-heading h2{font-size:42px}}

.hscroll-text-section{background:#f4f7f9 !important;color:#07111a !important;height:300vh}
.hscroll-text-section .hscroll-sticky{padding:96px 0;background:#f4f7f9}
.hscroll-text-section .hscroll-heading .eyebrow{color:#60707a}
.hscroll-text-section .hscroll-heading h2{color:#07111a}
.hscroll-text-track{align-items:stretch;gap:24px;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:28px}
.hscroll-text-card{position:relative;width:min(62vw,860px);min-width:620px;min-height:410px;flex:none;display:grid;align-content:space-between;border:1px solid #d5dfe7;background:#fff;padding:44px 46px;border-radius:0;color:#07111a;overflow:hidden}
.hscroll-text-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#07111a;transform:scaleX(.18);transform-origin:left;transition:transform .45s ease}
.hscroll-text-card:hover:before{transform:scaleX(1)}
.hscroll-text-card span{display:block;color:#9aa6ad;font-size:clamp(72px,8vw,136px);line-height:.78;font-weight:700;letter-spacing:0;text-transform:none}
.hscroll-text-card h3{margin:72px 0 0;max-width:680px;font-size:clamp(48px,5.8vw,92px);line-height:.92;font-weight:500;color:#07111a;letter-spacing:0}
.hscroll-text-card p{margin:24px 0 0;max-width:560px;color:#56636c;font-size:18px;line-height:1.55}
@media(max-width:980px){.hscroll-text-section{height:auto;padding:82px 20px}.hscroll-text-section .hscroll-sticky{padding:0}.hscroll-text-track{display:grid;grid-template-columns:1fr;width:100%;padding:0;gap:18px}.hscroll-text-card{width:auto;min-width:0;min-height:300px;padding:34px 28px}.hscroll-text-card h3{margin-top:48px;font-size:clamp(38px,10vw,64px)}.hscroll-text-card span{font-size:76px}}

.hscroll-text-section .hscroll-heading{width:100% !important;max-width:1180px !important;padding-left:28px !important;padding-right:28px !important;box-sizing:border-box !important;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr) !important;overflow:visible !important}
.hscroll-text-section .hscroll-heading h2{max-width:760px !important;overflow-wrap:break-word !important;text-wrap:balance}
@media(max-width:980px){.hscroll-text-section .hscroll-heading{padding-left:0 !important;padding-right:0 !important;grid-template-columns:1fr !important}.hscroll-text-section .hscroll-heading h2{max-width:100% !important}}

.hscroll-text-section .hscroll-sticky{position:sticky !important;align-content:start !important;padding-top:0 !important;padding-bottom:0 !important;overflow:hidden !important}
.hscroll-text-section .hscroll-heading{position:absolute !important;z-index:4 !important;top:72px !important;left:0 !important;right:0 !important;width:100% !important;max-width:none !important;margin:0 !important;padding-left:max(28px,calc((100vw - 1180px)/2)) !important;padding-right:max(28px,calc((100vw - 1180px)/2)) !important;display:grid !important;grid-template-columns:minmax(150px,.36fr) minmax(0,640px) !important;gap:42px !important;box-sizing:border-box !important;pointer-events:none}
.hscroll-text-section .hscroll-heading .eyebrow{margin:8px 0 0 !important;white-space:normal !important;text-align:left !important;overflow:visible !important}
.hscroll-text-section .hscroll-heading h2{max-width:640px !important;font-size:clamp(36px,4vw,58px) !important;line-height:1.03 !important;overflow:visible !important;text-wrap:balance}
.hscroll-text-section .hscroll-viewport{padding-top:310px !important;box-sizing:border-box !important}
@media(max-width:980px){.hscroll-text-section .hscroll-heading{position:relative !important;top:auto !important;left:auto !important;right:auto !important;padding-left:0 !important;padding-right:0 !important;grid-template-columns:1fr !important;margin-bottom:36px !important}.hscroll-text-section .hscroll-viewport{padding-top:0 !important}.hscroll-text-section .hscroll-heading h2{font-size:clamp(38px,10vw,64px) !important;max-width:100% !important}}