/* Sell / Contractors form pages */
.subpage{background:var(--ivory)}
.nav__phone{font-weight:700!important;color:var(--terra-d)!important;letter-spacing:.06em!important}
.fpage{padding:calc(var(--nav-h) + clamp(36px,6vw,80px)) clamp(18px,5vw,64px) clamp(60px,8vw,110px)}
.fpage__grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,90px);align-items:start}
.fpage h1{font-size:clamp(2.6rem,5.4vw,4.6rem);color:var(--brown);margin-bottom:22px}
.fpage__lede{font-size:1.08rem;max-width:520px}
.phonecard{display:flex;flex-direction:column;gap:4px;margin:30px 0 26px;padding:22px 26px;background:var(--brown);color:#fff;text-decoration:none;max-width:420px;transition:background .3s,transform .3s var(--ease)}
.phonecard:hover{background:var(--brown-2);transform:translateY(-2px)}
.phonecard__k{font:600 .7rem/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--terra-l)}
.phonecard__n{font:500 clamp(2rem,4vw,2.6rem)/1.1 var(--serif);letter-spacing:.02em}
.fpage__list{list-style:none;padding:0;margin:0 0 34px}
.fpage__list li{padding:12px 0 12px 26px;border-top:1px solid var(--line);position:relative;font-size:.96rem;color:var(--ink)}
.fpage__list li::before{content:"";position:absolute;left:2px;top:21px;width:7px;height:7px;background:var(--terra);transform:rotate(45deg)}
.fpage__img{margin:0}.fpage__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.fcard{background:var(--paper);padding:clamp(24px,4vw,48px);box-shadow:0 40px 80px -50px rgba(58,42,34,.45);position:sticky;top:calc(var(--nav-h) + 20px)}
.xform__step{font:600 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--terra-d);margin:10px 0 4px}
.xform__step span{letter-spacing:.06em;text-transform:none;color:var(--muted);font-weight:500}
.xform .field{margin-bottom:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.field select{width:100%;appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid var(--line);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A9513A' stroke-width='1.5'/%3E%3C/svg%3E") right 4px center/12px no-repeat;padding:24px 22px 10px 0;font:400 1rem var(--sans);color:var(--ink);border-radius:0}
.field select:focus{outline:none;border-bottom-color:var(--brown)}
.field--select label{transform:translateY(-22px) scale(.78);color:var(--terra-d);letter-spacing:.04em}
.field.has-error select{border-bottom-color:#a1402a}
.field input,.field textarea,.field select{font-size:16px} /* avoid iOS zoom */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.vh{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.choice{border:0;padding:0;margin:8px 0 18px}
.choice legend{font:600 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--terra-d);margin-bottom:12px;padding:0}
.choice label{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);margin-bottom:8px;cursor:pointer;font-size:.98rem;transition:border-color .25s,background .25s}
.choice label:hover{border-color:var(--brown)}
.choice input{accent-color:var(--brown);width:18px;height:18px;margin:0}
.choice label:has(input:checked){border-color:var(--brown);background:var(--ivory)}
.choice.has-error label{border-color:#D98C78}
.upload{margin:6px 0 22px}
.drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;border:1px dashed #D9BFA6;background:var(--ivory);cursor:pointer;text-align:center;transition:border-color .25s,background .25s;margin-top:10px}
.drop:hover,.drop.is-over,#photoPicker:focus-visible+.x{border-color:var(--brown);background:#F6DCCB}
.drop__icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--terra);display:grid;place-items:center;color:var(--terra);font-size:1.2rem}
.drop__t{font-weight:600;color:var(--brown)}
.drop__s{font-size:.8rem;color:var(--muted)}
.drop.is-full{opacity:.5;pointer-events:none}
.thumbs{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.thumbs:empty{display:none}
.thumb{position:relative;aspect-ratio:1;background:var(--stone);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(43,32,26,.82);color:#fff;font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center}
.thumb button:hover{background:#a1402a}
.thumb.is-busy::after{content:"";position:absolute;inset:0;background:rgba(251,246,239,.6)}
#photoErr{margin:8px 0 0}
.btn[disabled]{opacity:.65;cursor:wait;transform:none}
.thanks{text-align:center;padding:30px 10px}
.thanks h2{font-size:clamp(2rem,4vw,2.8rem);color:var(--brown)}
.thanks .form__check{margin:0 auto 22px}
.thanks .btn{margin-top:12px}
@media (max-width:1020px){
  .fpage__grid{grid-template-columns:1fr}
  .fcard{position:static}
  .fpage__img{display:none}
  .fpage__intro{order:0}
  .nav .nav__links .nav__phone{color:var(--terra-l)!important}
}
@media (max-width:680px){
  .fpage{padding-top:calc(var(--nav-h) + 24px)}
  .row2{grid-template-columns:1fr}
  .phonecard{margin:22px 0 18px;max-width:none}
  .fpage__list{display:none}
  .fcard{margin:0 -6px}
  .thumbs{grid-template-columns:repeat(5,1fr);gap:6px}
}