/* Contact section, ported from the Fragment Webflow template (general-layouts/contact-1, hero-11 dark).
   Classes prefixed fct-. Layout modified per request: image column moved to the LEFT,
   "Contact" text block to the CENTER (original grid order was text | image | links).
   Same em-on-.75vw sizing system as the fcta- CTA; image reveal/parallax reuse fcta- classes. */

.fct-hero{z-index:1;background-color:#1f1e26;color:#c2c1dd;font-family:Manrope,"Manrope Variable",sans-serif;font-size:.75vw;font-weight:400;line-height:1.2em;flex-direction:row;justify-content:space-between;align-items:stretch;width:100%;min-height:100vh;padding-top:17em;padding-bottom:12em;display:flex;position:relative;overflow:hidden}
.fct-layout{z-index:10;grid-column-gap:6vw;grid-template-rows:auto;grid-template-columns:1.5fr 1fr 1fr;grid-auto-columns:1fr;align-items:end;width:100%;padding-left:8vw;padding-right:8vw;display:grid;position:relative}
.fct-block-image{border-radius:5px;align-self:stretch;position:relative;overflow:hidden}
.fct-block-text{grid-row-gap:4.5em;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:35em;margin-left:auto;margin-right:auto;display:flex}
.fct-block-links{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}
.fct-heading{z-index:10;font-family:Manrope,"Manrope Variable",sans-serif;text-transform:none;letter-spacing:-.0225em;margin:0;color:#c2c1dd;font-size:5vw;font-weight:700;line-height:1em;position:relative}
.fct-office{grid-row-gap:2em;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}
.fct-uppercase-title{z-index:20;font-family:Manrope,"Manrope Variable",sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1em;font-weight:700;line-height:1em;position:relative}
.fct-opacity-50{opacity:.5}
.fct-paragraph{z-index:10;font-family:Manrope,"Manrope Variable",sans-serif;letter-spacing:normal;text-transform:none;margin:0;font-size:1.4em;font-weight:500;line-height:1.6em;position:relative}
.fct-cta-link{border-bottom:1px solid #d44133;width:100%;color:#eb4c3c;text-align:right;text-decoration:none;padding-top:2em;padding-bottom:2em;font-weight:700;transition:border-color .2s,color .2s,padding .6s cubic-bezier(.075,.82,.165,1);max-width:100%;display:inline-block}
.fct-cta-link:hover{border-bottom-color:#fff;color:#fff;background-image:url("/images/cta-arrow-white.svg");background-position:100%;background-repeat:no-repeat;background-size:2em;padding-top:3em;padding-bottom:3em;padding-right:4em}
.fct-link-text{font-family:Manrope,"Manrope Variable",sans-serif;letter-spacing:normal;text-transform:none;margin:0;font-size:1.6em;line-height:1.2em}

/* decorative background circles grid (3D mouse-tilt target) */
.fct-circles-block{z-index:1;perspective:10000px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0%;overflow:hidden}
.fct-circles-trigger{position:absolute;width:110%;height:110%;inset:auto}
.fct-circles-grid{z-index:1;grid-column-gap:0px;grid-row-gap:0px;flex-wrap:wrap;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;place-items:center;width:100%;height:100%;margin-left:auto;margin-right:auto;padding:4vw;display:grid;position:absolute;inset:0%;overflow:hidden}
.fct-circles-gradients{z-index:5;background-image:radial-gradient(circle farthest-corner at 50% 50%,#1f1e2603 60%,#1f1e26);flex-direction:column;justify-content:center;align-items:center;display:block;position:absolute;inset:0%}
.fct-radial-left{z-index:10;background-image:radial-gradient(circle closest-side at 30% 50%,#1f1e26 30%,#1f1e2603);opacity:.8;width:100%;height:100%;position:absolute}
.fct-radial-center{z-index:10;background-image:radial-gradient(circle closest-side at 50% 50%,#1f1e26 30%,#1f1e2603);opacity:.8;width:100%;height:100%;position:absolute}
.fct-radial-right{z-index:10;background-image:radial-gradient(circle farthest-side at 100% 100%,#1f1e26,#1f1e2603);opacity:.8;width:100%;height:100%;position:absolute}
.fct-dot{background-color:#515066;border-radius:50%;width:3px;height:3px}
.fct-circle{z-index:1;border:1px solid #5150664d;border-radius:50%;flex:none;width:5em;height:5em;position:relative}
.fct-circle.is-1st{border-color:#1f1e26;background-image:linear-gradient(135deg,#333240,#1f1e26)}
.fct-circle.is-2nd{border-color:#e9695d33}
.fct-circle.is-3rd{border-color:#e9695d4d;background-color:#e9695d0d;flex-direction:column;justify-content:center;align-items:center;display:flex}
.fct-circle.is-4th{border-color:#51506666;flex-direction:column;justify-content:center;align-items:center;display:flex}
.fct-circle-inner-1{z-index:1;border:1px solid #e9695d4d;border-radius:50%;width:80%;height:80%;position:absolute}
.fct-circle-inner-1.is-2nd{width:60%}
.fct-circle-inner-1.is-3rd{width:40%}
.fct-circle-inner-2{z-index:1;border:1px solid #51506666;border-radius:50%;width:80%;height:100%;position:absolute}
.fct-circle-inner-2.is-2nd{width:60%}
.fct-circle-inner-2.is-3rd{width:40%}

@media screen and (min-width:1440px){
.fct-hero{font-size:11px}
}
@media screen and (min-width:1920px){
.fct-hero{font-size:13px}
}
@media screen and (max-width:991px){
.fct-hero{font-size:11px;min-height:auto;padding-top:20em;padding-bottom:8em}
.fct-heading{font-size:14vw;line-height:1.2em}
.fct-layout{grid-row-gap:5em;grid-template-columns:1fr}
.fct-block-image{width:100%;height:30em}
.fct-circle{width:5vw;height:5vw}
.fct-cta-link{text-align:left;background-image:url("/images/cta-arrow-red.svg");background-position:100%;background-repeat:no-repeat;background-size:2em}
.fct-cta-link:hover{padding-top:2em;padding-bottom:2em;padding-right:0}
}
@media screen and (max-width:767px){
.fct-hero{padding-bottom:6em}
.fct-paragraph{font-size:1.3em}
.fct-circle{width:6vw;height:6vw}
.fct-radial-left{background-image:radial-gradient(circle closest-corner at 30% 50%,#1f1e26 50%,#1f1e2603)}
.fct-radial-right{background-image:radial-gradient(circle closest-corner at 30% 50%,#1f1e26 50%,#1f1e2603)}
}
@media screen and (max-width:479px){
.fct-hero{padding-top:15em}
.fct-uppercase-title{font-size:.8em}
.fct-circle{width:8vw;height:8vw}
}