/* GENERATED by wix-clone/tools/build/wix2css.mjs from the captured Wix page
   (wix-clone/capture/pages/portfolio-1440.html). Do not edit: change wix-map.mjs
   or the generator and run it again. --sf is Wix's scaling factor. */
:root { --sf: min(100vw, 1600px); }

.pf-intro { min-height: 0px; height: auto; min-width: 0px; max-width: 99999px; max-height: 99999px; display: flex; flex-direction: column; align-self: stretch; justify-self: stretch; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; grid-area: 1/1/2/2; position: relative; }
.pf-intro > .c { box-sizing: border-box; position: relative; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; max-width: 1600px; margin-left: clamp(0px, (100% - 1600px) / 2, 100 * 1vw); flex-grow: 1; display: grid; grid-template-rows: minmax(max(0.5px, 0.3431664 * var(--sf)),auto); grid-template-columns: minmax(0px,1fr); }
.pf-intro-box { width: 55.01418094278953%; height: auto; align-self: start; justify-self: center; margin-top: max(0.5px, 0.1183828 * var(--sf)); margin-left: max(0.5px, 0.0001922 * var(--sf)); margin-bottom: 0px; margin-right: 0px; grid-area: 1/1/2/2; position: relative; display: flex; flex-direction: column; }
.pf-intro-box > .c { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; }
.pf-label { height: auto; min-width: 0px; width: 99.89988493009095%; max-width: 99999px; display: block; margin-left: max(0.5px, 0.0005509 * var(--sf)); margin-right: 0px; margin-top: 0px; margin-bottom: max(0.5px, 0.0223894 * var(--sf)); align-self: flex-start; order: 1; position: relative; }
.pf-label :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote) { color: #000000; background-color: transparent; text-decoration: none; text-align: center; }
.pf-title { min-height: 0px; height: auto; min-width: 0px; width: 696.2088012695312px; max-width: 99999px; max-height: 99999px; display: block; margin-left: 0px; margin-right: max(0.5px, 0.0003703 * var(--sf)); margin-top: 0px; margin-bottom: max(0.5px, 0.0193041 * var(--sf)); align-self: center; order: 2; position: relative; }
.pf-title :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote) { color: #000000; background-color: transparent; font-size: 45px; text-decoration: none; text-align: center; }
.pf-text { height: auto; min-width: 0px; width: 82.27463015793563%; max-width: 99999px; display: block; margin-left: max(0.5px, 0.0563144 * var(--sf)); margin-right: 0px; margin-top: 0px; margin-bottom: 0px; align-self: flex-start; order: 3; position: relative; }
.pf-text :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote) { color: #000000; background-color: transparent; text-decoration: none; text-align: center; }
.pf-work { min-height: 0px; height: auto; min-width: 0px; max-width: 99999px; max-height: 99999px; align-self: stretch; justify-self: stretch; grid-area: 2/1/3/2; position: relative; display: flex; flex-direction: column; }
.pf-work > .c { box-sizing: border-box; padding-top: 3vw; padding-right: 3vw; padding-left: 3vw; padding-bottom: 3vw; row-gap: 0px; column-gap: 0px; display: grid; grid-template-rows: minmax(max(0.5px, 1.5603555 * var(--sf)),auto); grid-template-columns: minmax(0px,1fr); flex-grow: 1; }
.pf-gallery { min-height: 0px; height: auto; min-width: 0px; width: auto; max-height: 99999px; align-self: stretch; justify-self: stretch; margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%; grid-area: 1/1/2/2; position: relative; }
.pf-gallery > .c { box-sizing: border-box; position: relative; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; flex-grow: 1; }
.pf-gallery { display: grid; grid-template-rows: 1fr; grid-template-columns: minmax(0, 1fr); }
.pf-logo { min-height: unset; height: auto; min-width: 0px; width: 104.83371704182726%; max-width: 99999px; max-height: 99999px; aspect-ratio: 1/0.17036657671989125; display: block; align-self: end; justify-self: start; margin-left: min(-0.5px, -0.0285651 * var(--sf)); margin-right: 0px; margin-top: 0px; margin-bottom: min(-0.5px, -0.061556 * var(--sf)); grid-area: 1/1/2/2; position: relative; }
.pf-logo img { height: 100%; }

@media (max-width: 1000px) {
  .pf-intro > .c { grid-template-rows: minmax(max(0.5px, 0.5939576 * var(--sf)),auto); }
  .pf-intro-box { width: 53.42447579729666%; margin-top: max(0.5px, 0.1202118 * var(--sf)); margin-left: max(0.5px, 0.0055825 * var(--sf)); margin-right: 0px; }
  .pf-intro-box > .c { padding-top: max(0.5px, 0.0264901 * var(--sf)); padding-right: 0px; padding-left: 0px; padding-bottom: max(0.5px, 0.0264901 * var(--sf)); }
  .pf-label { width: 99.99897396960898%; margin-left: max(0.5px, 0.0006585 * var(--sf)); margin-bottom: max(0.5px, 0.0223894 * var(--sf)); }
  .pf-title { width: 414.694580078125px; margin-right: 0px; margin-bottom: max(0.5px, 0.0196418 * var(--sf)); align-self: flex-start; }
  .pf-title :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote) { font-size: 35px; }
  .pf-text { width: 82.35641647397904%; margin-left: max(0.5px, 0.0571192 * var(--sf)); }
  .pf-work > .c { padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; grid-template-rows: minmax(max(0.5px, 3.3675364 * var(--sf)),auto); }
  .pf-logo { width: 104.65638802488242%; justify-self: start; margin-left: min(-0.5px, -0.0296377 * var(--sf)); margin-right: 0px; margin-bottom: min(-0.5px, -0.0842772 * var(--sf)); }
}

@media (max-width: 750px) {
  .pf-intro > .c { grid-template-rows: minmax(max(0.5px, 1.2560213 * var(--sf)),auto); }
  .pf-intro-box { width: 89.74930969738416%; margin-top: max(0.5px, 0.2664043 * var(--sf)); margin-left: 0px; margin-right: max(0.5px, 0.0013431 * var(--sf)); }
  .pf-intro-box > .c { padding-top: max(0.5px, 0.0264894 * var(--sf)); padding-right: 0px; padding-left: 0px; padding-bottom: max(0.5px, 0.0264894 * var(--sf)); }
  .pf-label { min-height: 0px; width: 99.84650936446691%; max-height: 99999px; margin-left: max(0.5px, 0.0013777 * var(--sf)); margin-bottom: max(0.5px, 0.0862181 * var(--sf)); }
  .pf-label :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote) { font-size: 12px; }
  .pf-title { width: 337.272705078125px; margin-right: 0px; margin-bottom: max(0.5px, 0.0841915 * var(--sf)); align-self: flex-start; }
  .pf-title :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote) { font-size: 25px; }
  .pf-text { width: 82.35641647397904%; margin-left: max(0.5px, 0.061446 * var(--sf)); }
  .pf-work > .c { padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 0px; grid-template-rows: minmax(max(0.5px, 9.9170479 * var(--sf)),auto); }
  .pf-logo { width: 110.03280621321416%; justify-self: center; margin-left: 0px; margin-right: max(0.5px, 0.0148602 * var(--sf)); margin-bottom: min(-0.5px, -0.0185694 * var(--sf)); }
}

@media (prefers-reduced-motion: no-preference) {
  .js .pf-label:not(.motion-done) { animation: motion-fadeIn 1200ms 1ms linear backwards 1, motion-expandIn 1200ms 1ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards 1; animation-composition: replace, replace; --motion-translate-x: 0; --motion-translate-y: 0; --motion-scale: 0.8; animation-play-state: paused; }
  .js .pf-title:not(.motion-done) { animation: motion-fadeIn 1200ms 500ms linear backwards 1, motion-expandIn 1200ms 500ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards 1; animation-composition: replace, replace; --motion-translate-x: 0; --motion-translate-y: 0; --motion-scale: 0.8; animation-play-state: paused; }
  .js .pf-text:not(.motion-done) { animation: motion-fadeIn 960ms 1ms cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards 1, motion-dropIn 1200ms 1ms cubic-bezier(0.645, 0.045, 0.355, 1) backwards 1; animation-composition: replace, replace; --motion-scale: 1.2; animation-play-state: paused; }
  @media (max-width: 1000px) {

  }
  @media (max-width: 750px) {

  }
  .js .motion-run { animation-play-state: running !important; }
}