/* Keep the full canvas fixed; only the postcard and natural-height footer move. */
.save-details.is-details-enhanced{height:auto;min-height:0}
.is-details-enhanced .save-details-pin{position:relative;top:0;display:block;height:auto;min-height:0;padding:0;overflow:clip}
.is-details-enhanced .save-details-content{height:var(--closing-composition-height,100svh);max-height:none;isolation:isolate}
.is-details-enhanced .save-details-photo{top:var(--closing-photo-top,-10%);bottom:auto;height:var(--closing-photo-height,120%)}
.is-details-enhanced .save-intro{position:absolute;top:var(--closing-intro-top,16px);left:0;width:100%;padding:0 16px;z-index:0;pointer-events:none}
.is-details-enhanced .save-heading{opacity:calc(var(--save-heading-opacity) * var(--closing-header-opacity,1))}
.is-details-enhanced .save-champagne{opacity:calc(var(--save-heading-opacity) * var(--closing-header-opacity,1))}
.is-details-enhanced .postcard-scene{position:absolute;z-index:2;top:var(--closing-card-top,200px);left:0;right:0;width:min(760px,calc(100% - 48px));transform:translate3d(0,calc(var(--save-postcard-shift) - var(--closing-card-lift,0px)),0) scale(var(--save-postcard-scale))}
.postcard-actions{display:grid;grid-template-areas:"action";justify-items:center;align-items:center;margin-top:16px;min-height:48px}
.postcard-actions>.pill-button{grid-area:action;margin:0;width:min(280px,100%)}
.postcard-details-trigger{background:var(--cream);color:var(--chocolate);box-shadow:var(--paper-shadow);opacity:var(--closing-trigger-opacity,1);font-size:var(--type-body);letter-spacing:normal;text-transform:none}
.postcard-details-trigger:focus-visible{outline-color:var(--cream);outline-offset:5px}
.postcard-details-trigger:disabled{cursor:default;pointer-events:none}
.postcard-details-trigger[inert]{visibility:hidden}
.is-details-enhanced .closing{position:absolute;z-index:1;top:var(--closing-footer-top,100%);bottom:auto;left:0;right:0;height:auto;padding:12px 24px 16px;background:var(--background);transform:translate3d(0,var(--closing-footer-shift,100%),0);opacity:var(--closing-footer-opacity,0);visibility:hidden;pointer-events:none}
.is-details-enhanced .closing.is-visible{visibility:visible}
.is-details-enhanced .closing:not([inert]){pointer-events:auto}
.closing-content{width:100%}
.is-details-enhanced .rumi-animation{margin:0 auto}
.is-details-enhanced .rumi-stage{height:155px}
.is-details-enhanced .rumi-still{bottom:8px;left:calc(50% - 72px);width:144px;height:144px}
.is-details-enhanced .rumi-animation+.back-link{margin-top:4px;padding:8px;min-height:40px}
.save-details[data-save-sequence="opening"] .postcard-inner{will-change:transform}
.save-details[data-save-sequence="opening"] .postcard-scene,.save-details[data-save-sequence="opening"] .closing{will-change:transform,opacity}
@media(max-width:800px){
  /* Animate the paper's actual height, keeping the lettering undistorted. */
  .is-details-enhanced .postcard{height:var(--postcard-mobile-height,240px);aspect-ratio:auto}
  .is-details-enhanced .postcard-inner{position:relative;display:block;height:100%;min-height:0}
  .is-details-enhanced .postcard-face{position:absolute;inset:0;min-height:0}
  .is-details-enhanced .postcard-front{display:block;padding:20px}
  .is-details-enhanced .postcard-message{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;padding:0;font-size:var(--type-body);line-height:1.4}
  .is-details-enhanced .postcard-mobile-header{min-height:82px;margin:0;padding:0 124px 16px 0;font:inherit;text-align:left}
  .is-details-enhanced .postcard-mobile-header span:first-child{font:inherit}
  .is-details-enhanced .postcard-mobile-body{display:flex;justify-content:flex-start;gap:16px;font:inherit;text-wrap:balance}
  .is-details-enhanced .postcard-mobile-body .postcard-mobile-signoff{margin-top:8px}
  .is-details-enhanced .postcard-details{top:20px;right:20px;width:119px;height:60px}
  .is-details-enhanced .postmark{width:282px;height:139px;transform:scale(.42);transform-origin:top right}
  .is-details-enhanced .postmark-monogram{display:flex}
  .is-details-enhanced .postmark-lines{display:block}
  .is-details-enhanced .postcard-stamp{width:126px;height:139px}
  .is-details-enhanced .postcard-scene{width:min(420px,calc(100% - 32px))}
  .is-details-enhanced .closing{padding:8px 16px calc(52px + env(safe-area-inset-bottom,0px))}
  .is-details-enhanced .rumi-stage{height:120px}
  .is-details-enhanced .rumi-still{left:calc(50% - 55px);width:110px;height:110px}
  .postcard-actions{margin-top:12px}
}
@media(max-width:374px){
  .is-details-enhanced .postcard-front{padding:16px}
  .is-details-enhanced .postcard-mobile-header{padding-right:108px}
  .is-details-enhanced .postcard-details{top:16px;right:16px;width:102px}
  .is-details-enhanced .postmark{transform:scale(.36)}
}
