/* Header and full-screen navigation. */
.header-leading{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-leading .main-menu__logo{margin:0;padding:0;flex-shrink:0}
.header-leading .main-menu__toggler{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;margin:0;background:transparent;border:1px solid #ffffff35;border-radius:50%;color:#fff;cursor:pointer}
.main-menu__toggler svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.main-menu>.container-fluid{gap:24px}
.main-menu__nav{margin-left:auto}
html.menu-open{overflow:hidden}
body.locked{overflow:hidden;left:0;right:0}
.mobile-nav__wrapper{position:fixed;inset:0;width:100%;height:100dvh;z-index:2500;transform:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s .45s}
.mobile-nav__wrapper.expanded{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .45s ease,visibility 0s}
.mobile-nav__wrapper .mobile-nav__content{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:100px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 20%,#f5900d12,transparent 55%),#050505;box-shadow:none;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.mobile-nav__wrapper.expanded .mobile-nav__content{opacity:1;transform:translateY(0)}
.mobile-nav__wrapper .mobile-nav__overlay{background:#050505;opacity:1}
.mobile-nav__content .logo-box{position:absolute;left:clamp(24px,6vw,90px);top:24px;margin:0}
.mobile-nav__content .logo-box img{width:180px;height:60px;object-fit:contain}
.mobile-nav__content .mobile-nav__close{position:absolute;top:30px;right:clamp(24px,6vw,90px);width:48px;height:48px;padding:0;border:1px solid #ffffff35;border-radius:50%;font-size:32px;line-height:1;display:grid;place-items:center;color:#fff;background:transparent;cursor:pointer}
.mobile-nav__content .mobile-nav__container{width:100%;margin:0;text-align:center}
.mobile-nav__container .main-menu__list{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vh,24px);padding:0;margin:0;list-style:none}
.mobile-nav__container .main-menu__list>li,.mobile-nav__container .main-menu__list>li+li{padding:0;margin:0;border:0}
.mobile-nav__container .main-menu__list>li>a{display:block;padding:0;font-size:clamp(30px,5vw,58px);font-weight:700;line-height:1.1;letter-spacing:-.035em;color:#fff;transition:color .25s ease,transform .3s ease}
.mobile-nav__container .main-menu__list>li>a:hover{color:var(--ogency-base);transform:translateX(5px)}
.mobile-nav__content>.ogency-btn{margin-top:32px;flex-shrink:0}

/* Independent transparent device layers, with full-color screen captures. */
.wc-hero-static .main-slider__one-item{min-height:900px;padding:225px 0 115px;overflow:hidden}
.wc-hero-static .main-slider__one-item__content{max-width:550px;position:relative;z-index:3}
.wc-hero-static .main-slider__one-item__content h2{max-width:550px;font-size:clamp(58px,5.6vw,82px);line-height:1.08;opacity:1;transform:none;visibility:visible}
.wc-hero-static .main-slider__one-item__content-curved-circle-box{opacity:1;visibility:visible;transform:none;transition:none;margin-top:28px}
.wc-hero-static .main-slider__one-bg{opacity:.82;filter:none}
.wc-hero-static .main-slider__one-bg:after{opacity:.35}
.hero-device-rotator{position:absolute;z-index:2;left:47%;top:160px;width:52%;height:630px;isolation:isolate;perspective:1200px}
.hero-device-rotator:before{content:"";position:absolute;inset:10% 3%;background:radial-gradient(ellipse,#f5900d12,transparent 65%);pointer-events:none}
.hero-device-slide{position:absolute;inset:0;display:none}
.hero-device-slide:first-child{display:block}
.hero-device-rotator.js-device-motion .hero-device-slide{display:none}
.hero-device-rotator.js-device-motion .hero-device-slide.is-active{display:block}
.hero-device{position:absolute;display:block;height:auto;max-width:none;object-fit:contain;opacity:1;filter:drop-shadow(0 18px 25px #0007);backface-visibility:hidden}
.hero-device--desktop{top:0;left:1%;width:94%;z-index:1}
.hero-device--tablet{bottom:3%;left:0;width:36%;z-index:2}
.hero-device--mobile{bottom:0;right:2%;width:23%;z-index:3}
.js-device-motion .is-active .hero-device--desktop{animation:device-desktop-in .85s cubic-bezier(.16,1,.3,1) both}
.js-device-motion .is-active .hero-device--tablet{animation:device-tablet-in .9s .14s cubic-bezier(.16,1,.3,1) both}
.js-device-motion .is-active .hero-device--mobile{animation:device-mobile-in .9s .25s cubic-bezier(.16,1,.3,1) both}
.js-device-motion .is-active.is-settled .hero-device{animation:none;opacity:1;transform:none}
.js-device-motion .is-active.is-exiting .hero-device--desktop{animation:device-out .61s ease-in both}
.js-device-motion .is-active.is-exiting .hero-device--tablet{animation:device-out .61s .06s ease-in both}
.js-device-motion .is-active.is-exiting .hero-device--mobile{animation:device-out .61s .11s ease-in both}
.hero-device-rotator.is-paused .hero-device{animation-play-state:paused}
.hero-motion-toggle{position:absolute;right:18px;bottom:-40px;z-index:5;min-height:44px;padding:8px 15px;background:#0b0b0b65;border:1px solid #ffffff38;border-radius:999px;color:#ddd;font:600 11px/1.2 var(--ogency-font);letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(10px)}
.hero-motion-toggle:hover{color:#fff;border-color:var(--ogency-base)}
@keyframes device-desktop-in{from{opacity:0;transform:translate3d(90px,35px,0) rotate(5deg) scale(.93)}to{opacity:1;transform:none}}
@keyframes device-tablet-in{from{opacity:0;transform:translate3d(-70px,100px,0) rotate(-9deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes device-mobile-in{from{opacity:0;transform:translate3d(60px,120px,0) rotate(10deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes device-out{to{opacity:0;transform:translate3d(-75px,-25px,0) rotate(-3deg) scale(.97)}}

/* Purpose-made service artwork and image-free process cards. */
.feature-one__item__img img{filter:none;mix-blend-mode:normal;opacity:1}
.feature-one__item__hover-content--text,.about-one__content__text-one,.service-one__item__text{color:#bcbcbc}
.service-one__item__btn{display:inline-flex;align-items:center;min-height:44px;color:#dfdfdf;font-size:14px}
.team-one__item{background:#101010;border:1px solid #ffffff16;border-radius:10px;overflow:hidden;height:calc(100% - 30px)}
.team-one__item__content{padding:34px;min-height:265px;margin:0;background:transparent}
.team-one__item__designation{color:var(--ogency-base);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.team-one__item__title{margin-top:16px;font-size:28px}
.process-copy{margin-bottom:0}
.fact-one[hidden]{display:none!important}

/* Compact, continuously scrolling demo previews. */
.project-preview-marquee{overflow:hidden;margin:0 0 42px;padding:5px 0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.project-preview-track{display:flex;width:max-content;animation:project-preview-drift 48s linear infinite;will-change:transform}
.project-preview-sequence{display:flex;gap:16px;padding-right:16px;flex-shrink:0}
.project-preview-sequence img{display:block;width:180px;height:112px;object-fit:cover;border-radius:8px;border:1px solid #ffffff24;filter:none;mix-blend-mode:normal}
.project-preview-marquee:hover .project-preview-track{animation-play-state:paused}
@keyframes project-preview-drift{to{transform:translateX(-50%)}}
.portfolio-actions{display:flex;justify-content:center;margin-top:42px}
.portfolio-open{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:230px;min-height:56px;border:1px solid var(--ogency-base);border-radius:999px;font-weight:700;cursor:pointer}
.portfolio-open .icon-down-right{font-size:20px}
.portfolio-expanded{padding:100px 0;background:#080808;scroll-margin-top:90px}
.portfolio-expanded[hidden]{display:none!important}
.portfolio-page .portfolio-expanded{padding-top:170px;min-height:70vh}
.compact-footer{padding:42px 0 24px}
.compact-footer .main-footer__navmenu{margin:0}
.compact-footer .main-footer__navmenu ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin:0;padding:0;list-style:none}
.compact-footer .main-footer__navmenu ul li{margin:0}
.compact-footer .main-footer__copyright{text-align:center;margin-top:28px;padding-top:24px}
@media(max-width:640px){.portfolio-page .portfolio-expanded{padding-top:140px}.compact-footer .main-footer__navmenu ul{gap:10px 18px}}
.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.portfolio-close{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 18px;background:transparent;border:1px solid #ffffff35;border-radius:999px;color:#fff;font:600 12px/1.2 var(--ogency-font);cursor:pointer}
.portfolio-close span{font-size:24px}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.portfolio-card{display:block;min-width:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:14px;background:#121212;color:#fff;transition:transform .3s ease,border-color .3s ease}
.portfolio-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:none;mix-blend-mode:normal;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.portfolio-card h3{margin:20px 16px 9px;font-size:18px;line-height:1.25;color:#fff;letter-spacing:-.025em}
.portfolio-card p{margin:0 16px 22px;color:#aaa;font-size:10px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase}
.portfolio-card:hover{transform:translateY(-4px);border-color:var(--ogency-base)}
.portfolio-card:hover img{transform:scale(1.025)}
.portfolio-expanded.is-open .portfolio-card{animation:portfolio-card-in .6s var(--card-delay,0ms) cubic-bezier(.16,1,.3,1) both}
@keyframes portfolio-card-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* The complete brand statement stays visible together, with a staged reveal. */
.brand-story{padding:100px 0;background:#080808}
.brand-story-logo{display:block;width:min(350px,72vw);height:auto;margin:0 auto 42px;object-fit:contain;filter:none}
.brand-story-copy{max-width:850px;margin:0 auto}
.brand-story-copy p{font-size:clamp(18px,2vw,25px);line-height:1.8;color:#d3d3d3;margin:0 0 28px}
.brand-story-copy p:last-child{margin-bottom:0}
.js-story-motion .story-reveal{opacity:0;filter:blur(5px);transform:translateY(34px);transition:opacity .85s var(--story-delay,0ms) ease,filter .85s var(--story-delay,0ms) ease,transform .85s var(--story-delay,0ms) cubic-bezier(.16,1,.3,1)}
.js-story-motion .story-reveal.is-visible{opacity:1;filter:blur(0);transform:none}
.blog-one__item__meta{justify-content:flex-start;text-align:left;color:#aaa}
.blog-one__item__meta.has-border:before{display:none}

@media(max-width:1199px){.header-leading{gap:12px}.main-menu>.container-fluid{gap:16px}.hero-device-rotator{left:46%;width:53%;top:190px;height:540px}.wc-hero-static .main-slider__one-item__content{max-width:480px}.wc-hero-static .main-slider__one-item__content h2{font-size:65px;max-width:470px}.wc-hero-static .main-slider__one-item{min-height:850px}}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.wc-hero-static .main-slider__one-item{padding:150px 0 80px;min-height:0}.wc-hero-static .main-slider__one-item__content{max-width:100%;padding-bottom:0}.wc-hero-static .main-slider__one-item__content h2{font-size:clamp(45px,8vw,70px);max-width:700px}.hero-device-rotator{position:relative;top:auto;left:auto;width:min(720px,92%);height:clamp(380px,70vw,600px);margin:28px auto 20px}.hero-device--desktop{width:92%;left:3%}.hero-device--tablet{width:34%;bottom:4%}.hero-device--mobile{width:22%;right:1%;bottom:0}.main-slider__socails,.main-slider__phone{display:none}.portfolio-expanded{padding:75px 0}.portfolio-heading .section-title__title{font-size:40px}}
@media(max-width:640px){.header-leading{gap:12px}.header-leading .main-menu__toggler{width:42px;height:42px;min-width:42px}.header-leading .main-menu__logo img{width:148px;height:58px}.wc-hero-static .main-slider__one-item{padding-top:132px;padding-bottom:65px}.wc-hero-static .main-slider__one-item__content h2{font-size:clamp(39px,10.7vw,58px);max-width:100%}.wc-hero-static .main-slider__one-item__content-curved-circle-box{margin-top:22px}.hero-device-rotator{height:clamp(310px,83vw,480px);width:94%;margin-top:20px}.hero-motion-toggle{bottom:-34px;right:10px}.project-preview-sequence img{width:150px;height:94px}.project-preview-sequence{gap:12px;padding-right:12px}.project-preview-marquee{margin-bottom:28px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-card h3{font-size:15px;margin:15px 12px 8px}.portfolio-card p{font-size:9px;margin:0 12px 16px}.portfolio-heading{flex-wrap:wrap;margin-bottom:28px}.portfolio-heading .section-title{margin-bottom:0}.portfolio-heading .section-title__title{font-size:34px}.portfolio-expanded{padding:60px 0}.portfolio-close{margin-left:auto}.portfolio-actions{margin-top:30px}.team-one__item__content{padding:28px;min-height:0}.brand-story{padding:72px 0}.brand-story-logo{margin-bottom:30px}.mobile-nav__content .logo-box{left:24px;top:20px}.mobile-nav__content .logo-box img{width:155px;height:52px}.mobile-nav__content .mobile-nav__close{top:23px;right:24px}.mobile-nav__wrapper .mobile-nav__content{padding:90px 24px 32px}}
@media(max-height:600px){.mobile-nav__container .main-menu__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;max-width:650px;margin:auto}.mobile-nav__container .main-menu__list>li>a{font-size:clamp(23px,4vw,34px)}.mobile-nav__content>.ogency-btn{margin-top:24px}.mobile-nav__wrapper .mobile-nav__content{padding:95px 24px 22px}.mobile-nav__content .logo-box{top:14px}.mobile-nav__content .mobile-nav__close{top:18px}}
@media(max-height:450px){.mobile-nav__wrapper .mobile-nav__content{padding:80px 20px 16px}.mobile-nav__container .main-menu__list{gap:12px 32px}.mobile-nav__container .main-menu__list>li>a{font-size:clamp(21px,3.6vw,28px)}.mobile-nav__content>.ogency-btn{margin-top:16px;min-height:44px;padding:10px 20px}.mobile-nav__content .logo-box{top:12px}.mobile-nav__content .logo-box img{width:150px;height:44px}.mobile-nav__content .mobile-nav__close{top:12px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.project-preview-track,.hero-device{animation:none!important}.hero-device{opacity:1!important;transform:none!important}.js-story-motion .story-reveal{opacity:1;filter:none;transform:none}.portfolio-expanded.is-open .portfolio-card{animation:none}.hero-motion-toggle{display:none}.mobile-nav__wrapper,.mobile-nav__wrapper .mobile-nav__content{transition:none}}

/* Mobile: keep the Ogency palette and motion, with content visible without hover. */
.hero-mobile-cta,.project-mobile-thumb{display:none}
@media(max-width:767px){
  .header-leading .main-menu__toggler{width:44px;height:44px;min-width:44px}
  .wc-hero-static .main-slider__one-item{padding-top:122px;padding-bottom:52px}
  .wc-hero-static .main-slider__one-bg{filter:brightness(.7)}
  .wc-hero-static .main-slider__one-item__content{padding-bottom:0}
  .wc-hero-static .main-slider__one-item__content h2{font-size:clamp(38px,10.5vw,54px);line-height:1.08}
  .hero-mobile-cta{position:absolute;right:0;bottom:24px;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:0 18px;border:1px solid var(--ogency-base);border-radius:999px;background:#070707cf;color:#fff;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;backdrop-filter:blur(8px)}
  .hero-mobile-cta span{color:var(--ogency-base);font-size:18px}
  .hero-mobile-cta:hover{color:#fff;background:#191919}
  .hero-device-rotator{width:95%;height:clamp(285px,79vw,360px);margin:6px auto 28px}
  .hero-device--tablet{width:30%;bottom:3%}
  .hero-device--mobile{width:20%;bottom:0}
  .feature-one{padding:16px 0 52px}
  .feature-one__item{margin-bottom:18px;border:1px solid #ffffff27;border-radius:14px;overflow:hidden;background:#101010}
  .feature-one__item__img img{display:block;height:190px!important;object-fit:cover}
  .feature-one__item__content,.feature-one__item:hover .feature-one__item__content{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin:0;padding:20px 22px 4px;background:#101010;transform:none!important}
  .feature-one__item__content--title{font-size:21px;line-height:1.2;color:#fff}
  .feature-one__item__content--icon{right:22px;top:-29px}
  .feature-one__item__hover-content,.feature-one__item:hover .feature-one__item__hover-content{position:relative;inset:auto;width:100%;height:auto;margin:0;padding:0 22px 22px;background:#101010;opacity:1;visibility:visible;transform:none!important;transition:none}
  .feature-one__item__hover-content--title{display:none}
  .feature-one__item__hover-content--text{margin:8px 0 16px;padding:0;border:0;color:#bcbcbc;font-size:15px;line-height:1.55}
  .feature-one__item__hover-content__btn{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 18px;border:1px solid var(--ogency-base);border-radius:999px;color:#fff;font-size:14px;font-weight:700}
  .feature-one__item__hover-content__btn span{top:auto;margin:0;color:var(--ogency-base)}
  .about-one{padding-bottom:58px}
  .about-one__thumb{margin:0 0 18px}
  .about-one__thumb__img img{height:245px;max-width:300px;margin:auto;filter:brightness(1.5)}
  .about-one__content__text-one{color:#bcbcbc}
  .service-one{padding:36px 0 42px}
  .service-one__item{min-height:0;margin-bottom:16px;padding:26px 28px 22px;border:1px solid #ffffff12;border-radius:12px}
  .service-one__item__icon{font-size:46px;margin-bottom:12px}
  .service-one__item__title{max-width:none;margin-bottom:10px;font-size:19px}
  .service-one__item__text{margin-bottom:6px;padding-bottom:11px;color:#bcbcbc;font-size:15px;line-height:1.55}
  .service-one__item__btn{display:inline-flex;align-items:center;min-height:44px;color:#e0e0e0;font-size:14px;font-weight:600}
  .service-one__item__btn span{top:auto;color:var(--ogency-base);font-size:19px}
  .project-one{padding:32px 0 52px}
  .project-preview-marquee{margin-bottom:22px}
  .project-mobile-thumb{display:block;grid-area:preview;width:100%;height:84px;object-fit:cover;object-position:center;border-radius:8px}
  .project-one__item__wrapper,.project-one__item:first-of-type .project-one__item__wrapper{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;grid-template-areas:'preview title action';align-items:center;gap:12px;min-height:110px;margin-bottom:12px;padding:12px;border:1px solid #ffffff24;border-radius:14px;background:#111}
  .project-one__item__number{display:none}
  .project-one__item__title{grid-area:title;display:block;max-width:none!important;margin:0!important;font-size:17px!important;line-height:1.25;letter-spacing:-.02em;color:#fff}
  .project-one__item__btn{grid-area:action;width:44px;height:44px;margin:0;background:#f5900d1c;color:var(--ogency-base);font-size:26px}
  .project-one__item__hover{display:none}
  .portfolio-actions{margin-top:20px}
  .blog-one__item__image img{height:245px;object-fit:contain;background:#101010}
  .blog-one__item__btn{min-height:44px}
  .team-one__item{height:auto;margin-bottom:16px}
  .team-one__item__content{min-height:0;padding:26px}
  .compact-footer .main-footer__navmenu ul li a{display:inline-flex;align-items:center;min-height:44px;padding:6px 4px;color:#b8b8b8}
  .compact-footer .main-footer__copyright{color:#aaa}
}
@media(max-width:375px){
  .hero-mobile-cta{right:0;padding:0 14px;font-size:12px}
  .project-one__item__wrapper,.project-one__item:first-of-type .project-one__item__wrapper{grid-template-columns:96px minmax(0,1fr) 44px;gap:10px}
  .project-mobile-thumb{height:76px}
  .project-one__item__title{font-size:16px!important}
  .project-one__item__btn{width:44px;height:44px}
}
@media(hover:none) and (min-width:768px){
  .feature-one__item__content,.feature-one__item:hover .feature-one__item__content{transform:none!important}
  .feature-one__item__hover-content,.feature-one__item:hover .feature-one__item__hover-content{position:relative;inset:auto;width:100%;height:auto;padding:20px 28px;background:#101010;transform:none!important;visibility:visible;opacity:1}
  .feature-one__item__hover-content--title{display:none}
  .feature-one__item__hover-content--text{color:#bcbcbc}
  .feature-one__item__hover-content__btn{display:inline-flex;align-items:center;min-height:44px}
}
@media(hover:none) and (min-width:768px) and (max-width:1100px){
  .project-mobile-thumb{display:block;grid-area:preview;width:160px;height:100px;object-fit:cover;border-radius:9px}
  .project-one__item__wrapper,.project-one__item:first-of-type .project-one__item__wrapper{display:grid;grid-template-columns:160px minmax(0,1fr) 50px;grid-template-areas:'preview title action';align-items:center;gap:20px;min-height:130px;margin-bottom:14px;padding:14px;border:1px solid #ffffff24;border-radius:14px;background:#111}
  .project-one__item__number{display:none}
  .project-one__item__title{grid-area:title;display:block;margin:0;max-width:none;font-size:25px}
  .project-one__item__btn{grid-area:action;width:50px;height:50px;margin:0;background:#f5900d1c;color:var(--ogency-base);font-size:30px}
  .project-one__item__hover{display:none}
}

@media(max-width:767px){
  .wc-hero-static .main-slider__one-item{min-height:0;padding:122px 0 52px}
  .wc-hero-static .main-slider__one-item__content{width:100%;max-width:100%}
  .wc-hero-static .main-slider__one-item__content h2{font-size:clamp(38px,10.5vw,54px);line-height:1.08}
  .wc-hero-static .main-slider__one-item__content .hero-mobile-cta{display:none}
  .wc-hero-static .hero-device-rotator{position:relative;top:auto;right:auto;left:auto;width:95%;height:clamp(285px,79vw,360px);margin:10px auto 18px}
  .wc-hero-static .hero-circle-mobile{position:relative;display:block;width:140px;height:140px;margin:0 auto 12px}
  .wc-hero-static .hero-motion-toggle{right:10px;bottom:8px}
}