:root{--canvas: #f3e9da;--canvas-deep: #eadfcb;--panel: #eaddc7;--sand: #c6b498;--accent: #5c6b24;--accent-hover: #485518;--accent-muted: #c2cba3;--berry: #ab321d;--text-primary: #1c1a15;--text-secondary: #6b6353;--white: #fffdf9;--font-display: "Familjen Grotesk", "Trebuchet MS", sans-serif;--font-body: "Instrument Sans", "Segoe UI", sans-serif;--font-mono: "Martian Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--dur: .55s;--dur-slow: .6s;--gap: clamp(1rem, 2.5vw, 1.75rem);--section-y: clamp(5rem, 12vh, 9rem);--radius: 14px;--tshadow: 0 0 1px rgba(255, 253, 249, 1), 0 0 2px rgba(255, 253, 249, 1), 0 0 4px rgba(255, 253, 249, .98), 0 0 8px rgba(255, 253, 249, .95), 0 0 16px rgba(255, 253, 249, .88), 0 0 30px rgba(252, 248, 240, .78), 0 0 55px rgba(250, 245, 236, .6), 0 0 95px rgba(250, 245, 236, .45)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;overflow-x:clip}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--font-body);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.65;-webkit-font-smoothing:antialiased}.environment{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 78% 18%,rgba(194,203,163,.28),transparent 62%),radial-gradient(60% 50% at 12% 82%,rgba(171,50,29,.07),transparent 60%),var(--canvas)}.environment:after{content:"";position:absolute;inset:-12%;background:radial-gradient(58% 46% at 50% 42%,rgba(255,253,249,.55),transparent 70%);animation:drift 90s var(--ease-soft) -30s infinite alternate}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance}h2{font-size:clamp(2rem,1.2rem + 3.4vw,3.9rem)}h3{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);letter-spacing:-.01em}p{margin:0}.signatur{margin-top:1.4rem;font-family:var(--font-mono);font-size:.72rem;font-weight:400;letter-spacing:.22em;color:var(--accent)}.lede{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--text-secondary);max-width:46ch}.kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:1.1rem}.wrap{width:min(1180px,92vw);margin-inline:auto}.section{padding-block:var(--section-y);position:relative;scroll-margin-top:4.5rem}.btn{--btn-bg: var(--accent);--btn-fg: var(--white);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.6rem;border:1px solid transparent;border-radius:100px;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{--btn-bg: var(--accent-hover);transform:translateY(-2px)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text-primary);border-color:var(--sand)}.btn--ghost:hover{--btn-bg: var(--panel);--btn-fg: var(--text-primary)}@media(pointer:coarse){.btn{min-height:44px}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:var(--white);padding:.8rem 1.2rem;border-radius:0 0 var(--radius) 0;text-decoration:none}.skip:focus{left:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease),filter var(--dur-slow) var(--ease)}.reveal--left{transform:translate3d(-38px,0,0)}.reveal--right{transform:translate3d(38px,0,0)}.reveal--scale{transform:scale(.94) translateY(20px)}.reveal--blur{filter:blur(12px);transform:translateY(14px)}.reveal--tilt{transform:perspective(1000px) rotateX(7deg) translateY(30px);transform-origin:50% 100%}.reveal.in{opacity:1;transform:none;filter:none}.reveal.stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.reveal.stagger.in>*{opacity:1;transform:none}.reveal.stagger.in>*:nth-child(1){transition-delay:.04s}.reveal.stagger.in>*:nth-child(2){transition-delay:.12s}.reveal.stagger.in>*:nth-child(3){transition-delay:.2s}.reveal.stagger.in>*:nth-child(4){transition-delay:.28s}.reveal.stagger.in>*:nth-child(5){transition-delay:.36s}.reveal.stagger.in>*:nth-child(6){transition-delay:.44s}.reveal.stagger.in>*:nth-child(7){transition-delay:.52s}.reveal.stagger.in>*:nth-child(8){transition-delay:.6s}.reveal.stagger.in.done>*:nth-child(1),.reveal.stagger.in.done>*:nth-child(2),.reveal.stagger.in.done>*:nth-child(3),.reveal.stagger.in.done>*:nth-child(4),.reveal.stagger.in.done>*:nth-child(5),.reveal.stagger.in.done>*:nth-child(6),.reveal.stagger.in.done>*:nth-child(7),.reveal.stagger.in.done>*:nth-child(8){transition-delay:0s}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.parallax{animation:parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%;will-change:transform}@keyframes parallax{0%{transform:translateY(var(--par, 6%))}to{transform:translateY(calc(var(--par, 6%) * -1))}}.zoomy{animation:zoomy linear both;animation-timeline:view();animation-range:entry 0% exit 100%;will-change:transform}@keyframes zoomy{0%{transform:scale(1.1)}to{transform:scale(1)}}.draw-on-scroll{animation:draw-line linear both;animation-timeline:view();animation-range:entry 20% cover 60%}@keyframes draw-line{to{stroke-dashoffset:0}}}}.band__visual{display:inline}.band .w{display:inline-block;white-space:nowrap}.band .c{display:inline-block}.band--baut .w,.band--baut .c,.band--baut .band__sub,.band--baut .band__cta{will-change:transform,opacity}.band--drift .w{--kc: clamp(0, (var(--k, 0) - var(--th, 0)) * 2.8, 1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc)) * -26px))}.band--punch .w{--kc: clamp(0, (var(--k, 0) - var(--th, 0)) * 3, 1);--ks: clamp(0, (var(--k, 0) - var(--th, 0) - .1) * 3.2, 1);opacity:var(--kc);transform:scale(calc(.62 + .5 * var(--kc) - .12 * var(--ks)))}.band--blur .band__line{position:relative}.band--blur .band__visual--soft{position:absolute;inset:0;filter:blur(11px);will-change:opacity;opacity:calc(1 - var(--k, 0))}.band--blur .band__visual:not(.band__visual--soft){opacity:var(--k, 0);will-change:opacity}.band--scatter .c{--kc: clamp(0, (var(--k, 0) - var(--th, 0)) * 2.6, 1);opacity:var(--kc);transform:translate(calc((1 - var(--kc)) * var(--jx, 0px)),calc((1 - var(--kc)) * var(--jy, 0px))) rotate(calc((1 - var(--kc)) * var(--jr, 0deg)))}.band--rise .w{--kc: clamp(0, (var(--k, 0) - var(--th, 0)) * 2.4, 1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc)) * 30px))}.band--rise .band__sub{--ks: clamp(0, (var(--k, 0) - .66) * 4, 1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks)) * 14px))}.band--rise .band__cta{--kb: clamp(0, (var(--k, 0) - .78) * 5, 1);opacity:var(--kb);transform:translateY(calc((1 - var(--kb)) * 14px))}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}.reveal,.reveal .stagger>*{opacity:1;transform:none}}
