@font-face{font-family:Inter;src:url('assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#f5f1e8;--muted:#9b9c9f;--accent:#ecd5b0;--scene:0;--start:0;--exit:0;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#090b0e;scroll-padding-top:80px}body{margin:0;background:#090b0e;color:var(--ink);font-family:Inter,sans-serif;font-weight:400}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:16px;top:-100px;padding:14px;background:#fff;color:#000;z-index:50}.skip:focus{top:16px}
.world{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:#090b0e;z-index:0}.original{position:absolute;inset:0;display:flex;justify-content:center;opacity:calc(1 - var(--scene));transform:scale(calc(1 + var(--start)*.12));will-change:transform,opacity}.original img{height:100%;width:auto;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}canvas{display:block;width:100%;height:100%;opacity:var(--scene)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,14,.4),transparent 58%);opacity:var(--scene)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:20;padding:22px 4vw;display:flex;align-items:center;gap:20px;background:linear-gradient(#090b0ec9,transparent);pointer-events:none}.topbar a{pointer-events:auto}.small-logo{width:102px;opacity:var(--scene);transition:opacity .15s}.small-logo img{display:block;width:100%;height:auto}.edition,.local-badge{font-size:9px;letter-spacing:.16em;color:#aeb0b4}.edition{margin-left:auto}.local-badge{padding:6px 8px;border:1px solid #4b4e53;border-radius:2px;color:#d4d4d5}
.chapters{position:fixed;z-index:20;left:4vw;bottom:31px;display:flex;gap:24px}.chapters a{display:flex;gap:7px;align-items:center;color:#7d8188;font-size:10px;letter-spacing:.06em;transition:color .25s}.chapters i{font-style:normal}.chapters a[aria-current]{color:#eee}.chapters a[aria-current] span{color:var(--accent)}
main{position:relative;z-index:1}section{position:relative}.intro{height:100svh;min-height:640px}.intro h1{margin:0;position:absolute;top:7vh;width:100%;padding:0 25px;text-align:center;transform:translateY(calc(var(--start)*-70px));opacity:calc(1 - var(--start))}.intro h1 img{width:clamp(290px,39vw,560px);max-width:100%;height:auto}.intro-whisper{position:absolute;top:41%;left:7vw;max-width:200px;font-size:14px;line-height:1.65;letter-spacing:.02em;opacity:calc(.8 - var(--start));margin:0}.hero-bottom{position:absolute;bottom:50px;left:0;right:0;display:grid;justify-items:center;gap:25px}.brandline{font-size:11px;letter-spacing:.3em;margin:0;display:flex;align-items:center;gap:20px}.brandline span{opacity:.76;letter-spacing:0}.enter{display:flex;gap:15px;font-size:9px;letter-spacing:.2em;color:#a5a6a8;align-items:center;padding:10px}.enter span{font-size:18px;color:#fff}
.feel{min-height:100svh;padding:130px 7vw 150px;display:flex;align-items:center}.feel-copy{width:440px;max-width:45%;position:relative}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--muted);margin:0 0 28px}h2{font-size:clamp(50px,6vw,90px);line-height:1.04;font-weight:400;letter-spacing:-.065em;margin:0 0 24px}h2 em{font-family:"SERVO Display v4",sans-serif;font-weight:400;letter-spacing:-.04em;color:var(--accent);transition:color .7s}.lead{font-size:15px;line-height:1.8;color:#c0c0c1;max-width:360px}.moods{display:flex;gap:8px;margin:34px 0 25px;flex-wrap:wrap}.moods button{border:1px solid #43464b;color:#b7b9bd;background:#101216bd;border-radius:30px;padding:12px 15px;display:flex;align-items:center;gap:8px;font-size:12px;transition:background .2s,border-color .2s,color .2s}.moods button[aria-pressed=true]{background:#f5f1e8;color:#101216;border-color:#f5f1e8}.mood-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.calm{background:#d6b47f}.tension{background:#de553e}.wonder{background:#a3a9f6}.mood-story{min-height:90px;max-width:340px}.mood-story p:first-child{font-size:16px;color:var(--accent);margin:0 0 10px}.mood-story p:last-child{font-size:13px;line-height:1.7;color:#a4a7ad;margin:0}.intensity{display:flex;align-items:center;gap:13px;max-width:335px;margin-top:25px;font-size:9px;letter-spacing:.15em;color:#a9adb3}.intensity input{min-width:30px;flex:1;accent-color:var(--accent);height:16px}.intensity output{min-width:39px;text-align:right;letter-spacing:0;font-variant-numeric:tabular-nums}.technical{color:#b2b6bd;border:0;border-bottom:1px solid #454850;background:transparent;padding:12px 0;margin-top:24px;font-size:12px;display:flex;gap:10px;align-items:center}.technical[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.technical-hint{color:#747b86;font-size:10px;margin-left:8px}.stage-caption{position:absolute;bottom:115px;left:57%;right:6%;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.18em;color:#b0b3bc}.stage-note{margin-left:auto;color:#737980;letter-spacing:0}.live-dot{height:4px;width:4px;background:var(--accent);border-radius:50%}
.signature{min-height:100svh;background:linear-gradient(0deg,#090b0e 8%,#090b0ef8 70%,#090b0ea8);padding:130px 9vw 140px;display:grid;grid-template-columns:1fr 380px;gap:9vw;align-items:center}.signature h2{font-size:clamp(45px,5.7vw,82px)}.signature .muted{max-width:320px;font-size:13px;color:#8d919a;line-height:1.8}.save{display:flex;align-items:center;gap:40px;padding:17px 23px;margin-top:30px;border:1px solid #e4e1da;color:#111;background:#f5f1e8;font-size:12px;border-radius:2px}.save span{font-size:18px}.save:hover{background:var(--accent)}.save-status{font-size:11px;color:#a9adb3;min-height:17px;max-width:320px;line-height:1.5}.signature-card{width:100%;background:#11151b;border:1px solid #363b44;padding:23px;transform:rotate(3deg);box-shadow:0 25px 100px #0006}.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#8e96a0}.signature-card svg{display:block;width:100%;height:auto}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:0 0 12px}.card-bottom strong{font-size:30px;letter-spacing:-.05em;font-weight:400}.card-bottom span{font-size:8px;letter-spacing:.1em;color:#959ca6;text-align:right;line-height:1.8;max-width:130px}.signature footer{position:absolute;bottom:36px;left:9vw;right:9vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#9298a2}.signature footer a{padding-bottom:5px;border-bottom:1px solid #555}.signature footer span{font-size:8px}.noscript{position:relative;z-index:50;padding:20px;background:#111}
@media(max-width:800px){.topbar{padding:15px 20px}.edition{font-size:8px}.local-badge{font-size:8px}.chapters{left:auto;right:20px;bottom:18px;gap:18px}.chapters i{display:none}.intro{min-height:620px}.intro h1{top:10vh}.intro-whisper{top:auto;bottom:30%;left:24px;max-width:140px;font-size:12px}.hero-bottom{bottom:60px}.brandline{font-size:9px;letter-spacing:.22em;gap:13px}.feel{min-height:1100px;padding:85px 24px 150px;display:block}.feel-copy{width:auto;max-width:100%}h2{font-size:66px}.lead{font-size:14px;max-width:300px}.moods{margin-top:24px}.mood-story{min-height:76px;max-width:310px}.intensity{max-width:310px}.technical{margin-top:15px}.technical-hint{font-size:9px}.stage-caption{bottom:95px;left:24px;right:24px;flex-wrap:wrap}.signature{padding:95px 28px 120px;grid-template-columns:1fr;gap:40px}.signature-card{width:min(100%,350px);justify-self:center;transform:rotate(2deg)}.signature h2{font-size:54px}.signature footer{left:28px;right:28px;bottom:45px;gap:20px}.signature footer span{font-size:6px}.original img{mask-image:none}.signature-copy .lead{max-width:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.original{transform:none}*{transition:none!important}.signature-card{transform:none}}

/* v023 — actual artwork replaces the procedural renderer. */
:root{--intensity:1;--photo-shift:0px}
.feel{isolation:isolate;overflow:hidden;min-height:100svh}
.feel-copy{z-index:2}
.photo-scenes{position:absolute;inset:0 0 0 38%;z-index:-1;pointer-events:none}
.photo-frame{position:absolute;inset:-3% 0;transform:translateY(var(--photo-shift));mask-image:linear-gradient(90deg,transparent,#000 18%,#000 94%,transparent)}
.photo-frame img,.technical-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.photo-frame img{opacity:0;transition:opacity 1.1s ease,filter .4s;filter:brightness(var(--intensity));will-change:opacity}
.photo-frame img.selected{opacity:1}
.technical-overlay{opacity:0;transition:opacity .5s}
.photo-scenes.technical .technical-overlay{opacity:1}
.photo-scenes.technical img{filter:brightness(calc(var(--intensity)*.65))}
.stage-caption{z-index:3;left:55%;bottom:45px;text-shadow:0 1px 8px #000}
.signature{background:#090b0e}
.signature-card{padding:18px 22px 22px}
#card-photo{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block;margin:16px 0 22px;filter:brightness(var(--intensity))}
@media(max-width:800px){.feel{padding:100px 24px 100px;min-height:0}.feel-copy{max-width:100%}.photo-scenes{position:relative;inset:auto;width:calc(100% + 48px);height:76svh;min-height:480px;margin:12px -24px 0;z-index:0}.photo-frame{inset:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.stage-caption{left:24px;right:24px;bottom:58px}.signature-card{width:min(100%,320px)}}

.calm{background:#e6e2d7}.tension{background:#efba7a}

/* v024 — SERVO identity + continuous atmosphere mixer */
@font-face{font-family:"SERVO Display v4";src:url('assets/SERVO-Display-Bold-v4.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
h2,.signature h2{font-family:"SERVO Display v4",sans-serif;font-weight:800;font-size:clamp(36px,4.1vw,62px);line-height:1.08;letter-spacing:-.035em;text-transform:uppercase}
h2 em{font-style:normal;font-weight:800;letter-spacing:inherit}
.feel{min-height:1020px;padding-top:110px;padding-bottom:100px}.feel-copy{width:440px;max-width:46%}.feel h2{margin-bottom:14px}.feel .lead{font-size:13px;line-height:1.6}.feel .eyebrow{margin-bottom:18px}
.mixer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.mixer-toolbar .eyebrow{font-size:8px;letter-spacing:.12em;margin:0}.mixer-toolbar button{font-size:10px;border:1px solid #565657;background:transparent;color:var(--ink);padding:10px 12px;border-radius:20px;white-space:nowrap}
.spider{width:100%;max-width:420px;touch-action:none;cursor:grab;user-select:none;color:var(--accent);border-radius:20px}.spider:active{cursor:grabbing}.spider:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.spider svg{display:block;width:100%;height:auto;overflow:visible}.spider text{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.7px;fill:#d2d0ce}.spider-help{font-size:10px;color:#999c9f;margin:0 0 18px;line-height:1.6}.mood-story{min-height:64px}.mood-story p:first-child{font-family:"SERVO Display v4",sans-serif;font-weight:800;font-size:21px;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:7px}.mood-story p:last-child{font-size:12px}.blend-readout{display:flex;flex-wrap:wrap;gap:5px 12px;min-height:27px;font-size:9px;color:#8f9298;font-variant-numeric:tabular-nums;line-height:1.6}.intensity{max-width:100%;margin-top:12px}.technical{margin-top:15px}.technical-hint{font-size:9px}.photo-frame img{transition:none;filter:brightness(var(--exposure,1));will-change:opacity}.photo-scenes.technical img{filter:brightness(calc(var(--exposure,1)*.65))}.photo-scenes{inset:0 0 0 39%}.stage-caption{left:56%;letter-spacing:.08em}
.card-art{position:relative;aspect-ratio:2/3;width:100%;margin:16px 0 22px;overflow:hidden;background:#090b0e}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(var(--exposure,1))}.card-bottom{display:block}.card-bottom strong{display:block;font-family:"SERVO Display v4",sans-serif;font-weight:800;font-size:24px;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:10px}.card-bottom span{display:block;max-width:none;text-align:left}.signature h2{font-size:clamp(34px,4vw,58px)}
@media(min-width:801px) and (max-width:1100px){.feel{padding-left:5vw;padding-right:5vw}.feel-copy{max-width:48%}.mixer-toolbar .eyebrow{max-width:115px;line-height:1.7}}
@media(max-width:800px){.feel{display:flex;flex-direction:column;padding:65px 22px 80px;overflow:visible;isolation:isolate;min-height:0}.photo-scenes{order:-1;position:sticky;top:52px;inset:auto;top:52px;width:calc(100% + 44px);height:35svh;min-height:230px;margin:0 -22px 25px;z-index:3;background:#090b0e;pointer-events:none;border-bottom:1px solid #ffffff12}.photo-frame{inset:0;mask-image:none;transform:none}.photo-frame img,.technical-overlay{object-fit:contain}.feel-copy{width:100%;max-width:440px}.feel h2{font-size:38px}.feel .eyebrow{margin-bottom:12px}.mixer-toolbar .eyebrow{margin:0;font-size:7px}.mixer-toolbar button{font-size:9px;padding:9px}.spider{max-width:420px;margin:0 auto}.stage-caption{left:22px;right:22px;bottom:28px}.stage-note{display:none}.signature h2{font-size:36px}.technical-hint{font-size:9px}.signature{padding-top:75px}.spider-help{font-size:9px}.topbar{background:#090b0ef5}.signature-card{transform:none}}

@media(min-width:801px) and (max-height:800px){.feel{min-height:850px;padding-top:90px;padding-bottom:65px}.feel h2{font-size:42px}.spider{max-width:340px}.feel .eyebrow{margin-bottom:12px}.mixer-toolbar .eyebrow{margin-bottom:0}.mood-story{min-height:59px}}

/* v025 — instruction-free visible UI; keyboard help remains accessible. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mood-story{margin-top:12px}

/* v025 final: original continuous spider, no auxiliary sliders. */
.mood-story{margin-top:12px}.mood-story p:first-child{font-size:20px;line-height:1.25}.card-bottom strong{font-size:23px}.intro-whisper,.signature .lead{color:var(--accent);transition:color .15s}.brandline{color:#f8f5ec}

/* v026: quiet intro, centered arrow, original neutral identity color. */
.enter{justify-content:center;width:44px;height:44px;padding:0;letter-spacing:0;gap:0}.enter span{font-size:24px;line-height:1}.hero-bottom{gap:18px}

/* English default, Slovak available without resetting the atmosphere. */
.language-switch{display:flex;gap:4px;pointer-events:auto}.language-switch button{background:transparent;border:1px solid transparent;color:#888d93;font:400 10px Inter,sans-serif;padding:9px 8px;border-radius:3px}.language-switch button[aria-pressed=true]{color:#f8f5ec;border-color:#64656a}.topbar{gap:15px}.technical{flex-wrap:wrap}.technical-hint{margin-left:0}.save>span:first-child{font-size:12px}html[lang=en] .feel h2{font-size:clamp(36px,3.65vw,54px)}
@media(max-width:800px){.topbar{gap:8px}.edition{font-size:6px;letter-spacing:.08em}.local-badge{display:none}.language-switch button{padding:8px 6px}html[lang=en] .feel h2{font-size:36px}}