/* haiga – iš patvirtinto maketo (docs/dizainas/maketas/eilutes.html ir atvirute.html). */

/* Instrument Sans – paprastas, modernus, be puošybos (OFL) */
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/instrument-sans-latin-wght-normal.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0000-00FF, U+2013-2026; }
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/instrument-sans-latin-ext-wght-normal.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0100-024F; }
/* Fraunces – pirmosioms eilutėms (OFL) */
@font-face { font-family: 'Fraunces'; src: url('../fonts/fraunces-latin-full-normal.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+2013-2026; }
@font-face { font-family: 'Fraunces'; src: url('../fonts/fraunces-latin-ext-full-normal.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0100-024F; }
/* tas pats Fraunces, „užšaldytas“ atvirutės drobei (drobė SOFT ašies nustatyti nemoka) */
@font-face { font-family: 'Fraunces Atvirute'; src: url('../fonts/fraunces-atvirute-latin.woff2') format('woff2'); font-weight: 300; unicode-range: U+0000-00FF, U+2013-2026; }
@font-face { font-family: 'Fraunces Atvirute'; src: url('../fonts/fraunces-atvirute-latin-ext.woff2') format('woff2'); font-weight: 300; unicode-range: U+0100-024F; }

:root {
	--popierius: #ffffff; /* grynai balta, be gelsvo atspalvio */
	--rasalas: #1d1c1a;
	--tylu: #736f68; /* 4,8:1 ant popieriaus */
	--skaitymas: var(--rasalas); /* kūrinių ir puslapių tekstas */
	--linija: #ddd7ca;
	--uzuomina: #aaa498;
	--punktyras: #d9d9d6;
	--atv-popierius: #ffffff; /* atvirutės popierius (tamsioje – tamsus) */
	color-scheme: light;
	--vaizdas: min(26vw, 380px);
	--kaire: clamp(20px, 7vw, 120px);
	--eil: 'Fraunces', Georgia, serif;
	--fr: 'opsz' 72, 'SOFT' 100, 'WONK' 0;
	/* privalomo minimumo vardai – ta pati paletė */
	--color-primary: var(--rasalas);
	--color-accent: var(--tylu);
	--color-bg: var(--popierius);
	--color-text: var(--skaitymas);
}
/* Tamsi versija – pagal lankytojo įrenginio režimą arba jungiklį „tamsu / šviesu“, be spalvų (patvirtinta 2026-11-08).
   Atvirutė tamsioje – irgi tamsi, spaudos žymės šviesios (savininkas, 2026-11-08). */
@media (prefers-color-scheme: dark) {
	:root:not(.sventine):not([data-tema="sviesu"]) {
		--popierius: #151514;
		--rasalas: #ebe8e1;
		--tylu: #9a968e;
		--linija: #3a3935;
		--uzuomina: #6f6c66;
		--punktyras: #4a4844;
		--atv-popierius: #151514; /* kaip puslapis */
		color-scheme: dark;
	}
}
:root[data-tema="tamsu"]:not(.sventine) {
	--popierius: #151514;
	--rasalas: #ebe8e1;
	--tylu: #9a968e;
	--linija: #3a3935;
	--uzuomina: #6f6c66;
	--punktyras: #4a4844;
	--atv-popierius: #151514; /* kaip puslapis */
	color-scheme: dark;
}
/* Šventinė – įjungiama Išvaizda → Tinkinti → haiga (patvirtinta 2026-11-08). Pirmenybė prieš tamsią. */
:root.sventine {
	--popierius: #C6D7C7; /* šalavijas */
	--rasalas: #FF5035;   /* koralas – pavadinimai, nuorodos */
	--tylu: #C98A6B;      /* terakota – neaktyvūs elementai */
	--skaitymas: #6b2e1e; /* plytinė – skaitomas tekstas, 6,9:1 */
	--linija: #a9bcaa;
	--uzuomina: #8a6a5a;
	--punktyras: #a9bcaa;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
	background: var(--color-bg); color: var(--color-text);
	font: 400 17px/1.6 'Instrument Sans', system-ui, sans-serif;
	font-feature-settings: 'ss01';
	min-height: 100vh;
}
a { color: inherit; }
ul, ol { list-style: none; }
[hidden] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Atsiradimo animacija: paslėpta TIK kai veikia JS (.js), kitaip turinys matomas visada. */
.js [data-atsiranda] { opacity: 0; transform: translateY(16px); transition: opacity .4s ease, transform .4s ease; }
.js [data-atsiranda].is-visible { opacity: 1; transform: none; }

/* Prieinamumas */
.praleisti { position: absolute; left: -9999px; background: var(--popierius); padding: .3em .6em; }
.praleisti:focus { left: 16px; top: 16px; z-index: 10000; }
:focus-visible { outline: 1px dotted var(--color-accent); outline-offset: 3px; }

/* ---------- viršus ---------- */
header.virsus { padding: 44px var(--kaire) 0; font-size: 15px; letter-spacing: .02em; display: flex; justify-content: space-between; align-items: baseline; gap: 1em; }
header.virsus a { text-decoration: none; }
header .vardas { color: var(--rasalas); font: 300 22px/1 var(--eil); font-variation-settings: var(--fr); letter-spacing: 0; }
nav.psl { display: flex; align-items: baseline; gap: 1.3em; }
nav.psl ul { display: flex; align-items: baseline; gap: 1.3em; font-size: 14px; } /* ė, ū – iš kito šrifto failo, todėl lygiuojama pagal raidžių liniją */
nav.psl a { color: var(--tylu); transition: color .25s; }
button.tema-jung { all: unset; cursor: pointer; font-size: 14px; color: var(--tylu); transition: color .25s; }
button.tema-jung:hover, button.tema-jung:focus-visible { color: var(--rasalas); }
button.tema-jung:focus-visible { outline: 1px dotted var(--tylu); outline-offset: 3px; }
/* plačiame ekrane „atvirutės“ visada kampe (siūlo veiksmą), „apie“ lieka savo vietoje viršuje */
@media (min-width: 761px) {
	nav.psl li.kampas { position: fixed; z-index: 5; margin: 0; } /* vieta (top, left) – iš main.js, kad sutaptų su meniu */
}
nav.psl a:hover, nav.psl a:focus-visible, nav.psl a[aria-current="page"], nav.psl .current-menu-item > a { color: var(--rasalas); }

/* ---------- skyriai ---------- */
nav.sk { padding: 13vh var(--kaire) 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: .2em 1.1em; font-size: 14px; }
nav.sk a { color: var(--tylu); text-decoration: none; transition: color .25s; }
nav.sk a:hover, nav.sk a:focus-visible, nav.sk a[aria-current="page"] { color: var(--rasalas); }
/* skaičių nėra: užvedus ant skyriaus, kitų skyrių eilutės nublanksta */
#sarasas li { transition: opacity .3s; }
#sarasas.perziura li:not(.tinka) { opacity: .25; }

/* ---------- sąrašas ---------- */
main#turinys { padding: 6vh var(--kaire) 22vh; max-width: calc(var(--kaire) + 36rem); }
li + li { margin-top: .14em; }
.eil-vieta { font: inherit; }
a.eil {
	display: block; width: 100%; text-decoration: none; cursor: pointer;
	color: var(--tylu); transition: color .25s; text-wrap: pretty;
	font-family: var(--eil); font-variation-settings: var(--fr);
	font-size: 1.32em; line-height: 1.18; font-weight: 300; letter-spacing: -.01em;
}
a.eil:hover, a.eil:focus-visible, li.atv a.eil { color: var(--rasalas); }
a.eil:focus-visible { outline-offset: 4px; }
li.atv[aria-busy="true"] a.eil, li[aria-busy="true"] a.eil { opacity: .5; }
/* ilgas tekstas: atidaryta eilutė lieka viršuje, kol skaitai */
/* atverstas kūrinys atsiskiria nuo sąrašo: oras virš ir po juo, tekstas truputį įtrauktas po pavadinimu */
li.atv { margin: 1.1em 0 2.4em; }
li.atv:first-child { margin-top: 0; }
li.atv .tekstas { padding-left: 1.15em; }
li.atv .eil-vieta { position: sticky; top: 0; z-index: 2; background: var(--popierius); padding: .25em 0 .3em; margin-top: -.25em; }

.kurinys { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.2,.7,.2,1); }
li.atv .kurinys { grid-template-rows: 1fr; }
.vid { overflow: hidden; }
.tekstas { padding: .55em 0 1.6em; }
.tekstas p { margin: 0; }
.tekstas p + p { margin-top: .8em; }
.tekstas.proza { max-width: 34rem; }
.tekstas.proza p + p { margin-top: .9em; }
.tekstas img:not(.mob) { max-width: 100%; height: auto; }
.pab { display: flex; gap: 1.2em; align-items: baseline; margin-top: 1.1em; font-size: 13px; color: var(--tylu); }
.pav { letter-spacing: .02em; }
/* atvirutės nuoroda kūrinio gale – tik telefone (plačiame ekrane ji kampe) */
.pab .i-atvirute { color: var(--tylu); text-decoration: none; }
.pab .i-atvirute:hover, .pab .i-atvirute:focus-visible { color: var(--rasalas); }
@media (min-width: 761px) { .pab .i-atvirute { display: none; } }
.tylu { color: var(--tylu); }
img.mob { display: none; }

/* ---------- puslapiai (apie ir kt.) ---------- */
.puslapis { max-width: 34rem; padding-top: 7vh; }
.puslapis h1 { color: var(--rasalas); font: 300 1.32em/1.18 var(--eil); font-variation-settings: var(--fr); letter-spacing: -.01em; margin-bottom: .8em; }
.puslapis p + p { margin-top: .9em; }
.puslapis img:not(.mob) { max-width: 100%; height: auto; }

/* ---------- nuotaikos paveikslas – emulsijos plėvelė vandenyje (WebGL) ---------- */
figure.nuotaika {
	position: fixed; top: var(--virsus, 50%);
	left: min(calc(var(--kaire) + 36rem + clamp(40px, 5vw, 120px)), calc(100vw - var(--kaire) - var(--vaizdas)));
	width: var(--vaizdas); transform: translateY(var(--pakelti, -50%));
	opacity: 0; transition: opacity .9s ease; pointer-events: none;
}
figure.nuotaika.mat { opacity: 1; pointer-events: auto; }
figure.nuotaika img { display: block; width: 100%; height: auto; }
figure.nuotaika img:not([src]) { display: none; }
canvas.plevele { display: block; width: 160%; margin: -30%; aspect-ratio: 1; pointer-events: none; opacity: 0; transition: opacity .9s ease; }
canvas.plevele.rodo { opacity: 1; }
html.virs-pleveles, html.virs-pleveles * { cursor: grab; }
html.tempia, html.tempia * { cursor: grabbing !important; user-select: none; -webkit-user-select: none; }
.gl figure.nuotaika img, .gl img.mob { display: none !important; }
.mob-vieta { display: none; }

/* ---------- poraštė ---------- */
footer.apacia { padding: 0 var(--kaire) 40px; font-size: 13px; color: var(--tylu); display: flex; flex-wrap: wrap; align-items: baseline; gap: .3em 1.4em; }
footer.apacia ul { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3em 1.4em; }
footer.apacia a, footer.apacia button { color: inherit; text-decoration: none; transition: color .25s; }
footer.apacia a:hover, footer.apacia a:focus-visible { color: var(--rasalas); }
footer.apacia .aukstyn { margin-left: auto; }
footer.apacia .aukstyn[hidden] { display: none; }

/* ---------- atvirutė: tas pats išdėstymas – žodžiai kairėje, atvirutė dešinėje ---------- */
main#turinys.atvirute {
	max-width: none;
	display: grid; grid-template-columns: minmax(15rem, 22rem) auto; grid-template-areas: "v k" "a k";
	grid-template-rows: auto 1fr; column-gap: clamp(56px, 9vw, 200px); justify-content: start;
	padding: 13vh var(--kaire) 20vh;
}
.a-virsus { grid-area: v; }
.a-virsus h1 { color: var(--rasalas); font: 300 1.32em/1.18 var(--eil); font-variation-settings: var(--fr); letter-spacing: -.01em; }
.a-apacia { grid-area: a; display: grid; gap: 1.6em; align-content: start; padding-top: 2.2em; }
.kortele-vieta { grid-area: k; }
.pastaba { font-size: 13px; color: var(--tylu); line-height: 1.5; }
.tylus { display: flex; flex-wrap: wrap; gap: .3em 1.3em; font-size: 14px; }
.tylus button, .tylus label { all: unset; cursor: pointer; color: var(--tylu); transition: color .25s; }
.tylus button:hover, .tylus label:hover, .tylus button:focus-visible, .tylus label:focus-within { color: var(--rasalas); }
.tylus button:focus-visible { outline: 1px dotted var(--tylu); outline-offset: 3px; }
.tylus .svarbu { color: var(--rasalas); }
.tylus [aria-busy="true"] { opacity: .45; }
.nukopijuota { display: flex; gap: .9em; align-items: center; margin-top: -.6em; font-size: 13px; line-height: 1.5; color: var(--rasalas); }
.nukopijuota[hidden] { display: none; }
.nukopijuota img { flex: none; width: 34px; height: auto; box-shadow: 0 1px 4px rgb(0 0 0 / .18); }
.nukopijuota kbd { font: inherit; white-space: nowrap; }
/* nukopijuotos atvirutės skrydis prie mygtuko (atvirute.js) */
.skrenda { position: fixed; z-index: 60; pointer-events: none; transform-origin: 0 0; box-shadow: 0 6px 24px rgb(0 0 0 / .18); }
.tylus input { position: absolute; width: 1px; height: 1px; opacity: 0; }
/* žodžių laukas ilgėja kartu su tekstu (atvirute.js), slinkiklio nėra */
textarea {
	width: 100%; min-height: 7.5em; resize: none; overflow: hidden; background: transparent; color: inherit; border: 0;
	border-bottom: 1px solid var(--linija); border-radius: 0; padding: .2em 0 .6em;
	font: 300 1.2rem/1.3 var(--eil); font-variation-settings: var(--fr);
}
textarea::placeholder { color: var(--uzuomina); }
textarea:focus-visible { outline: none; border-bottom-color: var(--tylu); }
/* A6 stačia (105 × 148 mm) – viršuje plėvelė, apačioje žodžiai.
   Jokio rėmo ar šešėlio: popierius tos pačios spalvos kaip puslapis, kraštus rodo tik spaudos kampų žymės (pjovimo linijos) –
   plonos rašalo linijos, kurios prasideda ne pačiame kampe, o atitrauktos nuo jo ir tęsiasi į išorę, kaip ant spaustuvės lapo. */
.kortele-vieta { --zg: 7px; --zl: 18px; position: relative; justify-self: start; align-self: start; }
.kortele-vieta::before {
	content: ""; position: absolute; pointer-events: none;
	inset: calc(-1 * (var(--zg) + var(--zl)));
	--z: linear-gradient(var(--rasalas), var(--rasalas));
	--d: calc(var(--zg) + var(--zl));
	background:
		var(--z) left 0 top var(--d) / var(--zl) 1px no-repeat,
		var(--z) left var(--d) top 0 / 1px var(--zl) no-repeat,
		var(--z) right 0 top var(--d) / var(--zl) 1px no-repeat,
		var(--z) right var(--d) top 0 / 1px var(--zl) no-repeat,
		var(--z) left 0 bottom var(--d) / var(--zl) 1px no-repeat,
		var(--z) left var(--d) bottom 0 / 1px var(--zl) no-repeat,
		var(--z) right 0 bottom var(--d) / var(--zl) 1px no-repeat,
		var(--z) right var(--d) bottom 0 / 1px var(--zl) no-repeat;
}
.kortele {
	position: relative; height: min(74vh, 760px); aspect-ratio: 105 / 148;
	background: var(--atv-popierius); overflow: hidden;
}
.kortele canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; margin: 0; aspect-ratio: auto; }
.ikelti { position: absolute; left: 11%; right: 11%; top: 8%; height: 50%; display: none; place-items: center; cursor: pointer;
	color: var(--tylu); font-size: 13px; border: 1px dashed var(--punktyras); transition: color .25s, border-color .25s; }
.ikelti:hover { color: var(--rasalas); border-color: var(--tylu); }
.be-nuotraukos .ikelti { display: grid; }

/* ---------- telefonas ---------- */
@media (max-width: 760px) {
	body { font-size: 16px; }
	nav.sk { padding-top: 9vh; }
	figure.nuotaika { display: none; }
	img.mob { display: block; width: 62%; height: auto; margin: 1.2em 0 .4em; }
	/* plėvelė beveik per visą plotį – mažėja tarpai iki ekrano kraštų, ne pats paveikslas */
	.gl .mob-vieta { display: block; width: calc(100vw - 16px); margin: .4em 0 0 calc(8px - var(--kaire)); touch-action: pan-y; }
	.mob-vieta canvas.plevele { width: 100%; margin: 0; }
	main#turinys.atvirute { grid-template-columns: 1fr; grid-template-areas: "v" "k" "a"; padding-top: 9vh; }
	.kortele-vieta { margin-top: 2.4em; }
	.kortele-vieta { --zg: 4px; --zl: 10px; }
	.kortele { height: auto; width: calc(100vw - 2 * var(--kaire) - 8px); }
}
@media (min-width: 2000px) { body { font-size: 20px; } }

@media (prefers-reduced-motion: reduce) {
	.js [data-atsiranda] { opacity: 1; transform: none; transition: none; }
	.kurinys, figure.nuotaika, a.eil, canvas.plevele { transition: none; }
}

/* be JavaScript: paveikslas ramiai šalia sąrašo, ne ekrano viduryje */
.no-js figure.nuotaika { top: 18vh; transform: none; }

/* ---------- logotipas: rašoma (savininkas, 2026-11-08) ----------
   Atidarius (kartą per naršyklės seansą) žodis užsirašo raidė po raidės, gale du kartus sumirksi žymeklis (logotipas.js).
   Užvedus pelę žymeklis mirksi, kol pelė ant žodžio. */
header .vardas { display: inline-flex; position: relative; }
header .vardas .r { display: inline-block; white-space: pre; }
header .vardas .kar { position: absolute; left: 100%; top: .08em; bottom: .02em; width: 1px; margin-left: .12em; background: var(--rasalas); opacity: 0; pointer-events: none; }
header .vardas:hover .kar, header .vardas:focus-visible .kar { animation: haiga-mirkt 1.06s steps(1) infinite; }
@keyframes haiga-mirkt { 0% { opacity: 1; } 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { header .vardas:hover .kar, header .vardas:focus-visible .kar { animation: none; opacity: 1; } }