/* ==========================================================================
   ks-main.css — העיצוב של "מחסן מילים"
   תבנית עצמאית. אין כאן דריסות של תבניות אחרות.
   ========================================================================== */

/* ---------- בסיס ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: #faf6ef;
	color: #26201a;
	font-family: 'Alef', sans-serif;
	direction: rtl;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
body > main { flex: 1 0 auto; }
body > .ks-foot { margin-top: auto; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: #cf3a2c; }
h1, h2, h3, h4 { font-family: 'Suez One', 'Alef', sans-serif; font-weight: 400; }
button, input { font-family: inherit; }

/* ---------- הרצועה העליונה ---------- */
.ks-strip {
	position: sticky;
	top: 0;
	z-index: 500;
	background-color: #eef7f5;
	background-image: url(tile.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	padding: 22px clamp(20px, 7vw, 140px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px 24px;
	box-shadow: 0 1px 6px rgba(27, 42, 48, .08);
	direction: rtl;
}

.ks-brand { display: flex; align-items: center; gap: 20px; }
.ks-brand-name { font: 400 20px/1 'Suez One', 'Alef', sans-serif; color: #cf3a2c; }
.ks-brand-sub  { font: 400 16px/1 'Alef', sans-serif; color: #cf3a2c; }

.ks-nav {
	display: flex;
	align-items: center;
	gap: 22px;
	font: 400 16px/1 'Alef', sans-serif;
	color: #123240;
}
.ks-nav a { color: #123240; }
.ks-nav a:hover { color: #cf3a2c; }
/* ביטול הנקודות/מפרידים של Enfold בין פריטי התפריט */
.ks-nav ul, .ks-nav li { list-style: none; margin: 0; padding: 0; display: contents; }
.ks-nav li::before, .ks-nav li::after,
.ks-nav a::before, .ks-nav a::after { content: none; display: none; }

.ks-nav .ks-nav-cta {
	background: #cf3a2c;
	color: #fff;
	font: 700 16px/1 'Alef', sans-serif;
	padding: 9px 16px;
	display: flex;
	align-items: center;
}
.ks-nav .ks-nav-cta:hover { color: #cfe8f1; }

/* ---------- הפוסט המוביל ---------- */
.ks-home { direction: rtl; }

.ks-hero {
	position: relative;
	background: #faf6ef;
	border-bottom: 1px solid #e0d5c2;
}
.ks-hero-img {
	width: 100%;
	height: 430px;
	max-width: none;
	object-fit: cover;
	object-position: center;
	display: block;
}
.ks-hero-img-empty { display: block; height: 430px; background: #ece4d6; }

.ks-hero-card {
	position: absolute;
	right: clamp(20px, 7vw, 140px);
	top: 50%;
	transform: translateY(-50%);
	width: min(560px, 52vw);
	background: #faf6ef;
	padding: 30px 34px 32px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	box-shadow: 0 2px 28px rgba(38, 32, 26, .18);
}
.ks-hero-card h1 {
	margin: 0;
	font: 400 44px/1.3 'Suez One', 'Alef', sans-serif;
	letter-spacing: -.005em;
	color: #26201a;
	text-wrap: balance;
}
.ks-hero-card p {
	margin: 0;
	font: 400 18px/1.7 'Alef', sans-serif;
	color: #4f4a41;
	text-align: justify;
}
.ks-hero-cta { align-self: flex-end; margin-top: 2px; }

/* ---------- שורת התאריך והקטגוריות ---------- */
.ks-meta {
	display: flex;
	align-items: baseline;
	gap: 14px;
	font: 400 15px 'Alef', sans-serif;
	letter-spacing: .1em;
	color: #cf3a2c;
}
.ks-meta-cats { color: #4a94ad; }

/* ---------- קישור עם קו תחתון אדום ---------- */
.ks-underline {
	font: 700 16px 'Alef', sans-serif;
	color: #26201a;
	border-bottom: 2px solid #cf3a2c;
	padding-bottom: 2px;
	white-space: nowrap;
}
.ks-underline:hover { color: #cf3a2c; }

/* ---------- שלושת הבלוקים ---------- */
.ks-gates {
	background-color: #faf6ef;
	background-image: url(tile.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	border-bottom: 1px solid #e0d5c2;
	padding: 32px clamp(20px, 7vw, 140px);
}
.ks-gates-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	max-width: 920px;   /* ריבועים ממורכזים, לא גדלים על מסך רחב */
	margin-inline: auto;
}
.ks-gate {
	background: #faf6ef;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ks-gate h2 {
	margin: 0;
	font: 400 19px/1.25 'Suez One', 'Alef', sans-serif;
	color: #26201a;
	min-height: 48px;      /* גובה אחיד לשתי שורות */
	display: flex;
	align-items: flex-start;
}
.ks-gate-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	border: 1px solid #e0d5c2;
	background: #e6f3f8;
	overflow: hidden;
	container-type: inline-size;
}
.ks-gate-frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ks-gate-empty {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 400 15px 'Alef', sans-serif;
	color: #7c8f96;
	text-align: center;
	padding: 12px;
}

.ks-gate-med .ks-med-title {
	position: absolute;
	inset: 0 0 auto 0;
	padding: 66px 13px 15px;
	background: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.22) 70%, rgba(0,0,0,0));
	font: 400 7.9cqw/1.3 'Suez One', 'Alef', sans-serif;
	color: #fff;
	text-align: center;
}
.ks-gate-med .ks-med-date {
	position: absolute;
	inset: auto 0 0 0;
	padding: 14px 13px;
	background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,.18) 60%, rgba(0,0,0,0));
	font: 400 5.1cqw 'Alef', sans-serif;
	letter-spacing: .08em;
	color: #fff;
	text-align: center;
}

.ks-gate-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
}
.ks-gate .ks-underline { font-size: 15px; }
.ks-soon {
	font: 400 15px 'Alef', sans-serif;
	color: #8d8477;
	white-space: nowrap;
}

/* ---------- מגזין + סרגל צד ---------- */
.ks-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	width: 100%;
	background: #faf6ef;
	box-sizing: border-box;
}
.ks-list {
	padding: 72px clamp(20px, 7vw, 200px) 48px 44px;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.ks-item {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 22px;
	padding: 32px 0;
	align-items: start;
}
.ks-item:first-child { padding-top: 0; }

.ks-item-thumb { display: block; }
.ks-item-thumb img {
	width: 150px;
	height: 96px;
	object-fit: cover;
	display: block;
}
.ks-item-thumb-empty {
	display: block;
	width: 150px;
	height: 96px;
	background: #ece4d6;
}

.ks-item-text { display: flex; flex-direction: column; gap: 6px; }
.ks-item-title {
	font: 400 25px/1.4 'Suez One', 'Alef', sans-serif;
	color: #26201a;
	text-wrap: pretty;
}
.ks-item-excerpt {
	font: 400 18px/1.65 'Alef', sans-serif;
	color: #6b6055;
	text-wrap: pretty;
}
.ks-more { align-self: flex-start; margin-top: 24px; }

.ks-side {
	border-right: 1px solid #e0d5c2;
	padding: 72px 36px 48px clamp(20px, 7vw, 200px);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.ks-portrait { display: block; width: 100%; height: auto; }
.ks-portrait-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 190px;
	background: #e6f3f8;
	font: 400 14px 'Alef', sans-serif;
	color: #7c8f96;
}
.ks-bio {
	margin: 0;
	font: 400 16px/1.8 'Alef', sans-serif;
	color: #4c443b;
	text-wrap: pretty;
}

/* ---------- שלושת הבלוקים כשהם יושבים בסרגל הצד ---------- */
.ks-side .ks-gates {
	background: none;
	background-image: none;
	border-bottom: none;
	padding: 0;
	margin-top: 28px;
}
.ks-side .ks-gates-grid {
	grid-template-columns: 1fr;
	gap: 26px;
	max-width: 300px;
	margin-inline: 0;
}
.ks-side .ks-gate {
	background: none;
	padding: 22px 0 0;
	border-top: 1px solid #e0d5c2;
	gap: 9px;
}
.ks-side .ks-gate h2 { min-height: 0; font-size: 18px; }
.ks-side .ks-med-title { font-size: min(7.9cqw, 26px); padding-top: 46px; }
.ks-side .ks-med-date { font-size: min(5.1cqw, 15px); }

/* ---------- עמוד הארכיון ---------- */
.ks-arch-col { padding: 0 clamp(20px, 7vw, 140px); box-sizing: border-box; }
.ks-back {
	display: inline-block;
	padding: 44px 0 0;
	font: 400 15px 'Alef', sans-serif;
	letter-spacing: .1em;
	color: #6b6055;
}
.ks-back:hover { color: #cf3a2c; }
.ks-arch-h1 {
	margin: 0;
	padding: 52px 0 8px;
	font: 400 40px/1.25 'Suez One', 'Alef', sans-serif;
	letter-spacing: -.005em;
	color: #26201a;
}
.ks-arch-sub {
	margin: 0;
	max-width: 660px;
	font: 400 18px/1.85 'Alef', sans-serif;
	color: #6b6055;
	text-wrap: pretty;
}
.ks-arch-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 88px;
	padding: 40px 0 56px;
	align-items: start;
}
.ks-arch-posts { display: flex; flex-direction: column; }
.ks-arch-post {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	padding: 22px 0;
	border-top: 1px solid #e0d5c2;
}
.ks-arch-thumb { display: block; }
.ks-arch-thumb img {
	width: 150px;
	height: 90px;
	object-fit: cover;
	display: block;
}
.ks-arch-thumb-empty { display: block; width: 150px; height: 90px; background: #ece4d6; }
.ks-arch-more { align-self: flex-start; margin-top: 28px; }

.ks-arch-cats {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font: 400 16px/1.7 'Alef', sans-serif;
	border-top: 1px solid #e0d5c2;
	padding-top: 22px;
}
.ks-arch-cats-title {
	display: block;
	font: 700 15px 'Alef', sans-serif;
	letter-spacing: .14em;
	color: #6b6055;
}
.ks-arch-cats .ks-cat span { color: #6b6055; font-weight: 400; }
.ks-cat-d0 { padding-top: 14px; font-weight: 700; }
.ks-cat-d1 { padding-right: 14px; }
.ks-cat-d2 { padding-right: 28px; color: #6b6055; }
.ks-cat-on { color: #cf3a2c; }
.ks-back + .ks-arch-h1 { padding-top: 10px; }

/* ---------- עמוד פוסט / עמוד רגיל ---------- */
.ks-single-col {
	max-width: 940px;
	margin-inline: auto;
	padding: 56px clamp(20px, 5vw, 60px) 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.ks-single-h1 {
	margin: 0;
	font: 400 40px/1.3 'Suez One', 'Alef', sans-serif;
	letter-spacing: -.005em;
	text-wrap: balance;
}
.ks-single-img { margin: 10px 0 6px; }
.ks-single-img img { width: 100%; height: auto; display: block; }
.ks-prose { font: 400 19px/1.9 'Alef', sans-serif; color: #3f382f; }
.ks-prose p { margin: 0 0 1.1em; }
.ks-prose h2 { font-size: 28px; line-height: 1.35; margin: 1.6em 0 .5em; }
.ks-prose h3 { font-size: 22px; line-height: 1.4; margin: 1.4em 0 .4em; }
.ks-prose a { color: #26201a; border-bottom: 2px solid #cf3a2c; }
.ks-prose a:hover { color: #cf3a2c; }
.ks-prose blockquote {
	margin: 1.4em 0;
	padding: 0 18px 0 0;
	border-right: 3px solid #cfe8f1;
	font: 400 19px/1.8 'Miriam Libre', 'Alef', sans-serif;
	color: #6b6055;
}
.ks-prose img { height: auto; }
.ks-single-tags { font: 400 15px 'Alef', sans-serif; color: #6b6055; }
.ks-single-tags a { border-bottom: 1px solid #e0d5c2; }
.ks-meta-cats a:hover { color: #cf3a2c; }

/* ---------- שיתוף ---------- */
.ks-share {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin: 30px 0 6px;
}
.ks-share-btn {
	background: #cf3a2c;
	border: none;
	border-radius: 6px;
	padding: 10px 22px;
	font: 700 16px 'Alef', sans-serif;
	color: #fff;
	cursor: pointer;
}
.ks-share-btn:hover { background: #b5301f; color: #cfe8f1; }
.ks-share-panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.ks-share-panel[hidden] { display: none; }
.ks-share-panel a,
.ks-share-copy {
	background: #cfe8f1;
	border: none;
	border-radius: 6px;
	padding: 8px 15px;
	font: 400 15px 'Alef', sans-serif;
	color: #1b1b1b;
	cursor: pointer;
}
.ks-share-panel a:hover,
.ks-share-copy:hover { background: #bcdfeb; color: #1b1b1b; }

/* ---------- תגובות ---------- */
.ks-comments {
	max-width: 940px;
	margin-inline: auto;
	padding: 40px clamp(20px, 5vw, 60px) 56px;
	border-top: 1px solid #e0d5c2;
	margin-top: 24px;
}
.ks-comments-count {
	display: block;
	font: 700 14px 'Alef', sans-serif;
	letter-spacing: .2em;
	color: #6b6055;
	margin-bottom: 22px;
}
.ks-comment-list { list-style: none; margin: 0; padding: 0; }
.ks-comment-list .children { list-style: none; margin: 0; padding-right: 32px; }
.ks-comment {
	display: flex;
	gap: 16px;
	padding-bottom: 30px;
}
.ks-comment-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: block;
	flex: none;
}
.ks-comment-body { display: flex; flex-direction: column; gap: 6px; }
.ks-comment-head { display: flex; align-items: baseline; gap: 12px; }
.ks-comment-author { font: 700 16px 'Alef', sans-serif; color: #26201a; }
.ks-comment-date { font: 400 14px 'Alef', sans-serif; color: #6b6055; }
.ks-comment-text { font: 400 18px/1.8 'Alef', sans-serif; color: #6b6055; }
.ks-comment-text p { margin: 0 0 .8em; }
.ks-comment-reply a { font: 700 15px 'Alef', sans-serif; color: #cf3a2c; }

.ks-comments .comment-respond {
	border-top: 1px solid #e0d5c2;
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.ks-comment-form-title { font: 400 24px/1.4 'Suez One', 'Alef', sans-serif; color: #26201a; }
.ks-comment-rules { margin: 0; font: 400 17px/1.7 'Alef', sans-serif; color: #6b6055; }
.ks-comments .comment-form { display: flex; flex-direction: column; gap: 12px; }
.ks-comments .ks-field { margin: 0; }
.ks-comments .ks-row { display: flex; gap: 12px; }
.ks-comments .ks-row input { flex: 1 1 0; min-width: 0; }
.ks-comments textarea,
.ks-comments input[type="text"],
.ks-comments input[type="email"],
.ks-comments input[type="url"] {
	width: 100%;
	background: #fff;
	border: 1px solid #e0d5c2;
	border-radius: 0;
	padding: 12px 14px;
	font: 400 17px/1.6 'Alef', sans-serif;
	color: #1b2a30;
	box-sizing: border-box;
	resize: vertical;
}
.ks-check {
	display: flex;
	align-items: center;
	gap: 9px;
	font: 400 17px 'Alef', sans-serif;
	color: #6b6055;
}
/* הסימון של MailPoet בתוך טופס התגובות */
.ks-comments .comment-form label,
.ks-comments .mailpoet_subscribe_comment,
.ks-comments p.comment-form-mailpoet {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font: 400 17px 'Alef', sans-serif;
	color: #26201a;
}
.ks-comments .mailpoet_subscribe_comment label,
.ks-comments p.comment-form-mailpoet label {
	display: flex;
	align-items: center;
	gap: 9px;
	font: inherit;
	color: inherit;
}
.ks-comments .submit,
.ks-comment-submit {
	align-self: flex-start;
	border: none;
	background: #cf3a2c;
	color: #fff;
	padding: 12px 26px;
	font: 700 16px 'Alef', sans-serif;
	cursor: pointer;
	border-radius: 0;
}
.ks-comments .submit:hover { background: #b5301f; color: #cfe8f1; }
.ks-comments a { color: #26201a; }
.ks-comments a:hover { color: #cf3a2c; }

.ks-related {
	border-top: 1px solid #e0d5c2;
	margin: 40px auto 0;
	max-width: 940px;
	padding: 36px clamp(20px, 5vw, 60px) 12px;
}
.ks-related-title { margin: 0 0 20px; font-size: 24px; }
.ks-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}
.ks-related-card { display: flex; flex-direction: column; gap: 8px; }
.ks-related-card img,
.ks-related-empty {
	width: 100%;
	height: 150px;
	object-fit: cover;
	display: block;
	background: #ece4d6;
}
.ks-related-name { font: 400 19px/1.4 'Suez One', 'Alef', sans-serif; }

.ks-arch-single-col { display: flex; flex-direction: column; padding-bottom: 56px; }
.ks-empty {
	margin: 40px 0 0;
	font: 400 22px/1.6 'Suez One', 'Alef', sans-serif;
	color: #6b6055;
}
.ks-pager {
	display: flex;
	gap: 12px;
	margin-top: 28px;
	font: 400 16px 'Alef', sans-serif;
}
.ks-pager .current { border-bottom: 2px solid #cf3a2c; }

/* ---------- הפוטר ---------- */
.ks-foot {
	background-color: #eef7f5;
	background-image: url(tile.png);
	background-repeat: repeat;
	background-size: 100px 100px;
	padding: 12px clamp(20px, 7vw, 140px);
	border-top: 1px solid #e0eae8;
	scroll-margin-top: 96px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
	direction: rtl;
}
.ks-foot-rights { font: 400 15px/1 'Alef', sans-serif; color: #123240; }
.ks-foot-form {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-inline-start: auto;
}
.ks-foot-form input[type="email"] {
	flex: 0 1 350px;
	width: 350px;
	max-width: 100%;
	min-width: 80px;
	height: 38px;
	background: #fff;
	border: 1px solid #a9cfdd;
	padding: 0 12px;
	margin: 0;
	font: 400 15px/38px 'Alef', sans-serif;
	color: #1b2a30;
	box-sizing: border-box;
	border-radius: 0;
	vertical-align: middle;
	box-shadow: none;
}
.ks-foot-form input[type="email"]::placeholder {
	font: 400 15px/38px 'Alef', sans-serif;
	color: #6b7d85;
	opacity: 1;
}
.ks-foot-form button {
	flex: none;
	border: none;
	background: #cfe8f1;
	color: #1b1b1b;
	height: 38px;
	padding: 0 16px;
	margin: 0;
	font: 400 18px/38px 'Suez One', 'Alef', sans-serif;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 0;
	vertical-align: middle;
	box-shadow: none;
}

/* ---------- טופס MailPoet, בפוטר ובחלון הקופץ ---------- */
.ks-foot-form .mailpoet_form,
[data-panel] .mailpoet_form { margin: 0; padding: 0; background: none; }
.ks-foot-form .mailpoet_paragraph { margin: 0; }
.ks-foot-form form.mailpoet_form,
.ks-foot-form .mailpoet_form_columns,
.ks-foot-form .mailpoet_form_column {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}
.ks-foot-form .mailpoet_text,
[data-panel] .mailpoet_text {
	background: #fff;
	border: 1px solid #a9cfdd;
	border-radius: 0;
	font: 400 15px 'Alef', sans-serif;
	color: #1b2a30;
	box-sizing: border-box;
}
.ks-foot-form .mailpoet_text { height: 38px; padding: 0 12px; width: 350px; max-width: 100%; }
.ks-foot-form .mailpoet_submit,
[data-panel] .mailpoet_submit {
	border: none;
	background: #cfe8f1;
	color: #1b1b1b;
	border-radius: 0;
	font: 400 18px 'Suez One', 'Alef', sans-serif;
	cursor: pointer;
	box-shadow: none;
}
.ks-foot-form .mailpoet_submit { height: 38px; padding: 0 16px; }
[data-panel] .mailpoet_text { width: 100%; padding: 12px 14px; }
[data-panel] .mailpoet_submit { padding: 12px 24px; }
[data-panel] .mailpoet_paragraph { margin: 0 0 10px; }
.ks-foot-form .mailpoet_validate_success,
[data-panel] .mailpoet_validate_success { font: 400 15px 'Alef', sans-serif; color: #123240; }

/* ==========================================================================
   מסכים צרים
   ========================================================================== */

@media (max-width: 1000px) {
	.ks-arch-split { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.ks-body { display: flex; flex-direction: column; }
	.ks-side { order: -1; }   /* במסך צר הסרגל (ובו הבלוקים) עולה מיד אחרי ההירו */
	.ks-side {
		border-right: none;
		border-top: 1px solid #e0d5c2;
		padding: 34px clamp(20px, 7vw, 140px) 44px;
	}
	.ks-item { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.ks-item-thumb img,
	.ks-item-thumb-empty { width: 100%; height: 220px; }
	.ks-list { padding: 48px clamp(20px, 7vw, 140px) 40px; }
}

@media (max-width: 860px) {
	.ks-gates-grid { grid-template-columns: 1fr; gap: 22px; max-width: 420px; }
	.ks-gate h2 { min-height: 0; }
	.ks-foot { padding: 14px 18px; gap: 10px; }
	.ks-foot-form { flex-wrap: wrap; width: 100%; margin-inline-start: 0; }
	.ks-foot-form input[type="email"] { flex: 1 1 160px; width: auto; }
	.ks-foot-form button { font-size: 17px; }
}

@media (max-width: 760px) {
	.ks-single-h1 { font-size: 30px; }
	.ks-prose { font-size: 18px; line-height: 1.85; }
	.ks-related-grid { grid-template-columns: 1fr; gap: 20px; }
	.ks-arch-col { padding: 0 18px; }
	.ks-arch-h1 { font-size: 30px; padding-top: 34px; }
	.ks-arch-post { grid-template-columns: 110px minmax(0, 1fr); gap: 16px; }
	.ks-arch-thumb img, .ks-arch-thumb-empty { width: 110px; height: 72px; }
	.ks-strip { padding: 10px 14px; flex-wrap: nowrap; }
	.ks-brand-sub { display: none; }
	.ks-nav { flex-wrap: nowrap; gap: 12px; font-size: 13px; white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
	.ks-nav-cta { padding: 6px 10px; }

	.ks-hero-img, .ks-hero-img-empty { height: 300px; }
	.ks-hero-card {
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		width: auto;
		margin: -60px 18px 0;
		padding: 22px 20px;
	}
	.ks-hero-card h1 { font-size: 30px; }

	.ks-item-extra { display: none; }
	.ks-item:nth-of-type(n+5) { display: none; }
	.ks-item-thumb img,
	.ks-item-thumb-empty { height: 170px; }
	.ks-item-title { font-size: 22px; }

	.ks-list { padding: 24px 18px 32px; }
	.ks-side { padding: 24px 18px 34px; }
	.ks-gates { padding: 24px 18px; }
}