/* Kekri Site, home page. Everything is scoped to .kekri-root so the theme cannot leak in or out. */

@font-face { font-family: "Kekri Gloock"; src: url("../fonts/gloock-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Kekri Newsreader"; src: url("../fonts/newsreader-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Kekri Newsreader"; src: url("../fonts/newsreader-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Kekri Newsreader"; src: url("../fonts/newsreader-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Kekri Mono"; src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Kekri Mono"; src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

/* ---------- Canvas page: remove every theme gap ---------- */
body.kekri-canvas { margin: 0 !important; padding: 0 !important; background: #0E0D10 !important; }
body.kekri-canvas #kekri-main { display: block; margin: 0; padding: 0; max-width: none; width: 100%; }
body:has(.kekri-root) { overflow-x: hidden; }

/* ---------- Root: full width even inside a normal theme template ---------- */
.kekri-root {
	--k-ink: #0E0D10;
	--k-paper: #EDE5D3;
	--k-paper-2: #E8DFCB;
	--k-sand: #D9CDB2;
	--k-muted: #D9C9A8;
	--k-soft: #C9BFAA;
	--k-line: #5A5048;
	--k-amber: #E39A35;
	--k-rust: #7A3A1E;
	--k-mono: "Kekri Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--k-serif: "Kekri Newsreader", Georgia, "Times New Roman", serif;
	--k-display: "Kekri Gloock", Georgia, serif;

	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--k-ink);
	color: var(--k-paper);
	font-family: var(--k-serif);
	font-size: 17px;
	line-height: 1.55;
	text-align: left;
	-webkit-font-smoothing: antialiased;
}
body.kekri-canvas .kekri-root { margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; }

.kekri-root, .kekri-root *, .kekri-root *::before, .kekri-root *::after { box-sizing: border-box; }
.kekri-root :where(h1, h2, h3, p, ul, li, figure) {
	margin: 0; padding: 0; border: 0; background: none; letter-spacing: normal; text-transform: none; font-weight: 400; color: inherit;
}
.kekri-root :where(ul) { list-style: none; }
.kekri-root :where(a) { color: inherit; text-decoration: none; box-shadow: none; border: 0; }
.kekri-root a:hover { color: var(--k-amber); }
.kekri-root a:focus-visible, .kekri-root button:focus-visible { outline: 2px solid var(--k-amber); outline-offset: 3px; }
.kekri-root :where(img) { display: block; max-width: 100%; height: auto; border: 0; }
.kekri-root :where(svg) { display: block; }
.kekri-root :where(button) { font: inherit; color: inherit; background: none; border: 0; margin: 0; padding: 0; cursor: pointer; text-transform: none; box-shadow: none; }

/* ---------- Hero ---------- */
.kekri-root .kekri-hero { position: relative; min-height: max(720px, 100vh); min-height: max(720px, 100svh); display: flex; flex-direction: column; overflow: hidden; isolation: isolate; }
.kekri-root .kekri-hero__scene, .kekri-root .kekri-hero__photo { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; }
.kekri-root .kekri-hero__photo { object-fit: cover; max-width: none; height: 100%; }
.kekri-root .kekri-hero__shade { position: absolute; inset: 0; z-index: -1; background: rgba(14, 13, 16, 0.55); }

.kekri-root .kekri-nav { position: relative; z-index: 3; width: 100%; max-width: 1440px; margin: 0 auto; padding: 28px 40px; display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.kekri-root .kekri-brand { display: flex; gap: 14px; align-items: center; color: var(--k-paper); }
.kekri-root .kekri-brand__text { display: flex; flex-direction: column; }
.kekri-root .kekri-brand__name { font-family: var(--k-serif); font-size: 24px; letter-spacing: 0.32em; line-height: 1; }
.kekri-root .kekri-brand__place { font-family: var(--k-mono); font-size: 10px; letter-spacing: 0.22em; color: #B6AA92; margin-top: 6px; }
.kekri-root .kekri-nav__links { display: flex; flex-wrap: wrap; gap: 28px; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
.kekri-root .kekri-nav__links a { padding: 6px 0 4px; border-bottom: 1px solid transparent; }
.kekri-root .kekri-nav__links a[aria-current="page"] { border-bottom-color: var(--k-paper); }
.kekri-root .kekri-nav__tools { display: flex; gap: 14px; align-items: center; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.14em; }
.kekri-root .kekri-lang { display: flex; gap: 2px; }
.kekri-root .kekri-lang a { min-width: 32px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: #B6AA92; }
.kekri-root .kekri-lang a[aria-current="true"] { color: var(--k-paper); }
.kekri-root .kekri-burger { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #B6AA92; display: inline-flex; align-items: center; justify-content: center; color: var(--k-paper); }

.kekri-root .kekri-hero__body { position: relative; flex: 1 0 auto; width: 100%; max-width: 1440px; margin: 0 auto; padding: 72px 40px 56px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center; justify-content: space-between; }
.kekri-root .kekri-hero__text { flex: 999 1 520px; min-width: 0; padding-left: 64px; border-left: 1px solid var(--k-line); }
.kekri-root .kekri-eyebrow { font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.3em; color: var(--k-muted); margin-bottom: 18px !important; text-transform: uppercase; }
.kekri-root .kekri-hero__title { font-family: var(--k-display); font-size: clamp(88px, 12vw, 176px); line-height: 0.88; letter-spacing: -0.015em; color: var(--k-paper); }
.kekri-root .kekri-hero__sub { margin: 22px 0 26px !important; font-size: 22px; letter-spacing: 0.28em; line-height: 1.5; text-transform: uppercase; }
.kekri-root .kekri-hero__intro { max-width: 420px; font-size: 18px; color: #D8CDB7; }

.kekri-root .kekri-ring { flex: 0 0 auto; width: 280px; height: 280px; border-radius: 50%; border: 1px solid #8A7C66; position: relative; display: flex; align-items: center; justify-content: center; }
.kekri-root .kekri-ring ul { text-align: center; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.3em; line-height: 2.4; color: var(--k-muted); }
.kekri-root .kekri-ring__dot { position: absolute; border-radius: 50%; }
.kekri-root .kekri-ring__dot--top { top: -9px; left: calc(50% - 9px); width: 18px; height: 18px; background: var(--k-ink); border: 1px solid var(--k-muted); }
.kekri-root .kekri-ring__dot--right { top: calc(50% - 7px); right: -7px; width: 14px; height: 14px; background: var(--k-amber); }
.kekri-root .kekri-ring__dot--bottom { bottom: -4px; left: calc(50% - 4px); width: 8px; height: 8px; background: #8A7C66; }
.kekri-root .kekri-ring__dot--left { top: calc(50% - 4px); left: -4px; width: 8px; height: 8px; background: #8A7C66; }

.kekri-root .kekri-hero__foot { position: relative; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 40px 36px; display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: center; }
.kekri-root .kekri-scroll { display: flex; gap: 14px; align-items: center; font-family: var(--k-mono); font-size: 10px; letter-spacing: 0.2em; color: var(--k-muted); }
.kekri-root .kekri-scroll__ring { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--k-muted); display: inline-flex; align-items: center; justify-content: center; }
.kekri-root .kekri-scroll__ring span { width: 5px; height: 5px; border-radius: 50%; background: var(--k-paper); }
.kekri-root .kekri-coords { font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--k-muted); }

/* ---------- Tiles ---------- */
.kekri-root .kekri-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kekri-root .kekri-tile { position: relative; min-height: 400px; padding: 40px 32px; overflow: hidden; display: flex; gap: 20px; isolation: isolate; }
.kekri-root .kekri-tile--paper { background: var(--k-paper-2); color: #1B1712; }
.kekri-root .kekri-tile--sand { background: var(--k-sand); color: #1B1712; }
.kekri-root .kekri-tile--night { background: #16202A; color: var(--k-paper); }
.kekri-root .kekri-tile--ember { background: #2A1C14; color: var(--k-paper); }
.kekri-root .kekri-tile__num { position: relative; font-family: var(--k-display); font-size: 30px; line-height: 1; }
.kekri-root .kekri-tile__body { position: relative; display: flex; flex-direction: column; gap: 10px; padding-left: 20px; border-left: 1px solid #9C8F74; max-width: 230px; }
.kekri-root .kekri-tile--night .kekri-tile__body, .kekri-root .kekri-tile--ember .kekri-tile__body { border-left-color: var(--k-line); }
.kekri-root .kekri-tile__kicker { font-family: var(--k-mono); font-size: 10px; letter-spacing: 0.22em; color: var(--k-rust); }
.kekri-root .kekri-tile--night .kekri-tile__kicker, .kekri-root .kekri-tile--ember .kekri-tile__kicker { color: var(--k-amber); }
.kekri-root .kekri-tile__title { font-family: var(--k-serif); font-size: 30px; line-height: 1.1; }
.kekri-root .kekri-tile__body p { font-size: 15px; color: #4A4033; }
.kekri-root .kekri-tile--night .kekri-tile__body p, .kekri-root .kekri-tile--ember .kekri-tile__body p { color: var(--k-soft); }
.kekri-root .kekri-arrow { margin-top: 8px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid currentColor; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.kekri-root .kekri-tile--paper .kekri-arrow, .kekri-root .kekri-tile--sand .kekri-arrow { color: #1B1712; }
.kekri-root .kekri-tile--paper .kekri-arrow:hover, .kekri-root .kekri-tile--sand .kekri-arrow:hover { color: var(--k-rust); }

.kekri-root .kekri-tile__art { position: absolute; z-index: -1; }
.kekri-root .kekri-tile__art--rings { width: 320px; height: 320px; right: -110px; top: 30px; opacity: 0.85; }
.kekri-root .kekri-tile__art--mask { width: 170px; height: 190px; right: -6px; bottom: -6px; }

/* Photo areas never sit under the text: side photo takes the right 40 percent, bottom photo the lower 38 percent. */
.kekri-root .kekri-tile__media { position: absolute; z-index: -1; overflow: hidden; display: flex; align-items: flex-end; justify-content: flex-end; }
.kekri-root .kekri-tile__media--side { right: 0; top: 0; bottom: 0; width: 40%; background: #6B4A2E; }
.kekri-root .kekri-tile--side .kekri-tile__body { max-width: calc(60% - 76px); }
.kekri-root .kekri-tile__media--bottom { left: 0; right: 0; bottom: 0; height: 170px; background: #241A17; }
.kekri-root .kekri-tile--bottom { padding-bottom: 210px; min-height: 480px; }
.kekri-root .kekri-tile__photo { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.kekri-root .kekri-ph { padding: 12px; font-family: var(--k-mono); font-size: 10px; color: var(--k-paper-2); }

/* ---------- Map and schools band ---------- */
.kekri-root .kekri-pill { align-self: flex-start; min-height: 44px; padding: 0 22px; border: 1px solid var(--k-muted); border-radius: 22px; display: inline-flex; gap: 16px; align-items: center; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.14em; }

/* ---------- Map ---------- */
.kekri-root .kekri-mapsec { background: var(--k-paper); color: #1B1712; padding: 112px 40px 96px; }
.kekri-root .kekri-mapsec__head { max-width: 1360px; margin: 0 auto 56px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); column-gap: 64px; row-gap: 16px; align-items: end; }
.kekri-root .kekri-mapsec__kicker { grid-column: 1 / -1; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.24em; color: var(--k-rust); }
.kekri-root .kekri-mapsec__title { font-family: var(--k-display); font-size: clamp(40px, 4.6vw, 68px); line-height: 1; letter-spacing: -0.01em; }
.kekri-root .kekri-mapsec__intro { font-size: 18px; color: #4A4033; max-width: 460px; }
.kekri-root .kekri-mapsec__grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: minmax(260px, 4fr) minmax(0, 8fr); gap: 40px; align-items: start; }

.kekri-root .kekri-places { list-style: none; margin: 0; padding: 0; border-top: 1px solid #1B1712; }
.kekri-root .kekri-places li { border-bottom: 1px solid #C9BC9F; }
.kekri-root .kekri-place { width: 100%; min-height: 76px; padding: 18px 0; display: flex; gap: 20px; align-items: flex-start; text-align: left; color: #1B1712; }
.kekri-root .kekri-place__num { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #1B1712; display: inline-flex; align-items: center; justify-content: center; font-family: var(--k-mono); font-size: 11px; margin-top: 2px; }
.kekri-root .kekri-place__text { display: flex; flex-direction: column; gap: 4px; }
.kekri-root .kekri-place__name { font-family: var(--k-serif); font-size: 22px; line-height: 1.2; }
.kekri-root .kekri-place__desc { font-size: 15px; line-height: 1.45; color: #5E5345; }
.kekri-root .kekri-place:hover .kekri-place__name { color: var(--k-rust); }
.kekri-root .kekri-place.is-active .kekri-place__num { background: #1B1712; color: var(--k-paper); }

.kekri-root .kekri-mapsec__frame { min-width: 0; }
.kekri-root .kekri-map { position: relative; height: 560px; background: #DCD3BF; border: 1px solid #1B1712; overflow: hidden; z-index: 0; }
.kekri-root .kekri-map .leaflet-tile-pane { filter: sepia(0.42) saturate(0.7) hue-rotate(-6deg) contrast(0.95) brightness(1.02); }
.kekri-root .kekri-map .leaflet-container, .kekri-root .kekri-map.leaflet-container { font-family: var(--k-serif); background: #DCD3BF; }
.kekri-root .kekri-map .leaflet-control-attribution { background: rgba(237, 229, 211, 0.9); font-family: var(--k-mono); font-size: 10px; color: #4A4033; }
.kekri-root .kekri-map .leaflet-control-attribution a { color: #4A4033; text-decoration: underline; }
.kekri-root .kekri-map .leaflet-bar { border: 1px solid #1B1712; border-radius: 0; box-shadow: none; }
.kekri-root .kekri-map .leaflet-bar a { width: 40px; height: 40px; line-height: 40px; border-radius: 0; background: var(--k-paper); color: #1B1712; font-family: var(--k-mono); border-bottom-color: #1B1712; }
.kekri-root .kekri-map .leaflet-bar a:hover { background: #1B1712; color: var(--k-paper); }
.kekri-root .kekri-map .leaflet-popup-content-wrapper { border-radius: 0; background: var(--k-paper); color: #1B1712; box-shadow: none; border: 1px solid #1B1712; }
.kekri-root .kekri-map .leaflet-popup-tip { background: var(--k-paper); box-shadow: none; border: 1px solid #1B1712; }
.kekri-root .kekri-map .leaflet-popup-content { margin: 16px 18px; font-size: 15px; line-height: 1.45; min-width: 200px; }
.kekri-root .kekri-pop__name { display: block; font-family: var(--k-display); font-size: 22px; line-height: 1.1; margin-bottom: 6px; }
.kekri-root .kekri-pop__links { display: flex; gap: 16px; margin-top: 12px; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.08em; }
.kekri-root .kekri-pop__links a { color: var(--k-rust); text-decoration: underline; text-underline-offset: 3px; }
.kekri-root .kekri-pin { width: 34px; height: 34px; border-radius: 50%; background: #1B1712; color: var(--k-paper); border: 2px solid var(--k-paper); display: flex; align-items: center; justify-content: center; font-family: var(--k-mono); font-size: 11px; }
.kekri-root .kekri-pin.is-active { background: var(--k-rust); }
.kekri-root .kekri-pin--main { width: 44px; height: 44px; font-size: 12px; outline: 1px solid #1B1712; outline-offset: 4px; }
.kekri-root .kekri-map__hint { position: absolute; left: 12px; bottom: 12px; z-index: 500; padding: 6px 10px; background: rgba(27, 23, 18, 0.82); color: var(--k-paper); font-family: var(--k-mono); font-size: 10px; letter-spacing: 0.08em; pointer-events: none; }
.kekri-root .kekri-map__cover { position: absolute; inset: 0; display: none; flex-direction: column; gap: 18px; align-items: center; justify-content: center; text-align: center; padding: 24px; }
.kekri-root .kekri-map[data-consent="1"] .kekri-map__cover { display: flex; }
.kekri-root .kekri-map.is-loaded .kekri-map__cover { display: none; }
.kekri-root .kekri-map__cover p { font-size: 16px; color: #4A4033; max-width: 320px; }
.kekri-root .kekri-mapsec .kekri-pill { color: #1B1712; border-color: #1B1712; }

.kekri-root .kekri-mapsec__actions { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; margin-top: 20px; }
.kekri-root .kekri-btn { min-height: 48px; padding: 0 22px; display: inline-flex; align-items: center; gap: 10px; border: 1px solid #1B1712; font-family: var(--k-mono); font-size: 12px; letter-spacing: 0.06em; color: #1B1712; }
.kekri-root .kekri-btn--solid { background: #1B1712; color: var(--k-paper); }
.kekri-root .kekri-btn--solid:hover { background: var(--k-rust); border-color: var(--k-rust); color: var(--k-paper); }
.kekri-root .kekri-mapsec__addr { margin-left: auto !important; font-family: var(--k-mono); font-size: 12px; color: #5E5345; }

/* ---------- Schools ---------- */
.kekri-root .kekri-schools { display: flex; flex-wrap: wrap; background: #121A1E; }
.kekri-root .kekri-schools__text { flex: 1 1 480px; max-width: 760px; padding: 80px 40px 80px max(40px, calc((100vw - 1360px) / 2)); display: flex; flex-direction: column; gap: 18px; }
.kekri-root .kekri-schools .kekri-mapsec__kicker { color: var(--k-amber); }
.kekri-root .kekri-schools__title { font-family: var(--k-display); font-size: clamp(34px, 3.4vw, 48px); line-height: 1.05; }
.kekri-root .kekri-schools p { font-size: 17px; color: var(--k-soft); max-width: 440px; }
.kekri-root .kekri-schools__photo { flex: 1 1 360px; min-height: 320px; overflow: hidden; }
.kekri-root .kekri-schools__img { width: 100%; height: 100%; max-width: none; object-fit: cover; }

/* ---------- Footer ---------- */
.kekri-root .kekri-footer { max-width: 1440px; margin: 0 auto; padding: 56px 40px 40px; border-top: 1px solid #2A2530; }
.kekri-root .kekri-footer__top { display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; align-items: center; }
.kekri-root .kekri-footer__links { display: flex; flex-wrap: wrap; gap: 8px 28px; font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
.kekri-root .kekri-footer__links a { min-height: 44px; display: inline-flex; align-items: center; }
.kekri-root .kekri-footer__fine { margin-top: 32px !important; font-family: var(--k-mono); font-size: 11px; color: #8A7C66; }

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
	.kekri-root .kekri-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
	.kekri-root .kekri-burger { display: inline-flex; }
	.kekri-root .kekri-nav__links { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 8px 40px 24px; flex-direction: column; gap: 0; background: var(--k-ink); border-top: 1px solid #2A2530; border-bottom: 1px solid #2A2530; }
	.kekri-root .kekri-nav__links.is-open { display: flex; }
	.kekri-root .kekri-nav__links a { min-height: 48px; display: flex; align-items: center; font-size: 13px; border-bottom: 1px solid #2A2530; }
	.kekri-root .kekri-nav__links a[aria-current="page"] { border-bottom-color: #2A2530; color: var(--k-amber); }
}
@media (min-width: 1025px) {
	.kekri-root .kekri-burger { display: none; }
}
@media (max-width: 960px) {
	.kekri-root .kekri-mapsec__head, .kekri-root .kekri-mapsec__grid { grid-template-columns: minmax(0, 1fr); }
	.kekri-root .kekri-map { height: 440px; }
	.kekri-root .kekri-places { display: flex; overflow-x: auto; gap: 12px; border-top: 0; padding-bottom: 6px; scroll-snap-type: x mandatory; }
	.kekri-root .kekri-places li { flex: 0 0 78%; max-width: 320px; border: 1px solid #C9BC9F; scroll-snap-align: start; }
	.kekri-root .kekri-place { padding: 16px; }
	.kekri-root .kekri-mapsec__addr { margin-left: 0 !important; flex-basis: 100%; }
}
@media (max-width: 720px) {
	.kekri-root .kekri-mapsec { padding: 72px 20px 64px; }
	.kekri-root .kekri-map { height: 380px; }
	.kekri-root .kekri-schools__text { padding: 56px 20px; }
	.kekri-root { font-size: 16px; }
	.kekri-root .kekri-nav { padding: 18px 20px; }
	.kekri-root .kekri-brand__place { display: none; }
	.kekri-root .kekri-nav__links { padding: 8px 20px 20px; }
	.kekri-root .kekri-hero__body { padding: 40px 20px 32px; gap: 32px; }
	.kekri-root .kekri-hero__text { padding-left: 20px; flex-basis: 100%; }
	.kekri-root .kekri-hero__sub { font-size: 16px; letter-spacing: 0.22em; }
	.kekri-root .kekri-hero__intro { font-size: 17px; }
	.kekri-root .kekri-ring { width: 200px; height: 200px; margin: 0 auto; }
	.kekri-root .kekri-hero__foot { padding: 0 20px 24px; }
	.kekri-root .kekri-coords { font-size: 10px; letter-spacing: 0.08em; }
	.kekri-root .kekri-tiles { grid-template-columns: minmax(0, 1fr); }
	.kekri-root .kekri-tile { min-height: 340px; padding: 32px 20px; }
	.kekri-root .kekri-tile--bottom { min-height: 420px; padding-bottom: 200px; }
	.kekri-root .kekri-footer { padding: 40px 20px 32px; }
}
@media (prefers-reduced-motion: no-preference) {
	.kekri-root a, .kekri-root button { transition: color 0.2s ease, border-color 0.2s ease; }
}

/* Sign in / Account button in the menu (v1.9) */
.kekri-root .kekri-signin { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 16px; border: 1px solid var(--k-amber); color: var(--k-paper); font-family: var(--k-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; transition: background-color .2s, color .2s; }
.kekri-root .kekri-signin:hover, .kekri-root .kekri-signin.is-current { background: var(--k-amber); color: #1B1712; }
@media (max-width: 760px) {
	.kekri-root .kekri-signin { min-height: 36px; padding: 0 12px; }
}