/* 21 October: staggered brand title, complete motion system, wide route and editorial news. */
.intro-main{position:relative;isolation:isolate}
.info-content h1 strong:nth-child(1){margin-left:34px!important}
.info-content h1 strong:nth-child(2){margin-left:66px!important}
.info-content h1 strong:nth-child(3){margin-left:0!important}
.info-content h1{margin-bottom:25px}
.info-content .edit-city,.info-content__text p{margin-left:34px}
.info-content__text p{max-width:calc(100% - 34px)}
.intro-decor{position:absolute;inset:0;pointer-events:none;z-index:-1}
.intro-coral{width:175px;height:175px;left:-116px;top:-34px;z-index:0;--drift-x:8px;--drift-y:-18px;--turn:8deg;animation-delay:-3s}
.intro-lime{width:230px;height:210px;right:-68px;bottom:-66px;z-index:2;--drift-x:-8px;--drift-y:-16px;--turn:-7deg;animation-delay:-1s}
.intro-decor{z-index:4}
.intro-coral{left:-130px}
.intro-main .info-content,.intro-main .portrait-art{z-index:2}
.intro-lime{bottom:-55px;right:-84px}
.edit-infographics{margin-top:84px}
.edit-infographics article:nth-child(2) .sense-sculpture img{width:168px;height:168px;object-fit:contain}
.sense-sculpture{animation:sensory-float 7s ease-in-out infinite}
.edit-infographics article:nth-child(2) .sense-sculpture{animation:hand-hello 7s ease-in-out infinite}
.edit-infographics article:nth-child(3) .sense-sculpture{animation:sound-pulse 5s ease-in-out infinite}
.dactyl-word{margin-top:40px}
.guest-voices>.scene-layer{display:none}

/* Contacts are one horizontal composition. The map keeps the geographic geometry. */
.visit-museum{padding-top:25px;padding-bottom:105px}
.visit-heading{display:grid;grid-template-columns:1.1fr 1fr 150px;gap:55px;align-items:center;margin-bottom:38px}
.visit-title .section-kicker{margin-bottom:17px}
.visit-title .edit-title{font-size:42px;line-height:1.25;color:#510c65;margin:0}
.visit-address{font:500 30px/1.3 Unbounded;letter-spacing:-.04em;margin:0 0 20px}
.visit-address-block .metro-list{display:flex;gap:17px;flex-wrap:wrap;margin:0}
.visit-pin{width:130px;height:160px;object-fit:contain;justify-self:center;animation:pin-bob 6s ease-in-out infinite;filter:drop-shadow(4px 10px 8px #b7358c25)}
.route-map.route-map-wide{padding:12px 12px 0;max-width:none;width:100%;border-radius:30px;background:#fff5fcbb;box-shadow:0 18px 45px #88347e12;overflow:visible;position:relative;z-index:2}
.route-map-view{display:block;overflow:hidden;border-radius:22px}
.route-map-wide img{width:100%;height:auto;display:block;border-radius:20px}
.route-map-wide figcaption{display:flex;justify-content:space-between;align-items:center;padding:18px 17px 20px;gap:20px;font:500 14px/1.5 Montserrat;color:#764278}
.route-map-wide figcaption>span{margin:0;font-size:14px;font-weight:500}
.route-map-wide figcaption>div{display:flex;gap:26px;align-items:center}
.route-download,.route-map-wide .online-route{display:inline-flex;margin:0;font:600 14px/1.5 Montserrat;color:#6a1e6e;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.route-download{color:#a30f79}
.visit-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;border:0;margin-top:38px;padding:0}
.visit-details>div>span{margin-bottom:11px}
.visit-details p,.visit-details a{font-size:19px}
.visit-details a.phone-button{font-size:19px;min-height:56px}
.visit-details>div:last-child{justify-self:end}
.contact-decor{position:absolute;inset:0;pointer-events:none;z-index:1}
.contact-coral{width:185px;height:185px;left:-86px;top:47%;z-index:1;--drift-x:10px;--drift-y:-18px;--turn:-8deg;animation-delay:-4s}
.visit-museum>.scene-layer{z-index:-1}
.decor-contacts{opacity:.33;bottom:-80px}

/* News use real photographs and intact official titles, without repeating white tiles. */
.museum-journal{position:relative;isolation:isolate;padding:35px 0 120px;color:#551065}
.museum-journal:before{content:'';position:absolute;z-index:-2;inset:0 -10% -8%;background:radial-gradient(ellipse at 80% 40%,#ffc0e0a8,transparent 65%),radial-gradient(ellipse at 10% 90%,#c4e8f49c,transparent 65%);filter:blur(35px);pointer-events:none}
.journal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}
.journal-heading .edit-title{font-size:43px;line-height:1.2;margin:0}
.journal-heading .section-kicker{display:block;margin-bottom:16px}
.journal-all{display:inline-flex;gap:27px;align-items:center;border:1px solid #863c8666;border-radius:50px;padding:16px 22px;font:600 15px/1.3 Montserrat;color:#661c71;transition:background .2s,transform .2s}
.journal-all:hover{background:#fff4fb;transform:translateY(-3px)}
.journal-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:34px 58px;align-items:start}
.journal-item{min-width:0;position:relative}
.journal-1{grid-row:1 / span 2}
.journal-photo{display:block;overflow:hidden;border-radius:32px;isolation:isolate;background:#f1d9ed}
.journal-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.journal-item:hover .journal-photo img{transform:scale(1.035)}
.journal-1 .journal-photo{aspect-ratio:1.65;border-radius:75px 28px 28px 28px}
.journal-copy{padding:23px 0 0}
.journal-copy time{display:block;font:500 12px/1.4 Montserrat;letter-spacing:.06em;color:#8a477b;margin-bottom:13px}
.journal-copy h3{font:500 23px/1.4 Unbounded;letter-spacing:-.04em;margin:0;color:#580e69}
.journal-copy h3 a{color:inherit;text-decoration:none;transition:color .2s}
.journal-copy h3 a:hover{color:#c81388}
.journal-copy p{font:400 16px/1.65 Montserrat;margin:18px 0 0;max-width:580px;color:#68416e}
.journal-link{font:600 14px/1.4 Montserrat;display:inline-flex;gap:20px;align-items:center;color:#9d187c;margin-top:20px}
.journal-link span{font-size:23px;transition:transform .2s}
.journal-link:hover span{transform:translate(3px,-3px)}
.journal-2,.journal-3{display:grid;grid-template-columns:42% minmax(0,1fr);gap:25px;align-items:start;padding-top:20px;border-top:1px solid #a8699945}
.journal-2 .journal-copy,.journal-3 .journal-copy{padding:4px 0 0}
.journal-2 .journal-photo,.journal-3 .journal-photo{aspect-ratio:1.1;border-radius:26px}
.journal-2 .journal-photo img{object-position:center}
.journal-3 .journal-photo img{object-position:center}
.journal-2 .journal-copy h3,.journal-3 .journal-copy h3{font-size:18px;line-height:1.5}
.journal-2 .journal-link,.journal-3 .journal-link{margin-top:15px}
.journal-decor{width:240px;height:240px;left:-125px;bottom:18px;z-index:-1;--drift-x:10px;--drift-y:-18px;--turn:9deg;animation-delay:-5s}

/* All decorative objects move; text and reading positions remain steady. */
.scene-decor{animation:decor-float 9s ease-in-out infinite;will-change:transform;--drift-x:5px;--drift-y:-14px;--turn:6deg}
.decor-birthday{animation-duration:10s}
.decor-corporate{animation-duration:8s}
.decor-schools{animation-duration:12s}
.decor-gift{animation-duration:15s}
.decor-stats{animation-duration:17s}
.decor-contacts{animation-duration:18s}
.bg-img,.bg-element{animation:ambient-drift 22s ease-in-out infinite;transform-origin:center}
.bg-element{animation-delay:-11s}
.ambient-piece img{animation:ambient-drift 19s ease-in-out infinite}
.ambient-stats img{animation-delay:-8s}
.gift-headphones{animation:gift-hover 7s ease-in-out infinite}
.dactyl-letters img{animation:letter-sway 8s ease-in-out infinite}
.motion-observed.motion-in-view .occasion-copy{animation:none}

@keyframes menu-reveal{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}

@keyframes decor-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:var(--drift-x,5px) var(--drift-y,-14px);rotate:var(--turn,6deg)}}

@keyframes ambient-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:14px -24px;rotate:3deg}}

@keyframes sensory-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -10px;rotate:4deg}}

@keyframes hand-hello{0%,100%{rotate:-7deg;translate:0 0}40%{rotate:6deg;translate:0 -8px}55%{rotate:-2deg;translate:0 -8px}70%{rotate:5deg;translate:0 -5px}}

@keyframes sound-pulse{0%,100%{scale:1;translate:0 0}50%{scale:1.055;translate:0 -7px}}

@keyframes pin-bob{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -9px;rotate:4deg}}

@keyframes letter-sway{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -7px;rotate:3deg}}

@media(max-width:1199px){.info-content h1 strong:nth-child(1){margin-left:24px!important}
.info-content h1 strong:nth-child(2){margin-left:46px!important}
.info-content .edit-city,.info-content__text p{margin-left:24px}
.info-content__text p{max-width:calc(100% - 24px)}
.intro-lime{width:190px;height:180px;right:-55px;bottom:-55px}
.intro-coral{width:155px;height:155px;left:-100px}
.visit-heading{gap:30px;grid-template-columns:1fr 1fr 115px}
.visit-title .edit-title{font-size:36px}
.visit-address{font-size:27px}
.visit-pin{width:110px;height:135px}
.journal-grid{gap:30px 35px}
.journal-copy h3{font-size:21px}
.journal-2,.journal-3{gap:20px;grid-template-columns:38% minmax(0,1fr)}
.journal-2 .journal-copy h3,.journal-3 .journal-copy h3{font-size:16px}
.visit-details a[href^="mailto"]{font-size:16px}}

@media(max-width:991px) and (min-width:768px){.info-content h1 strong:nth-child(1){margin-left:18px!important}
.info-content h1 strong:nth-child(2){margin-left:29px!important}
.intro-lime{width:160px;right:-35px}
.edit-infographics article:nth-child(2) .sense-sculpture img{width:145px;height:145px}
.visit-heading{grid-template-columns:1fr 1fr 85px;gap:22px}
.visit-title .edit-title{font-size:30px}
.visit-address{font-size:24px}
.visit-pin{width:90px;height:120px}
.visit-address-block .metro-list{gap:10px;font-size:13px}
.route-map-wide figcaption>span{font-size:12px}
.route-map-wide figcaption>div{gap:15px}
.route-download,.route-map-wide .online-route{font-size:12px}
.visit-details{grid-template-columns:1fr 1fr}
.visit-details>div:last-child{justify-self:start}
.journal-grid{grid-template-columns:1.05fr 1fr;gap:28px}
.journal-2,.journal-3{grid-template-columns:1fr}
.journal-2 .journal-photo,.journal-3 .journal-photo{aspect-ratio:2.2}
.journal-copy h3{font-size:20px}
.journal-copy p{font-size:15px}
.journal-2 .journal-copy h3,.journal-3 .journal-copy h3{font-size:16px}
.journal-heading .edit-title{font-size:37px}}

@media(max-width:767px){.info-content h1 strong:nth-child(1){margin-left:15px!important}
.info-content h1 strong:nth-child(2){margin-left:25px!important;font-size:18px}
.info-content h1 strong:nth-child(3){margin-left:0!important}
.info-content .edit-city,.info-content__text p{margin-left:15px}
.info-content__text p{max-width:calc(100% - 15px)}
.intro-coral{width:100px;height:100px;left:-65px;top:-36px;opacity:.95}
.intro-lime{width:150px;height:130px;right:-35px;bottom:-42px}
.edit-infographics{margin-top:60px}
.edit-infographics article:nth-child(2) .sense-sculpture img{width:111px;height:115px}
.sense-sculpture{width:125px;height:130px}
.dactyl-word{margin-top:30px}
.visit-museum{padding-top:5px;padding-bottom:65px}
.visit-heading{grid-template-columns:1fr 75px;gap:23px 15px;margin-bottom:26px}
.visit-title{grid-column:1;grid-row:1}
.visit-title .edit-title{font-size:32px}
.visit-title .section-kicker{font-size:10px;margin-bottom:12px}
.visit-pin{grid-column:2;grid-row:1;width:78px;height:100px;align-self:end}
.visit-address-block{grid-column:1/-1;grid-row:2}
.visit-address{font-size:25px;line-height:1.35;margin-bottom:15px}
.visit-address br{display:none}
.visit-address-block .metro-list{gap:17px}
.visit-address-block .metro-list>span{font-size:13px}
.route-map.route-map-wide{padding:8px 8px 0;border-radius:24px;max-width:100%;width:100%}
.route-map-view{overflow-x:auto;overscroll-behavior-x:contain;border-radius:17px;scrollbar-width:thin;scrollbar-color:#e6479e #f4d6e8;scroll-behavior:smooth}
.route-map-wide img{width:720px;min-width:720px;max-width:none;height:250px;border-radius:17px}
.route-map-wide figcaption{display:block;padding:13px 9px 17px;font-size:11px}
.route-map-wide figcaption>span{font-size:12px;margin:0 0 12px}
.route-map-wide figcaption>div{justify-content:space-between;gap:15px}
.route-download,.route-map-wide .online-route{font-size:12px}
.route-map-wide:after{content:'← Схему можно листать →';display:block;text-align:center;font:500 10px/1.5 Montserrat;color:#9b557f;padding:0 0 12px}
.contact-coral{width:120px;height:120px;left:-75px;top:24%;opacity:.9}
.visit-details{grid-template-columns:1fr;gap:24px;margin-top:26px}
.visit-details>div:last-child{justify-self:start}
.visit-details p,.visit-details>div:first-child p,.visit-details a.phone-button{font-size:18px}
.visit-details a[href^="mailto"]{font-size:17px}
.visit-details>div>span{font-size:11px;margin-bottom:9px}
.museum-journal{padding:10px 0 75px}
.journal-heading{gap:18px;align-items:flex-end;margin-bottom:30px}
.journal-heading .edit-title{font-size:30px;line-height:1.22}
.journal-heading .section-kicker{font-size:10px;margin-bottom:12px}
.journal-all{font-size:11px;padding:11px 13px;gap:10px;white-space:nowrap;margin-bottom:2px}
.journal-grid{display:flex;flex-direction:column;gap:30px}
.journal-1,.journal-2,.journal-3{width:100%;display:block}
.journal-1 .journal-photo{aspect-ratio:1.4;border-radius:50px 25px 25px 25px}
.journal-copy{padding-top:20px}
.journal-copy h3{font-size:21px;line-height:1.4}
.journal-copy p{font-size:14px;line-height:1.65;margin-top:15px}
.journal-copy time{font-size:11px;margin-bottom:11px}
.journal-link{font-size:13px;margin-top:15px}
.journal-2,.journal-3{display:grid;grid-template-columns:34% minmax(0,1fr);gap:17px;padding-top:22px}
.journal-2 .journal-photo,.journal-3 .journal-photo{aspect-ratio:.85;border-radius:20px}
.journal-2 .journal-copy,.journal-3 .journal-copy{padding-top:0}
.journal-2 .journal-copy h3,.journal-3 .journal-copy h3{font-size:15px;line-height:1.5}
.journal-2 .journal-link,.journal-3 .journal-link{margin-top:12px}
.journal-decor{width:150px;height:150px;left:-100px;bottom:-20px;opacity:.8}
.brand-community{padding-top:25px}}

@media(max-width:380px){.info-content h1 strong:nth-child(2){font-size:16px;margin-left:23px!important}
.info-content h1 strong:nth-child(1){margin-left:13px!important}
.intro-lime{width:135px;right:-35px}
.journal-heading .edit-title{font-size:27px}
.journal-all{padding:10px 11px;font-size:10px}
.journal-copy h3{font-size:19px}
.journal-2 .journal-copy h3,.journal-3 .journal-copy h3{font-size:14px}
.visit-address{font-size:23px}}

@media(prefers-reduced-motion:reduce){.scene-decor,.sense-sculpture,.bg-img,.bg-element,.ambient-piece img,.visit-pin,.dactyl-letters img,.gift-headphones{animation:none!important}
.journal-photo img{transition:none}
.route-map-view{scroll-behavior:auto}}
.visit-heading .visit-pin{position:static;inset:auto;margin:0;transform:none;grid-column:3;grid-row:1;align-self:center}

@media(max-width:767px){.visit-heading .visit-pin{grid-column:2;grid-row:1;align-self:end}}