/* Tolips Mörkrum 1.4 */
.mk, .mk-box {
	--mk-bg: #0b0606;
	--mk-red: #c4161f;
	--mk-red-soft: rgba(179, 18, 26, .32);
	--mk-ink: #efe6dc;
	--mk-dim: rgba(239, 230, 220, .62);
	--mk-paper: #f4efe6;
	--mk-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	--mk-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mk {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	overflow: clip; /* clip låter videon stå kvar (sticky) medan man scrollar */
	background: var(--mk-bg);
	color: var(--mk-ink);
	padding: clamp(56px, 10vw, 120px) 16px clamp(72px, 12vw, 160px);
	-webkit-tap-highlight-color: transparent;
}
.mk *, .mk *::before, .mk *::after { box-sizing: border-box; }

/* ── Videobakgrund ────────────────────────── */
.mk-film { position: absolute; inset: 0; z-index: -3; pointer-events: none; }
.mk-video, .mk-shade {
	position: sticky; top: 0; display: block; width: 100%;
	height: 100vh; height: 100svh;
}
.mk-video { object-fit: cover; filter: saturate(1.05) contrast(1.05); }
.mk-shade {
	margin-top: -100vh; margin-top: -100svh;
	background:
		radial-gradient(120% 80% at 50% 45%, rgba(11, 6, 6, .15), rgba(11, 6, 6, .75) 100%),
		linear-gradient(rgba(11, 6, 6, .45), rgba(11, 6, 6, .25) 40%, rgba(11, 6, 6, .55));
}

/* Säkerhetslampan (används när ingen video finns) */
.mk-glow {
	position: absolute; inset: -20% -10% auto; height: 120vh; z-index: -2;
	background: radial-gradient(60% 45% at 50% 0%, var(--mk-red-soft), transparent 70%);
	animation: mk-breathe 7s ease-in-out infinite;
	pointer-events: none;
}
.mk-has-video .mk-glow { display: none; }
@keyframes mk-breathe { 50% { opacity: .55; } }

.mk-grain {
	position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: .09; mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ── Rubrik ───────────────────────────────── */
.mk-head { max-width: 900px; margin: 0 auto clamp(56px, 9vw, 110px); text-align: center; }
.mk-kicker {
	display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px;
	font: 500 11px/1 var(--mk-mono); letter-spacing: .22em; text-transform: uppercase; color: var(--mk-dim);
}
.mk-lamp {
	width: 7px; height: 7px; border-radius: 50%; background: var(--mk-red);
	box-shadow: 0 0 12px 3px var(--mk-red); animation: mk-breathe 7s ease-in-out infinite;
}
.mk-title {
	margin: 0; font: italic 400 clamp(44px, 10vw, 112px)/.95 var(--mk-serif);
	letter-spacing: -.02em; color: var(--mk-ink); text-wrap: balance;
	text-shadow: 0 2px 30px rgba(0, 0, 0, .5);
}
.mk-sub { margin: 18px auto 0; max-width: 40ch; font: 400 16px/1.55 var(--mk-serif); color: var(--mk-dim); text-wrap: balance; }

.mk-switch {
	display: inline-flex; margin-top: 32px; padding: 3px; gap: 3px;
	border: 1px solid rgba(239, 230, 220, .22); border-radius: 999px;
	background: rgba(11, 6, 6, .45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.mk-switch button {
	appearance: none; border: 0; cursor: pointer; border-radius: 999px;
	padding: 10px 18px; min-height: 40px;
	font: 500 11px/1 var(--mk-mono); letter-spacing: .16em; text-transform: uppercase;
	background: transparent; color: var(--mk-dim); transition: background .3s, color .3s;
}
.mk-switch button[aria-selected="true"] { background: var(--mk-ink); color: var(--mk-bg); }
.mk-switch button:focus-visible { outline: 2px solid var(--mk-red); outline-offset: 2px; }

/* ── Torklina: flera bilder per lina ──────── */
.mk-line {
	margin: 0 auto; max-width: 1180px;
	display: flex; flex-direction: column; gap: clamp(48px, 11vw, 140px);
}
.mk-row {
	--wire-h: 24px;
	position: relative;
	display: grid; grid-template-columns: repeat(var(--per, 3), minmax(0, 1fr));
	gap: clamp(10px, 3.2vw, 44px); align-items: start;
	padding-inline: clamp(0px, 2vw, 24px);
}
.mk[data-per="1"] .mk-row { max-width: 640px; width: 100%; margin-inline: auto; }

/* Linan hänger lite i mitten och går ut till skärmkanterna */
.mk-wire {
	position: absolute; top: 0; height: var(--wire-h);
	left: calc(50% - 50vw); width: 100vw; overflow: visible;
}
.mk-wire path {
	fill: none; stroke: rgba(239, 230, 220, .42); stroke-width: 1; vector-effect: non-scaling-stroke;
}

.mk-frame {
	/* var klädnypan sitter på linans båge (bågens djup i px) */
	--pin-y: 10px;
	position: relative; min-width: 0;
	padding-top: calc(var(--pin-y) + 14px);
}
.mk[data-per="3"] .mk-frame:nth-child(3),
.mk[data-per="1"] .mk-frame { --pin-y: 13px; }
.mk[data-per="2"] .mk-frame { --pin-y: 11px; }
.mk[data-per="4"] .mk-frame:nth-child(3),
.mk[data-per="4"] .mk-frame:nth-child(4) { --pin-y: 12.5px; }

.mk-pin {
	position: absolute; left: 50%; z-index: 2;
	top: calc(var(--pin-y) - 8px);
	width: clamp(7px, 1.4vw, 10px); height: clamp(22px, 4vw, 34px);
	margin-left: calc(clamp(7px, 1.4vw, 10px) / -2);
	border-radius: 2px; background: linear-gradient(90deg, #d9cfc2, #9b8f80 55%, #c9bdb0);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .6);
	transform: rotate(var(--tilt, 0deg));
}
.mk-pin::after {
	content: ""; position: absolute; left: 1px; right: 1px; top: 42%; height: 3px;
	background: #5f554a; border-radius: 1px;
}

.mk-print {
	display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in;
	transform-origin: 50% 0; transform: rotate(var(--tilt, 0deg));
	animation: mk-sway 6s ease-in-out infinite alternate;
	animation-delay: calc(var(--col, 0) * -1.7s);
}
@keyframes mk-sway {
	from { transform: rotate(calc(var(--tilt, 0deg) - .5deg)); }
	to   { transform: rotate(calc(var(--tilt, 0deg) + .5deg)); }
}
.mk-print:hover { animation-play-state: paused; }
.mk-wind .mk-print { animation: none; will-change: transform; }
.mk-print:focus-visible { outline: 2px solid var(--mk-red); outline-offset: 6px; }

.mk-paper {
	position: relative; display: block; background: var(--mk-paper);
	padding: clamp(4px, 1.2vw, 14px) clamp(4px, 1.2vw, 14px) clamp(14px, 3.6vw, 44px);
	box-shadow: 0 24px 50px -18px rgba(0, 0, 0, .95), 0 2px 0 rgba(255, 255, 255, .04) inset;
}
.mk-paper img { display: block; width: 100%; height: auto; background: #1a1212; will-change: filter; }
.mk-tint {
	position: absolute; inset: clamp(4px, 1.2vw, 14px) clamp(4px, 1.2vw, 14px) clamp(14px, 3.6vw, 44px);
	background: radial-gradient(120% 90% at 50% 40%, rgba(179, 18, 26, .15), rgba(120, 8, 14, .9));
	mix-blend-mode: multiply; pointer-events: none; opacity: 0;
}

.mk-label {
	margin: 10px 2px 0; display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline;
	font: 400 14px/1.35 var(--mk-serif); color: var(--mk-dim);
}
.mk-no { font: 500 10px/1 var(--mk-mono); letter-spacing: .18em; color: #ff6a6f; }
@media (max-width: 719px) {
	.mk:not([data-per="1"]) .mk-cap { display: none; }
	.mk-label { margin-top: 7px; }
	.mk-no { font-size: 9px; letter-spacing: .14em; }
}

@media (prefers-reduced-motion: reduce) {
	.mk-glow, .mk-lamp, .mk-print { animation: none; }
}

/* ── Kontaktkarta ─────────────────────────── */
.mk[data-view="karta"] .mk-line {
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
	max-width: 1100px; padding: 22px 10px;
	background:
		radial-gradient(circle at 50% 50%, var(--mk-bg) 2.6px, transparent 3px) 0 4px / 14px 14px repeat-x,
		radial-gradient(circle at 50% 50%, var(--mk-bg) 2.6px, transparent 3px) 0 calc(100% - 4px) / 14px 14px repeat-x,
		rgba(26, 21, 19, .94);
	border-radius: 2px; box-shadow: 0 30px 80px -30px #000;
}
@media (min-width: 720px)  { .mk[data-view="karta"] .mk-line { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 28px 18px; } }
@media (min-width: 1100px) { .mk[data-view="karta"] .mk-line { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

.mk[data-view="karta"] .mk-row { display: contents; }
.mk[data-view="karta"] .mk-wire,
.mk[data-view="karta"] .mk-pin,
.mk[data-view="karta"] .mk-cap { display: none; }
.mk[data-view="karta"] .mk-frame { padding: 0; animation: mk-in .5s both; animation-delay: calc(var(--i, 0) * 25ms); }
.mk[data-view="karta"] .mk-print { position: relative; transform: none !important; animation: none; }
.mk[data-view="karta"] .mk-paper { padding: 0; box-shadow: none; background: #000; aspect-ratio: 1; overflow: hidden; }
.mk[data-view="karta"] .mk-paper img { filter: none !important; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.mk[data-view="karta"] .mk-print:hover img { transform: scale(1.06); }
.mk[data-view="karta"] .mk-tint { display: none; }
.mk[data-view="karta"] .mk-label { margin: 6px 0 0; }
.mk[data-view="karta"] .mk-no { color: #e8a13a; font-size: 9px; }
@keyframes mk-in { from { opacity: 0; transform: translateY(8px); } }

/* Fettkrita-ring när man pekar på en ruta */
.mk[data-view="karta"] .mk-print::after {
	content: ""; position: absolute; inset: -4px; border: 2px solid var(--mk-red); border-radius: 46% 54% 50% 48% / 52% 46% 54% 48%;
	opacity: 0; transform: scale(.9) rotate(-4deg); transition: .35s; pointer-events: none;
}
.mk[data-view="karta"] .mk-print:hover::after,
.mk[data-view="karta"] .mk-print:focus-visible::after { opacity: 1; transform: scale(1) rotate(-2deg); }

/* ── Helskärm ─────────────────────────────── */
.mk-box {
	position: fixed; inset: 0; z-index: 99999; background: #050303;
	display: grid; grid-template-rows: auto 1fr; color: var(--mk-ink);
	opacity: 0; transition: opacity .35s;
}
.mk-box.is-open { opacity: 1; }
.mk-box[hidden] { display: none; }
.mk-box-bar {
	display: flex; justify-content: space-between; align-items: center;
	padding: max(14px, env(safe-area-inset-top)) 16px 14px;
	font: 500 11px/1 var(--mk-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--mk-dim);
}
.mk-box-close {
	appearance: none; border: 1px solid rgba(239, 230, 220, .25); background: none; color: var(--mk-ink);
	font: inherit; letter-spacing: inherit; text-transform: inherit; padding: 12px 16px; border-radius: 999px; cursor: pointer;
}
.mk-box-fig {
	margin: 0; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 0 16px max(20px, env(safe-area-inset-bottom)); gap: 14px; touch-action: pan-y;
}
.mk-box-fig img {
	max-width: 100%; max-height: calc(100% - 40px); object-fit: contain; min-height: 0;
	transition: opacity .3s, filter .9s;
}
.mk-box-fig img.is-loading { opacity: 0; filter: invert(1) blur(6px); }
.mk-box-fig figcaption { font: italic 400 16px/1.4 var(--mk-serif); color: var(--mk-dim); text-align: center; min-height: 1.4em; }
.mk-box-prev, .mk-box-next {
	position: absolute; top: 50%; transform: translateY(-50%);
	appearance: none; border: 0; background: rgba(5, 3, 3, .5); color: var(--mk-ink);
	width: 52px; height: 52px; border-radius: 50%; font: 20px/1 var(--mk-serif); cursor: pointer;
}
.mk-box-prev { left: 12px; } .mk-box-next { right: 12px; }
@media (hover: none) and (max-width: 719px) { .mk-box-prev, .mk-box-next { display: none; } }
.mk-box button:focus-visible { outline: 2px solid var(--mk-red); outline-offset: 2px; }
html.mk-lock { overflow: hidden; }

/* ── Lossnar från klädnypan ───────────────── */
.mk-fly {
	position: fixed; z-index: 100000; margin: 0; pointer-events: none;
	transform-origin: 0 0; will-change: transform;
	box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .9);
}
.mk-fly img { width: 100%; height: auto; display: block; }
.mk-box.is-flying .mk-box-fig img { opacity: 0 !important; transition: none; }
.mk-box.is-flying .mk-box-bar, .mk-box.is-flying .mk-box-fig figcaption,
.mk-box.is-flying .mk-box-prev, .mk-box.is-flying .mk-box-next { opacity: 0; }
.mk-box-bar, .mk-box-fig figcaption, .mk-box-prev, .mk-box-next { transition: opacity .4s; }
.mk-pin { transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.mk-pin.is-snap { animation: mk-snap .6s cubic-bezier(.3, 1.5, .5, 1); }
@keyframes mk-snap {
	0%   { transform: rotate(var(--tilt, 0deg)); }
	25%  { transform: rotate(calc(var(--tilt, 0deg) - 9deg)) translateY(-4px) scaleY(1.08); }
	60%  { transform: rotate(calc(var(--tilt, 0deg) + 4deg)) translateY(1px); }
	100% { transform: rotate(var(--tilt, 0deg)); }
}
.mk-fly { box-sizing: border-box; background: #f4efe6; }

/* Inställningsbart filter för både foto och video. */
.mk-shade { background: var(--mk-shade-color, #0b0606); opacity: var(--mk-shade, .4); }
.mk-video { filter: none; }

/* Original drying lines and continuous vertical fullscreen viewer. No visible filenames/captions. */
.mk-label,.mk-box-fig figcaption{display:none}
.mk-image-error{display:block;padding:40px 12px;color:#201b18;font:14px/1.5 Arial,sans-serif}
.mk-image-error[hidden]{display:none}
.mk-view-track{min-height:0;width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y pinch-zoom}
.mk-view-track::-webkit-scrollbar{display:none}
.mk-view-slide{flex:0 0 100%;width:100%;height:100%;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:0 12px max(16px,env(safe-area-inset-bottom));box-sizing:border-box}
.mk-view-slide img{display:block;width:100%;height:100%;object-fit:contain;filter:none;user-select:none;-webkit-user-drag:none}
.mk-view-slide img[hidden]{display:none}
.mk-view-slide p{text-align:center;padding:24px}
@media(max-width:719px){.mk-view-slide{padding-inline:0}}

.mk-box-prev{left:auto;right:12px;top:calc(50% - 34px)}
.mk-box-next{right:12px;top:calc(50% + 34px)}

/* Keep fullscreen slides hidden only while the paper travels to/from its pin. */
.mk-box.is-flying .mk-view-track{visibility:hidden;pointer-events:none}
/* One oval glass control, with a lighter selected segment. */
.mk-switch{gap:3px;padding:4px;border:1px solid #ffffff38;border-radius:999px;background:linear-gradient(130deg,#ffffff13,#ffffff03 55%,#ffffff0d);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 2px #ffffff40,inset 0 -1px 2px #0008,0 8px 22px #0003}
.mk-switch button{border:1px solid transparent;color:#eee5dc99;background:transparent;box-shadow:none;min-height:44px;padding:12px 18px}
.mk-switch button[aria-selected="true"]{color:#fff9ef;border-color:#ffffff85;background:linear-gradient(130deg,#ffffff65,#ffffff22 55%,#ffffff40);box-shadow:inset 0 2px 2px #ffffffa0,inset 0 -2px 3px #0007,0 2px 8px #0004;text-shadow:0 1px 2px #0008}
.mk-back{margin:6px auto 0}
.mk-lamp{animation:portfolio-lamp 4s ease-in-out infinite}
@keyframes portfolio-lamp{0%,100%{opacity:1;box-shadow:0 0 12px 3px #c4161f}50%{opacity:.3;box-shadow:0 0 3px 1px #c4161f}}
@media(prefers-reduced-motion:reduce){.mk-lamp{animation:none}}

/* Contact sheet: individual floating photographs without film stock or marker. */
.mk[data-view="karta"] .mk-line{background:none;border:0;box-shadow:none;padding:0;gap:12px}
.mk[data-view="karta"] .mk-paper{background:transparent;border:0;border-radius:0;box-shadow:0 5px 12px #0005}
.mk[data-view="karta"] .mk-print::after{display:none}
.mk[data-view="karta"] .mk-print:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Counter overlays the full-height photograph, without a toolbar strip. */
.mk-box{grid-template-rows:minmax(0,1fr)}
.mk-box-bar{position:absolute;inset:0 0 auto;z-index:2;pointer-events:none;color:#fff;mix-blend-mode:difference;background:none}
.mk-box-count{color:#fff;text-shadow:none}
.mk-box-close{display:none}
.mk-box:focus{outline:none}
.mk[data-view="karta"] .mk-paper{box-shadow:0 8px 18px #0008,0 2px 5px #0005}

/* Additional portfolio views share the original photographs and viewer. */
.mk .mk-switch{flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;border-radius:24px}
.mk .mk-switch button{font-size:10px;padding:12px 14px}
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-row{display:contents}
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-wire,
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-pin,
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-tint{display:none}
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-frame{padding:0;min-width:0}
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-print{transform:none!important;animation:none}
.mk:not([data-view="lina"]):not([data-view="karta"]) .mk-paper img{filter:none!important}
.mk[data-view="light"] .mk-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:26px;background:#f6f1e6e6;border-radius:16px;box-shadow:inset 0 0 35px #fff,0 12px 40px #0005}
.mk[data-view="light"] .mk-paper{padding:12px 12px 24px;background:#fffdf4;box-shadow:0 4px 8px #0004,0 0 14px #fff}
.mk[data-view="light"] .mk-frame:nth-of-type(even){rotate:2deg}
.mk[data-view="float"] .mk-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 9%;padding:20px 4%}
.mk[data-view="float"] .mk-paper{padding:0;background:none;box-shadow:0 18px 30px #0008}
.mk[data-view="float"] .mk-frame{transform:translateY(var(--view-y,0px)) rotate(var(--tilt,0deg))}
.mk[data-view="float"] .mk-frame:nth-child(even){margin-top:70px}
.mk[data-view="film"] .mk-line{width:min(440px,90%);display:flex;gap:22px;padding:28px 30px;background:repeating-linear-gradient(0deg,#ddd 0 8px,transparent 8px 22px) left 8px top/8px 100% repeat-y,repeating-linear-gradient(0deg,#ddd 0 8px,transparent 8px 22px) right 8px top/8px 100% repeat-y,#151515;box-shadow:0 12px 30px #0008}
.mk[data-view="film"] .mk-paper{padding:0;background:none}
.mk[data-view="film"] .mk-paper img{filter:invert(var(--view-negative,1))!important}
.mk[data-view="stack"] .mk-line{position:relative;display:block;width:min(440px,80%);height:650px;max-height:75svh;margin-bottom:36px;touch-action:pan-y}
.mk[data-view="stack"] .mk-frame{position:absolute;inset:0;visibility:hidden;pointer-events:none;transition:transform .45s,opacity .45s}
.mk[data-view="stack"] .mk-frame[data-stack-pos]{visibility:visible;transform:translate(calc(var(--stack-pos)*7px),calc(var(--stack-pos)*7px)) rotate(calc(var(--stack-pos)*4deg));z-index:calc(10 - var(--stack-pos))}
.mk[data-view="stack"] .mk-frame[data-stack-pos="0"]{pointer-events:auto}
.mk[data-view="stack"] .mk-paper{box-shadow:0 10px 20px #0007;padding:10px 10px 25px}
.mk[data-view="stack"] .mk-paper img{max-height:60svh;object-fit:contain}
.mk-stack-next{display:none;margin:20px auto;border:1px solid #fff8;border-radius:999px;padding:12px 22px;background:#222a;color:white;cursor:pointer}
.mk[data-view="stack"] .mk-stack-next{display:block}
.mk[data-view="magazine"] .mk-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;align-items:center}
.mk[data-view="magazine"] .mk-frame:nth-of-type(3n+1){grid-column:span 2}
.mk[data-view="magazine"] .mk-paper{padding:0;background:none;box-shadow:0 5px 15px #0004}
.mk[data-view="bath"] .mk-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.mk[data-view="bath"] .mk-paper{padding:18px;background:#0b1013;box-shadow:inset 0 0 0 2px #53636c,0 12px 30px #0008;overflow:hidden}
.mk[data-view="bath"] .mk-paper img{opacity:var(--view-reveal,.1);transform:scale(calc(1.015 + var(--view-wave,0)*.008));transition:opacity .2s}
.mk[data-view="bath"] .mk-paper:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 45px,#bce4f509 47px,transparent 50px);transform:translateY(calc(var(--view-wave,0)*8px))}
@media(max-width:600px){.mk[data-view="light"] .mk-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.mk[data-view="light"] .mk-paper{padding:8px 8px 18px}.mk[data-view="bath"] .mk-line{gap:20px}.mk[data-view="bath"] .mk-paper{padding:10px}}
@media(prefers-reduced-motion:reduce){.mk[data-view="float"] .mk-frame{transform:none}.mk[data-view="bath"] .mk-paper img{opacity:1;transform:none}.mk[data-view="film"] .mk-paper img{filter:none!important}}

/* Fullscreen stream: natural image proportions, exactly 2px between photos. */
.mk-view-track{gap:2px;scroll-snap-type:none}
.mk-view-slide{flex:0 0 auto;height:auto;padding:0;align-items:flex-start}
.mk-view-slide img{width:100%;height:auto;max-height:none;object-fit:initial}

/* Fit full photos to tablet/desktop screens while retaining the 2px stream gap. */
@media(min-width:720px){.mk-view-slide img{width:auto;height:auto;max-width:100%;max-height:100vh;max-height:100dvh;object-fit:contain}}

/* Each photo holds for a short scroll, then releases into the 2px stream. */
.mk-motion-track .mk-view-slide{display:block;position:relative;overflow:visible;flex-shrink:0;scroll-snap-align:none}
.mk-motion-track .mk-motion-stage{position:sticky;top:0;margin-inline:auto;overflow:hidden;isolation:isolate;background:#080606;max-width:100%}
.mk-motion-track .mk-motion-stage img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;will-change:transform}
.mk-motion-track .mk-motion-stage img[hidden]{display:none}

.mk-light-pass::after{content:'';position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(105deg,transparent 25%,#fff4d9 50%,transparent 75%);mix-blend-mode:screen;opacity:var(--mk-light-opacity,0);transform:translateX(var(--mk-light-x,-140%))}
.mk-view-track[data-motion="wheel"] .mk-motion-stage{position:fixed;margin:0;pointer-events:none;backface-visibility:hidden;will-change:transform,opacity;background:transparent}
.mk-view-track[data-motion="wheel"] .mk-view-slide{pointer-events:none}
.mk-view-track[data-motion="wheel"] .mk-motion-stage img{box-shadow:0 15px 35px #0008}
.mk-box-bar{z-index:40}