/* הייד פארק: the network's strongest site opens on a whole crossword sheet solving itself, tilted in space and answering the mouse. The name is set in amber squares. */
.ns-sig--xword { --sig-bg: #0a2a20; --sig-fg: #fff; min-height: clamp(36rem, 88svh, 54rem); }
.xw-sheet { position: absolute; inset-block: -8%; inset-inline: auto -7%; width: 68%; display: grid; place-items: center; perspective: 1500px; }
.xw-grid { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 3px; width: 100%; padding: 3px; background: #06201a; box-shadow: 0 40px 80px -30px #000; transform: rotateY(calc(16deg + (var(--mx) - .5) * -9deg)) rotateX(calc(9deg + (var(--my) - .5) * 7deg)) rotateZ(-4deg); transition: transform .5s ease-out; }
.xw-grid b { aspect-ratio: 1; background: #0f3d2e; }
.xw-grid i { aspect-ratio: 1; display: grid; place-items: center; background: #f6f3e7; color: #0f3d2e; font: 700 clamp(.9rem, 2.1vw, 2rem) / 1 var(--ns-font-heading); animation: xw-type .4s calc(var(--d) * 95ms + .35s) cubic-bezier(.2, 1.6, .4, 1) both; }
.xw-grid i:nth-child(23n + 5) { background: #ffb000; }
@keyframes xw-type { from { color: transparent; transform: scale(.7); } }
.ns-sig--xword .ns-sig__inner { gap: 1.05rem; grid-template-columns: minmax(0, 40rem); }
.ns-sig--xword .ns-sig__title { font-size: clamp(2.5rem, 5.8vw, 5.2rem); line-height: 1; display: block; font-weight: 900; }
.ns-sig--xword .ns-sig__word { display: inline-flex; gap: .06em; margin-block-end: .08em; }
.ns-sig--xword .ns-sig__ch { display: grid; place-items: center; width: 1.14em; height: 1.14em; color: #0a2a20; background: #ffb000; box-shadow: 0 .06em 0 #b77c00; animation: xw-tile .7s calc(var(--i) * 70ms) cubic-bezier(.2, 1.3, .4, 1) both; }
.ns-sig--xword .ns-sig__ch:nth-child(even) { background: #ffc233; }
@keyframes xw-tile { from { transform: translateY(-.25em) scale(.82); } }
.ns-sig--xword .ns-sig__tagline { font-size: clamp(1.25rem, 2.4vw, 1.75rem); }
.ns-sig--xword .ns-sig__search button { color: #0a2a20; background: #ffb000; }
.ns-sig--xword .ns-sig__topics a { border-color: #ffb000; }
.ns-sig--xword .ns-sig__topics a:hover { color: #0a2a20; background: #ffb000; border-color: #ffb000; }
.ns-sig--xword .ns-sig__stats b { color: #ffc233; }
@media (max-width: 1023px) {
	.ns-sig--xword { align-items: start; min-height: 40rem; }
	.xw-sheet { width: 150%; inset-inline: -25%; inset-block: auto -18%; height: 46%; align-items: start; -webkit-mask-image: linear-gradient(transparent, #000 34%); mask-image: linear-gradient(transparent, #000 34%); }
	.ns-sig--xword .ns-sig__inner { padding-block-end: 10rem; }
	.ns-sig--xword .ns-sig__title { font-size: clamp(2.1rem, 10.4vw, 4.4rem); }
}

/* ---- touches: squares carry through ---- */
body.ns-sig-xword .ns-cat-block__head .ns-section-title a::before { content: ""; display: inline-block; width: .7em; height: .7em; margin-inline-end: .4em; background: linear-gradient(90deg, #ffb000 50%, #0f3d2e 0) 0 0 / 100% 50%, linear-gradient(90deg, #0f3d2e 50%, #ffb000 0) 0 100% / 100% 50%; background-repeat: no-repeat; outline: 1px solid #0f3d2e; }
body.ns-sig-xword .ns-topic { border-radius: 0; border: 2px solid #0f3d2e; box-shadow: 5px 5px 0 #0f3d2e; }
body.ns-sig-xword .ns-topic:hover { box-shadow: 5px 5px 0 #ffb000; }