﻿@charset "UTF-8";
:root{color-scheme:dark;--bg:#101015;--text:#f0edf5;--muted:#96929f;--accent:#c0a5ed;--line:#302c38;--font:"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65}body:before{content:"";position:absolute;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse at 25% 10%,#34223d44,transparent 62%);z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.section-shell{max-width:1320px;padding-left:56px;padding-right:56px;margin-inline:auto}.header{height:96px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:20px;font-weight:800;letter-spacing:-.7px;white-space:nowrap;line-height:1}.brand-mark{font-size:36px;line-height:1;margin-right:10px;color:var(--accent);font-weight:400}.brand-light{font-weight:300}.brand i{width:5px;height:5px;background:var(--accent);border-radius:50%;align-self:flex-end;margin-left:4px}.navigation{display:flex;gap:30px;align-items:center;font-size:13px}.navigation a{color:#aaa5b2;position:relative}.navigation a:hover,.navigation .current{color:var(--text)}.navigation .current:after{content:"";position:absolute;bottom:-36px;left:0;right:0;height:2px;background:var(--accent)}.nav-soon{color:#8f8898;white-space:nowrap}.nav-soon small{font-size:8px;border:1px solid #39343f;padding:2px 4px;margin-left:3px;vertical-align:middle;text-transform:uppercase;letter-spacing:.6px}.header-cta{border:1px solid #6a587e;padding:9px 16px;font-size:12px;white-space:nowrap}.header-cta span{margin-left:18px;color:var(--accent)}.header-cta:hover{background:#c0a5ed18}.menu-toggle{display:none}.hero{padding-top:47px;padding-bottom:30px}.hero-top,.hero-heading,.character-toolbar,.slider-footer,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow,.edition{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow{color:var(--accent)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 10px #c0a5ed55}.edition{color:#8b8296;letter-spacing:1.5px}.hero-heading{padding:25px 0 42px;align-items:flex-end}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.7vw,68px);font-weight:550;line-height:1.09;letter-spacing:-2.7px}em{font-style:normal;color:var(--accent)}.hero-intro{padding-bottom:4px;min-width:270px}.hero-intro p{color:#a5a0af;font-size:14px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:12px;border-bottom:1px solid #61516e;padding-bottom:5px;margin-top:21px}.text-link span{color:var(--accent);font-size:17px}.text-link:hover{color:var(--accent)}.character-toolbar{margin-bottom:16px}.character-toolbar .eyebrow{color:#aba2b6;font-size:9px}.toolbar-hint{font-size:11px;color:#998fa5}.character-slider{position:relative;display:flex;gap:14px;scroll-margin-top:110px}.character-card{position:relative;display:block;flex:1;min-width:0;height:440px;border:1px solid #46404f;padding:0;overflow:hidden;text-align:left;background:#24202d;transition:flex .45s,border-color .25s,transform .25s}.character-card.is-active{flex:1.2;border-color:var(--accent);box-shadow:0 0 0 1px #c0a5ed44}.character-card:hover{transform:translateY(-5px);border-color:var(--accent)}.character-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}.character-card:hover img{transform:scale(1.035)}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#100e18 0%,#14111ce8 20%,transparent 65%,#11101933)}.card-top{position:absolute;top:18px;left:15px;right:15px;display:flex;justify-content:space-between;gap:5px;font-size:8px;letter-spacing:1px}.card-top>span:last-child{color:#f1d8a1;white-space:nowrap}.card-bottom{position:absolute;bottom:19px;left:21px;right:18px;display:flex;flex-direction:column;align-items:flex-start}.card-index{color:#c2b6d1;letter-spacing:2px;font-size:8px;margin-bottom:8px}.card-bottom strong{font-size:29px;line-height:1.1;font-weight:550;letter-spacing:-.8px}.card-description{font-size:11px;line-height:1.6;color:#c2b9cd;margin-top:12px}.card-action{width:100%;margin-top:16px;padding-top:10px;border-top:1px solid #c0a5ed44;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b1a7bd}.card-action>span:last-child{font-size:18px}.is-active .card-action{color:var(--accent)}.slider-footer{margin-top:20px}.slider-footer p{color:#a295b0;font-size:11px}.tiny-star{color:var(--accent);margin-right:7px}.slider-controls{display:flex;gap:9px;align-items:center}.slider-controls>span{font-size:11px;margin-right:12px;letter-spacing:2px}.slider-controls>span span{color:#9b8ca7}.slider-controls button{width:33px;height:33px;background:transparent;border:1px solid #51435e;font-size:17px}.slider-controls button:hover{border-color:var(--accent);background:#c0a5ed12}.demo-note{font-size:10px;color:#998ca4;margin-top:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:92px;padding-top:90px;padding-bottom:92px;align-items:center}.about-art{position:relative;padding:16px;background:linear-gradient(135deg,#282031,#17151e);border:1px solid #3a3045}.viewfinder{border:1px solid #76638466;padding:20px;position:relative}.viewfinder:before,.viewfinder:after{content:"";position:absolute;width:15px;height:15px;border-color:var(--accent);border-style:solid}.viewfinder:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.viewfinder:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.viewfinder>span{font-size:9px;letter-spacing:2px;color:#ab96bf}.viewfinder svg{display:block;width:100%;max-height:290px}.viewfinder .art-caption{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.art-caption b{font-size:24px;font-weight:400}.art-label{position:absolute;right:15px;bottom:-10px;padding:0 9px;background:var(--bg);font-size:8px;letter-spacing:2px;color:#a18ab3}h2{font-weight:500;font-size:40px;letter-spacing:-1.5px;line-height:1.2;margin:19px 0 23px}.about-copy p{color:#afa4b6;font-size:13px;margin-top:16px;max-width:440px}.placeholder-label{display:block;color:#9b8aaa;font-size:10px;margin-top:12px}.about-copy .text-link{margin-top:24px}.news{padding-top:58px;padding-bottom:80px;border-top:1px solid var(--line)}.section-heading{align-items:flex-end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;color:#a69baa;padding-bottom:4px;line-height:1.8}.muted{color:#9f8bae;font-size:10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{border:1px solid #312a39;background:#17141d;overflow:hidden}.news-art{height:164px;position:relative;display:grid;place-items:center;overflow:hidden}.news-art>span:first-child{font-family:Georgia,serif;font-size:140px;line-height:1;opacity:.75;transition:transform .4s}.news-card:hover .news-art>span:first-child{transform:scale(1.1) rotate(-6deg)}.news-art-moon{background:radial-gradient(ellipse at 50% 75%,#7b619e,#211d32 70%);color:#e2daf1}.news-art-moon:after{content:"";position:absolute;inset:40px -20px -20px;border:1px solid #c0a5ed55;border-radius:50%;transform:rotate(-25deg)}.news-art-neon{background:repeating-linear-gradient(90deg,transparent 0 49px,#f46dc411 50px 51px),linear-gradient(135deg,#242f50,#4e234a);color:#dd85d2;text-shadow:3px 0 #77badd}.news-art-neon>span:first-child{font-size:95px}.news-art-neon>.news-tag{text-shadow:none}.news-art-rose{background:radial-gradient(ellipse at center,#6e2e48,#271823 70%);color:#ca7b94}.news-art-rose>span:first-child{font-size:180px}.news-tag{position:absolute;left:17px;bottom:14px;font-size:8px;letter-spacing:1.5px;border:1px solid #ddc8ee44;background:#17101b88;padding:3px 8px;color:#eee1f4}.news-content{padding:23px}.news-content time{color:var(--accent);font-size:9px;letter-spacing:1.5px}.news-content h3{font-size:20px;font-weight:500;margin:8px 0 10px;letter-spacing:-.4px}.news-content p{font-size:12px;color:#afa0bb;line-height:1.85}.news-content a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #342a3c;padding-top:16px;margin-top:23px;font-size:11px}.news-content a span{color:var(--accent);font-size:18px}.news-content a:hover{color:var(--accent)}.booking{padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.booking-intro h2{font-size:45px}.booking-intro>p{color:#b0a0bd;font-size:13px}.booking-symbol{font-size:90px;color:var(--accent);line-height:1.3;margin:25px 0 20px;font-weight:200}.booking-intro .form-notice{font-size:11px;line-height:1.9;color:#a18eae}.booking-form{padding-top:7px}.booking-form label{display:flex;flex-direction:column;gap:8px;color:#c8b9d4;font-size:11px;margin-bottom:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;min-width:0;background:#19161f;border:1px solid #4a3c56;border-radius:0;color:var(--text);padding:12px 13px;font-size:12px;transition:border-color .2s}input:hover,select:hover,textarea:hover{border-color:#897297}input::placeholder,textarea::placeholder{color:#a08cac}textarea{resize:vertical;min-height:95px}input[type=date],input[type=time]{min-height:44px}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--accent);background:var(--accent);color:#201729;padding:13px 18px;font-size:12px;font-weight:600}.primary-button span{font-size:21px;line-height:1}.primary-button:hover{background:#d2bdf2}.form-footnote{font-size:10px;color:#a28ab1;margin-top:12px}.form-result{font-size:12px;border:1px solid #756086;background:#c0a5ed10;padding:16px;margin-top:16px;white-space:pre-line}.footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>.brand{font-size:17px}.footer-top>.brand .brand-mark{font-size:29px}.footer-top>p{font-size:11px;color:#a18cb1}.socials{display:flex;gap:24px;font-size:10px;letter-spacing:1px}.socials a:hover{color:var(--accent)}.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid #25202d;font-size:9px;color:#a18cb1}.skip-link{position:fixed;left:15px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip-link:focus{top:10px}
@media(min-width:1450px){.character-card{height:485px}}
@media(max-width:1100px){.header{padding-inline:30px;gap:20px}.section-shell{padding-inline:30px}.navigation{gap:18px}.header-cta{font-size:11px}.hero-intro{min-width:230px}.character-card{height:405px}.card-bottom{left:14px;right:14px}.card-bottom strong{font-size:25px}.card-description{font-size:10px}.card-top{font-size:7px;left:11px;right:11px}.about{gap:48px}.booking{gap:50px}h2{font-size:35px}.booking-intro h2{font-size:39px}}
@media(max-width:800px){.header{height:78px;flex-wrap:wrap;position:relative}.brand{font-size:18px}.header-cta{margin-left:auto}.menu-toggle{display:block;width:36px;height:36px;border:1px solid #564360;background:transparent;order:3;color:var(--accent)}.navigation{display:none;position:absolute;top:77px;left:0;right:0;background:#19151ff7;padding:24px 30px;z-index:5;border-bottom:1px solid var(--line);flex-wrap:wrap}.navigation.is-open{display:flex}.navigation .current:after{bottom:-7px}.hero{padding-top:30px}.edition{display:none}.hero-heading{padding-block:25px 32px;gap:30px}.hero-intro{min-width:0;max-width:230px}h1{font-size:46px}.hero-intro p{font-size:12px}.character-slider{overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 12px;margin-inline:-3px;scrollbar-width:thin;scrollbar-color:#746083 #201a27}.character-card,.character-card.is-active{flex:0 0 43%;scroll-snap-align:center;height:420px}.card-bottom strong{font-size:29px}.card-description{font-size:11px}.about{gap:35px;padding-top:60px;padding-bottom:60px}.about-copy h2{font-size:29px}.about-copy p{font-size:12px}.viewfinder{padding:10px}.viewfinder>span{font-size:7px;letter-spacing:1px}.viewfinder .art-caption{font-size:6px}.news{padding-block:45px 55px}.section-heading{gap:20px}.section-heading>p{max-width:220px;font-size:11px}.news-grid{gap:13px}.news-content{padding:16px}.news-content h3{font-size:17px}.news-content p{font-size:11px}.news-art{height:135px}.booking{gap:35px;grid-template-columns:.85fr 1.15fr;padding-block:50px}.form-row{gap:12px}.footer-top{flex-wrap:wrap}.footer-top>p{display:none}}
@media(max-width:560px){.section-shell{padding-inline:20px}.header{padding-inline:20px;gap:12px}.brand{font-size:16px}.brand-mark{font-size:29px;margin-right:6px}.header-cta{font-size:0;padding:6px 10px}.header-cta:before{content:"Записаться";font-size:10px}.header-cta span{font-size:14px;margin-left:9px}.menu-toggle{width:31px;height:33px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-heading{display:block;padding-bottom:29px}h1{font-size:44px;letter-spacing:-2px}.hero-intro{max-width:none;margin-top:22px}.hero-intro p{font-size:12px}.hero-intro p br{display:none}.hero-intro .text-link{margin-top:13px}.character-toolbar .eyebrow{font-size:8px;letter-spacing:1.4px}.toolbar-hint{display:none}.character-slider{margin-right:-20px;padding-right:20px}.character-card,.character-card.is-active{flex-basis:78%;height:430px}.card-top{font-size:8px;left:17px;right:17px}.card-bottom{left:22px;right:22px}.card-bottom strong{font-size:32px}.slider-footer{gap:15px}.slider-footer p{max-width:170px;font-size:10px}.slider-controls{gap:6px}.slider-controls>span{margin-right:2px;font-size:10px}.slider-controls button{width:29px;height:29px}.demo-note{font-size:9px;max-width:290px}.about{grid-template-columns:1fr;gap:36px;padding-top:40px}.about-art{max-width:400px;width:100%;margin:auto}.viewfinder svg{max-height:230px}.viewfinder>span{font-size:8px}.viewfinder .art-caption{font-size:7px}.about-copy h2{font-size:35px}.about-copy p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading{display:block}.section-heading h2{font-size:34px;margin-top:15px}.section-heading>p{max-width:none;margin-top:16px}.news-grid{grid-template-columns:1fr;gap:20px}.news-art{height:175px}.news-content{padding:22px}.news-content h3{font-size:23px}.news-content p{font-size:13px}.news-content time{font-size:10px}.news-content a{font-size:12px}.booking{grid-template-columns:1fr;gap:30px}.booking-intro h2{font-size:39px}.booking-symbol{display:none}.booking-intro .form-notice{margin-top:20px}.form-row{grid-template-columns:1fr;gap:0}.booking-form label{font-size:12px}input,select,textarea{font-size:16px}.footer-top{gap:24px}.socials{gap:18px;font-size:9px}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Фотографии Hina во втором блоке. */
.hina-slider{position:relative;aspect-ratio:1;overflow:hidden;margin:16px 0;background:#17151e}
.hina-slide{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity 1.6s ease-in-out}
.hina-slide.is-visible{opacity:1}
.hina-pause{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid #eee1f477;background:#17101baa;color:#f0edf5;font-size:16px;line-height:1}
.hina-pause:hover{background:#30213dcc}
@media(prefers-reduced-motion:reduce){.hina-slide{transition:none}}

/* Фотографии анонсов на главной странице. */
.news-art-photo{display:block;height:245px}
.news-art-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100a17cc,transparent 60%);pointer-events:none}
.news-art-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .6s}
.news-card:hover .news-art-photo img{transform:scale(1.035)}
.news-art-photo .news-tag{z-index:1}
@media(max-width:1100px){.news-art-photo{height:220px}}
@media(max-width:800px){.news-art-photo{height:190px}}
@media(max-width:560px){.news-art-photo{height:280px}}