/* BWOMAN: a gold art-deco fan and sunburst drawing itself, tier by tier, in one continuous line on deep plum. */
.ns-sig--deco { --sig-bg: #2a1527; --sig-fg: #fbf3df; --h: clamp(35rem, 86svh, 51rem); min-height: var(--h); align-items: end; padding-block: 0 clamp(1.6rem, 4.5vh, 3rem); }
.ns-sig--deco .ns-sig__inner { justify-items: center; text-align: center; gap: .3rem; }
.ns-sig--deco .ns-sig__title { font-size: clamp(3.4rem, 8.6vw, 7.6rem); font-weight: 400; line-height: 1.02; letter-spacing: .13em; margin-inline-end: -.13em; color: #ecd17c; background: linear-gradient(#fff3bf 12%, #d4af37 48%, #9a7616 56%, #f4dc86 78%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ns-sig--deco .ns-sig__tagline { max-width: none; font-size: clamp(1.1rem, 2vw, 1.55rem); letter-spacing: .02em; }

.dc-s { position: absolute; left: 50%; bottom: 0; height: var(--h); aspect-ratio: 1440 / 760; translate: -50% 0; overflow: visible; fill: none; stroke: url(#dg); stroke-linejoin: round; }
.dc-s .m { transform: scale(-1, 1); }
.dc-sky { stroke: #3a1a42; animation: dc-fade 1.6s .2s both; }
.dc-pan { stroke: #54214f; animation: dc-fade 1.4s 2.6s both; }
/* the pen: every tier is one line, both halves share the wrapper's animated offset */
.dc-l { stroke-width: var(--w); stroke-linecap: round; stroke-dasharray: 1; animation: dc-draw var(--t) var(--d) cubic-bezier(.45, .05, .3, 1) both; }
.dc-st { fill: url(#dg); stroke: none; animation: dc-fade .9s 3.2s both; }
.dc-p { fill: none; stroke: url(#dg); stroke-width: 5; stroke-linecap: round; stroke-dasharray: 0 15.8; }
.dc-q { stroke-width: 7; stroke-dasharray: 0 22; }
.dc-sun { fill: url(#dg); stroke: none; animation: dc-rise .9s cubic-bezier(.2, .8, .2, 1) both; transform-origin: 0 0; }
.dc-sr { stroke: #2a1527; stroke-width: 1.6; }
/* after the drawing: a spark runs along the gold, slowly, from the hinge outward */
.dc-gl { stroke: #fff8d6; stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: .009 .991; opacity: 0; animation: dc-run 13s 4.6s linear infinite; }
@keyframes dc-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes dc-run { from { stroke-dashoffset: 1; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes dc-fade { from { opacity: 0; } }
@keyframes dc-rise { from { transform: scale(0); } }

@media (max-width: 767px) {
	.ns-sig--deco { --h: 31rem; }
	.ns-sig--deco { padding-block-end: 3.5rem; }
	.dc-s { height: auto; width: 200vw; bottom: 3.4rem; }
	.ns-sig--deco .ns-sig__title { font-size: clamp(3rem, 15.5vw, 5rem); }
	.ns-sig--deco .ns-sig__tagline { font-size: 1.15rem; }
}

/* touches: a small half-sun beside section titles, a gold hairline stepping in under a card on hover, a stepped rule over the footer */
body.ns-sig-deco .ns-cat-block__head .ns-section-title::before { content: ""; display: inline-block; width: 1em; height: .5em; margin-inline-end: .45em; border-radius: 1em 1em 0 0; background: repeating-conic-gradient(from -90deg at 50% 100%, #c9a227 0 12deg, transparent 0 22.5deg); }
body.ns-sig-deco .ns-fc { background-image: linear-gradient(#c9a227, #c9a227); background-size: 0 2px; background-position: 50% 100%; background-repeat: no-repeat; transition: background-size .35s; }
body.ns-sig-deco .ns-fc:hover { background-size: 100% 2px; }
body.ns-sig-deco .ns-footer { border-block-start: 3px double #c9a227; }