/* Invest2Sublease — site styles
   Type: Big Shoulders Display (signage-style headings) + Plus Jakarta Sans (body, the site's original font)
   Colour: steel, concrete, and the brand gold #B9904E */

@font-face{font-family:"Big Shoulders Display";src:url("../fonts/big-shoulders-display.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/plus-jakarta-sans.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

:root{
  --steel:#1f2328;
  --steel-2:#292e34;
  --steel-3:#171a1e;
  --concrete:#edece9;
  --paper:#ffffff;
  --gold:#b9904e;
  --gold-hi:#d6b273;   /* gold for text on dark */
  --gold-lo:#82621f;   /* gold for text on light */
  --ink:#1f2328;
  --ink-muted:#565c63;
  --white-muted:rgba(255,255,255,.74);
  --line-dark:rgba(255,255,255,.16);
  --line-light:#cfcdc7;

  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --header-h:84px;
  --wrap:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;font-family:var(--body);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--concrete);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,p,dl,dd,figure{margin:0}
address{font-style:normal}
.container{width:100%;max-width:calc(var(--wrap) + 48px);margin-inline:auto;padding-inline:24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--steel);padding:10px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
.theme-light :focus-visible{outline-color:var(--gold-lo)}

/* ---------- themes ---------- */
.theme-dark{--bg:var(--steel);--fg:#fff;--muted:var(--white-muted);--line:var(--line-dark);--accent:var(--gold-hi)}
.theme-light{--bg:var(--concrete);--fg:var(--ink);--muted:var(--ink-muted);--line:var(--line-light);--accent:var(--gold-lo)}
.section{background:var(--bg);color:var(--fg);padding-block:clamp(4.5rem,9vw,8rem)}

/* ---------- type ---------- */
.h2{font-family:var(--display);font-weight:700;font-size:clamp(2.75rem,5.6vw,4.75rem);line-height:.95;letter-spacing:-.005em;margin-bottom:1.5rem;max-width:16ch}
.h3{font-family:var(--display);font-weight:700;font-size:clamp(2rem,3.2vw,2.75rem);line-height:1;margin-bottom:.75rem}
.kicker{font-weight:700;font-size:.95rem;color:var(--accent);margin-bottom:1rem}
.lede{font-size:1.2rem;line-height:1.6;color:var(--muted);max-width:60ch}
.lede-block p{font-size:1.15rem;color:var(--muted);max-width:64ch}
.lede-block p+p{margin-top:1.25rem}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.75rem;border:2px solid transparent;border-radius:2px;font:700 1rem/1.1 var(--body);text-decoration:none;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.btn--primary{background:var(--gold);color:var(--steel);border-color:var(--gold)}
.btn--primary:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.btn--dark{background:var(--steel);color:#fff;border-color:var(--steel)}
.btn--dark:hover{background:var(--gold);border-color:var(--gold);color:var(--steel)}
.btn--lg{padding:1.15rem 2.25rem;font-size:1.0625rem}
.btn--block{width:100%}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:var(--steel);border-bottom:1px solid var(--line-dark);color:#fff}
.site-header__bar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:190px;height:auto;max-height:52px;object-fit:contain}
.nav{display:flex;align-items:center;gap:28px}
.nav ul{display:flex;align-items:center;gap:6px}
.nav ul a{position:relative;display:block;padding:.6rem 1rem;font-weight:600;font-size:.97rem;text-decoration:none;color:rgba(255,255,255,.86);transition:color .15s}
.nav ul a:hover{color:#fff}
.nav ul a[aria-current="page"]{color:var(--gold-hi)}
.nav ul a[aria-current="page"]::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.15rem;height:2px;background:var(--gold)}
.nav__call{padding:.8rem 1.4rem}
.burger{display:none;width:48px;height:48px;padding:0;border:1px solid var(--line-dark);border-radius:2px;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1040px){
  .burger{display:flex}
  .nav{position:fixed;inset:var(--header-h) 0 auto 0;background:var(--steel);border-bottom:1px solid var(--line-dark);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 28px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
  .nav.is-open{opacity:1;visibility:visible;transform:none}
  .nav ul{flex-direction:column;align-items:stretch;gap:0}
  .nav ul a{padding:1.05rem 0;border-bottom:1px solid var(--line-dark);font-size:1.1rem}
  .nav ul a[aria-current="page"]::after{display:none}
  .nav__call{margin-top:20px}
}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--steel);color:#fff;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(31,35,40,.94) 0%,rgba(31,35,40,.78) 52%,rgba(31,35,40,.6) 100%),
  url("/wp-content/uploads/2025/10/Header-Image-faded.png") center/cover no-repeat,var(--steel)}
.hero--home{min-height:min(780px,calc(100svh - var(--header-h)));display:flex;align-items:flex-end;padding-block:clamp(3rem,7vw,6rem)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-template-areas:"title points" "cta points";column-gap:clamp(2rem,6vw,6rem);row-gap:2.5rem;align-items:end}
.hero__title{grid-area:title;font-family:var(--display);font-weight:800;line-height:.8}
.hero__roi{display:block;color:var(--gold);font-size:clamp(6rem,15vw,14.5rem);letter-spacing:-.015em;white-space:nowrap}
.hero__tag{display:block;margin-top:clamp(1rem,2.4vw,2rem);font-weight:600;font-size:clamp(2rem,4.6vw,4rem);line-height:1;color:#fff}
.hero__points{grid-area:points;border-top:1px solid var(--line-dark)}
.hero__points li{display:flex;align-items:flex-start;gap:14px;padding:1.15rem 0;border-bottom:1px solid var(--line-dark);font-size:1.1rem;font-weight:500}
.hero__points .ico{flex:none;width:22px;height:22px;margin-top:.15rem;color:var(--gold-hi);stroke-width:2.2}
.hero__cta{grid-area:cta}
@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr;grid-template-areas:"title" "points" "cta"}
}
.hero--inner{padding-block:clamp(4rem,9vw,7.5rem) clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line-dark)}
.hero__page{font-family:var(--display);font-weight:800;font-size:clamp(4.5rem,12vw,10rem);line-height:.86;letter-spacing:-.01em;color:var(--gold)}

/* ---------- split (text + image) ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.split__text p{max-width:56ch}
.split__text p+p{margin-top:1.1rem}
.split__text .lead{font-size:1.35rem;line-height:1.5;font-weight:600;color:var(--ink)}
.split__text .strong{font-weight:700;color:var(--ink)}
.split__text .btn{margin-top:2.25rem}
.split__img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;background:#d9d6cf}
@media (max-width:900px){
  .split{grid-template-columns:1fr}
  .split__img{order:-1}
  .split__img img{aspect-ratio:3/2}
}

/* ---------- proof / projects ---------- */
.proof__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}
.proof__head .h2{margin-bottom:0}
.proof__intro p{color:var(--white-muted);font-size:1.15rem;max-width:52ch}
.proof__intro p+p{margin-top:1.1rem;color:#fff;font-weight:600}
.projects{display:grid;gap:28px}
.project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--steel-2);border:1px solid var(--line-dark)}
.project--rev .project__img{order:-1}
.project:not(.project--rev) .project__img{order:2}
.project__img{min-height:420px;background:var(--steel-3) center/cover no-repeat}
.project__sheet{padding:clamp(1.75rem,4vw,3.25rem);display:flex;flex-direction:column;align-items:flex-start}
.project__name{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,4.6vw,4rem);line-height:.92;color:var(--gold-hi);margin-bottom:1rem}
.project__desc{color:#fff;font-weight:600;font-size:1.08rem;line-height:1.55;max-width:44ch;margin-bottom:1.75rem}
.spec{width:100%;border-top:1px solid var(--line-dark)}
.spec__row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;padding:.8rem 0;border-bottom:1px solid var(--line-dark);font-size:.98rem}
.spec dt{color:var(--white-muted)}
.spec dd{color:#fff;font-weight:600;text-align:right}
.notes{width:100%;margin-top:1rem;display:grid;gap:.6rem}
.notes li{display:flex;gap:12px;align-items:flex-start;color:#fff;font-size:.98rem}
.notes .ico{flex:none;width:20px;height:20px;margin-top:.2rem;color:var(--gold-hi);stroke-width:2.4}
.roi{margin-top:1.75rem;margin-bottom:1.75rem;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:1rem}
.roi__l{font-weight:600;font-size:1rem;color:var(--white-muted)}
.roi__n{font-family:var(--display);font-weight:800;font-size:clamp(4rem,7vw,6rem);line-height:.85;color:var(--gold)}
@media (max-width:900px){
  .proof__head{grid-template-columns:1fr;align-items:start}
  .project{grid-template-columns:1fr}
  .project:not(.project--rev) .project__img,.project--rev .project__img{order:-1;min-height:280px}
}
@media (max-width:520px){
  .spec__row{grid-template-columns:1fr;gap:2px}
  .spec dd{text-align:left}
}

/* ---------- pillars (three-up statements) ---------- */
.section__head{margin-bottom:clamp(2.5rem,5vw,4rem)}
.section__head .h2{max-width:18ch}
.section__head--wide .h2{max-width:none}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid var(--gold)}
.pillar{padding:2.25rem clamp(1.25rem,2.6vw,2.5rem) 0 0;}
.pillar+.pillar{padding-left:clamp(1.25rem,2.6vw,2.5rem);border-left:1px solid var(--line)}
.pillar__ico{width:44px;height:44px;color:var(--accent);margin-bottom:1.25rem;stroke-width:1.5}
.pillar__t{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,2.6vw,2.3rem);line-height:1;margin-bottom:.8rem}
.pillar p{color:var(--muted);max-width:34ch}
.corp .section__head{max-width:none}
@media (max-width:820px){
  .pillars{grid-template-columns:1fr}
  .pillar,.pillar+.pillar{padding:2rem 0;border-left:0}
  .pillar+.pillar{border-top:1px solid var(--line)}
}

/* ---------- contact ---------- */
.contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}
.contact__text p{color:var(--muted);max-width:52ch}
.contact__text p+p{margin-top:1.1rem}
.contact__text .kicker{color:var(--accent)}
.contact__text .h2{max-width:14ch}
.form-panel{background:var(--paper);color:var(--ink);padding:clamp(1.75rem,4vw,3rem);border-radius:2px;border-top:4px solid var(--gold)}
.theme-light .form-panel{box-shadow:0 1px 0 var(--line-light),0 20px 40px -28px rgba(31,35,40,.35)}
.form-panel .h3{color:var(--ink)}
.form-panel__lead{color:var(--ink-muted);margin-bottom:1.75rem}
.form{display:grid;gap:14px}
.field input,.field select,.field textarea{width:100%;font:500 1rem/1.4 var(--body);color:var(--ink);background:#f6f5f2;border:1px solid #c9c6bf;border-radius:2px;padding:.95rem 1rem;transition:border-color .15s,background-color .15s}
.field select{appearance:none;-webkit-appearance:none;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23565c63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px}
.field textarea{resize:vertical;min-height:120px}
.field input::placeholder,.field textarea::placeholder{color:#6d7379}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold-lo);background:#fff;box-shadow:0 0 0 3px rgba(185,144,78,.28)}
.field.has-error input,.field.has-error select{border-color:#962317}
.field__err{display:block;margin-top:.35rem;font-size:.88rem;font-weight:600;color:#962317}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{font-weight:600;font-size:.98rem;min-height:1.4em}
.form-status.is-ok{color:#2d7a4b}
.form-status.is-err{color:#962317}
.form.is-sending .btn{opacity:.6;pointer-events:none}
@media (max-width:900px){.contact__grid{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.site-footer{background:var(--steel-3);color:#fff;border-top:1px solid var(--line-dark)}
.footer__grid{display:grid;grid-template-columns:1.2fr .8fr 1.3fr 1.1fr;gap:clamp(2rem,4vw,4rem);padding-block:clamp(3.5rem,6vw,5.5rem)}
.footer__brand img{width:190px;margin-bottom:1.5rem}
.footer__brand p{color:var(--gold-hi);max-width:32ch;font-weight:600;font-size:1.05rem;line-height:1.5;border-left:3px solid var(--gold-hi);padding-left:.9rem}
.footer__h{font:700 1.05rem/1.2 var(--body);letter-spacing:.02em;color:var(--gold-hi);margin-bottom:1.25rem}
.footer__links{display:grid;gap:.7rem}
.footer__links a{color:var(--white-muted);text-decoration:none}
.footer__links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.contact-list{display:grid;gap:1.1rem}
.contact-list li{display:flex;gap:14px;align-items:flex-start;color:var(--white-muted)}
.contact-list .ico{flex:none;width:22px;height:22px;margin-top:.2rem;color:var(--gold)}
.contact-list a{text-decoration:none;color:var(--white-muted);overflow-wrap:anywhere}
.contact-list a:hover{color:#fff}
.map iframe{display:block;width:100%;height:220px;border:0;background:var(--steel-2);filter:grayscale(.35) contrast(1.05)}
.footer__legal{border-top:1px solid var(--line-dark)}
.footer__legal p{padding-block:1.4rem;color:var(--white-muted);font-size:.92rem}
@media (max-width:1000px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr}}

/* ---------- whatsapp ---------- */
.wa{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:12px;text-decoration:none}
.wa__label{background:#fff;color:var(--ink);font:600 .9rem/1 var(--body);padding:.85rem 1.05rem;border-radius:2px;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}
.wa__btn{width:58px;height:58px;border-radius:50%;background:#2db742;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px -6px rgba(0,0,0,.45)}
.wa__btn svg{width:32px;height:32px}
.wa:hover .wa__btn{background:#25a03a}
@media (max-width:640px){.wa__label{display:none}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}