.tree{position:relative;height:100svh;min-height:760px;max-height:1080px;overflow:hidden;color:#fff;background:radial-gradient(120% 70% at 50% 42%,rgba(125,176,75,.1) 0,rgba(125,176,75,0) 60%),linear-gradient(180deg,#ffffff,#c9cfe0 7%,#6f79a0 26%,#3a4366 58%,#1c2135)}.tree-cv{display:block;touch-action:pan-y}.tree-cv,.tree-hud{position:absolute;inset:0}.tree-hud{pointer-events:none;padding:112px var(--pad) 40px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto 1fr auto;grid-gap:var(--gap);gap:var(--gap)}.tree-hud a,.tree-hud button,.tree-hud form,.tree-hud input{pointer-events:auto}.tree-intro{grid-column:1/4;grid-row:1;text-shadow:0 1px 18px rgba(20,24,40,.35)}.tree-k{display:block;font-size:var(--t-xs);line-height:1;letter-spacing:-.03em;color:rgba(255,255,255,.78);margin-bottom:18px}.tree-h{font-size:var(--t-l);line-height:1;letter-spacing:-.06em;font-weight:500}.tree-p{margin-top:20px;max-width:400px;font-size:var(--t-s);line-height:1.12;letter-spacing:-.05em;color:rgba(255,255,255,.86)}.tree-find{grid-column:7/-1;grid-row:1;justify-self:end;align-self:start;display:grid;grid-gap:10px;gap:10px;font-size:var(--t-xs);letter-spacing:-.03em}.tree-find label{color:rgba(255,255,255,.78)}.tree-find div{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 16px;border-radius:40px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tree-find span{color:rgba(255,255,255,.7)}.tree-find input{width:86px;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:18px;letter-spacing:-.03em}.tree-find input::placeholder{color:rgba(255,255,255,.45)}.tree-find button{border:0;border-radius:40px;padding:9px 16px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.tree-stats{grid-column:1/6;grid-row:3;align-self:end;display:flex;flex-wrap:wrap;gap:18px 44px}.ts{display:grid;grid-gap:8px;gap:8px}.ts b{font-size:var(--t-m);line-height:1;letter-spacing:-.06em;font-weight:500}.ts b small{font-size:.5em;letter-spacing:-.03em;color:rgba(255,255,255,.7)}.ts span{color:rgba(255,255,255,.72)}.ts span,.ts-note{font-size:var(--t-xs);letter-spacing:-.03em}.ts-note{align-self:end;max-width:360px;line-height:1.3;color:rgba(255,255,255,.8)}.ts-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}.tree-legend{grid-column:6/-1;grid-row:3;align-self:end;justify-self:end;list-style:none;display:grid;grid-template-columns:repeat(3,auto);grid-gap:10px 26px;gap:10px 26px;font-size:14px;letter-spacing:-.02em}.tree-legend li{display:grid;grid-template-columns:18px auto;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;align-items:center}.tree-legend b{font-weight:500}.tree-legend span{grid-column:2;color:rgba(255,255,255,.6);font-size:12px}.tl{grid-row:1/3;width:14px;height:14px;justify-self:center;border-radius:0 100% 0 100%;transform:rotate(-45deg);background:#93c25a}.tl-bud{width:6px;height:6px;border-radius:50%;transform:none;background:rgba(223,231,214,.45)}.tl-sprout{width:9px;height:9px;opacity:.7}.tl-leaf{width:12px;height:12px}.tl-canopy{width:14px;height:14px;background:#5f9b62;box-shadow:0 0 10px rgba(147,194,90,.7)}.tl-elder{width:17px;height:17px;background:#2f6f68;box-shadow:0 0 12px rgba(121,189,177,.8)}.tl-gold{width:15px;height:15px;background:#ffe08a;box-shadow:0 0 14px rgba(255,224,138,.9)}.tree-tip{left:0;top:0;pointer-events:none;z-index:3}.tree-tip,.tt{position:absolute}.tt{left:18px;bottom:14px;width:max-content;max-width:340px;display:flex;gap:12px;align-items:center;padding:10px 16px 10px 10px;border-radius:14px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 20px 50px rgba(10,14,30,.35);white-space:nowrap}.tt img{width:56px;height:56px;border-radius:10px;display:block}.tt div{display:grid;grid-gap:4px;gap:4px}.tt b{font-size:18px;font-weight:500;letter-spacing:-.04em}.tt span{font-size:14px;letter-spacing:-.02em;color:var(--ink-3)}.tt .tt-s{color:var(--ink-4)}.tt img{flex:none}.tree-tip.below .tt{bottom:auto;top:30px}@media (max-width:1199px){.tree-intro{grid-column:1/6}.tree-find{grid-column:6/-1}.tree-stats{grid-column:1/-1;grid-row:3}.tree-legend{display:none}}@media (max-width:809px){.tree{min-height:720px}.tree-hud{padding-top:96px;grid-template-columns:minmax(0,1fr)}.tree-find,.tree-intro,.tree-stats{grid-column:1/-1}.tree-find{grid-row:3;justify-self:start}.tree-stats{grid-row:4;gap:14px 26px}.tree-p{font-size:16px;max-width:320px}.ts b{font-size:26px}}.canopy{padding-top:96px;padding-bottom:40px}.canopy-h{font-size:var(--t-xl);line-height:1;letter-spacing:-.06em;font-weight:500}.canopy-p{margin-top:20px;font-size:var(--t-s);letter-spacing:-.05em;color:var(--ink-3)}.canopy-list{list-style:none;margin-top:48px;border-top:1px solid var(--line)}.canopy-list li{display:grid;grid-template-columns:60px 56px minmax(0,1.4fr) 1fr 1.2fr 1fr;align-items:center;grid-gap:20px;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:18px;letter-spacing:-.03em}.canopy-list img{width:56px;height:56px;border-radius:12px;display:block}.cr{color:var(--ink-4)}.cn,.cr{font-size:var(--t-s)}.cn{letter-spacing:-.05em}.cs,.cw{color:var(--ink-3)}.ca b{font-weight:500}.canopy-empty{margin-top:32px;font-size:18px;color:var(--ink-3)}@media (max-width:809px){.canopy-list li{grid-template-columns:34px 44px minmax(0,1fr) auto}.canopy-list img{width:44px;height:44px}.cs,.cw{display:none}}