/* Brave Talks / Kontakt — private correspondence, editorial warm earth */
:root{--contact-copper:#a76c49;--contact-dark:#38271c;--contact-warm:#e6d4bd}
body{background:#e8d7c1}
.contact-composition{min-height:calc(100svh - 92px);display:grid;grid-template-columns:minmax(0, .91fr) minmax(0, 1.09fr);border-bottom:1px solid #c7b098}
.contact-intro{position:relative;overflow:hidden;color:#f7e8d5;background:radial-gradient(ellipse at 82% 7%,#78523a 0,transparent 52%),linear-gradient(155deg,#503526 0%,#38261a 60%,#2d2019 100%);}
.contact-intro:before{content:"";position:absolute;width:min(95vw,820px);aspect-ratio:1;left:-35%;top:13%;border:1px solid #c6a58724;border-radius:50%;box-shadow:0 0 0 90px #c6a58708,0 0 0 180px #c6a58707;pointer-events:none}
.contact-intro:after{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.34'/%3E%3C/svg%3E")}
.contact-intro-inner{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(42px,5.4vw,92px) clamp(36px,6vw,110px) clamp(38px,4.1vw,68px)}
.contact-index{font-size:10px;font-weight:700;letter-spacing:.23em;color:#d0ab8c;display:flex;align-items:center;gap:25px;margin:0}
.contact-index span{color:#f5e7d5}
.contact-title-group{margin:clamp(80px,11vw,174px) 0 clamp(65px,9vw,145px)}
.contact-intro-kicker{color:#d3ab89;font-size:11px}
.contact-title-group h1{font-size:clamp(82px,9vw,151px);line-height:.78;margin:30px 0 49px;letter-spacing:-.062em;font-weight:400}
.contact-title-group h1 em{font-weight:400;color:#d9aa82;display:block;margin:.18em 0 0 .035em}
.contact-lead{font-family:var(--display);font-size:clamp(28px,3vw,46px);line-height:1.12;margin:0 0 25px;letter-spacing:-.022em}
.contact-description{font-size:16px;line-height:1.9;color:#dfcfc0;max-width:390px;margin:0}
.contact-intro-bottom{border-top:1px solid #a07d604e;padding-top:21px;display:flex;align-items:center;gap:20px}
.contact-small-mark{color:#c99c75;font-size:27px;line-height:1}
.contact-intro-bottom p{color:#d7bea7;font-size:11px;line-height:1.7;letter-spacing:.06em;text-transform:uppercase;margin:0}
.contact-number{margin-left:auto;font-size:11px;color:#dbc8b7;letter-spacing:.12em;white-space:nowrap}
.contact-number span{color:#a7846c;margin:0 7px}
.contact-writing{position:relative;overflow:hidden;background:#e9dac7;padding:clamp(48px,6.6vw,110px) clamp(24px,7vw,126px);display:flex;align-items:center;justify-content:center}
.contact-writing:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#eadbc8,#e1cbb1);pointer-events:none}
.contact-paper{position:relative;z-index:1;max-width:640px;width:100%}
.form-kicker{color:#965c3b;margin-bottom:30px}
.contact-paper h2{font-size:clamp(58px,6vw,91px);font-weight:400;letter-spacing:-.045em;white-space:nowrap;margin:0 0 22px}
.contact-stop{color:#a76c49}
.contact-form-intro{max-width:490px;font-size:15px;line-height:1.86;color:#69513f;margin-bottom:42px}
.form-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 22px}
.field{display:flex;flex-direction:column;min-width:0;gap:10px}
.field-wide{grid-column:1 / -1}
.field>span{color:#3d2a1d;font-size:12px;font-weight:700;letter-spacing:.025em}
.field>span b{color:#a76c49}
.field input,.field select,.field textarea{border:1px solid #c6af97;background:#f6eddf;color:#38271c;border-radius:0;width:100%;min-width:0;min-height:54px;padding:15px 17px;outline-offset:2px;font:400 15px/1.5 var(--sans);appearance:none;transition:border-color .18s,background .18s}
.field textarea{resize:vertical;min-height:145px}
.field select{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%237b563e' stroke-width='1.6' d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-position:right 13px center;background-size:20px;background-repeat:no-repeat}
.field input:focus,.field select:focus,.field textarea:focus{background:#fffaf2;border-color:#965a39;outline:2px solid #b6805e55}
.field input::placeholder,.field textarea::placeholder{color:#988572;opacity:1}
.field small{font-size:11px;line-height:1.65;color:#7b6755;max-width:60ch}
.contact-privacy{display:flex;align-items:flex-start;gap:12px;margin:25px 0 22px;font-size:12px;line-height:1.8;color:#65503f;cursor:pointer}
.contact-privacy input{width:18px;height:18px;flex:0 0 18px;accent-color:#8f5937;margin:4px 0 0}
.contact-privacy strong{font-weight:700;color:#513627}
.contact-bot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:23px;margin-top:16px}
.contact-send{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:38px;min-height:64px;min-width:242px;background:#915936;color:#fff;padding:19px 22px;font:700 11px/1.3 var(--sans);letter-spacing:.15em;transition:background .2s,transform .2s}
.contact-send:not(:disabled):hover{background:#6b402b;transform:translateY(-2px)}
.contact-send:disabled{cursor:wait;opacity:.65}
.send-arrow{font-size:21px;font-weight:400}
.sending-note{font-size:11px;line-height:1.7;color:#88715f;margin:0;max-width:230px}
.contact-feedback{min-height:2em;color:#684a32;margin:19px 0 0;font-size:13px;line-height:1.7}
.contact-feedback[data-state="success"]{padding:15px 18px;background:#e5e8d8;border-left:3px solid #627e5d;color:#334a31;font-weight:600}
.contact-feedback[data-state="error"]{padding:15px 18px;background:#f8e4dc;border-left:3px solid #a24f41;color:#8d332d}
.form-watermark{font:italic 500 clamp(50px,7vw,113px)/.68 var(--display);letter-spacing:-.04em;color:#b7896525;position:absolute;right:-55px;bottom:-35px;transform:rotate(-10deg);pointer-events:none;text-align:right}
.form-watermark em{font-weight:400}
.contact-after{background:#f1e5d5;padding:clamp(95px,10.5vw,165px) 0 clamp(92px,9vw,150px)}
.after-label{display:flex;gap:25px;align-items:center;color:#955d40;font-weight:700;font-size:11px;letter-spacing:.19em;margin-bottom:38px}
.after-label span+span{font-size:19px}
.contact-after h2{font-size:clamp(50px,7.25vw,110px);line-height:1.02;font-weight:400;max-width:1140px}
.contact-after h2 em{color:#9d6848;font-weight:400}
.contact-after-foot{border-top:1px solid #c8b29b;margin-top:54px;padding-top:33px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.contact-after-foot p{font-size:15px;line-height:1.9;color:#725d4b;max-width:520px}
.contact-after-foot .inline-link{white-space:nowrap;margin-top:8px}
.contact-footer{background:#36251a;color:#ecdbc8;padding:50px 0}
.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
.footer-logo{font:500 25px var(--display);letter-spacing:.19em}
.footer-spark{color:#c19573;margin-left:15px;font:19px var(--sans)}
.contact-footer nav{display:flex;gap:19px;flex-wrap:wrap}
.contact-footer nav a,.footer-layout>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.contact-footer nav a:hover,.contact-footer nav a[aria-current="page"]{color:#d7aa89}
.footer-layout>span{color:#b79f8b}
@media(max-width:1250px){.contact-intro-inner{padding-left:6vw;padding-right:5vw}.contact-writing{padding-left:5vw;padding-right:5vw}.form-actions{align-items:flex-start;flex-direction:column}.contact-paper h2{font-size:clamp(55px,6vw,80px)}}
@media(max-width:950px){.contact-composition{grid-template-columns:1fr}.contact-intro-inner{padding:53px 7vw 52px}.contact-title-group{margin:94px 0 85px}.contact-title-group h1{font-size:clamp(85px,13vw,136px)}.contact-writing{padding:70px 7vw 88px}.contact-paper{max-width:720px}.contact-after-foot{flex-direction:column}.form-watermark{font-size:80px}}
@media(max-width:560px){.contact-intro-inner{padding:35px 24px 36px}.contact-title-group{margin:80px 0 80px}.contact-title-group h1{font-size:clamp(69px,17vw,102px);margin:25px 0 35px}.contact-intro-kicker{font-size:10px}.contact-description{font-size:15px}.contact-number{display:none}.contact-writing{padding:64px 24px 75px}.contact-paper h2{font-size:clamp(57px,14vw,80px)}.form-fields{grid-template-columns:1fr;gap:20px}.contact-privacy{margin-top:22px}.form-actions{gap:17px}.contact-send{width:100%}.contact-after{padding:75px 0}.contact-after h2{font-size:clamp(49px,11vw,75px)}.contact-after-foot{margin-top:35px;padding-top:24px}.contact-after-foot .inline-link{white-space:normal}.contact-footer{padding:36px 0}.footer-layout{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){.contact-send,.field input,.field textarea,.field select{transition:none}}