@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  color-scheme:light only;
  --bg:#F3F0E8;--bg-2:#E9E4D8;--surface:#FBFAF6;--ink:#1E2620;--ink-2:#5B635C;--line:rgba(30,38,32,.16);
  --accent:#1E2620;--accent-ink:#F3F0E8;--nav-bg:#F3F0E8;--focus:#4F6B4A;--err:#9F2D2D;
  --font-display:"Fraunces",Georgia,serif;--font-text:"Manrope",system-ui,sans-serif;
  --display-weight:400;--display-track:-0.025em;--card-r:var(--r-xl);--img-r:var(--r-lg);--btn-r:var(--r-full);
}
.mark{width:28px;height:28px;border-radius:var(--r-full);background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:.875rem;line-height:1.25rem;font-weight:600}
.nav__brand{font-weight:600}
.hero{padding-top:var(--s900);padding-bottom:var(--s700)}
.hero__grid{display:grid;gap:var(--s600);align-items:end}
@media (min-width:1024px){.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s700)}.hero{padding-bottom:var(--s900)}}
.hero__copy>*+*{margin-top:var(--s300)}
.hero h1{max-width:680px}
.hero__media{aspect-ratio:4/5;border-radius:var(--r-2xl)}
@media (min-width:1024px){.hero__media{aspect-ratio:4/5;max-height:72vh;width:100%}}
.hero__media img,.hero__media video{object-position:62% 50%}
.caption{position:absolute;left:var(--s200);bottom:var(--s200);background:rgba(243,240,232,.86);color:var(--ink);padding:var(--s50) var(--s100);border-radius:var(--r-full);font-size:.75rem;line-height:1rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.stats{display:flex;gap:var(--s600);padding-top:var(--s300);border-top:1px solid var(--line);margin-top:var(--s600)!important}
.stats dt{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.stats dd{font-family:var(--font-display);font-size:1.875rem;line-height:2.25rem;margin-top:var(--s50);font-variant-numeric:lining-nums tabular-nums}
.woods{overflow:hidden;border-block:1px solid var(--line);padding-block:var(--s200)}
.woods__track{display:flex;gap:var(--s700);width:max-content;animation:drift 38s linear infinite;font-family:var(--font-display);font-size:1.875rem;line-height:2.25rem;color:var(--ink-2)}
.woods__track span::after{content:"·";margin-left:var(--s700);color:var(--line)}
@keyframes drift{to{transform:translateX(-50%)}}
.head{max-width:680px}
.head>*+*{margin-top:var(--s200)}
.work{display:grid;gap:var(--s300)}
.work figure{position:relative}
.work img{width:100%;height:100%;object-fit:cover}
.work figcaption{position:absolute;left:var(--s200);right:var(--s200);bottom:var(--s200);display:flex;flex-direction:column;gap:var(--s25);color:#fff;font-size:.875rem;line-height:1.25rem}
.work figcaption b{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:2rem}
.work figure::after{content:"";position:absolute;inset:0;background:rgba(20,24,20,.28);pointer-events:none}
.work figcaption{z-index:1}
.work__a{aspect-ratio:4/3}.work__b{aspect-ratio:3/2}.work__c{aspect-ratio:4/5}
@media (min-width:1024px){.work{grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto}.work__a{grid-row:span 2;aspect-ratio:auto;min-height:640px}.work__c{aspect-ratio:3/2}}
.proces{display:grid;gap:var(--s600)}
@media (min-width:1024px){.proces{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s800)}.proces__head{position:sticky;top:var(--s900);align-self:start}}
.proces__head>*+*{margin-top:var(--s200)}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:var(--s200);padding-block:var(--s300);border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps .no{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-2);font-size:.875rem;line-height:1.25rem;padding-top:var(--s50)}
.steps p{margin-top:var(--s75)}
.when{grid-column:2;justify-self:start;font-size:.75rem;line-height:1rem;font-weight:600;padding:var(--s25) var(--s75);border-radius:var(--r-full);background:var(--surface)}
@media (min-width:768px){.steps li{grid-template-columns:64px 1fr auto}.when{grid-column:auto;align-self:start}}
.quote blockquote{max-width:960px;margin-inline:auto;text-align:center}
.quote p{font-weight:400}
.trae{display:grid;gap:var(--s600)}
@media (min-width:1024px){.trae{grid-template-columns:1fr 1fr;align-items:center}}
.trae .chip[aria-selected="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.specs{display:grid;gap:var(--s200)}
.specs div{display:grid;grid-template-columns:120px 1fr;gap:var(--s200);padding-top:var(--s200);border-top:1px solid var(--line)}
.specs dt{color:var(--ink-2);font-size:.875rem;line-height:1.25rem}
.specs dd{display:flex;align-items:center;gap:var(--s100);font-weight:600}
.bar{display:inline-block;width:64px;height:4px;border-radius:var(--r-full);background:var(--line);position:relative;overflow:hidden}
.bar::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(.5)}
.bar.b2::after{transform:scaleX(.5)}.bar.b3::after{transform:scaleX(.75)}.bar.b4::after{transform:scaleX(.95)}
.kontakt{display:grid;gap:var(--s600)}
@media (min-width:1024px){.kontakt{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s800);align-items:start}}
.info{display:grid;gap:var(--s200)}
.info dt{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.info dd{font-weight:600}
.formcard{background:var(--surface);border:1px solid var(--line)}
.foot{padding-block:var(--s600) var(--s900);border-top:1px solid var(--line);font-size:.875rem;line-height:1.25rem}
.foot .row{gap:var(--s200)}
@media (prefers-reduced-motion:reduce){.woods__track{animation:none}}