/* İnovarka Resource Center — editorial system */

.iv-resource-page,
.iv-article-page {
	color: #faf9f6;
	background: #0d0e0d;
}

.iv-resource-page .iv-resource-hero {
	position: relative;
	display: grid;
	min-height: min(900px, 100svh);
	grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr);
	align-items: center;
	gap: clamp(48px, 7vw, 130px);
	padding: 150px var(--iv-page) 82px;
	overflow: hidden;
	background:
		radial-gradient(circle at 18% 49%, rgba(58, 70, 51, .4), transparent 32%),
		radial-gradient(circle at 82% 35%, rgba(216, 207, 194, .075), transparent 25%),
		linear-gradient(118deg, #0d0e0d 0%, #151615 63%, #1f1f1f 100%);
}

.iv-resource-page .iv-resource-hero::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(216, 207, 194, .28), transparent);
}

.iv-resource-hero-copy {
	position: relative;
	z-index: 3;
	max-width: 920px;
}

.iv-resource-page .iv-resource-hero h1 {
	max-width: 900px;
	margin: 38px 0 0;
	color: #faf9f6;
	font-family: var(--font-geist-sans), Arial, sans-serif;
	font-size: clamp(62px, 6.4vw, 108px);
	font-weight: 560;
	line-height: .91;
	letter-spacing: -.068em;
}

.iv-resource-page .iv-resource-hero h1 em {
	display: block;
	color: #d8cfc2;
	font-style: normal;
	font-weight: 330;
}

.iv-resource-page .iv-resource-hero-copy > p {
	max-width: 720px;
	margin: 30px 0 0;
	color: rgba(250, 249, 246, .64);
	font-size: clamp(15px, 1.1vw, 18px);
	line-height: 1.72;
}

.iv-resource-hero-copy > a {
	display: inline-flex;
	min-height: 58px;
	align-items: center;
	gap: 22px;
	margin-top: 35px;
	padding: 0 11px 0 20px;
	border: 1px solid rgba(216, 207, 194, .24);
	border-radius: 999px;
	color: #faf9f6;
	font-size: 12px;
	font-weight: 650;
	transition: border-color .25s ease, background .25s ease;
}

.iv-resource-hero-copy > a span {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 50%;
	color: #1f1f1f;
	background: #d8cfc2;
	transition: transform .25s ease;
}

.iv-resource-hero-copy > a:hover {
	border-color: rgba(216, 207, 194, .5);
	background: rgba(250, 249, 246, .04);
}

.iv-resource-hero-copy > a:hover span {
	transform: translateY(3px);
}

.iv-resource-orbit {
	position: relative;
	min-height: 650px;
	overflow: hidden;
	-webkit-mask-image: radial-gradient(ellipse at center, #000 50%, transparent 96%);
	mask-image: radial-gradient(ellipse at center, #000 50%, transparent 96%);
}

.iv-resource-orbit-grid {
	position: absolute;
	inset: 8% -20% -28%;
	background:
		repeating-linear-gradient(90deg, transparent 0 61px, rgba(216, 207, 194, .055) 62px, transparent 63px),
		repeating-linear-gradient(0deg, transparent 0 61px, rgba(216, 207, 194, .055) 62px, transparent 63px);
	transform: perspective(700px) rotateX(64deg) scale(1.18);
	transform-origin: center bottom;
	animation: iv-resource-grid 8s linear infinite;
}

.iv-resource-orbit-core {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 168px;
	aspect-ratio: 1;
	border: 1px solid rgba(216, 207, 194, .2);
	border-radius: 48%;
	background:
		radial-gradient(circle at 45% 42%, rgba(250, 249, 246, .18), transparent 19%),
		linear-gradient(145deg, rgba(58, 70, 51, .82), rgba(31, 31, 31, .88));
	box-shadow: 0 28px 100px rgba(0, 0, 0, .4), 0 0 90px rgba(58, 70, 51, .36);
	transform: translate(-50%, -50%) rotate(45deg);
	animation: iv-resource-core 6s ease-in-out infinite;
}

.iv-resource-orbit-core::before,
.iv-resource-orbit-core::after {
	position: absolute;
	inset: 22%;
	border: 1px solid rgba(216, 207, 194, .16);
	border-radius: 50%;
	content: "";
}

.iv-resource-orbit-core::after {
	inset: 38%;
	background: #d8cfc2;
	box-shadow: 0 0 30px rgba(216, 207, 194, .34);
}

.iv-resource-orbit-core span,
.iv-resource-orbit-core b {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #faf9f6;
}

.iv-resource-orbit-core span {
	transform: translate(-56px, -50%);
}

.iv-resource-orbit-core b {
	transform: translate(50px, -50%);
}

.iv-resource-orbit-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	aspect-ratio: 1;
	border: 1px solid rgba(216, 207, 194, .13);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.iv-resource-orbit-ring::after {
	position: absolute;
	inset: 15%;
	border: 1px dashed rgba(216, 207, 194, .11);
	border-radius: inherit;
	content: "";
}

.iv-resource-orbit-ring.ring-one {
	width: min(470px, 78%);
	animation: iv-resource-spin 24s linear infinite;
}

.iv-resource-orbit-ring.ring-two {
	width: min(620px, 96%);
	animation: iv-resource-spin 38s linear infinite reverse;
}

.iv-resource-orbit-ring i {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d8cfc2;
	box-shadow: 0 0 0 7px rgba(216, 207, 194, .055), 0 0 22px rgba(216, 207, 194, .25);
}

.iv-resource-orbit-ring i:nth-child(1) { top: 16%; left: 16%; }
.iv-resource-orbit-ring i:nth-child(2) { top: 48%; right: -5px; }
.iv-resource-orbit-ring i:nth-child(3) { bottom: 7%; left: 34%; }
.iv-resource-orbit-ring i:nth-child(4) { top: 30%; left: -5px; }

.iv-resource-sheets span {
	position: absolute;
	z-index: 2;
	width: 170px;
	height: 108px;
	border: 1px solid rgba(216, 207, 194, .15);
	border-radius: 22px;
	background:
		linear-gradient(rgba(216, 207, 194, .22), rgba(216, 207, 194, .22)) 22px 24px / 48% 5px no-repeat,
		linear-gradient(rgba(216, 207, 194, .1), rgba(216, 207, 194, .1)) 22px 42px / 72% 4px no-repeat,
		linear-gradient(rgba(216, 207, 194, .08), rgba(216, 207, 194, .08)) 22px 57px / 58% 4px no-repeat,
		rgba(31, 31, 31, .62);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
	backdrop-filter: blur(8px);
}

.iv-resource-sheets span:nth-child(1) {
	top: 18%;
	left: 7%;
	transform: rotate(-9deg);
	animation: iv-resource-sheet 7s ease-in-out infinite;
}

.iv-resource-sheets span:nth-child(2) {
	top: 16%;
	right: 5%;
	transform: rotate(8deg) scale(.88);
	animation: iv-resource-sheet 7s -2.3s ease-in-out infinite;
}

.iv-resource-sheets span:nth-child(3) {
	right: 13%;
	bottom: 13%;
	transform: rotate(-4deg) scale(.82);
	animation: iv-resource-sheet 7s -4.6s ease-in-out infinite;
}

.iv-resource-signal {
	position: absolute;
	z-index: 6;
	right: 13%;
	bottom: 26%;
	left: 13%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216, 207, 194, .38), transparent);
}

.iv-resource-signal i {
	position: absolute;
	top: -3px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #d8cfc2;
	animation: iv-resource-signal 4.4s linear infinite;
}

.iv-resource-signal i:nth-child(2) { animation-delay: -1.1s; }
.iv-resource-signal i:nth-child(3) { animation-delay: -2.2s; }
.iv-resource-signal i:nth-child(4) { animation-delay: -3.3s; }

.iv-resource-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
	align-items: center;
	gap: 28px;
	padding: 26px var(--iv-page);
	border-bottom: 1px solid rgba(216, 207, 194, .14);
	background: #121411;
}

.iv-resource-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0;
}

.iv-resource-categories a {
	display: inline-flex;
	min-height: 39px;
	align-items: center;
	gap: 9px;
	padding: 0 13px;
	border: 1px solid rgba(216, 207, 194, .17);
	border-radius: 999px;
	color: rgba(250, 249, 246, .61);
	font-size: 11px;
	transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.iv-resource-categories a small {
	color: rgba(216, 207, 194, .5);
	font: 8px var(--font-geist-mono), monospace;
}

.iv-resource-categories a:hover,
.iv-resource-categories a.is-active {
	border-color: rgba(216, 207, 194, .42);
	color: #faf9f6;
	background: rgba(58, 70, 51, .38);
}

.iv-resource-search {
	display: grid;
	grid-template-columns: 1fr 42px;
	min-height: 48px;
	border: 1px solid rgba(216, 207, 194, .18);
	border-radius: 999px;
	background: rgba(250, 249, 246, .025);
}

.iv-resource-search:focus-within {
	border-color: rgba(216, 207, 194, .55);
	box-shadow: 0 0 0 3px rgba(58, 70, 51, .28);
}

.iv-resource-search input {
	min-width: 0;
	padding: 0 8px 0 18px;
	border: 0;
	outline: 0;
	color: #faf9f6;
	background: transparent;
	font: 12px var(--font-geist-sans), Arial, sans-serif;
}

.iv-resource-search input::placeholder {
	color: rgba(250, 249, 246, .42);
}

.iv-resource-search button {
	width: 36px;
	height: 36px;
	align-self: center;
	border: 0;
	border-radius: 50%;
	color: #1f1f1f;
	background: #d8cfc2;
	cursor: pointer;
	transition: transform .2s ease;
}

.iv-resource-search button:hover {
	transform: rotate(45deg);
}

.iv-resource-featured,
.iv-resource-feed,
.iv-related-resources {
	padding: clamp(88px, 9vw, 145px) var(--iv-page);
	background: #151615;
}

.iv-resource-featured {
	padding-bottom: 0;
}

.iv-resource-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 470px);
	align-items: end;
	gap: 50px;
	margin-bottom: 50px;
}

.iv-resource-section-head > span,
.iv-resource-section-head > div > span {
	color: rgba(216, 207, 194, .65);
	font: 9px var(--font-geist-mono), monospace;
	letter-spacing: .13em;
}

.iv-resource-section-head h2 {
	max-width: 880px;
	margin: 25px 0 0;
	color: #faf9f6;
	font-size: clamp(47px, 5.4vw, 82px);
	font-weight: 520;
	line-height: .96;
	letter-spacing: -.058em;
}

.iv-resource-section-head h2 em {
	display: block;
	color: #858d80;
	font-style: normal;
	font-weight: 350;
}

.iv-resource-section-head > p {
	max-width: 470px;
	margin: 0;
	color: rgba(250, 249, 246, .5);
	font-size: 13px;
	line-height: 1.72;
}

.iv-resource-section-head > a {
	justify-self: end;
	color: #d8cfc2;
	font-size: 12px;
}

.iv-resource-featured-card {
	overflow: hidden;
	border: 1px solid rgba(216, 207, 194, .2);
	border-radius: 38px;
	background: #d8cfc2;
}

.iv-resource-featured-card > a {
	display: grid;
	min-height: 600px;
	grid-template-columns: 1.08fr .92fr;
	color: #1f1f1f;
}

.iv-resource-featured-card > a > .iv-resource-visual {
	min-height: 600px;
	border-radius: 0;
}

.iv-resource-featured-card > a > div:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: clamp(34px, 4.6vw, 76px);
}

.iv-resource-featured-card .iv-resource-meta {
	color: rgba(31, 31, 31, .62);
}

.iv-resource-featured-card h2 {
	max-width: 820px;
	margin: clamp(70px, 10vh, 125px) 0 0;
	font-size: clamp(43px, 4.8vw, 76px);
	font-weight: 530;
	line-height: .94;
	letter-spacing: -.062em;
}

.iv-resource-featured-card p {
	max-width: 680px;
	margin: 25px 0 0;
	color: rgba(31, 31, 31, .66);
	font-size: 14px;
	line-height: 1.7;
}

.iv-resource-featured-card footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: auto;
	padding-top: 35px;
	border-top: 1px solid rgba(31, 31, 31, .13);
}

.iv-resource-featured-card footer time {
	color: rgba(31, 31, 31, .56);
	font: 9px var(--font-geist-mono), monospace;
	letter-spacing: .08em;
}

.iv-resource-featured-card footer b {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	font-size: 12px;
}

.iv-resource-featured-card footer b span {
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border-radius: 50%;
	color: #faf9f6;
	background: #3a4633;
	transition: transform .25s ease;
}

.iv-resource-featured-card:hover footer b span {
	transform: rotate(45deg);
}

.iv-resource-feed {
	background:
		radial-gradient(circle at 88% 10%, rgba(58, 70, 51, .26), transparent 25%),
		#151615;
}

.iv-resource-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.iv-resource-card {
	min-width: 0;
	min-height: 520px;
	overflow: hidden;
	border: 1px solid rgba(216, 207, 194, .15);
	border-radius: 28px;
	color: #faf9f6;
	background: rgba(250, 249, 246, .025);
	transition: transform .3s ease, border-color .3s ease, background .3s ease;
}

.iv-resource-card:hover {
	border-color: rgba(216, 207, 194, .4);
	background: rgba(58, 70, 51, .13);
	transform: translateY(-6px);
}

.iv-resource-card > a {
	display: flex;
	height: 100%;
	flex-direction: column;
	color: inherit;
}

.iv-resource-card-copy {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	padding: 25px 25px 23px;
}

.iv-resource-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	color: rgba(216, 207, 194, .66);
	font: 8px var(--font-geist-mono), monospace;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.iv-resource-meta i {
	flex: 0 0 auto;
	font-style: normal;
}

.iv-resource-card h2 {
	margin: 27px 0 0;
	font-size: clamp(29px, 2.35vw, 42px);
	font-weight: 520;
	line-height: 1;
	letter-spacing: -.052em;
}

.iv-resource-card p {
	margin: 19px 0 0;
	color: rgba(250, 249, 246, .51);
	font-size: 12px;
	line-height: 1.65;
}

.iv-resource-card footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: auto;
	padding-top: 27px;
}

.iv-resource-card footer time {
	color: rgba(216, 207, 194, .48);
	font: 8px var(--font-geist-mono), monospace;
	letter-spacing: .07em;
}

.iv-resource-card footer b {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #d8cfc2;
	font-size: 11px;
	font-weight: 600;
}

.iv-resource-card footer b span {
	transition: transform .25s ease;
}

.iv-resource-card:hover footer b span {
	transform: rotate(45deg);
}

.iv-resource-card.is-wide {
	grid-column: span 2;
}

.iv-resource-card.is-wide > a {
	display: grid;
	grid-template-columns: minmax(300px, .86fr) minmax(0, 1.14fr);
}

.iv-resource-card.is-wide .iv-resource-visual {
	height: 100%;
	min-height: 520px;
}

.iv-resource-card.is-wide h2 {
	font-size: clamp(38px, 3.65vw, 62px);
}

.iv-resource-visual {
	position: relative;
	height: 245px;
	min-height: 245px;
	overflow: hidden;
	background:
		radial-gradient(circle at 48% 45%, rgba(58, 70, 51, .68), transparent 38%),
		#0d0e0d;
}

.iv-resource-visual > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s cubic-bezier(.2, .75, .2, 1), filter .4s ease;
}

.iv-resource-card:hover .iv-resource-visual > img,
.iv-resource-featured-card:hover .iv-resource-visual > img {
	transform: scale(1.035);
}

.iv-resource-cover {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(250, 249, 246, .025), transparent 55%),
		repeating-linear-gradient(90deg, transparent 0 49px, rgba(216, 207, 194, .045) 50px, transparent 51px);
}

.iv-resource-cover::before,
.iv-resource-cover::after {
	position: absolute;
	width: 58%;
	aspect-ratio: 1;
	border: 1px solid rgba(216, 207, 194, .12);
	border-radius: 50%;
	content: "";
	animation: iv-resource-cover-ring 11s linear infinite;
}

.iv-resource-cover::after {
	width: 82%;
	border-style: dashed;
	border-color: rgba(216, 207, 194, .09);
	animation-duration: 19s;
	animation-direction: reverse;
}

.iv-resource-cover > span {
	position: relative;
	z-index: 3;
	color: #faf9f6;
	font-size: clamp(52px, 5.5vw, 92px);
	font-weight: 640;
	letter-spacing: -.085em;
	text-shadow: 0 15px 45px rgba(0, 0, 0, .35);
}

.iv-resource-cover > i {
	position: absolute;
	z-index: 2;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d8cfc2;
	box-shadow: 0 0 0 7px rgba(216, 207, 194, .06);
	animation: iv-resource-node 5s ease-in-out infinite;
}

.iv-resource-cover > i:nth-child(1) { top: 24%; left: 22%; }
.iv-resource-cover > i:nth-child(2) { top: 38%; right: 17%; animation-delay: -1.7s; }
.iv-resource-cover > i:nth-child(3) { right: 34%; bottom: 18%; animation-delay: -3.4s; }

.iv-resource-cover > b {
	position: absolute;
	right: 13%;
	left: 13%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216, 207, 194, .25), transparent);
}

.iv-resource-cover > b:nth-of-type(1) { top: 27%; }
.iv-resource-cover > b:nth-of-type(2) { top: 50%; }
.iv-resource-cover > b:nth-of-type(3) { top: 73%; }

.iv-resource-visual[data-topic="reklam-ve-performans"] {
	background: radial-gradient(circle at 50% 48%, rgba(58, 70, 51, .86), transparent 42%), #0d0e0d;
}

.iv-resource-visual[data-topic="web-seo-ve-geo"] {
	background: radial-gradient(ellipse at 68% 35%, rgba(216, 207, 194, .13), transparent 35%), #111310;
}

.iv-resource-visual[data-topic="pazaryeri-ve-e-ticaret"] {
	background: radial-gradient(circle at 30% 72%, rgba(58, 70, 51, .72), transparent 45%), #171817;
}

.iv-resource-visual[data-topic="sosyal-medya-ve-icerik"] {
	background: radial-gradient(circle at 72% 28%, rgba(216, 207, 194, .16), transparent 40%), #1f1f1f;
}

.iv-resource-visual[data-topic="bursada-dijital-buyume"] {
	background: radial-gradient(circle at 50% 50%, rgba(58, 70, 51, .9), transparent 46%), #0d0e0d;
}

.iv-resource-pagination {
	margin-top: 64px;
}

.iv-resource-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iv-resource-pagination a,
.iv-resource-pagination span {
	display: grid;
	min-width: 42px;
	height: 42px;
	place-items: center;
	padding: 0 13px;
	border: 1px solid rgba(216, 207, 194, .18);
	border-radius: 999px;
	color: rgba(250, 249, 246, .64);
	font-size: 11px;
}

.iv-resource-pagination span.current,
.iv-resource-pagination a:hover {
	border-color: #d8cfc2;
	color: #1f1f1f;
	background: #d8cfc2;
}

.iv-resource-empty {
	min-height: 470px;
	padding: clamp(40px, 6vw, 85px);
	border: 1px solid rgba(216, 207, 194, .16);
	border-radius: 34px;
	background: rgba(250, 249, 246, .025);
}

.iv-resource-empty > span {
	color: #d8cfc2;
	font: 9px var(--font-geist-mono), monospace;
	letter-spacing: .12em;
}

.iv-resource-empty h2 {
	max-width: 900px;
	margin: 78px 0 0;
	color: #faf9f6;
	font-size: clamp(48px, 6vw, 88px);
	font-weight: 520;
	line-height: .94;
	letter-spacing: -.06em;
}

.iv-resource-empty h2 em {
	display: block;
	color: #858d80;
	font-style: normal;
	font-weight: 350;
}

.iv-resource-empty p {
	max-width: 570px;
	color: rgba(250, 249, 246, .55);
	line-height: 1.7;
}

.iv-resource-empty a {
	display: inline-flex;
	gap: 18px;
	margin-top: 24px;
	color: #d8cfc2;
	font-size: 12px;
}

.iv-resource-empty a i {
	font-style: normal;
}

.iv-resource-bursa {
	display: grid;
	grid-template-columns: 1.12fr .88fr;
	align-items: end;
	gap: clamp(60px, 9vw, 150px);
	padding: clamp(105px, 11vw, 175px) var(--iv-page);
	background:
		radial-gradient(circle at 17% 72%, rgba(58, 70, 51, .54), transparent 31%),
		linear-gradient(122deg, #0d0e0d, #151615 66%, #1f1f1f);
}

.iv-resource-bursa > div:first-child > span {
	color: rgba(216, 207, 194, .63);
	font: 9px var(--font-geist-mono), monospace;
	letter-spacing: .13em;
}

.iv-resource-bursa h2 {
	max-width: 850px;
	margin: 35px 0 0;
	font-size: clamp(52px, 6.1vw, 94px);
	font-weight: 520;
	line-height: .94;
	letter-spacing: -.063em;
}

.iv-resource-bursa h2 em {
	display: block;
	color: #858d80;
	font-style: normal;
	font-weight: 340;
}

.iv-resource-bursa > div:last-child > p {
	max-width: 590px;
	margin: 0;
	color: rgba(250, 249, 246, .57);
	font-size: 14px;
	line-height: 1.72;
}

.iv-resource-bursa > div:last-child > div {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 28px;
}

.iv-resource-bursa > div:last-child > div span {
	padding: 9px 12px;
	border: 1px solid rgba(216, 207, 194, .18);
	border-radius: 999px;
	color: rgba(216, 207, 194, .66);
	font: 8px var(--font-geist-mono), monospace;
	letter-spacing: .09em;
}

.iv-resource-bursa a {
	display: inline-flex;
	gap: 15px;
	margin-top: 30px;
	color: #faf9f6;
	font-size: 12px;
	font-weight: 650;
}

.iv-resource-bursa a i {
	font-style: normal;
	transition: transform .2s ease;
}

.iv-resource-bursa a:hover i {
	transform: rotate(45deg);
}

/* Single article */
.iv-resource-single .iv-article-hero {
	display: grid;
	min-height: min(920px, 100svh);
	max-width: none;
	grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
	align-items: center;
	gap: clamp(55px, 7vw, 125px);
	padding: 150px var(--iv-page) 82px;
	background:
		radial-gradient(circle at 18% 49%, rgba(58, 70, 51, .37), transparent 32%),
		linear-gradient(118deg, #0d0e0d 0%, #151615 63%, #1f1f1f 100%);
}

.iv-article-hero-copy {
	min-width: 0;
}

.iv-resource-single .iv-article-hero h1 {
	max-width: 1020px;
	margin: 35px 0 0;
	font-size: clamp(54px, 5.8vw, 94px);
	font-weight: 560;
	line-height: .94;
	letter-spacing: -.063em;
	overflow-wrap: anywhere;
}

.iv-resource-single .iv-article-hero-copy > p {
	max-width: 750px;
	margin: 29px 0 0;
	color: rgba(250, 249, 246, .61);
	font-size: clamp(15px, 1.08vw, 18px);
	line-height: 1.72;
}

.iv-article-byline {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 42px;
	margin-top: 38px;
	padding-top: 25px;
	border-top: 1px solid rgba(216, 207, 194, .14);
}

.iv-article-byline span {
	display: grid;
	gap: 7px;
	color: rgba(250, 249, 246, .76);
	font-size: 11px;
}

.iv-article-byline small {
	color: rgba(216, 207, 194, .5);
	font: 8px var(--font-geist-mono), monospace;
	letter-spacing: .1em;
}

.iv-article-byline a {
	color: inherit;
}

.iv-article-byline a:hover {
	color: #d8cfc2;
}

.iv-article-hero-visual {
	min-width: 0;
}

.iv-article-hero-visual .iv-resource-visual {
	height: min(650px, 68vh);
	min-height: 500px;
	border: 1px solid rgba(216, 207, 194, .16);
	border-radius: 36px;
	box-shadow: 0 40px 110px rgba(0, 0, 0, .31);
	-webkit-mask-image: linear-gradient(#000 80%, transparent);
	mask-image: linear-gradient(#000 80%, transparent);
}

.iv-article-hero-visual .iv-resource-cover > span {
	font-size: clamp(78px, 8vw, 142px);
}

.iv-article-layout {
	display: grid;
	grid-template-columns: minmax(210px, 250px) minmax(0, 1080px);
	justify-content: center;
	align-items: start;
	gap: clamp(52px, 5.5vw, 96px);
	padding: clamp(78px, 8vw, 125px) max(var(--iv-page), calc((100vw - 1600px) / 2));
	background: #151615;
}

.iv-article-aside {
	position: sticky;
	top: 125px;
	display: grid;
	gap: 42px;
	padding: 25px;
	border: 1px solid rgba(216, 207, 194, .14);
	border-radius: 24px;
	background: rgba(250, 249, 246, .022);
}

.iv-article-aside > div > span {
	display: block;
	margin-bottom: 22px;
	color: rgba(216, 207, 194, .52);
	font: 8px var(--font-geist-mono), monospace;
	letter-spacing: .11em;
}

.iv-article-aside > div > a {
	color: #faf9f6;
	font-size: 13px;
	font-weight: 630;
	line-height: 1.5;
}

.iv-article-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 22px;
}

.iv-article-tags a {
	padding: 7px 9px;
	border: 1px solid rgba(216, 207, 194, .14);
	border-radius: 999px;
	color: rgba(216, 207, 194, .62);
	font-size: 9px;
}

.iv-article-aside > p {
	margin: 0;
	padding-top: 25px;
	border-top: 1px solid rgba(216, 207, 194, .12);
	color: rgba(250, 249, 246, .42);
	font-size: 10px;
	line-height: 1.65;
}

.iv-resource-single .iv-article-content {
	width: 100%;
	max-width: 1080px;
	padding: 0;
	color: rgba(250, 249, 246, .73);
	background: transparent;
	font-size: clamp(17px, 1.18vw, 20px);
	line-height: 1.76;
}

.iv-resource-single .iv-article-content > *:first-child {
	margin-top: 0;
}

.iv-resource-single .iv-article-content h2,
.iv-resource-single .iv-article-content h3,
.iv-resource-single .iv-article-content h4 {
	color: #faf9f6;
	font-weight: 540;
	letter-spacing: -.045em;
}

.iv-resource-single .iv-article-content h2 {
	margin: 1.75em 0 .62em;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1;
}

.iv-resource-single .iv-article-content h3 {
	margin: 1.6em 0 .58em;
	font-size: clamp(27px, 2.7vw, 39px);
	line-height: 1.08;
}

.iv-resource-single .iv-article-content h4 {
	margin: 1.5em 0 .5em;
	font-size: 24px;
}

.iv-resource-single .iv-article-content p,
.iv-resource-single .iv-article-content ul,
.iv-resource-single .iv-article-content ol,
.iv-resource-single .iv-article-content blockquote,
.iv-resource-single .iv-article-content figure,
.iv-resource-single .iv-article-content table {
	margin: 1.08em 0;
}

.iv-resource-single .iv-article-content ul,
.iv-resource-single .iv-article-content ol {
	padding-left: 1.2em;
}

.iv-resource-single .iv-article-content li {
	margin: .42em 0;
	padding-left: .25em;
}

.iv-resource-single .iv-article-content strong {
	color: #faf9f6;
}

.iv-resource-single .iv-article-content a {
	color: #d8cfc2;
	text-decoration: underline;
	text-decoration-color: rgba(216, 207, 194, .4);
	text-underline-offset: 4px;
}

.iv-resource-single .iv-article-content blockquote {
	padding: 24px 28px;
	border: 1px solid rgba(216, 207, 194, .16);
	border-left: 3px solid #d8cfc2;
	border-radius: 0 20px 20px 0;
	color: #faf9f6;
	background: rgba(58, 70, 51, .18);
	font-size: 1.06em;
}

.iv-resource-single .iv-article-content img {
	height: auto;
	border-radius: 22px;
}

.iv-resource-single .iv-article-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: .82em;
}

.iv-resource-single .iv-article-content th,
.iv-resource-single .iv-article-content td {
	padding: 14px;
	border: 1px solid rgba(216, 207, 194, .15);
	text-align: left;
}

.iv-resource-single .iv-article-content th {
	color: #faf9f6;
	background: rgba(58, 70, 51, .32);
}

.iv-related-resources {
	border-top: 1px solid rgba(216, 207, 194, .12);
	background: #0d0e0d;
}

@keyframes iv-resource-grid {
	from { background-position: 0 0, 0 0; }
	to { background-position: 62px 0, 0 62px; }
}

@keyframes iv-resource-core {
	0%, 100% { border-radius: 48%; transform: translate(-50%, -50%) rotate(45deg) scale(.96); }
	50% { border-radius: 50%; transform: translate(-50%, -50%) rotate(135deg) scale(1.04); }
}

@keyframes iv-resource-spin {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes iv-resource-sheet {
	0%, 100% { margin-top: 0; }
	50% { margin-top: -14px; }
}

@keyframes iv-resource-signal {
	0% { left: 0; opacity: 0; }
	12%, 88% { opacity: 1; }
	100% { left: 100%; opacity: 0; }
}

@keyframes iv-resource-cover-ring {
	to { transform: rotate(360deg); }
}

@keyframes iv-resource-node {
	0%, 100% { opacity: .45; transform: scale(.8); }
	50% { opacity: 1; transform: scale(1.2); }
}

@media (max-width: 1280px) {
	.iv-article-layout {
		grid-template-columns: minmax(0, 1080px);
		gap: 48px;
	}

	.iv-article-aside {
		position: static;
		grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr);
		align-items: start;
	}
}

@media (max-width: 1180px) {
	.iv-resource-page .iv-resource-hero,
	.iv-resource-single .iv-article-hero {
		grid-template-columns: 1fr;
	}

	.iv-resource-orbit {
		min-height: 540px;
	}

	.iv-resource-toolbar {
		grid-template-columns: 1fr;
	}

	.iv-resource-search {
		max-width: 460px;
	}

	.iv-resource-featured-card > a {
		grid-template-columns: 1fr;
	}

	.iv-resource-featured-card > a > .iv-resource-visual {
		min-height: 470px;
	}

	.iv-resource-featured-card h2 {
		margin-top: 65px;
	}

	.iv-resource-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.iv-resource-bursa {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.iv-article-hero-visual .iv-resource-visual {
		height: 560px;
	}
}

@media (max-width: 820px) {
	.iv-resource-page .iv-resource-hero,
	.iv-resource-single .iv-article-hero {
		min-height: auto;
		gap: 28px;
		padding-top: 135px;
		padding-bottom: 55px;
	}

	.iv-resource-page .iv-resource-hero h1 {
		font-size: clamp(49px, 14vw, 75px);
		line-height: .95;
	}

	.iv-resource-single .iv-article-hero h1 {
		font-size: clamp(43px, 12vw, 68px);
		line-height: .97;
	}

	.iv-resource-orbit {
		min-height: 410px;
	}

	.iv-resource-sheets span {
		width: 125px;
		height: 80px;
	}

	.iv-resource-toolbar {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.iv-resource-categories {
		flex-wrap: nowrap;
		margin-right: calc(var(--iv-page) * -1);
		padding-right: var(--iv-page);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.iv-resource-categories::-webkit-scrollbar {
		display: none;
	}

	.iv-resource-categories a {
		flex: 0 0 auto;
	}

	.iv-resource-section-head {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 24px;
	}

	.iv-resource-section-head > a {
		justify-self: start;
	}

	.iv-resource-featured-card {
		border-radius: 28px;
	}

	.iv-resource-featured-card > a {
		min-height: 0;
	}

	.iv-resource-featured-card > a > .iv-resource-visual {
		min-height: 330px;
	}

	.iv-resource-featured-card h2 {
		margin-top: 50px;
		font-size: clamp(39px, 11vw, 59px);
	}

	.iv-resource-grid {
		grid-template-columns: 1fr;
	}

	.iv-resource-card.is-wide {
		grid-column: auto;
	}

	.iv-resource-card.is-wide > a {
		display: flex;
	}

	.iv-resource-card.is-wide .iv-resource-visual {
		height: 245px;
		min-height: 245px;
	}

	.iv-resource-card.is-wide h2 {
		font-size: clamp(29px, 8.5vw, 42px);
	}

	.iv-resource-bursa h2 {
		font-size: clamp(47px, 13vw, 72px);
	}

	.iv-article-hero-visual .iv-resource-visual {
		height: 420px;
		min-height: 420px;
		border-radius: 28px;
	}

	.iv-article-layout {
		grid-template-columns: 1fr;
		gap: 55px;
	}

	.iv-article-aside {
		position: static;
	}
}

@media (max-width: 520px) {
	.iv-article-layout {
		gap: 38px;
		padding-top: 58px;
		padding-bottom: 72px;
	}

	.iv-article-aside {
		grid-template-columns: 1fr;
	}

	.iv-resource-single .iv-article-content {
		line-height: 1.7;
	}

	.iv-resource-single .iv-article-content h2 {
		margin-top: 1.5em;
	}

	.iv-resource-single .iv-article-content h3 {
		margin-top: 1.4em;
	}

	.iv-resource-page .iv-resource-hero .iv-kicker,
	.iv-resource-single .iv-article-hero .iv-kicker {
		align-items: flex-start;
		flex-direction: column;
	}

	.iv-resource-orbit {
		min-height: 340px;
	}

	.iv-resource-orbit-core {
		width: 125px;
	}

	.iv-resource-sheets span:nth-child(3) {
		display: none;
	}

	.iv-resource-featured-card > a > .iv-resource-visual {
		min-height: 260px;
	}

	.iv-resource-featured-card footer,
	.iv-resource-card footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.iv-resource-card {
		min-height: 0;
	}

	.iv-resource-card-copy {
		min-height: 315px;
	}

	.iv-resource-visual {
		height: 220px;
		min-height: 220px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.iv-resource-page *,
	.iv-resource-page *::before,
	.iv-resource-page *::after,
	.iv-article-page *,
	.iv-article-page *::before,
	.iv-article-page *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
	}
}