/* shared styles for data, about, investors, contact, trust, privacy, terms (extends site.css) */
.sub{position:relative;height:64vh;min-height:460px;display:flex;align-items:flex-end;justify-content:center;text-align:center;overflow:hidden;background:var(--ink2)}
.sub--short{height:44vh;min-height:420px}
.sub__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.04)}
.sub__shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(6,18,28,.45),rgba(6,18,28,0) 70%),linear-gradient(rgba(6,18,28,.7),rgba(6,18,28,.35) 45%,rgba(6,18,28,.95))}
.sub__in{position:relative;padding:0 24px clamp(56px,9vh,110px);max-width:1000px}
.sub .micro{margin-bottom:26px}
.sub h1{font-size:clamp(38px,6vw,88px);line-height:1.06;letter-spacing:.015em;font-weight:200;text-shadow:0 2px 30px rgba(6,18,28,.45)}
.sub h1 em{font-weight:300;color:var(--acc)}
.sub p.sub__lead{margin:26px auto 0;max-width:620px;font-size:clamp(15px,1.4vw,18px);letter-spacing:.06em;opacity:.85}

.sec{padding:clamp(90px,14vh,170px) 8vw;background:var(--ink);text-align:center}
.sec--w{background:#fff;color:var(--ink)}
.sec--2{background:var(--ink2)}
.sec .micro{margin-bottom:30px}
.sec--w .micro{color:#7a6a3a}
.sec h2{font-size:clamp(30px,4.2vw,64px);line-height:1.1;font-weight:200;letter-spacing:.02em;max-width:900px;margin:0 auto}
.sec h2 em{color:var(--acc)}
.sec--w h2 em{color:#8a7436}
.lede{max-width:620px;margin:34px auto 0;font-size:clamp(16px,1.4vw,19px);line-height:1.85;opacity:.82}
.sec--w .lede{color:#3a4650;opacity:1}
.sec .btn{margin-top:46px}
.sec--w .btn{border-color:var(--ink);color:var(--ink)}
.sec--w .btn:hover{background:var(--ink);color:#fff}

.cols{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:70px auto 0;border-top:1px solid var(--hair);text-align:left}
.cols--2{grid-template-columns:repeat(2,1fr)}
.cols>div{padding:34px 30px 8px;border-left:1px solid var(--hair)}
.cols>div:first-child{border-left:0;padding-left:0}
.cols b{display:block;font-weight:200;font-size:clamp(22px,2.2vw,32px);letter-spacing:.03em}
.cols span{display:block;margin-top:14px;font-size:15px;line-height:1.8;opacity:.7}
.cols code,.code{font-family:ui-monospace,Menlo,monospace;font-size:13px;letter-spacing:0;color:var(--acc);word-break:break-all}
.sec--w .cols{border-top-color:rgba(6,18,28,.18)}
.sec--w .cols>div{border-left-color:rgba(6,18,28,.18)}
.sec--w .cols span{opacity:.8;color:#3a4650}
.sec--w .code{color:#6b5a2a}

.big{font-weight:200;font-size:clamp(70px,13vw,190px);line-height:1;letter-spacing:.01em;margin:40px 0 0}
.big em{color:var(--acc)}
.sec--w .big em{color:#8a7436}

.rows{max-width:860px;margin:60px auto 0;text-align:left;list-style:none;border-top:1px solid var(--hair)}
.rows li{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--hair)}
.rows b{font-weight:300;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc)}
.rows span{line-height:1.8;opacity:.8}
.sec--w .rows,.sec--w .rows li{border-color:rgba(6,18,28,.18)}
.sec--w .rows b{color:#7a6a3a}
.sec--w .rows span{color:#3a4650;opacity:1}

.brief{background:var(--ink2);border-top:1px solid var(--hair);text-align:center;padding:clamp(100px,15vh,180px) 8vw}
.brief h2{font-size:clamp(32px,4.6vw,70px);line-height:1.1;font-weight:200;letter-spacing:.02em}
.brief h2 em{color:var(--acc)}
.brief .micro{margin-bottom:30px}
.brief .btn{margin-top:46px}

/* legal */
.legal{max-width:760px;margin:0 auto;padding:clamp(80px,12vh,140px) 24px;color:var(--ink);font-size:16px;line-height:1.85}
.legal .updated{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#7a6a3a;font-weight:400;margin-bottom:50px}
.legal h2{font-size:clamp(22px,2.2vw,30px);font-weight:200;letter-spacing:.02em;margin:54px 0 16px;padding-top:30px;border-top:1px solid rgba(6,18,28,.15)}
.legal h2:first-of-type{border-top:0;margin-top:0;padding-top:0}
.legal p,.legal li{color:#2a3640}
.legal p{margin-bottom:16px}
.legal ul{margin:0 0 16px 20px}
.legal li{margin-bottom:8px}
.legal strong{font-weight:400;color:var(--ink)}
.legal a{color:#6b5a2a;border-bottom:1px solid rgba(138,116,54,.5)}

/* form */
.form{max-width:760px;margin:64px auto 0;text-align:left}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.fld{display:block;margin-bottom:34px}
.fld label,.fld legend{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;opacity:.65;margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-weight:300;font-size:17px;color:#fff;background:transparent;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:10px 0;outline:0;transition:border-color .5s}
.fld select option{background:var(--ink);color:#fff}
.fld textarea{min-height:110px;resize:vertical;line-height:1.7}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-bottom-color:var(--acc)}
.fld input::placeholder,.fld textarea::placeholder{color:rgba(255,255,255,.3)}
.form .btn{margin-top:10px}
.form .btn:disabled{opacity:.5}
.form__fine{margin-top:26px;font-size:13px;opacity:.5;letter-spacing:.03em}
.form__msg{margin-top:22px;font-size:14px;color:var(--acc);min-height:22px}
.thanks{display:none;max-width:560px;margin:64px auto 0}
.thanks.show{display:block}

@media(max-width:900px){
 .sub{height:56vh;min-height:420px}
 .cols,.cols--2{grid-template-columns:1fr;margin-top:50px}
 .cols>div{border-left:0;border-bottom:1px solid var(--hair);padding:26px 0}
 .sec--w .cols>div{border-bottom-color:rgba(6,18,28,.18)}
 .rows li{grid-template-columns:1fr;gap:8px}
 .f2{grid-template-columns:1fr;gap:0}
}