.sylva-hero{--u:calc(100vw / 1600);--ink:#ffffff;--ink-soft:rgba(255,255,255,0.62);--ink-faint:rgba(255,255,255,0.44);--rule:rgba(255,255,255,0.055);--card:#f2f3ef;--card-ink:#23261f;--card-label:#666f60;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1)}.sylva-hero *,.sylva-hero :after,.sylva-hero :before{box-sizing:border-box;margin:0;padding:0}.sylva-hero{font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#383b34;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;width:100%;height:100svh;min-height:calc(880 * var(--u));overflow:hidden;isolation:isolate;background:radial-gradient(64% 52% at 27% 84%,rgba(232,238,222,.085) 0,rgba(232,238,222,0) 72%),radial-gradient(70% 60% at 92% 8%,rgba(24,28,20,.1) 0,rgba(24,28,20,0) 68%),#4a4d44}.sylva-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(72% 44% at 50% 117%,rgba(238,243,231,.5) 0,rgba(238,243,231,.21) 42%,rgba(238,243,231,.04) 72%,rgba(238,243,231,0) 88%),linear-gradient(180deg,rgba(238,243,231,0) 54%,rgba(238,243,231,.03) 78%,rgba(238,243,231,.085));pointer-events:none;z-index:0}.sylva-hero .stage{position:absolute;left:50%;top:50%;margin-left:calc(-800 * var(--u));margin-top:calc(-440 * var(--u));width:calc(1600 * var(--u));height:calc(880 * var(--u))}.sylva-hero .guides{position:absolute;inset:calc(-40 * var(--u)) 0;z-index:1;pointer-events:none}.sylva-hero .guides i{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,var(--rule) 12%,var(--rule) 78%,rgba(255,255,255,0) 100%)}.sylva-hero .ghost{position:absolute;z-index:1;left:calc(6 * var(--u));bottom:calc(-64 * var(--u));font-size:calc(310 * var(--u));line-height:.78;font-weight:400;letter-spacing:calc(30 * var(--u));color:rgba(255,255,255,.055);white-space:nowrap;user-select:none;pointer-events:none}.sylva-hero [data-sylva-scene]{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s var(--ease)}.sylva-hero.is-ready [data-sylva-scene]{opacity:1}.sylva-hero .dock-wrap{position:absolute;z-index:5;top:calc(38 * var(--u));left:0;right:0;display:flex;justify-content:center;pointer-events:none}.sylva-hero .dock{pointer-events:auto;display:flex;align-items:flex-start;gap:calc(3 * var(--u));height:calc(46 * var(--u));padding:calc(5 * var(--u));border-radius:calc(14 * var(--u));border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 42%),rgba(34,40,31,.74);box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) rgba(10,14,8,.3),inset 0 1px rgba(255,255,255,.06);isolation:isolate}.sylva-hero .dock-item{position:relative;z-index:6;display:inline-flex;align-items:center;justify-content:center;flex:none;height:calc(36 * var(--u));gap:calc(8 * var(--u));padding:0 calc(13 * var(--u));transform-origin:50% 0;border:1px solid transparent;border-radius:calc(10 * var(--u));background:rgba(255,255,255,.04);color:var(--ink-faint);text-decoration:none;cursor:pointer;font-family:inherit;font-size:calc(11 * var(--u));font-weight:500;letter-spacing:calc(1.5 * var(--u));text-transform:uppercase;white-space:nowrap;will-change:width,height,transform;transition:color .18s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.sylva-hero .dock-item[data-near=true]{z-index:7;color:var(--ink);border-color:rgba(255,255,255,.19);background:rgba(31,37,28,.94);box-shadow:0 calc(7 * var(--u)) calc(16 * var(--u)) rgba(10,14,8,.3)}.sylva-hero .dock-item .glyph{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none;opacity:.66;transition:opacity .18s var(--ease)}.sylva-hero .dock-item .glyph svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.sylva-hero .dock-item[data-near=true] .glyph{opacity:1}.sylva-hero .dock-mark{width:calc(36 * var(--u));padding:0;background:#eef1e7;border-color:#eef1e7;color:#23261f;overflow:hidden}.sylva-hero .dock-mark svg{width:58%;height:58%;display:block;fill:currentColor}.sylva-hero .dock-mark[data-near=true]{background:#fff;border-color:#fff;color:#1b1e18}.sylva-hero .dock-item.is-active{background:var(--card);border-color:var(--card);color:var(--card-ink);box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(12,17,9,.24)}.sylva-hero .dock-item.is-active .glyph{opacity:.8}.sylva-hero .dock-item--enter{color:var(--ink);background:rgba(255,255,255,.075)}.sylva-hero [data-spec]{--spec-angle:2.4rad;--spec-bright:0}.sylva-hero [data-spec]:after{content:"";position:absolute;inset:-1px;z-index:5;padding:1px;border-radius:inherit;pointer-events:none;opacity:var(--spec-bright);background:conic-gradient(from var(--spec-angle) at 50% 50%,rgba(240,246,232,0) 0deg,rgba(240,246,232,.08) 14deg,rgba(240,246,232,.95) 28deg,rgba(240,246,232,.16) 46deg,rgba(240,246,232,0) 68deg,rgba(240,246,232,0) 180deg,rgba(240,246,232,.08) 194deg,rgba(240,246,232,.95) 208deg,rgba(240,246,232,.16) 226deg,rgba(240,246,232,0) 248deg,rgba(240,246,232,0) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.sylva-hero .dock{position:relative}.sylva-hero .headline{position:absolute;z-index:4;left:calc(46 * var(--u));top:calc(202 * var(--u));font-size:calc(63 * var(--u));line-height:calc(65 * var(--u));font-weight:300;letter-spacing:calc(-.4 * var(--u));color:var(--ink)}.sylva-hero .headline span{display:block;padding-bottom:.04em}.sylva-hero .headline span i{display:inline-block;font-style:normal}.sylva-hero .lede{position:absolute;z-index:4;left:calc(520 * var(--u));top:calc(196 * var(--u));width:calc(208 * var(--u));font-size:calc(16.5 * var(--u));line-height:calc(22 * var(--u));font-weight:300;color:var(--ink-soft)}.sylva-hero .pill-clip{position:absolute;z-index:4;left:calc(644 * var(--u));top:calc(360 * var(--u));width:calc(410 * var(--u));height:calc(270 * var(--u));margin:calc(-135 * var(--u)) 0 0 calc(-205 * var(--u));clip-path:inset(calc(72 * var(--u)) calc(60 * var(--u)) calc(26 * var(--u)) calc(60 * var(--u)) round calc(62 * var(--u)))}.sylva-hero .pill{position:absolute;inset:0;--mr:calc(150 * var(--u));display:grid;place-items:center}.sylva-hero .liquid-stage{--lu:calc(var(--h) / 516);--bh:var(--h);--pad:calc(900 * var(--lu));position:relative;width:max-content;height:max-content;padding:var(--pad);display:grid;place-items:center;touch-action:manipulation;font-family:Lexend,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}.sylva-hero .liquid-stage--explore{--h:calc(60.156 * var(--u))}.sylva-hero .liquid-stage--play{--h:calc(88.2288 * var(--u))}.sylva-hero .liquid-plate{position:absolute;inset:var(--pad);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.014) 44%,rgba(255,255,255,0) 64%),rgba(10,12,10,.42);box-shadow:0 calc(var(--h) * .08) calc(var(--h) * .18) rgba(0,0,0,.38),0 calc(var(--h) * .24) calc(var(--h) * .5) rgba(0,0,0,.28),0 calc(var(--h) * .48) calc(var(--h) * .96) rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.13),inset 0 calc(var(--h) * -.02) calc(var(--h) * .05) rgba(255,255,255,.05);transition:box-shadow .38s cubic-bezier(.22,.61,.36,1),background .38s cubic-bezier(.22,.61,.36,1)}.sylva-hero .liquid-stage.hot .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.02) 44%,rgba(255,255,255,0) 64%),rgba(8,10,8,.5);box-shadow:0 calc(var(--h) * .1) calc(var(--h) * .22) rgba(0,0,0,.44),0 calc(var(--h) * .32) calc(var(--h) * .66) rgba(0,0,0,.34),0 calc(var(--h) * .66) calc(var(--h) * 1.32) rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.17),inset 0 calc(var(--h) * -.02) calc(var(--h) * .05) rgba(255,255,255,.06)}.sylva-hero .liquid-fx{position:absolute;inset:0;width:100%;height:100%;display:block}.sylva-hero .liquid-button{position:relative;height:var(--bh);border:0;background:none;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;font-weight:500;line-height:1;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.sylva-hero .liquid-button:focus-visible{outline:calc(4 * var(--lu)) solid rgba(255,255,255,.55);outline-offset:calc(10 * var(--lu))}.sylva-hero .liquid-button .ico{display:block;flex:none;overflow:visible}.sylva-hero .liquid-button .lbl{display:block;transform:translateY(calc(2 * var(--lu)))}.sylva-hero .liquid-button--explore{padding:0 calc(224 * var(--lu)) 0 calc(95 * var(--lu));gap:calc(112 * var(--lu));font-size:calc(140 * var(--lu))}.sylva-hero .liquid-button--explore .ico{width:calc(150 * var(--lu));height:calc(150 * var(--lu))}.sylva-hero .liquid-button--play{width:var(--bh);height:var(--bh);padding:0}.sylva-hero .liquid-button--play .ico{width:calc(176 * var(--lu));height:calc(176 * var(--lu));margin-left:calc(14 * var(--lu))}.sylva-hero .liquid-button--play .lbl{display:none}.sylva-hero .liquid-stage.press .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.01) 44%,rgba(255,255,255,0) 64%),rgba(7,9,7,.55);box-shadow:0 calc(var(--h) * .04) calc(var(--h) * .11) rgba(0,0,0,.46),0 calc(var(--h) * .13) calc(var(--h) * .32) rgba(0,0,0,.36),0 calc(var(--h) * .27) calc(var(--h) * .62) rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1);transition-duration:.1s}.sylva-hero .play-wrap{position:absolute;z-index:4;pointer-events:none;left:calc(187 * var(--u));top:calc(431 * var(--u));width:calc(170 * var(--u));height:calc(170 * var(--u))}.sylva-hero .play-wrap>*{pointer-events:auto}.sylva-hero .play-clip{position:absolute;left:50%;top:50%;width:calc(396 * var(--u));height:calc(396 * var(--u));margin:calc(-198 * var(--u)) 0 0 calc(-198 * var(--u));clip-path:inset(calc(131 * var(--u)) calc(106 * var(--u)) calc(73 * var(--u)) calc(106 * var(--u)) round calc(92 * var(--u)))}.sylva-hero .play-glass{position:absolute;inset:0;display:grid;place-items:center}.sylva-hero .play-ring{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.17);border-radius:50%}.sylva-hero .play-ring:after{content:"";position:absolute;inset:calc(-1 * var(--u));border:1px solid rgba(255,255,255,.32);border-radius:50%;opacity:0;transform:scale(.86);transition:opacity .7s var(--ease),transform .9s var(--ease-out)}.sylva-hero .play-clip:focus-within~.play-ring:after,.sylva-hero .play-clip:hover~.play-ring:after{opacity:1;transform:scale(1.06)}.sylva-hero .stat{position:absolute;z-index:4;display:flex;align-items:flex-start;gap:calc(9 * var(--u))}.sylva-hero .stat--a{left:calc(1250 * var(--u));top:calc(216 * var(--u))}.sylva-hero .stat--b{left:calc(1346 * var(--u));top:calc(326 * var(--u))}.sylva-hero .stat .mark{width:calc(32 * var(--u));height:calc(32 * var(--u));flex:none;margin-top:calc(2 * var(--u));color:rgba(255,255,255,.34)}.sylva-hero .stat .mark svg{width:100%;height:100%;display:block}.sylva-hero .stat dt{font-size:calc(13.5 * var(--u));font-weight:300;color:var(--ink-soft);line-height:calc(19 * var(--u))}.sylva-hero .stat dd,.sylva-hero .stat dt{text-shadow:0 calc(2 * var(--u)) calc(16 * var(--u)) rgba(10,14,8,.6)}.sylva-hero .stat .mark svg{filter:drop-shadow(0 calc(2 * var(--u)) calc(10 * var(--u)) rgba(10,14,8,.6))}.sylva-hero .stat dd{font-size:calc(13.5 * var(--u));font-weight:600;color:var(--ink);line-height:calc(21 * var(--u))}.sylva-hero .card{position:absolute;background:var(--card);border-radius:calc(46 * var(--u));box-shadow:0 calc(30 * var(--u)) calc(70 * var(--u)) rgba(16,21,13,.3);transition:box-shadow .8s var(--ease)}.sylva-hero .card--about{left:calc(890 * var(--u));top:calc(200 * var(--u));width:calc(330 * var(--u));height:calc(305 * var(--u))}.sylva-hero .card--stove{z-index:4;will-change:transform;left:calc(1237 * var(--u));top:calc(482 * var(--u));width:calc(328 * var(--u));height:calc(310 * var(--u))}.sylva-hero .card .label{position:absolute;left:calc(38 * var(--u));font-size:calc(15.5 * var(--u));font-weight:300;color:var(--card-label)}.sylva-hero .card h2{position:absolute;left:calc(38 * var(--u));font-size:calc(26.2 * var(--u));line-height:calc(27 * var(--u));font-weight:400;letter-spacing:calc(-.5 * var(--u));color:var(--card-ink)}.sylva-hero .card--about .label{top:calc(152 * var(--u))}.sylva-hero .card--about h2{top:calc(177 * var(--u));width:calc(142 * var(--u))}.sylva-hero .card--stove .label{top:calc(45 * var(--u))}.sylva-hero .card--stove h2{top:calc(70 * var(--u))}.sylva-hero .card figure{position:absolute;left:calc(14 * var(--u));right:calc(14 * var(--u));border-radius:calc(34 * var(--u));overflow:hidden;isolation:isolate;background:#263025}.sylva-hero .card--stove figure{bottom:calc(14 * var(--u));height:calc(158 * var(--u))}.sylva-hero .card--about figure{top:calc(14 * var(--u));height:calc(122 * var(--u))}.sylva-hero .portal-media{position:absolute;inset:calc(-9 * var(--u));z-index:1;display:block;will-change:transform,clip-path;transform:perspective(900px) translate3d(calc(var(--px, 0) * -11px),calc(var(--py, 0) * -7px),0) rotateY(calc(var(--px, 0) * -1.4deg)) rotateX(calc(var(--py, 0) * .9deg));transform-origin:50% 50%}.sylva-hero .portal-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);filter:saturate(.92) contrast(1.03);transition:transform 1.25s var(--ease-out),filter .8s var(--ease)}.sylva-hero .card:hover .portal-media img{transform:scale(1.13);filter:saturate(1.04) contrast(1.04)}.sylva-hero .pixel-reveal{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;opacity:0;mix-blend-mode:screen}.sylva-hero .card figure:after{content:"";position:absolute;z-index:2;filter:blur(calc(2 * var(--u)));opacity:0;pointer-events:none;top:0;bottom:0;width:26%;left:calc(-13% - 9 * var(--u));background:linear-gradient(90deg,transparent,rgba(229,244,209,.2) 42%,rgba(252,255,246,.72) 54%,transparent)}.sylva-hero .knob-float{position:absolute;z-index:4;pointer-events:none;left:calc(1142 * var(--u));top:calc(427 * var(--u));width:calc(58 * var(--u));height:calc(58 * var(--u))}.sylva-hero .knob-float>*{pointer-events:auto}.sylva-hero .knob--about{left:0;top:0}.sylva-hero .card .knob,.sylva-hero .knob--about{position:absolute;z-index:4;right:calc(20 * var(--u));bottom:calc(20 * var(--u));width:calc(58 * var(--u));height:calc(58 * var(--u));border:0;border-radius:50%;cursor:pointer;background:#fbfcf8;display:grid;place-items:center;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(16,21,13,.18);transition:transform .5s var(--ease-out),background .4s var(--ease)}.sylva-hero .knob--about{right:auto;bottom:auto;width:calc(58 * var(--u));height:calc(58 * var(--u))}.sylva-hero .card--stove .knob{width:calc(54 * var(--u));height:calc(54 * var(--u));right:calc(26 * var(--u));bottom:calc(26 * var(--u))}.sylva-hero .card .knob svg,.sylva-hero .knob--about svg{width:calc(19 * var(--u));height:calc(19 * var(--u));display:block;color:#3f453a}.sylva-hero .card .knob:hover,.sylva-hero .knob--about:hover{transform:scale(1.1) rotate(8deg);background:#fff}.sylva-hero .card:hover{box-shadow:0 calc(38 * var(--u)) calc(84 * var(--u)) rgba(16,21,13,.36)}.sylva-hero .scroll{position:absolute;z-index:4;left:calc(846 * var(--u));top:calc(690 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));writing-mode:vertical-rl;font-size:calc(11 * var(--u));font-weight:400;letter-spacing:calc(4.4 * var(--u));color:rgba(255,255,255,.5);text-transform:uppercase}.sylva-hero .scroll .track{position:relative;width:1px;height:calc(56 * var(--u));background:rgba(255,255,255,.18);overflow:hidden}.sylva-hero .scroll .track:after{content:"";position:absolute;inset:0 0 auto;height:40%;background:rgba(255,255,255,.75);animation:trickle 2.6s var(--ease) infinite}@keyframes trickle{0%{transform:translateY(-105%);opacity:0}22%{opacity:1}78%{opacity:1}to{transform:translateY(255%);opacity:0}}.sylva-hero.is-enhanced .mask{clip-path:inset(100% 0 0 0 round var(--mr,0))}.sylva-hero.is-ready .mask{clip-path:inset(0 0 0 0 round var(--mr,0));transition:clip-path 1.05s var(--ease-out) var(--d,0s)}.sylva-hero.is-enhanced .mask-circle{clip-path:circle(0 at 50% 50%)}.sylva-hero.is-ready .mask-circle{clip-path:circle(76% at 50% 50%);transition:clip-path 1.1s var(--ease-out) var(--d,0s)}.sylva-hero.is-enhanced .fade{opacity:0}.sylva-hero.is-ready .fade{opacity:1;transition:opacity 1.3s var(--ease) var(--d,0s)}.sylva-hero.intro-done .mask,.sylva-hero.intro-done .mask-circle{clip-path:none;transition:none}.sylva-hero .card{--mr:calc(46 * var(--u))}.sylva-hero.is-enhanced .dock{opacity:0}.sylva-hero.is-ready .dock{opacity:1;transition:opacity .8s var(--ease) 80ms}.sylva-hero.is-enhanced .dock-item{clip-path:inset(0 0 105% 0)}.sylva-hero.is-ready .dock-item{clip-path:inset(0 0 -30% 0);transition:clip-path .9s var(--ease-out) var(--d,0s),color .18s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.sylva-hero.intro-done .dock-item{clip-path:none}.sylva-hero.is-enhanced .headline span i{opacity:0;transform:translateY(calc(16 * var(--u)))}.sylva-hero.is-ready .headline span i{opacity:1;transform:none;transition:opacity 1.05s var(--ease) var(--d,0s),transform 1.25s var(--ease-out) var(--d,0s)}.sylva-hero.is-enhanced .portal-media{clip-path:inset(0 100% 0 0 round calc(25 * var(--u)))}.sylva-hero.is-ready .card--about .portal-media{animation:portal-cut 1.45s steps(12) .92s both}.sylva-hero.is-ready .card--stove .portal-media{animation:portal-cut 1.45s steps(12) 1.08s both}.sylva-hero.is-ready .card--about figure:after{animation:portal-scan 1.45s steps(12) .92s both}.sylva-hero.is-ready .card--stove figure:after{animation:portal-scan 1.45s steps(12) 1.08s both}.sylva-hero.intro-done .portal-media{clip-path:none;animation:none}@keyframes portal-cut{0%{clip-path:inset(0 100% 0 0 round calc(25 * var(--u)))}to{clip-path:inset(0 0 0 0 round calc(25 * var(--u)))}}@keyframes portal-scan{0%{left:calc(-13% - 9 * var(--u));opacity:0}10%{opacity:.75}88%{opacity:.55}to{left:calc(87% + 9 * var(--u));opacity:0}}.sylva-hero.is-ready [data-sylva-scene]{transition:opacity .45s var(--ease)}.sylva-hero .par{transform:perspective(1400px) translate3d(calc(var(--px, 0) * var(--pd, 0) * -1px),calc(var(--py, 0) * var(--pd, 0) * -.62px),0) rotateY(calc(var(--px, 0) * var(--pr, 0) * 1deg)) rotateX(calc(var(--py, 0) * var(--pr, 0) * -.7deg))}.sylva-hero .knob-float{transform-origin:calc(-87 * var(--u)) calc(-74.5 * var(--u))}.sylva-hero .card--about{transform-origin:50% 50%}.sylva-hero a:focus-visible,.sylva-hero button:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:calc(4 * var(--u));border-radius:calc(6 * var(--u))}.sylva-hero .card .knob:focus-visible,.sylva-hero .knob--about:focus-visible,.sylva-hero .play:focus-visible{outline-color:rgba(28,34,22,.9)}@media (prefers-reduced-motion:reduce){.sylva-hero .dock,.sylva-hero .dock-item,.sylva-hero .fade,.sylva-hero .headline span i,.sylva-hero .mask,.sylva-hero .mask-circle,.sylva-hero [data-sylva-scene]{opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}.sylva-hero .par{transform:none!important}.sylva-hero .portal-media{clip-path:none!important;animation:none!important;transform:none!important}.sylva-hero .card figure:after,.sylva-hero .pixel-reveal{display:none!important}.sylva-hero .portal-media img{transform:none!important;transition:none!important}.sylva-hero .scroll .track:after{animation:none}.sylva-hero [data-sylva-scene]{transition:none}}.sylva-hero[data-viewport=mobile]{--u:calc(100vw / 760);height:auto;min-height:100svh}.sylva-hero[data-viewport=mobile] .stage{position:relative;left:auto;top:auto;width:100%;height:calc(1625 * var(--u))}.sylva-hero[data-viewport=mobile]:after{background:radial-gradient(90% 30% at 50% 74%,rgba(238,243,231,.4) 0,rgba(238,243,231,.14) 46%,rgba(238,243,231,0) 82%),linear-gradient(180deg,rgba(238,243,231,0) 62%,rgba(238,243,231,.05))}.sylva-hero[data-viewport=mobile] .guides i:nth-child(3){display:none}.sylva-hero[data-viewport=mobile] .guides i:first-child{left:calc(253 * var(--u))!important}.sylva-hero[data-viewport=mobile] .guides i:nth-child(2){left:calc(506 * var(--u))!important}.sylva-hero[data-viewport=mobile] .dock-wrap{top:calc(30 * var(--u))}.sylva-hero[data-viewport=mobile] .dock{height:max(56px,calc(58 * var(--u)));padding:max(6px,calc(6 * var(--u)));gap:max(4px,calc(4 * var(--u)));border-radius:max(17px,calc(18 * var(--u)))}.sylva-hero[data-viewport=mobile] .dock-item{height:max(44px,calc(46 * var(--u)));width:max(44px,calc(46 * var(--u)));padding:0;border-radius:max(12px,calc(13 * var(--u)))}.sylva-hero[data-viewport=mobile] .dock-item span:not(.glyph){display:none}.sylva-hero[data-viewport=mobile] .dock-item .glyph{width:max(19px,calc(20 * var(--u)));height:max(19px,calc(20 * var(--u)))}.sylva-hero[data-viewport=mobile] .dock-mark svg{width:52%;height:52%}.sylva-hero[data-viewport=mobile] .knob-float{left:calc(644 * var(--u));top:calc(1218 * var(--u));transform-origin:calc(-264 * var(--u)) calc(-43 * var(--u))}.sylva-hero[data-viewport=mobile] .headline{left:calc(34 * var(--u));top:calc(128 * var(--u));font-size:calc(62 * var(--u));line-height:calc(66 * var(--u))}.sylva-hero[data-viewport=mobile] .lede{left:calc(34 * var(--u));top:calc(288 * var(--u));width:calc(400 * var(--u));font-size:calc(19 * var(--u));line-height:calc(27 * var(--u))}.sylva-hero[data-viewport=mobile] .pill-clip{left:calc(34 * var(--u));top:calc(430 * var(--u));width:calc(506 * var(--u));height:calc(334 * var(--u));margin:calc(-167 * var(--u)) 0 0 calc(-79 * var(--u));clip-path:inset(calc(93 * var(--u)) calc(74 * var(--u)) calc(1 * var(--u)) calc(74 * var(--u)) round calc(76 * var(--u)))}.sylva-hero[data-viewport=mobile] .liquid-stage--explore{--h:calc(74.4152 * var(--u))}.sylva-hero[data-viewport=mobile] .stat{gap:calc(11 * var(--u))}.sylva-hero[data-viewport=mobile] .stat .mark{width:calc(36 * var(--u));height:calc(36 * var(--u))}.sylva-hero[data-viewport=mobile] .stat dt{font-size:calc(16 * var(--u));line-height:calc(22 * var(--u))}.sylva-hero[data-viewport=mobile] .stat dd{font-size:calc(16.5 * var(--u));line-height:calc(24 * var(--u))}.sylva-hero[data-viewport=mobile] .stat--a{left:calc(34 * var(--u));top:calc(540 * var(--u))}.sylva-hero[data-viewport=mobile] .stat--b{left:calc(396 * var(--u));top:calc(540 * var(--u))}.sylva-hero[data-viewport=mobile] .card{border-radius:calc(40 * var(--u))}.sylva-hero[data-viewport=mobile] .card--about{left:calc(34 * var(--u));top:calc(1050 * var(--u));width:calc(692 * var(--u));height:calc(250 * var(--u))}.sylva-hero[data-viewport=mobile] .card--about .label{top:calc(96 * var(--u))}.sylva-hero[data-viewport=mobile] .card--about h2{top:calc(124 * var(--u));width:calc(400 * var(--u));font-size:calc(32 * var(--u));line-height:calc(36 * var(--u))}.sylva-hero[data-viewport=mobile] .card--stove{left:calc(34 * var(--u));top:calc(1324 * var(--u));width:calc(692 * var(--u));height:calc(268 * var(--u))}.sylva-hero[data-viewport=mobile] .card--stove h2{font-size:calc(32 * var(--u))}.sylva-hero[data-viewport=mobile] .card--stove figure{left:auto;right:calc(16 * var(--u));bottom:calc(16 * var(--u));width:calc(300 * var(--u));height:calc(150 * var(--u))}.sylva-hero[data-viewport=mobile] .card--about figure{left:auto;right:calc(16 * var(--u));top:calc(16 * var(--u));width:calc(224 * var(--u));height:calc(218 * var(--u))}.sylva-hero[data-viewport=mobile] .card .knob{right:calc(24 * var(--u));bottom:calc(24 * var(--u))}.sylva-hero[data-viewport=mobile] .card--stove .knob{right:calc(30 * var(--u));bottom:calc(30 * var(--u))}.sylva-hero[data-viewport=mobile] .scroll{left:calc(702 * var(--u));top:calc(470 * var(--u))}.sylva-hero[data-viewport=mobile] .ghost{font-size:calc(184 * var(--u));letter-spacing:calc(14 * var(--u));bottom:calc(660 * var(--u));left:calc(-10 * var(--u))}.sylva-hero{--ink:#283126;--ink-soft:#5d6759;--ink-faint:#7c8575;--rule:#38432b12;background:transparent;min-height:0;font-family:var(--font-geist),"Arial",sans-serif;font-weight:300}.sylva-hero .stage{margin-top:calc(-385 * var(--u))}.sylva-hero .hero-eyebrow{position:absolute;top:calc(155 * var(--u));left:calc(46 * var(--u));z-index:4;font-size:calc(12 * var(--u));font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.sylva-hero .headline{width:calc(490 * var(--u))}.sylva-hero .headline .title-prefix{display:inline}.sylva-hero .headline .avant-title{display:inline-block;width:2.9em;height:1em;padding:0;vertical-align:-.13em}.sylva-hero .lede{width:calc(232 * var(--u))}.sylva-hero .liquid-button{text-decoration:none}.sylva-hero .card-model{position:absolute;left:calc(805 * var(--u));top:calc(135 * var(--u));width:calc(465 * var(--u));height:calc(330 * var(--u));z-index:2;cursor:default;touch-action:pan-y pinch-zoom}.sylva-hero [data-sylva-card]{width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease}.sylva-hero[data-presentation=ready] [data-sylva-card]{opacity:1}.sylva-hero .card-model-fallback{position:absolute;inset:0;transition:opacity .4s}.sylva-hero .card-model-fallback img{width:100%;height:100%;object-fit:contain}.sylva-hero[data-presentation=ready] .card-model-fallback{opacity:0}.sylva-hero .stat{max-width:calc(190 * var(--u));gap:calc(10 * var(--u))}.sylva-hero .stat>svg{width:calc(24 * var(--u));height:calc(24 * var(--u));flex-shrink:0;opacity:.4}.sylva-hero .stat dd{line-height:1.4}.sylva-hero .product-link{display:block;text-decoration:none;color:var(--card-ink)}.sylva-hero .card--stove{height:calc(326 * var(--u))}.sylva-hero .product-link .label{top:calc(26 * var(--u));display:flex;align-items:center;gap:calc(7 * var(--u));font-size:calc(12 * var(--u))}.sylva-hero .product-link .label svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.sylva-hero .product-link h2{top:calc(52 * var(--u));font-weight:500}.sylva-hero .product-price{position:absolute;top:calc(89 * var(--u));left:calc(38 * var(--u));font-size:calc(16 * var(--u));color:var(--card-label)}.sylva-hero .product-link figure{bottom:calc(14 * var(--u));height:calc(180 * var(--u))}.sylva-hero .product-link .knob{display:grid;place-items:center;transition:transform .25s}.sylva-hero .product-link .knob svg{width:45%;height:45%}.sylva-hero .product-link:hover .knob{transform:rotate(-8deg) scale(1.07)}.sylva-hero .product-cta{position:absolute;left:calc(32 * var(--u));bottom:calc(30 * var(--u));color:white;font-size:calc(13 * var(--u));z-index:4}.sylva-hero .product-link:focus-visible{outline:3px solid white;outline-offset:7px}.sylva-hero .scroll{text-decoration:none}.sylva-hero .scroll svg{width:16px;height:16px}.sylva-hero .collection-anchor{position:absolute;bottom:0;scroll-margin-top:100px}.sylva-hero .forest-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 100%,#78836a77,transparent 65%)}.sylva-hero[data-viewport=tablet] .stage{width:820px;height:780px;margin-left:-410px;margin-top:-350px}.sylva-hero[data-viewport=tablet] .hero-eyebrow{left:32px;top:62px;font-size:11px}.sylva-hero[data-viewport=tablet] .headline{left:32px;top:92px;font-size:48px;line-height:1.08;width:440px}.sylva-hero[data-viewport=tablet] .lede{left:32px;top:214px;width:240px;font-size:15px;line-height:1.5}.sylva-hero[data-viewport=tablet] .pill{left:32px;top:326px}.sylva-hero[data-viewport=tablet] .pill-clip{inset:0}.sylva-hero[data-viewport=tablet] .liquid-stage--explore{--h:50px}.sylva-hero[data-viewport=tablet] .card-model{left:390px;top:172px;width:365px;height:280px}.sylva-hero[data-viewport=tablet] .stat--a{left:610px;top:100px}.sylva-hero[data-viewport=tablet] .stat--b{left:610px;top:470px}.sylva-hero[data-viewport=tablet] .stat{max-width:150px;font-size:11px}.sylva-hero[data-viewport=tablet] .stat dd,.sylva-hero[data-viewport=tablet] .stat dt{font-size:11px}.sylva-hero[data-viewport=tablet] .card--stove{left:530px;top:560px;width:244px;height:224px}.sylva-hero[data-viewport=tablet] .product-link .label{left:20px;top:20px;font-size:10px}.sylva-hero[data-viewport=tablet] .product-link h2{left:20px;top:40px;font-size:22px}.sylva-hero[data-viewport=tablet] .product-price{left:20px;top:67px;font-size:13px}.sylva-hero[data-viewport=tablet] .product-link figure{height:118px}.sylva-hero[data-viewport=tablet] .product-cta{font-size:11px;bottom:24px;left:20px}.sylva-hero[data-viewport=tablet] .play-wrap{left:85px;top:500px}.sylva-hero[data-viewport=tablet] .scroll{left:32px;bottom:28px}.sylva-hero[data-viewport=mobile] .stage{margin:0;height:1040px}.sylva-hero[data-viewport=mobile] .hero-eyebrow{left:24px;top:136px;font-size:11px}.sylva-hero[data-viewport=mobile] .headline{left:24px;top:172px;width:388px;font-size:47px;line-height:1.06}.sylva-hero[data-viewport=mobile] .lede{left:24px;top:290px;width:310px;font-size:15px;line-height:1.5}.sylva-hero[data-viewport=mobile] .pill-clip{inset:0}.sylva-hero[data-viewport=mobile] .pill{left:24px;top:374px}.sylva-hero[data-viewport=mobile] .liquid-stage--explore{--h:48px}.sylva-hero[data-viewport=mobile] .card-model{left:48px;top:470px;width:360px;height:245px;z-index:4}.sylva-hero[data-viewport=mobile] .stat--a{left:24px;top:724px}.sylva-hero[data-viewport=mobile] .stat--b{left:238px;top:724px}.sylva-hero[data-viewport=mobile] .stat{max-width:170px}.sylva-hero[data-viewport=mobile] .stat dd,.sylva-hero[data-viewport=mobile] .stat dt{font-size:11px}.sylva-hero[data-viewport=mobile] .card--stove{left:24px;top:818px;width:382px;height:170px;border-radius:26px}.sylva-hero[data-viewport=mobile] .product-link .label{left:20px;top:24px;font-size:10px}.sylva-hero[data-viewport=mobile] .product-link h2{left:20px;top:48px;font-size:24px;line-height:1.2}.sylva-hero[data-viewport=mobile] .product-price{left:20px;top:82px;font-size:15px}.sylva-hero[data-viewport=mobile] .product-link figure{top:12px;right:12px;left:auto;width:145px;height:146px;bottom:auto}.sylva-hero[data-viewport=mobile] .product-link .knob{right:24px;bottom:24px;width:34px;height:34px}.sylva-hero[data-viewport=mobile] .product-cta{left:20px;bottom:24px;color:var(--card-ink);font-size:12px}.sylva-hero[data-viewport=mobile] .play-wrap,.sylva-hero[data-viewport=mobile] .scroll{display:none}@media (prefers-reduced-motion:reduce){.sylva-hero *,.sylva-hero :after,.sylva-hero :before{animation:none!important;transition:none!important}}.sylva-hero .product-cta{background:#23261fe8;border-radius:999px;padding:7px 11px;color:#fff}.sylva-hero[data-viewport=mobile] .pill-clip,.sylva-hero[data-viewport=tablet] .pill-clip{inset:auto;width:max-content;height:auto;margin:0;clip-path:none;pointer-events:none}.sylva-hero[data-viewport=tablet] .pill-clip{left:32px;top:326px}.sylva-hero[data-viewport=mobile] .pill-clip{left:24px;top:374px}.sylva-hero[data-viewport=mobile] .pill,.sylva-hero[data-viewport=tablet] .pill{position:relative;inset:auto;width:max-content;height:auto;display:block}.sylva-hero[data-viewport=mobile] .liquid-stage--explore,.sylva-hero[data-viewport=tablet] .liquid-stage--explore{margin:calc(-1 * var(--pad))}.sylva-hero .liquid-fx{pointer-events:none}.sylva-hero .liquid-button{pointer-events:auto}.sylva-hero[data-viewport=mobile] .product-cta{color:#fff}.sylva-hero .card-model:focus-visible{outline:2px solid #fff9;outline-offset:-12px;border-radius:24px}.sylva-hero[data-locale=en] .headline{font-size:calc(52 * var(--u));line-height:1.08}.sylva-hero[data-viewport=mobile][data-locale=en] .headline,.sylva-hero[data-viewport=tablet][data-locale=en] .headline{font-size:38px}.sylva-hero[data-scene-state=fallback] [data-sylva-scene]{opacity:0}.sylva-hero[data-viewport=tablet] .scroll{display:none}.sylva-hero .forest-fallback{z-index:3;pointer-events:none;background:url(/assets/avant-media/shop/sylva/stills-v2/forest-desktop.webp) 50%/100% 100% no-repeat;transition:opacity .7s ease}.sylva-hero[data-viewport=tablet] .forest-fallback{background-image:url(/assets/avant-media/shop/sylva/stills-v2/forest-tablet.webp)}.sylva-hero[data-viewport=mobile] .forest-fallback{background-image:url(/assets/avant-media/shop/sylva/stills-v2/forest-mobile.webp)}.sylva-hero[data-presentation=ready] .forest-fallback{opacity:0}@media (prefers-reduced-motion:reduce){.sylva-hero .forest-fallback{transition:none}}.sylva-hero[data-viewport=desktop][data-locale=en] .lede{left:calc(565 * var(--u));width:calc(220 * var(--u))}.sylva-hero:after{background:none}.sylva-hero .liquid-button{color:var(--ink)}.sylva-hero[data-presentation=still] [data-liquid-metal] canvas,.sylva-hero[data-presentation=still] [data-sylva-scene]{display:none}.sylva-hero .scene-mode-control{position:absolute;right:24px;top:100px;z-index:10;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #38432b25;border-radius:999px;background:#f4efe8db;color:var(--ink-soft);font:400 12px/1 var(--font-geist),sans-serif;cursor:pointer;transition:background .18s ease,transform .18s ease}.sylva-hero .scene-mode-control:hover{background:#f4efe8}.sylva-hero .scene-mode-control:active{transform:scale(.96)}.sylva-hero[data-viewport=mobile] .scene-mode-control{right:18px;top:86px}.sylva-hero[data-presentation=still] .liquid-plate{background:linear-gradient(145deg,#fffefb,#e8e3d9);box-shadow:0 3px 12px #28312620,inset 0 1px 0 #fff}