[data-view=home]{grid-template-rows:auto auto auto;grid-template-columns:repeat(12,1fr);align-items:start;gap:18px;display:grid}[data-view=home] .hero{grid-area:1/1/auto/9;grid-template-columns:1fr 1.3fr;min-height:350px;display:grid;position:relative}[data-view=home] .hero__copy{z-index:1;align-content:center;gap:18px;padding:20px 0 20px 8px;display:grid}[data-view=home] .hero__title{letter-spacing:.02em;font-size:clamp(40px,3.6vw,56px);line-height:.98}[data-view=home] .hero__line{align-items:center;gap:14px;display:flex}[data-view=home] .hero__body{max-width:32ch;font-size:15px}[data-view=home] .hero__copy .btn{justify-self:start}[data-view=home] .hero__art{z-index:0;position:absolute;inset:0 0 0 28%;overflow:hidden}[data-view=home] .hero__art img{object-fit:cover;object-position:30% 20%;width:100%;height:100%}[data-view=home] .hero__art:after{content:"";background:linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 60%, transparent) 22%, transparent 48%), linear-gradient(0deg, color-mix(in srgb, var(--bg) 85%, transparent), transparent 35%);position:absolute;inset:0}[data-view=home] .hero__chip{--c:8px;z-index:1;background:color-mix(in srgb, var(--bg) 85%, transparent);box-shadow:inset 0 0 0 1px var(--line-2);align-items:center;gap:10px;padding:8px 14px;font-size:13px;line-height:1.2;display:flex;position:absolute;bottom:10%;left:13%}[data-view=home] .hero__quote{z-index:1;max-width:14ch;color:var(--text);font-size:16px;font-style:italic;line-height:1.4;position:absolute;top:28px;right:28px}[data-view=home] .stats{grid-area:1/9/auto/13}[data-view=home] .stats__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}[data-view=home] .path{grid-area:2/1/auto/9;justify-content:center;align-self:stretch}[data-view=home] .path__list{justify-content:space-between;gap:8px;padding:10px 12px 4px;display:flex}[data-view=home] .path__stage{flex:1;justify-items:center;gap:10px;display:grid;position:relative}[data-view=home] .path__name{letter-spacing:.12em;font-size:15px}[data-view=home] .path__stage--in-progress .path__name{color:var(--butter)}[data-view=home] .path__stage--locked .path__name{color:var(--muted)}[data-view=home] .path__link{background:var(--line-2);width:calc(100% - 80px);height:2px;position:absolute;top:31px;left:calc(50% + 40px)}[data-view=home] .path__link:after{content:"";border:5px solid #0000;border-left-color:var(--line-2);position:absolute;top:-4px;right:-3px}[data-view=home] .path__stage--completed .path__link{background:var(--good)}[data-view=home] .path__stage--completed .path__link:after{border-left-color:var(--good)}[data-view=home] .next{grid-area:2/9/auto/13}[data-view=home] .next__row{align-items:center;gap:12px;line-height:1.25;display:flex}[data-view=home] .next__title{letter-spacing:.04em;font-size:17px}[data-view=home] .next__sub{font-size:13px}[data-view=home] .next__meta{align-items:center;gap:10px;font-size:13px;display:flex}[data-view=home] .next__cta{width:100%}[data-view=home] .prog{grid-area:3/1/auto/5}[data-view=home] .prog__row{align-items:center;gap:20px;display:flex}[data-view=home] .prog__ring{align-items:center;gap:12px;font-size:13px;line-height:1.3;display:flex}[data-view=home] .prog__counts{flex:1;display:flex}[data-view=home] .prog__counts>div{text-align:center;border-inline-start:1px solid var(--line);flex:1;justify-items:center;gap:6px;padding:0 6px;font-size:11px;display:grid}[data-view=home] .prog__counts .num{font-size:18px}[data-view=home] .prog__counts small{font:500 12px var(--font);color:var(--muted)}[data-view=home] .arenas{grid-area:3/5/auto/10}[data-view=home] .arenas__row{align-items:center;gap:10px;display:flex}[data-view=home] .arena{flex:1;gap:2px;min-width:0;font-size:12px;text-decoration:none;display:grid}[data-view=home] .arena .art{margin-bottom:6px}[data-view=home] .arena b{letter-spacing:.06em;font-size:13px}[data-view=home] .promo{min-height:170px;box-shadow:inset 0 0 0 1px var(--line-2);grid-area:3/10/auto/13;align-content:end;align-self:stretch;gap:6px;padding:20px;display:grid;overflow:hidden}[data-view=home] .promo__art{object-fit:cover;opacity:.75;z-index:-1;width:100%;height:100%;position:absolute;inset:0}[data-view=home] .promo:after{content:"";z-index:-1;background:linear-gradient(0deg, color-mix(in srgb, var(--bg) 90%, transparent), transparent 70%);position:absolute;inset:0}[data-view=home] .promo__words{letter-spacing:.3em;color:var(--good);font-size:11px;position:absolute;top:18px;left:20px}[data-view=home] .promo__mark{color:var(--good);position:absolute;top:44px;right:20px}[data-view=home] .promo__line{max-width:14ch;font-size:15px;line-height:1.3}@media (max-width:1100px){[data-view=home]>*{grid-area:auto/1/auto/-1!important}[data-view=home] .hero{grid-template-columns:1fr}[data-view=home] .hero__art{order:-1;min-height:240px;position:relative;inset:auto}}@media (max-width:600px){[data-view=home] .stats__grid{grid-template-columns:minmax(0,1fr)}[data-view=home] .path__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;padding-inline:0;display:grid}[data-view=home] .path__link{display:none}[data-view=home] .prog__row{flex-wrap:wrap}[data-view=home] .hero__quote{font-size:14px;top:16px;right:16px}}
