.scene-count{position:fixed;z-index:26;right:18px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:5px;align-items:baseline;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.scene-count b{font:500 25px "Cormorant Garamond",serif}.scene-count span{font-size:9px;letter-spacing:.14em;opacity:.6}.storybook .scene-count{color:#143f42;text-shadow:none}
.snap,#journey{overscroll-behavior-y:contain}.panel,.scene{--scene-distance:0;isolation:isolate}.panel:before{content:"";position:absolute;inset:-5%;background:inherit;background-size:cover;background-position:center;transform:translateY(calc(var(--scene-distance) * -3.5vh)) scale(1.06);z-index:-2;transition:filter .8s ease}.panel:not(.active):before{filter:saturate(.72) brightness(.72)}
.reveal{filter:blur(8px);transform:translateY(55px) scale(.94)!important;transition:opacity .75s ease,filter .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1)!important}.show .reveal,.scene.visible .reveal{filter:none;transform:none!important}.panel:not(.active) .reveal,.scene:not(.active) .reveal{opacity:.25;transform:translateY(calc(var(--scene-distance) * -36px)) scale(.97)!important}
.scene .art{transform:translateY(calc(var(--scene-distance) * -4vh)) scale(1.075);transition:filter .8s ease}.scene:not(.active) .art{filter:saturate(.75) brightness(.78)}
.glass-card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.16);border-radius:20px;pointer-events:none}.micro-action{position:relative;z-index:2;padding:12px 18px;border:1px solid currentColor;border-radius:99px;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.1em;font:600 10px "DM Sans",sans-serif;cursor:pointer;margin-top:10px}.storybook .micro-action{background:#155f60;color:#fff;border-color:#155f60}
.book-page.show.active .paper-card{animation:pageOpenPlus 1.15s cubic-bezier(.16,1,.3,1)}@keyframes pageOpenPlus{from{transform:translateX(24%) rotateY(-58deg) scale(.94);opacity:.1;filter:blur(8px)}to{transform:rotateY(0);opacity:1;filter:none}}
.card-gallery{grid-template-columns:minmax(240px,.72fr) minmax(420px,1.28fr);gap:5vw;padding:80px 7vw}.gallery-copy{max-width:480px}.gallery-copy h2{font-size:clamp(46px,7vw,82px);line-height:.84;margin:18px 0}.gallery-copy>p:last-child{font:21px/1.45 "Cormorant Garamond",serif}.card-pair{display:flex;justify-content:center;align-items:center;gap:24px}.invite-card{position:relative;width:min(25vw,285px);text-decoration:none;color:inherit;transition:transform .55s cubic-bezier(.16,1,.3,1)}.invite-card:first-child{transform:rotate(-4deg) translateY(16px)}.invite-card:last-child{transform:rotate(4deg) translateY(-8px)}.invite-card:hover{transform:rotate(0) translateY(-16px) scale(1.025);z-index:3}.invite-card img{display:block;width:100%;max-height:70vh;object-fit:cover;border-radius:9px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.invite-card span{display:block;text-align:center;margin-top:14px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.celestial-cards{background-image:radial-gradient(circle at 50% 30%,rgba(47,110,169,.5),rgba(2,11,36,.93)),url('celestial-glass.webp')!important}.story-cards{background-image:linear-gradient(rgba(255,246,228,.56),rgba(255,246,228,.72)),url('royal-storybook.webp')!important}.story-cards .invite-card img{border:1px solid #c6a05d}.story-cards .gallery-copy em{color:#ce6658}
@media(max-width:760px){.card-gallery{grid-template-columns:1fr;gap:20px;padding:68px 22px 45px}.gallery-copy{text-align:center}.gallery-copy h2{font-size:43px;margin:10px 0}.gallery-copy>p:last-child{font-size:17px;margin:8px 0}.card-pair{gap:12px}.invite-card{width:min(40vw,210px)}.invite-card img{max-height:55vh}.invite-card span{font-size:8px}.scene-count{right:12px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.panel:before,.scene .art{transform:none}.reveal{filter:none!important}.panel:not(.active) .reveal,.scene:not(.active) .reveal{opacity:1;transform:none!important}}