.rubric-scene{position:relative;isolation:isolate;overflow:hidden;min-height:240px;border:1px solid #9b824b70;border-radius:18px;margin:0 0 34px;background:#10262c;display:flex;align-items:center}.rubric-scene .scene-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);animation:wff-scene-pan 24s ease-in-out infinite alternate;animation-play-state:paused}.scene-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#071820e8 0%,#091c22b8 42%,#091c2210 80%),linear-gradient(0deg,#0b1b2577,transparent 70%)}.scene-light{position:absolute;z-index:-1;inset:-40%;background:radial-gradient(ellipse at 70% 60%,#edb94f2b,transparent 45%);animation:wff-scene-light 10s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}.scene-copy{padding:34px 40px;max-width:690px}.scene-copy>span{font-size:10px;letter-spacing:2.8px;font-weight:700;color:#e5c786}.scene-copy p{font:500 clamp(25px,3vw,38px)/1.23 Georgia,serif;color:#fff1d2;max-width:580px;margin:18px 0;text-wrap:balance;text-shadow:0 2px 14px #0009}.scene-copy small{font-size:8px;letter-spacing:2px;color:#bed1ca}.scene-sigil{position:absolute;right:34px;bottom:25px;color:#f4d17b;font-size:32px;text-shadow:0 0 20px #e5a94680}.scene-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scene-motes i{position:absolute;bottom:12%;left:74%;width:3px;height:3px;border-radius:50%;background:#f7d58e;box-shadow:0 0 11px #ffca74;opacity:0;animation:wff-scene-mote 13s linear infinite;animation-play-state:paused}.scene-motes i:nth-child(2){left:58%;animation-delay:3s}.scene-motes i:nth-child(3){left:86%;animation-delay:7s}.scene-motes i:nth-child(4){left:40%;animation-delay:10s}.scene-arcane .scene-light{background:radial-gradient(ellipse at 65% 50%,#57e0dd26,transparent 50%)}.scene-forest .scene-light{background:radial-gradient(ellipse at 70% 55%,#95c1a32c,transparent 45%)}.scene-is-active .scene-art,.scene-is-active .scene-light,.scene-is-active .scene-motes i{animation-play-state:running}.home-start-grid>a.atmosphere-start-card{position:relative;isolation:isolate;overflow:hidden;min-height:315px;padding:30px 25px;display:flex;flex-direction:column;justify-content:flex-end;background:#10262c}.atmosphere-start-card>.start-card-art{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:65% center;transition:transform .65s ease}.atmosphere-start-card:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#06161bf7 0%,#0b1d23c7 38%,#0b1d2308 100%)}.home-start-grid .atmosphere-start-card h3{color:#fff1d5;text-shadow:0 2px 14px #000c}.home-start-grid .atmosphere-start-card p{color:#d4dfda}.home-start-grid .atmosphere-start-card .start-index{position:absolute;top:20px;left:22px;padding:5px 10px;border:1px solid #d2b77788;border-radius:20px;background:#071920b8;color:#ffe1a3}.home-start-grid .atmosphere-start-card strong{color:#f4d69a}.home-guild-art{position:relative;margin:25px 0 34px;isolation:isolate;min-height:220px;border:1px solid #aa8c5766;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end}.home-guild-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.home-guild-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081a20e6,#0d252241,#0d252208);z-index:-1}.home-guild-art>div{padding:28px 32px;max-width:590px}.home-guild-art p{color:#fff0cf;font:26px/1.3 Georgia;margin:10px 0}.home-guild-art a{font-size:13px;color:#f6d592}.ambience-control{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:7px 11px;background:#10272f;color:#e2cc9b;border:1px solid #9f875366;border-radius:20px;cursor:pointer}.ambience-control:focus-visible{outline:2px solid #f6d89c;outline-offset:4px}.ambience-control:disabled{opacity:.75;cursor:default}.visual-reveal{animation:wff-scene-enter .65s ease both}.wff-motion-paused [data-ambience] *,.wff-motion-paused [data-animated-hero] *,.wff-page-hidden [data-ambience] *,.wff-page-hidden [data-animated-hero] *{animation-play-state:paused!important}.wff-motion-paused .visual-reveal{animation:none!important}@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-start-grid>a.atmosphere-start-card:hover>.start-card-art{transform:scale(1.06)}.rubric-scene:hover{border-color:#d5b77499}}@keyframes wff-scene-pan{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.07) translateX(-.7%)}}@keyframes wff-scene-light{from{opacity:.45;transform:translateX(-1%)}to{opacity:1;transform:translateX(3%)}}@keyframes wff-scene-mote{0%{opacity:0;transform:translate3d(0,0,0)}20%{opacity:.6}80%{opacity:.35}100%{opacity:0;transform:translate3d(18px,-140px,0)}}@keyframes wff-scene-enter{from{opacity:.75;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.rubric-scene{min-height:190px;border-radius:12px;margin-bottom:24px}.scene-copy{padding:25px 22px;max-width:85%}.scene-copy p{font-size:26px}.scene-copy>span{font-size:8px;letter-spacing:1.8px}.scene-copy small{font-size:7px;letter-spacing:1px}.scene-shade{background:linear-gradient(90deg,#071820eb,#091c2294 75%,#091c2244)}.scene-sigil{right:18px;bottom:15px;font-size:24px}.home-start-grid>a.atmosphere-start-card{min-height:285px}.home-guild-art{min-height:190px}.home-guild-art>div{padding:23px}.home-guild-art p{font-size:24px}}@media(prefers-reduced-motion:reduce){.rubric-scene *,.home-start-grid>a.atmosphere-start-card,.visual-reveal{animation:none!important;transition:none!important}.home-start-grid>a.atmosphere-start-card:hover{transform:none!important}}
