:root {
  --studio-black: #0d0d0d;
  --studio-pink: #e682aa;
  --studio-blue: #78aae6;
  --studio-action: linear-gradient(135deg, #78143c, #501446 50%, #142850);
  --studio-action-hover: linear-gradient(135deg, #8c1e50, #283c78);
  --studio-type: 'Geist', Arial, sans-serif;
  --studio-mono: 'Geist Mono', ui-monospace, monospace;
}
body.fotz-shell :is(.fx, .fs-footer, .fm-menu),
body.fotz-shell :is(.fx, .fs-footer) :is(h1, h2, h3, p),
body.fotz-shell .main-content :is(h1,h2,h3) {
  font-family: var(--studio-type) !important;
}
body.fotz-shell .fx :is(h1,h2), body.fotz-shell .fs-footer h2 {
  font-weight: 400 !important;
  letter-spacing: -.05em !important;
}
.fx :is(.fx-eyebrow,.fx-top,.fi-number,.fi-video-label,.fh-scene-caption),
.fs-footer .fs-kicker,.fm-menu-label,.fm-menu-note {
  font-family: var(--studio-mono) !important;
}
.fx .fx-eyebrow, .fs-footer .fs-kicker {color: var(--studio-pink) !important}
.fx .fp-form-panel .fx-eyebrow {color: #772745 !important}
body.fotz-shell #header-outer #top nav>ul>li>a {
  font: 400 12px/1.3 var(--studio-mono) !important;
  text-transform: uppercase;
  letter-spacing: .08em !important;
}
.fx :is(h1,h2) em, .fs-footer .fs-invite h2 span {
  background: linear-gradient(135deg, var(--studio-pink), var(--studio-blue));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  font-style: italic !important;
  padding: .03em .12em .12em .01em;
  margin-bottom: -.12em;
  display: inline-block;
}
.fh .fh-hero-copy h1 em {display:inline-block}
.fh-hero, .fi:not(.fh) .fi-hero, .fc-hero, .fp-hero {
  background: radial-gradient(ellipse at 85% 18%, rgb(120 20 60 / 18%), transparent 62%);
}
.fh .fh-hero {background:none}
.fx.fh {background:radial-gradient(ellipse 70% 660px at 85% 140px,rgb(120 20 60 / 18%),transparent),var(--studio-black)}
.fp-page .fp-hero-media,.fp-page .fp-hero-media:hover {transform:none}
.fh .fh-hero-scene {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: auto auto;
  gap: 10px;
  align-content:center;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  perspective:none;
}
.fh .fh-orbit,.fh .fh-scene-label {display:none}
.fh .fh-hero-main,.fh .fh-float {
  position:relative;
  inset:auto;
  width:100%;
  border:1px solid #ffffff26;
  border-radius:14px;
  box-shadow:none;
  transform:none !important;
  animation:none !important;
}
.fh .fh-hero-main {grid-column:1/-1; aspect-ratio: 16/10}
.fh .fh-float {aspect-ratio: 3.4; background:#171717}
.fh .fh-float img {object-position:50% 42%;transition:transform .25s ease}
.fh .fh-scene-caption {background:linear-gradient(transparent,#080808e8);padding-top:26px}
.fx :is(.fi-visual,.fp-project-image,.fp-hero-media,.fc-cover,.fc-tile,.fh-film-frame,.fp-form-panel,.fh-work-note) {border-radius:16px; overflow:hidden}
.fx .fi-stage {background:#dedee4}
.fi-stage::before {background:radial-gradient(ellipse at 70% 90%,#b6aec0,transparent 65%)}
.fi-stage .fi-stage-word {color:#c6c1cc}
.fx .fx-pill, .fs-footer .fs-start, .fh .fh-text-link, .fx .fi-open {
  font-family:var(--studio-mono) !important;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-size:12px;
}
.fx .fh-primary,.fx .fp-primary,.fx .fi-open,.fx .fi-end .fx-pill,.fx .fx-end .fx-pill,
.fs-footer .fs-start,.fi .fi-filters button[aria-pressed=true],.fp-project .fp-project-image>span,
.fm-menu .fm-menu-close,
body.fotz-inner .fp-form-panel .wpforms-form button[type=submit],
body.fotz-shell #header-outer#header-outer #top :is(.menu-item-680>a,.fm-open-menu) {
  background:var(--studio-action) !important;color:white !important;border-color:#ffffff38 !important;
}
body.fotz-shell #header-outer#header-outer #top .menu-item-680>a :is(.menu-title-text,i),
body.fotz-shell #header-outer#header-outer #top .fm-open-menu svg {color:white !important}
html body.fotz-shell #header-outer#header-outer #top .sf-menu .sub-menu a:is(:hover,:focus-visible) {
  background:#35252f !important;color:white !important
}
.fx .fh-text-link {border:1px solid #ffffff40;border-radius:50px;padding:13px 18px}
.fh .fh-actions {gap:12px}
.fx .fh-lead,.fx .fp-lead,.fx .fc-intro p {color:#b8b8bd}
.fp-contact.fx-on .fp-asterisk {animation:none}
@keyframes studio-arrive {from{opacity:.75;transform:translateY(12px)} to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  .fx.fx-on .fp-seen,.fi.fx-on .fi-card.is-inview,.fi.fx-on .fi-title h1,
  .fh.fx-on .fh-hero-copy,.fc-case.fx-on .fc-hero,.fp-page.fx-on .fp-hero {
    animation:studio-arrive .5s cubic-bezier(.2,.7,.2,1) both;
  }
}
@media(hover:hover) and (pointer:fine){
  .fh .fh-float:hover img,.fp-project:hover .fp-project-image img,.fi-card-link:hover .fi-cover {transform:scale(1.02)}
  .fx :is(.fh-primary,.fp-primary):hover,.fs-footer .fs-start:hover,body.fotz-inner .fp-form-panel .wpforms-form button[type=submit]:hover,
  body.fotz-shell #header-outer#header-outer #top .menu-item-680>a:hover {background:var(--studio-action-hover) !important;color:white !important;transform:translateY(-1px)}
}
body.fotz-shell:is(.page-id-1793,.page-id-1869,.page-id-1859,.page-id-1492,.tax-project-type) .container-wrap {
  background:var(--studio-black) !important;color:#eee;
}
body.fotz-shell:is(.page-id-1793,.page-id-1869,.page-id-1492,.tax-project-type) .main-content :is(h1,h2,h3,h4,p,li) {color:inherit}
body.page-id-1869.fotz-shell .main-content a,body.tax-project-type.fotz-shell .work-meta a {color:#e682aa}
body.page-id-1793.fotz-shell .main-content [aria-hidden="true"][style*="#3d254b"] {color:var(--studio-pink)!important}
body.fotz-shell:is(.page-id-1793,.page-id-1869,.page-id-1492) .main-content p {font-family:var(--studio-type)}
@media(prefers-reduced-motion:no-preference){
  body.fotz-shell:is(.page-id-1793,.page-id-1869,.page-id-1492,.tax-project-type) .main-content :is(h1,h2):first-of-type {animation:studio-arrive .5s ease-out both}
}
@media(max-width:700px){
  .fh .fh-hero-grid{gap:25px}
  .fh .fh-hero-scene{max-width:100%;gap:7px}
  .fh .fh-hero-main{aspect-ratio:1.55}
  .fh .fh-float{aspect-ratio:3.4}
  .fx .fx-pill,.fh .fh-text-link{font-size:11px;letter-spacing:.06em}
}
@media(prefers-reduced-motion:reduce){
  body.fotz-shell :is(.fx,.fs-footer,.fm-menu) *, .fm-menu[open] {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .fx :is(h1,h2) em,.fs-footer .fs-invite h2 span {color:CanvasText!important;background:none}
}
.fp-guide {scroll-margin-top:110px}
.fp-guide .fp-heading {align-items:start}
.fp-guide .fp-heading h2 {max-width:17ch}
.fp-guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,64px)}
.fp-guide-grid article {padding:24px 0;border-top:1px solid #ffffff35}
.fp-guide-grid h3 {margin-bottom:16px!important}
.fp-guide-grid p {font-size:16px;line-height:1.65;color:#ceced2}
.fp-guide-grid .fp-guide-example {margin-top:20px;color:#b6b6bd}
.fp-guide-example a {color:#eaa4c1;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.fp-guide-grid{grid-template-columns:1fr;gap:0}.fp-guide{scroll-margin-top:85px}}
