/* Crimson Legend's gestural art and typography, with Atlas of Mists' structure. */
.hybrid{--paper:#edf0ef;--ink:#29353b;--muted:#59656a;--accent:#42627c;--line:#c1cbd1;--panel:#f7f8f5;--art:url("/assets/redesign/assets/mist-dice-hoard-brushwork-v2.png")}
.hybrid .site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.hybrid .hero{margin:20px 3% 0;min-height:660px;border:1px solid #c1cbd1;align-items:center}
.hybrid .hero-art{background-position:center 53%}
.hybrid .hero-copy{padding:40px 4% 80px;max-width:620px;background:none}
.hybrid .hero h1{font-size:clamp(62px,7vw,102px);letter-spacing:-.05em;line-height:1.02}
.hybrid .hero-subtitle{color:#35464f;font-size:34px}
.hybrid .hero:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf0eff5 0%,#edf0efec 22%,#edf0efcc 32%,#edf0ef4d 45%,transparent 59%)}
.hybrid .hero:after{height:22px}
.hybrid .hero-caption{right:3%;bottom:30px;background:#edf0efe8;color:#35464f;font-size:12px}
.hybrid .hero-caption>span{font-family:Cormorant,serif}
.hybrid .explore{left:4%;bottom:22px}
.hybrid .class-panel{max-width:none;margin:0 3%;padding:34px 3%;border:1px solid var(--line);border-top:0;background:#e6ebec;grid-template-columns:230px 1fr}
.hybrid .class-intro h2{font:38px/1.05 Cormorant,serif}
.hybrid .class-options{gap:0}
.hybrid .class-options button{border-left:1px solid #c1cbd1;min-height:70px}
.hybrid .class-options button>span{font-size:23px}
.hybrid .spotlight{margin-top:30px;border-bottom:1px solid var(--line)}
.hybrid .spotlight-label h2{font:39px/1.1 Cormorant,serif}
.hybrid .feature{background:#e4eaec}
.hybrid .feature h3{font:27px/1.1 Cormorant,serif}
.hybrid .section-heading{position:relative;border-bottom:1px solid #aeb9bb}
.hybrid .section-heading:after{content:'';position:absolute;bottom:-2px;left:0;width:85px;height:4px;background:var(--accent);clip-path:polygon(0 30%,97% 0,100% 55%,3% 100%)}
.hybrid .section-heading h2{font:46px/1.05 Cormorant,serif;color:#2d424c}
.hybrid .product-grid{gap:1px;background:var(--paper);border:1px solid var(--line)}
.hybrid .product-card{padding:14px;background:var(--panel)}
.hybrid .photo{aspect-ratio:4/5;clip-path:none}
.hybrid .item-index{display:block;position:absolute;top:0;left:0;background:#2d424cea;color:#fff;padding:5px 9px;font-size:11px;letter-spacing:.08em}
.hybrid .offer{bottom:12px;font-size:17px;clip-path:polygon(4% 0,100% 0,100% 100%,0 96%,3% 58%,0 28%)}
.hybrid .product-card h3{font:29px/1.05 Cormorant,serif}
.hybrid .product-copy{padding:19px 3px 4px}
.hybrid .product-class{color:#59666c}
.hybrid .adventure{border:8px solid var(--panel);outline:1px solid var(--line)}
.hybrid .stories{background:#e4eaec}
.hybrid footer{background:#273b45;color:#e9e8df}
.hybrid footer h3,.hybrid footer .eyebrow{color:#e9d2ba}
@media(min-width:1600px){.hybrid .hero{min-height:780px}.hybrid .hero-copy{padding-left:5%}}
@media(max-width:1150px){.hybrid .class-panel{grid-template-columns:1fr}.hybrid .class-intro>p:last-child{max-width:none}}
@media(max-width:900px){.hybrid .hero{min-height:610px}.hybrid .hero h1{font-size:72px}.hybrid .product-card h3{font-size:28px}}
@media(max-width:600px){
 .hybrid .hero{margin:12px 3% 0;min-height:800px;display:block;background:#edf0ef}
 .hybrid .hero-copy{padding:25px 6% 0;max-width:none;width:100%;background:none}
 .hybrid .hero h1{font-size:62px;margin:18px 0 15px;line-height:.98}
 .hybrid .hero .eyebrow{font-size:9px}
 .hybrid .ink-mark{width:120px;margin-top:13px;height:8px}
 .hybrid .hero-subtitle{font-size:27px;line-height:1.08}
 .hybrid .hero-subtitle br{display:none}
 .hybrid .hero-actions{margin-top:19px;gap:17px}
 .hybrid .hero-art{inset:350px 0 0;background-size:auto 100%;background-position:80% center;mask-image:linear-gradient(180deg,transparent,#000 15%)}
 .hybrid .hero:before{display:none}
 .hybrid .hero:after{height:20px}
 .hybrid .explore{bottom:22px;left:6%;padding:3px 9px;background:#edf0efe8}
 .hybrid .class-panel{padding:28px 4%}
 .hybrid .class-intro h2{font-size:36px}
 .hybrid .class-options{gap:3px}
 .hybrid .class-options button{min-height:70px}
 .hybrid .spotlight-label h2{font-size:32px}
 .hybrid .feature h3{font-size:24px}
 .hybrid .section-heading h2{font-size:32px}
 .hybrid .product-card{padding:8px}
 .hybrid .photo{aspect-ratio:1}
 .hybrid .product-card h3{font-size:25px}
 .hybrid .product-copy{padding:14px 2px 3px}
 .hybrid .offer{font-size:14px;bottom:8px;padding:6px 8px}
 .hybrid .adventure{border-width:5px}
 .hybrid .design-dock>a:first-child:after{content:'All'}
}

/* V2: Atlas of Mists colour palette; gestural artwork remains the focus. */
.hybrid .hero h1 span{color:#395970}.hybrid .ink-mark{background:#42627c}.hybrid .view{border-bottom-color:#42627c80}