/**
 * Infinite Impulses — brand CSS for classic WordPress theme.
 */

/* ——— Design tokens ——— */
:root {
	--ii-cream:    #f5f0e8;
	--ii-ink:      #1a1a1a;
	--ii-muted:    #444444;
	--ii-pink:     #e4b4be;
	--ii-peach:    #e9c3a4;
	--ii-mint:     #aed4c4;
	--ii-lavender: #c2b0d0;

	--ii-font-serif:  "Playfair Display", Georgia, "Times New Roman", serif;
	--ii-font-sans:   "DM Sans", system-ui, -apple-system, sans-serif;
	--ii-font-script: "Great Vibes", cursive;

	--ii-space-20: 0.5rem;
	--ii-space-30: 0.75rem;
	--ii-space-40: 1rem;
	--ii-space-50: 1.5rem;
	--ii-space-60: 2rem;
	--ii-space-70: 3rem;
	--ii-space-80: 4rem;

	--ii-layout-wide:    1200px;
	--ii-layout-content: 720px;

	--ii-ink-texture: url( "data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E" );
}

/* ——— Base ——— */
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var( --ii-font-sans );
	font-size: clamp( 0.95rem, 0.35vw + 0.92rem, 1.1rem );
	line-height: 1.6;
	color: var( --ii-ink );
	background-color: var( --ii-cream );
	background-image:
		var( --ii-ink-texture ),
		url( "data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E" );
}

/* ——— Utilities ——— */
.screen-reader-text {
	position: absolute;
	width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect( 0, 0, 0, 0 );
	white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
	clip: auto; height: auto; overflow: auto;
	position: fixed; width: auto;
	top: 0.5rem; left: 0.5rem; z-index: 9999;
	padding: 0.5rem 1rem;
	background: #fff; color: #000;
	text-decoration: none; border-radius: 2px;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.3 );
}

.ii-full    { width: 100%; margin-left: auto; margin-right: auto; }
.ii-wide    { max-width: var( --ii-layout-wide ); margin-left: auto; margin-right: auto; padding-left: var( --ii-space-50 ); padding-right: var( --ii-space-50 ); }
.ii-bg-cream { background-color: var( --ii-cream ); }
.ii-bg-ink   { background-color: var( --ii-ink ); }
.ii-text-cream { color: #faf6f0; }
.ii-text-ink   { color: var( --ii-ink ); }
.ii-text-muted { color: var( --ii-muted ); }
.ii-text-pink  { color: var( --ii-pink ); }
.ii-text-peach { color: var( --ii-peach ); }
.ii-text-center { text-align: center; }
.ii-text-left   { text-align: left; }
.ii-font-serif  { font-family: var( --ii-font-serif ); }
.ii-font-sans   { font-family: var( --ii-font-sans ); }
.ii-font-script { font-family: var( --ii-font-script ); }
.ii-pink-heart  { color: var( --ii-pink ); }

/* ——— Announcement bar ——— */
.ii-announcement {
	padding: 0.35rem var( --ii-space-50 );
	font-size: clamp( 0.7rem, 0.75vw + 0.65rem, 0.85rem );
}
.ii-announcement p {
	margin: 0;
	font-weight: 600;
	letter-spacing: 0.25em;
	line-height: 1.4;
}

/* ——— Site header ——— */
.ii-site-header {
	padding-top: 0.65rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba( 26, 26, 26, 0.12 );
}

@media ( min-width: 782px ) {
	.ii-header-grid {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		gap: 0.75rem;
		width: 100%;
	}
}
@media ( max-width: 781px ) {
	.ii-header-grid {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}
	.ii-header-left,
	.ii-header-right { width: 100%; justify-content: center; }
}

/* ——— Primary nav ——— */
.ii-nav__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --ii-space-50 );
	list-style: none;
	margin: 0; padding: 0;
	font-size: clamp( 0.7rem, 0.75vw + 0.65rem, 0.85rem );
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.ii-nav__item { position: relative; list-style: none; }
.ii-nav__link { display: inline-block; text-decoration: none; color: inherit; padding: 0.25rem 0; font-weight: 600; }
.ii-nav__item--sub > .ii-nav__link { cursor: default; }

.ii-nav__dropdown {
	position: absolute; left: 50%; transform: translateX( -50% );
	top: calc( 100% + 0.35rem ); min-width: 12rem;
	list-style: none; margin: 0; padding: 0.25rem 0; z-index: 40;
	opacity: 0; visibility: hidden; pointer-events: none;
	transition: opacity 0.15s ease, visibility 0.15s ease;
	background-color: var( --ii-cream );
	border: 1px solid rgba( 26, 26, 26, 0.12 );
	border-radius: 2px;
	box-shadow: 0 10px 28px rgba( 0, 0, 0, 0.1 );
}
.ii-nav__dropdown .ii-nav__link { display: block; padding: 0.45rem 1rem; font-size: 0.68rem; text-decoration: none; color: inherit; }
.ii-nav__dropdown .ii-nav__link:hover { opacity: 0.72; }

@media ( max-width: 781px ) {
	.ii-nav__dropdown {
		position: static; transform: none;
		opacity: 1; visibility: visible; pointer-events: auto;
		box-shadow: none !important; border: 0 !important;
		padding-left: 0.75rem; margin-top: 0.35rem; min-width: auto;
	}
}
@media ( min-width: 782px ) {
	.ii-nav__item--sub:hover .ii-nav__dropdown,
	.ii-nav__item--sub:focus-within .ii-nav__dropdown {
		opacity: 1; visibility: visible; pointer-events: auto;
	}
}

/* ——— Social icons (header) ——— */
.ii-social { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; }
.ii-social--header { justify-content: flex-end; gap: var( --ii-space-40 ); }
.ii-social--footer { justify-content: flex-start; gap: var( --ii-space-50 ); margin-top: var( --ii-space-30 ); }
.ii-social__link { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.ii-social--header .ii-social__link {
	width: 2rem; height: 2rem; padding: 0; border-radius: 999px;
	color: var( --ii-ink ); border: 1px solid rgba( 26, 26, 26, 0.15 );
}
.ii-social--header .ii-social__link svg { width: 1.1rem; height: 1.1rem; }
.ii-social--header .ii-social__link svg path { fill: currentColor; }
.ii-social--header .ii-social__link:hover { opacity: 0.72; }

/* ——— Hero ——— */
.ii-hero-mock {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: clamp( 28rem, 68vh, 44rem );
	margin-top: 0;
	padding: 2rem var( --ii-space-50 ) 3.5rem;
	background-image:
		radial-gradient( ellipse 52% 48% at 12% 44%, rgba( 228, 180, 190, 0.52 ), transparent 72% ),
		radial-gradient( ellipse 48% 42% at 88% 36%, rgba( 174, 212, 196, 0.4 ),  transparent 70% ),
		radial-gradient( ellipse 58% 38% at 50% 6%,  rgba( 194, 176, 208, 0.26 ), transparent 68% ),
		url( "../images/top-background.png" );
	background-size: 125% 115%, 125% 115%, 100% 100%, cover;
	background-position: left center, right center, top center, top center;
	background-repeat: no-repeat;
	background-color: var( --ii-cream );
}

.ii-hero-mock::before,
.ii-hero-mock::after {
	content: "";
	position: absolute;
	width: 42%; max-width: 22rem; height: 78%;
	pointer-events: none; z-index: 0;
	border-radius: 50%; filter: blur( 44px ); opacity: 0.48;
}
.ii-hero-mock::before {
	left: -6%; top: 6%;
	background: radial-gradient( ellipse at 40% 30%, #e4b4be, #e9c3a4 50%, transparent 70% );
}
.ii-hero-mock::after {
	right: -6%; top: 4%;
	background: radial-gradient( ellipse at 60% 40%, #9ec3d4, #c2b0d0 45%, #aed4c4 80%, transparent 100% );
}

.ii-hero-eyebrow,
.ii-hero-mock__inner { position: relative; z-index: 1; width: 100%; }
.ii-hero-eyebrow { padding-bottom: 0.35rem; }

.ii-hero-eyebrow-kicker-with-logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
	width: 100%;
	max-width: min( 94vw, 56rem );
	margin-left: auto;
	margin-right: auto;
}

.ii-hero-eyebrow-logo { margin: 0; padding: 0; text-align: center; width: 100%; }

.ii-hero-eyebrow-logo__img {
	display: block;
	width: auto; height: auto;
	max-width: min( 94vw, var( --ii-logo-max-width, 760px ) );
	max-height: var( --ii-logo-max-height, 180px );
	margin-left: auto; margin-right: auto;
	object-fit: contain;
}

.ii-hero-eyebrow-kicker {
	display: flex; align-items: center; justify-content: center; gap: 0.85rem;
	width: 100%; max-width: 26rem; margin: 0 auto; text-align: center;
	font-size: clamp( 0.7rem, 0.75vw + 0.65rem, 0.85rem );
	letter-spacing: 0.32em;
	font-weight: 600;
	text-transform: uppercase;
	color: var( --ii-muted );
}
.ii-hero-eyebrow-kicker::before,
.ii-hero-eyebrow-kicker::after {
	content: ""; flex: 1 1 1.5rem; height: 1px; background: var( --ii-ink ); opacity: 0.22;
}

.ii-hero-eyebrow-heart { margin: 0.15rem 0 0; font-size: 0.9rem; letter-spacing: 0.1em; }

.ii-hero-mock__inner {
	margin-top: 0;
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	align-items: center;
}

h1.ii-hero-mock__title,
.ii-hero-mock__title {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif !important;
	font-size: clamp( 2.35rem, 6.8vw, 4.1rem ) !important;
	font-weight: 500 !important;
	letter-spacing: 0.03em !important;
	line-height: 1.12 !important;
	text-transform: none !important;
}

.ii-hero-mock__sub {
	margin: 0;
	line-height: 1.6;
	max-width: 32rem;
	margin-left: auto;
	margin-right: auto;
}

/* ——— Signup form ——— */
.ii-signup-wrap {
	width: 100%;
	max-width: 28rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
}

.ii-signup-form {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	align-items: center;
	width: 100%;
}

.ii-signup-form__row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	border: 1.5px solid rgba( 26, 26, 26, 0.22 );
	border-radius: 3px 18px 4px 16px;
	padding: 0.45rem 0.45rem 0.45rem 0.85rem;
	background: rgba( 255, 255, 255, 0.55 );
	backdrop-filter: blur( 6px );
	-webkit-backdrop-filter: blur( 6px );
}

.ii-signup-heart { color: var( --ii-pink ); line-height: 1; flex-shrink: 0; font-size: 0.9rem; }

.ii-signup-form__input {
	flex: 1; min-width: 0;
	border: 0; background: transparent;
	color: var( --ii-ink ); font: inherit; font-size: 0.9rem;
	outline: none;
}
.ii-signup-form__input::placeholder { color: rgba( 26, 26, 26, 0.4 ); }

.ii-signup-form__btn {
	flex-shrink: 0;
	font-family: "DM Sans", sans-serif;
	font-size: 0.65rem; font-weight: 700;
	letter-spacing: 0.12em; text-transform: uppercase;
	padding: 0.7em 1.2em 0.65em;
	background: #141414; background-image: var( --ii-ink-texture );
	color: #faf6f0; border: none;
	border-radius: 2px 14px 3px 12px;
	cursor: pointer;
	box-shadow: 0 2px 0 rgba( 0, 0, 0, 0.18 );
	transition: opacity 0.15s ease;
	white-space: nowrap;
}
.ii-signup-form__btn:hover,
.ii-signup-form__btn:focus { opacity: 0.88; }

.ii-signup-hint { margin: 0; font-size: 0.7rem; letter-spacing: 0.1em; color: var( --ii-muted ); opacity: 0.8; }

.ii-signup-message {
	width: 100%; max-width: 28rem;
	padding: 0.85rem 1.25rem;
	border-radius: 3px;
	font-size: 0.88rem;
	text-align: center;
}
.ii-signup-message p { margin: 0; }
.ii-signup-message--success { background: rgba( 174, 212, 196, 0.28 ); border: 1px solid rgba( 174, 212, 196, 0.75 ); color: #1a4a3a; }
.ii-signup-message--error   { background: rgba( 228, 180, 190, 0.28 ); border: 1px solid rgba( 228, 180, 190, 0.75 ); color: #4a1a2a; }

/* ——— Product section ——— */
.ii-product-section {
	padding: 2rem var( --ii-space-50 ) 3rem;
}

.ii-section-kicker {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}

.ii-section-kicker h2 {
	margin: 0;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: clamp( 0.9rem, 1.5vw, 1.1rem );
}

.ii-kicker-line { height: 1px; max-width: 3.5rem; width: 100%; background: var( --ii-ink ); opacity: 0.2; }

.ii-columns { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var( --ii-space-50 ); }

/* 3-row subgrid: label / image / desc — only the image lifts on hover */
.ii-columns--products {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	grid-template-rows: auto auto auto;
	column-gap: 1.5rem;
	row-gap: 0;
	max-width: var( --ii-layout-wide );
	margin-left: auto; margin-right: auto;
}
.ii-columns--products > .ii-col {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
}
@media ( max-width: 699px ) {
	.ii-columns--products { display: flex; flex-direction: column; }
	.ii-columns--products > .ii-col { display: flex; flex-direction: column; width: 100%; }

	/* Hero: gradient boxes fill the element exactly on narrow screens */
	.ii-hero-mock {
		background-size: 100% 100%, 100% 100%, 100% 100%, cover;
	}

	/* Footer: taller rip for a gentler transition + reduce inner padding */
	.ii-footer-rip {
		aspect-ratio: 1774 / 1100;
	}
	.ii-footer-splatter {
		margin-top: -24vw;
		padding-top: var( --ii-space-60 );
	}
}

/* Label row — sits above the image card, never moves */
.ii-label-row {
	display: flex; justify-content: center; align-items: flex-end;
	padding-bottom: 0.5rem; min-height: 2.5rem;
}

.ii-label-img {
	display: block; height: auto; max-width: 100%; object-fit: contain;
}

.ii-brush-label { display: flex; justify-content: center; margin: 0; }
.ii-brush-label p {
	margin: 0;
	background: #101010 !important; background-image: var( --ii-ink-texture ) !important;
	color: #faf6f0 !important;
	padding: 0.4em 0.95em 0.32em;
	border-radius: 2px 10px 3px 8px;
	box-shadow: 0 2px 0 rgba( 0, 0, 0, 0.25 );
	letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600;
	font-size: 0.62rem !important;
}

/* Image card — only this element lifts on hover */
.ii-product-card {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.ii-product-card:hover,
.ii-product-card:focus-within {
	transform: translateY( -7px );
	box-shadow: 0 20px 48px rgba( 26, 26, 26, 0.13 ), 0 6px 16px rgba( 26, 26, 26, 0.08 );
	z-index: 2;
}
.ii-columns--products:has(.ii-product-card:hover) .ii-product-card:not(:hover),
.ii-columns--products:has(.ii-product-card:focus-within) .ii-product-card:not(:focus-within) {
	opacity: 0.72;
	transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.ii-product-shot { margin: 0 !important; width: 100%; }
.ii-product-shot img {
	display: block; width: 100% !important; height: auto !important;
	object-fit: cover; aspect-ratio: 4 / 5;
	max-height: min( 55vh, 36rem );
}

/* Description — sits below the image card, never moves */
.ii-columns--products .ii-product-desc {
	margin: 0; padding: 0.5rem 0.25rem 0;
	font-size: var( --ii-card-desc-size, clamp( 0.7rem, 0.75vw + 0.65rem, 0.85rem ) );
	font-family: var( --ii-card-desc-font, var( --ii-font-sans ) );
}

/* ——— Footer background image ——— */
/* Transparent PNG — cream page shows through the splatter, no background-color here */
.ii-footer-rip {
	display: block;
	width: 100%;
	aspect-ratio: 1774 / 887;
	margin: 0; padding: 0;
	background-image: var( --ii-footer-bg, url( "../images/BottomBackgroundClear.png" ) );
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
	z-index: 0;
	pointer-events: none;
}

/* ——— Footer ——— */
/* Pulls up by 19vw so content sits inside the image's solid black area */
.ii-footer-splatter {
	position: relative;
	z-index: 1;
	background-color: #101010;
	color: #faf6f0;
	background-image: var( --ii-ink-texture ), linear-gradient( 180deg, #1a1a1a 0%, #0c0c0c 100% );
	margin-top: var( --ii-footer-overlap, -19vw );
	padding: var( --ii-space-80 ) var( --ii-space-50 ) 0;
}

.ii-columns--footer {
	gap: var( --ii-space-50 ) var( --ii-space-80 );
	max-width: var( --ii-layout-wide );
	margin-left: auto; margin-right: auto;
	margin-bottom: var( --ii-space-70 );
}
.ii-columns--footer > .ii-col {
	flex-basis: calc( 50% - var( --ii-space-80 ) / 2 );
	flex-grow: 0; min-width: 0;
}
@media ( max-width: 781px ) {
	.ii-columns--footer { flex-direction: column; }
	.ii-columns--footer > .ii-col { flex-basis: auto !important; width: 100%; }
}

.ii-footer-splatter h2.ii-footer-script,
.ii-footer-splatter .ii-footer-script {
	font-family: "Great Vibes", cursive !important;
	font-size: clamp( 2.2rem, 4.5vw, 3.2rem ) !important;
	margin: 0; line-height: 1.15; font-weight: 400; text-transform: none;
}

.ii-footer-splatter p { margin: 1rem 0 0; line-height: 1.65; opacity: 0.92; }

.ii-footer-kicker { margin: 0; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: #faf6f0; }
.ii-kicker-pink { color: var( --ii-pink ); }

.ii-footer-contact-head { display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.25rem; }
.ii-footer-icon-mail { color: #faf6f0; flex-shrink: 0; }

.ii-footer-mailto,
.ii-footer-splatter .ii-footer-mailto {
	color: #faf6f0 !important; text-decoration: none; font-size: 1.05rem; font-weight: 500;
}

.ii-footer-form { max-width: 26rem; margin-top: 0.5rem; }
.ii-footer-form__row {
	display: flex; align-items: center; gap: 0.5rem;
	border: 1px solid rgba( 250, 246, 240, 0.5 );
	border-radius: 1px; padding: 0.5rem 0.75rem; min-height: 2.5rem;
	background: rgba( 0, 0, 0, 0.28 );
}
.ii-foot-heart { color: var( --ii-pink ); line-height: 1; }
.ii-footer-form__input {
	flex: 1; min-width: 0; border: 0;
	background: transparent; color: #faf6f0; font: inherit; font-size: 1.05rem;
}
.ii-footer-form__input::placeholder { color: rgba( 250, 246, 240, 0.45 ); }
.ii-footer-form__input:focus { outline: none; }
.ii-footer-join-hint { margin: 0.9rem 0 0; font-size: 0.85rem; }
.ii-footer-join {
	color: #faf6f0 !important; text-decoration: none; font-weight: 600; letter-spacing: 0.12em;
	background: none; border: none; padding: 0; font: inherit; cursor: pointer;
}
.ii-footer-join:hover { opacity: 0.85; }

@media ( min-width: 781px ) {
	.ii-footer-col-right {
		border-left: 1px solid rgba( 255, 255, 255, 0.18 );
		padding-left: 2.5rem !important;
		min-height: 12rem;
	}
}
@media ( max-width: 780px ) {
	.ii-footer-col-right { border-top: 1px solid rgba( 255, 255, 255, 0.2 ); padding-top: 1.5rem; margin-top: 0.5rem; }
}

/* Social pills (footer) */
.ii-footer-splatter .ii-social--footer .ii-social__link {
	background: #ece8e1; color: #0c0c0c; border-radius: 999px;
	padding: 0.35rem 0.85rem; font-size: 0.62rem;
	font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
}
.ii-footer-splatter .ii-social--footer .ii-social__link:hover { background: #ddd8cf; }

/* Footer bar */
.ii-footer-bar {
	border-top: 1px solid rgba( 255, 255, 255, 0.14 );
	margin: 0; padding: var( --ii-space-50 );
	background-color: #101010; color: #faf6f0;
}
.ii-footer-bar-row {
	display: flex; flex-wrap: wrap;
	justify-content: center; align-items: center;
	gap: 1.25rem 0.75rem;
	max-width: var( --ii-layout-wide );
	margin-left: auto; margin-right: auto;
}
.ii-footer-copy,
.ii-footer-legal { margin: 0; font-size: 0.65rem; letter-spacing: 0.18em; line-height: 1.4; font-weight: 500; text-transform: uppercase; opacity: 0.85; }
.ii-footer-legal a { color: #faf6f0; text-decoration: underline; }
.ii-footer-legal a:hover { opacity: 0.85; }