@import url('styles.css');

@font-face{font-family:'Cabin';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/cabin-400.ttf') format('truetype')}
@font-face{font-family:'Cabin';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/cabin-500.ttf') format('truetype')}
@font-face{font-family:'Cabin';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/cabin-600.ttf') format('truetype')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/newsreader-300.ttf') format('truetype')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/newsreader-400.ttf') format('truetype')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/newsreader-500.ttf') format('truetype')}

:root{--ink:#292424;--forest:#292424;--wine:#674b4c;--sage:#8a8380;--cream:#fff;--paper:#fff;--terracotta:#674b4c;--line:#ddd8d5;--serif:'Newsreader',Georgia,serif;--sans:'Cabin','Helvetica Neue',Arial,sans-serif}
body{background:#fff;color:var(--ink);font-size:14px;font-weight:400;line-height:2;letter-spacing:.075em}
.site-header{height:118px;min-height:118px;padding:24px clamp(30px,6vw,90px);color:var(--ink);background:rgba(255,255,255,.97);text-shadow:none;border-bottom:1px solid transparent}
.site-header.scrolled{height:82px;min-height:82px;background:rgba(255,255,255,.97);border-color:var(--line);box-shadow:none}
.brand{display:block;text-transform:uppercase}.brand-mark{display:none}.brand strong{font:600 20px/1.2 var(--sans);letter-spacing:.42em}.brand small{margin-top:8px;color:#746f6d;font-size:9px;letter-spacing:.24em}
.nav{gap:clamp(15px,2vw,34px);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.nav-cta,.site-header.scrolled .nav-cta{padding:7px 0;border:0;background:none;color:var(--wine)}
.language-switch{display:flex;gap:7px;align-items:center;padding-left:2px;letter-spacing:.1em}.language-switch span[aria-current=page]{color:var(--wine);font-weight:600}.language-switch a{color:#8a8380}.language-switch a:hover{color:var(--wine)}.language-switch>*+*::before{content:"/";margin-right:7px;color:#c8c2bf;font-weight:400}
.hero{min-height:720px;margin-top:118px;display:grid;grid-template-columns:minmax(470px,55%) 1fr;color:var(--ink);background:#fff}.hero-image{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:590px;margin:45px 0;background:url('assets/hero-haende.jpg') center 44%/cover no-repeat;transform:none}.hero-wash{display:none}.hero-content{grid-column:1;grid-row:1;align-self:center;width:auto;margin:0;padding:80px clamp(35px,7vw,120px);text-align:left}.hero-copy{margin-left:0;margin-right:0}.hero-actions{justify-content:flex-start}
.eyebrow{margin-bottom:40px;color:var(--wine);font-size:9px;letter-spacing:.25em}.hero h1,.section h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.06}.hero h1{font-size:clamp(48px,5.2vw,80px)}.hero h1 em,.section h2 em{color:var(--wine);font-style:normal;font-weight:400}.hero-copy{margin-top:32px;color:#746f6d;font-size:14px;line-height:2}.button{min-height:48px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.button:hover{background:var(--ink);color:#fff}.text-link{color:var(--ink);border-color:var(--ink);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.scroll-cue{display:none}
.section{max-width:1280px;margin:0 auto;padding:140px clamp(30px,6vw,80px)}.section h2{margin-bottom:42px;font-size:clamp(44px,4.8vw,68px)}.intro{padding-top:155px;padding-bottom:155px}.intro-grid{grid-template-columns:.9fr 1.1fr;gap:12%}.lead{margin-top:0;color:var(--wine);font-family:var(--sans);font-size:19px;line-height:1.7}.intro-copy>p:last-child,.about-copy>p{color:#746f6d}
.topics,.about,.contact{max-width:none;padding-left:max(clamp(30px,6vw,80px),calc((100vw - 1280px)/2 + 80px));padding-right:max(clamp(30px,6vw,80px),calc((100vw - 1280px)/2 + 80px))}
.topics{grid-template-columns:.72fr 1.28fr;gap:11%;background:#f5f3f1;color:var(--ink)}.topics h2{font-size:clamp(42px,4.3vw,62px)}.topic-list{border-bottom:1px solid var(--line)}.topic{grid-template-columns:42px 1fr 20px;padding:25px 0;border-color:var(--line)}.topic:last-child{border-bottom:0}.topic>span,.topic i{color:var(--wine)}.topic h3{margin:-4px 0 5px;font:500 18px/1.5 var(--sans)}.topic p{color:#746f6d;font-size:12px}
.process{grid-template-columns:.8fr 1.2fr;gap:12%}.process-title>p:not(.section-number),.steps p{color:#746f6d}.steps{border-bottom:1px solid var(--line)}.steps li{border-color:var(--line)}.steps li>span{color:var(--wine)}.steps h3{font:500 18px/1.5 var(--sans)}
.about{display:block;background:#f5f3f1}.about-copy{max-width:820px;margin:0 auto}.qualifications span{border-color:var(--line);color:var(--wine);font-size:8px;letter-spacing:.16em}
.contact{grid-template-columns:.9fr 1.1fr;gap:12%;background:var(--wine);color:#fff}.contact-copy>p{color:rgba(255,255,255,.72)}.contact-meta{gap:36px;flex-wrap:wrap}.contact-meta p{margin:0}.contact-meta small{color:rgba(255,255,255,.65);font-size:8px}.contact-meta a,.contact-meta span{display:block;font-family:var(--sans);font-size:13px}.contact-meta p:first-child span{margin-top:4px;color:rgba(255,255,255,.65);font-size:10px}.contact-form>label:not(.consent){font-size:8px}.button-light{border-color:#fff;color:#fff}.button-light:hover{background:#fff;color:var(--wine)}
.contact-copy .service-note{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.24);font-size:11px;line-height:1.75}
footer{padding-left:max(clamp(30px,6vw,80px),calc((100vw - 1280px)/2 + 80px));padding-right:max(clamp(30px,6vw,80px),calc((100vw - 1280px)/2 + 80px));background:#fff;color:var(--ink);border-top:1px solid var(--line)}footer>p{color:#746f6d}.footer-brand strong{font-size:14px}
@media(max-width:900px){.site-header{height:82px;min-height:82px;padding:18px 24px}.brand strong{font-size:16px;letter-spacing:.28em}.nav{top:82px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.language-switch{padding:8px 0}.hero{min-height:auto;margin-top:82px;grid-template-columns:1fr}.hero-content{grid-column:1;grid-row:1;width:auto;padding:75px 30px}.hero-image{grid-column:1;grid-row:2;min-height:72vw;margin:0 24px 45px;background-position:center 42%}.intro-grid,.topics,.process,.contact{grid-template-columns:1fr;gap:65px}.section{padding-top:95px;padding-bottom:95px}}
@media(max-width:560px){.hero h1{font-size:40px}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding-left:24px;padding-right:24px}.contact-meta{flex-direction:column;gap:20px}footer{padding:45px 24px}}
.relationship-quote{max-width:980px;margin:0 auto;padding:40px 60px 150px;text-align:center;color:var(--wine)}
.relationship-quote blockquote{margin:0;font-family:var(--serif);font-size:clamp(34px,4.6vw,64px);font-weight:300;line-height:1.22;letter-spacing:-.02em}
.relationship-quote figcaption{margin-top:28px;font-size:9px;font-weight:600;letter-spacing:.25em;text-transform:uppercase}
.principles{display:grid;grid-template-columns:.72fr 1.28fr;gap:11%;padding-top:40px}
.principles-head>p{max-width:430px;color:#746f6d}
.principle-list{border-top:1px solid var(--line)}
.principle{border-bottom:1px solid var(--line)}
.principle summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;list-style:none;font:500 18px/1.5 var(--sans)}
.principle summary::-webkit-details-marker{display:none}
.principle summary i{position:relative;width:18px;height:18px;flex:0 0 18px}
.principle summary i::before,.principle summary i::after{content:"";position:absolute;top:8px;left:1px;width:16px;height:1px;background:var(--wine);transition:transform .25s ease}
.principle summary i::after{transform:rotate(90deg)}
.principle[open] summary i::after{transform:rotate(0)}
.principle p{max-width:690px;margin:0;padding:0 50px 28px 0;color:#746f6d}
.principle summary:hover span{color:var(--wine)}
.principle sup{margin-left:4px;font-size:9px;vertical-align:super}.principle sup a{color:var(--wine);text-decoration:underline;text-underline-offset:2px}
.sources{grid-column:2;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);color:#746f6d;font-size:10px;line-height:1.7}
.sources h3{margin:0 0 12px;color:var(--ink);font:500 10px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.sources ol{margin:0;padding-left:18px}.sources li{padding:3px 0}.sources a{text-decoration:underline;text-underline-offset:2px}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status a{text-decoration:underline}.contact-form .lead{color:#fff}
.legal-page{max-width:900px}.legal-page h1{margin:0 0 70px;font:400 clamp(48px,6vw,76px)/1.05 var(--serif);letter-spacing:-.025em}.legal-page h2{margin:55px 0 15px;font:400 clamp(27px,3vw,36px)/1.15 var(--serif);letter-spacing:-.015em}.legal-page h3{margin-top:35px}.legal-page p,.legal-page li{color:#615b59}.legal-page a:not(.button){color:var(--wine);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.principles{grid-template-columns:1fr;gap:45px;padding-top:30px}.sources{grid-column:1;margin-top:0}}
@media(max-width:560px){.relationship-quote{padding:20px 24px 90px}.principle summary{font-size:17px}.principle p{padding-right:0}}
.topic{grid-template-columns:42px 1fr}
