/* ============================================================
   Vero & Stone — Behind the Story
   The house's own ivory/gold identity, full page.
   ============================================================ */

.ab{background:var(--vs-ivory);color:var(--vs-ink);font-family:var(--font-body)}
.ab-wrap{max-width:1120px;margin:0 auto;padding-inline:56px}
.ab-narrow{max-width:720px;margin:0 auto}
.ab-eb{font-size:11px;letter-spacing:.20em;text-transform:uppercase;font-weight:700;color:var(--vs-gold-deep);margin:0}
.ab-rule{width:44px;height:1px;background:var(--vs-gold);border:0;margin:0}

/* doc bar */
.docbar{background:#000;border-bottom:1px solid rgba(255,255,255,.10);position:sticky;top:0;z-index:60}
.docbar .ab-wrap{display:flex;align-items:center;justify-content:space-between;height:56px;gap:20px}
.docbar img{height:16px;opacity:.9}
.docbar .d-mid{font-size:12px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:10px}
.docbar .d-mid .dot{width:4px;height:4px;border-radius:50%;background:var(--vs-gold)}
.docbar a{font-size:12px;font-weight:600;color:var(--pink);text-decoration:none;white-space:nowrap}
.docbar a:hover{color:var(--pink-rim);text-decoration:underline}

/* site nav */
.ab-nav{border-bottom:1px solid rgba(35,32,28,.10);background:var(--vs-ivory)}
.ab-nav .ab-wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
.ab-nav .nv-l{display:flex;align-items:center;gap:12px}
.ab-nav .nv-l img{width:36px;height:36px}
.ab-nav .wm{font-family:var(--font-serif);font-weight:600;font-size:24px;letter-spacing:.05em;white-space:nowrap}
.ab-nav nav{display:flex;gap:26px;font-size:13px;font-weight:500;color:#5A5248}
.ab-nav nav a{text-decoration:none;color:inherit;white-space:nowrap}
.ab-nav nav a:hover{color:var(--vs-gold-deep)}
.ab-nav nav a.on{color:var(--vs-ink);font-weight:600}

/* opening statement */
.ab-open{padding-block:110px 96px;text-align:center}
.ab-open .ab-eb{margin-bottom:26px}
.ab-open h1{font-family:var(--font-serif);font-weight:400;font-size:66px;line-height:1.06;margin:0 auto;max-width:20ch;color:var(--vs-ink);text-wrap:balance}
.ab-open h1 em{font-style:italic;color:var(--vs-gold-deep)}
.ab-open p{margin:30px auto 0;max-width:56ch;font-size:17px;line-height:1.65;color:#615949}

/* founder split */
.ab-founder{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(35,32,28,.10)}
.ab-founder .f-img{min-height:640px;background:linear-gradient(165deg,var(--vs-ink-3),var(--vs-ink-2))}
.ab-founder .f-copy{padding:96px 72px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.ab-founder .f-copy h2{font-family:var(--font-serif);font-weight:400;font-size:41px;line-height:1.12;margin:0;color:var(--vs-ink)}
.ab-founder .f-copy p{margin:0;font-size:15.5px;line-height:1.72;color:#5C5445}
.ab-founder .f-sig{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.ab-founder .f-sig .nm{font-family:var(--font-serif);font-size:22px;color:var(--vs-ink)}
.ab-founder .f-sig .rl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--vs-gold-deep)}

/* pull quote */
.ab-quote{padding-block:96px;background:var(--vs-ink);color:var(--vs-ivory);text-align:center}
.ab-quote blockquote{margin:0 auto;max-width:24ch;font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:44px;line-height:1.18;color:var(--vs-ivory)}
.ab-quote .qa{display:block;margin-top:30px;font-family:var(--font-body);font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--vs-gold-light)}

/* the stone */
.ab-stone{padding-block:100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.ab-stone .s-plate{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:linear-gradient(165deg,var(--vs-ink-3),var(--vs-ink-2))}
.ab-stone .s-copy{display:flex;flex-direction:column;gap:20px}
.ab-stone h2{font-family:var(--font-serif);font-weight:400;font-size:38px;line-height:1.14;margin:0}
.ab-stone p{margin:0;font-size:15.5px;line-height:1.72;color:#5C5445;max-width:56ch}

/* craft — three plates */
.ab-craft{padding-block:0 100px}
.ab-craft .c-head{text-align:center;margin-bottom:48px}
.ab-craft .c-head h2{font-family:var(--font-serif);font-weight:400;font-size:38px;line-height:1.14;margin:18px 0 0}
.ab-craft .c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ab-craft .c-item{display:flex;flex-direction:column;gap:16px}
.ab-craft .c-plate{aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(165deg,var(--vs-ink-3),var(--vs-ink-2))}
.ab-craft .c-item h3{font-family:var(--font-serif);font-weight:500;font-size:21px;margin:0;color:var(--vs-ink)}
.ab-craft .c-item p{margin:0;font-size:14px;line-height:1.65;color:#615949}
.ab-craft .c-item .step{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--vs-gold-deep)}

/* timeline */
.ab-time{padding-block:96px;border-top:1px solid rgba(35,32,28,.10)}
.ab-time .t-head{text-align:center;margin-bottom:56px}
.ab-time .t-head h2{font-family:var(--font-serif);font-weight:400;font-size:38px;margin:18px 0 0}
.ab-time .t-rows{max-width:800px;margin:0 auto}
.ab-time .t-row{display:grid;grid-template-columns:118px 1fr;gap:32px;padding:26px 0;border-top:1px solid rgba(35,32,28,.12)}
.ab-time .t-row:last-child{border-bottom:1px solid rgba(35,32,28,.12)}
.ab-time .yr{font-family:var(--font-serif);font-size:27px;color:var(--vs-gold-deep);line-height:1}
.ab-time .t-row h4{margin:0 0 7px;font-size:15.5px;font-weight:600;color:var(--vs-ink)}
.ab-time .t-row p{margin:0;font-size:14px;line-height:1.65;color:#615949;max-width:58ch}

/* principles */
.ab-prin{padding-block:0 100px}
.ab-prin .p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(35,32,28,.12);border:1px solid rgba(35,32,28,.12);border-radius:16px;overflow:hidden}
.ab-prin .p-card{background:var(--vs-ivory);padding:36px 32px;display:flex;flex-direction:column;gap:13px}
.ab-prin .p-card svg{width:24px;height:24px;color:var(--vs-gold-deep)}
.ab-prin .p-card h3{font-family:var(--font-serif);font-weight:500;font-size:22px;margin:6px 0 0;color:var(--vs-ink)}
.ab-prin .p-card p{margin:0;font-size:14px;line-height:1.65;color:#615949}
.ab-prin .p-card .fig{font-family:var(--font-serif);font-size:15px;color:var(--vs-gold-deep);border-top:1px solid rgba(35,32,28,.12);padding-top:13px;margin-top:auto}

/* closing */
.ab-close{padding-block:100px;text-align:center;background:linear-gradient(170deg,var(--vs-ivory-2),#EAE0D2);border-top:1px solid rgba(176,141,87,.28)}
.ab-close h2{font-family:var(--font-serif);font-weight:400;font-size:44px;line-height:1.12;margin:0 auto;max-width:22ch;color:var(--vs-ink)}
.ab-close h2 em{font-style:italic;color:var(--vs-gold-deep)}
.ab-close p{margin:24px auto 34px;max-width:52ch;font-size:16px;line-height:1.68;color:#5C5445}
.ab-close .cta{display:inline-flex;gap:12px}
.ab-close .b1,.ab-close .b2{font-size:13.5px;font-weight:600;border-radius:100px;padding:15px 28px;text-decoration:none}
.ab-close .b1{background:var(--vs-ink);color:var(--vs-ivory)}
.ab-close .b2{background:transparent;color:var(--vs-ink);border:1px solid rgba(35,32,28,.30)}

/* footer */
.ab-foot{background:var(--vs-ink);color:var(--vs-ivory);padding-block:44px}
.ab-foot .ab-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ab-foot .fb{display:flex;align-items:center;gap:11px}
.ab-foot .fb img{width:28px;height:28px}
.ab-foot .fb .wm{font-family:var(--font-serif);font-weight:600;font-size:19px;letter-spacing:.05em}
.ab-foot .fine{font-size:11.5px;color:rgba(250,247,242,.45)}

/* prompt plates on the light page */
.ab .prod-shot{aspect-ratio:auto;width:100%;height:100%;min-height:100%;border-bottom:none;padding:24px}
.ab .prod-shot::after{inset:12px}
.ab-craft .prod-shot{padding:16px}
.ab-craft .prod-shot .shot-sub{font-size:12.5px}
.ab-craft .prod-shot .shot-copy{padding:6px 11px;font-size:10.5px}
.ab-craft .prod-shot .shot-hint{display:none}

@media(max-width:1000px){
  .ab-wrap{padding-inline:32px}
  .ab-founder,.ab-stone{grid-template-columns:1fr}
  .ab-founder .f-img{min-height:460px}
  .ab-founder .f-copy{padding:64px 32px}
  .ab-craft .c-grid,.ab-prin .p-grid{grid-template-columns:1fr}
  .ab-open h1{font-size:46px}
  .ab-quote blockquote{font-size:32px}
  .ab-nav .ab-wrap{height:auto;padding-block:16px;flex-wrap:wrap}
}