/* =========================================================================
   RISS Productions — SEO / Ad Landing Page
   Paired with newrissseolanding.php + newrissseolanding.js
   ========================================================================= */

:root {
	--ink:      #1c1813;
	--ink-2:    #2b2620;
	--muted:    #6f665a;
	--cream:    #faf7f2;
	--cream-2:  #f2ece2;
	--gold:     #c19a4b;
	--gold-dk:  #a9823a;
	--line:     rgba(28, 24, 19, .12);
	--white:    #ffffff;
	/* Same typefaces as the main rissproductions.com.au site (chroma theme):
	   headings = kudryashev-d-contrast-sans (Adobe Fonts kit qwx7vet),
	   body/UI  = Work Sans (Google Fonts). */
	--serif:    'kudryashev-d-contrast-sans', Georgia, serif;
	--sans:     'Work Sans', system-ui, -apple-system, sans-serif;
	--radius:   4px;
	--shadow:   0 24px 60px -30px rgba(28, 24, 19, .45);
	--maxw:     1550px;
}

/* ------------------------------- Reset -------------------------------- */
* { box-sizing: border-box; }
.riss-landing {
	margin: 0;
	font-family: var(--sans);
	font-weight: 300;
	color: var(--ink-2);
	background: var(--cream);
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
.riss-landing img { max-width: 100%; display: block; }
.riss-landing a { color: inherit; text-decoration: none; }
.riss-container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }

/* ---------------------------- Typography ------------------------------ */
.riss-h2 {
	font-family: kudryashev-d-contrast-sans,sans-serif;
	font-weight: 500;
	font-size: clamp(2rem, 4.5vw, 3.2rem);
	line-height: 1.12;
	letter-spacing: -.5px;
	margin: .2em 0 .5em;
	color: var(--ink);
}
.riss-h3 {
	font-family: var(--serif);
	font-weight: 600;
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	line-height: 1.15;
	margin: 0 0 .4em;
	color: var(--ink);
}
.riss-eyebrow {
	font-size: .78rem;
	letter-spacing: .28em;
	text-transform: uppercase;
	font-weight: 500;
	color: var(--gold-dk);
	margin: 0 0 .4em;
}
.riss-eyebrow--light { color: var(--gold); }
.riss-section-head { text-align: center; max-width: 640px; margin: 0 auto 3.5rem; }

/* ------------------------------ Buttons ------------------------------- */
.riss-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	font-family: var(--sans);
	font-weight: 500;
	font-size: .82rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	padding: .95em 2em;
	border-radius: var(--radius);
	border: 1px solid transparent;
	cursor: pointer;
	transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease;
	will-change: transform;
}
.riss-btn:hover { transform: translateY(-3px); }
.riss-btn--lg { padding: 1.1em 2.4em; font-size: .85rem; }
.riss-btn--block { width: 100%; }

/* Colours scoped under .riss-landing so they beat the theme's link-colour rules. */
/* Gold buttons are outlined: transparent fill, thin gold border, gold text;
   they fill gold on hover. */
.riss-landing .riss-btn--gold {
	background: transparent;
	color: var(--gold);
	border-color: var(--gold);
	border-radius: 0;
	box-shadow: none;
}
.riss-landing .riss-btn--gold:hover { background: var(--gold); color: #fff; }
/* "--dark" kept as a class name for compatibility but styled gold so every
   CTA on the page is uniform (no black buttons). */
.riss-landing .riss-btn--dark { background: var(--gold); color: #fff; box-shadow: 0 12px 30px -12px rgba(193, 154, 75, .8); }
.riss-landing .riss-btn--dark:hover { background: var(--gold-dk); color: #fff; }
.riss-landing .riss-btn--ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.6); }
.riss-landing .riss-btn--ghost:hover { background: var(--gold); border-color: var(--gold); color: #fff; }
/* "--ghost-dark" kept for compatibility but styled gold so every CTA is uniform. */
.riss-landing .riss-btn--ghost-dark { background: var(--gold); color: #fff; box-shadow: 0 12px 30px -12px rgba(193, 154, 75, .8); }
.riss-landing .riss-btn--ghost-dark:hover { background: var(--gold-dk); color: #fff; }

/* ------------------------------ Header -------------------------------- */
.riss-header {
	position: fixed; inset: 0 0 auto 0; z-index: 100;
	padding: 22px 0;
	background: #fff;
	transition: padding .35s ease, background .35s ease, box-shadow .35s ease;
}
/* NOTE: no backdrop-filter here — it would make the header the containing
 * block for the fixed mobile nav panel, collapsing it while scrolling. */
.riss-header.is-stuck {
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 8px 30px -18px rgba(0,0,0,.35);
}
/* Logo left, menu dead-centre, burger right — 3-column grid so the nav is
 * centred on the page, not just in the leftover space. */
.riss-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
}
.riss-header__inner .riss-logo { justify-self: start; }
.riss-header__inner .riss-nav { justify-self: center; }
.riss-header__inner .riss-burger { justify-self: end; }
.riss-logo { display: inline-flex; align-items: center; line-height: 0; }
.riss-logo img {
	height: 50px; width: auto;
	transition: height .35s ease;

}
.is-stuck .riss-logo img { height: 50px; }
.riss-footer .riss-logo img { height: 58px; }

/* Alternate sticky-header logo (only rendered when set in ACF): show the
 * default image normally and swap to the sticky one once the header sticks. */
.riss-logo--has-sticky .riss-logo__img--sticky { display: none; }
.is-stuck .riss-logo--has-sticky .riss-logo__img--default { display: none; }
.is-stuck .riss-logo--has-sticky .riss-logo__img--sticky { display: inline-block; }

.riss-nav { display: flex; align-items: center; gap: 2rem; }
.riss-nav__link {
	position: relative;
	font-family: 'kudryashev-d-contrast', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 25.5px;
	text-transform: none;
	transition: color .3s ease;
}
/* Colours scoped under .riss-landing so they beat the theme's link-colour rules. */
.riss-landing .riss-nav__link { color: rgb(16, 15, 23); }
.riss-landing .riss-nav__link:hover,
.riss-landing .riss-nav__link.is-active { color: var(--gold); }
.riss-burger span { background: var(--ink-2); }

/* Burger */
.riss-burger {
	display: none; flex-direction: column; gap: 5px;
	width: 30px; background: none; border: 0; cursor: pointer; padding: 4px;
	/* Stay above the slide-in mobile nav panel (z-index 99) so the button
	 * remains visible/clickable as the close (X) control. */
	position: relative; z-index: 120;
}
.riss-burger span { height: 2px; width: 100%; background: var(--ink-2); transition: transform .3s ease, opacity .3s ease, background .3s ease; }
.riss-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.riss-burger.is-open span:nth-child(2) { opacity: 0; }
.riss-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
/* Dark X while the menu is open — it sits on the cream panel, not the hero. */
.riss-burger.is-open span { background: var(--ink-2); }

/* ------------------------- Announcement bar --------------------------- */
.riss-annc {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 300;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	background: #c19a4b
;
	text-align: center;
}
.riss-annc__text {
	font-family: var(--sans);
	font-weight: 500;
	font-size: .72rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #fff;
	white-space: nowrap;
}
/* Drop the fixed header just below the bar (overrides its top:0). */
.riss-header { top: 42px; }

@media (max-width: 600px) {
	.riss-annc { height: 38px; }
	.riss-annc__text { font-size: .58rem; letter-spacing: .14em; white-space: normal; line-height: 1.2; }
	.riss-header { top: 38px; }
}

/* ------------------------------- Hero --------------------------------- */
.riss-hero {
	position: relative;
	min-height: 100vh;
	/* Content sits in the lower part of the banner so the photos stay visible. */
	display: flex; align-items: flex-end;
	background: var(--ink);
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.riss-hero__slides { position: absolute; inset: 0; z-index: 0; }
.riss-hero__slide {
	position: absolute; inset: 0;
	background-image: var(--riss-slide);
	background-position: center center; background-size: cover; background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .8s ease-in-out;
	will-change: opacity;
}
/* Portrait slide images (set per-slide from the ACF "Mobile Slideshow
   Images" repeater); falls back to the desktop image when unset. */
@media (max-width: 767px) {
	.riss-hero__slide {
		background-image: var(--riss-slide-mobile, var(--riss-slide));
	}
}

.riss-hero__slide.is-active {
	opacity: 1;
}
.riss-hero__overlay {
	z-index: 1;
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(20,16,12,.55) 0%, rgba(20,16,12,.35) 40%, rgba(20,16,12,.75) 100%);
}
.riss-hero__content { position: relative; z-index: 2; max-width: 820px; margin: 0 auto; padding-bottom: clamp(4rem, 10vh, 7rem); }
.riss-hero .riss-eyebrow { color: var(--gold); }
/* Colour scoped under .riss-landing so it beats the theme's heading-colour rules. */
.riss-landing .riss-hero__title { color: #c5bdbd; }
.riss-hero__title {
	font-family: "kudryashev-d-contrast-sans", sans-serif;	
	font-size: 60.008px;
	line-height: 1.05;
	letter-spacing: -1px;
	margin: .15em 0 .35em;
	text-shadow: 0 2px 4px rgba(0,0,0,.55), 0 4px 40px rgba(0,0,0,.5);
}
.riss-hero__sub {
	font-size: clamp(1rem, 2vw, 1.3rem);
	font-weight: 300;
	max-width: 560px;
	margin: 0 auto 2rem;
	color: rgba(255,255,255,.92);
}
.riss-hero__actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

/* ------------------------------ Stats --------------------------------- */
/* ------------------------ As Seen In / Awards ------------------------- */
.riss-seenin { background: var(--cream); padding: 5.5rem 0 5rem; }
.riss-seenin__inner { max-width: 1000px; margin: 0 auto; text-align: center; }
.riss-seenin__title {
	font-family: var(--serif);
	font-weight: 500;
	text-transform: uppercase;
	font-size: clamp(1.5rem, 3.1vw, 2.6rem);
	line-height: 1.28;
	letter-spacing: .5px;
	color: var(--ink);
	margin: .5rem auto .7rem;
	max-width: 900px;
}
.riss-seenin__sub {
	font-family: var(--serif);
	font-style: italic;
	font-size: clamp(1rem, 1.6vw, 1.25rem);
	color: var(--muted);
	margin: 0 0 3rem;
}
/* Scoped under .riss-landing so it beats the global ".riss-landing p" reset. */
.riss-landing .riss-seenin__label {
	font-family: "Work Sans", sans-serif;
	font-weight: 700;
	font-size: 16px;
    color: rgb(95, 95, 102);
	margin: 0 0 2.2rem;
}
.riss-seenin__brands {
	list-style: none;
	margin: 0; padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2rem 3.4rem;
}
/* Each award rendered as a distinct text "wordmark" — different type
   treatments give the row a logo-wall feel, unified in solid black. */
.riss-seenin__brand {
	color: #000;
	line-height: 1;
	transition: opacity .25s ease;
	white-space: nowrap;
}
.riss-seenin__brand:hover { opacity: .7; }

/* Six type treatments cycle by position (nth-child), so ANY brand added in
   the ACF repeater automatically gets its own distinct logo-like style —
   no per-brand CSS needed. */
/* 1st, 7th… — tall, wide-tracked serif caps (Vogue-like). */
.riss-seenin__brand:nth-child(6n+1) {
	font-family: var(--serif);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.35rem;
	letter-spacing: .32em;
}
/* 2nd, 8th… — elegant serif italic. */
.riss-seenin__brand:nth-child(6n+2) {
	font-family: var(--serif);
	font-style: italic;
	font-weight: 500;
	text-transform: none;
	font-size: 1.9rem;
	letter-spacing: .01em;
}
/* 3rd, 9th… — lowercase bold sans. */
.riss-seenin__brand:nth-child(6n+3) {
	font-family: var(--sans);
	font-weight: 600;
	text-transform: lowercase;
	font-size: 1.7rem;
	letter-spacing: -.01em;
}
/* 4th, 10th… — heavy sans caps. */
.riss-seenin__brand:nth-child(6n+4) {
	font-family: var(--sans);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3rem;
	letter-spacing: .02em;
}
/* 5th, 11th… — letter-spaced serif caps. */
.riss-seenin__brand:nth-child(6n+5) {
	font-family: var(--serif);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.25rem;
	letter-spacing: .18em;
}
/* 6th, 12th… — serif italic, semi-bold. */
.riss-seenin__brand:nth-child(6n+6) {
	font-family: var(--serif);
	font-style: italic;
	font-weight: 600;
	text-transform: none;
	font-size: 1.75rem;
	letter-spacing: .01em;
}

/* ------------------- We Tell Stories (editorial montage) -------------- */
/* An art-directed mood board: a single relative canvas with 10 absolutely
   positioned image cards, injected by newrissseolanding.js from a px config
   (base canvas 1400 x 780) converted to percentages so the whole montage
   scales fluidly on desktop and tablet. On mobile it stacks (see below).
   No borders, shadows, frames or rotation — sharp corners, lots of space. */
.riss-stories {
	--story-bg:     #ffffff;
	--story-ink:    #4b443f;
	--story-muted:  #8E857F;

	background: var(--story-bg);
	padding: 120px 0;
	overflow: hidden;
}
.riss-stories__canvas {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	aspect-ratio: 1400 / 780;            /* keeps every % child in proportion */
}

/* Image cards — positioned inline (top/left/width/height in %) by the JS. */
.riss-stories__card {
	position: absolute;
	margin: 0;
	overflow: hidden;                    /* sharp edges; clips the hover zoom */
	cursor: pointer;

	/* Fade-up on reveal; per-card delay set inline by the JS (i * 80ms). */
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .8s ease, transform .8s ease;
}
.riss-stories__card.is-in { opacity: 1; transform: none; }
.riss-stories__card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform .3s ease;
}
.riss-stories__card:hover img { transform: scale(1.03); }

/* Centre text — lower-centre of the canvas, positioned by %.
 * left tracks the montage card above it (485px on the 1400px base). */
.riss-stories__text {
	position: absolute;
	left: 34.6%;
	top:86%;
	z-index: 2;
	text-align: left;
}
.riss-stories__title {
	margin: 0;
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(38px, 2.1vw, 72px);
	line-height: 1.1;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--story-ink);
}
.riss-stories__sub {
	margin: 4px 0 0;
	font-family: var(--sans);
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: var(--story-muted);
}

/* ============================== MOBILE ============================== */
/* Below 640px the absolute montage collapses into a clean vertical stack.
   The inline % positions are overridden with !important. */
@media (max-width: 640px) {
	.riss-stories { padding: 72px 0 56px; }
	.riss-stories__canvas {
		aspect-ratio: auto;
		height: auto;
		max-width: 420px;
		padding: 0 20px;
	}
	.riss-stories__card {
		position: static !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 0 26px !important;
	}
	/* The last card's stack margin would add to the text's own margin. */
	.riss-stories__card:last-of-type { margin-bottom: 0 !important; }
	.riss-stories__card img { height: auto; aspect-ratio: 3 / 4; }

	/* Text drops to the end of the stack, centred — 56px above it to
	   mirror the section's 56px bottom padding, so the title sits with
	   equal breathing room on both sides. */
	.riss-stories__text {
		position: static !important;
		text-align: center;
		margin-top: 56px;
	}
	.riss-stories__title { font-size: clamp(40px, 13vw, 56px); }
	.riss-stories__sub   { letter-spacing: 4px; }
}

/* Respect reduced-motion. */
@media (prefers-reduced-motion: reduce) {
	.riss-stories__card { opacity: 1; transform: none; transition: none; }
	.riss-stories__card img { transition: none; }
	.riss-stories__card:hover img { transform: none; }
}

/* ----------------------------- This is for you ------------------------ */
.riss-foryou { padding: 6.5rem 0; background: var(--cream); }
.riss-foryou__grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: clamp(2.5rem, 5vw, 5rem);
	align-items: center;
}
.riss-foryou__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(2.2rem, 4.4vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -.5px;
	margin: 0 0 .5em;
	color: var(--ink);
}
.riss-foryou__lead {
	color: var(--muted);
	font-size: 1.02rem;
	max-width: 34em;
	margin: 0 0 2.2rem;
}
.riss-foryou__list {
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	gap: 1.05rem;
}
.riss-foryou__item {
	display: flex;
	align-items: flex-start;
	gap: .9rem;
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: rgb(125, 125, 132);
	line-height: 1.5;
}
.riss-landing .riss-foryou__item .riss-foryou__label {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: rgb(125, 125, 132);
}
.riss-foryou__check {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	margin-top: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--ink);
	border-radius: 4px;
}
.riss-foryou__note {
	color: var(--muted);
	max-width: 34em;
	margin: 0 0 1.8rem;
}
.riss-foryou__media img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}

@media (max-width: 900px) {
	.riss-foryou { padding: 4.5rem 0; }
	.riss-foryou__grid { grid-template-columns: 1fr; gap: 2.5rem; }
	.riss-foryou__media { order: -1; }              /* image on top when stacked */
	/* Full-width single column: drop the forced 3/2 crop box so the photo
	   shows uncropped at its natural aspect ratio. */
	.riss-foryou__media img { aspect-ratio: auto; height: auto; max-height: none; }
}

/* ------------------------------ Parallax ------------------------------ */
.riss-parallax {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	overflow: hidden;
	background-image: url('https://rissproductions.com.au/wp-content/uploads/2025/02/Catherine-park-pre-wedding-night-photography-1024x576.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;                 /* the parallax effect */
}
.riss-parallax__overlay {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(20,16,12,.45) 0%, rgba(20,16,12,.55) 100%);
}
.riss-parallax__inner {
	position: relative;
	z-index: 1;
	max-width: 780px;
	padding: 6rem 24px;
}
.riss-parallax .riss-eyebrow--light { color: var(--gold); }
.riss-parallax__quote {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(1.6rem, 3.4vw, 2.9rem);
	line-height: 1.25;
	margin: .35em 0 0;
	text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
/* Stronger overlay on the quote banner so the text stays readable on any
   photo: a general darkening plus a soft vignette centred behind the text. */
.riss-parallax--plain .riss-parallax__overlay {
	background:
		radial-gradient(65% 85% at 50% 50%, rgba(20, 16, 12, .5) 0%, rgba(20, 16, 12, .18) 70%, rgba(20, 16, 12, 0) 100%),
		linear-gradient(180deg, rgba(20, 16, 12, .5) 0%, rgba(20, 16, 12, .6) 100%);
}
/* High-specificity guard: the global ".riss-landing p" typography rules
   otherwise repaint the quote muted-gray at body size. */
.riss-landing .riss-parallax__quote {
	color: #fff;
	font-family: "kudryashev-d-contrast-sans", sans-serif;
	font-size: clamp(2rem, 4.2vw, 2.4rem);
	line-height: 1.2;
	max-width: none;
}
.riss-parallax--plain .riss-parallax__quote { text-shadow: 0 2px 18px rgba(0, 0, 0, .65); }

/* Gold envelope icon above the quote. */
.riss-parallax__icon {
	display: inline-flex;
	color: var(--gold);
	margin-bottom: .4rem;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .5));
}
.riss-parallax__icon svg { width: 42px; height: 42px; }
/* Button under the quote — uses the shared gold button style; only the
   spacing is section-specific. */
.riss-landing .riss-parallax__btn { margin-top: 2.2rem; }

/* JS-driven parallax layer for touch devices (iPhone / iPad / Android),
 * where background-attachment: fixed is unsupported. The JS moves the
 * section's photo onto this oversized layer and translates it on scroll;
 * the extra 24% height is the travel range (±12%). Inserted as the first
 * child, so the overlay + content still paint above it. */
.riss-parallax__bg {
	position: absolute;
	left: 0; right: 0;
	top: -12%; height: 124%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	will-change: transform;
}

/* background-attachment: fixed misbehaves on most mobile browsers → scroll. */
@media (max-width: 768px) {
	.riss-parallax { background-attachment: scroll; min-height: 46vh; }
}
/* Width queries miss iPads (744–1024+ CSS px), where iPadOS Safari sizes a
 * fixed background against the whole document — the image shows up hugely
 * zoomed or blank. Key the fallback on touch capability instead so every
 * touch device (iPad Mini / Air / Pro, Android tablets) drops to scroll. */
@media (hover: none), (pointer: coarse) {
	.riss-hero,
	.riss-parallax { background-attachment: scroll; }
}
@media (prefers-reduced-motion: reduce) {
	.riss-parallax { background-attachment: scroll; }
}

/* --------------------------- About intro ------------------------------ */
.riss-intro { padding: 6.5rem 0; background: #fff; }
.riss-intro__grid {
	display: grid;
	grid-template-columns: .88fr 1.12fr;
	gap: clamp(2.5rem, 5vw, 5.5rem);
	align-items: center;
}
.riss-intro__media { position: relative; }
.riss-intro__media img {
	width: 100%;
	aspect-ratio: 5 / 7;
	object-fit: cover;
	display: block;
}
.riss-intro__mark {
	position: absolute;
	left: 22px;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	font-family: var(--serif);
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: .14em;
	color: rgba(214, 184, 122, .92);
	text-shadow: 0 1px 6px rgba(0,0,0,.35);
}
.riss-intro__mark small { font-size: .34em; letter-spacing: .34em; margin-top: .5em; }

.riss-intro__eyebrow {
	display: inline-flex;
	align-items: center;
	color: var(--muted);
}
.riss-intro__eyebrow::before {
	content: '';
	width: 34px;
	height: 1px;
	margin-right: .9em;
	background: currentColor;
	opacity: .7;
}
.riss-intro__title {
	font-family: var(--serif);
	font-weight: 400;
	font-size: clamp(2rem, 3.7vw, 3.05rem);
	line-height: 1.12;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: .35em 0 .7em;
}
.riss-intro__title em { font-style: italic; font-weight: 500; }
.riss-intro__text p { color: var(--muted); margin: 0 0 1.3em; max-width: 40em; }
/* Uses the shared .riss-btn.riss-btn--gold style; only spacing is section-specific. */
.riss-intro__link { margin-top: 1.2rem; }

@media (max-width: 900px) {
	.riss-intro { padding: 4.5rem 0; }
	.riss-intro__grid { grid-template-columns: 1fr; gap: 2.5rem; }
	.riss-intro__media img { aspect-ratio: 4 / 5; max-height: 560px; }
}

/* ------------------- Trust / About (photos + stats) ------------------- */
/* Two-column editorial "about" block: two overlapping photos with a slowly
   rotating circular text badge on the left; eyebrow, title, sub text and a
   row of label-over-number gold stats on the right. */
.riss-trust { padding: 7rem 0 6.5rem; background: var(--cream); overflow: hidden; }
.riss-trust__grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: clamp(2.5rem, 6vw, 6rem);
	align-items: center;
}

/* Left: overlapping photo collage. */
.riss-trust__media { position: relative; aspect-ratio: 1 / 1.06; }
.riss-trust__img { position: absolute; object-fit: cover; display: block; }
.riss-trust__img--back  { left: 0;   top: 10%; width: 56%; height: 82%; }
.riss-trust__img--front { left: 42%; top: 32%; width: 46%; height: 64%; }

/* Rotating circular "About Us" text badge overlapping the photo tops. */
.riss-trust__badge {
	position: absolute;
	left: 46%; top: 0;
	width: clamp(110px, 12vw, 160px);
	height: clamp(110px, 12vw, 160px);
	z-index: 2;
}
.riss-trust__badge svg {
	width: 100%; height: 100%;
	overflow: visible;
	animation: riss-badge-spin 16s linear infinite;
}
.riss-trust__badge text {
	font-family: var(--serif);
	font-size: 10.5px;
	letter-spacing: .35em;
	fill: var(--ink);
}
@keyframes riss-badge-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .riss-trust__badge svg { animation: none; } }

/* Right: eyebrow, title, sub text, stats. */
.riss-trust__text { text-align: left; }
.riss-trust__eyebrow { color: var(--gold-dk); margin-bottom: 1em; }
.riss-trust__title {
	font-weight: 500;
	font-size: clamp(2rem, 3.7vw, 3.05rem);
	line-height: 1.05;
	letter-spacing: -.5px;
	margin: 0 0 .5em;
}
.riss-trust__title em { font-style: italic; color: var(--gold); }
.riss-landing .riss-trust__sub { max-width: 34em; margin: 0 0 2.6rem; }

/* Stats: label above, large gold serif number below. */
.riss-trust__stats { display: flex; flex-wrap: wrap; gap: 2rem clamp(2.5rem, 5vw, 5rem); }
.riss-trust__stat { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.riss-landing .riss-trust__label {
	font-family: var(--serif);
	font-size: 1.12rem;
	color: var(--ink);
	margin-bottom: .4rem;
}
.riss-landing .riss-trust__num {
	font-family: var(--serif);
	font-weight: 400;
	font-size: clamp(2.6rem, 4.4vw, 2.9rem);
	line-height: 1;
	color: var(--gold);
	display: inline-flex;
	align-items: baseline;
	gap: .05em;
}
.riss-trust__star { font-size: .7em; color: var(--gold); }

@media (max-width: 760px) {
	.riss-trust { padding: 4.5rem 0; }
	.riss-trust__grid { grid-template-columns: 1fr; gap: 3rem; }
	.riss-trust__badge { width: 96px; height: 96px; }
	.riss-landing .riss-trust__num { font-size: 2.4rem; }
	.riss-trust__stats { gap: 1.6rem 2.4rem; }
}

/* ---------------------------- Featured grid --------------------------- */
/* Four-across grid. Each item can be a link (redirects on click) and shows
   its caption + location on a soft scrim when hovered / focused. */
.riss-grid { background: #fff; padding: clamp(3rem, 6vw, 6rem) 0; }
/* Centred eyebrow + heading above the photo grid. */
.riss-grid__head { text-align: center; max-width: 940px; margin: 0 auto clamp(2rem, 4vw, 3.2rem); }
.riss-grid__title {
	font-weight: 500;
	font-size: clamp(2.2rem, 4.6vw, 3.6rem);
	line-height: 1.1;
	letter-spacing: -.5px;
	margin: .25em 0 0;
}
.riss-grid__inner {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
.riss-grid__item {
	position: relative;
	display: block;
	margin: 0;
	overflow: hidden;
	text-decoration: none;
}
.riss-grid__item img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
.riss-grid__item:hover img { transform: scale(1.04); }

/* Caption + location overlay (bottom scrim, revealed on hover/focus). */
.riss-grid__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 1.4rem 1.5rem;
	background: linear-gradient(180deg, rgba(28, 24, 19, 0) 45%, rgba(28, 24, 19, .7) 100%);
	opacity: 0;
	transition: opacity .45s ease;
	pointer-events: none;
	text-align: left;
}
.riss-grid__item:hover .riss-grid__overlay,
.riss-grid__item:focus-visible .riss-grid__overlay { opacity: 1; }
.riss-grid__caption {
	font-family: var(--serif);
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.3;
	color: #fff;
	transform: translateY(8px);
	transition: transform .45s ease;
}
.riss-grid__location {
	margin-top: .5rem;
	font-family: var(--sans);
	font-size: .86rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--gold);
	display: inline-flex;
	align-items: center;
	gap: .6em;
	transform: translateY(8px);
	transition: transform .45s ease .06s;
}
.riss-grid__location::before {
	content: '';
	width: 18px;
	height: 1px;
	background: var(--gold);
}
.riss-grid__item:hover .riss-grid__caption,
.riss-grid__item:hover .riss-grid__location,
.riss-grid__item:focus-visible .riss-grid__caption,
.riss-grid__item:focus-visible .riss-grid__location { transform: translateY(0); }

/* Touch devices have no hover — keep the caption scrim always visible. */
@media (hover: none) {
	.riss-grid__overlay { opacity: 1; }
	.riss-grid__caption,
	.riss-grid__location { transform: translateY(0); }
}

@media (max-width: 1000px) {
	.riss-grid__inner { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
	.riss-grid__inner { grid-template-columns: repeat(2, 1fr); gap: 6px; }
}
@media (max-width: 440px) {
	.riss-grid__inner { grid-template-columns: 1fr; }
	/* Single column: no grid alignment to preserve, so drop the forced
	   crop box and show each photo at its natural aspect ratio. */
	.riss-grid__item img { aspect-ratio: auto; height: auto; }
}

/* ------------------------------ Expertise ----------------------------- */
.riss-expertise { padding: 6rem 0 6.5rem; background: #faf7f2; }
.riss-expertise__head { text-align: center; margin: 0 auto 3.5rem; }
.riss-expertise__h {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(2.3rem, 5vw, 3.8rem);
	line-height: 1.05;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: .25em 0 0;
}
.riss-expertise__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(2.5rem, 5vw, 5rem);
	align-items: center;
}
.riss-expertise__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(1.9rem, 3.6vw, 3rem);
	line-height: 1.12;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: 0 0 1.1rem;
}
.riss-expertise__sub {
	color: var(--muted);
	font-size: 1.02rem;
	max-width: 34em;
	margin: 0;
}
.riss-expertise__media img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	filter: grayscale(100%);            /* black & white, matching the reference */
}

@media (max-width: 900px) {
	.riss-expertise { padding: 4.5rem 0; }
	.riss-expertise__grid { grid-template-columns: 1fr; gap: 2rem; }
	.riss-expertise__media { order: -1; }    /* image above the text when stacked */
}

/* ---------------------------- Video banner ---------------------------- */
.riss-video { width: 100%; background: #000; line-height: 0; }
.riss-video__wrap { position: relative; }
.riss-video__media {
	display: block;
	width: 100%;
	height: clamp(320px, 46vw, 640px);
	object-fit: cover;
}
/* Pause + mute controls — revealed on hover (or keyboard focus). */
.riss-video__controls {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: flex;
	gap: 12px;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity .3s ease, transform .3s ease;
}
.riss-video__wrap:hover .riss-video__controls,
.riss-video__controls:focus-within {
	opacity: 1;
	transform: none;
}
.riss-video__btn {
	width: 48px;
	height: 48px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.7);
	background: rgba(193, 154, 75, .85);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(4px);
	transition: background .25s ease, transform .25s ease;
}
.riss-video__btn:hover { background: var(--gold-dk); transform: scale(1.06); }
.riss-video__btn svg { width: 19px; height: 19px; fill: #fff; }

/* -------------------------- Wedding packages (promo) ------------------ */
/* Own namespace (riss-pkgpromo) so it never collides with the theme's
   pricing-card .riss-pkg — no inherited border, shadow or hover lift. */
.riss-pkgpromo { padding: 9rem 0; background: #fff; }
.riss-pkgpromo__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(2.5rem, 6vw, 6rem);
	align-items: center;
}
.riss-pkgpromo__media img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	box-shadow: none;
}
.riss-pkgpromo__eyebrow {
	font-family: var(--sans);
	font-weight: 500;
	font-size: 1.1rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #1c1813;
	margin: 0 0 1.4rem;
}
.riss-pkgpromo__body {
	font-family: var(--sans);
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--muted);
	max-width: 30em;
	margin: 0 0 2.2rem;
	text-transform: none !important;
}
/* Uses the shared .riss-btn.riss-btn--gold style — no section-specific overrides. */

@media (max-width: 900px) {
	.riss-pkgpromo { padding: 4.5rem 0; }
	.riss-pkgpromo__grid { grid-template-columns: 1fr; gap: 2.5rem; }
	.riss-pkgpromo__media img { aspect-ratio: 4 / 3; max-height: 460px; }
}

/* ------------------- Founder / Wedding Cinematography ------------------ */
/* Centered editorial head (eyebrow → big serif title → sub text → button)
   with the two films side by side full-width underneath. */
.riss-founder { padding: 6.5rem 0; background: var(--cream); text-align: center; }
.riss-founder__head { max-width: 860px; margin: 0 auto 3.5rem; }
.riss-founder__eyebrow {
	font-family: var(--sans);
	font-size: .82rem;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--muted);
	margin: 0 0 1.2rem;
}
.riss-founder__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(2.4rem, 5vw, 4rem);
	line-height: 1.08;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: 0 0 1.4rem;
}
.riss-founder__body { max-width: 680px; margin: 0 auto; }
.riss-founder__body p { color: var(--muted); margin: 0 0 1em; }
.riss-founder__body p:last-child { margin-bottom: 0; }
.riss-founder__lead { color: var(--ink-2) !important; }
.riss-founder__btn { margin-top: 1.9rem; }
/* Centred CTA below the two films. */
.riss-founder__cta { text-align: center; margin-top: .8rem; }

/* Media row — photo on the left, autoplaying muted film on the right. */
.riss-founder__media {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(1.2rem, 2.5vw, 2rem);
}
.riss-founder__photo {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}
.riss-founder__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.riss-founder__video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0;
	background: #000;
	overflow: hidden;
}
/* Overlay pause + mute buttons (reuse the banner button look); shown on
   hover / focus, always visible on touch screens. */
.riss-founder__controls {
	right: 14px;
	bottom: 14px;
}
.riss-founder__video:hover .riss-founder__controls,
.riss-founder__controls:focus-within {
	opacity: 1;
	transform: none;
}
@media (hover: none) {
	.riss-founder__controls { opacity: 1; transform: none; }
}
.riss-founder__video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.riss-founder__connect {
	display: block;
	text-align: center;
	font-family: var(--sans);
	font-size: .82rem;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--muted);
	margin-top: .4rem;
}
.riss-landing .riss-founder__connect { color: var(--muted); }
.riss-founder__connect:hover { color: var(--gold-dk); }

@media (max-width: 900px) {
	.riss-founder { padding: 4.5rem 0; }
	.riss-founder__head { margin-bottom: 2.5rem; }
	.riss-founder__media { grid-template-columns: 1fr; gap: 1.2rem; }
}

/* ------------------------- Reviews (auto slider) ---------------------- */
.riss-reviews { background: var(--ink); color: #fff; padding: 6.5rem 0; overflow: hidden; }
/* Narrower, centred container than the site-wide 1550px so the cards sit
   in from the edges instead of reading as full-width. */
.riss-reviews .riss-container { max-width: 1200px; }
.riss-reviews__head { text-align: center; max-width: 760px; margin: 0 auto 3.5rem; }
.riss-reviews__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 1.1em;
	font-size: .72rem;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--gold);
	margin: 0 0 1.1em;
}
.riss-reviews__eyebrow::before,
.riss-reviews__eyebrow::after {
	content: '';
	width: 42px;
	height: 1px;
	background: currentColor;
	opacity: .6;
}
.riss-reviews__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(1.9rem, 4vw, 3rem);
	line-height: 1.2;
	color: #fff;
	margin: 0;
}
.riss-reviews__title em { font-style: italic; }
.riss-reviews__stars { color: var(--gold); font-size: .82em; letter-spacing: .04em; }

.riss-reviews__slider { --per: 3; overflow: hidden; }
.riss-reviews__track {
	display: flex;
	transition: transform .6s cubic-bezier(.5, 0, .1, 1);
	will-change: transform;
}
.riss-reviews__slide {
	flex: 0 0 calc(100% / var(--per));
	max-width: calc(100% / var(--per));
	box-sizing: border-box;
	padding: 0 1.8rem;
	display: flex;                    /* let the card stretch to full height */
}
.riss-reviews__card { margin: 0; width: 100%; }
.riss-reviews__mark {
	display: block;
	font-family: var(--serif);
	font-size: 3.4rem;
	line-height: .4;
	color: var(--gold);
	opacity: .8;
	margin-bottom: 1.2rem;
}
.riss-reviews__text {
	font-family: var(--serif);
	font-size: 1.25rem;
	line-height: 1.55;
	color: rgba(255,255,255,.85);
	margin: 0 0 1.6rem;
}
.riss-reviews__by {
	font-family: var(--sans);
	font-size: .72rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: rgba(255,255,255,.5);
}

.riss-reviews__dots { display: flex; justify-content: center; gap: .55rem; margin-top: 2.8rem; }
.riss-reviews__dots button {
	width: 8px; height: 8px;
	padding: 0; border: 0; border-radius: 50%;
	background: rgba(255,255,255,.3);
	cursor: pointer;
	transition: background .25s ease, transform .25s ease;
}
.riss-reviews__dots button.is-active { background: var(--gold); transform: scale(1.25); }

.riss-reviews__cta { text-align: center; margin-top: 2.6rem; }

@media (max-width: 900px) { .riss-reviews__slider { --per: 2; } }
@media (max-width: 600px) {
	.riss-reviews { padding: 4.5rem 0; }
	.riss-reviews__slider { --per: 1; }
	.riss-reviews__slide { padding: 0 1rem; }
}

/* ------------------------------- FAQ ---------------------------------- */
.riss-faq { padding: 6rem 0 6.5rem; background: var(--cream); }
.riss-faq .riss-container { max-width: 900px; }
.riss-faq__head { text-align: center; margin: 0 auto 3rem; }
.riss-faq__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 1.1em;
	font-size: .72rem;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--gold-dk);
	margin: 0 0 1em;
}
.riss-faq__eyebrow::before,
.riss-faq__eyebrow::after {
	content: '';
	width: 34px;
	height: 1px;
	background: currentColor;
	opacity: .6;
}
.riss-faq__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.15;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: 0;
}
.riss-faq__title em { font-style: italic; }

.riss-faq__list { display: grid; gap: 1rem; }
.riss-faq__item {
	background: rgba(255, 255, 255, .55);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
}
.riss-faq__q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	padding: 1.4rem 1.7rem;
	background: none;
	border: 0;
	cursor: pointer;
	text-align: left;
	font-family: var(--serif);
	font-size: 1.28rem;
	color: var(--ink);
	transition: color .25s ease;
}
.riss-faq__q:hover { color: var(--gold-dk); }
/* Chevron indicator. */
.riss-faq__icon {
	flex: 0 0 auto;
	width: 11px;
	height: 11px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform .3s ease;
	margin-top: -4px;
}
.riss-faq__item.is-open .riss-faq__icon { transform: rotate(-135deg); margin-top: 2px; }
.riss-faq__panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height .35s ease;
}
.riss-faq__answer {
	margin: 0;
	padding: 0 1.7rem 1.5rem;
	color: var(--muted);
	max-width: 46em;
}

/* --------------------------- From the blog ---------------------------- */
.riss-blog { padding: 6rem 0 6.5rem; background: #fff; }
.riss-blog__head { text-align: center; margin: 0 auto 3rem; }
.riss-blog__eyebrow { margin-bottom: .8em; }
.riss-blog__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(2.3rem, 5vw, 3.6rem);
	line-height: 1.05;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: 0;
}
.riss-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(1.5rem, 3vw, 2.6rem);
}
.riss-blog__card { display: block; }
.riss-blog__media {
	display: block;
	overflow: hidden;
}
.riss-blog__media img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}
.riss-blog__card:hover .riss-blog__media img { transform: scale(1.05); }
.riss-blog__card-title {
	display: block;
	margin-top: 1.1rem;
	font-family: var(--serif);
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--ink);
	transition: color .25s ease;
}
.riss-landing .riss-blog__card { color: var(--ink); }
.riss-blog__card:hover .riss-blog__card-title { color: var(--gold-dk); }
.riss-blog__cta { text-align: center; margin-top: 3rem; }

@media (max-width: 860px) {
	.riss-blog__grid { grid-template-columns: 1fr; gap: 2rem; max-width: 480px; margin: 0 auto; }
	.riss-blog__media img { aspect-ratio: 3 / 2; }
}

/* ---------------------------- Instagram ------------------------------- */
.riss-insta { background: var(--cream); padding: 3.5rem 0 0; }
.riss-insta__head { text-align: center; margin: 0 0 2rem; }
.riss-insta__head .riss-eyebrow { margin-bottom: .4em; }
.riss-insta__handle {
	font-family: var(--serif);
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	color: var(--ink);
	transition: color .25s ease;
}
.riss-landing .riss-insta__handle { color: var(--ink); }
.riss-insta__handle:hover { color: var(--gold-dk); }

/* Full-width strip of six images with hairline gaps. */
.riss-insta__grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 6px;
}
.riss-insta__item {
	display: block;
	overflow: hidden;
	background: #eee;
}
.riss-insta__item img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}
.riss-insta__item:hover img { transform: scale(1.06); }

@media (max-width: 900px) { .riss-insta__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .riss-insta__grid { grid-template-columns: repeat(2, 1fr); } }

/* ------------------------------ About --------------------------------- */
.riss-about { padding: 6rem 0; }
.riss-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.riss-about__media { position: relative; }
.riss-about__media img { border-radius: var(--radius); box-shadow: var(--shadow); aspect-ratio: 4/5; object-fit: cover; }
.riss-about__badge {
	position: absolute; bottom: 24px; left: -22px;
	background: var(--gold); color: #fff; font-family: var(--serif); font-style: italic; font-size: 1.1rem;
	padding: .6em 1.4em; border-radius: var(--radius); box-shadow: var(--shadow);
}
.riss-about__text p { color: var(--muted); margin: 0 0 1.2em; }
.riss-about__text .riss-btn { margin-top: .6rem; }

/* --------------------------- Why choose us ---------------------------- */
.riss-why { padding: 6rem 0; background: var(--cream-2); }
.riss-why__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.riss-why__card {
	background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
	padding: 2.4rem 2rem; transition: transform .4s ease, box-shadow .4s ease;
}
.riss-why__card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.riss-why__num { font-family: var(--serif); font-size: 2.4rem; font-weight: 700; color: var(--gold); opacity: .55; }
.riss-why__card h3 { font-family: var(--serif); font-size: 1.4rem; margin: .3em 0 .4em; color: var(--ink); }
.riss-why__card p { color: var(--muted); margin: 0; font-size: .95rem; }

/* ----------------------------- Services ------------------------------- */
.riss-services { padding: 6rem 0; }
.riss-service { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-bottom: 4rem; }
.riss-service:last-child { margin-bottom: 0; }
.riss-service--reverse .riss-service__media { order: 2; }
.riss-service__media img { border-radius: var(--radius); box-shadow: var(--shadow); aspect-ratio: 3/2; object-fit: cover; }
.riss-service__text p { color: var(--muted); margin: 0 0 1.2em; }

.riss-ticks { list-style: none; padding: 0; margin: 0; display: grid; gap: .6em; }
.riss-ticks li { position: relative; padding-left: 1.8em; color: var(--ink-2); font-size: .95rem; }
.riss-ticks li::before {
	content: '✓'; position: absolute; left: 0; top: 0;
	color: var(--gold); font-weight: 600;
}

/* ----------------------------- Gallery -------------------------------- */
.riss-gallery { padding: 6rem 0; background: var(--cream-2); }
.riss-gallery__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.riss-gallery__item { margin: 0; overflow: hidden; border-radius: var(--radius); cursor: zoom-in; position: relative; }
.riss-gallery__item::after {
	content: '\002B'; /* + */
	position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
	font-size: 2rem; color: #fff; background: rgba(20,16,12,.35);
	opacity: 0; transition: opacity .35s ease; pointer-events: none;
}
.riss-gallery__item:hover::after { opacity: 1; }
.riss-gallery__item img {
	width: 100%; aspect-ratio: 1/1; object-fit: cover;
	transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.riss-gallery__item:hover img { transform: scale(1.08); }

/* ----------------------------- Packages ------------------------------- */
.riss-packages { padding: 6rem 0; }
.riss-packages__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; align-items: stretch; }
.riss-pkg {
	position: relative; background: var(--white); border: 1px solid var(--line);
	border-radius: var(--radius); padding: 2.6rem 2rem; display: flex; flex-direction: column;
	/* transition: transform .4s ease, box-shadow .4s ease; */
}
.riss-pkg:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.riss-pkg--featured { background: var(--ink); color: #fff; border-color: var(--ink); transform: scale(1.03); }
.riss-pkg--featured:hover { transform: scale(1.03) translateY(-8px); }
.riss-pkg--featured .riss-pkg__name,
.riss-pkg--featured .riss-pkg__price { color: #fff; }
.riss-pkg--featured .riss-ticks li { color: rgba(255,255,255,.85); }
.riss-pkg__flag {
	position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
	background: var(--gold); color: #fff; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase;
	padding: .5em 1.2em; border-radius: 40px; white-space: nowrap;
}
.riss-pkg__name { font-family: var(--serif); font-size: 1.7rem; color: var(--ink); margin: 0 0 .2em; }
.riss-pkg__price { font-family: var(--serif); font-size: 2.4rem; font-weight: 700; color: var(--ink); margin: 0 0 1.2rem; }
.riss-pkg__price span { display: block; font-size: .8rem; font-family: var(--sans); font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.riss-pkg .riss-ticks { margin-bottom: 2rem; }
.riss-pkg .riss-btn { margin-top: auto; }

/* --------------------------- Testimonials ----------------------------- */
/* Floating testimonial wall: the whole staggered stack of quote+photo cards
   drifts upward in an endless loop inside a masked viewport, revealing the
   next reviews. Hovering the wall pauses the drift. */
.riss-testimonials { padding: 6rem 0; background: #fff; overflow: hidden; }

/* The viewport — fixed height, faded top/bottom edges. */
.riss-testi-wall {
	height: 700px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 90%, transparent 100%);
	mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 90%, transparent 100%);
}
/* The moving track (two identical card sets = seamless -50% loop). Duration
   comes from the template (--testi-dur), scaled to the number of reviews. */
.riss-testi-track {
	display: flex;
	flex-direction: column;
	animation: riss-testi-drift var(--testi-dur, 40s) linear infinite;
	will-change: transform;
}
.riss-testi-wall:hover .riss-testi-track { animation-play-state: paused; }
.riss-testi-set {
	display: flex;
	flex-direction: column;
	gap: clamp(2.2rem, 4.5vw, 3.5rem);
	padding-bottom: clamp(2.2rem, 4.5vw, 3.5rem); /* keeps the loop gap even */
}
@keyframes riss-testi-drift {
	from { transform: translateY(0); }
	to   { transform: translateY(-50%); }
}
/* Static variant (fewer than 3 reviews): no motion, natural height. */
.riss-testi-wall--static { height: auto; -webkit-mask-image: none; mask-image: none; }
.riss-testi-wall--static .riss-testi-track { animation: none; }
.riss-testi-wall--static .riss-testi-set { padding-bottom: 0; }

.riss-testi-card {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	width: min(760px, 94%);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: 0 28px 52px -34px rgba(28, 24, 19, .45);
}
/* Staggered rhythm: odd cards sit right, even cards sit left (photo first). */
.riss-testi-card:nth-child(odd)  { margin-left: auto; }
.riss-testi-card:nth-child(even) { margin-right: auto; }
.riss-testi-card:nth-child(even) .riss-testi-card__media { order: -1; }

.riss-testi-card__quote {
	margin: 0;
	padding: clamp(1.8rem, 3.5vw, 2.8rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
}
.riss-testi-card__stars { color: var(--gold); letter-spacing: .2em; margin-bottom: 1rem; }
.riss-landing .riss-testi-card__quote p {
	font-family: var(--serif);
	font-size: 1.05rem;
	font-style: italic;
	line-height: 1.6;
	margin: 0 0 1.2rem;
	color: var(--muted);
	max-width: none;
}
.riss-testi-card__quote cite {
	font-style: normal;
	font-family: var(--sans);
	font-size: .78rem;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--gold-dk);
}
/* The parent theme decorates blockquote cites with a ::before dash line —
 * doubled up with our own "—" in the markup, so hide the theme's. */
.riss-landing .riss-testi-card__quote cite::before {
	content: none !important;
	display: none !important;
}
.riss-testi-card__media { min-height: 280px; }
.riss-testi-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* A review without a photo lets the quote span the full card. */
.riss-testi-card--nomedia { grid-template-columns: 1fr; }

@media (max-width: 760px) {
	.riss-testi-card,
	.riss-testi-card:nth-child(odd),
	.riss-testi-card:nth-child(even) { width: 100%; grid-template-columns: 1fr; }
	/* Photo on top on small screens. */
	.riss-testi-card .riss-testi-card__media { order: -1; min-height: 0; height: 360px; }
}
@media (prefers-reduced-motion: reduce) {
	.riss-testi-wall { height: auto; -webkit-mask-image: none; mask-image: none; }
	.riss-testi-track { animation: none; }
	.riss-testi-set[aria-hidden="true"] { display: none; }
}

/* ------------------------------ Contact ------------------------------- */
/* Light two-column layout: text on the left, the form card on the right.
   (The old full-width background photo + dark overlay were removed.) */
.riss-contact {
	position: relative;
	padding: clamp(4rem, 8vw, 7rem) 0 clamp(4.5rem, 8vw, 7.5rem);
	background: var(--cream);
	overflow: hidden;
}
.riss-contact__inner {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: clamp(2.5rem, 6vw, 5.5rem);
	align-items: center;
	text-align: left;
}
.riss-contact__head { margin-bottom: 0; }
.riss-contact__head .riss-eyebrow { color: var(--gold); }
.riss-contact__title {
	font-family: var(--serif);
	font-weight: 500;
	font-size: clamp(2rem, 4.6vw, 3.3rem);
	line-height: 1.12;
	letter-spacing: -.5px;
	color: var(--ink);
	margin: .25em 0 .5em;
}
.riss-contact__title em { font-style: italic; color: var(--gold); }
.riss-contact__sub {
	color: var(--muted);
	font-size: 1rem;
	max-width: 34em;
	margin: 0;
}

/* Form card on the right. */
.riss-contact__form-wrap {
	text-align: left;
	background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
	padding: 2.6rem; box-shadow: var(--shadow);
	color: var(--ink-2);
}

@media (max-width: 900px) {
	.riss-contact__inner { grid-template-columns: 1fr; gap: 2.4rem; }
}
.riss-form { display: grid; gap: 1.1rem; }
.riss-field { display: flex; flex-direction: column; }
.riss-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.riss-field label { font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: .4em; }
.riss-field label span { color: var(--gold-dk); }
.riss-field input, .riss-field select, .riss-field textarea {
	font-family: var(--sans); font-size: .98rem; color: var(--ink-2);
	padding: .85em 1em; border: 1px solid var(--line); border-radius: var(--radius);
	background: var(--cream); transition: border-color .25s ease, box-shadow .25s ease;
}
.riss-field input:focus, .riss-field select:focus, .riss-field textarea:focus {
	outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(193,154,75,.18);
}
.riss-form__note { font-size: .78rem; color: var(--muted); text-align: center; margin: .2rem 0 0; }
.riss-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.riss-alert { padding: 1em 1.2em; border-radius: var(--radius); margin-bottom: 1.4rem; font-size: .92rem; }
.riss-alert--success { background: #edf7ee; border: 1px solid #b7ddba; color: #2c6b32; }
.riss-alert--error { background: #fbecec; border: 1px solid #eabcbc; color: #a13636; }

/* ------------------------------ Footer -------------------------------- */
.riss-footer { background: #fff; color: #000; padding: 3rem 0 0; }
.riss-footer .riss-logo img { filter: none; }

/* Row 1: logo left, menu right (divider below). */
.riss-footer__top {
	display: flex; align-items: center; justify-content: space-between; gap: 2rem;
	padding-bottom: 2.2rem; border-bottom: 1px solid var(--line);
}
.riss-footer__nav { display: flex; flex-wrap: wrap; align-items: center; gap: 1.6rem; }
.riss-footer__nav a, .riss-footer__contact a, .riss-footer__legal a { font-size: .95rem; letter-spacing: .02em; transition: color .25s ease; }
.riss-landing .riss-footer__nav a, .riss-landing .riss-footer__contact a, .riss-landing .riss-footer__legal a { color: #000; }
.riss-landing .riss-footer__nav a:hover, .riss-landing .riss-footer__contact a:hover, .riss-landing .riss-footer__legal a:hover { color: var(--gold-dk); }

/* Row 2: address left, phone + email right. */
.riss-footer__mid { display: flex; justify-content: space-between; gap: 2rem; padding: 2.6rem 0; }
.riss-landing .riss-footer__address { margin: 0; line-height: 1.9; }
.riss-footer__contact { display: flex; flex-direction: column; gap: .7rem; text-align: right; }

/* Row 3: legal links left, social icons right. */
.riss-footer__legalrow { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-bottom: 1.4rem; }
.riss-footer__legal { display: flex; flex-wrap: wrap; gap: 2rem; }
.riss-footer__socials { display: flex; gap: .8rem; }
.riss-landing .riss-footer__socials a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border-radius: 50%;
	background: #fff; color: #000;
	box-shadow: 0 4px 16px rgba(0,0,0,.14);
	transition: background .25s ease, color .25s ease;
}
.riss-landing .riss-footer__socials a:hover { background: #000; color: #fff; }
.riss-footer__socials svg { width: 20px; height: 20px; }

/* Row 4: copyright left, credit right. */
.riss-footer__bar {
	display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	padding: 1rem 0 2rem; font-size: .85rem; color: #000;
}

/* ------------------------------ Lightbox ------------------------------ */
/* z-index sits above the theme's ThemeREX Addons fixed UI (scroll-to-top
 * button etc.), which the popup must fully cover. */
.riss-lightbox {
	position: fixed; inset: 0; z-index: 100100;
	display: flex; align-items: center; justify-content: center;
	background: rgba(12, 9, 6, .92); backdrop-filter: blur(4px);
	opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease;
	padding: 4vw;
}
.riss-lightbox.is-open { opacity: 1; visibility: visible; }
.riss-lightbox__stage { margin: 0; max-width: 92vw; max-height: 86vh; display: flex; }
.riss-lightbox__stage img {
	max-width: 92vw; max-height: 86vh; width: auto; height: auto;
	border-radius: var(--radius); box-shadow: 0 30px 80px -20px rgba(0,0,0,.8);
	transform: scale(.94); transition: transform .35s ease;
}
.riss-lightbox.is-open .riss-lightbox__stage img { transform: scale(1); }
.riss-lightbox__close, .riss-lightbox__nav {
	position: absolute; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.25);
	color: #fff; cursor: pointer; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	transition: background .25s ease, transform .25s ease;
}
.riss-lightbox__close:hover, .riss-lightbox__nav:hover { background: var(--gold); border-color: var(--gold); }
.riss-lightbox__close { top: 24px; right: 24px; width: 46px; height: 46px; font-size: 1.8rem; line-height: 1; }
.riss-lightbox__nav { top: 50%; transform: translateY(-50%); width: 54px; height: 54px; font-size: 2.2rem; line-height: 1; }
.riss-lightbox__nav:hover { transform: translateY(-50%) scale(1.08); }
.riss-lightbox__prev { left: 24px; }
.riss-lightbox__next { right: 24px; }
/* Lock page scroll while the lightbox / mobile menu is open.
 * position:fixed (with the current scroll offset set as an inline `top`
 * by the JS lock helper) also stops touch scrolling on iOS, where a bare
 * overflow:hidden is ignored. */
body.riss-noscroll {
	overflow: hidden;
	position: fixed;
	left: 0; right: 0;
	width: 100%;
	overscroll-behavior: none;
}
/* Hide the theme's ThemeREX Addons scroll-to-top button while a popup is
 * open — the plugin keeps it visible via its own .show class, so force it
 * invisible and untouchable. */
body.riss-noscroll .trx_addons_scroll_to_top,
body.riss-noscroll .scroll_to_top {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
@media (max-width: 520px) {
	.riss-lightbox__nav { width: 42px; height: 42px; font-size: 1.6rem; }
	.riss-lightbox__prev { left: 10px; }
	.riss-lightbox__next { right: 10px; }
	.riss-lightbox__close { top: 12px; right: 12px; }
}

/* --------------------------- Scroll reveal ---------------------------- */
.riss-reveal { opacity: 0; transform: translateY(34px); transition: opacity .8s ease, transform .8s ease; transition-delay: var(--d, 0ms); }
.riss-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.riss-reveal { opacity: 1; transform: none; transition: none; }
	.riss-hero { background-attachment: scroll; }
}

/* ----------------------------- Responsive ----------------------------- */
@media (max-width: 900px) {
	.riss-hero { background-attachment: scroll; }
	/* Extra breathing room below the hero button on small screens. */
	.riss-hero__content { padding-bottom: clamp(6rem, 16vh, 9rem); }
	.riss-hero__actions { margin-bottom: 2.5rem; }
	.riss-seenin { padding: 4rem 0 3.5rem; }
	.riss-seenin__brands { gap: 1.5rem 2.4rem; }
	.riss-about__grid,
	.riss-service,
	.riss-service--reverse .riss-service__media,
	.riss-contact__grid { grid-template-columns: 1fr; gap: 2.4rem; }
	.riss-service--reverse .riss-service__media { order: 0; }
	.riss-why__grid,
	.riss-packages__grid,
	.riss-testimonials__grid { grid-template-columns: 1fr; }
	.riss-gallery__grid { grid-template-columns: repeat(2, 1fr); }
	.riss-pkg--featured { transform: none; }
	.riss-footer__top,
	.riss-footer__mid,
	.riss-footer__legalrow,
	.riss-footer__bar { flex-direction: column; align-items: flex-start; }
	.riss-footer__contact { text-align: left; }

	/* Mobile nav */
	.riss-burger { display: flex; }
	.riss-nav {
		position: fixed; inset: 0 0 0 auto; width: min(80vw, 320px);
		flex-direction: column; align-items: flex-start; justify-content: center; gap: 1.4rem;
		background: var(--cream); padding: 2rem 2.4rem;
		transform: translateX(100%); transition: transform .4s cubic-bezier(.2,.8,.2,1);
		box-shadow: -20px 0 50px -30px rgba(0,0,0,.5); z-index: 99;
	}
	.riss-nav.is-open { transform: translateX(0); }
	.riss-nav__link { font-size: 1rem; }
	.riss-landing .riss-nav__link { color: var(--ink-2); }
	.riss-landing .riss-nav__link:hover,
	.riss-landing .riss-nav__link.is-active { color: var(--gold-dk); }
}
@media (max-width: 520px) {
	.riss-container { padding: 0 18px; }
	.riss-about__badge { left: 12px; }
	.riss-contact__form-wrap { padding: 1.8rem; }
	.riss-field-row { grid-template-columns: 1fr; }
}

/* =========================================================================
   Uniform serif typography — match riss-pkgpromo across content sections.
   Serif applies to paragraphs, eyebrows and text-links; the contact FORM
   and shared .riss-btn buttons are intentionally left on the sans font.
   ========================================================================= */
.riss-foryou,
.riss-intro,
.riss-trust,
.riss-expertise,
.riss-founder,
.riss-faq,
.riss-blog,
.riss-insta {
	font-family: var(--serif);
}
/* Sub-elements that explicitly force the sans font -> switch to serif. */
.riss-founder__eyebrow,
.riss-founder__connect,
.riss-founder__link,
.riss-trust__label,
.riss-trust__places,
.riss-expertise__sub,
.riss-intro__link,
.riss-contact__head,
.riss-contact__sub,
.riss-contact__head .riss-eyebrow {
	font-family: var(--serif);
}

/* =========================================================================
   Default paragraph — Work Sans 16px grey (the site's body-text style).
   Uses :where() (0 specificity) so any paragraph with its own rules keeps
   its colour/size; the uniform rules further below enforce the base.
   ========================================================================= */
:where(.riss-landing p) {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: rgb(95, 95, 102);
	margin: 0 0 2.2rem;
}
/* Guard: let footer paragraphs span their column. */
.riss-landing .riss-footer p { max-width: none; }

/* Centre the (now max-width-constrained) paragraphs inside centred blocks. */
.riss-seenin__inner p,
.riss-section-head p,
.riss-trust__head p,
.riss-faq__head p,
.riss-blog__head p,
.riss-expertise__head p,
.riss-insta__head p {
	margin-left: auto;
	margin-right: auto;
}

/* Centred stat locations line — let it span full width so text-align centres it. */
.riss-trust__places { max-width: none; }

/* =========================================================================
   Uniform typography — apply riss-pkgpromo's per-type styles
   (font-family / font-size / letter-spacing / line-height) to every section.
   Colours are left untouched; nav links keep their own style.
   ========================================================================= */
/* Eyebrows -> match .riss-pkgpromo__eyebrow */
.riss-landing .riss-eyebrow,
.riss-landing [class$="__eyebrow"] {
	font-family: var(--serif);
	font-weight: 500;
	font-size: 1.3rem;
	letter-spacing: .22em;
	line-height: 1.2;
	text-transform: capitalize;
}
/* Body paragraphs -> Work Sans 16px grey (site body-text style). */
.riss-landing p {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 1.6;
	color: rgb(95, 95, 102);
	text-transform: capitalize;
}
/* Plain spans get the same base. :where() keeps specificity minimal so any
 * span styled by its component (announcement bar, stat numbers, photo
 * captions, blog card titles…) keeps its own look. */
:where(.riss-landing) span {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: rgb(125, 125, 132);
}
/* Keep white text on photo/dark backgrounds after the grey reset — and
 * restore the hero subtitle's size/weight, since the ".riss-landing p"
 * reset outranks the base .riss-hero__sub rule. */
.riss-landing .riss-hero__sub {
	color: rgba(255, 255, 255, .92);
	font-size: clamp(1rem, 2vw, 1.3rem);
	font-weight: 300;
	text-transform: none;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
/* Hero typography on mobile screens only. */
@media (max-width: 640px) {
	.riss-landing .riss-hero__title {
		font-size: 37.008px;
		line-height: 1.4;
	}
	.riss-landing .riss-hero p,
	.riss-landing .riss-hero__sub {
		font-size: clamp(0.9rem, 2vw, 0.3rem);   /* resolves to 0.9rem */
	}
}
.riss-landing .riss-eyebrow,
.riss-landing [class$="__eyebrow"] { letter-spacing: .22em; }   /* keep eyebrow tracking after the p reset */
/* Buttons & text-links -> match .riss-pkgpromo__link */
.riss-landing .riss-btn,
.riss-landing .riss-intro__link,
.riss-landing .riss-founder__link,
.riss-landing .riss-founder__connect,
.riss-landing .riss-pkgpromo__link {
	font-family: var(--serif);
	font-weight: 500;
	font-size: .95rem;
	letter-spacing: .18em;
	line-height: 1.2;
}
/* All section headings (h2) — kudryashev with a sans-serif fallback, near-black.
   Beats the per-section title rules (single-class) on specificity. */
.riss-landing h2 {
	font-family: "kudryashev-d-contrast-sans", sans-serif;
	color: rgb(16, 15, 23);
}

/* =========================================================================
   Outlined dark "Read More" buttons — the content-section CTAs (This is for
   you, About intro, Packages promo, Cinematography, Blog) render as a thin
   dark-bordered box with dark text; fills dark on hover.
   ========================================================================= */
.riss-landing .riss-foryou .riss-btn,
.riss-landing .riss-intro .riss-intro__link,
.riss-landing .riss-pkgpromo .riss-pkgpromo__link,
.riss-landing .riss-founder .riss-founder__btn,
.riss-landing .riss-blog .riss-btn {
	background: transparent;
	color: rgb(16, 15, 23);
	border: 1px solid rgb(16, 15, 23);
	border-radius: 0;
	box-shadow: none;
	font-family: "Work Sans", sans-serif;
	font-weight: 500;
	font-size: .95rem;
	letter-spacing: .02em;
	text-transform: capitalize;
}
.riss-landing .riss-foryou .riss-btn:hover,
.riss-landing .riss-intro .riss-intro__link:hover,
.riss-landing .riss-pkgpromo .riss-pkgpromo__link:hover,
.riss-landing .riss-founder .riss-founder__btn:hover,
.riss-landing .riss-blog .riss-btn:hover {
	background: rgb(16, 15, 23);
	color: #fff;
}

/* Buttons & text-link CTAs on mobile screens only. Includes the
 * higher-specificity outlined-CTA selectors above so the 12px size
 * applies to every button variant. */
@media (max-width: 640px) {
	.riss-landing .riss-btn,
	.riss-landing .riss-intro__link,
	.riss-landing .riss-founder__link,
	.riss-landing .riss-founder__connect,
	.riss-landing .riss-pkgpromo__link,
	.riss-landing .riss-foryou .riss-btn,
	.riss-landing .riss-intro .riss-intro__link,
	.riss-landing .riss-pkgpromo .riss-pkgpromo__link,
	.riss-landing .riss-founder .riss-founder__btn,
	.riss-landing .riss-blog .riss-btn {
		font-size: 12px;
	}
	.riss-seenin__brand:nth-child(6n+1){
		font-size: 0.8rem;
	}
}

div#sbi_load {
    display: none;
}
.riss-contact .riss-eyebrow {
	color:#5f5f66;

}