/* First Halouine banner and colours; new illustrated sections only. */
.hv-home {overflow:clip;background:#17151f}
.hv-shell {width:calc(100% - 80px);max-width:1260px;margin-inline:auto}
.hv-home :is(a,a:hover) {text-decoration:none}
.hv-kicker {font:700 10px/1.6 'Trebuchet MS',sans-serif;letter-spacing:.2em;color:#ce9d77;margin:0 0 13px;text-transform:uppercase}
.hv-actions {display:flex;gap:24px;align-items:center;flex-wrap:wrap}
body.halouine-hybrid .hv-button {display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 23px;background:#edaa45;color:#51331c;border:1px solid #f7d58e;box-shadow:0 3px #80512a;font:700 14px/1.2 'Trebuchet MS',sans-serif;transition:background .2s,transform .2s}
body.halouine-hybrid .hv-button:hover {background:#ffd48b;color:#51331c;transform:translateY(-2px)}
.hv-button span {font-size:21px;font-weight:400}
body.halouine-hybrid .hv-text-link {color:#ead6c0;font-size:12px;display:inline-flex;gap:19px;align-items:center;line-height:1.7}
body.halouine-hybrid .hv-text-link:hover {color:#ffc888}
.hv-text-link span {color:#f2bb7a;font-size:20px}
.hv-quickbar {border-block:1px solid #584252;background:#252130}
.hv-quickbar>.hv-shell {display:grid;grid-template-columns:180px repeat(3,minmax(0,1fr));align-items:stretch}
.hv-quickbar .hv-shell>span {align-self:center;font-size:9px;font-weight:700;letter-spacing:.17em;color:#ce9d77}
body.halouine-hybrid .hv-quickbar a {padding:22px 24px;border-left:1px solid #604654;display:flex;align-items:center;gap:15px;color:#e6cfb7;font-size:12px}
.hv-quickbar a b {font:italic 18px Georgia,serif;color:#edba7b}
.hv-quickbar a i {margin-left:auto;font-size:20px;font-style:normal;color:#c9b5c4}
.hv-quickbar a:hover {background:#3c2b36}
.hv-alerts:empty {display:none}
.hv-discover {padding-block:49px}
.hv-section-top {display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.hv-section-top .hv-kicker {margin-bottom:8px}
.hv-home h2 {font-size:37px;line-height:1.15;letter-spacing:-.035em;margin:0}
.hv-explore-grid {display:grid;grid-template-columns:1.18fr 1fr;gap:25px}
.hv-feature {position:relative;min-height:416px;isolation:isolate;overflow:hidden;border:1px solid #896242;display:flex;align-items:end}
.hv-feature>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;z-index:-2;transition:transform .5s}
.hv-feature::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#17121ef5,#211d2b66 60%,transparent)}
.hv-feature>div {padding:30px;max-width:470px}
.hv-tag {font:700 9px/1.5 'Trebuchet MS',sans-serif;letter-spacing:.17em;color:#efb775}
.hv-feature .hv-tag {display:inline-block;border:1px solid #c18d5470;padding:5px 9px;background:#211d2b9c;color:#ffd695}
.hv-home h3 {font-size:27px;line-height:1.2;margin:11px 0 10px}
.hv-feature p {font-size:12px;line-height:1.75;color:#c8b7c4;margin:0 0 18px;max-width:345px}
.hv-card-link {font-size:12px;color:#ffc888;display:flex;gap:25px;align-items:center}
.hv-card-link b {font-weight:400;font-size:22px}
.hv-feature:hover>img {transform:scale(1.025)}
.hv-guide-stack {display:grid;grid-template-rows:repeat(3,1fr)}
body.halouine-hybrid .hv-guide-stack>a {display:grid;grid-template-columns:37px 1fr 20px;gap:18px;padding:22px 18px;border-top:1px solid #654a4f;color:#f1e4d2;align-items:start;background:linear-gradient(90deg,#2b2432,#201c29)}
.hv-guide-stack>a:last-child {border-bottom:1px solid #654a4f}
.hv-guide-stack>a:hover {background:#382a36}
.hv-guide-number {font:italic 28px Georgia,serif;color:#bf986e;line-height:1.2}
.hv-guide-stack h3 {font-size:23px;margin:5px 0 7px}
.hv-guide-stack p {font-size:12px;line-height:1.65;color:#bdadba;margin:0;max-width:320px}
.hv-guide-stack b {font-size:20px;font-weight:400;color:#efb775;align-self:center}
.hv-journal {padding-block:35px;background:#241e2e;border-block:1px solid #59424b}
.hv-journal-grid {display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:stretch}
.hv-workshop {position:relative;min-height:410px;isolation:isolate;overflow:hidden}
.hv-workshop>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;z-index:-2}
.hv-workshop::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#17121efa,transparent 85%)}
.hv-workshop>div {position:absolute;bottom:24px;left:26px;right:20px}
.hv-workshop h2 {font-size:35px;margin:9px 0 15px}
.hv-news-list {display:grid;grid-template-rows:auto auto 1fr;align-content:start}
body.halouine-hybrid .hv-news-item {padding:22px 0;border-bottom:1px solid #624856;color:#f1e4d2;display:block}
.hv-news-item:first-child {padding-top:6px}
.hv-news-item time {display:block;font-size:10px;letter-spacing:.04em;color:#c5b2c2}
.hv-news-item h3 {font-size:25px;margin:9px 0 13px}
.hv-news-item>span {font-size:11px;color:#efbd81;display:flex;gap:30px}
.hv-news-item>span b {font-weight:400;font-size:17px}
.hv-community-links {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;align-self:center}
body.halouine-hybrid .hv-community-links>a {display:flex;gap:12px;color:#f1e4d2;align-items:start}
.hv-community-links>a>span {font-size:24px;color:#efb775;line-height:1}
.hv-community-links strong {font-size:13px;display:block;margin-bottom:6px;color:#f1e4d2}
.hv-community-links small {font-size:10px;line-height:1.6;display:block;color:#bdadba}
.hv-community-links b {font-weight:400;color:#efb775}
.hv-last-call {display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:37px}
.hv-last-call h2 {font-size:30px}
.hv-last-call .hv-kicker {margin-bottom:9px;font-size:9px}
body.halouine-hybrid .hv-library {grid-template-columns:minmax(0,1fr) 285px;gap:30px}
body.halouine-hybrid .hv-library>.pr-side {grid-column:2;grid-row:1}
body.halouine-hybrid .hv-library>div {grid-column:1;grid-row:1}
.hv-library-categories {columns:2;column-gap:22px}
body.halouine-hybrid .hv-library-categories .pr-guide-category {margin:0 0 24px;break-inside:avoid}
body.halouine-hybrid .hv-library-categories .pr-guide-category h2 {font-size:25px;margin-bottom:12px}
body.halouine-hybrid .hv-library-categories .pr-guide-category h2 i {display:none}
body.halouine-hybrid .hv-library-categories .pr-guide-list a {padding-block:15px}
body.halouine-hybrid .hv-library-categories .pr-guide-list a strong {font-size:14px}
body.halouine-hybrid .hv-library-categories .pr-guide-list a small {font-size:11px;line-height:1.6}
body.halouine-hybrid .hv-library>.pr-side {padding:0 20px 20px;overflow:hidden}
.hv-library>.pr-side::before {content:'';display:block;height:175px;margin:0 -20px 20px;background:linear-gradient(0deg,#252130,transparent 65%),url('../img/halouine-v3/chapeau-retro.png') center/cover}
@media(max-width:1000px) {
.hv-shell {width:calc(100% - 48px)}
.hv-actions {gap:18px}
.hv-quickbar>.hv-shell {grid-template-columns:repeat(3,1fr)}
.hv-quickbar .hv-shell>span {display:none}
body.halouine-hybrid .hv-quickbar a {padding:19px 15px;gap:9px;font-size:11px}
.hv-explore-grid {grid-template-columns:1fr 1fr;gap:18px}
.hv-guide-stack>a {gap:12px}
.hv-section-top {align-items:start}
.hv-section-top>.hv-text-link {max-width:180px;flex-shrink:0}
.hv-home h2 {font-size:32px}
.hv-feature>div {padding:23px}
.hv-guide-stack h3 {font-size:21px}
.hv-journal-grid {gap:25px}
.hv-community-links {grid-template-columns:1fr;gap:16px}
.hv-last-call h2 {font-size:25px}
body.halouine-hybrid .hv-library {grid-template-columns:minmax(0,1fr) 240px;gap:20px}
.hv-library-categories {columns:1}
}
@media(max-width:700px) {
.hv-shell {width:calc(100% - 36px)}
.hv-kicker {font-size:9px;letter-spacing:.15em}
.hv-actions {gap:19px}
body.halouine-hybrid .hv-button {padding:15px 20px;font-size:13px}
body.halouine-hybrid .hv-text-link {font-size:11px}
.hv-quickbar>.hv-shell {width:100%;grid-template-columns:1fr}
body.halouine-hybrid .hv-quickbar a {padding:14px 22px;border-left:0;border-bottom:1px solid #604654;gap:18px;font-size:12px}
.hv-quickbar a:last-child {border:0}
.hv-discover {padding-block:30px}
.hv-section-top {display:block;margin-bottom:20px}
.hv-section-top>.hv-text-link {max-width:none;margin-top:12px}
.hv-home h2 {font-size:29px}
.hv-explore-grid {grid-template-columns:1fr;gap:22px}
.hv-feature {min-height:360px}
.hv-feature>div {padding:24px}
.hv-guide-stack h3 {font-size:23px}
body.halouine-hybrid .hv-guide-stack>a {padding:20px 14px}
.hv-journal {padding-block:22px}
.hv-journal-grid {grid-template-columns:1fr;gap:25px}
.hv-workshop {min-height:330px}
.hv-workshop h2 {font-size:32px}
.hv-news-item h3 {font-size:25px}
.hv-community-links {padding:22px 0 7px}
.hv-last-call {padding-block:28px;display:block}
.hv-last-call h2 {font-size:27px;line-height:1.2;margin-bottom:22px}
body.halouine-hybrid .hv-library {grid-template-columns:1fr}
body.halouine-hybrid .hv-library>.pr-side {padding:20px}
body.halouine-hybrid .hv-library>.pr-side {grid-column:1;grid-row:1}
body.halouine-hybrid .hv-library>div {grid-column:1;grid-row:2}
.hv-library>.pr-side::before {display:none}
.hv-library-categories {columns:1}
}
/* Match the retained section geometry to the original warm Halouine surfaces. */
.halouine-hybrid .hv-quickbar {box-shadow:inset 0 1px #f5d7a210}
body.halouine-hybrid .hv-button {background:linear-gradient(#ffda86,#edaa45 75%,#d68a2d);border-color:#a66a2d;border-top-color:#f7d58e;box-shadow:inset 0 2px #ffedbd,0 4px #80512a;color:#51331c;border-radius:8px}
.halouine-hybrid :is(.hv-feature,.hv-workshop) {border-radius:14px}
.halouine-hybrid .hv-guide-stack {border-radius:12px;overflow:hidden}
.halouine-hybrid .hv-feature>img {object-position:76% center}
.halouine-hybrid .hv-workshop {display:flex;flex-direction:column;min-height:0;background:#211d2b;border:1px solid #59424b}
.halouine-hybrid .hv-workshop>img {position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;aspect-ratio:1672/940;object-fit:contain;object-position:center}
.halouine-hybrid .hv-workshop::after {display:none}
.halouine-hybrid .hv-workshop>div {position:static;padding:21px 25px 24px}
.halouine-hybrid .hv-workshop h2 {font-size:32px}
.halouine-hybrid .hv-last-call {position:relative;isolation:isolate;overflow:hidden;min-height:235px;margin-block:25px;padding:30px;border:1px solid #896242;border-radius:14px;background:#211a2d;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:19px}
.halouine-hybrid .hv-last-art {position:absolute;inset:0 0 0 auto;width:auto;max-width:70%;height:100%;object-fit:contain;object-position:right center;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.halouine-hybrid .hv-last-call::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#211a2df2 10%,#211a2dc9 43%,#211a2d00 80%)}
.halouine-hybrid .hv-last-call>div {max-width:55%}
.halouine-hybrid .hv-last-call>.hv-button {position:relative;margin:0;flex-shrink:0}
.halouine-hybrid .hv-last-call h2 {text-shadow:0 2px 8px #15101f}
.halouine-hybrid .hv-library>.pr-side::before {border-radius:9px 9px 0 0}
.halouine-hybrid .pr-gate-story {background:linear-gradient(120deg,#382335e6,#2a2032d9),url('../img/halouine-v2/clairiere.png') 70% center/cover}
.halouine-hybrid :is(.pr-gate-character,.pr-gate-creature) {display:none}
@media(max-width:1000px){
 .halouine-hybrid .hv-last-call {min-height:250px;gap:19px}
 .halouine-hybrid .hv-last-call>div {max-width:53%}
}
@media(max-width:700px){
 .halouine-hybrid .hv-last-call {padding:190px 23px 27px;min-height:0;gap:17px}
 .halouine-hybrid .hv-last-call>div {max-width:100%}
 .halouine-hybrid .hv-last-call h2 {margin-bottom:0}
 .halouine-hybrid .hv-last-call>.hv-button {margin:0}
 .halouine-hybrid .hv-last-call::before {background:linear-gradient(0deg,#211a2d 40%,#211a2d00 66%)}
 .halouine-hybrid .hv-last-art {width:100%;max-width:none;height:200px;object-fit:cover;object-position:80% center;mask-image:none}
}

/* Keep the live server status from the ordinary home page. */
.hv-news-list .cv-server-list{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 14px}.hv-news-list .cv-server-list p{display:flex;gap:8px;align-items:center;margin:0;font-size:12px}.hv-news-list .cv-server-list small{color:#bdadba}.hv-news-list .cv-server-list .pw-status-dot{flex-shrink:0}