:root{--live-max:1320px;--display:"Funnel Display",sans-serif;--text:"Inter",sans-serif}body{background:#f5f5f5;font-family:var(--text);color:#0a0a0a}.page-shell{width:min(calc(100% - 30px),var(--live-max));margin-inline:auto}.site-header{position:relative;background:#fff;color:#0a0a0a;border:0;font-family:var(--display)}.site-header.scrolled{position:sticky;top:0;transform:none;background:#fff;box-shadow:0 10px 15px rgba(0,0,0,.03)}.header-inner{height:74px;width:min(calc(100% - 30px),1880px);gap:20px;padding:0 15px}.brand{width:auto;filter:none;flex:1}.brand img{width:auto;max-height:24px}.site-nav{margin:0;gap:70px;flex:1;justify-content:center}.site-nav a{font-family:var(--display);font-size:14px;font-weight:400;line-height:74px}.site-nav a:after{bottom:18px;height:1px}.header-phone{font-family:var(--text);font-size:14px;line-height:24px;border-right:1px solid #e3e3e3;padding-right:20px;margin-right:0}.header-phone span{color:#999}.panel-trigger{width:28px;height:28px;border:0;background:none;display:grid;grid-template-columns:repeat(3,3px);gap:4px;align-content:center;justify-content:center;padding:0}.panel-trigger i{width:3px;height:3px;background:#111;border-radius:50%}.panel-trigger i:nth-child(4){grid-column:2}.panel-trigger i:nth-child(5){grid-column:3}.live-hero{position:relative;width:calc(100% - 40px);height:897px;margin:0 20px;border-radius:20px;overflow:hidden;color:#fff}.live-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-hero-shade{position:absolute;inset:0;background:#0006}.live-hero h1{position:absolute;left:80px;bottom:80px;margin:0;font-family:var(--display);font-size:62px;line-height:1;letter-spacing:-2.88px;font-weight:400;color:#ffffffab}.live-hero h1 span{display:block;font-size:85px;letter-spacing:-2.5px;color:#fff;margin-bottom:-7px}.live-hero p{position:absolute;right:80px;bottom:80px;width:500px;font-family:var(--text);font-size:18px;font-weight:400;line-height:1.556;color:#ffffffbf;margin:0}.live-hero p strong{color:#fff;font-weight:400}.home-intro{display:grid;grid-template-columns:1fr 1fr;margin-top:120px;align-items:start;padding:0 15px}.intro-note{font-family:var(--text);font-size:18px;font-weight:400;line-height:1.556;color:#666}.round-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ddd;border-radius:50%;font-family:var(--display);font-size:20px;margin-bottom:18px}.intro-note p{max-width:300px}.home-intro h2{font-family:var(--display);font-size:48px;font-weight:400;line-height:1;letter-spacing:-1.44px;margin:12px 0 0}.home-intro h2 span{color:#bbb}.metric-mosaic{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;margin-top:95px;padding:0 15px}.metric-mosaic article{border-radius:20px;min-height:500px}.metric-count,.metric-social{background:#fff;padding:30px}.metric-count{display:flex;flex-direction:column}.metric-count strong{font-family:var(--display);font-size:100px;line-height:1;letter-spacing:-3px;font-weight:400;padding-bottom:30px;border-bottom:1px solid #e5e5e5}.metric-count strong span{color:#ddd}.metric-count small{font:400 14px/1 var(--text);margin:10px 0 auto}.metric-count p{font:700 18px/1.556 var(--text);color:#666}.metric-count b{font:400 14px/1 var(--display);margin-top:20px}.metric-visual{background:#0a0a0a;color:#fff;position:relative;overflow:hidden;padding:40px}.metric-visual img{position:absolute;width:auto;max-height:701px;left:0;bottom:0}.metric-visual p{position:absolute;left:40px;bottom:40px;width:72%;font:400 24px/1.4167 var(--display);letter-spacing:-.72px}.metric-social{display:flex;flex-direction:column}.metric-social>p{font:400 20px/1 var(--display);letter-spacing:-.6px;margin:0 0 28px}.metric-social>a{font:400 14px/1 var(--text);margin-bottom:55px;color:#999}.skill-bars{margin-top:auto}.skill-bars div{font:400 11px/1 var(--text);border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:7px 0;position:relative}.skill-bars div:after{content:"";position:absolute;left:0;bottom:-1px;height:4px;background:#0a0a0a;width:100%;border-radius:3px}.brand-marquee{overflow:hidden;margin:110px 0 105px;white-space:nowrap}.brand-marquee div{font:400 clamp(90px,9vw,140px)/1 var(--display);letter-spacing:-4px;color:#e5e5e5;transform:translateX(-5%)}.brand-marquee i{font-style:normal;color:#666}.portfolio-section .label-line,.services-intro .label-line,.home-faq .label-line{border-bottom:1px solid #e5e5e5;padding-bottom:16px;font:400 10px/1 var(--text);text-transform:uppercase}.portfolio-section>h2{text-align:center;font:400 48px/1 var(--display);letter-spacing:-1.44px;margin:48px 0 65px}.live-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-project-grid a{height:450px;position:relative;border-radius:20px;overflow:hidden;color:#fff}.live-project-grid a:nth-child(3){grid-column:1/-1;height:600px}.live-project-grid img{width:100%;height:100%;object-fit:cover}.live-project-grid span{position:absolute;left:30px;bottom:25px;font:400 14px/1 var(--display)}.circle-link{display:flex;align-items:center;justify-content:center;gap:10px;font:400 10px/1 var(--text);margin:18px auto 0}.circle-link b,.mini-button b,.home-form button b{display:grid;place-items:center;width:28px;height:28px;background:#000;color:#fff;border-radius:50%}.services-intro{margin-top:107px;padding:0 15px}.services-intro>div:last-child{display:flex;justify-content:space-between;align-items:end;margin-top:45px}.services-intro h2{font:400 32px/1.1 var(--display);letter-spacing:-.96px;max-width:580px;margin:0}.mini-button{display:flex;align-items:center;gap:8px;font:400 10px/1 var(--text)}.service-cards{margin-top:80px;display:grid;gap:10px}.service-panel{min-height:650px;border-radius:20px;background:#fff;padding:45px 55px;display:grid;grid-template-columns:1fr 1.2fr}.service-number{font:400 100px/1 var(--display);color:#fff;-webkit-text-stroke:1px #e5e5e5}.service-panel-content h2{font:400 32px/1 var(--display);letter-spacing:-.96px;text-align:right;margin:0 0 42px}.service-panel-content img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:20px}.service-panel-content ul{display:flex;flex-wrap:wrap;gap:12px 34px;padding:0;margin:22px 0 0;list-style:none;font:400 12px/1.4 var(--text)}.results-layout h2,.contact-copy h2,.home-form h2,.faq-head h2,.footer-contact-card>span,.footer-nav{font-family:var(--display)}.result-cards strong{font-family:var(--display)}
@media(max-width:900px){.page-shell,.live-hero,.home-contact{width:calc(100% - 20px)}.header-inner{height:58px;width:calc(100% - 24px)}.brand{width:84px}.panel-trigger,.header-phone{display:none}.site-nav{inset:58px 0 auto}.live-hero{aspect-ratio:4/5;max-height:none;border-radius:14px}.live-hero h1{left:8%;bottom:58%;font-size:42px}.live-hero p{left:8%;right:auto;bottom:9%;width:78%;font-size:13px}.home-intro{grid-template-columns:1fr;margin-top:70px}.home-intro h2{font-size:30px;margin-top:50px}.metric-mosaic{grid-template-columns:1fr}.metric-mosaic article{min-height:430px}.brand-marquee{margin:70px 0}.portfolio-section>h2{font-size:27px}.live-project-grid{grid-template-columns:1fr}.live-project-grid a,.live-project-grid a:nth-child(3){grid-column:auto;height:330px}.services-intro>div:last-child{align-items:flex-start;gap:30px}.services-intro h2{font-size:22px}.service-panel{min-height:auto;padding:28px;grid-template-columns:70px 1fr}.service-number{font-size:48px}.service-panel-content h2{font-size:20px;margin-bottom:20px}.results-layout,.home-contact,.faq-head,.faq-body{grid-template-columns:1fr}.results-layout{gap:45px}.results-layout h2{font-size:38px}.home-contact{padding:35px 24px}.contact-copy h2{font-size:38px}.footer-contact-card{height:420px}.footer-main{grid-template-columns:1fr;padding:20px}.footer-nav{font-size:24px}.faq-head,.faq-body{gap:35px}.faq-head h2{font-size:34px}}
@media(max-width:560px){.metric-count strong{font-size:76px}.live-project-grid a,.live-project-grid a:nth-child(3){height:240px}.services-intro>div:last-child{display:grid}.service-cards{margin-top:45px}.service-panel{grid-template-columns:1fr}.service-number{margin-bottom:20px}.service-panel-content h2{text-align:left}.result-cards{grid-template-columns:1fr}.home-form>div{grid-template-columns:1fr}.home-form textarea{grid-column:auto}.footer-contact-card>span{font-size:76px}.footer-contact-card{height:330px}.footer-contact-card img{width:120px;height:120px;bottom:25px}}

/* Precision pass 2: viewport measurements against the live homepage. */
@media (min-width:901px){
  .header-inner{position:relative}
  .brand{margin-left:25px}
  .site-nav{position:absolute;left:45%;transform:translateX(-50%)}
  .site-nav a::after{width:14px;left:50%;transform:translateX(-50%)}
  .live-hero::after{background:rgba(0,0,0,.12)}
  .live-hero h1{bottom:285px}
}
@media (max-width:900px){
  .site-header,.header-inner{height:58px}
  .header-inner{display:flex;width:100%;padding:0 15px}
  .brand{width:76px;margin:0}
  .menu-toggle{display:flex;margin-left:auto}
  .panel-trigger,.header-phone{display:none}
  .live-hero{width:calc(100% - 30px);height:550px;min-height:550px;margin:0 15px;border-radius:10px}
  .live-hero::after{background:rgba(0,0,0,.12)}
  .live-hero h1{top:160px;bottom:auto;left:15px;right:15px;width:auto;margin:0;text-align:center;font-size:30px;line-height:1;letter-spacing:-1.2px}
  .live-hero h1 span{font-size:36px;line-height:1;letter-spacing:-1.35px}
  .live-hero p{left:15px;right:15px;bottom:40px;width:auto;max-width:none;margin:0;text-align:center;font-size:13px;line-height:1.55;letter-spacing:-.15px}
}

html,body{max-width:100%;overflow-x:clip}
.real-results{margin-top:78px;padding:90px 0 60px}
.results-layout{display:grid;grid-template-columns:500px 680px;justify-content:space-between;gap:30px;align-items:start;padding:0}
.results-sticky{position:sticky;top:104px;padding-top:100px}
.results-main{display:block;width:486px;height:729px;object-fit:cover;border-radius:20px}
.section-kicker{display:block;font:400 14px/1 var(--display);margin-bottom:12px}
.results-copy{margin-top:35px}
.results-layout h2{font:400 48px/1.208 var(--display);letter-spacing:-1.44px;max-width:680px;margin:0}
.result-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:530px;margin-top:80px}
.result-column{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0}
.result-cards article{position:relative;border-radius:10px;background:#fff;overflow:hidden}
.result-total{height:115px;padding:32px 30px;display:flex;align-items:center;justify-content:space-between}
.result-total>b{font:700 18px/1.2 var(--display);color:#666}
.result-total strong{display:flex;align-items:baseline;font:400 48px/1 var(--display);letter-spacing:-1.44px}
.result-total strong i{font-style:normal;color:#ddd}
.result-project{height:405px;background:#050505!important;color:#fff;padding:30px;display:flex;align-items:flex-end}
.result-project img{position:absolute;left:50%;top:22px;width:auto;height:238px;transform:translateX(-50%);object-fit:contain;opacity:.55}
.result-project p{position:relative;margin:0;font:400 20px/1.3 var(--display);letter-spacing:-.6px;color:#999}
.result-project p b{font-weight:600;color:#fff}
.result-rating{height:428px;padding:34px;display:flex;flex-direction:column}
.result-stars{color:#ff8000;font:900 20px/1 var(--text);letter-spacing:6px;margin-bottom:10px}
.result-rating strong{display:block;font:400 100px/1 var(--display);letter-spacing:-3px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}
.result-rating p{font:400 18px/1.556 var(--text);color:#666;margin:21px 0 0}
.result-rating a{display:flex;align-items:center;gap:16px;margin-top:auto;font:600 11px/1 var(--text)}
.result-rating a i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;font:400 20px/1 var(--text);font-style:normal}
.result-partnership{height:92px;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:#050505 url('../images/results-partnership.jpg') center/cover no-repeat!important}
.result-partnership:before{content:"";position:absolute;inset:0;background:#05050580}
.result-partnership b,.result-partnership strong{position:relative}
.result-partnership b{font:600 18px/1.35 var(--display)}
.result-partnership strong{font:400 48px/1 var(--display);letter-spacing:-1.44px}
.client-logos{padding:0 0 150px;overflow:hidden}
.client-logos h2{font:400 11px/1 var(--text);text-transform:uppercase;margin:0 0 36px}
.logo-track{display:flex;align-items:center;gap:85px;width:max-content;padding:25px 30px;border-block:1px solid #e2e2e2}
.logo-track img{width:115px;height:48px;object-fit:contain;filter:grayscale(1)}
.home-contact{width:calc(100% - 40px);max-width:1880px;min-height:720px;margin:0 auto 150px;padding:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;background:#080808;color:#fff;border-radius:20px}
.contact-copy>span{font:400 10px/1 var(--text)}
.contact-copy h2{font-size:58px;font-weight:400;line-height:.97;letter-spacing:-2px;max-width:570px;margin:38px 0 75px}
.contact-copy h3{font:400 11px/1 var(--text);margin:22px 0 9px;color:#888;text-transform:uppercase}
.contact-copy a,.contact-copy p{display:block;font:400 14px/1.65 var(--text);color:#bbb;margin:0}
.home-form{align-self:center;background:#fff;color:#111;border-radius:20px;padding:45px}
.home-form h2{font-size:34px;font-weight:400;letter-spacing:-1px;margin:0 0 35px}
.home-form>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.home-form input,.home-form select,.home-form textarea{width:100%;border:0;border-radius:10px;background:#f5f5f5;padding:17px 18px;font:400 11px/1 var(--text);color:#777}
.home-form textarea{grid-column:1/-1;min-height:150px;resize:none}
.home-form button{display:flex;align-items:center;gap:10px;margin-top:24px;border:0;background:none;font:500 11px/1 var(--text)}
.home-faq{padding:0 15px 160px}
.faq-head{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin:55px 0 75px;align-items:end}
.faq-head h2{font-size:58px;font-weight:400;line-height:.98;letter-spacing:-2px;margin:0}
.faq-head p{font:400 15px/1.65 var(--text);color:#777;max-width:420px}
.faq-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}
.faq-body>img{width:100%;max-width:430px;aspect-ratio:1;object-fit:cover;border-radius:50%}
.faq-body details{border-bottom:1px solid #d9d9d9;padding:20px 0}
.faq-body summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font:400 17px/1.2 var(--display)}
.faq-body summary::-webkit-details-marker{display:none}.faq-body summary b{font:400 18px/1 var(--display)}
.faq-body details p{font:400 13px/1.6 var(--text);color:#777;max-width:620px}
.home-lines{display:none}
.site-footer{padding:0 20px 18px;background:#f5f5f5;color:#fff}
.footer-contact-card{position:relative;display:block;height:760px;background:#050505;border-radius:20px 20px 0 0;overflow:hidden;color:#fff;text-align:center}
.footer-contact-card>span{display:block;padding-top:105px;font-size:210px;font-weight:400;line-height:.68;letter-spacing:-9px;background:linear-gradient(#bbb,#222);-webkit-background-clip:text;color:transparent}
.footer-contact-card>img{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);width:260px;height:260px;object-fit:contain}
.footer-main{display:grid;grid-template-columns:1fr .75fr 1fr;gap:70px;padding:35px;background:#050505;border-radius:0 0 20px 20px}
.footer-image{position:relative}.footer-image>img:first-child{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:20px}.footer-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90px}
.footer-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;font-size:40px;font-weight:400;line-height:1}
.footer-info{align-self:center;font:400 18px/1.667 var(--text);color:#aaa}.footer-info strong{color:#fff}.footer-info a{display:block;color:#fff;margin-top:8px}.footer-info p{margin:0 0 28px}
.footer-bottom{color:#777;text-align:center;font:400 18px/1 var(--text);padding:24px 0 6px}

@media(max-width:900px){
  .real-results{margin-top:50px;padding:0 0 60px}.results-layout{grid-template-columns:1fr;gap:45px;padding:0 15px}.results-sticky{position:relative;top:auto;padding-top:0}.results-main{width:100%;max-width:486px;height:620px;margin:auto}.results-copy{margin-top:0}.results-layout h2{font-size:40px}.result-cards{min-height:0}.home-contact{width:calc(100% - 20px);padding:40px 24px;grid-template-columns:1fr;gap:45px}.contact-copy h2{font-size:40px}.home-form{padding:25px}.faq-head,.faq-body{grid-template-columns:1fr;gap:35px}.faq-head h2{font-size:40px}.faq-body>img{max-width:300px}.footer-contact-card{height:420px}.footer-contact-card>span{padding-top:65px;font-size:94px;letter-spacing:-4px}.footer-contact-card>img{width:150px;height:150px;bottom:25px}.footer-main{grid-template-columns:1fr;padding:20px}.footer-nav{font-size:28px}.footer-info{font-size:14px}.footer-bottom{font-size:12px}
}
@media(max-width:560px){
  .real-results{padding-bottom:60px}.results-main{height:520px}.results-layout h2{font-size:34px}.result-cards{grid-template-columns:1fr;margin-top:45px}.result-total strong{font-size:48px}.result-rating strong{font-size:72px}.client-logos{padding-bottom:90px}.logo-track{gap:45px}.home-contact{margin-bottom:90px}.home-form>div{grid-template-columns:1fr}.home-form textarea{grid-column:auto}.faq-head h2{font-size:34px}.home-faq{padding-bottom:90px}.site-footer{padding-inline:10px}.footer-contact-card{height:330px}.footer-contact-card>span{font-size:76px}.footer-main{gap:35px}.footer-image{max-width:260px;margin:auto}.footer-nav{font-size:24px}
}

/* Homepage motion parity. Measurements follow the live Case/Floka widgets. */
.metric-visual{overflow:visible;background:transparent;isolation:isolate}
.metric-black-layer{position:absolute;inset:0;z-index:0;background:#080808;border-radius:20px;overflow:hidden}
.metric-astronaut-layer{position:absolute!important;z-index:2!important;left:-6%!important;top:-190px!important;bottom:auto!important;width:112%!important;height:auto!important;max-height:none!important;pointer-events:none}
.metric-visual p{z-index:3}
.skill-bars div{overflow:hidden;isolation:isolate}
.skill-bars div:nth-child(even){color:#fff;border-radius:10px;padding-inline:14px}
.skill-bars div span,.skill-bars div b{position:relative;z-index:2}
.skill-bars div:after{display:none}
.skill-bars [data-progress-fill]{position:absolute;z-index:1;inset:0 auto 0 0;width:var(--progress,0%);height:100%;background:#080808;border-radius:10px;will-change:width}
.skill-bars div:nth-child(odd) [data-progress-fill]{height:3px;top:auto;border-radius:3px}
.brand-marquee div{transform:translate3d(var(--marquee-x,-5%),0,0);will-change:transform}
.portfolio-scroll{position:relative;height:300vh}
.portfolio-sticky{position:sticky;top:74px;height:calc(100vh - 74px);display:flex;align-items:center;overflow:hidden}
.portfolio-section{max-width:none;width:100%;padding-inline:max(15px,calc((100vw - 1320px)/2))}
.portfolio-section>h2{text-align:left;margin:36px 0 44px}
.live-project-grid{display:flex;width:max-content;gap:10px;transform:translate3d(var(--portfolio-x,0px),0,0);will-change:transform}
.live-project-grid a,.live-project-grid a:nth-child(3){flex:0 0 min(655px,46vw);width:min(655px,46vw);height:450px;grid-column:auto}
.circle-link{justify-content:flex-start;margin:18px 0 0}
.service-cards{position:relative;padding-bottom:80px}
.service-panel{position:sticky;top:74px;z-index:calc(10 + var(--stack-index));transform:none;opacity:1;box-shadow:0 -1px 0 #eee}
.results-layout{align-items:start}
.footer-orbit{position:absolute;z-index:3;left:50%;bottom:65px;width:250px;height:250px;transform:translateX(-50%) rotate(var(--orbit-angle,0deg));transform-origin:center;will-change:transform}
.footer-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.footer-orbit text{fill:#fff;font:400 12px/1 var(--display);letter-spacing:1.8px}
.footer-contact-card>.footer-center-logo{position:absolute;z-index:4;left:50%;bottom:157px;width:66px;height:66px;transform:translateX(-50%);object-fit:contain}
.footer-nav a{position:relative;text-decoration:none}
.footer-nav a:after{content:"";position:absolute;left:0;right:auto;bottom:-7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .42s cubic-bezier(.65,0,.35,1)}
.footer-nav a:hover:after,.footer-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left center}
.footer-nav a:focus-visible{outline:1px solid #fff;outline-offset:8px}
.footer-nav .footer-regions-link{font-size:.82em;white-space:nowrap}

@media(max-width:900px){
  .metric-astronaut-layer{left:-22%!important;top:-55px!important;width:142%!important}
  .portfolio-scroll{height:auto}.portfolio-sticky{position:relative;top:auto;height:auto;display:block;overflow:visible}
  .portfolio-section{padding-inline:10px}.portfolio-section>h2{text-align:center}
  .live-project-grid{display:grid;width:100%;transform:none!important}.live-project-grid a,.live-project-grid a:nth-child(3){width:100%;height:330px}
  .service-panel{top:70px;min-height:520px}
  .results-main{height:620px}
  .footer-orbit{bottom:28px;width:145px;height:145px}.footer-orbit text{font-size:11px}
  .footer-contact-card>.footer-center-logo{bottom:76px;width:48px;height:48px}
}
@media(max-width:560px){
  .metric-astronaut-layer{left:-16%!important;top:-42px!important;width:132%!important}
  .live-project-grid a,.live-project-grid a:nth-child(3){height:240px}
  .service-panel{top:66px;min-height:460px}
  .results-main{height:520px}
  .footer-orbit{bottom:24px;width:130px;height:130px}
  .footer-contact-card>.footer-center-logo{bottom:66px;width:46px;height:46px}
}
@media(max-width:767px){.service-panel{position:relative;top:auto;z-index:auto}}
@media(prefers-reduced-motion:reduce){
  .brand-marquee div,.live-project-grid,.footer-orbit{transform:none!important;will-change:auto}
  .skill-bars [data-progress-fill]{width:100%;transition:none}
  .portfolio-scroll{height:auto}.portfolio-sticky{position:relative;top:auto;height:auto;overflow-x:auto}.live-project-grid{padding-bottom:12px}
}

/* Correction: the live horizontal marquee is the reference-logo rail, not portfolio. */
.portfolio-scroll{height:auto}.portfolio-sticky{position:relative;top:auto;height:auto;display:block;overflow:visible}
.portfolio-section{width:min(calc(100% - 30px),var(--live-max));padding-inline:15px}
.portfolio-section>h2{text-align:center;margin:48px 0 65px}
.live-project-grid{display:grid;width:auto;grid-template-columns:1fr 1fr;gap:10px;transform:none!important;will-change:auto}
.live-project-grid a,.live-project-grid a:nth-child(3){width:auto;flex:auto;height:450px}.live-project-grid a:nth-child(3){grid-column:1/-1;height:600px}
.circle-link{justify-content:center;margin:18px auto 0}
.client-logos{padding-bottom:150px;overflow:hidden}
.logo-track{display:block;width:100%;padding:35px;overflow:hidden;border:0}
.logo-rail{display:flex;width:max-content;will-change:transform;animation:reference-logos-ltr 30s linear infinite}
.logo-set{display:flex;align-items:center;gap:16px;padding-right:16px}
.logo-set img{flex:0 0 200px;width:200px;height:140px;padding:5px 18px;object-fit:contain;background:#b6b6b608;border-radius:9px;filter:none}
@keyframes reference-logos-ltr{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.logo-track:hover .logo-rail{animation-play-state:paused}

.footer-contact-card{display:flex;flex-direction:column;align-items:center}
.footer-contact-card>.footer-orbit{position:relative;z-index:3;left:auto;bottom:auto;width:238px;height:221px;margin-top:-75px;padding:19px;transform:none!important}
.footer-contact-card .footer-orbit-ring{display:block;width:200px;height:183px;object-fit:contain;transform:rotate(var(--orbit-angle,0deg));transform-origin:50% 50%;will-change:transform}
.footer-contact-card .footer-orbit .footer-center-logo{position:absolute;z-index:4;left:50%;top:50%;bottom:auto;width:40px;height:40px;transform:translate(-50%,-50%);object-fit:contain}

@media(max-width:1366px){.footer-orbit{margin-top:-50px}}
@media(max-width:900px){
  .live-project-grid{display:grid;width:100%;grid-template-columns:1fr}.live-project-grid a,.live-project-grid a:nth-child(3){grid-column:auto;width:100%;height:330px}
  .logo-track{padding:35px 45px}.logo-set img{width:165px;flex-basis:165px;height:130px}
  .footer-contact-card>.footer-orbit{position:relative;bottom:auto;width:200px;height:183px;margin-top:-35px;padding:0}.footer-contact-card .footer-orbit-ring{width:200px;height:183px}.footer-contact-card .footer-orbit .footer-center-logo{width:40px;height:40px}
}
@media(max-width:560px){.live-project-grid a,.live-project-grid a:nth-child(3){height:240px}.logo-track{padding:35px 45px}.logo-set img{width:150px;flex-basis:150px;height:110px}}
@media(prefers-reduced-motion:reduce){.logo-rail{animation:none;transform:none}.logo-track{overflow-x:auto}.footer-orbit-ring{transform:none!important;will-change:auto}}

/* Homepage parity fixes: header, progress rows and sticky service stack. */
@media(min-width:901px){
  .site-header,.site-header.scrolled{position:sticky;top:0;height:74px;background:#fff;color:#0a0a0a;border:0;box-shadow:none}
  .header-inner{position:relative;display:flex;width:100%;height:74px;padding:0 35px;gap:0}
  .brand{flex:0 0 170px;width:170px;margin:0}
  .brand img{width:117px;max-height:25px}
  .site-nav{position:static;display:flex;flex:1 1 auto;justify-content:space-around;gap:0;margin:0;transform:none}
  .site-nav a{font:400 16px/74px var(--display);letter-spacing:0}
  .site-nav a:after{left:50%;bottom:15px;width:14px;transform:translateX(-50%) scaleX(0);transform-origin:center}
  .site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:translateX(-50%) scaleX(1)}
  .header-phone{flex:0 0 auto;margin-left:34px;padding:0 20px 0 0;border:0;border-right:1px solid #e3e3e3;font:400 16px/24px var(--text)}
  .panel-trigger{flex:0 0 42px;margin-left:12px}
}
.skill-bars{display:grid;gap:7px}
.skill-bars div{min-height:38px;padding:8px 0;border:0;align-items:center;line-height:1.15}
.skill-bars div:nth-child(even){min-height:42px;padding:8px 14px;background:#080808;color:#fff}
.skill-bars div:nth-child(odd) [data-progress-fill]{bottom:0;height:3px}
.service-cards{overflow:visible;isolation:isolate}
.service-panel{position:sticky;top:74px;z-index:calc(10 + var(--stack-index));margin:0;will-change:transform}
.service-panel-hit{position:absolute;z-index:3;inset:0;border-radius:inherit;cursor:pointer}.service-panel-hit:focus-visible{outline:3px solid #0a0a0a;outline-offset:4px}.service-panel:hover .service-panel-content img{transform:scale(1.015)}.service-panel-content img{transition:transform .35s ease}
@media(max-width:767px){.service-panel{position:relative;top:auto;z-index:auto;will-change:auto}}