:root{--ink:#002821;--muted:#3D4F4A;--soft:#55665F;--teal:#00594E;--teal-d:#002821;--mint:#D0B787;--gold:#D0B787;--line:#E6E1D6;--bg:#FFFFFF;--ph:#EFEADF;--dark-line:#1F4A43;--dark-muted:#B9C7C2;--serif:Tinos,'Nimbus Roman','Times New Roman',serif;--sans:'Aktiv Grotesk',Inter,system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.55}
a{color:var(--teal)}a:hover{color:var(--teal-d)}
input,select,button,textarea{font:inherit}
h1,h2,h3{font-family:var(--serif);font-style:italic;font-weight:400;margin:0;text-wrap:balance}
strong,b{font-weight:600}
h1{font-size:clamp(40px,5.2vw,66px);line-height:1.08}
h2{font-size:clamp(30px,3.6vw,44px);line-height:1.15}
h3{font-family:var(--sans);font-style:normal;font-weight:500;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{background:var(--ink);color:#E6EDEA;letter-spacing:.02em;font-size:13px;padding:10px 24px;text-align:center}
.topbar a{color:var(--gold)}
header.site{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.logo{text-decoration:none;display:flex;align-items:center;gap:14px;color:var(--ink)}
.logo img{height:44px;width:auto;display:block}
.logo span{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.28em;color:var(--teal);border-left:1px solid var(--gold);padding-left:14px;line-height:28px}
nav.main{display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
nav.main a{color:var(--ink);text-decoration:none}
nav.main a[aria-current=page]{color:var(--teal);font-weight:500;box-shadow:inset 0 -2px 0 var(--gold)}
.lang{display:flex;gap:2px;font-weight:600;font-size:14px}
.lang span,.lang a{padding:10px 8px}
.lang span{color:var(--teal)}
.lang a{color:var(--soft)!important}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:2px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:14px!important;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.btn-primary{background:var(--teal);color:#fff!important}
.btn-primary:hover{background:var(--teal-d)}
.btn-outline{border:1px solid var(--teal);color:var(--teal)!important;background:transparent}
.btn-outline:hover{background:var(--teal);color:#fff!important}
.dark .btn-outline{border-color:var(--gold);color:var(--gold)!important}
nav.main .btn{min-height:44px;padding:10px 18px;color:#fff}
.eyebrow{font-size:13px;font-weight:500;letter-spacing:.24em;color:var(--teal);text-transform:uppercase;display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:40px;height:1px;background:var(--gold);flex:none}
.lead{font-size:19px;line-height:1.55;color:var(--muted);max-width:620px}
.muted{color:var(--muted)}
.small{font-size:13px;color:var(--soft)}
section{padding:88px 0}
.band{background:#F7F4EE;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark{background:var(--teal);color:#E6EDEA}
.dark h2,.dark h3{color:#fff}
.dark .eyebrow{color:var(--gold)}
.dark .muted{color:var(--dark-muted)}
.hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding:48px 24px 72px}
.hero>div{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}
.page-hero{padding:56px 0 48px;display:flex;flex-direction:column;gap:16px}
.row{display:flex;flex-wrap:wrap;gap:12px}
.stack{display:flex;flex-direction:column;gap:16px}
.head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.grid-wide{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.ph{background:var(--ph);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;padding:16px}
.dark .ph{background:#0B4A42;color:var(--dark-muted)}
.facts{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));padding:32px 24px}
.fact b{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:32px;color:var(--teal)}
.fact span{color:var(--muted);font-size:15px}
.dark .fact b{font-size:40px;color:var(--gold)}
.dark .fact span{color:var(--dark-muted)}
.why{border-top:1px solid var(--gold);padding-top:20px;display:flex;flex-direction:column;gap:8px}
ol.steps{margin:0;padding:0;list-style:none;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
ol.steps li{display:flex;flex-direction:column;gap:10px}
.num{font-family:var(--serif);font-style:italic;font-size:34px;color:var(--gold);line-height:1}
.card{border:1px solid var(--line);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;background:#fff;text-decoration:none;color:var(--ink)}
.card:hover{border-color:var(--gold);color:var(--ink)}
.card .ph{height:220px;border-radius:0}
.card-body{padding:24px;display:flex;flex-direction:column;gap:8px}
.tag{font-size:12px;font-weight:500;letter-spacing:.2em;color:var(--teal);text-transform:uppercase}
.badge{align-self:flex-start;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:2px;background:#F3EBDA;color:#5B4A22}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:8px;font-size:14px}
.kv span{color:var(--soft);display:block;font-size:13px}
.kv strong{font-size:16px;font-weight:500}
.case{border:1px solid var(--dark-line);border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.case .ph{height:200px;border-radius:0}
.founder{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.founder .ph{flex:0 1 360px;min-width:0;height:420px}
.founder>div:last-child{flex:1 1 420px;min-width:0}
.filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:2px;padding:20px;margin-bottom:32px}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;letter-spacing:.06em}
input,select,textarea{height:48px;border:1px solid #CFC8B8;border-radius:2px;padding:0 12px;font-weight:400;background:#fff;color:var(--ink);width:100%}
textarea{height:auto;min-height:110px;padding:12px}
.filters label{flex:1 1 200px}
form.profile{background:#fff;border:1px solid var(--line);border-radius:2px;padding:32px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.band form.profile{background:#fff}
form.profile .full{grid-column:1/-1}
.form-msg{grid-column:1/-1;display:none;background:#F3EBDA;border-radius:2px;padding:12px 16px;font-size:14px}
.split{display:flex;flex-wrap:wrap;gap:48px}
.split>div{flex:1 1 380px;min-width:0}
.split>form{flex:1 1 460px;min-width:0}
table.nums{width:100%;border-collapse:collapse;font-size:16px}
table.nums th,table.nums td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}
table.nums td:last-child,table.nums th:last-child{text-align:right}
table.nums tr.total td{font-weight:700;border-bottom:2px solid var(--ink)}
.box{background:#fff;border:1px solid var(--line);border-radius:2px;padding:28px;display:flex;flex-direction:column;gap:12px}
.box.accent{border:1px solid var(--gold);box-shadow:inset 0 3px 0 var(--gold)}
.gallery{display:grid;gap:12px;grid-template-columns:2fr 1fr;grid-template-rows:200px 200px}
.gallery .ph:first-child{grid-row:1/3}
@media (max-width:640px){.gallery{grid-template-columns:1fr;grid-template-rows:240px 140px 140px}.gallery .ph:first-child{grid-row:auto}}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.timeline li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}
.timeline .who{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin-top:10px}
.timeline .who p{font-size:15px;color:var(--muted);line-height:1.55}
.timeline .who b{display:block;color:var(--ink);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.time{font-size:13px;color:var(--soft);font-weight:600}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font-weight:500;font-size:17px;min-height:28px}
details p{margin-top:12px;color:var(--muted);line-height:1.6;max-width:760px}
.prose p{line-height:1.65;color:var(--muted);font-size:17px;max-width:760px}
.prose h3{margin-top:8px}
.note{background:#F3EBDA;border-radius:2px;padding:20px 24px;font-size:15px;line-height:1.6}
footer.site{background:var(--ink);color:var(--dark-muted);font-size:14px;line-height:1.6}
footer.site .wrap{padding:48px 24px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
footer.site .wrap>div:first-child{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:8px}
footer.site .links{display:flex;flex-direction:column;gap:8px}
footer.site a{color:#E6EDEA}
footer.site img{height:40px;width:auto;align-self:flex-start;object-fit:contain}
.foot-tag{font-size:12px;letter-spacing:.28em;color:var(--gold)}
footer.site b{color:#fff}