/* Szabó Art Design Project Intake: full contact page */
.szaboartdesign-contact-page,
.szaboartdesign-contact-page * { box-sizing: border-box; }

.szaboartdesign-contact-page {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow: hidden;
  padding: clamp(82px,7vw,132px) 0 clamp(88px,8vw,148px);
  background: radial-gradient(circle at 8% 34%,rgba(212,175,85,.11),transparent 28%),radial-gradient(circle at 84% 16%,rgba(35,79,128,.14),transparent 34%),linear-gradient(145deg,#01060d 0%,var(--szaboartdesign-brand-navy-950,#020914) 46%,#01050a 100%);
}

.szaboartdesign-contact-page__container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(330px,.78fr) minmax(620px,1.22fr);
  grid-template-areas: "copy form" "benefits form";
  grid-template-rows: auto 1fr;
  align-items: start;
  column-gap: clamp(54px,6vw,104px);
  row-gap: 36px;
}
.szaboartdesign-contact-page__copy { grid-area: copy; min-width: 0; padding-top: 12px; }
.szaboartdesign-contact-page__title { max-width: 650px; margin: 0; color: var(--szaboartdesign-brand-copy-light,#f7f3ec); font-size: clamp(3rem,4.4vw,5.15rem); font-weight: 760; line-height: .98; letter-spacing: -.048em; }
.szaboartdesign-contact-page__title span { display: block; margin-top: .12em; color: var(--szaboartdesign-brand-gold-300,#f2d58a); }
.szaboartdesign-contact-page__lead { max-width: 610px; margin: 32px 0 0; color: rgba(247,243,236,.88); font-size: clamp(1.02rem,1.18vw,1.2rem); line-height: 1.72; }
.szaboartdesign-contact-page__seo-copy { max-width: 620px; margin: 20px 0 0; color: rgba(241,244,247,.76); font-size: .96rem; line-height: 1.76; }
.szaboartdesign-contact-page__proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 34px 0 0; padding: 22px 0; border-top: 1px solid rgba(212,175,85,.2); border-bottom: 1px solid rgba(255,255,255,.07); }
.szaboartdesign-contact-page__proof>div { min-width: 0; padding-inline: 16px; }
.szaboartdesign-contact-page__proof>div:first-child { padding-left: 0; }
.szaboartdesign-contact-page__proof>div:not(:last-child) { border-right: 1px solid rgba(255,255,255,.075); }
.szaboartdesign-contact-page__proof dt { color: var(--szaboartdesign-brand-gold-300,#f2d58a); font-size: clamp(1.05rem,1.2vw,1.3rem); font-weight: 760; }
.szaboartdesign-contact-page__proof dd { margin: 7px 0 0; color: rgba(241,244,247,.52); font-size: .72rem; }

.szaboartdesign-contact-page__form-shell {
  grid-area: form;
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  padding: clamp(28px,3.1vw,48px);
  border: 1px solid rgba(212,175,85,.36);
  border-radius: var(--szaboartdesign-radius-xl,24px);
  background: radial-gradient(circle at 92% 4%,rgba(212,175,85,.085),transparent 28%),linear-gradient(155deg,rgba(4,15,28,.96),rgba(2,9,18,.99));
  box-shadow: 0 38px 110px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.045);
}
.szaboartdesign-contact-page__form-shell::after { content:""; position:absolute; inset:0; z-index:8; pointer-events:none; opacity:0; border-radius:inherit; background-image:linear-gradient(90deg,transparent,var(--szaboartdesign-brand-gold-300,#f2d58a),transparent),linear-gradient(180deg,transparent,var(--szaboartdesign-brand-gold-300,#f2d58a),transparent),linear-gradient(270deg,transparent,var(--szaboartdesign-brand-gold-300,#f2d58a),transparent),linear-gradient(0deg,transparent,var(--szaboartdesign-brand-gold-300,#f2d58a),transparent); background-repeat:no-repeat; background-size:34% 2px,2px 34%,34% 2px,2px 34%; background-position:-40% 0,100% -40%,140% 100%,0 140%; }
.szaboartdesign-contact-page__form-shell:hover::after,.szaboartdesign-contact-page__form-shell:focus-within::after { animation:sadpiBorderRun 1.65s linear 2 both; }
.szaboartdesign-contact-page__form-header { margin-bottom: 30px; padding-bottom: 26px; border-bottom: 1px solid rgba(255,255,255,.075); }
.szaboartdesign-contact-page__form-header>p { margin:0 0 12px; color:var(--szaboartdesign-brand-gold-300,#f2d58a); font-size:.68rem; font-weight:760; letter-spacing:.17em; text-transform:uppercase; }
.szaboartdesign-contact-page__form-header h2 { margin:0; color:rgba(247,243,236,.97); font-size:clamp(1.45rem,2vw,2rem); line-height:1.18; }
.szaboartdesign-contact-page__form-header>span { display:block; margin-top:10px; color:rgba(241,244,247,.48); font-size:.74rem; }

.szaboartdesign-contact-page__benefits { grid-area:benefits; display:grid; gap:22px; margin-top:36px; }
.szaboartdesign-contact-benefit { display:grid; grid-template-columns:58px minmax(0,1fr); gap:18px; align-items:start; }
.szaboartdesign-contact-benefit__icon { display:grid; place-items:center; width:54px; height:54px; color:var(--szaboartdesign-brand-gold-300,#f2d58a); border:1px solid rgba(212,175,85,.42); border-radius:50%; background:rgba(4,14,25,.78); }
.szaboartdesign-contact-benefit__icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.szaboartdesign-contact-benefit h2 { margin:2px 0 7px; color:rgba(247,243,236,.94); font-size:1rem; }
.szaboartdesign-contact-benefit p { margin:0; color:rgba(241,244,247,.58); font-size:.84rem; line-height:1.62; }

.sadpi-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sadpi-service-card { position:relative; display:grid !important; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:11px; min-height:76px; margin:0 !important; padding:13px 34px 13px 14px; color:rgba(247,243,236,.82) !important; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:linear-gradient(155deg,rgba(20,38,57,.76),rgba(8,21,35,.88)); cursor:pointer; transition:transform 220ms ease,border-color 220ms ease,background 220ms ease; }
.sadpi-service-card input { position:absolute; width:1px; height:1px; opacity:0; }
.sadpi-service-card__icon { width:26px; height:26px; border:1px solid rgba(212,175,85,.55); border-radius:8px; background:radial-gradient(circle,rgba(212,175,85,.22),transparent 70%); }
.sadpi-service-card__check { position:absolute; right:10px; top:10px; display:grid; place-items:center; width:20px; height:20px; color:#07101b; border-radius:50%; background:var(--szaboartdesign-brand-gold-300,#f2d58a); opacity:0; transform:scale(.72); transition:opacity 220ms ease,transform 220ms ease; }
.sadpi-service-card:has(input:checked) { color:var(--szaboartdesign-brand-gold-100,#fff0c7) !important; border-color:var(--szaboartdesign-brand-gold-300,#f2d58a); background:radial-gradient(circle at 14% 50%,rgba(212,175,85,.13),transparent 42%),linear-gradient(155deg,rgba(22,42,61,.94),rgba(7,21,35,.98)); }
.sadpi-service-card:has(input:checked) .sadpi-service-card__check { opacity:1; transform:scale(1); }
.sadpi-service-card:hover { transform:translateY(-2px); border-color:rgba(212,175,85,.52); }

.sadpi-conditional-section { padding:24px 0 0; border-top:1px solid rgba(212,175,85,.2); }
.sadpi-conditional-section__heading { margin-bottom:18px; }
.sadpi-conditional-section__heading h3 { margin:0; color:var(--szaboartdesign-brand-gold-300,#f2d58a); font-size:1rem; }
.sadpi-conditional-section__heading p { margin:7px 0 0; color:rgba(241,244,247,.48); font-size:.75rem; }
.sadpi-upload { padding:18px; border:1px dashed rgba(212,175,85,.34); border-radius:12px; background:rgba(9,24,39,.62); }
.sadpi-upload input[type="file"] { width:100%; color:rgba(241,244,247,.64); }
.sadpi-upload input[type="file"]::file-selector-button { min-height:42px; margin-right:12px; padding:9px 14px; color:#07101b; border:1px solid var(--szaboartdesign-brand-gold-300,#f2d58a); border-radius:8px; background:linear-gradient(180deg,var(--szaboartdesign-brand-gold-300,#f2d58a),var(--szaboartdesign-brand-gold-500,#d4af55)); font-weight:700; cursor:pointer; }
.sadpi-consent { padding-top:18px; border-top:1px solid rgba(255,255,255,.075); }

@media (max-width:1080px) {
  .szaboartdesign-contact-page__container { grid-template-columns:1fr; grid-template-areas:"copy" "form" "benefits"; gap:48px; }
  .szaboartdesign-contact-page__benefits { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .szaboartdesign-contact-benefit { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .szaboartdesign-contact-page { padding:58px 0 86px; }
  .szaboartdesign-contact-page__container { width:min(calc(100% - 32px),var(--szaboartdesign-container-width,1440px)); gap:34px; }
  .szaboartdesign-contact-page__title { font-size:clamp(2.45rem,12vw,3.35rem); line-height:1.02; }
  .szaboartdesign-contact-page__proof { grid-template-columns:1fr; gap:13px; }
  .szaboartdesign-contact-page__proof>div { display:grid; grid-template-columns:86px minmax(0,1fr); align-items:center; padding:0; border:0 !important; }
  .szaboartdesign-contact-page__form-shell { padding:22px 18px 24px; border-radius:20px; }
  .szaboartdesign-contact-page__benefits { grid-template-columns:1fr; }
  .sadpi-service-grid { grid-template-columns:1fr; }
}