:root{--ink:#171713;--soft:#5b5d56;--paper:#f5f2eb;--cream:#e9e3d8;--warm:#d7cfc2;--deep:#20231e;--line:rgba(23,23,19,.16);--bronze:#9a7654;--err:#8c2f22}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.kicker{margin:0 0 18px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:19px 4vw;background:rgba(245,242,235,.96);border-bottom:1px solid var(--line)}
.brand{text-decoration:none;line-height:1;display:flex;flex-direction:column}.brand strong{font-size:14px;letter-spacing:.23em}.brand span{font-size:9px;color:var(--soft);margin-top:5px}
.nav{display:flex;align-items:center;gap:18px;font-size:10.5px}.nav a{text-decoration:none}.nav .active{color:var(--bronze)}.nav .contact{padding:10px 13px;border:1px solid var(--ink)}
.menu{display:none;border:0;background:none;width:42px;height:42px}.menu span{display:block;height:1px;background:var(--ink);margin:7px 0}
.menu-overlay{display:none}
.footer{background:#0d0f0c;color:#d9dcd4;padding:42px 4vw}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-brand strong{font-size:13px;letter-spacing:.22em}.footer-brand span{display:block;color:#858980;font-size:9px;margin-top:5px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.footer-links a{text-decoration:none;color:#b8bbb4}.footer-bottom{margin-top:40px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);color:#74786f;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.ask-hero{padding:105px 7vw 80px;background:var(--deep);color:#fff;display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;align-items:end}
.ask-hero h1{margin:0;font-size:clamp(64px,8vw,124px);line-height:.88}
.ask-hero p{max-width:680px;color:rgba(255,255,255,.74);font-size:18px;line-height:1.75;margin:0 0 18px}
.ask-hero .last{font-family:Georgia,serif;color:#fff;font-size:28px;padding-left:22px;border-left:1px solid var(--bronze);margin-top:26px}
.ask-main{padding:90px 7vw 110px;display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw}
.ask-main aside p{color:var(--soft);font-size:14px;max-width:340px}
.ask-form{display:grid;gap:26px}
.field label,.field .lbl{display:block;margin-bottom:9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.field .opt{color:var(--soft);font-weight:400;letter-spacing:.08em}
.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{width:100%;min-height:54px;padding:14px 15px;border:1px solid rgba(23,23,19,.34);background:#fff;color:var(--ink);font:inherit;font-size:16px;border-radius:0}
.field textarea{min-height:190px;resize:vertical}
.field input:focus,.field textarea:focus,.drop:focus-within{outline:2px solid var(--bronze);outline-offset:1px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.help{margin:8px 0 0;font-size:13px;color:var(--soft)}
.drop{display:block;padding:22px;border:1px dashed rgba(23,23,19,.45);background:var(--cream);cursor:pointer}
.drop input{width:100%;font:inherit;font-size:15px}
.files{list-style:none;margin:12px 0 0;padding:0}
.files li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;word-break:break-all}
.files button{border:0;background:none;color:var(--ink);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;min-height:32px}
.error{display:none;margin:8px 0 0;color:var(--err);font-size:13px;font-weight:700}
.field.bad .error{display:block}.field.bad input,.field.bad textarea{border-color:var(--err)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--soft);line-height:1.55}
.check input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--ink)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{display:none;padding:14px 16px;border-left:3px solid var(--err);background:#f1dfda;font-size:14px}
.form-error.show{display:block}
.submit{min-height:58px;padding:0 28px;border:0;background:var(--ink);color:#fff;font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;cursor:pointer}
.submit:disabled{opacity:.6;cursor:wait}
.success{display:none;padding:60px 0}
.success.show{display:block}
.success h2{margin:0 0 20px;font-size:clamp(46px,5.5vw,76px);line-height:.98}
.success p{color:var(--soft);font-size:18px;max-width:560px}
.read{display:inline-block;margin-top:22px;padding-bottom:5px;border-bottom:1px solid var(--ink);text-decoration:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
@media(max-width:980px){.ask-hero,.ask-main{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){
.header{padding:16px 5vw}.brand span{display:none}.menu{display:block}
.menu-overlay{position:fixed;z-index:35;top:62px;left:0;right:0;bottom:0;background:#f5f2eb}.menu-overlay.open{display:block}
.nav{display:none;position:fixed;z-index:41;top:62px;left:0;right:0;bottom:0;flex-direction:column;align-items:flex-start;padding:28px 5vw;font-size:15px;gap:20px;overflow-y:auto}.nav.open{display:flex}
body.menu-open{overflow:hidden}body.menu-open .header{background:var(--paper)}.footer-top{display:block}.footer-links{margin-top:26px}
.ask-hero{padding:80px 6vw 60px}.ask-main{padding:56px 6vw 80px}.row{grid-template-columns:1fr}.submit{width:100%}}