/* ════════════════════════════════════════════════════════════════
   Omerica Studios — Website Intake page styles.
   Reskins the client intake form into the forest-editorial brand.
   All rules scoped under .intake so they don't leak into / collide
   with the DS + omerica.css global styles. Builds ON the brand
   tokens (var(--cream), --cobalt-deep, --gold, --ottoman, --serif…).
   ════════════════════════════════════════════════════════════════ */

.intake{position:relative;max-width:1120px;margin:0 auto;padding:40px 28px 72px;}
.intake *{box-sizing:border-box;}

/* ── Hero (dark forest, gold glow — the one allowed gradient) ────── */
.itk-hero{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:34px;
  padding:46px;margin-bottom:22px;
  background:var(--cobalt-deep);color:var(--paper);
  border:1px solid var(--rule-gold);
}
.itk-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 90% 0%,rgba(201,160,73,.20),transparent 56%);
}
.itk-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:26px;}
.itk-eyebrow{
  display:inline-flex;align-items:center;gap:9px;width:fit-content;
  font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px;
}
.itk-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(201,160,73,.16);}
.itk-hero h1{
  font-family:var(--serif);font-weight:600;color:var(--paper);
  font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:.96;letter-spacing:-.02em;
  margin:0 0 16px;max-width:16ch;text-wrap:balance;
}
.itk-hero h1 em{font-style:italic;color:var(--gold);}
.itk-hero p{margin:0;max-width:48ch;color:rgba(251,246,233,.82);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.6;}
.itk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;}
.itk-stat{padding:16px 16px;border:1px solid rgba(201,160,73,.26);background:rgba(255,253,247,.04);}
.itk-stat strong{display:block;font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--gold);line-height:1;margin-bottom:8px;}
.itk-stat span{display:block;font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(251,246,233,.6);line-height:1.4;}

/* Hero side panel — framed "project ready" preview */
.itk-panel{
  position:relative;z-index:1;align-self:stretch;
  display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:280px;
  padding:24px;border:2px solid var(--gold);background:rgba(255,253,247,.05);
}
.portal-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;
  font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#5fae7e;box-shadow:0 0 0 6px rgba(95,174,126,.16);}
.portal-lines{display:grid;gap:10px;margin:6px 0 4px;}
.portal-lines span,.portal-lines::before,.portal-lines::after{content:"";display:block;height:11px;background:rgba(251,246,233,.14);}
.portal-lines span{width:86%;background:linear-gradient(90deg,rgba(201,160,73,.55),rgba(201,160,73,.08));}
.portal-lines::before{width:70%;}
.portal-lines::after{width:94%;}
.portal-checks{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.portal-checks li{display:flex;align-items:center;gap:11px;color:rgba(251,246,233,.82);font-size:.95rem;}
.portal-checks li::before{content:"♦";color:var(--gold);font-size:10px;}
.itk-panel--art{align-items:center;justify-content:center;gap:22px;text-align:center;}
.itk-medallion{width:min(72%,210px);height:auto;display:block;filter:drop-shadow(0 4px 26px rgba(201,160,73,.18));animation:itkSpin 90s linear infinite;}
@media (prefers-reduced-motion:reduce){.itk-medallion{animation:none;}}
@keyframes itkSpin{to{transform:rotate(360deg);}}
.itk-art-seal{font-family:var(--serif);font-size:1.9rem;line-height:1;color:var(--paper);letter-spacing:.01em;}
.itk-art-seal em{font-style:italic;color:var(--gold);}
.itk-art-sub{font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:rgba(201,160,73,.8);}

/* ── Mode picker ────────────────────────────────────────────────── */
.mode-picker{padding:42px;margin-bottom:22px;background:var(--paper);border:1px solid var(--rule-cobalt);}
.section-heading{margin-bottom:26px;}
.mini-label{display:inline-flex;margin-bottom:12px;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);}
.mode-picker h2{margin:0 0 8px;font-family:var(--serif);font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.02;letter-spacing:-.015em;color:var(--ink);}
.mode-picker h2 em{font-style:italic;color:var(--ottoman);}
.mode-picker .section-heading p{margin:0;max-width:60ch;color:var(--ink-2);font-size:1.05rem;line-height:1.6;}
.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--rule-cobalt);}
.mode-card{
  position:relative;overflow:hidden;text-align:left;cursor:pointer;
  min-height:208px;padding:30px;background:var(--cream-2);
  border:0;border-right:1px solid var(--rule-cobalt);
  transition:background var(--t-quick,.18s ease);font-family:var(--sans);
}
.mode-card:last-child{border-right:0;}
.mode-card:hover,.mode-card:focus-visible{background:var(--paper);outline:none;}
.mode-card.featured{background:var(--paper);box-shadow:inset 4px 0 0 var(--gold);}
.card-kicker{display:inline-flex;width:fit-content;margin-bottom:20px;
  font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ottoman);}
.mode-card.featured .card-kicker{color:var(--gold);}
.mode-card strong{display:block;font-family:var(--serif);font-size:1.7rem;line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin-bottom:10px;}
.mode-card span:not(.card-kicker){display:block;color:var(--ink-2);font-size:1rem;line-height:1.55;}
.mode-card em{display:inline-flex;margin-top:18px;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:var(--ink-3);}

/* ── Form shell ─────────────────────────────────────────────────── */
.intake form{display:none;overflow:hidden;background:var(--paper);border:1px solid var(--rule-cobalt);padding:0;}
.form-topbar{padding:26px 32px;border-bottom:1px solid var(--rule-cobalt);background:var(--cream-2);}
.topbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;}
.mode-pill{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:8px 14px;
  font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ottoman);background:rgba(28,93,60,.08);border:1px solid var(--rule-cobalt);}
.mode-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ottoman);}
.change-mode{font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-2);background:var(--paper);border:1px solid var(--rule-cobalt-strong);cursor:pointer;padding:9px 15px;transition:.18s ease;}
.change-mode:hover{color:var(--ottoman);border-color:var(--ottoman);}
.progress-label{display:flex;justify-content:space-between;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;}
.progress-track{height:6px;overflow:hidden;background:var(--rule-cobalt);}
.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ottoman),var(--gold));transition:width .3s ease;}

.intake .steps{display:block;padding:32px;}
.intake .step{display:none;opacity:1;position:relative;overflow:hidden;margin-bottom:18px;padding:34px 36px;
  background:var(--cream-2);border:1px solid var(--rule-cobalt);}
.intake .step::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--gold);}
.intake form[data-mode="guided"] .step.active,
.intake form[data-mode="full"] .step{display:block;}
@media (prefers-reduced-motion:no-preference){
  .intake form[data-mode="guided"] .step.active,
  .intake form[data-mode="full"] .step{animation:itkRise .24s ease;}
}
@keyframes itkRise{from{transform:translateY(10px);}to{transform:none;}}

.question-number{display:inline-flex;width:fit-content;margin-bottom:14px;
  font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ottoman);}
.intake .step h2{max-width:24ch;margin:0 0 8px;font-family:var(--serif);font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.04;letter-spacing:-.015em;color:var(--ink);}
.intake .step > p{max-width:62ch;margin:0 0 22px;color:var(--ink-2);font-size:1.02rem;line-height:1.55;}

.intake label{display:block;margin-bottom:9px;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ottoman);}
.intake input,.intake select,.intake textarea{
  width:100%;padding:14px 15px;font-family:var(--sans);font-size:1.02rem;color:var(--ink);
  background:var(--paper);border:1px solid var(--rule-cobalt-strong);border-radius:2px;
  transition:border-color .16s ease,box-shadow .16s ease;}
.intake textarea{min-height:128px;resize:vertical;}
.intake input:hover,.intake select:hover,.intake textarea:hover{border-color:var(--ottoman);}
.intake input:focus,.intake select:focus,.intake textarea:focus{outline:none;border-color:var(--ottoman);box-shadow:0 0 0 3px rgba(28,93,60,.12);}
.intake ::placeholder{color:var(--ink-3);opacity:.7;}
.intake select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c5d3c' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
.hint{display:block;margin-top:11px;font-family:var(--sans);font-size:.85rem;line-height:1.45;color:var(--ink-3);text-transform:none;letter-spacing:0;font-weight:400;}

.choice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.choice{display:flex;align-items:flex-start;gap:11px;min-height:52px;padding:13px 15px;cursor:pointer;
  background:var(--paper);border:1px solid var(--rule-cobalt-strong);border-radius:2px;
  font-family:var(--sans);font-size:.98rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);
  margin-bottom:0;transition:.16s ease;}
.choice:hover{border-color:var(--ottoman);background:var(--cream-2);}
.choice input{width:18px;height:18px;margin-top:1px;flex:0 0 auto;accent-color:var(--ottoman);box-shadow:none;padding:0;border-radius:2px;}

/* ── Controls ───────────────────────────────────────────────────── */
.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 32px;border-top:1px solid var(--rule-cobalt);background:var(--cream-2);}
.button-row{display:flex;gap:11px;margin-left:auto;}
.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;border-radius:2px;
  font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  padding:15px 26px;min-width:120px;transition:transform .16s ease,background .16s ease,color .16s ease;}
.btn:hover:not(:disabled){transform:translateY(-1px);}
.btn-primary{background:var(--ottoman);color:var(--paper);border-color:var(--ottoman);}
.btn-primary:hover:not(:disabled){background:var(--ottoman-deep);}
.btn-primary::after{content:"→";padding-left:8px;font-family:var(--sans);}
.btn-secondary{background:transparent;color:var(--ink-2);border-color:var(--rule-cobalt-strong);}
.btn-secondary:hover:not(:disabled){color:var(--ottoman);border-color:var(--ottoman);}
.btn-submit{background:var(--gold);color:var(--cobalt-deep);border-color:var(--gold);}
.btn-submit:hover:not(:disabled){background:#d8b466;}
.btn-submit::after{content:"✓";padding-left:8px;font-family:var(--sans);}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;}

.privacy-note{padding:0 32px 22px;margin-top:-2px;color:var(--ink-3);font-size:.85rem;line-height:1.5;}
.form-status{min-height:22px;padding:0 32px 20px;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);}
.form-status[data-state="sending"]{color:var(--ottoman);}
.form-status[data-state="error"]{color:#9a3324;}
.hidden-honey{display:none;}

.itk-foot{text-align:center;padding:30px 0 0;margin:0;font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);}
.itk-foot strong{color:var(--ottoman);}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width:900px){
  .itk-hero{grid-template-columns:1fr;padding:32px;}
  .itk-stats{grid-template-columns:1fr;}
  .itk-panel{min-height:0;}
  .mode-grid{grid-template-columns:1fr;}
  .mode-card{border-right:0;border-bottom:1px solid var(--rule-cobalt);}
  .mode-card:last-child{border-bottom:0;}
}
@media (max-width:640px){
  .intake{padding:22px 14px 56px;}
  .itk-hero,.mode-picker{padding:24px;}
  .form-topbar,.intake .steps,.controls,.privacy-note,.form-status{padding-left:18px;padding-right:18px;}
  .step{padding:24px 22px;}
  .choice-list{grid-template-columns:1fr;}
  .topbar-row,.controls{flex-direction:column;align-items:stretch;}
  .button-row{width:100%;margin-left:0;flex-direction:column;}
  .btn,.change-mode{width:100%;}
}