:root{--beton:#191713;--beton-2:#211e19;--kalk:#f1ece1;--zand:#e4dccc;--greige:#c8bead;--rook:#8d8678;--inkt:#26211a;--wit:#faf8f3;--amber:#c8742f;--font-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--font-body:"Archivo", "Helvetica Neue", Arial, sans-serif;--shell:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--inkt);background:var(--beton);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.shell{max-width:var(--shell);margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.hero-wrap{background:var(--beton);height:420vh;position:relative}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero-video{object-fit:cover;background:var(--beton);width:100%;height:100%;position:absolute;inset:0}.hero-shade{pointer-events:none;background:radial-gradient(120% 85% at 50% 18%,#0000 42%,#0c0a0761 100%),linear-gradient(#0000 62%,#0c0a078c);position:absolute;inset:0}.beat{text-align:center;width:min(92vw,980px);color:var(--wit);opacity:0;will-change:opacity, transform;text-shadow:0 1px 24px #0a090773;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.beat-logo{width:clamp(180px,26vw,300px);margin:0 auto clamp(18px,3vh,32px)}.beat-title{font-family:var(--font-display);letter-spacing:.015em;text-transform:uppercase;font-size:clamp(2.4rem,7vw,5.6rem);font-weight:700;line-height:.98}.beat-sub{letter-spacing:.22em;text-transform:uppercase;color:#faf8f3d1;margin-top:clamp(12px,2vh,20px);font-size:clamp(.95rem,1.4vw,1.1rem)}.hero-bar{background:var(--amber);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.slab{background:linear-gradient(to bottom, #00000038, #0000 35%, #ffffff1f 50%, #00000047), var(--rook);height:12px}.band{padding-block:clamp(72px,12vh,132px)}.band--kalk{background:var(--kalk);color:var(--inkt)}.band--zand{background:var(--zand);color:var(--inkt)}.band--greige{background:var(--greige);color:var(--inkt)}.band--beton{background:var(--beton-2);color:var(--wit)}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;font-size:.8rem}.display{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;max-width:18ch;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;line-height:1}.display--xl{max-width:16ch;font-size:clamp(2.6rem,6.4vw,5rem)}.lede{max-width:58ch;color:inherit;opacity:.88;margin-top:26px;font-size:clamp(1.05rem,1.5vw,1.2rem)}.steps{grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,44px);margin-top:clamp(40px,6vh,64px);display:grid}.step h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;font-size:1.45rem;font-weight:700}.step p{opacity:.82;font-size:.98rem}.step-num{font-family:var(--font-display);letter-spacing:.2em;color:var(--amber);border-top:2px solid;margin-bottom:14px;padding-top:14px;font-size:1rem;font-weight:600;display:block}.cards{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);margin-top:clamp(40px,6vh,64px);display:grid}.card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin:16px 0 6px;font-size:1.35rem;font-weight:700}.card p{opacity:.8;font-size:.95rem}.swatch{aspect-ratio:4/3;border-radius:2px;box-shadow:inset 0 0 0 1px #00000014,inset 0 -18px 36px #0000001a}.sw-1{background:linear-gradient(132deg,#f0eadd 0%,#ddd3c0 48%,#e7dfcf 76%,#d2c7b0 100%)}.sw-2{background:linear-gradient(132deg,#e2d8c3 0%,#cfc2a6 52%,#dbd1ba 78%,#c4b699 100%)}.sw-3{background:linear-gradient(132deg,#3a3833 0%,#2b2925 46%,#34312c 74%,#232019 100%)}.note{letter-spacing:.04em;opacity:.6;margin-top:28px;font-size:.85rem}.band--cta .lede{margin-inline:0}.cta-row{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:var(--kalk);color:var(--inkt);border:1px solid var(--kalk);padding:16px 28px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.btn:hover{background:var(--amber);border-color:var(--amber);color:var(--wit)}.btn--ghost{color:var(--wit);background:0 0;border-color:#faf8f366}.btn--ghost:hover{border-color:var(--amber);color:var(--amber);background:0 0}.footer{background:var(--beton);color:#faf8f3a8;letter-spacing:.04em;padding-block:40px;font-size:.85rem}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-logo{width:132px}.switcher{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--wit);background:#14120ed1;border:1px solid #faf8f329;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:flex;position:fixed;bottom:18px;right:18px}.switcher-label{letter-spacing:.22em;text-transform:uppercase;opacity:.7;margin-right:4px;font-size:.7rem}.switcher-link{width:32px;height:32px;font-family:var(--font-display);border:1px solid #0000;border-radius:50%;place-items:center;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.switcher-link:hover{border-color:#faf8f366}.switcher-link.is-active{background:var(--amber);color:var(--wit)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}}@media (max-width:560px){.steps{grid-template-columns:1fr}.hero-wrap{height:380vh}}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}.vakwerk{background:var(--beton);min-height:80svh;color:var(--wit);align-items:flex-end;display:flex;position:relative;overflow:hidden}.vakwerk-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.vakwerk-shade{z-index:1;pointer-events:none;background:linear-gradient(#0c0a0773 0%,#0c0a072e 28%,#0c0a0780 62%,#0c0a07d9 100%);position:absolute;inset:0}.vakwerk-content{z-index:2;width:100%;max-width:var(--shell);margin-inline:auto;padding:clamp(48px,9vh,96px) clamp(20px,5vw,48px);position:relative}.vakwerk-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;font-size:.8rem}.vakwerk-title{font-family:var(--font-display);letter-spacing:.012em;text-transform:uppercase;text-shadow:0 1px 24px #0a090773;max-width:18ch;font-size:clamp(2.2rem,5.4vw,4.4rem);font-weight:700;line-height:1}.vakwerk-lede{opacity:.92;text-shadow:0 1px 12px #0a090780;max-width:52ch;margin-top:24px;font-size:clamp(1rem,1.4vw,1.15rem)}.switcher{z-index:10;-webkit-backdrop-filter:blur(10px);color:var(--wit);letter-spacing:.18em;text-transform:uppercase;background:#0c0a0799;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:flex;position:fixed;bottom:clamp(16px,2vh,28px);right:clamp(16px,2vw,28px)}.switcher-label{opacity:.6;padding-right:4px}.switcher-link{width:28px;height:28px;color:inherit;opacity:.6;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:opacity .2s,background .2s;display:inline-flex}.switcher-link:hover{opacity:1}.switcher-link.is-active{background:var(--amber);color:var(--beton);opacity:1}