html{background:#F7F5F2}
body{margin:0;background:#F7F5F2;color:#1B1B1B;font-family:'Figtree',system-ui,sans-serif}
.ddwrap{position:absolute;visibility:hidden;opacity:0;pointer-events:none}
nav.bar,nav.topnav{position:fixed}
nav.bar{pointer-events:none}


:root{--ink:#1B1B1B;--parchment:#F7F5F2;--paper:#FCFBF9;--stone-6:#6F6A62;--stone-4:#8A867E;--line:#DED9D0;--line-soft:#E9E5DD;--sky-deep:#4D86C2;
--f-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif;--f-ui:'Figtree',system-ui,sans-serif;--f-body:'Figtree',system-ui,sans-serif;--f-mono:'Figtree',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--parchment);color:var(--ink);font-family:var(--f-body)}
a{color:inherit;text-decoration:none}a:hover{color:var(--sky-deep)}
.bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,3vw,44px)}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-ui);font-weight:500;font-size:17.5px}
.brand svg{width:24px;height:24px}
.close{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.14em;background:#fff;border:1px solid var(--line-soft);border-radius:999px;padding:11px 20px;cursor:pointer;transition:.2s}
.close{color:var(--ink);text-decoration:none}
.close:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(27,27,27,.1);color:var(--ink)}
.split{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}
.left{padding:clamp(96px,12vh,140px) clamp(24px,5vw,90px) 60px;max-width:760px}
.tabs{display:inline-flex;background:#ECEAE4;border-radius:999px;padding:4px;margin-bottom:clamp(30px,4.5vh,54px)}
.tabs button{font-family:var(--f-ui);font-weight:500;font-size:14.5px;color:var(--stone-6);border:1.5px solid transparent;background:transparent;border-radius:999px;padding:10px 22px;cursor:pointer;transition:.2s}
.tabs button.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(27,27,27,.08)}
#paneContact .tabs button.on{border-color:var(--sky-deep)}
.kick{font-family:var(--f-mono);font-weight:500;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-6);margin:0 0 16px}
h1,h2.as-h1{font-family:var(--f-display);font-weight:500;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.01em;line-height:1.05;margin:0 0 18px;text-wrap:balance}
.sub{color:var(--stone-6);font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.6;margin:0 0 clamp(28px,4vh,42px);max-width:46ch}
label{display:block;font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-6);margin:0 0 8px}
.fld{margin-bottom:20px}
input[type=text],input[type=email],select,textarea{width:100%;font-family:var(--f-body);font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line-soft);border-radius:14px;padding:15px 16px;outline:none;transition:border .2s,box-shadow .2s;appearance:none}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--sky-deep);box-shadow:0 0 0 3px rgba(77,134,194,.14)}
::placeholder{color:#B8B3AA}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.selwrap{position:relative}
.selwrap::after{content:"⌄";position:absolute;right:16px;top:50%;transform:translateY(-56%);color:var(--stone-6);pointer-events:none}
.chk{display:flex;gap:11px;align-items:flex-start;margin:4px 0 16px;font-size:15px;line-height:1.5;color:var(--ink)}
.chk label{cursor:pointer}
.chk input{width:19px;height:19px;margin-top:2px;accent-color:var(--ink);flex:0 0 auto}
.fine{font-size:13px;line-height:1.6;color:var(--stone-4);max-width:52ch;margin:0 0 26px}
.fine a{color:var(--stone-6);border-bottom:1px solid var(--line)}
.cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-ui);font-weight:560;font-size:16px;color:var(--parchment);background:var(--ink);border:none;border-radius:999px;padding:17px 30px;cursor:pointer;transition:.25s}
.cta:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(27,27,27,.22)}
.aside-note{margin-top:22px;font-size:14.5px;color:var(--stone-6)}
.aside-note a{font-weight:600;color:var(--ink);border-bottom:1.5px solid var(--ink)}
.ok{display:none;background:#E4F1E9;color:#2E7A52;border-radius:14px;padding:16px 18px;font-size:15px;margin:0 0 22px}
.right{position:relative;overflow:hidden;background:#F2F1EE}
.right .blob{position:absolute;inset:0;background:radial-gradient(34rem 30rem at 30% 18%,rgba(150,190,245,.55),transparent 62%),radial-gradient(30rem 26rem at 88% 46%,rgba(190,210,246,.5),transparent 65%),radial-gradient(26rem 24rem at 22% 82%,rgba(212,226,248,.6),transparent 60%);filter:blur(30px)}
.right .hm{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:88px;height:88px;color:var(--ink)}
.quote{position:absolute;left:clamp(24px,4vw,60px);bottom:clamp(28px,5vh,64px);font-family:var(--f-display);font-weight:500;font-size:clamp(20px,1.9vw,28px);letter-spacing:-.01em;line-height:1.3;max-width:15ch}
.pane{display:none}.pane.on{display:block}
@media(max-width:920px){.split{grid-template-columns:1fr}.right{display:none}.left{padding-top:110px}}

nav.topnav{padding-top:22px;padding-bottom:15px}