/* Fresh paint, tactile parchment, and a clearer character pick. Local concepts only. */
.ember .hero:after{height:155px;bottom:-2px;clip-path:none;background:var(--paper);mask:url("/assets/redesign/assets/brush-edge-painted-v2.png") center bottom/100% 100% no-repeat;mask-mode:alpha;pointer-events:none}
.ember .class-panel{margin-top:8px;margin-bottom:28px;border:0;border-top:1px solid #b8965b88;border-bottom:1px solid #ad824c88;border-radius:38% 1% 37% 1% / 2% 3% 2% 3%;background-image:url("/assets/redesign/assets/paper-grain.svg"),linear-gradient(90deg,#ad7c3a80,#cba66440 3%,#f4e7c0 10%,#f4e7c0 87%,#cba66460 97%,#90632e70),radial-gradient(ellipse at 35% 0,#fffcdf,#e7ce96);box-shadow:inset 0 2px 2px #fff5d680,inset 0 -3px 5px #94693130,0 12px 16px -12px #2b190cc0;padding:38px 44px}
.ember .class-panel:before,.ember .class-panel:after{width:33px;top:-13px;bottom:-13px;border:1px solid #8c64366b;border-top:0;border-bottom:0;border-radius:48% 38% 40% 45% / 3% 3% 3% 3%;background-image:url("/assets/redesign/assets/paper-grain.svg"),linear-gradient(90deg,#745329 0%,#b18c53 7%,#ebd5a0 22%,#fff2c9 39%,#ead09a 59%,#b98e50 82%,#77552c 94%,#c4a36c);box-shadow:inset 0 3px 1px #674728,inset 0 6px 1px #e6ce9a,inset 0 -4px 2px #614520,4px 5px 8px #2a1a0c50}
.ember .class-panel:before{left:-13px;transform:rotate(-.35deg)}
.ember .class-panel:after{right:-13px;transform:rotate(.35deg)}
.ember .class-options button{background:transparent;border-bottom-color:#9e7b4140}
.ember .class-options button[aria-pressed=true]{background:#64482e;box-shadow:inset 0 0 0 1px #e1c39170,0 2px 4px #442c1820}
.ember .class-banner{min-height:530px}
.ember .class-banner[data-art=ranger]{background:#15271d;border-color:#61724e;color:#f4f2db}
.ember .class-banner[data-art=ranger]:before{background:linear-gradient(90deg,#10231ae8,#10231ab0 32%,#10231a05 68%)}
.ember .class-banner[data-art=ranger] .class-banner-art{object-position:center 30%}
.ember .class-banner[data-art=ranger] .banner-description{color:#dfebd1}
.ember .class-banner[data-art=ranger] .banner-story>.eyebrow{color:#cee0b1}
.ember .class-banner[data-art=ranger] .banner-story>.button{background:#dbe7b9;border-color:#e7f1d4;color:#253722}
.ember .class-banner .feature{width:500px;max-width:46%;min-height:220px;right:22px;bottom:22px;gap:20px;background:#fff4dc;color:#30251b;border:1px solid #d9c094;box-shadow:0 9px 32px #07120cb0;padding-right:23px}
.ember .class-banner .feature img{width:220px;height:220px;object-fit:cover;margin:0;align-self:stretch}
.ember .class-banner .feature h3{font-size:27px;line-height:1.1;margin:7px 0 12px}
.ember .class-banner .feature .price{font-size:21px;font-weight:600;color:#30251b}
.ember .class-banner .feature .eyebrow{font-size:10px;color:#695031}
.ember .class-banner .feature-arrow{position:absolute;right:12px;bottom:10px;font-size:22px}
.ember .sheets-banner{margin-top:18px;margin-bottom:65px}
.sheets-banner>img{object-position:center 53%}
.sheets-banner:after{background:linear-gradient(90deg,#211910f0,#211910df 34%,#211910b8 43%,#21191022 65%,transparent 76%)}
@media(max-width:1000px){.ember .class-banner{min-height:630px;align-items:flex-start}.ember .banner-story{padding-top:35px}.ember .class-banner .feature{max-width:490px;width:calc(100% - 44px)}.ember .class-banner .feature img{width:205px;height:205px}}
@media(max-width:600px){
 .ember .hero{min-height:690px}.ember .hero:after{height:125px;mask-size:auto 100%;mask-position:72% bottom}
 .ember .hero-art{background-position:77% center}.ember[data-hero=den] .hero-art{background-position:83% center}
 .ember .class-panel{width:calc(100% - 48px);margin:4px 24px 35px;padding:30px 20px 33px;background-image:url("/assets/redesign/assets/paper-grain.svg"),linear-gradient(180deg,#ad7c3a90,#e6ca9440 6%,#f4e7c0 15%,#f4e7c0 85%,#bb91585c 96%,#8a612d80);border-radius:2% 3% 2% 4% / 5% 4% 5% 4%}
 .ember .class-panel:before,.ember .class-panel:after{left:-10px;right:-10px;bottom:auto;width:auto;height:32px;border:1px solid #8c64366b;border-radius:3% 3% 3% 3% / 43% 43% 48% 48%;background-image:url("/assets/redesign/assets/paper-grain.svg"),linear-gradient(180deg,#745329,#b18c53 7%,#ebd5a0 22%,#fff2c9 39%,#ead09a 59%,#b98e50 82%,#77552c 94%,#c4a36c);box-shadow:inset 3px 0 1px #674728,inset 6px 0 1px #e6ce9a,inset -4px 0 2px #614520,3px 5px 8px #2a1a0c50}
 .ember .class-panel:before{top:-14px;transform:rotate(-.4deg)}.ember .class-panel:after{top:auto;bottom:-14px;transform:rotate(.4deg)}
 .ember .class-banner{min-height:825px;margin-top:55px}
 .ember .class-banner[data-art=ranger] .class-banner-art{object-position:80% center;mask-image:linear-gradient(#000 55%,#000b 72%,transparent 96%)}
 .ember .class-banner[data-art=ranger]:before{background:linear-gradient(180deg,#10231ad9,#10231aaa 29%,#10231a15 47%,#10231a55 65%,#15271d 92%)}
 .ember .banner-story{padding:30px 23px 0}
 .ember .class-banner .feature{display:grid;grid-template-columns:46% 1fr;left:12px;right:12px;bottom:20px;width:auto;max-width:none;min-height:185px;padding:0 13px 0 0;gap:14px}
 .ember .class-banner .feature img{width:100%;height:100%;min-height:195px;object-fit:cover}
 .ember .class-banner .feature h3{font-size:23px;margin:8px 0 10px}
 .ember .class-banner .feature .eyebrow{font-size:8px;letter-spacing:.08em}
 .ember .class-banner .feature .price{font-size:18px}
 .ember .sheets-banner{margin:12px 0 45px;min-height:620px}
 .sheets-banner>img{object-position:62% center}.sheets-banner:after{background:linear-gradient(0deg,#251e17fc,#251e17ed 36%,#251e1755 68%,transparent)}
}