/* ============ woodStock by Amari – eigenständige Markenseite (dunkel) ============ */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ws-ink:#0e0f10; --ws-paper:#141618; --ws-line:rgba(255,255,255,.14); --ws-line-2:rgba(255,255,255,.07);
  --ws-text:#f3f1ee; --ws-soft:rgba(243,241,238,.62); --ws-red:#E40134; --ws-max:1320px;
}
html{scroll-behavior:smooth}
body{background:var(--ws-ink);color:var(--ws-text);font-family:"Inter",system-ui,sans-serif;font-weight:300;
  line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-.01em}
.ww{max-width:var(--ws-max);margin:0 auto;padding:0 40px}
@media(max-width:760px){.ww{padding:0 22px}}
a{color:inherit}
.ws-kick{font-family:"Inter";font-weight:400;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ws-soft)}

/* header */
.ws-head{position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(180deg,rgba(14,15,16,.9),rgba(14,15,16,0));
  transition:background .3s}
.ws-head.solid{background:rgba(14,15,16,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--ws-line-2)}
.ws-head .bar{max-width:var(--ws-max);margin:0 auto;padding:20px 40px;display:flex;align-items:center;gap:30px}
.ws-head img{height:26px;width:auto;display:block}
.ws-head nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.ws-head nav a{text-decoration:none;font-size:13px;letter-spacing:.06em;color:var(--ws-text);opacity:.8}
.ws-head nav a:hover{opacity:1}
.ws-head .back{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ws-line);
  border-radius:999px;padding:8px 16px}
@media(max-width:900px){.ws-head nav a:not(.back){display:none}.ws-head .bar{padding:16px 22px}}

/* hero mit video */
.ws-hero{position:relative;height:100svh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end}
.ws-hero video,.ws-hero img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ws-hero .veil{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(14,15,16,.55) 0%,rgba(14,15,16,.12) 30%,rgba(14,15,16,.55) 72%,rgba(14,15,16,.92) 100%)}
.ws-hero .in{position:relative;z-index:2;width:100%;padding-bottom:62px}
.ws-hero .lg{height:clamp(34px,5.4vw,64px);width:auto;display:block;margin-bottom:26px}
.ws-hero h1{font-size:clamp(38px,7.4vw,104px);letter-spacing:-.025em;max-width:15ch}
.ws-hero p{color:rgba(243,241,238,.9);font-size:clamp(15px,1.6vw,19px);max-width:50ch;margin-top:20px}
.ws-hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

/* claims */
.ws-claims{border-top:1px solid var(--ws-line-2);border-bottom:1px solid var(--ws-line-2)}
.ws-claims .row{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--ws-max);margin:0 auto}
.ws-claims .c{padding:52px 40px;border-right:1px solid var(--ws-line-2)}
.ws-claims .c:last-child{border-right:0}
.ws-claims h2{font-size:clamp(30px,4.2vw,56px);color:var(--ws-text)}
.ws-claims p{color:var(--ws-soft);font-size:15.5px;margin-top:12px;max-width:34ch}
@media(max-width:860px){.ws-claims .row{grid-template-columns:1fr}.ws-claims .c{border-right:0;border-bottom:1px solid var(--ws-line-2);padding:38px 22px}}

/* abschnitte */
.ws-sec{padding:clamp(70px,10vw,140px) 0}
.ws-sec h2{font-size:clamp(32px,5.2vw,74px);max-width:16ch}
.ws-sec .lead{color:var(--ws-soft);font-size:16.5px;max-width:52ch;margin-top:22px}
.ws-cols{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center}
.ws-cols img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
@media(max-width:860px){.ws-cols{grid-template-columns:1fr}}
.ws-list{margin-top:26px;border-top:1px solid var(--ws-line-2)}
.ws-list .r{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--ws-line-2)}
.ws-list dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ws-soft)}
.ws-list dd{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(18px,1.9vw,24px);line-height:1.2}
@media(max-width:620px){.ws-list .r{grid-template-columns:1fr;gap:3px}}

/* produktraster */
.ws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.ws-grid figure{margin:0;position:relative;overflow:hidden}
.ws-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:saturate(.95)}
.ws-grid figure:hover img{transform:scale(1.045)}
.ws-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:64px 20px 18px;
  background:linear-gradient(180deg,transparent,rgba(14,15,16,.88))}
.ws-grid figcaption b{display:block;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px}
.ws-grid figcaption span{font-size:12.5px;color:var(--ws-soft)}
@media(max-width:980px){.ws-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ws-grid{grid-template-columns:1fr}}

/* film */
.ws-film{position:relative;border:1px solid var(--ws-line-2);overflow:hidden}
.ws-film video{width:100%;display:block;background:#000}
.ws-filmcap{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:16px;flex-wrap:wrap}
.ws-filmcap span{font-size:12.5px;color:var(--ws-soft);letter-spacing:.08em}

/* buttons + footer */
.ws-btn{display:inline-block;font-family:"Inter";font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:var(--ws-ink);background:var(--ws-text);padding:17px 32px;border-radius:999px;transition:.25s}
.ws-btn:hover{background:var(--ws-red);color:#fff}
.ws-btn.ghost{background:transparent;color:var(--ws-text);border:1px solid var(--ws-line)}
.ws-btn.ghost:hover{background:var(--ws-text);color:var(--ws-ink);border-color:var(--ws-text)}
.ws-foot{border-top:1px solid var(--ws-line-2);padding:54px 0 40px}
.ws-foot .row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.ws-foot img{height:28px;width:auto}
.ws-foot nav{display:flex;gap:24px;flex-wrap:wrap}
.ws-foot a{font-size:13px;color:var(--ws-soft);text-decoration:none}
.ws-foot a:hover{color:var(--ws-text)}
.ws-foot .base{margin-top:28px;font-size:12px;color:var(--ws-soft)}
.ws-rev{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ws-rev.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.ws-rev{opacity:1;transform:none;transition:none}}

/* Markenname nie in Versalien (Kerstin, 21.10.) */
.ws-kick .nc,.ws-list dt .nc,.ws-head .back .nc,.nc{text-transform:none}

/* ---- Systemzeichnung: vollstaendig zeigen, heller Panel ---- */
.ws-cols .ws-plan img{aspect-ratio:auto;height:auto;object-fit:contain;background:#e9ecee;border-radius:14px;padding:10px}
.ws-plan figcaption{margin-top:12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.ws-hero .in{padding-top:118px}
.ws-hero{height:auto;min-height:max(600px,100svh)}