.sylva-hero--light{--ink:#1c1a17;--ink-soft:rgba(28,26,23,.68);--ink-faint:rgba(28,26,23,.48);--rule:rgba(28,26,23,.08);--card:#ffffff;--card-ink:#1c1a17;--card-label:#8a857c;--accent:#ff7a21;--accent-soft:rgba(255,122,33,.14);--surface:#f7f5ef;color:var(--ink);background:var(--surface)}.sylva-hero--light,.sylva-hero--light.hero{background:radial-gradient(58% 48% at 22% 88%,rgba(255,122,33,.1) 0,rgba(255,122,33,0) 70%),radial-gradient(46% 40% at 88% 12%,rgba(255,180,120,.08) 0,rgba(255,180,120,0) 72%),#f7f5ef}.sylva-hero--light.hero:after{background:radial-gradient(70% 42% at 50% 118%,rgba(255,122,33,.18) 0,rgba(255,122,33,.06) 40%,rgba(255,122,33,0) 72%),linear-gradient(180deg,rgba(255,122,33,0) 58%,rgba(255,122,33,.04))}.sylva-hero--light .guides i{background:linear-gradient(180deg,rgba(28,26,23,0) 0,var(--rule) 12%,var(--rule) 78%,rgba(28,26,23,0) 100%)}.sylva-hero--light .ghost{color:rgba(28,26,23,.045)}.sylva-hero--light #scene{opacity:0;mix-blend-mode:multiply}.sylva-hero--light.is-ready #scene{opacity:.72}.sylva-hero--light .dock{border:1px solid rgba(28,26,23,.06);background:#ffffff;box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) rgba(28,26,23,.08),0 1px 0 rgba(255,255,255,.9) inset}.sylva-hero--light .dock-item{background:transparent;color:var(--ink-faint)}.sylva-hero--light .dock-item[data-near=true]{color:var(--ink);border-color:rgba(28,26,23,.08);background:#fff7f0;box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(255,122,33,.12)}.sylva-hero--light .dock-item.is-active{background:transparent;border-color:transparent;color:var(--accent);box-shadow:none;font-weight:600}.sylva-hero--light .dock-item.is-active .glyph{opacity:1;color:var(--accent)}.sylva-hero--light .dock-mark{background:rgba(255,122,33,.1);border-color:transparent;color:var(--accent)}.sylva-hero--light .dock-mark[data-near=true]{background:rgba(255,122,33,.16);border-color:transparent;color:var(--accent)}.sylva-hero--light .dock-item--enter{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(255,122,33,.28)}.sylva-hero--light .dock-item--enter.is-active,.sylva-hero--light .dock-item--enter[data-near=true]{background:#ff8a3a;border-color:#ff8a3a;color:#fff}.sylva-hero--light [data-spec]:after{background:conic-gradient(from var(--spec-angle) at 50% 50%,rgba(255,122,33,0) 0deg,rgba(255,122,33,.06) 14deg,rgba(255,122,33,.55) 28deg,rgba(255,122,33,.1) 46deg,rgba(255,122,33,0) 68deg,rgba(255,122,33,0) 180deg,rgba(255,122,33,.06) 194deg,rgba(255,122,33,.55) 208deg,rgba(255,122,33,.1) 226deg,rgba(255,122,33,0) 248deg,rgba(255,122,33,0) 1turn)}.sylva-hero--light .trust b{color:var(--accent)}.sylva-hero--light .headline .accent{color:var(--accent);font-style:normal}.sylva-hero--light .idea{color:var(--ink-soft)}.sylva-hero--light .idea-inner{border:1px solid rgba(28,26,23,.08);background:rgba(255,255,255,.92);box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) rgba(28,26,23,.08),inset 0 1px 0 rgba(255,255,255,.95);color:var(--ink-soft)}.sylva-hero--light .idea b{color:var(--ink)}.sylva-hero--light .idea-inner:focus-visible,.sylva-hero--light .idea-inner:hover,.sylva-hero--light .idea.is-open .idea-inner,.sylva-hero--light .idea:hover .idea-inner{border-color:rgba(255,122,33,.35);background:#fff;box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) rgba(255,122,33,.14)}.sylva-hero--light .idea-panel{border:1px solid rgba(28,26,23,.08);background:rgba(255,255,255,.98);box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) rgba(28,26,23,.12);color:var(--ink-soft)}.sylva-hero--light .idea-solved{color:var(--ink)}.sylva-hero--light .idea-outcome{background:var(--accent-soft);color:#c45a10}.sylva-hero--light .idea-stack li{border-color:rgba(28,26,23,.1);color:var(--ink-faint)}.sylva-hero--light .idea-link{color:var(--accent);border-bottom-color:rgba(255,122,33,.55)}.sylva-hero--light .idea-link:hover{color:#c45a10}.sylva-hero--light .pill-clip{clip-path:none;width:auto;height:auto;margin:0;left:calc(560 * var(--u));top:calc(430 * var(--u))}.sylva-hero--light .pill{position:relative;inset:auto}.sylva-hero--light .liquid-stage--explore{--h:calc(52 * var(--u));padding:0}.sylva-hero--light .liquid-plate{inset:0;background:linear-gradient(180deg,#ff8f3a,#ff7a21);box-shadow:0 calc(12 * var(--u)) calc(32 * var(--u)) rgba(255,122,33,.35),0 1px 0 rgba(255,255,255,.35) inset}.sylva-hero--light .liquid-stage.hot .liquid-plate{background:linear-gradient(180deg,#ff9a4d,#ff832c);box-shadow:0 calc(14 * var(--u)) calc(36 * var(--u)) rgba(255,122,33,.42),0 1px 0 rgba(255,255,255,.4) inset}.sylva-hero--light .liquid-fx{opacity:0!important;pointer-events:none}.sylva-hero--light .liquid-button--explore{min-width:calc(220 * var(--u));padding:0 calc(22 * var(--u));gap:calc(10 * var(--u));color:#fff}.sylva-hero--light .liquid-button--explore .lbl{transform:none;font-weight:600;letter-spacing:calc(.2 * var(--u))}.sylva-hero--light .liquid-button--explore .ico{width:calc(16 * var(--u));height:calc(16 * var(--u));color:#fff}.sylva-hero--light .play-wrap{width:calc(152 * var(--u));height:calc(152 * var(--u));display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 calc(8 * var(--u)) calc(20 * var(--u)) rgba(255,122,33,.18))}.sylva-hero--light .play-clip{position:static;width:auto;height:auto;margin:0;clip-path:none}.sylva-hero--light .play-glass{position:relative;inset:auto}.sylva-hero--light .play-glass,.sylva-hero--light .play-ring{border-color:rgba(255,122,33,.25)}.sylva-hero--light .play-ring{position:absolute;inset:0}.sylva-hero--light .liquid-stage--play{--h:calc(78 * var(--u));padding:0}.sylva-hero--light .liquid-stage.liquid-stage--play>.liquid-plate{inset:0;background:linear-gradient(180deg,#fff,#fff7f0);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) rgba(28,26,23,.1)}.sylva-hero--light .liquid-button--play{color:var(--accent)}.sylva-hero--light .liquid-stage.liquid-stage--play.hot>.liquid-plate,.sylva-hero--light .play-wrap:focus-within .liquid-stage.liquid-stage--play>.liquid-plate,.sylva-hero--light .play-wrap:hover .liquid-stage.liquid-stage--play>.liquid-plate{background:linear-gradient(180deg,#ff9a4d,#ff832c);box-shadow:0 calc(14 * var(--u)) calc(36 * var(--u)) rgba(255,122,33,.42),0 1px 0 rgba(255,255,255,.4) inset}.sylva-hero--light .liquid-stage.liquid-stage--play.hot .liquid-button--play,.sylva-hero--light .play-wrap:focus-within .liquid-button--play,.sylva-hero--light .play-wrap:hover .liquid-button--play{color:#fff}.sylva-hero--light .liquid-button--play .ico{width:calc(23 * var(--u));height:calc(23 * var(--u));margin:0;transform:translateX(calc(1.5 * var(--u)))}.sylva-hero--light .stat .mark{color:var(--accent)}.sylva-hero--light .stat dd,.sylva-hero--light .stat dt{text-shadow:none}.sylva-hero--light .stat .mark svg{filter:none}.sylva-hero--light .stat dt{color:var(--ink-faint)}.sylva-hero--light .stat dd{color:var(--ink)}.sylva-hero--light .card{background:#fff;box-shadow:0 calc(22 * var(--u)) calc(48 * var(--u)) rgba(28,26,23,.1)}.sylva-hero--light .card:hover{box-shadow:0 calc(28 * var(--u)) calc(56 * var(--u)) rgba(28,26,23,.14)}.sylva-hero--light .card--project figure{background:#ECECEC}.sylva-hero--light .project-device{background:var(--accent);color:#fff}.sylva-hero--light .knob,.sylva-hero--light .knob--about{background:var(--accent);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) rgba(255,122,33,.3)}.sylva-hero--light .knob svg,.sylva-hero--light .knob--about svg{color:#fff}.sylva-hero--light .knob--about:hover,.sylva-hero--light .knob:hover{background:#ff8a3a}.sylva-hero--light .scroll{color:rgba(28,26,23,.45)}.sylva-hero--light .scroll .track{background:rgba(28,26,23,.12)}.sylva-hero--light .scroll .track:after{background:var(--accent)}.sylva-hero--light a:focus-visible,.sylva-hero--light button:focus-visible{outline-color:rgba(255,122,33,.7)}@media (max-width:1439px){.sylva-hero--light .pill-clip{left:auto;top:auto;width:auto;height:auto;margin:0}.sylva-hero--light .liquid-stage--explore{--h:clamp(50px,13vw,58px);padding:0}.sylva-hero--light .liquid-button--explore{min-width:min(100%,264px);padding:0 clamp(18px,4.6vw,24px);gap:10px;font-size:clamp(14px,3.4vw,15.5px)}.sylva-hero--light .liquid-button--explore .ico{width:17px;height:17px}.sylva-hero--light .play-wrap{width:clamp(60px,15vw,78px);height:clamp(60px,15vw,78px)}.sylva-hero--light .liquid-stage--play{--h:clamp(52px,13vw,66px)}.sylva-hero--light .liquid-button--play .ico{width:clamp(18px,4.6vw,22px);height:clamp(18px,4.6vw,22px);transform:none}.sylva-hero--light .project-hover{background:none}.sylva-hero--light.is-ready #scene{opacity:.22}.sylva-hero--light .stat{padding:clamp(8px,2vw,11px) clamp(12px,2.8vw,16px);border:1px solid rgba(28,26,23,.07);border-radius:clamp(16px,4vw,22px);background:rgba(255,255,255,.78);box-shadow:0 6px 18px rgba(28,26,23,.06)}}