:root{color-scheme:dark;--bg:#141512;--fg:#edece5;--muted:#a5a69c;--line:#393b32;--surface:#1b1d17;--accent:#c5df82;--shadow:#0003}html[data-theme=light]{color-scheme:light;--bg:#f4f1e7;--fg:#242820;--muted:#5c6255;--line:#c9cabe;--surface:#eae8db;--accent:#486522;--shadow:#0001}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header,main,footer{max-width:1320px;margin:auto;padding-inline:clamp(20px,5vw,80px)}header{display:flex;align-items:center;gap:26px;min-height:86px;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.13em;font-size:18px;white-space:nowrap}.brand span,h1 span{color:var(--accent)}nav{display:flex;gap:24px;margin-left:auto;flex-wrap:wrap}nav a{font-size:14px;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--fg);text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent)}.theme,.menu,.motion,.close{border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:6px 13px}.menu{display:none}.hero{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:650}h1,h2,h3{line-height:1.06;font-weight:500;margin:14px 0;font-family:Georgia,serif}h1{font-size:clamp(65px,10vw,135px);letter-spacing:-.07em}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}h3{font-size:36px;letter-spacing:-.02em}p{color:var(--muted);max-width:48ch}.hero p,.intro p{font-size:20px}.cta{display:inline-block;margin-top:22px;border-bottom:1px solid var(--accent);padding:10px 0;color:var(--accent)}.art{position:relative;min-width:0;aspect-ratio:1/1}.art canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}.art-label{position:absolute;bottom:15px;left:10px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.motion{position:absolute;right:10px;bottom:10px;font-size:12px}section{padding-block:65px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.tile{position:relative;padding:22px;min-height:300px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .25s,border-color .25s}.tile:hover{transform:translateY(-5px);border-color:var(--accent)}.tile p{font-size:14px}.arrow{position:absolute;bottom:15px;right:20px;font-size:24px;color:var(--accent)}.motif{height:85px;width:90px;margin:20px 0;opacity:.8;color:var(--accent)}.poetry .motif{background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 13px);clip-path:polygon(0 0,100% 0,100% 75%,65% 75%,65% 100%,0 100%)}.music .motif{background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 9px);clip-path:polygon(0 48%,10% 30%,20% 56%,30% 8%,40% 35%,50% 0,60% 70%,70% 28%,80% 45%,90% 20%,100% 50%,90% 80%,80% 55%,70% 72%,60% 30%,50% 100%,40% 65%,30% 92%,20% 44%,10% 70%,0 52%)}.stories .motif{border:1px solid currentColor;box-shadow:9px 9px 0 -1px var(--surface),9px 9px 0 0 currentColor,18px 18px 0 -1px var(--surface),18px 18px 0 0 currentColor;width:57px;height:72px}.gallery .motif{background:repeating-radial-gradient(ellipse at 65% 35%,currentColor 0 1px,transparent 2px 8px);border-radius:50%}.intro{position:relative;border-bottom:1px solid var(--line);overflow:hidden}.intro .motif{position:absolute;right:10%;top:20%;transform:scale(2);opacity:.2;pointer-events:none}.toolbar{display:flex;gap:20px;flex-wrap:wrap;align-items:end;margin-bottom:30px}.toolbar label{display:grid;gap:5px;color:var(--muted);font-size:13px}.toolbar input,.toolbar select{background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:4px;max-width:100%}.works{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}.empty{grid-column:1/-1;padding:35px;border:1px dashed var(--line);color:var(--muted)}.work{padding:24px;border:1px solid var(--line);background:var(--surface);text-align:left;min-width:0}.work img{width:100%;height:220px;object-fit:cover}.work h3{font-size:27px}.work button{background:none;border:0;color:var(--accent);padding:8px 0}.work audio,dialog audio{width:100%}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:30px;color:var(--muted);font-size:13px}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);width:min(760px,92vw);max-height:85vh;padding:40px;overflow:auto}dialog::backdrop{background:#000b}.close{position:sticky;top:0;float:right;font-size:24px}#reader-content{clear:both}#reader-content img{max-width:100%;max-height:65vh;object-fit:contain}#reader-content .text{white-space:pre-wrap;font:20px/1.85 Georgia,serif;overflow-wrap:anywhere}@media(max-width:900px){.tiles{grid-template-columns:1fr 1fr}.hero{min-height:0}nav{gap:12px}}@media(max-width:650px){header{flex-wrap:wrap;gap:12px;min-height:70px;padding-block:14px}.menu{display:block;margin-left:auto}nav{display:none;order:4;width:100%;margin:0;padding-block:10px}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:0;padding-top:55px}.art{max-height:390px}.tiles{grid-template-columns:1fr 1fr}.tile{padding:14px;min-height:270px}.tile h3{font-size:28px}.intro .motif{opacity:.1}section{padding-block:40px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.source-link{display:block;margin:12px 0;overflow-wrap:anywhere;color:var(--accent)} .toolbar{flex-wrap:wrap} #count{opacity:.7} #random{cursor:pointer} #reader-content .text{white-space:pre-wrap;overflow-wrap:anywhere}