:root{--ink:#050505;--ink-deep:#050505;--ivory:#050505;--paper:#1a1c23;--white:#fff;--muted:#8b92a5;--line:#ffffff24;--line-dark:#ffffff1f;--gold:#f97316;--gold-deep:#ea580c;--sans:"Inter",Arial,Helvetica,sans-serif}
html,body{background:#050505;color:#fff}
body{font-family:var(--sans)}
body:before{opacity:.1;mix-blend-mode:screen;background-image:radial-gradient(circle,#22d3ee 0 1px,transparent 1.5px),radial-gradient(circle,#f97316 0 1px,transparent 1.5px);background-position:0 0,16px 16px;background-size:32px 32px;animation:temporalPulse 8s ease-in-out infinite}
@keyframes temporalPulse{0%,100%{opacity:.06;transform:scale(1)}50%{opacity:.13;transform:scale(1.015)}}
.section-dark,.section-light{background:#050505;color:#fff}
.hero{background:radial-gradient(circle at 50% 34%,#1a1c23 0,#090a0d 42%,#050505 100%)}
.hero__headline h1{font-family:var(--serif);color:#fff}
.wordmark span,.featured__intro>h2,.impact__card h2,.services__heading h2,.process__heading h2,.pricing__heading h2,.testimonials__heading h2,.archive__heading>h2,.about__content h2,.faq__heading h2,.footer h2{font-family:"Great Vibes",cursive;letter-spacing:-.0119em;font-weight:400}
.eyebrow,.header-meta,.footer__availability,.archive__label{font-family:var(--sans);font-weight:600;letter-spacing:.4em;text-transform:uppercase}
.eyebrow,.featured__statement,.impact__stat,.footer h2{color:#f97316}
.hero__quote,.services__heading>p,.process-step p,.about__content p,.faq-item>div>p,.price-card__top p,.archive__heading>div p{color:#8b92a5}
.header-meta span,.project-card>.eyebrow,.testimonial-card>div,.footer__contact span,.footer__nav>div{color:#8b92a5}
.site-header--light{color:#fff}
.site-header--light .arrow-button,.site-header--light .arrow-button--inverse{color:#fff;border-color:#1a1c23}
.site-header--light .arrow-button__icon{color:#fff;background:#f97316}
.arrow-button{color:#fff;background:#1a1c23;border:1px solid #30333d;box-shadow:inset 0 1px 1px #ffffff0d,0 4px 8px #0009;border-radius:9999px}
.arrow-button__icon{color:#fff;background:#f97316}
.arrow-button:hover,.arrow-button:focus-visible{color:#fff;background:#f97316;border-color:#f97316}
.hero-carousel__card,.project-card__image,.services__visual,.price-card,.testimonial-card,.impact__card,.archive__folder,.archive-item>div{border-radius:16px}
.hero-carousel__card,.project-card__image,.services__visual,.price-card,.testimonial-card,.impact__card{background:#1a1c23;border:1px solid #ffffff12;box-shadow:inset 0 1px 1px #ffffff0d,inset 2px 2px 8px #000e,0 30px 60px -10px #000e}
.project-card__image,.services__visual,.archive-item>div{overflow:hidden}
.impact__card,.service-item__panel,.service-item.is-open>button,.price-card--dark{background:#1a1c23;color:#fff}
.impact__grid{opacity:.3;background-image:linear-gradient(#22d3ee17 1px,transparent 1px),linear-gradient(90deg,#22d3ee17 1px,transparent 1px)}
.service-item,.faq-item,.process-step,.all-works{border-color:#ffffff24}
.service-item>button,.faq-item>button{color:#fff}
.price-card{color:#fff;outline-color:#ffffff14}
.price-card:not(.price-card--dark) .arrow-button--inverse{color:#fff;border-color:#30333d}
.price-card:not(.price-card--dark) .arrow-button--inverse .arrow-button__icon{color:#fff;background:#f97316}
.testimonial-card{background:#1a1c23}
.archive{background-color:#050505;background-image:radial-gradient(#22d3ee24 .7px,transparent .7px)}
.archive__folder{background:#111216;border:1px solid #ffffff14;box-shadow:inset 0 1px 1px #ffffff0d,0 30px 60px -10px #000e}
.archive__heading>div,.archive__heading>div span{color:#22d3ee}
.archive__heading>div strong{color:#22d3ee38}
.archive-item>div{background:#1a1c23;border-color:#30333d}
.archive-item figcaption{color:#8b92a5}
.footer__nav>a,.faq__heading>div{border-color:#ffffff24}
.header-nav a:hover,.header-nav a:focus-visible,.footer__nav>a:hover{color:#f97316}
::selection{color:#050505;background:#22d3ee}


@keyframes cms-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.cms-loading {
  position: relative;
  color: transparent !important;
  /* Override any background-image (inline styles, Tailwind bg-[url(...)]) */
  background-image: none !important;
  background-color: transparent !important;
  background: linear-gradient(90deg, 
    rgba(128, 128, 128, 0.1) 25%, 
    rgba(128, 128, 128, 0.2) 50%, 
    rgba(128, 128, 128, 0.1) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: cms-shimmer 1.5s infinite !important;
  border-radius: 12px;
  min-height: 1em;
  min-width: 3em;
  overflow: hidden;
}
.cms-loading * {
  visibility: hidden !important;
}
.cms-loading img {
  opacity: 0 !important;
}