/* Sculptural chess, warm metal and deep black. Artwork remains the focal point. */
.showcase-hexchess{--world-accent:#efcf93;--world-muted:#b7b1a7;overflow:clip}
.hex-opening{position:relative;background:#000}
.hex-opening-stage{position:relative;min-height:calc(100svh - 116px);min-height:max(710px,calc(100svh - 116px));isolation:isolate;display:flex;align-items:center}
.hex-opening-art{position:absolute;inset:0 0 0 29%;z-index:-2;display:flex;align-items:center;overflow:hidden}
.hex-opening-art img{width:100%;max-width:none;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 50px #000)}
.hex-opening-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 4%,#000d 24%,#0004 53%,transparent 75%),linear-gradient(0deg,#000,transparent 22%)}
.hex-opening-copy{padding-block:90px;position:relative}
.hex-opening h1{font-size:clamp(4.5rem,7.8vw,8.8rem);line-height:.96;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}
.hex-opening h1 em{font-style:normal;color:#e9d0aa}
.hex-opening-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.65;margin-bottom:32px;color:#c5c0b8}
.hex-opening .actions{align-items:flex-start;flex-direction:column;gap:24px}
.hex-opening .text-link{font-size:.95rem}
.hex-chapter{padding-block:80px 100px;scroll-margin-top:110px}
.hex-chapter>.guardia-reading-content{display:grid;grid-template-columns:1.3fr .85fr;align-items:center;gap:65px}
.hex-chapter figure{margin:0;min-width:0}
.hex-chapter figure img{width:100%;height:auto;object-fit:contain}
.hex-chapter h2{font-size:clamp(3rem,5vw,5.8rem);line-height:1.03;margin-bottom:28px}
.hex-chapter-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;max-width:480px;margin-bottom:28px}
.hex-shop .product-image{background:#080909}
.hex-shop .product-image img{object-fit:contain}
.hex-shop-more{text-align:center;padding-top:55px}
@media(max-width:1000px){.hex-opening-art{left:20%}.hex-opening h1{font-size:6rem}.hex-chapter>.guardia-reading-content{gap:35px}}
@media(max-width:760px){
 .hex-opening-stage{min-height:max(630px,calc(100svh - 109px));align-items:flex-end}
 .hex-opening-art{inset:0 -18% 35%;align-items:flex-start}
 .hex-opening-art img{width:100%;height:100%;object-fit:contain}
 .hex-opening-shade{background:linear-gradient(0deg,#000 8%,#000f 30%,#000b 47%,transparent 74%)}
 .hex-opening-copy{padding-block:240px 34px}
 .hex-opening h1{font-size:clamp(3.8rem,15vw,6rem);margin-bottom:25px}
 .hex-opening-copy>p:not(.eyebrow){font-size:1rem}
 .hex-opening .eyebrow{font-size:.8rem}
 .hex-chapter{padding-block:60px}
 .hex-chapter>.guardia-reading-content{grid-template-columns:1fr;gap:30px}
 .hex-chapter h2{font-size:clamp(3rem,11vw,4.5rem)}
 .hex-chapter-copy>p:not(.eyebrow){font-size:1rem}
}
.hex-collection-logo{width:min(510px,85%);height:auto;margin:20px auto 65px}
.hex-legends-logo{width:min(650px,90%);height:auto;max-height:260px;object-fit:contain;margin:10px auto 65px}
.hex-campaign-link{display:inline-flex;margin-top:28px;font-size:.95rem;color:var(--world-accent)}
.hex-legends-intro .guardia-reading-content>p:not(.eyebrow){max-width:530px;margin:30px auto 0;line-height:1.85;font-size:1.05rem}
.showcase-hexchess .landmark.is-motion .landmark-film{mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.showcase-hexchess .scene-panorama .showcase-still{object-position:62% 50%}
.showcase-hexchess #hexchess-royals .showcase-still{object-position:64% 50%}
.showcase-hexchess .layout-hexchess-sides .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.showcase-hexchess .layout-hexchess-sides .showcase-product-art{aspect-ratio:1.05;background:#030303}
.showcase-hexchess .layout-hexchess-sides .showcase-product-art img{object-fit:contain}
.hex-next{position:relative;scroll-margin-top:80px;background:#000}
.hex-next-stage{position:relative;isolation:isolate;min-height:max(850px,100svh);display:flex;align-items:flex-end}
.hex-next-art,.hex-next-shade{position:absolute;inset:0;z-index:-2}
.hex-next-art img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.hex-next-shade{z-index:-1;background:linear-gradient(90deg,#000e, #0008 36%,transparent 73%),linear-gradient(0deg,#000 1%,#0005 40%,transparent 65%,#000 100%)}
.hex-next-copy{padding-block:160px 110px}
.hex-next-copy h2{font-size:clamp(4.2rem,7vw,8rem);line-height:1.01;margin-bottom:30px}
.hex-next-copy>p:not(.eyebrow){max-width:440px;line-height:1.8;font-size:1.0625rem;color:#d0d1cd;margin-bottom:30px}
.hex-next-copy .hex-next-note{margin:20px 0 0!important;font-size:.875rem!important;color:#adada6!important}
@media(max-width:760px){
 .hex-collection-logo{margin-bottom:45px}
 .hex-legends-logo{margin-bottom:45px}
 .hex-legends-intro .guardia-reading-content>p:not(.eyebrow){font-size:1rem}
 .showcase-hexchess .layout-hexchess-sides .showcase-grid{gap:30px;grid-template-columns:1fr}
 .hex-next-stage{min-height:max(900px,110svh)}
 .hex-next-art{inset:0 -10% 31%}
 .hex-next-art img{object-fit:contain;object-position:center 15%}
 .hex-next-shade{background:linear-gradient(0deg,#000 5%,#000f 32%,#0009 53%,transparent 78%,#0009 100%)}
 .hex-next-copy{padding-block:390px 60px}
 .hex-next-copy h2{font-size:clamp(3.2rem,12vw,5.5rem)}
 .hex-next-copy>p:not(.eyebrow){font-size:1rem}
 .hex-next-copy .showcase-button{font-size:.875rem;padding-inline:20px}
 .hex-shop .section-heading h2{font-size:clamp(2.6rem,10vw,4rem)}
}
@media(prefers-reduced-motion:reduce){.showcase-hexchess .product-image img{transition:none}.showcase-hexchess .product-image:hover img{transform:none}}
/* Leave the full Royals lineup clear of the copy on wide screens. */
@media(min-width:761px){.showcase-hexchess #hexchess-royals .showcase-still{object-position:calc(64% + 9vw) 50%}}