:root{--bg:#05070a;--ink:#e8e1d4;--muted:#aaa092;--gold:#c3aa70;--gold2:#756341;--stone:#11161c}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#020305;isolation:isolate}
.loader__scene{position:absolute;inset:0;background:url('assets/mikolajevo-background-clean.jpg') center/cover no-repeat;transform:scale(1.03);filter:brightness(.72) saturate(.78)}
.loader::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 0 25%,rgba(0,0,0,.25) 53%,rgba(0,0,0,.88) 100%);z-index:1}
.loader__mist{position:absolute;z-index:2;inset:-15%;background:repeating-radial-gradient(ellipse at 50% 50%,rgba(214,225,230,.09) 0 4%,transparent 7% 13%);filter:blur(42px);animation:mist 14s linear infinite;opacity:.55}
.loader__embers{position:absolute;inset:0;z-index:3;background-image:radial-gradient(circle,#d39a42 0 1px,transparent 1.8px);background-size:95px 110px;opacity:.16;animation:embers 8s linear infinite}
.gate{position:absolute;top:0;bottom:0;width:51%;z-index:6;background:linear-gradient(90deg,#06080b,#171d24 42%,#090c10);box-shadow:0 0 110px #000;transition:transform 2.9s cubic-bezier(.7,0,.2,1)}
.gate::before,.gate::after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 47%,rgba(195,170,112,.08) 49% 51%,transparent 53%),linear-gradient(-45deg,transparent 47%,rgba(195,170,112,.06) 49% 51%,transparent 53%);background-size:88px 88px}
.gate--left{left:0;border-right:1px solid rgba(195,170,112,.4)}.gate--right{right:0;border-left:1px solid rgba(195,170,112,.4)}
.gate__relief{position:absolute;inset:7%;border:1px solid rgba(195,170,112,.2);box-shadow:inset 0 0 48px #000}.gate--left .gate__relief{border-radius:50% 0 0 50%}.gate--right .gate__relief{border-radius:0 50% 50% 0}
.seal{position:relative;z-index:9;width:205px;height:205px;border-radius:50%;border:1px solid rgba(195,170,112,.72);background:radial-gradient(circle,#282116 0 17%,#111216 58%,#050607 100%);color:var(--gold);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 10px rgba(0,0,0,.42),0 0 90px rgba(195,170,112,.23),inset 0 0 35px #000;transition:.38s ease}
.seal:hover{transform:scale(1.045);filter:brightness(1.12);box-shadow:0 0 0 10px rgba(0,0,0,.42),0 0 120px rgba(195,170,112,.38),inset 0 0 35px #000}.seal:focus-visible{outline:2px solid #e8d9ae;outline-offset:8px}
.seal__ring{position:absolute;border-radius:50%;border:1px dashed rgba(195,170,112,.82)}.seal__ring--outer{inset:14px;animation:spin 26s linear infinite}.seal__ring--inner{inset:29px;animation:spin 18s linear infinite reverse;opacity:.45}
.seal__sigil{width:125px;height:125px;overflow:visible}.seal__sigil path,.seal__sigil circle{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.seal__sigil .sigil-fill{fill:currentColor;stroke:none}
.seal__caption{position:absolute;bottom:25px;font:700 9px/1 Arial,sans-serif;letter-spacing:.27em;color:#d8ca9f}
.loader__title{position:absolute;top:9%;z-index:8;text-align:center;pointer-events:none;display:grid;gap:8px;transition:opacity .5s}.loader__title span{font:700 10px Arial,sans-serif;letter-spacing:.38em;color:#cbbd93}.loader__title strong{font-size:clamp(42px,6vw,96px);letter-spacing:.16em;text-shadow:0 4px 25px #000}.loader__title em{font-style:normal;letter-spacing:.43em;color:#c9c0b0}
.progress{position:absolute;z-index:10;left:50%;bottom:5%;transform:translateX(-50%);width:min(820px,84vw)}.progress__track{height:8px;border:1px solid rgba(195,170,112,.64);background:rgba(0,0,0,.72);padding:2px}.progress__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#756341,#f0e6ca);box-shadow:0 0 18px rgba(240,230,202,.55);transition:width .16s linear}.progress__meta{display:flex;justify-content:space-between;margin-top:12px;font:700 10px/1 Arial,sans-serif;letter-spacing:.33em;color:#c9c0af}
.loader.is-opening .seal{animation:sealOut .95s ease forwards}.loader.is-opening .gate--left{transform:translateX(-102%)}.loader.is-opening .gate--right{transform:translateX(102%)}.loader.is-opening .loader__title{opacity:0}.loader.is-hidden{opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}
.site{opacity:0;transition:opacity 1.1s ease;background:#05070a}.site.is-visible{opacity:1}.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden}.hero__bg{position:absolute;inset:-4%;background:url('assets/mikolajevo-background-clean.jpg') center/cover no-repeat;animation:slowZoom 24s ease-in-out infinite alternate}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,6,.5),transparent 28%,transparent 52%,#05070a 100%),radial-gradient(circle at 50% 43%,transparent 0 29%,rgba(0,0,0,.64) 100%)}
.hero__fog{position:absolute;width:130%;height:27%;left:-15%;background:linear-gradient(90deg,transparent,rgba(213,224,229,.13),transparent);filter:blur(30px)}.hero__fog--one{bottom:13%;animation:fog 18s linear infinite}.hero__fog--two{bottom:29%;opacity:.45;animation:fog 29s linear infinite reverse}
.nav{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;font:700 10px/1 Arial,sans-serif;letter-spacing:.22em}.nav nav{display:flex;gap:28px}.nav a{opacity:.8}.nav a:hover{opacity:1;color:#d9c898}.brand{letter-spacing:.34em!important}
.hero__content{position:relative;z-index:2;text-align:center;width:min(940px,88vw);padding-top:3vh}.eyebrow{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.38em;color:#c7b98f}.hero__content h1{margin:.18em 0 0;font-size:clamp(54px,8vw,126px);line-height:.84;letter-spacing:.08em;text-shadow:0 5px 36px #000}.hero__content h1 span{font-size:.62em;color:#d3c7b2}.hero__ornament{margin:28px auto 13px;color:var(--gold);font-size:20px}.hero__title{font-size:clamp(24px,3vw,47px);letter-spacing:.42em;margin:0 0 22px;color:#d8d0c1}.hero__lead{max-width:610px;margin:0 auto 31px;font-size:17px;line-height:1.8;color:#c4bdaf}.cta{display:inline-block;border:1px solid var(--gold2);padding:15px 25px;font:700 10px/1 Arial,sans-serif;letter-spacing:.27em;background:rgba(7,8,10,.58);backdrop-filter:blur(6px);transition:.25s}.cta:hover{background:#d6c8a5;color:#08090b;transform:translateY(-2px)}
.audio-player{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);width:min(980px,92vw);min-height:88px;display:grid;grid-template-columns:72px 1fr 42px 125px;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(195,170,112,.3);background:linear-gradient(180deg,rgba(5,8,11,.72),rgba(3,5,7,.92));backdrop-filter:blur(14px);box-shadow:0 22px 70px rgba(0,0,0,.55)}
.audio-player__main,.audio-player__mute{border:1px solid rgba(195,170,112,.45);background:#0a0d11;color:#d8c89f;cursor:pointer}.audio-player__main{width:60px;height:60px;border-radius:50%;font-size:20px}.audio-player__mute{width:38px;height:38px;border-radius:50%;font-size:20px}.pause-icon{display:none}.audio-player.is-playing .play-icon{display:none}.audio-player.is-playing .pause-icon{display:inline}.audio-player__body{position:relative;min-width:0}.audio-player__top{display:flex;justify-content:space-between;gap:14px;margin-bottom:7px;font:700 9px/1 Arial,sans-serif;letter-spacing:.17em;color:#c8b991}.audio-player__wave{height:30px;display:flex;align-items:center;gap:3px;overflow:hidden}.wave-bar{flex:1;min-width:2px;max-width:5px;height:var(--h);background:linear-gradient(180deg,#e0cf9e,#6f5d3d);opacity:.52;transition:opacity .15s,transform .15s}.wave-bar.is-past{opacity:1;filter:brightness(1.25)}.audio-player__seek{position:absolute;left:0;right:0;bottom:-6px;width:100%;opacity:0;cursor:pointer;height:39px}.audio-player__volume{width:100%;accent-color:#cbb47c}
.chapter{min-height:82vh;display:grid;place-items:center;padding:100px 8vw;background:radial-gradient(circle at 50% 0,#17202a 0,#090c10 45%,#05070a 100%)}.chapter__inner{max-width:800px;text-align:center}.chapter__number{font:700 10px Arial,sans-serif;letter-spacing:.42em;color:var(--gold)}.chapter h2,.finale h2{font-size:clamp(42px,6vw,82px);line-height:1.05;margin:.3em 0}.chapter p:last-child{font-size:20px;line-height:1.9;color:#bdb5a8}
.shores{display:grid;grid-template-columns:repeat(2,1fr);min-height:75vh}.shores article{position:relative;padding:12vw 8vw;display:flex;flex-direction:column;justify-content:flex-end;min-height:620px;isolation:isolate;overflow:hidden}.shores article::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/mikolajevo-background-clean.jpg') center/cover}.shores article:first-child::before{background-position:25% center}.shores article:last-child::before{background-position:76% center}.shores article::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(3,5,7,.9))}.shores span{font:700 10px Arial,sans-serif;letter-spacing:.35em;color:#ccb985}.shores h2{font-size:42px;margin:.35em 0}.shores p{max-width:520px;color:#c4bcad;line-height:1.8;font-size:17px}
.finale{min-height:76vh;display:grid;place-items:center;padding:100px 8vw;background:linear-gradient(rgba(3,5,7,.6),rgba(3,5,7,.96)),url('assets/mikolajevo-background-clean.jpg') center/cover fixed}.finale__panel{text-align:center}.cta--button{color:var(--ink);cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes mist{to{transform:translate3d(6%,2%,0) rotate(2deg)}}@keyframes embers{to{background-position:40px -120px}}@keyframes sealOut{55%{transform:scale(1.12);filter:brightness(2)}100%{transform:scale(.08);opacity:0}}@keyframes slowZoom{to{transform:scale(1.06)}}@keyframes fog{from{transform:translateX(-8%)}to{transform:translateX(8%)}}
@media(max-width:760px){.nav nav{display:none}.loader__title{top:7%}.seal{width:158px;height:158px}.seal__sigil{width:94px;height:94px}.seal__caption{bottom:19px;font-size:8px}.progress{bottom:3.5%}.progress__meta{font-size:8px;letter-spacing:.2em}.hero__content{padding-top:0;padding-bottom:116px}.hero__content h1{line-height:.96}.hero__title{letter-spacing:.22em}.hero__lead{font-size:15px}.audio-player{grid-template-columns:52px 1fr 36px;gap:10px;bottom:12px;padding:11px}.audio-player__main{width:48px;height:48px}.audio-player__volume{display:none}.audio-player__top span:first-child{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shores{grid-template-columns:1fr}.shores article{min-height:560px;padding:18vw 8vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}