:root{--yf-cream:#f8f4ed;--yf-forest:#2a3e39;--yf-charcoal:#282828;--yf-sand:#dad4cb;--yf-maroon:#7c2a31;--yf-lavender:#b9a5e2;--yf-purple:#7a62b6;--yf-teal:#375f5c;--void:#14201c;--void-2:var(--yf-forest);--leaf:#3e9b53;--leaf-bright:#5cae6f;--cream:var(--yf-cream);--cream-dim:#f8f4ed9e;--cream-faint:#f8f4ed4d;--cream-soft:#f8f4edb8;--warm-gray:#4a453e;--logo:var(--yf-forest);--borgona:var(--yf-maroon);--ocre:#cb8b3c;--lavanda:var(--yf-lavender);--rosa:#e3a2b4;--bloom:var(--leaf);--bloom-soft:var(--leaf-bright);--sage:#8fbf94;--hairline:#f8f4ed29;--body:"Hanken Grotesk", system-ui, sans-serif;--emotional:"EB Garamond", Georgia, serif;--logo-font:"Baloo 2", "Hanken Grotesk", sans-serif;--logo-icon:url(/planet/logo-icon.webp);--logo-word:url(/planet/logo-word.webp)}.yf-planet-root *,.yf-planet-root :before,.yf-planet-root :after{box-sizing:border-box}.yf-planet-root{width:100%;height:100%;color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;background:radial-gradient(130% 100% at 50% 32%,#0c1f17 0%,#060f0a 60%,#040906 100%);position:relative;overflow:hidden}#stage{z-index:0;position:absolute;inset:0}#scene{width:100%;height:100%;display:block}.ui{z-index:2;pointer-events:none;position:absolute;inset:0}.ui>*{pointer-events:auto}.brand{align-items:center;gap:11px;display:flex;position:absolute;top:clamp(18px,3vw,34px);left:clamp(18px,3vw,40px)}.brand .seal{color:var(--cream);flex:none}.brand .word{font-family:var(--logo-font);letter-spacing:-.01em;color:var(--cream);font-size:clamp(21px,3.3vw,28px);font-weight:700}.brand .dot{color:var(--leaf-bright)}.brand .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);border-left:1px solid var(--hairline);padding-left:12px;font-size:11px}.panel{align-items:center;gap:clamp(14px,2.4vw,26px);max-width:min(600px,80vw);display:flex;position:absolute;bottom:clamp(24px,5.5vh,52px);left:clamp(18px,3vw,40px)}.panel-text{flex:none;width:clamp(220px,34vw,400px);min-width:0}.panel .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);align-items:center;gap:9px;margin-bottom:14px;font-size:12px;display:inline-flex}.panel .eyebrow .num{font-variant-numeric:tabular-nums;color:var(--cream)}.panel .eyebrow .swatch{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ffffff0d}.panel h1{font-family:var(--emotional);letter-spacing:-.01em;margin-bottom:7px;font-size:clamp(26px,4.8vw,42px);font-weight:500;line-height:1.06}.panel p.life{color:var(--cream-dim);max-width:42ch;margin-bottom:0;font-size:clamp(14px,1.85vw,18px);line-height:1.42}.panel .swap{transition:opacity .45s,transform .45s}.panel.changing .swap{opacity:0;transform:translateY(8px)}.cta{white-space:nowrap;font-family:var(--body);color:var(--cream);background:var(--leaf);cursor:pointer;border:none;border-radius:999px;flex:none;align-items:center;gap:10px;padding:13px 22px;font-size:15px;font-weight:600;transition:background .25s,transform .2s;display:inline-flex}.cta:hover{background:var(--leaf-bright);transform:translateY(-1px)}.cta:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.cta svg{transition:transform .25s}.cta:hover svg{transform:translate(3px)}.dots-wrap{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;right:clamp(16px,2.4vw,30px);transform:translateY(-50%)}.dots-count{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--cream-dim);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.dots-count .swatch{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ffffff0d}.dots-count .num{color:var(--cream);font-weight:600}.dots-count .dc-of{opacity:.8}.dots{flex-direction:column;gap:13px;display:flex}.dots button{border:1px solid var(--cream-faint);cursor:pointer;background:0 0;border-radius:50%;width:11px;height:11px;padding:0;transition:transform .25s,background .25s,border-color .25s}.dots button:hover{border-color:var(--cream-dim);transform:scale(1.25)}.dots button[aria-current=true]{background:var(--bloom);border-color:var(--bloom);transform:scale(1.35)}.dots button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.hint{pointer-events:none;align-items:center;transition:opacity .6s;display:inline-flex}.hint .mouse{border:1.5px solid var(--cream-faint);border-radius:10px;width:19px;height:29px;animation:1.7s ease-in-out infinite dragNudge;position:relative}.hint .mouse:after{content:"";background:var(--cream-dim);border-radius:2px;width:3px;height:6px;animation:1.7s ease-in-out infinite wheelPulse;position:absolute;top:5px;left:50%}@keyframes dragNudge{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes wheelPulse{0%,to{opacity:.4;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,3px)}}.arrows{pointer-events:none;gap:10px;display:none;position:absolute;bottom:clamp(22px,5vh,40px);right:clamp(16px,2.4vw,30px)}.arrows button{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--cream);cursor:pointer;pointer-events:auto;background:#0a1f1c99;border-radius:50%;place-items:center;transition:background .2s;display:grid}.arrows button:hover{background:#9bbf8f2e}.arrows button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.yf-lite .arrows{justify-content:space-between;align-items:center;gap:0;padding:0 clamp(10px,3.2vw,20px);inset:50% 0 auto;transform:translateY(-50%)}.yf-lite .controls{display:none}.yf-lite .arrows button{width:54px;height:54px}.yf-lite .dots-wrap{display:none}#intro{z-index:10;background:var(--cream);place-items:center;transition:opacity .9s;display:grid;position:absolute;inset:0}#intro .inner{text-align:center;color:var(--logo)}#intro .seal{margin:0 auto 20px;display:block}#intro .word{font-family:var(--logo-font);letter-spacing:-.01em;color:var(--logo);font-size:clamp(40px,9vw,68px);font-weight:700}#intro .word .dot{color:var(--leaf)}#intro .sub{font-family:var(--emotional);letter-spacing:.01em;color:var(--warm-gray);opacity:.8;margin-top:10px;font-size:clamp(15px,2.4vw,19px);font-style:italic}#intro .bar{background:#4a453e29;border-radius:2px;width:180px;height:2px;margin:28px auto 0;overflow:hidden}#intro .bar span{background:var(--leaf);width:0;height:100%;transition:width .3s;display:block}.yf-planet-root.loaded #intro{opacity:0;pointer-events:none}.yf-planet-root[data-planet-detail] #intro{pointer-events:none}.stamp{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-soft);font-size:11px;position:absolute;top:clamp(18px,3vw,34px);right:clamp(16px,2.4vw,30px)}@media (max-width:640px){.stamp{display:none}.panel{flex-direction:column;align-items:flex-start;gap:12px;max-width:min(440px,84vw);bottom:clamp(20px,5vh,40px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hint .mouse,.hint .mouse:after{animation:none}}.seal-img{aspect-ratio:1;background:var(--cream);width:clamp(28px,4vw,34px);-webkit-mask:var(--logo-icon) center / contain no-repeat;-webkit-mask:var(--logo-icon) center / contain no-repeat;mask:var(--logo-icon) center / contain no-repeat;flex:none}.word-img{aspect-ratio:4.891;background:var(--cream);height:clamp(17px,2.6vw,23px);-webkit-mask:var(--logo-word) center / contain no-repeat;-webkit-mask:var(--logo-word) center / contain no-repeat;mask:var(--logo-word) center / contain no-repeat}#intro .seal-img{background:var(--logo);width:clamp(64px,16vw,90px);margin:0 auto}#intro .word-img{background:var(--logo);height:clamp(30px,7vw,46px);margin:16px auto 0}.controls{pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;top:calc(50% + 188px);bottom:auto;right:clamp(16px,2.4vw,30px)}.controls>*{pointer-events:auto}.zoom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--cream-faint);background:#0a1f1cb8;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;display:flex}.zoom .small,.zoom .big{color:var(--cream-dim);flex:none}.zoom .small{width:9px;height:9px}.zoom .big{width:15px;height:15px}.zoom input[type=range]{appearance:none;background:var(--cream-faint);cursor:pointer;border-radius:3px;outline:none;width:clamp(90px,13vw,140px);height:3px}.zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--leaf-bright);cursor:pointer;border-radius:50%;width:15px;height:15px}.zoom input[type=range]::-moz-range-thumb{background:var(--leaf-bright);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.zoom input:focus-visible{outline:2px solid var(--cream);outline-offset:4px}@media (max-width:640px){.controls{top:auto;bottom:clamp(20px,4.5vh,36px)}.panel{max-width:min(82vw,420px);top:clamp(28px,6vh,60px);bottom:auto;left:clamp(14px,4vw,24px)}.panel h1{font-size:clamp(22px,6vw,30px)}}.menu-btn{z-index:14;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#14201c8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;transition:background .25s,transform .25s;display:flex;position:absolute;top:clamp(16px,2.6vw,30px);right:clamp(16px,2.4vw,30px);display:none!important}.menu-btn:hover{background:#14201cd1}.menu-btn span{background:var(--cream);border-radius:2px;width:20px;height:2px;transition:all .3s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer-overlay{z-index:12;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0f1e1973;transition:opacity .3s;position:absolute;inset:0}.drawer-overlay.show{opacity:1}.drawer{z-index:13;border-left:1px solid var(--hairline);background:linear-gradient(#1b2d27 0%,#14201c 100%);flex-direction:column;width:min(360px,86vw);height:100%;padding:clamp(18px,3vw,26px);transition:transform .4s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(102%);box-shadow:-24px 0 60px #0006}.drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head .seal-img{background:var(--cream);width:40px;height:40px}.drawer-close{color:var(--cream-dim);cursor:pointer;background:0 0;border:none;padding:6px;font-size:20px;line-height:1}.drawer-close:hover{color:var(--cream)}.drawer-tag{font-family:var(--emotional);color:var(--cream-dim);margin:10px 0 20px;font-size:14px;font-style:italic}.cat-nav{flex-direction:column;display:flex}.cat-item{border-bottom:1px solid var(--hairline)}.cat-head{text-align:left;cursor:pointer;width:100%;color:var(--cream);font-family:var(--body);background:0 0;border:none;align-items:center;gap:11px;padding:14px 4px;font-size:15px;font-weight:600;display:flex}.cat-head:hover{color:var(--leaf-bright)}.cat-head .sw{border-radius:50%;flex:none;width:9px;height:9px}.cat-head .chev{color:var(--cream-dim);margin-left:auto;font-size:18px;transition:transform .3s}.cat-item.open .cat-head .chev{transform:rotate(90deg)}.cat-subs{max-height:0;transition:max-height .35s;overflow:hidden}.cat-subs a{color:var(--cream-dim);padding:8px 4px 8px 26px;font-size:13.5px;text-decoration:none;transition:color .2s,padding .2s;display:block}.cat-subs a:hover{color:var(--cream);padding-left:30px}.cat-item--nested{border-bottom:none}.cat-item--nested>.cat-head{color:var(--cream-dim);padding-top:11px;padding-bottom:11px;font-size:13.5px;font-weight:500}.cat-item--nested>.cat-head:hover{color:var(--cream)}.cat-item--nested>.cat-head .chev{font-size:16px}.cat-item.open>.cat-head{color:var(--leaf-bright)}.yf-planet-poster{z-index:0;text-align:center;color:var(--yf-cream);background:radial-gradient(130% 100% at 50% 32%,#0c1f17 0%,#060f0a 60%,#040906 100%);justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.yf-planet-poster__inner{z-index:1;max-width:36rem;position:relative}.yf-planet-orb{z-index:0;aspect-ratio:1;opacity:.95;opacity:1;background-color:#0000;background-image:-webkit-image-set(url(/img/categories/planeta-poster.avif) 1x type("image/avif"),url(/img/categories/planeta-poster.webp) 1x type("image/webp"));background-image:image-set("/img/categories/planeta-poster.avif" 1x type("image/avif"),"/img/categories/planeta-poster.webp" 1x type("image/webp"));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:50%;width:min(72vmin,480px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 110px 26px #86c8ff47,0 0 40px 6px #86c8ff33,inset -36px -30px 86px #020c169e,inset 26px 20px 64px #bee2ff33}.yf-planet-poster__inner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50%,#040c09b8 0%,#040c0966 55%,#0000 100%);position:absolute;inset:-12% -8%}.yf-planet-poster__brand{font-family:var(--logo-font);letter-spacing:-.01em;color:var(--yf-cream);font-size:clamp(2rem,6vw,3.5rem);font-weight:700}.yf-planet-poster__tag{font-family:var(--emotional);color:var(--cream-dim);margin:.75rem 0 0;font-size:clamp(1rem,2.4vw,1.4rem)}.yf-planet-poster__sub{font-family:var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--cream-soft);margin:1rem 0 0;font-size:.95rem}.yf-planet-skip{z-index:20;font-family:var(--body);color:var(--yf-forest);background:var(--yf-cream);border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.yf-planet-skip:hover{transform:translate(-50%)translateY(-2px)}.yf-planet-skip:focus-visible{outline:3px solid var(--yf-lavender);outline-offset:2px}.yf-planet-static{height:calc(100dvh - var(--nav-h,64px));width:100%;min-height:520px;position:relative;overflow:hidden}