/* Final composition polish. Original photographs, typography and base gradients retained. */

/* Give the real portrait an equal share of the introduction. */
.info__container{display:grid;grid-template-columns:1.15fr 1fr;column-gap:58px;align-items:center}
.info-content{grid-column:1;grid-row:1;max-width:100%;padding:0}
.info-content h1 strong{font-size:48px;margin-left:0!important}
.info-content h1 strong:nth-child(2){font-size:29px}
.info-content h1 strong:nth-child(3){font-size:51px}
.edit-city{margin-left:0}
.info-content__text{width:100%;max-width:100%}
.info-content__text p{margin-left:0;max-width:540px}
.info-art.portrait-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:540px;margin:0;transform:rotate(2deg);border-radius:130px 34px 115px 34px;box-sizing:border-box}
.portrait-girl.real-portrait{object-position:center 38%}
.edit-infographics{grid-column:1/-1;grid-row:2;margin:62px 0 0;gap:65px;width:100%}
.edit-infographics article{padding-top:0}
.sense-sculpture{height:175px;width:230px;display:flex;align-items:center;justify-content:center;margin:0 0 25px;animation:sculpture-drift 8s ease-in-out infinite}
.sense-sculpture img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 10px 8px #a5187020)}
.edit-infographics article:nth-child(2) .sense-sculpture{animation-delay:-2s}
.edit-infographics article:nth-child(2) .sense-sculpture img{width:138px;height:170px}
.edit-infographics article:nth-child(3) .sense-sculpture{animation-delay:-4s}
.edit-infographics h3{max-width:340px}
.edit-infographics p{max-width:330px}
.edit-intro-actions{grid-column:1/-1;grid-row:3;justify-content:center;align-items:center;width:100%;margin:38px 0 0;gap:24px}
.edit-intro-actions>a{margin:0!important;min-width:245px;width:245px;min-height:56px;font-size:16px}
.edit-intro-actions .more{min-width:245px}

/* Distinct physical objects, with quiet blurred colour planes behind each story. */
.occasion,.quiet-stats,.guest-voices,.visit-museum{position:relative;isolation:isolate}
.scene-decor{position:absolute;display:block;object-fit:contain;pointer-events:none;z-index:-1;animation:sculpture-drift 11s ease-in-out infinite}
.occasion:before{content:'';position:absolute;z-index:-2;inset:2% -10% -5%;pointer-events:none;border-radius:40%;filter:blur(28px);background:radial-gradient(ellipse at 22% 47%,#ffc0e5b3,transparent 62%),radial-gradient(ellipse at 82% 40%,#c9c4fa75,transparent 64%)}
.occasion-birthday:before{inset:-6% -12% -12%;transform:rotate(-6deg);background:radial-gradient(ellipse at 45% 55%,#ffacdcb0,transparent 70%)}
.occasion-corporate:before{background:radial-gradient(ellipse at 75% 46%,#ecb3f2ba,transparent 68%),radial-gradient(ellipse at 17% 60%,#a6e1f089,transparent 60%)}
.occasion-schools:before{background:radial-gradient(ellipse at 66% 50%,#b7dff5ad,transparent 67%)}
.occasion-gift:before{background:radial-gradient(ellipse at 70% 45%,#ffafdba8,transparent 67%)}
.decor-birthday{width:245px;height:245px;left:-95px;bottom:-85px;z-index:4;transform:rotate(-16deg);animation-delay:-2s}
.decor-corporate{width:190px;height:190px;right:-68px;top:-75px;z-index:1;animation-delay:-5s}
.decor-schools{width:265px;height:220px;right:-100px;bottom:-62px;z-index:1;animation-delay:-1s}
.decor-gift{width:420px;height:420px;right:-200px;top:-110px;opacity:.42;filter:blur(22px);animation-duration:15s}
.decor-stats{width:530px;height:460px;left:-220px;bottom:-80px;opacity:.55;filter:blur(13px);animation-delay:-4s}
.decor-reviews{width:225px;height:225px;right:-90px;top:35px;transform:rotate(20deg);z-index:1;animation-delay:-3s}
.decor-contacts{width:520px;height:520px;left:-310px;bottom:-145px;opacity:.42;filter:blur(27px);animation-duration:16s}
.guest-voices:before{content:'';position:absolute;inset:-10% -20%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 70%,#ff9cd263,transparent 60%),radial-gradient(ellipse at 90% 30%,#b7bcf68c,transparent 60%);filter:blur(25px)}

/* Gift card: typographic face, floating earmuffs, no ribbon. */
.occasion-gift .occasion-visual{min-height:370px}
.gift-sculpture{position:relative;width:100%;max-width:510px;height:350px;margin:auto;overflow:visible}
.gift-card-front,.gift-card-back{position:absolute;left:4%;right:3%;width:auto;height:270px;top:50px;border-radius:30px}
.gift-card-back{background:linear-gradient(135deg,#bd268e,#8034a0);border:1px solid #e090da;transform:rotate(5deg);top:39px;left:8%;right:0;box-shadow:0 12px 25px #93317821}
.gift-card-front{background:radial-gradient(ellipse at 95% 5%,#ffbde3,transparent 65%),linear-gradient(125deg,#fff8ff,#eedafb);transform:rotate(-5deg);border:2px solid #fff;overflow:hidden;box-shadow:0 7px 0 #b775b6,0 24px 35px #932d7f33}
.gift-card-front:after{content:'';position:absolute;right:-60px;bottom:-105px;width:230px;height:230px;border:34px solid #dc68b13d;border-radius:50%;pointer-events:none}
.gift-card-front>img{position:absolute;left:28px;top:34px;width:155px;height:66px;object-fit:contain}
.gift-card-front>span{position:absolute;bottom:32px;left:28px;font:500 21px/1.5 Unbounded;letter-spacing:-.035em;color:#630f6b;z-index:2}
.gift-headphones{position:absolute;width:225px;height:260px;object-fit:contain;right:-4%;top:-4px;z-index:3;transform:rotate(12deg);filter:drop-shadow(4px 15px 9px #7311453b);animation:gift-hover 9s ease-in-out infinite}

/* A readable six-letter word, using the museum's original dactyl paths. */
.dactyl-word{margin:54px auto 0;max-width:940px;text-align:center}
.dactyl-word>p{font:500 17px/1.5 Montserrat;color:#7d367d;margin-bottom:25px}
.dactyl-letters{display:grid;grid-template-columns:repeat(6,1fr);gap:26px;align-items:end}
.dactyl-letters figure{margin:0}
.dactyl-letters img{width:110px;height:150px;object-fit:contain;display:block;margin:auto;filter:drop-shadow(2px 6px 3px #98236b26);animation:sculpture-drift 10s ease-in-out infinite}
.dactyl-letters figure:nth-child(2n) img{animation-delay:-3s}
.dactyl-letters figure:nth-child(3n) img{animation-delay:-6s}
.dactyl-letters figcaption{font:500 20px/1.4 Unbounded;color:#a61377;margin-top:13px}
.visit-top{grid-template-columns:1.2fr .8fr;gap:65px}
.route-map{width:100%;max-width:420px;justify-self:end;padding:10px;border-radius:26px;box-sizing:border-box}
.route-map img{border-radius:18px}
.route-map figcaption{display:block;padding:12px 8px 4px;font-size:12px}
.route-map figcaption span{display:block;margin-top:2px}
.visit-details{grid-template-columns:1fr 1.1fr 1.3fr}
.visit-details>div:first-child p{font-size:19px;line-height:1.6;max-width:260px}

@keyframes sculpture-drift{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -10px;rotate:3deg}}
@keyframes gift-hover{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-9px) rotate(8deg)}}

@media(max-width:1199px){.info__container{column-gap:35px}
.info-content h1 strong{font-size:40px}
.info-content h1 strong:nth-child(2){font-size:24px}
.info-content h1 strong:nth-child(3){font-size:43px}
.info-art.portrait-art{height:460px}
.edit-infographics{gap:35px}
.sense-sculpture{width:205px;height:160px}
.edit-infographics article:nth-child(2) .sense-sculpture img{height:154px}
.gift-headphones{width:190px;height:220px;right:-4%;top:20px}
.gift-card-front>span{font-size:18px}
.gift-card-front>img{width:130px;height:56px}
.visit-top{gap:45px}}

@media(max-width:991px) and (min-width:768px){.info__container{column-gap:25px;grid-template-columns:1.1fr 1fr}
.info-content h1 strong{font-size:32px}
.info-content h1 strong:nth-child(2){font-size:19px}
.info-content h1 strong:nth-child(3){font-size:35px}
.info-art.portrait-art{height:380px;border-radius:90px 30px}
.sense-sculpture{width:180px;height:145px}
.edit-infographics article:nth-child(2) .sense-sculpture img{height:145px}
.edit-infographics{gap:25px}
.edit-infographics h3{font-size:19px}
.gift-headphones{width:150px;right:-12%;top:28px}
.gift-card-front>span{font-size:16px;left:18px}
.gift-card-front>img{left:18px;width:120px}
.visit-top{gap:30px}
.dactyl-letters{gap:15px}
.dactyl-letters img{width:90px;height:130px}}

@media(max-width:767px){.info__container{display:flex;flex-direction:column;gap:0}
.info-content{align-self:stretch}
.info-content h1 strong{font-size:32px}
.info-content h1 strong:nth-child(2){font-size:19px}
.info-content h1 strong:nth-child(3){font-size:35px}
.info-content__text p{margin-left:0;max-width:100%}
.info-art.portrait-art{width:96%;height:430px;margin:32px 0 0;border-radius:100px 28px 85px 28px;align-self:center}
.edit-infographics{margin:43px 0 0;display:block;width:100%}
.edit-infographics article{padding:0 0 0 126px;min-height:160px;margin:0 0 28px}
.sense-sculpture{position:absolute;left:-9px;top:0;width:125px;height:130px;margin:0}
.edit-infographics article:nth-child(2) .sense-sculpture img{width:93px;height:126px}
.edit-infographics h3{font-size:19px;max-width:none;padding-top:12px}
.edit-infographics p{font-size:14px;max-width:none;line-height:1.6}
.edit-intro-actions{display:flex;flex-direction:column;gap:14px;margin:5px 0 0;align-items:center}
.edit-intro-actions>a,.edit-intro-actions .more{width:280px;min-width:0;max-width:100%;min-height:52px;font-size:15px}
.scene-decor{animation-duration:13s}
.decor-birthday{width:135px;height:135px;left:-55px;bottom:-65px}
.decor-corporate{width:115px;height:115px;right:-55px;top:-57px}
.decor-schools{width:145px;height:145px;right:-65px;bottom:-65px}
.decor-gift{width:300px;height:300px;right:-200px;top:-10px;filter:blur(18px)}
.decor-stats{width:340px;height:340px;left:-230px;bottom:0}
.decor-reviews{width:140px;height:140px;right:-80px;top:185px}
.decor-contacts{width:370px;height:370px;left:-290px;bottom:80px}
.occasion:before{inset:0 -30%}
.occasion-gift .occasion-visual{height:290px;min-height:290px;margin-top:20px}
.gift-sculpture{height:290px;max-width:360px}
.gift-card-front,.gift-card-back{height:225px;top:46px;border-radius:24px;left:0;right:6%}
.gift-card-back{left:5%;right:1%;top:38px}
.gift-card-front>img{left:21px;top:28px;width:125px;height:54px}
.gift-card-front>span{left:21px;bottom:26px;font-size:17px}
.gift-headphones{width:155px;height:190px;right:-6%;top:13px}
.dactyl-word{margin-top:32px}
.dactyl-word>p{font-size:15px;margin-bottom:23px}
.dactyl-letters{grid-template-columns:repeat(3,1fr);gap:28px 20px}
.dactyl-letters img{width:90px;height:125px}
.dactyl-letters figcaption{font-size:18px;margin-top:6px}
.visit-top{display:grid;grid-template-columns:1fr;gap:32px}
.route-map{max-width:300px;justify-self:center;padding:8px}
.route-map figcaption{font-size:11px;padding-top:9px}
.visit-details{display:grid;grid-template-columns:1fr;gap:27px}
.visit-details>div:first-child p{font-size:19px;max-width:none}}

@media(max-width:380px){.info-content h1 strong{font-size:29px}
.info-content h1 strong:nth-child(2){font-size:17px}
.info-content h1 strong:nth-child(3){font-size:32px}
.info-art.portrait-art{height:390px}
.edit-infographics article{padding-left:113px}
.sense-sculpture{width:112px;height:122px}
.edit-infographics h3{font-size:17px}
.gift-headphones{width:140px;right:-5%}
.gift-card-front>span{font-size:15px}
.dactyl-letters{gap:23px 12px}
.dactyl-letters img{width:82px;height:115px}}

@media(prefers-reduced-motion:reduce){.scene-decor,.sense-sculpture,.dactyl-letters img,.gift-headphones{animation:none!important}}
body.motion-paused .scene-decor,body.motion-paused .sense-sculpture,body.motion-paused .dactyl-letters img,body.motion-paused .gift-headphones{animation-play-state:paused!important}

/* Explicit flex sizing avoids intrinsic image widths influencing the composition. */
.info__container{display:block}
.intro-main{display:flex;width:100%;gap:5%;align-items:center}
.intro-main .info-content{flex:0 0 50%;width:50%;min-width:0}
.intro-main .info-art.portrait-art{flex:0 0 45%;width:45%;min-width:0}
.edit-infographics{display:flex;justify-content:space-between;gap:0}
.edit-infographics article{flex:0 0 29%;width:29%;min-width:0}
.edit-infographics p{max-width:100%}
.scene-layer{position:absolute;inset:0;pointer-events:none;z-index:-1;width:100%;height:100%;overflow:visible}
.occasion>.scene-layer{z-index:1}
.occasion-heading,.occasion-copy{position:relative;z-index:3}
.occasion-visual{position:relative;z-index:2}
.occasion>.scene-layer .decor-gift{z-index:-1}

@media(max-width:767px){.info__container{display:flex}
.intro-main{display:flex;flex-direction:column;gap:0}
.intro-main .info-content{flex:none;width:100%}
.intro-main .info-art.portrait-art{flex:none;width:96%;height:430px}
.edit-infographics{display:block}
.edit-infographics article{width:100%;box-sizing:border-box}}

@media(max-width:380px){.intro-main .info-art.portrait-art{height:390px}}

@media(max-width:767px){.visit-route{width:auto;max-width:100%}}

@media(min-width:768px){.visit-route{display:inline-flex;width:auto;max-width:100%;padding-inline:26px}
.decor-reviews{right:-125px;top:150px}}
body.motion-off .scene-decor,body.motion-off .sense-sculpture,body.motion-off .dactyl-letters img,body.motion-off .gift-headphones{animation-play-state:paused!important}

@media(max-width:767px){.quiet-stats .info-stats__item{grid-template-columns:125px minmax(0,1fr);width:100%;gap:18px}
.quiet-stats .info-stats__subtitle{min-width:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:break-word}}
