@font-face{font-family:Rokkitt Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rokkitt-vietnamese-wght-normal-B3H0h2-J.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Rokkitt Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rokkitt-latin-ext-wght-normal-oeMWvQs2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rokkitt Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rokkitt-latin-wght-normal-DeM_d0EQ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./big-shoulders-vietnamese-wght-normal-Cu-DDijC.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./big-shoulders-latin-ext-wght-normal-C7duU6kR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./big-shoulders-latin-wght-normal-D2Rs5vCJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-italic-CTF9u33F.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-italic-BlcgWI5J.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--coal:#14110e;--coal-2:#1f1a15;--coal-3:#2c251e;--birch:#f3eadb;--birch-2:#e7d9c2;--birch-3:#cdb999;--ash:#b3a797;--ash-2:#7f7468;--ember:#f08a1d;--ember-hot:#ffb347;--ember-deep:#c4580d;--dusk:#2a2145;--display:"Rokkitt Variable", Rockwell, "Roboto Slab", Georgia, serif;--numeral:"Big Shoulders Variable", "Arial Narrow", Impact, sans-serif;--text:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(1.15rem, 4.2vw, 4.75rem);--bar:4.5rem;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--coal)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--coal);color:var(--birch);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55;overflow-x:clip}img,picture,svg,canvas{max-width:100%;display:block}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ember-hot);outline-offset:3px;border-radius:2px}.skip{z-index:100;background:var(--ember);color:var(--coal);padding:.6rem 1rem;font-weight:600;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}.num{font-family:var(--numeral);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-weight:800}.kicker{font-family:var(--numeral);letter-spacing:.15em;text-transform:uppercase;color:var(--ember-hot);font-size:clamp(.95rem,1.05vw,1.15rem);font-weight:700}.kicker--dark{color:var(--ember-deep)}.wood{background-blend-mode:multiply;color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(176deg,#ffc978 4%,#f9a02f 50%,#df7a12 95%),url(../tex/woodfill.webp);background-size:100% 100%,26em 13em;-webkit-background-clip:text;background-clip:text;margin-bottom:-.1em;padding-bottom:.1em;font-style:normal;display:inline-block}.wood--dark{background-image:linear-gradient(176deg,#e07a15 4%,#b9520b 55%,#7d3505 96%),url(../tex/woodfill.webp)}#world{width:100%;height:100vh;z-index:0;background:var(--coal);height:100lvh;position:fixed;top:0;bottom:0;left:0;right:0}html:not(.fx) #world{display:none}main,.foot{z-index:1;position:relative}main{overflow-x:clip}.loader{display:none}.fx .loader{z-index:60;background:var(--coal);place-content:center;justify-items:center;gap:1.4rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader__rings{width:min(52vw,15rem);height:auto;overflow:visible}.loader__rings circle,.loader__rings path{fill:none;stroke:var(--ember);stroke-linecap:round}.loader__label{font-family:var(--display);align-items:baseline;gap:.9rem;font-size:1.5rem;font-weight:800;display:flex}.loader__pct{font-family:var(--numeral);color:var(--ember-hot);font-variant-numeric:tabular-nums;min-width:3ch;font-weight:700}.bar{z-index:40;height:var(--bar);padding:0 var(--gutter);align-items:center;gap:1.5rem;transition:transform .45s cubic-bezier(.2,.8,.2,1),background-color .4s;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.bar.is-hidden{transform:translateY(-110%)}.bar.is-solid{background:linear-gradient(#14110ed1,#14110e00)}.bar.is-solid-light{color:var(--coal);background:linear-gradient(#f3eadbf5,#f3eadb00)}.brand{align-items:center;gap:.55rem;margin-right:auto;text-decoration:none;display:inline-flex}.brand__axes{width:1.65rem;height:1.65rem;color:var(--ember);transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.brand:hover .brand__axes{transform:rotate(-14deg)scale(1.1)}.brand__name{font-family:var(--display);letter-spacing:-.005em;white-space:nowrap;font-size:1.5rem;font-weight:800;line-height:1}.bar__nav{gap:clamp(.9rem,1.9vw,2rem);font-size:.97rem;font-weight:500;display:flex}.bar__nav a{padding:.35rem 0;text-decoration:none;position:relative}.bar__nav a:after{content:"";background:var(--ember);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.bar__nav a:hover:after,.bar__nav a.is-here:after{transform:scaleX(1)}.bar__call{font-family:var(--numeral);letter-spacing:.015em;white-space:nowrap;color:var(--coal);background:var(--ember);border-radius:3px;align-items:center;gap:.55rem;padding:.5rem .95rem;font-size:1.22rem;font-weight:800;text-decoration:none;transition:background-color .25s;display:inline-flex}.bar__call:hover{background:var(--ember-hot)}.bar__call-dot{background:var(--coal);border-radius:50%;width:.5rem;height:.5rem;animation:2.2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.55)}}.thermo{z-index:30;font-family:var(--numeral);letter-spacing:.14em;text-transform:uppercase;color:var(--ash);pointer-events:none;flex-direction:column;align-items:center;gap:.6rem;font-size:.74rem;font-weight:700;transition:color .3s;display:none;position:fixed;top:50%;right:clamp(.8rem,1.5vw,1.6rem);transform:translateY(-50%)}.fx .thermo{display:flex}.thermo.on-light{color:var(--ash-2)}.thermo__end{writing-mode:vertical-rl;transform:rotate(180deg)}.thermo__track{background:#ffffff29;border-radius:2px;width:3px;height:30vh;position:relative}.thermo__fill{background:linear-gradient(0deg, #6f79ff 0%, #b567a8 42%, var(--ember) 74%, var(--ember-hot) 100%);transform-origin:bottom;border-radius:2px;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(0)}.thermo__mark{letter-spacing:0;color:inherit;font-size:1.05rem;font-weight:800;position:absolute;bottom:0;left:50%;transform:translate(calc(-100% - .55rem),50%)}@media (max-width:899px){.fx .thermo{display:none}}.scene{position:relative}.stage{padding:calc(var(--bar) + 2rem) var(--gutter) 3.5rem;position:relative}.fx .scene--tall{height:400vh;height:400svh}.fx #gestapeld{height:460vh;height:460svh}.fx .stage{height:100vh;height:100svh;padding:0;position:sticky;top:0;overflow:clip}html:not(.fx) .scene{background-position:50%;background-size:cover;background-color:var(--coal)}html:not(.fx) .scene:before{content:"";background:#14110eb3;position:absolute;top:0;bottom:0;left:0;right:0}html:not(.fx) #top{background-image:url(../img/loods-2-1600.webp)}html:not(.fx) #gestapeld{background-image:url(../img/loods-3-1600.webp)}html:not(.fx) #gekloofd{background-image:url(../img/dichtbij-1600.webp)}html:not(.fx) #houtsoorten{background-image:url(../img/loods-1-1600.webp)}html:not(.fx) #prijs{background-image:url(../img/krat-zij-1600.webp)}html:not(.fx) #contact{background-image:url(../img/aanvoer-1600.webp)}html:not(.fx) .stage{padding-block:calc(var(--bar) + 2.5rem) 4rem;gap:2.5rem;display:grid}html:not(.fx) .hero__stage{justify-content:start}html:not(.fx) .krak,html:not(.fx) .pin,html:not(.fx) .species__tabs,html:not(.fx) .species__hint,html:not(.fx) .species__drag{display:none}.step{max-width:34rem}.step h2{font-family:var(--display);letter-spacing:-.012em;text-wrap:balance;margin-top:.55rem;font-size:clamp(2.7rem,5.7vw,6.4rem);font-weight:800;line-height:.94}.step>p:last-child{color:#e9dfd0;max-width:29rem;margin-top:1.1rem;font-size:clamp(1.05rem,1.28vw,1.32rem);line-height:1.5}.fx .step{left:var(--gutter);visibility:hidden;opacity:0;text-shadow:0 2px 22px #000000b8;width:min(36rem,44vw);position:absolute;top:50%;transform:translateY(-50%)}.fx .stage--right .step{left:auto;right:calc(var(--gutter) + 2.2rem);top:42%}.sl{margin-bottom:-.08em;padding-bottom:.08em}.fx .scene--tall .stage:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a080699,#0a080600 52%);position:absolute;top:0;bottom:0;left:0;right:0}.fx .scene--tall .stage--right:after{background:linear-gradient(270deg,#0a0806a8,#0a080600 56%)}.krak{display:none}.fx .krak{left:var(--gutter);font-family:var(--display);letter-spacing:-.03em;color:var(--birch);visibility:hidden;opacity:0;pointer-events:none;font-size:clamp(6rem,22vw,26rem);font-weight:900;line-height:.8;display:block;position:absolute;top:50%;transform:translateY(-50%)}.pin{display:none}.fx .pin{background:var(--coal);visibility:hidden;opacity:0;pointer-events:none;will-change:transform;border:1px solid #f08a1da6;border-radius:2px;flex-direction:column;align-items:center;gap:.05rem;padding:.35rem .75rem .45rem;display:flex;position:absolute;top:0;left:0}.pin:after{content:"";background:linear-gradient(#f08a1de6,#f08a1d00);width:1px;height:2.2rem;position:absolute;top:100%;left:50%}.pin b{font-family:var(--numeral);color:var(--ember-hot);font-size:1.85rem;font-weight:800;line-height:1}.pin span{letter-spacing:.02em;color:var(--birch-2);font-size:.8rem;line-height:1.15}.fx:not(.is-ready) [data-hero]{visibility:hidden}.fx .hero{height:135vh;height:135svh}.hero__stage{flex-direction:column;justify-content:flex-end;gap:2rem;display:flex}.fx .hero__stage{padding:calc(var(--bar) + .5rem) var(--gutter) clamp(1.4rem, 3.4vh, 2.6rem)}.hero__copy{position:relative}.hero__title{font-family:var(--display);letter-spacing:-.018em;text-shadow:0 4px 44px #00000080;margin:.6rem 0 1.1rem;font-size:clamp(3.8rem,min(11.2vw,20.5vh),13.4rem);font-weight:800;line-height:.84}.hero__title .ln{white-space:nowrap;display:block}.hero__title .wood{text-shadow:none;filter:drop-shadow(0 3px 26px #0000008c)}.hero__lede{color:#ece3d4;text-shadow:0 1px 16px #000c;max-width:33rem;font-size:clamp(1.05rem,1.32vw,1.34rem);line-height:1.45}.hero__cta{flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;display:flex}.hero__scroll{display:none}.fx .hero__scroll{font-family:var(--numeral);letter-spacing:.13em;text-transform:uppercase;color:var(--birch-2);white-space:nowrap;align-items:center;gap:.65rem;font-size:.92rem;font-weight:700;display:flex;position:absolute;bottom:clamp(1.2rem,3vh,2rem);left:50%;transform:translate(-50%)}.hero__scroll i{background:#ffffff47;width:1px;height:2.1rem;display:block;position:relative;overflow:hidden}.hero__scroll i:after{content:"";background:var(--ember-hot);animation:1.9s cubic-bezier(.6,0,.3,1) infinite drip;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.tag{background:var(--coal-2);border:7px solid #0000;border-image:url(../tex/split.webp) 40 round;width:-moz-fit-content;width:fit-content;padding:1.05rem 1.35rem 1.15rem;position:relative;box-shadow:0 22px 50px #0000008c,inset 0 0 0 1px #00000080}.fx .tag{right:clamp(3.4rem,6vw,7rem);top:calc(var(--bar) + 1.2rem);transform-style:preserve-3d;transform-origin:50% -1.2rem;position:absolute}.fx .tag:before,.fx .tag:after{content:"";background:#c8cdd280;width:1px;height:1.7rem;position:absolute;top:-1.7rem}.fx .tag:before{transform-origin:bottom;left:18%;transform:rotate(9deg)}.fx .tag:after{transform-origin:bottom;right:18%;transform:rotate(-9deg)}.tag__price{color:var(--ember-hot);font-size:clamp(3rem,4.6vw,4.9rem);line-height:.9}.tag__unit{font-family:var(--display);margin-top:.15rem;font-size:1.12rem;font-weight:700;line-height:1.1}.tag__unit span{font-family:var(--text);color:var(--birch-2);margin-top:.12rem;font-size:.78rem;font-weight:500;display:block}.tag__list{color:var(--birch-2);border-top:1px solid #ffffff24;margin-top:.7rem;padding-top:.6rem;font-size:.86rem;line-height:1.5}.btn{cursor:pointer;isolation:isolate;border:0;border-radius:3px;justify-content:center;align-items:center;gap:.6rem;min-height:3.25rem;padding:.7rem 1.35rem;font-size:1.04rem;font-weight:600;text-decoration:none;transition:box-shadow .3s,background-color .25s,color .25s;display:inline-flex;position:relative;overflow:hidden}.btn svg{flex:none;width:1.2rem;height:1.2rem}.btn--fire{color:#1b1209;background:linear-gradient(176deg,#ffb347,#f08a1d 62%,#d9700f);box-shadow:0 8px 26px #f08a1d57}.btn--fire:before{content:"";z-index:-1;mix-blend-mode:multiply;opacity:.6;background:url(../tex/woodfill.webp) 50%/22rem 11rem;position:absolute;top:0;bottom:0;left:0;right:0}.btn--fire:hover{box-shadow:0 10px 44px #ff9628ad}.btn--ghost{color:var(--birch);font-family:var(--numeral);letter-spacing:.02em;background:#14110e80;font-size:1.28rem;font-weight:700;box-shadow:inset 0 0 0 1.5px #f3eadb8c}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ember-hot);color:var(--ember-hot)}.btn--coal{color:var(--birch);background:var(--coal);width:100%}.btn--coal:hover{color:var(--ember-hot);background:#000}.species__head{gap:.8rem;display:grid}.fx .species__head{left:var(--gutter);top:calc(var(--bar) + clamp(.8rem, 3.5vh, 2.6rem));z-index:2;position:absolute}.species__tabs{flex-wrap:wrap;gap:.25rem clamp(.9rem,1.8vw,1.8rem);display:flex}.species__tabs button{cursor:pointer;font-family:var(--display);color:var(--ash);background:0 0;border:0;padding:.2rem 0 .5rem;font-size:clamp(1.15rem,1.5vw,1.5rem);font-weight:700;transition:color .25s;position:relative}.species__tabs button:after{content:"";background:var(--ember);transform-origin:0;height:3px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.species__tabs button:hover,.species__tabs button[aria-selected=true]{color:var(--birch)}.species__tabs button[aria-selected=true]:after{transform:scaleX(1)}.species__cards{position:relative}html:not(.fx) .species__cards{gap:2.5rem;margin-top:2rem;display:grid}.fx .species__cards{left:var(--gutter);z-index:2;width:min(35rem,44vw);position:absolute;top:50%;transform:translateY(-46%)}.fx .wood-card{visibility:hidden;opacity:0;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.fx .wood-card.is-active{visibility:visible;opacity:1}.wood-card h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(4.2rem,min(8.2vw,17vh),9.6rem);font-weight:800;line-height:.86}.latin{color:var(--ash);margin-top:.25rem;font-size:1.05rem;font-style:italic}.wood-card__nick{font-family:var(--display);margin-top:.9rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:700;line-height:1.1}.wood-card>p:not(.latin):not(.wood-card__nick){color:#e4d9c9;max-width:24rem;margin-top:.55rem;font-size:clamp(1.02rem,1.2vw,1.2rem);line-height:1.5}.wood-card dl{border-top:1px solid #ffffff29;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:24rem;margin-top:1.25rem;padding-top:.85rem;display:grid}.wood-card dt{letter-spacing:.04em;color:var(--ash);font-size:.78rem}.wood-card dd{font-family:var(--numeral);color:var(--ember-hot);font-size:1.32rem;font-weight:700;line-height:1.15}.species__foot{color:var(--ash);flex-wrap:wrap;gap:.4rem 2rem;margin-top:2rem;font-size:.88rem;display:flex}.fx .species__foot{left:var(--gutter);right:calc(var(--gutter) + 2rem);z-index:2;justify-content:space-between;margin:0;position:absolute;bottom:clamp(1rem,3vh,2rem)}.species__hint{align-items:center;gap:.45rem;display:inline-flex}.species__hint svg{width:1.15rem;height:1.15rem}.fx .species__drag{z-index:1;cursor:grab;touch-action:pan-y;position:absolute;top:0;bottom:0;left:42%;right:0}.species__drag:active{cursor:grabbing}.solid{background:var(--coal);position:relative}.solid--birch{background:var(--birch);color:var(--coal)}.edge{pointer-events:none;width:100%;height:clamp(1.8rem,5vw,4.5rem);position:absolute;bottom:calc(100% - 1px);left:0;right:0;overflow:visible}.edge__glow{fill:none;stroke:var(--ember);stroke-width:1.6px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px #ff7a14)drop-shadow(0 0 18px #ff6e14b3);animation:3.7s ease-in-out infinite smoulder}@keyframes smoulder{0%,to{opacity:.95}37%{opacity:.45}62%{opacity:.8}}.story{position:relative}.fx .story{height:175vh}.fx .story__pin{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}.depth{background:var(--coal);height:78vh;position:relative;overflow:hidden}.fx .depth{height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.depth img{object-fit:cover;object-position:50% 36%;width:100%;height:100%}.depth canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.depth:after{content:"";pointer-events:none;background:linear-gradient(#14110e40 0%,#14110e00 22% 52%,#14110eeb 92%);position:absolute;top:0;bottom:0;left:0;right:0}.story__copy{padding:2rem var(--gutter) 3rem;position:relative}.fx .story__copy{padding:0 var(--gutter);z-index:1;position:absolute;bottom:clamp(1.5rem,5vh,3.5rem);left:0;right:0}.story__title{font-family:var(--display);letter-spacing:-.018em;text-shadow:0 4px 44px #0000008c;margin-top:.5rem;font-size:clamp(3rem,min(7.6vw,13.5vh),9rem);font-weight:800;line-height:.9}.story__title .wood{text-shadow:none;filter:drop-shadow(0 3px 26px #0000008c)}.gallery{position:relative}.fx .gallery{height:480vh}.gallery__stage{padding:3rem 0;overflow:hidden}.fx .gallery__stage{height:100vh;perspective:1100px;background:radial-gradient(120% 90% at 50% 45%, #241d16 0%, var(--coal) 68%);height:100svh;padding:0;position:sticky;top:0}.gallery__head{padding:0 var(--gutter) 1.5rem;justify-content:space-between;align-items:baseline;display:flex}.fx .gallery__head{z-index:3;padding:calc(var(--bar) + .15rem) calc(var(--gutter) + 2.2rem) 2.6rem var(--gutter);pointer-events:none;background:linear-gradient(#14110ef0 22%,#14110e00);position:absolute;top:0;left:0;right:0}.gallery__count{font-size:2.1rem;line-height:1}.gallery__of{font-family:var(--numeral);color:var(--ash-2);font-weight:600}.gallery__scene{scroll-snap-type:x mandatory;padding:0 var(--gutter);gap:1rem;display:flex;overflow-x:auto}.fx .gallery__scene{transform-style:preserve-3d;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.gallery__ring{gap:1rem;display:flex}.fx .gallery__ring{width:0;height:0;transform-style:preserve-3d;will-change:transform;display:block;position:absolute;top:55%;left:50%}.card{scroll-snap-align:center;flex:0 0 min(78vw,26rem)}.fx .card{width:var(--card-w,40vw);margin-left:calc(var(--card-w,40vw) / -2);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;position:absolute;top:0;transform:translateY(-50%)}.card__open{background:var(--coal-2);cursor:zoom-in;border:0;border-radius:2px;width:100%;padding:0;display:block;overflow:hidden}.card__open img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.fx .card__open img{aspect-ratio:var(--card-ratio,4 / 3)}.card__open:hover img{transform:scale(1.04)}.card figcaption{font-family:var(--display);margin-top:.7rem;font-size:clamp(1.15rem,1.9vw,1.75rem);font-weight:700;line-height:1.12}.ribbon{z-index:2;background:var(--ember);color:var(--coal);margin-block-start:-1px;margin-block-end:-1.6rem;padding:.7rem 0;position:relative;overflow:hidden;transform:rotate(-1.4deg)scale(1.03)}.ribbon:before{content:"";mix-blend-mode:multiply;opacity:.85;background:url(../tex/woodfill.webp) 50%/30rem 15rem;position:absolute;top:0;bottom:0;left:0;right:0}.ribbon__track{width:max-content;font-family:var(--display);white-space:nowrap;will-change:transform;align-items:center;gap:1.5rem;font-size:clamp(1.7rem,3.5vw,3.2rem);font-weight:800;line-height:1;display:flex;position:relative}.ribbon__track svg{flex:none;width:.8em;height:.8em}.fx .scene--price{height:175vh;height:175svh}.fx #prijs .stage{padding:calc(var(--bar) + .3rem) var(--gutter) 1rem;perspective:1400px;align-items:center;display:flex}.price{width:min(100%,27rem);color:var(--coal);background-color:var(--birch);transform-style:preserve-3d;background-image:linear-gradient(#f3eadbcc,#f3eadbcc),url(../tex/woodfill.webp);background-size:100% 100%,40rem 20rem;border-radius:3px;padding:clamp(1.2rem,2.8vh,2rem) clamp(1.2rem,2.4vw,2rem);box-shadow:0 34px 80px #0009}.price__big{color:var(--coal);margin-top:.3rem;font-size:clamp(4.4rem,min(9vw,15vh),8rem);line-height:.88}.price__unit{font-family:var(--display);font-size:clamp(1.25rem,2vw,1.7rem);font-weight:800;line-height:1.05}.price__vat{font-family:var(--text);white-space:nowrap;margin-left:.2em;font-size:.92rem;font-weight:600}.price__list{gap:.2rem;margin-top:.8rem;font-size:.98rem;line-height:1.4;display:grid}.price__list li{align-items:baseline;gap:.5rem;display:flex}.price__list li:before{content:"";background:var(--ember-deep);flex:none;width:.55rem;height:.55rem;transform:translateY(-.04rem)rotate(45deg)}.calc{border-top:1px solid #14110e33;margin-top:1rem;padding-top:.85rem}.calc label{font-size:.97rem;font-weight:600;display:block}.calc__row{align-items:center;gap:.35rem;margin-top:.4rem;display:flex}.calc__btn{background:var(--coal);width:2.75rem;height:2.75rem;color:var(--birch);cursor:pointer;border:0;border-radius:2px;flex:none;font-size:1.5rem;line-height:1;transition:background-color .2s,color .2s,transform .15s}.calc__btn:hover{background:var(--ember-deep)}.calc__btn:active{transform:scale(.92)}.calc input{text-align:center;width:3.2rem;height:2.75rem;font-family:var(--numeral);color:var(--coal);-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;font-size:1.7rem;font-weight:800}.calc input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc__total{color:var(--ember-deep);white-space:nowrap;justify-items:end;gap:.12rem;margin-left:auto;font-size:clamp(2.1rem,3.4vw,2.9rem);line-height:1;display:grid}.calc__total small{font-family:var(--text);color:var(--coal);font-size:.74rem;font-weight:600;line-height:1}.price .btn{margin-top:.9rem}.price__alt{text-align:center;margin-top:.55rem;font-size:.88rem;line-height:1.3}.price__alt a{text-underline-offset:2px;font-weight:600;transition:color .2s}.price__alt a:hover{color:var(--ember-deep)}.how{padding:clamp(5rem, 11vw, 10rem) var(--gutter) clamp(4rem, 8vw, 7rem)}.how__title{text-wrap:balance;font-family:var(--display);letter-spacing:-.018em;margin-top:.6rem;font-size:clamp(2.9rem,7.6vw,8.6rem);font-weight:800;line-height:.9}.how__steps{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.8vw,1.8rem);margin-top:clamp(2.5rem,5vw,4.5rem);display:grid}.plank-card{background-color:var(--birch-2);transform-style:preserve-3d;transform-origin:50% 100%;background-image:linear-gradient(#e7d9c2bd,#e7d9c2bd),url(../tex/woodfill.webp);background-size:100% 100%,42rem 21rem;border-radius:2px;padding:clamp(1.2rem,2.4vw,2.2rem);position:relative}.plank-card__n{color:var(--ember-deep);font-size:clamp(4.5rem,8vw,8rem);line-height:.85;display:block}.plank-card h3{font-family:var(--display);margin-top:.7rem;font-size:clamp(1.55rem,2.4vw,2.3rem);font-weight:800;line-height:1.05}.plank-card p{max-width:24rem;margin-top:.5rem}.faq{max-width:54rem;margin-top:clamp(3.5rem,7vw,6.5rem)}.faq__title{font-family:var(--display);margin-bottom:1rem;font-size:clamp(1.9rem,3.2vw,3.1rem);font-weight:800;line-height:1}.faq details{border-top:1px solid #14110e38}.faq details:last-child{border-bottom:1px solid #14110e38}.faq summary{cursor:pointer;padding:.95rem 2.4rem .95rem 0;font-size:1.12rem;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--numeral);color:var(--ember-deep);font-size:1.8rem;font-weight:700;line-height:1;transition:transform .3s;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.faq details[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq details p{max-width:44rem;padding-bottom:1.1rem}.fx .scene--contact{height:185vh;height:185svh}.contact{max-width:58rem}.fx #contact .stage{padding:calc(var(--bar) + .5rem) var(--gutter) 1.5rem;align-items:center;display:flex}.contact__title{white-space:nowrap;font-family:var(--display);letter-spacing:-.018em;text-shadow:0 4px 40px #0000008c;margin-top:.5rem;font-size:clamp(3.2rem,min(6.5vw,13vh),8rem);font-weight:800;line-height:.88}.contact__title .wood{text-shadow:none;filter:drop-shadow(0 3px 22px #0000008c)}.contact__sub{color:#efe3d3;text-shadow:0 1px 14px #000c;margin-top:1rem;font-size:clamp(1.05rem,1.3vw,1.3rem)}.plank{color:#231a10;background-color:var(--ember);background-image:linear-gradient(178deg,#ffcc7ad6,#faa434d6 58%,#e8881edb),url(../tex/woodfill.webp);background-size:100% 100%,34rem 17rem;margin-top:1.35rem;padding:clamp(.65rem,1.5vh,1rem) clamp(1.1rem,2.4vw,2.1rem);text-decoration:none;transition:transform .35s cubic-bezier(.2,1.4,.4,1),filter .3s;display:inline-block}.plank:hover{filter:brightness(1.08);transform:rotate(-1.2deg)scale(1.025)}.plank__num{letter-spacing:.005em;font-size:clamp(2.5rem,min(5.6vw,9.5vh),5.6rem);line-height:1;display:block}.contact__row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.foot{color:var(--birch-2);padding:clamp(2.5rem, 5vw, 4.5rem) var(--gutter) calc(clamp(2rem, 4vw, 3rem) + var(--safe-b));background:#0c0a08}.foot__logo{border-radius:4px;width:min(24rem,100%);height:auto}.foot__about{max-width:44rem;margin-top:.7rem;font-size:1.05rem;line-height:1.55}.foot__small{color:var(--ash);border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:.25rem 1.8rem;margin-top:clamp(1.6rem,3vw,2.6rem);padding-top:1rem;font-size:.82rem;line-height:1.5;display:flex}.foot__small address{font-style:normal}.dock{display:none}.viewer{width:100vw;height:100vh;max-width:none;height:100dvh;max-height:none;color:var(--birch);background:#0a0806f2;border:0;margin:0;padding:0}.viewer::backdrop{background:#0a0806cc}.viewer img{object-fit:contain;width:100%;height:100%;padding:1rem}.viewer__close{background:var(--coal-3);cursor:pointer;border:0;border-radius:2px;width:3rem;height:3rem;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1rem}@media (max-width:1080px){.bar__nav{display:none}}@media (max-width:1180px){.fx .hero__scroll{display:none}}@media (max-aspect-ratio:1),(max-width:760px){:root{--bar:3.7rem}.bar{gap:.7rem}.brand__name{font-size:1.3rem}.bar__call{padding:.4rem .7rem;font-size:1.08rem}.hero__title{margin-bottom:.7rem;font-size:clamp(3.3rem,min(16.6vw,11.6vh),9.5rem)}.fx .hero__cta{display:none}.hero__lede{font-size:1rem}.fx .hero__stage{padding-bottom:calc(5.2rem + var(--safe-b))}.fx .hero__scroll{display:none}.btn{min-height:3rem;padding:.55rem 1.05rem}.fx .tag{right:var(--gutter);top:calc(var(--bar) + 1.1rem);border-width:5px;padding:.5rem .75rem .55rem}.tag__price{font-size:2.15rem}.tag__unit{font-size:.8rem}.tag__unit span{font-size:.68rem}.tag__list{display:none}.fx .step,.fx .stage--right .step{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:calc(5.4rem + var(--safe-b));transform:none}.step h2{font-size:clamp(2.25rem,min(10.6vw,6.4vh),4.4rem)}.step>p:last-child{margin-top:.7rem;font-size:1rem}.fx .scene--tall .stage:after{display:none}.fx .stage:before{content:"";pointer-events:none;background:linear-gradient(#14110e00 0%,#14110ec7 44%,#14110ef0 100%);position:absolute;top:42%;bottom:0;left:0;right:0}.fx .krak{text-align:center;font-size:30vw;top:30%;left:0;right:0}.fx .species__cards{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:calc(8rem + var(--safe-b));height:0;transform:none}.fx .wood-card{top:auto;bottom:0;transform:none}.wood-card h2{font-size:clamp(3rem,min(15vw,9vh),6rem)}.wood-card__nick{margin-top:.45rem;font-size:1.25rem}.wood-card>p:not(.latin):not(.wood-card__nick){margin-top:.3rem;font-size:.98rem}.wood-card dl{margin-top:.7rem;padding-top:.55rem}.wood-card dd{font-size:1.12rem}.fx .species__foot{bottom:calc(4.8rem + var(--safe-b));right:var(--gutter)}.species__hint{display:none}.fx .species__drag{top:0;bottom:52%;left:0;right:0}.fx .gallery__ring{top:50%}.fx #prijs .stage{padding:calc(var(--bar) + .2rem) var(--gutter) calc(4.8rem + var(--safe-b));align-items:flex-end}.fx #prijs .stage:before{display:none}.price{width:100%;padding:.9rem 1rem 1rem}.price__big{font-size:clamp(3rem,8.5vh,4.6rem)}.price__list{gap:0;margin-top:.4rem;font-size:.9rem}.calc{margin-top:.6rem;padding-top:.5rem}.price .btn{margin-top:.6rem}.price__alt{margin-top:.4rem;font-size:.84rem}.how__steps{grid-template-columns:1fr}.fx #contact .stage{padding:calc(var(--bar) + .5rem) var(--gutter) calc(5rem + var(--safe-b));align-items:flex-end}.contact__title{font-size:clamp(2.7rem,min(13vw,8.4vh),5.8rem)}.contact__sub{margin-top:.6rem;font-size:1rem}.plank{margin-top:.8rem}.plank__num{font-size:clamp(2.2rem,min(11.5vw,7vh),4rem)}.contact__row{margin-top:.7rem}.foot{padding-bottom:calc(5.5rem + var(--safe-b))}.dock{z-index:35;padding-bottom:var(--safe-b);background:var(--coal);grid-template-columns:1fr 1.5fr;gap:1px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;top:auto;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #00000080}.dock.is-hidden{transform:translateY(110%)}.dock__btn{background:var(--coal-2);justify-content:center;align-items:center;gap:.45rem;min-height:3.5rem;font-weight:600;text-decoration:none;display:inline-flex}.dock__btn svg{width:1.2rem;height:1.2rem}.dock__btn--fire{background:var(--ember);color:#1b1209}}@media (max-width:379px){.brand__name{font-size:1.12rem}.bar__call{padding:.4rem .55rem;font-size:1rem}.bar__call-dot{display:none}}@media (max-height:640px) and (min-aspect-ratio:1){.hero__lede{display:none}.fx .tag{top:calc(var(--bar) + .7rem)}.tag__list{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
