/**
 * Base reset for sections ported from the Claude Design export.
 *
 * Copied from the <style> head of DESIGN/ImmerShift Home.dc.html, not guessed.
 * Partials carry only their inline styles, so without this they fall back to
 * browser defaults on WordPress. Scoped to .ims-ds, the wrapper that
 * ims_design_section() prints, so nothing outside a ported section changes.
 * Inline styles still win, exactly as they do in the design.
 */
body .ims-ds {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #5D5D63;
	-webkit-font-smoothing: antialiased;
}
body .ims-ds,
body .ims-ds *,
body .ims-ds *::before,
body .ims-ds *::after { box-sizing: border-box; }
body .ims-ds p { margin: 0; text-wrap: pretty; }
body .ims-ds :is(h1, h2, h3, h4, h5, h6) {
	font-family: 'Poppins', sans-serif;
	color: #000975;
	margin: 0;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: normal;
}

/*
 * Buttons and links. The design's hover states are instant swaps (the port
 * tool hoists each style-hover to a :hover rule). Liko eases every button state
 * over 0.3s (liko-core.css: .tp-btn-black-2 { transition: 0.3s }). Transform is
 * deliberately left out: GSAP owns it for the magnetic pull.
 */
body .ims-ds a,
body .ims-ds button {
	transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
body .ims-ds a svg,
body .ims-ds a svg path {
	transition: fill .3s ease, stroke .3s ease, color .3s ease;
}

/*
 * The Let's talk badge. Liko spins the badge behind a round button while it is
 * hovered (liko-core.css: .tp-btn-zikzak-sm:hover span .svg-bg
 * { animation: rotate2 10s linear infinite }). In the design the badge is the
 * link's first child SVG.
 */
@keyframes ims-badge-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
body .ims-ds #contact a:hover > svg:first-child {
	animation: ims-badge-spin 10s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
	body .ims-ds #contact a:hover > svg:first-child { animation: none; }
}