/* v0.15.69 native-shell reset: the theme stylesheet is intentionally not loaded here. */
html{margin:0;padding:0}body.ccp-native-homepage{margin:0!important;min-width:0;width:100%;overflow-x:hidden;background:#fff}.ccp-native-public-shell{display:block;width:100%;margin:0;padding:0;min-height:1px}
/* Native FirstMarketing home page — no Elementor dependency. */
body.ccp-native-homepage .ccp-native-home-root{
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw);
  padding:0;
  overflow:hidden;
  direction:rtl;
}
body.ccp-native-homepage .ccp-native-home-root>section{margin-top:0;margin-bottom:0}
body.ccp-native-homepage .ccp-native-home-root .ccp-home-slider,
body.ccp-native-homepage .ccp-native-home-root .ccp-about-showcase,
body.ccp-native-homepage .ccp-native-home-root .ccp-main-services,
body.ccp-native-homepage .ccp-native-home-root .ccp-portfolio-studio,
body.ccp-native-homepage .ccp-native-home-root .ccp-voices-shell,
body.ccp-native-homepage .ccp-native-home-root .ccp-client-network{width:100%;max-width:none;margin-inline:0!important}
body.ccp-native-homepage .ccp-about-showcase--native .ccp-about-photo:empty{
  background-image:linear-gradient(135deg,#f6f6f6,#fff);
}
.ccp-native-review-form{direction:rtl}
.ccp-native-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ccp-native-review-form label{display:flex;flex-direction:column;gap:8px;color:#31363e;font-size:12px;font-weight:800}
.ccp-native-review-form label>span{padding-inline:3px}
.ccp-native-review-form input,.ccp-native-review-form select,.ccp-native-review-form textarea{width:100%;box-sizing:border-box;border:1px solid #e1e4e7;border-radius:14px;background:#fff;color:#252a31;font:600 14px/1.5 inherit;padding:13px 14px;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.ccp-native-review-form input:focus,.ccp-native-review-form select:focus,.ccp-native-review-form textarea:focus{border-color:#bfc6cc;box-shadow:0 0 0 3px rgba(110,118,126,.08)}
.ccp-native-review-message{margin-top:14px}.ccp-native-review-message textarea{min-height:145px;resize:vertical}
.ccp-native-review-grid--files{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.ccp-native-review-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.ccp-native-review-submit small{color:#8b9198;font-size:11px}.ccp-native-review-submit button{border:0;border-radius:13px;background:#0b7b72;color:#fff;padding:12px 22px;font-weight:900;cursor:pointer}.ccp-native-review-submit button:disabled{opacity:.55;cursor:wait}
.ccp-voices-form-status{margin-top:12px;color:#0b7b72;font-size:12px;font-weight:800}
body.ccp-native-homepage .ccp-client-network--native{--ccp-cn-footer-seal-gap:0px!important;padding-bottom:0!important;margin-bottom:0!important}
body.ccp-native-homepage .ccp-client-network--native .ccp-cn-shell{padding-bottom:22px!important}
body.ccp-native-homepage .ccp-client-network--native .ccp-cn-logo,body.ccp-native-homepage .ccp-client-network--native .ccp-cn-logo:hover{box-shadow:none!important}
@media(max-width:760px){.ccp-native-review-grid{grid-template-columns:1fr}.ccp-native-review-grid--files{grid-template-columns:1fr}.ccp-native-review-submit{align-items:stretch;flex-direction:column}.ccp-native-review-submit button{width:100%}}


/* v0.15.52 — requested visual refinements. */
body.ccp-native-homepage .ccp-voices-title{font-size:20px!important;line-height:1.45!important;letter-spacing:-.015em!important}
body.ccp-native-homepage .ccp-client-network--native .ccp-cn-title,
body.ccp-native-homepage .ccp-client-network--native .ccp-cn-title span{color:#252a31!important;opacity:1!important;font-weight:900!important}
body.ccp-native-homepage .ccp-client-network--native .ccp-cn-kicker{color:#555b63!important;opacity:1!important}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof{z-index:13!important;min-width:145px!important;max-width:165px!important;padding:12px 14px!important;border-radius:16px 16px 4px 16px!important;right:14px!important;bottom:18px!important;box-shadow:0 12px 30px rgba(220,81,35,.18)!important}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof strong{font-size:23px!important}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof span{font-size:10px!important;margin-top:6px!important;line-height:1.5!important}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{padding:18px 180px 18px 24px!important}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{width:min(48%,430px)!important;max-width:430px!important;height:calc(100% - 22px)!important;aspect-ratio:9/16!important;border-radius:22px!important}
@media(max-width:900px){body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{padding:12px 110px 12px 12px!important}body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{width:min(58%,390px)!important}body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof{right:8px!important;bottom:12px!important;max-width:138px!important}}
@media(max-width:560px){body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{padding:8px 8px 92px!important}body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{width:min(72%,300px)!important;height:calc(100% - 8px)!important}body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof{right:10px!important;bottom:8px!important;min-width:120px!important;max-width:145px!important;padding:9px 11px!important}body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof strong{font-size:33px!important}}


/* v0.15.55 — scalable About video with a protected proof-card safe zone. */
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{
  padding:10px 174px 10px 14px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{
  width:min(var(--ccp-about-player-width,66%),560px)!important;
  max-width:560px!important;
  height:var(--ccp-about-player-height,96%)!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  border-radius:22px!important;
  object-fit:contain!important;
}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof{
  z-index:14!important;
  right:12px!important;
  bottom:16px!important;
  min-width:136px!important;
  max-width:154px!important;
  padding:11px 13px!important;
}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof strong{font-size:22px!important}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof span{font-size:9.5px!important;line-height:1.45!important;margin-top:5px!important}
@media(max-width:900px){
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{padding:9px 122px 9px 10px!important}
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{width:min(var(--ccp-about-player-tablet-width,72%),470px)!important;height:var(--ccp-about-player-height,96%)!important;max-width:470px!important}
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof{right:7px!important;bottom:10px!important;min-width:112px!important;max-width:128px!important;padding:8px 10px!important}
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof strong{font-size:18px!important}
}
@media(max-width:560px){
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{padding:6px 6px 78px!important}
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{width:min(var(--ccp-about-player-mobile-width,88%),330px)!important;height:min(var(--ccp-about-player-height,96%),calc(100% - 4px))!important;max-width:330px!important;border-radius:16px!important}
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof{right:8px!important;bottom:6px!important;min-width:108px!important;max-width:128px!important;padding:8px 10px!important}
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-proof strong{font-size:18px!important}
}

/* v0.15.56 — true centered About player. The proof card no longer pushes the video sideways. */
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{
  padding:10px 14px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{
  margin:0 auto!important;
  align-self:center!important;
  justify-self:center!important;
}
@media(max-width:900px){
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{
    padding:9px 10px!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
@media(max-width:560px){
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-player-shell{
    padding:6px 6px 78px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.ccp-native-homepage .ccp-about-showcase--native.is-about-video-playing .ccp-about-video-frame{
    margin-inline:auto!important;
  }
}

/* v0.15.66 Safe Turbo: skip painting below-the-fold native sections until needed. */
@supports (content-visibility:auto){
  body.ccp-native-homepage .ccp-about-showcase--native{content-visibility:auto;contain-intrinsic-size:auto 720px}
  body.ccp-native-homepage #ccpMainServices{content-visibility:auto;contain-intrinsic-size:auto 700px}
  body.ccp-native-homepage .ccp-portfolio-studio{content-visibility:auto;contain-intrinsic-size:auto 980px}
  body.ccp-native-homepage .ccp-voices-shell--native{content-visibility:auto;contain-intrinsic-size:auto 820px}
  body.ccp-native-homepage .ccp-client-network--native{content-visibility:auto;contain-intrinsic-size:auto 560px}
}

/* v0.15.70 — Mobile edge-to-edge shell + viewport-safe full screen. */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  background:#fffaf7;
}
body.ccp-native-homepage{
  margin:0!important;
  padding-inline:0!important;
  width:100%!important;
  max-width:100%!important;
  min-height:100vh;
  min-height:100dvh;
  overflow-x:hidden!important;
  background:#fff;
}
body.ccp-native-homepage.ccp-site-header-inner-page{
  padding-top:0!important;
}
body.ccp-native-homepage .ccp-native-public-shell,
body.ccp-native-homepage .ccp-native-home-root{
  display:block;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body.ccp-native-homepage .ccp-native-home-root>section{
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
}
body.ccp-native-homepage .ccp-native-home-root img,
body.ccp-native-homepage .ccp-native-home-root video,
body.ccp-native-homepage .ccp-native-home-root svg{
  max-width:100%;
}
@supports (overflow:clip){
  html,body.ccp-native-homepage,
  body.ccp-native-homepage .ccp-native-public-shell,
  body.ccp-native-homepage .ccp-native-home-root{overflow-x:clip!important}
}
@media(max-width:720px){
  body.ccp-native-homepage .ccp-native-home-root{
    inline-size:100%!important;
    max-inline-size:100%!important;
  }
  body.ccp-native-homepage .ccp-home-slider,
  body.ccp-native-homepage .ccp-home-slider__track,
  body.ccp-native-homepage .ccp-home-slide__inner{
    min-height:100vh!important;
    min-height:100svh!important;
  }
  body.ccp-native-homepage .ccp-home-slide__inner{
    width:100%!important;
    max-width:100%!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
  }
}
@media(max-width:1024px){
  body.ccp-native-homepage.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-site-header-inner-page.admin-bar{padding-top:0!important}
}

/* v0.15.73 — responsive section geometry hardening.
   One clean mobile seam, no forced viewport-height blanks, and a desktop-only
   About layout guard so tablet/mobile fixes can never distort wide screens. */
@media (max-width:1024px){
  body.ccp-native-homepage.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-site-header-inner-page.admin-bar{
    padding-top:78px!important;
    margin-top:0!important;
  }
  body.ccp-native-homepage.ccp-site-header-inner-page .ccp-native-public-shell,
  body.ccp-native-homepage.ccp-site-header-inner-page .ccp-native-home-root,
  body.ccp-native-homepage.ccp-site-header-inner-page .ccp-native-about-root{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.ccp-native-homepage.ccp-site-header-inner-page .ccp-native-home-root>section:first-child,
  body.ccp-native-homepage.ccp-native-about-page .ccp-native-about-root>.ccp-about-showcase:first-child{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    border-top:0!important;
  }
  body.ccp-native-homepage .ccp-native-home-root>section+section{
    margin-top:0!important;
  }
}

@media (max-width:560px){
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-top:22px!important;
    padding-right:max(11px,env(safe-area-inset-right))!important;
    padding-bottom:36px!important;
    padding-left:max(11px,env(safe-area-inset-left))!important;
    box-sizing:border-box!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-copy{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-eyebrow{
    display:flex!important;
    margin-top:0!important;
  }
}

@media (max-width:380px){
  body.ccp-native-homepage.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-site-header-inner-page.admin-bar{
    padding-top:74px!important;
  }
}

/* Wide-screen About page must always sit comfortably below the fixed header.
   These rules are deliberately min-width scoped so mobile edge-to-edge work
   cannot leak into desktop when styles are cached or reordered. */
@media (min-width:1025px){
  body.ccp-native-homepage.ccp-native-about-page .ccp-native-about-root{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-native-about-root>.ccp-about-showcase:first-child{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-shell{
    width:min(1540px,calc(100% - 56px))!important;
    max-width:1540px!important;
    margin:0 auto!important;
    padding:clamp(42px,5vh,64px) 0 clamp(48px,6vh,72px)!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-visual{
    min-height:clamp(470px,58vh,570px)!important;
    align-self:center!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-copy{
    align-self:center!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-eyebrow{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    margin-top:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-title{
    scroll-margin-top:calc(var(--ccp-site-header-height,96px) + 24px);
  }
}


/* v0.15.74 — FINAL native inner-page/header separation.
   A historical v0.15.70 rule forced padding-top:0 on every native page and
   overrode the fixed inner-header reserve because its selector was more specific.
   Keep the homepage overlay behavior, but inner native pages must always reserve
   the real header height before their first section starts. */
body.ccp-native-homepage.ccp-site-header-home-page{
  padding-top:0!important;
}
body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page,
body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page.admin-bar{
  padding-top:var(--ccp-site-header-height,96px)!important;
  margin-top:0!important;
}
body.ccp-native-homepage.ccp-native-about-page .ccp-native-public-shell,
body.ccp-native-homepage.ccp-native-about-page .ccp-native-about-root,
body.ccp-native-homepage.ccp-native-about-page .ccp-native-about-root>.ccp-about-showcase:first-child{
  margin-top:0!important;
  border-top:0!important;
}

/* Desktop: the About section itself owns the breathing room. This is not an
   external white separator, so the section begins at the header edge while the
   eyebrow/title/video sit comfortably below it. */
@media (min-width:1025px){
  body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page.admin-bar{
    padding-top:var(--ccp-site-header-height,96px)!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native{
    margin:0!important;
    padding:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-shell{
    padding-top:clamp(38px,4.2vh,54px)!important;
    padding-bottom:clamp(48px,5.5vh,70px)!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-copy{
    align-self:center!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-eyebrow{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:2!important;
    margin-top:0!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-title{
    margin-top:0!important;
  }
}

/* Tablet/mobile: fixed header reserve matches the physical mobile header.
   The small top inset is inside the About background, never a detached white gap. */
@media (max-width:1024px){
  body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page.admin-bar{
    padding-top:78px!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-shell{
    padding-top:clamp(18px,3.4vw,28px)!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-eyebrow{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:2!important;
    margin-top:0!important;
  }
}
@media (max-width:380px){
  body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-native-about-page.ccp-site-header-inner-page.admin-bar{
    padding-top:74px!important;
  }
  body.ccp-native-homepage.ccp-native-about-page .ccp-about-showcase--native .ccp-about-shell{
    padding-top:16px!important;
  }
}

/* =========================================================
   v0.15.75 — Native standalone Portfolio page
   The saved WordPress/Elementor page becomes only the URL target. The actual
   presentation is owned by CCP so the legacy builder can be disabled safely.
   ========================================================= */
body.ccp-native-homepage.ccp-native-portfolio-page.ccp-site-header-inner-page,
body.ccp-native-homepage.ccp-native-portfolio-page.ccp-site-header-inner-page.admin-bar{
  padding-top:var(--ccp-site-header-height,96px)!important;
  margin-top:0!important;
  background:#f7f8f9!important;
}
body.ccp-native-portfolio-page .ccp-native-public-shell,
body.ccp-native-portfolio-page .ccp-native-portfolio-root,
body.ccp-native-portfolio-page .ccp-native-portfolio-root>section,
body.ccp-native-portfolio-page .ccp-native-portfolio-gallery{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-inline:0!important;
  border-top:0!important;
}
.ccp-native-portfolio-hero{
  --np-orange:#ee622b;
  --np-ink:#171d26;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(470px,57vh,620px);
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 84% 22%,rgba(238,98,43,.13),transparent 23%),
    radial-gradient(circle at 12% 88%,rgba(38,48,62,.08),transparent 27%),
    linear-gradient(125deg,#fff 0%,#f8f9fa 44%,#f1f3f5 100%);
  color:var(--np-ink);
  direction:rtl;
}
.ccp-native-portfolio-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(42vw,670px);
  aspect-ratio:1;
  left:-13vw;
  top:-50%;
  border:1px solid rgba(238,98,43,.10);
  border-radius:50%;
  box-shadow:0 0 0 64px rgba(238,98,43,.025),0 0 0 128px rgba(238,98,43,.018);
}
.ccp-native-portfolio-hero__glow{
  position:absolute;inset:auto -6% -45% auto;width:54%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(238,98,43,.09),transparent 68%);filter:blur(2px);pointer-events:none;
}
.ccp-native-portfolio-hero__grid{
  position:absolute;inset:0;z-index:-1;opacity:.32;pointer-events:none;
  background-image:linear-gradient(rgba(88,96,106,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,96,106,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.62) 28%,rgba(0,0,0,.32) 72%,transparent 100%);
}
.ccp-native-portfolio-hero__inner{
  width:min(1480px,calc(100% - 72px));
  margin:0 auto;
  padding:clamp(54px,7vh,84px) 0;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  gap:clamp(48px,7vw,110px);
}
.ccp-native-portfolio-hero__copy{max-width:790px;position:relative;z-index:3}
.ccp-native-portfolio-hero__eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:#6c747d;
  font:900 10px/1.2 Arial,sans-serif;letter-spacing:.14em;direction:ltr;
}
.ccp-native-portfolio-hero__eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--np-orange);box-shadow:0 0 0 7px rgba(238,98,43,.09)}
.ccp-native-portfolio-hero h1{margin:0!important;color:var(--np-ink)!important;font-size:clamp(38px,4.5vw,72px)!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.045em!important}
.ccp-native-portfolio-hero h1 span{display:block;margin-top:8px;color:var(--np-orange);font-size:.56em;line-height:1.45;letter-spacing:-.025em}
.ccp-native-portfolio-hero__copy>p{max-width:740px;margin:22px 0 0!important;color:#626b76;font-size:clamp(14px,1.08vw,17px)!important;line-height:2.05!important;font-weight:600}
.ccp-native-portfolio-hero__actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:30px}
.ccp-native-portfolio-hero__actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:999px;background:var(--np-orange);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;box-shadow:0 13px 30px rgba(238,98,43,.18);transition:transform .25s ease,box-shadow .25s ease}
.ccp-native-portfolio-hero__actions a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(238,98,43,.24)}
.ccp-native-portfolio-hero__actions a b{font-size:17px}.ccp-native-portfolio-hero__actions>span{color:#838b94;font-size:10px;font-weight:850}
.ccp-native-portfolio-hero__visual{position:relative;min-height:360px;display:grid;place-items:center;perspective:900px}
.ccp-native-portfolio-console{position:relative;z-index:3;width:min(100%,490px);min-height:235px;padding:30px;border:1px solid rgba(190,197,203,.88);border-radius:32px 10px 32px 32px;background:rgba(255,255,255,.76);backdrop-filter:blur(14px);box-shadow:0 28px 70px rgba(46,55,65,.09);transform:rotateY(-7deg) rotateX(2deg);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;direction:ltr}
.ccp-native-portfolio-console:after{content:"";position:absolute;right:19px;top:19px;width:58px;height:58px;border-top:1px solid rgba(238,98,43,.55);border-right:1px solid rgba(238,98,43,.55);border-radius:0 16px 0 0}
.ccp-native-portfolio-console>span{position:absolute;top:20px;left:23px;display:flex;align-items:center;gap:5px;color:#8e969f;font:900 7px/1 Arial,sans-serif;letter-spacing:.11em}.ccp-native-portfolio-console>span i{width:6px;height:6px;border-radius:50%;background:#ee622b}.ccp-native-portfolio-console>span i:nth-child(2){opacity:.45}.ccp-native-portfolio-console>span i:nth-child(3){opacity:.18}.ccp-native-portfolio-console strong{color:#252d37;font:900 clamp(25px,2.6vw,39px)/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em}.ccp-native-portfolio-console small{margin-top:16px;color:#ef6a34;font:900 9px/1.2 Arial,sans-serif;letter-spacing:.17em}
.ccp-native-portfolio-orbit{position:absolute;border:1px dashed rgba(101,110,120,.21);border-radius:50%;animation:ccpNativePortfolioOrbit 26s linear infinite}.ccp-native-portfolio-orbit--one{width:330px;height:330px}.ccp-native-portfolio-orbit--two{width:430px;height:210px;transform:rotate(-28deg);animation-direction:reverse;animation-duration:31s}
.ccp-native-portfolio-stat{position:absolute;z-index:5;min-width:142px;padding:15px 17px;border:1px solid rgba(222,225,228,.95);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(49,57,66,.07)}.ccp-native-portfolio-stat b{display:block;color:var(--np-orange);font:950 24px/1 Arial,sans-serif}.ccp-native-portfolio-stat span{display:block;margin-top:5px;color:#68717a;font-size:9px;font-weight:900}.ccp-native-portfolio-stat--projects{right:-10px;bottom:28px}.ccp-native-portfolio-stat--types{left:4px;top:25px}
.ccp-native-portfolio-gallery{scroll-margin-top:calc(var(--ccp-site-header-height,96px) + 12px);background:#eef0f2}
body.ccp-native-portfolio-page .ccp-native-portfolio-gallery>.ccp-portfolio-studio{margin:0!important;border-top:1px solid rgba(195,200,205,.56)!important}
.ccp-native-portfolio-empty{padding:90px 24px;text-align:center;background:#f1f3f5;direction:rtl}.ccp-native-portfolio-empty>span{color:#ee622b;font:900 10px/1 Arial,sans-serif;letter-spacing:.16em}.ccp-native-portfolio-empty h2{margin:10px 0 8px!important;color:#202832!important;font-size:28px!important}.ccp-native-portfolio-empty p{max-width:650px;margin:0 auto!important;color:#727b84;font-size:13px!important;line-height:1.9!important}
@keyframes ccpNativePortfolioOrbit{to{transform:rotate(360deg)}}

@media(max-width:1024px){
  body.ccp-native-homepage.ccp-native-portfolio-page.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-native-portfolio-page.ccp-site-header-inner-page.admin-bar{padding-top:78px!important}
  .ccp-native-portfolio-hero{min-height:auto}
  .ccp-native-portfolio-hero__inner{width:100%;padding:40px max(22px,env(safe-area-inset-right)) 42px max(22px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:30px;box-sizing:border-box}
  .ccp-native-portfolio-hero h1{font-size:clamp(34px,6vw,52px)!important}
  .ccp-native-portfolio-hero__visual{min-height:300px}.ccp-native-portfolio-console{min-height:205px;padding:24px}.ccp-native-portfolio-stat{min-width:118px;padding:12px 13px}.ccp-native-portfolio-stat b{font-size:20px}
}
@media(max-width:760px){
  .ccp-native-portfolio-hero__inner{grid-template-columns:1fr;padding-top:30px;padding-bottom:34px;gap:26px}
  .ccp-native-portfolio-hero__copy{text-align:right}.ccp-native-portfolio-hero h1{font-size:clamp(31px,9vw,45px)!important}.ccp-native-portfolio-hero h1 span{font-size:.52em}.ccp-native-portfolio-hero__copy>p{margin-top:15px!important;font-size:13px!important;line-height:1.95!important}.ccp-native-portfolio-hero__actions{margin-top:22px;gap:12px}.ccp-native-portfolio-hero__actions a{min-height:44px;padding-inline:17px}.ccp-native-portfolio-hero__actions>span{font-size:8px}
  .ccp-native-portfolio-hero__visual{min-height:245px}.ccp-native-portfolio-console{width:calc(100% - 24px);min-height:175px;padding:22px;border-radius:24px 8px 24px 24px;transform:rotateY(-4deg)}.ccp-native-portfolio-console strong{font-size:clamp(23px,8vw,34px)}.ccp-native-portfolio-orbit--one{width:230px;height:230px}.ccp-native-portfolio-orbit--two{width:300px;height:150px}.ccp-native-portfolio-stat{min-width:102px;padding:10px 11px;border-radius:14px}.ccp-native-portfolio-stat b{font-size:18px}.ccp-native-portfolio-stat span{font-size:7.5px}.ccp-native-portfolio-stat--projects{right:0;bottom:2px}.ccp-native-portfolio-stat--types{left:0;top:2px}
  body.ccp-native-portfolio-page .ccp-native-portfolio-gallery>.ccp-portfolio-studio{border-top:0!important}
}
@media(max-width:380px){
  body.ccp-native-homepage.ccp-native-portfolio-page.ccp-site-header-inner-page,
  body.ccp-native-homepage.ccp-native-portfolio-page.ccp-site-header-inner-page.admin-bar{padding-top:74px!important}
  .ccp-native-portfolio-hero__inner{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.ccp-native-portfolio-hero__actions>span{display:none}.ccp-native-portfolio-stat--types{display:none}.ccp-native-portfolio-console{width:100%}
}
@media(prefers-reduced-motion:reduce){.ccp-native-portfolio-orbit{animation:none!important}.ccp-native-portfolio-hero__actions a{transition:none!important}}

/* v0.15.80 — Native portfolio heading + dynamic type manager cache-bust. */
.ccp-native-portfolio-root .ccp-native-portfolio-hero h1#ccpPortfolioTitle{
  color:#111318!important;
  font-size:33px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
.ccp-native-portfolio-root .ccp-native-portfolio-hero h1#ccpPortfolioTitle>span{
  display:block!important;
  margin-top:7px!important;
  color:#ee622b!important;
  font-size:17px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}