:root{--ease-premium:cubic-bezier(.22, 1, .36, 1)}.contact-section{min-height:100svh;color:var(--text);background:#030303;padding:clamp(6rem,8vw,9rem) clamp(1rem,4vw,6rem);position:relative;overflow:hidden}.contact-bg-grid{pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 58% 28%,#000 0%,#0000 68%);mask-image:radial-gradient(circle at 58% 28%,#000 0%,#0000 68%)}.contact-glow{filter:blur(110px);pointer-events:none;border-radius:999px;position:absolute}.contact-glow-one{opacity:.75;background:#53e7091c;width:520px;height:520px;top:8%;right:18%}.contact-glow-two{opacity:.8;background:#ffffff0b;width:560px;height:560px;bottom:5%;left:-18%}.contact-shell{z-index:2;width:min(var(--max-width), 100%);margin:0 auto;position:relative}.contact-layout{grid-template-columns:minmax(320px,.9fr) minmax(620px,1.5fr);align-items:start;gap:clamp(3rem,6vw,7rem);display:grid}.contact-left{padding-top:clamp(1rem,3vw,2.5rem)}.contact-kicker{color:#ffffffbd;align-items:center;gap:.75rem;margin-bottom:clamp(2rem,4vw,3.2rem);display:inline-flex}.contact-kicker span{background:var(--accent);border-radius:999px;width:.48rem;height:.48rem;box-shadow:0 0 22px #53e709b8}.contact-kicker p{font-size:var(--font-sm);font-weight:var(--weight-strong);text-transform:uppercase;letter-spacing:.06em;margin:0}.contact-left h2{max-width:560px;font-size:var(--font-2xl);font-weight:var(--weight-heading);line-height:var(--line-tight);letter-spacing:var(--letter-tight);margin:0}.contact-lead{max-width:470px;color:var(--text-soft);font-size:var(--font-base);line-height:var(--line-body);margin-top:clamp(1.5rem,2.5vw,2rem)}.contact-info-grid{background:#ffffff05;border:1px solid #ffffff1c;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-top:clamp(2rem,4vw,3rem);display:grid;overflow:hidden}.contact-info-card{min-height:112px;transition:transform .35s var(--ease-premium), border-color .35s var(--ease-premium), background .35s var(--ease-premium), color .35s var(--ease-premium), box-shadow .35s var(--ease-premium);border-right:1px solid #ffffff17;align-content:center;gap:.25rem;padding:1.2rem;display:grid}.contact-info-card:last-child{border-right:0}.contact-info-card:hover{background:#ffffff09}.contact-icon{color:var(--accent);margin-bottom:.8rem;font-size:1.15rem;line-height:1}.contact-info-card small{color:#ffffff94;font-size:var(--font-xs);font-weight:var(--weight-strong);text-transform:uppercase;letter-spacing:.08em}.contact-info-card strong{color:var(--text);font-size:var(--font-sm);font-weight:var(--weight-body)}.whatsapp-card{width:min(360px,100%);transition:transform .35s var(--ease-premium), border-color .35s var(--ease-premium), background .35s var(--ease-premium), color .35s var(--ease-premium), box-shadow .35s var(--ease-premium);background:#ffffff05;border:1px solid #ffffff1c;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;display:grid}.whatsapp-card:hover{background:#53e7090b;border-color:#53e70980;transform:translateY(-2px)}.whatsapp-circle{width:2.5rem;height:2.5rem;color:var(--accent);border:1px solid #53e709b8;border-radius:999px;place-items:center;display:grid}.whatsapp-card strong{color:var(--text);font-size:var(--font-sm);font-weight:var(--weight-strong);display:block}.whatsapp-card p{color:var(--text-muted);font-size:var(--font-sm);margin:.1rem 0 0;line-height:1.35}.whatsapp-arrow{color:var(--text)}.contact-right{width:100%}.contact-experience-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);min-height:590px;transition:transform .7s var(--ease-premium), box-shadow .7s var(--ease-premium), border-color .7s var(--ease-premium);background:linear-gradient(145deg,#ffffff12,#ffffff05),#ffffff05;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);display:grid;overflow:hidden;box-shadow:0 36px 120px #00000085,inset 0 1px #ffffff14}.contact-experience-card:hover{border-color:#ffffff2e;transform:translateY(-4px)}.contact-form-panel{flex-direction:column;justify-content:center;padding:clamp(1.4rem,2.5vw,2.4rem);display:flex}.form-heading{margin-bottom:1.4rem}.form-heading h3{font-size:clamp(1.35rem,1.6vw,1.8rem);font-weight:var(--weight-heading-strong);letter-spacing:-.035em;margin:0}.form-heading p{color:var(--text-muted);font-size:var(--font-sm);margin-top:.35rem}.brief-options{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.brief-option{border-radius:var(--radius-pill);color:#ffffffa8;font-size:var(--font-xs);font-weight:var(--weight-body);cursor:pointer;transition:transform .35s var(--ease-premium), border-color .35s var(--ease-premium), background .35s var(--ease-premium), color .35s var(--ease-premium), box-shadow .35s var(--ease-premium);background:#ffffff06;border:1px solid #ffffff1f;padding:.55rem .8rem}.brief-option:hover,.brief-option.is-active{color:var(--text);background:#53e70917;border-color:#53e709a6}.brief-fields{gap:.8rem;display:grid}.brief-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-panel input,.contact-form-panel textarea{width:100%;color:var(--text);font:inherit;font-size:var(--font-sm);transition:transform .35s var(--ease-premium), border-color .35s var(--ease-premium), background .35s var(--ease-premium), color .35s var(--ease-premium), box-shadow .35s var(--ease-premium);background:#0000003d;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:1rem}.contact-form-panel input:not(:last-child),.contact-form-panel textarea{margin-bottom:.8rem}.contact-form-panel textarea{resize:vertical;min-height:116px}.contact-form-panel input::placeholder,.contact-form-panel textarea::placeholder{color:#ffffff6b}.contact-form-panel input:focus,.contact-form-panel textarea:focus{background:#0000005c;border-color:#53e709ad;box-shadow:0 0 0 4px #53e70912}.brief-submit{background:var(--accent);color:#050505;width:100%;font-size:var(--font-sm);font-weight:var(--weight-heading-strong);cursor:pointer;transition:transform .35s var(--ease-premium), filter .35s var(--ease-premium), box-shadow .35s var(--ease-premium);border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.brief-submit:hover{filter:brightness(1.08);transform:translateY(-2px)}.privacy-note{color:var(--text-muted);font-size:var(--font-xs);margin:1rem 0 0}.contact-map-panel{background:#080808;border-left:1px solid #ffffff14;min-height:100%;position:relative;overflow:hidden}.contact-map-panel picture{width:100%;height:100%;display:block}.contact-map-image{object-fit:cover;object-position:46% 36%;filter:brightness(.92)contrast(1.08);width:100%;height:100%;min-height:590px;transition:transform 1.2s var(--ease-premium), filter 1.2s var(--ease-premium);display:block}.contact-experience-card:hover .contact-map-image{filter:brightness()contrast(1.1);transform:scale(1.045)}@media (max-width:1280px){.contact-layout{grid-template-columns:minmax(300px,.9fr) minmax(560px,1.35fr);gap:3rem}.contact-experience-card{grid-template-columns:minmax(330px,.95fr) minmax(360px,1.05fr)}}@media (max-width:1024px){.contact-section{padding-top:7rem;padding-bottom:6rem}.contact-layout{grid-template-columns:1fr}.contact-left{max-width:680px;padding-top:0}.contact-experience-card{grid-template-columns:1fr;min-height:auto}.contact-map-panel{border-top:1px solid #ffffff14;border-left:0;min-height:420px}.contact-map-image{object-position:50% 34%;min-height:420px}}@media (max-width:768px){.contact-section{padding:5.5rem 1.25rem 4.5rem}.contact-info-grid{grid-template-columns:1fr}.contact-info-card{border-bottom:1px solid #ffffff17;border-right:0}.contact-info-card:last-child{border-bottom:0}.contact-experience-card{border-radius:16px}.brief-fields--two{grid-template-columns:1fr}.contact-map-panel{min-height:390px}}@media (max-width:480px){.contact-section{padding:4.8rem 1rem 4rem}.contact-kicker{margin-bottom:2rem}.contact-lead{margin-top:1.2rem}.contact-form-panel{padding:1.1rem}.contact-form-panel input,.contact-form-panel textarea{padding:.95rem}.brief-options{grid-template-columns:1fr 1fr;display:grid}.brief-option{width:100%}.contact-map-panel{min-height:360px}.contact-map-image{object-position:50% 32%;min-height:360px}}@media (prefers-reduced-motion:reduce){.contact-experience-card,.contact-map-image,.brief-option,.contact-form-panel input,.contact-form-panel textarea,.brief-submit,.whatsapp-card,.contact-info-card{transition:none}.contact-experience-card:hover,.contact-experience-card:hover .contact-map-image,.brief-submit:hover,.whatsapp-card:hover{transform:none}}
