/* ============ PËR NE — story + services ============ */
.ab{max-width:var(--maxw);margin:0 auto;padding:clamp(110px,15vh,150px) clamp(20px,4vw,56px) 40px}
.ab__head{max-width:820px}
.ab__head .eyebrow{margin-bottom:16px}
.ab__lead{margin-top:20px;color:var(--text-2);font-size:1.08rem;max-width:56ch}

/* timeline */
.tl{max-width:var(--maxw);margin:0 auto;padding:clamp(44px,6vw,80px) clamp(20px,4vw,56px)}
.tl__rail{position:relative;border-left:1px solid var(--line);margin-left:8px;display:flex;flex-direction:column;gap:clamp(36px,5vw,56px);padding:8px 0 8px clamp(24px,4vw,48px)}
.tl__node{position:relative;max-width:640px}
.tl__node::before{content:"";position:absolute;left:calc(-1 * clamp(24px,4vw,48px) - 5px);top:10px;width:9px;height:9px;border-radius:50%;
  background:var(--bg);border:2px solid var(--accent)}
.tl__year{font-family:var(--mono);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:var(--text);letter-spacing:-.01em;line-height:1}
.tl__t{font-size:1.25rem;font-weight:550;margin-top:10px;letter-spacing:-.01em}
.tl__b{color:var(--text-2);margin-top:8px;max-width:52ch}

/* service sections */
.svcsec{max-width:var(--maxw);margin:0 auto;padding:clamp(44px,6vw,80px) clamp(20px,4vw,56px);border-top:1px solid var(--line)}
.svcsec__grid{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:clamp(28px,5vw,80px);align-items:start}
.svcsec__head .eyebrow{margin-bottom:14px}
.svcsec__lead{margin-top:16px;color:var(--text-2);max-width:44ch}
.steps{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.step__n{font-family:var(--mono);font-size:1.1rem;color:var(--accent);font-weight:500}
.step__t{font-size:1.12rem;font-weight:500;letter-spacing:-.01em}
.step__b{color:var(--text-2);margin-top:6px;font-size:.96rem;max-width:52ch}

/* leasing calculator */
.calc{border:1px solid var(--line-2);border-radius:18px;background:var(--bg-2);padding:clamp(22px,3vw,32px);display:flex;flex-direction:column;gap:22px}
.calc__row{display:flex;flex-direction:column;gap:10px}
.calc__lbl{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.calc__lbl b{font-size:.92rem;color:var(--text);letter-spacing:.02em}
.calc input[type=number]{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--text);
  font-family:var(--mono);font-size:1.15rem;width:100%}
.calc input[type=number]:focus{outline:none;border-color:var(--line-3)}
.calc input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:26px;background:none}
.calc input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line-2);border-radius:2px}
.calc input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-7px;width:16px;height:16px;border-radius:50%;
  background:var(--text);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--line-3);cursor:grab}
.calc input[type=range]::-moz-range-track{height:2px;background:var(--line-2)}
.calc input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text);border:2px solid var(--bg)}
.calc__out{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.calc__monthly{font-family:var(--mono);font-size:clamp(2rem,4vw,2.9rem);font-weight:600;letter-spacing:-.02em;line-height:1}
.calc__monthly small{font-size:.9rem;color:var(--text-3);font-weight:400}
.calc__split{font-family:var(--mono);font-size:.7rem;color:var(--text-3);display:flex;flex-direction:column;gap:5px;text-align:right}
.calc__split b{color:var(--text-2);font-weight:500}
.calc__note{font-size:.78rem;color:var(--text-3)}

/* amenities */
.amen{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.amen__card{border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s,background .3s}
.amen__card:hover{border-color:var(--line-2);background:rgba(255,255,255,.02)}
.amen__t{font-weight:550;font-size:1.05rem}
.amen__b{color:var(--text-3);font-size:.9rem}

.ab-cta{max-width:var(--maxw);margin:0 auto;padding:clamp(44px,6vw,80px) clamp(20px,4vw,56px) 110px;display:flex;gap:12px;flex-wrap:wrap}

@media (max-width:900px){
  .svcsec__grid{grid-template-columns:1fr}
}

/* --- Night Visit: the main-hall b-roll + editorial register --- */
.ab .section-title{font-family:var(--serif);font-weight:500;letter-spacing:0}
.tl__t{font-family:var(--serif);font-weight:500;letter-spacing:.005em}
.broll{max-width:var(--maxw);margin:0 auto;padding:clamp(30px,4vw,52px) clamp(20px,4vw,56px) 0}
.broll__video{width:100%;aspect-ratio:16/9;border-radius:18px;display:block;object-fit:cover;
  border:1px solid var(--line);background:var(--bg-3)}
.broll__cap{display:flex;align-items:center;gap:14px;margin-top:14px;font-family:var(--mono);
  font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3)}
.broll__cap .hairline{width:26px;height:1px;background:var(--accent)}

/* --- the trust band: one confirmed fact, given the room a fact deserves ---
   Asymmetric on purpose (icon rail + a text column that stops short of the
   measure), because a centred, full-width reassurance panel is the shape every
   dealership site uses for claims nobody checked. Green hairline, never the
   accent: red already means SOLD and OFERTË here. */
.trustband{max-width:var(--maxw);margin:0 auto;padding:clamp(34px,5vw,64px) clamp(20px,4vw,56px)}
.trustband__in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:start;
  border-top:1px solid rgba(37,211,102,.22);border-bottom:1px solid rgba(37,211,102,.22);
  padding:clamp(26px,3.4vw,42px) 0}
.trustband__ico{width:clamp(30px,3.4vw,42px);height:clamp(30px,3.4vw,42px);color:var(--wa);flex:0 0 auto}
.trustband__txt{max-width:62ch}
.trustband__t{font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.85rem);font-weight:500;line-height:1.2;color:var(--text)}
.trustband__b{margin-top:12px;font-size:.96rem;line-height:1.7;color:var(--text-2)}
@media (max-width:620px){
  .trustband__in{grid-template-columns:1fr;gap:16px}
}