/* Increased type keeps the existing scenes; small screens scroll within each reel. */
#nocturne-invite .guest-head .salute{font-size:clamp(129px,18vw,220.5px);line-height:.88;max-width:100%;overflow-wrap:anywhere}
#nocturne-invite .guest-head .salute .salute-greeting{display:block;width:max-content;max-width:none;margin:0;color:inherit;white-space:nowrap;transform:scaleX(var(--salute-scale,1));transform-origin:left top}
#nocturne-invite .guest-head .invitation-copy{font-size:clamp(43.5px,4.8vw,54px);line-height:1.08;min-width:0;max-width:100%}
#nocturne-invite .guest-head .invitation-copy .verse-group:nth-child(2),#nocturne-invite .guest-head .invitation-copy .verse-group:nth-child(4){margin-left:0}
#nocturne-invite .invitation-copy .verse-group span,#nocturne-invite .dress-copy .verse-group span{max-width:100%;overflow-wrap:anywhere}
#nocturne-invite .dress-section h2{font-size:clamp(105px,13.5vw,165px);line-height:.92;max-width:100%;overflow-wrap:anywhere}
#nocturne-invite .dress-section .dress-copy{grid-column:4/13;font-size:clamp(37.5px,4.5vw,51px);line-height:1.08;min-width:0;margin-right:0}
#nocturne-invite .dress-section .dress-copy .verse-group:nth-child(2),#nocturne-invite .dress-section .dress-copy .verse-group:nth-child(4){margin-left:0}
#nocturne-invite .dress-section .idea-button{font-size:36px;max-width:100%;min-width:0;white-space:normal;text-align:left;line-height:1.1}
#nocturne-invite .dress-section .idea-result{font-size:43.5px;line-height:1.1;overflow-wrap:anywhere}
#nocturne-invite .idea-result.out{animation-duration:180ms}
#nocturne-invite .idea-result.assembling .idea-base,#nocturne-invite .idea-result.assembling:before,#nocturne-invite .idea-result.assembling:after{animation-duration:var(--hint-build-time,1s)}
#nocturne-invite .idea-result .idea-shard{animation-duration:calc(var(--hint-build-time,1s) - var(--sd,0ms))}
@media(max-width:680px){
  #nocturne-invite .guest-head .salute{font-size:clamp(63px,15vw,97.5px);line-height:.95}
  #nocturne-invite .guest-head .salute>span:not(.salute-greeting){margin-left:5%}
  #nocturne-invite .guest-head .invitation-copy{font-size:clamp(28.5px,6.15vw,40.5px);line-height:1.1;width:100%;margin-left:0}
  #nocturne-invite .guest-page .dress-section.reel-slide{padding-left:clamp(12px,3vw,20px)!important;padding-right:clamp(12px,3vw,20px)!important}
  #nocturne-invite .dress-section h2{font-size:clamp(58.5px,15vw,87px);line-height:.96;width:100%}
  #nocturne-invite .dress-section .dress-copy{font-size:clamp(25.5px,6.15vw,33px);line-height:1.13;width:100%;max-width:100%;margin-left:0;margin-right:0}
  #nocturne-invite .dress-section .idea-button{width:100%;max-width:100%;margin-left:0;font-size:clamp(30px,7.5vw,37.5px)}
  #nocturne-invite .dress-section .idea-result{width:100%;max-width:100%;margin-left:0;font-size:30px;transform:none}
  #nocturne-invite .dress-section .idea-button.impact{animation:idea-tap-mobile 1s ease-out both!important;will-change:transform}
  #nocturne-invite .idea-result.out{animation-name:idea-fade-mobile}
  #nocturne-invite .idea-result.assembling .idea-base{animation-name:idea-base-mobile;will-change:opacity}
  #nocturne-invite .idea-result .idea-shard{animation-name:idea-shard-mobile;will-change:transform,opacity;filter:none;text-shadow:0 0 7px #d5c4ef}
  #nocturne-invite .idea-result.assembling:before,#nocturne-invite .idea-result.assembling:after{filter:none;will-change:transform,opacity}
}
@media(max-width:390px){
  #nocturne-invite .guest-head .salute{font-size:clamp(60px,16.5vw,73.5px)}
  #nocturne-invite .guest-head .invitation-copy{font-size:28.5px}
  #nocturne-invite .dress-section h2{font-size:58.5px}
  #nocturne-invite .dress-section .dress-copy{font-size:25.5px}
}
@keyframes idea-tap-mobile{0%,100%{transform:none}20%{transform:translate3d(0,3px,0) scale(.96) skew(-3deg)}55%{transform:translate3d(0,-2px,0) scale(1.015) skew(2deg)}}
@keyframes idea-fade-mobile{to{opacity:0;transform:translate3d(0,-4px,0)}}
@keyframes idea-base-mobile{0%,55%{opacity:0}100%{opacity:1}}
@keyframes idea-shard-mobile{0%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--dr))}22%{opacity:.9}75%{opacity:1;transform:translate3d(0,0,0) rotate(0)}100%{opacity:0;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){#nocturne-invite .dress-section .idea-button.impact,#nocturne-invite .idea-result.out,#nocturne-invite .idea-result .idea-shard{animation:none!important}}