/* CH 03 JOURNEY — 01·02·03 을 고르면 그 단계 애니만 재생 */
.story-keep{
  position:relative;
  min-height:calc(100svh - var(--nav-height));
  height:calc(100svh - var(--nav-height));
  padding:0;
  background:#f6f2e8;
  color:#0d0d0f;
  overflow:clip;
}
.story-keep[data-act="1"],
.story-keep[data-act="2"]{
  --melius-offblack:#121214;
  --melius-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Crect x='6.5' y='6.5' width='2' height='2' rx='1' ry='1' fill='rgb(255%2C255%2C255)' fill-opacity='0.08'/%3E%3C/svg%3E");
  color:#f4f0e8;
  background:var(--melius-offblack);
  overflow:visible;
}
.story-keep[data-act="1"] .story-keep__pin,
.story-keep[data-act="2"] .story-keep__pin{
  overflow:visible;
}
.story-keep[data-act="1"] .story-keep__pin:before,
.story-keep[data-act="2"] .story-keep__pin:before{
  opacity:0;
}
.story-keep[data-act="1"] .story-keep__pin:after,
.story-keep[data-act="2"] .story-keep__pin:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:1;
  background-color:var(--melius-offblack);
  background-image:var(--melius-dot);
  background-size:15px 15px;
  background-repeat:repeat;
  background-position:0 0;
}
.story-keep[data-act="1"] .story-keep__head{
  text-align:center;
  max-width:none;
  margin-inline:auto;
}
.story-keep[data-act="1"] .story-keep__kicker,
.story-keep[data-act="2"] .story-keep__kicker{opacity:.45}
.story-keep[data-act="1"] .story-keep__sub,
.story-keep[data-act="2"] .story-keep__sub{opacity:.62;margin-inline:auto}
.story-keep[data-act="2"] .sk-record-cta{display:inline-flex}
.story-keep[data-act="3"] .sk-record-cta{display:none}
.sk-record-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:clamp(16px,2.4vh,22px) auto 0;
  padding:0;
  border:0;
  background:transparent;
  color:#f4f0e8;
  cursor:pointer;
  pointer-events:auto;
  text-decoration:none;
}
.sk-record-cta__label{
  font:400 clamp(18px,2.2vw,22px)/1.2 var(--sans);
  letter-spacing:-.02em;
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.sk-record-cta__icon{
  display:grid;
  place-items:center;
  width:36px;height:36px;
  border-radius:50%;
  background:#f4f0e8;
  color:#0d0d0f;
  font:500 18px/1 var(--sans);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.sk-record-cta:hover .sk-record-cta__label,
.sk-record-cta:hover .sk-record-cta__icon,
.sk-record-cta.is-nudged .sk-record-cta__label,
.sk-record-cta.is-nudged .sk-record-cta__icon{
  transform:translateX(10px);
}
.sk-record-cta.is-nudged .sk-record-cta__label{
  animation:sk-record-nudge .72s cubic-bezier(.16,1,.3,1);
}
.sk-record-cta.is-nudged .sk-record-cta__icon{
  animation:sk-record-nudge .72s cubic-bezier(.16,1,.3,1) .04s;
}
@keyframes sk-record-nudge{
  0%,100%{transform:translateX(0)}
  45%{transform:translateX(16px)}
  70%{transform:translateX(8px)}
}
.sk-record-cta:focus-visible{outline:2px solid #e8c98a;outline-offset:4px;border-radius:4px}
.story-keep[data-act="1"] .story-keep__steps button,
.story-keep[data-act="2"] .story-keep__steps button{
  color:#f6f2e8;
  background:#14120f;
  border-color:#f6f2e866;
  box-shadow:0 10px 24px #0008;
}
.story-keep[data-act="1"] .story-keep__steps button[aria-current="true"],
.story-keep[data-act="2"] .story-keep__steps button[aria-current="true"]{
  color:#0d0d0f;
  background:#c8a15e;
  border-color:#c8a15e;
}
.story-keep[data-act="1"] .story-keep__verb{color:#e8c98a}
.story-keep[data-act="1"] .story-keep__lead{opacity:.68}
.story-keep[data-act="2"] .story-keep__head,
.story-keep[data-act="2"] .story-keep__copy{color:#f8f5ee}
.story-keep[data-act="2"] .story-keep__kicker,
.story-keep[data-act="2"] .story-keep__sub,
.story-keep[data-act="2"] .story-keep__idx,
.story-keep[data-act="2"] .story-keep__lead{color:#f8f5ee}
.story-keep[data-act="2"] .story-keep__sub,
.story-keep[data-act="2"] .story-keep__lead{opacity:.78}
.story-keep[data-act="2"] .story-keep__verb{display:none}
.story-keep[data-act="1"] .sk-letter-view__close{color:#f6f2e8}
.story-keep[data-act="1"].white-section,
.story-keep[data-act="2"].white-section{background:var(--melius-offblack,#121214)}
.story-keep__pin{
  position:relative;
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:clip;
  isolation:isolate;
}
.story-keep__space{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:0;
  pointer-events:none;
}
.story-keep[data-act="3"] .story-keep__space{opacity:1}
.story-keep.is-playing[data-act="3"] .story-keep__space{animation:sk-fade .65s both}
.story-keep__space img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:right top;
  filter:saturate(.92) contrast(1.04);
}

/* Soul Trace floating letters: one quiet editorial paper system, three variants. */
.story-keep[data-act="1"] .sk-melius-rail{
  --sk-flow-w:clamp(170px,15vw,260px);
  --sk-flow-stack:.18;
  top:61%;
}
.story-keep[data-act="1"] .sk-soul-letter{
  position:relative;
  display:flex;
  width:100%;
  min-height:0;
  aspect-ratio:.76 / 1;
  max-height:min(42vh,342px);
  box-sizing:border-box;
  padding:clamp(16px,1.5vw,24px);
  overflow:hidden;
  color:#3b3229;
  border:1px solid rgb(151 121 75 / .32);
  border-radius:9px 11px 8px 10px;
  background:
    radial-gradient(circle at 18% 12%,rgb(255 255 255 / .62),transparent 34%),
    linear-gradient(154deg,#fffaf0 0%,#f6ecd9 64%,#eee0c6 100%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .8),0 18px 34px rgb(59 43 24 / .16);
  flex-direction:column;
}
.story-keep[data-act="1"] .sk-soul-letter::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    repeating-radial-gradient(circle at 24% 36%,rgb(86 65 42 / .18) 0 .55px,transparent .8px 4px),
    linear-gradient(104deg,transparent 0 47%,rgb(255 255 255 / .55) 49%,transparent 52%);
  background-size:7px 7px,100% 100%;
}
.story-keep[data-act="1"] .sk-soul-letter > *{position:relative;z-index:1}
.sk-soul-letter__brand{
  color:#8f6c35;
  font:600 clamp(8px,.68vw,10px)/1 var(--mono);
  letter-spacing:.2em;
}
.story-keep[data-act="1"] .sk-soul-letter .sk-letter-card__num{
  position:absolute;
  top:clamp(16px,1.5vw,24px);
  right:clamp(16px,1.5vw,24px);
  margin:0;
  color:#9b835e;
  font:500 8px/1 var(--mono);
  letter-spacing:.14em;
}
.sk-soul-letter__message{
  display:block;
  max-width:15em;
  margin:auto 0 0;
  font:italic 400 clamp(13px,1.1vw,17px)/1.5 var(--serif);
  letter-spacing:-.018em;
  text-wrap:balance;
}
.sk-soul-letter__signoff{
  display:block;
  margin-top:clamp(12px,1.1vw,18px);
  color:#66594a;
  font:italic 400 clamp(10px,.78vw,12px)/1.2 var(--serif);
}
.sk-soul-letter__paw{
  position:relative;
  display:block;
  width:23px;
  height:19px;
  margin:14px 2px 0 auto;
  color:#a57c3c;
  opacity:.78;
}
.sk-soul-letter__paw i{position:absolute;display:block;border-radius:50%;background:currentColor}
.sk-soul-letter__paw i:nth-child(1){left:7px;bottom:0;width:11px;height:9px}
.sk-soul-letter__paw i:nth-child(2){left:1px;top:4px;width:6px;height:7px;transform:rotate(-24deg)}
.sk-soul-letter__paw i:nth-child(3){left:9px;top:0;width:6px;height:7px}
.sk-soul-letter__paw i:nth-child(4){right:0;top:4px;width:6px;height:7px;transform:rotate(24deg)}
.sk-soul-letter__photo{
  display:block;
  width:100%;
  aspect-ratio:1.28 / 1;
  margin:clamp(14px,1.2vw,20px) 0 0;
  overflow:hidden;
  border:5px solid #fffaf0;
  border-radius:3px;
  background:#c7b99f;
  box-shadow:0 8px 16px rgb(64 45 24 / .16);
  box-sizing:border-box;
}
.sk-soul-letter__photo img{display:block;width:100%;height:100%;object-fit:cover}
.sk-soul-letter--photo-letter .sk-soul-letter__message{
  margin:clamp(10px,.9vw,14px) 0 0;
  font-size:clamp(11px,.88vw,14px);
  line-height:1.38;
}
.sk-soul-letter--photo-letter .sk-soul-letter__signoff{margin-top:auto}
.story-keep[data-act="1"] .sk-soul-letter--memory-note{
  aspect-ratio:.9 / 1;
  align-self:center;
  padding:clamp(16px,1.35vw,22px);
}
.sk-soul-letter--memory-note .sk-soul-letter__brand{opacity:.78}
.sk-soul-letter--memory-note .sk-soul-letter__message{
  margin:auto 0;
  font-size:clamp(14px,1.18vw,18px);
  line-height:1.48;
}
.sk-soul-letter--memory-note .sk-soul-letter__paw{margin-top:0}
@media (max-width:760px){
  .story-keep[data-act="1"] .sk-melius-rail{
    --sk-flow-w:clamp(124px,34vw,170px);
    --sk-flow-stack:.2;
    top:62%;
  }
  .story-keep[data-act="1"] .sk-soul-letter{max-height:min(38vh,224px);padding:14px 12px}
  .story-keep[data-act="1"] .sk-soul-letter .sk-letter-card__num{top:14px;right:12px}
  .sk-soul-letter__photo{margin-top:11px;border-width:3px}
  .sk-soul-letter__signoff{margin-top:9px}
  .sk-soul-letter__paw{margin-top:9px;transform:scale(.82);transform-origin:right bottom}
}
.story-keep__space:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(8,8,8,.72) 0%,
    rgba(8,8,8,.48) 34%,
    rgba(8,8,8,.20) 62%,
    rgba(8,8,8,.10) 100%
  );
}
.story-keep[data-act="3"]{
  color:#f6f2e8;
  background:#0d0d0f;
  height:auto;
  overflow:visible;
}
.story-keep[data-act="3"] .eb-bleib-panel{
  overflow:hidden;
}
.story-keep[data-act="3"] .story-keep__space{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#111214;
}
.story-keep[data-act="3"] .story-keep__space img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:#0d0d0f;
}
.story-keep[data-act="3"] .story-keep__pin{
  width:100%;
  height:auto;
  flex:1 1 auto;
  min-height:0!important;
  aspect-ratio:auto;
  overflow:hidden;
}
.story-keep[data-act="3"] .sk-device,
.story-keep[data-act="3"] .sk-holo,
.story-keep[data-act="3"] .sk-card{
  display:none;
}
.story-keep__pin:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:#0d0d0f;
  opacity:0;
  pointer-events:none;
}
.story-keep[data-act="3"] .story-keep__pin:before{opacity:0}
.story-keep__head{
  position:relative;
  z-index:4;
  grid-column:1 / -1;
  grid-row:1;
  padding:clamp(16px,2.4vh,28px) clamp(20px,4vw,64px) 0;
  max-width:min(1100px,92vw);
  pointer-events:none;
}
.story-keep__kicker{
  margin:0 0 8px;
  font:500 11px/1 var(--caps);
  letter-spacing:.22em;
  opacity:.55;
}
.story-keep__head h2{
  margin:0;
  font:400 var(--section-title-size)/var(--section-title-leading) var(--display);
  letter-spacing:var(--section-title-tracking);
}
.story-keep__sub{
  margin:12px 0 0;
  max-width:28em;
  font:15px/1.55 var(--sans);
  letter-spacing:-.02em;
  opacity:.72;
}
.story-keep__stage{
  position:relative;
  z-index:3;
  grid-column:1 / -1;
  grid-row:2;
  min-height:0;
  perspective:1200px;
  pointer-events:none;
  overflow:hidden;
}
.story-keep[data-act="1"] .story-keep__stage,
.story-keep[data-act="2"] .story-keep__stage{
  pointer-events:auto;
  min-height:min(58vh,560px);
  flex:1 1 auto;
}
.story-keep[data-act="2"] .story-keep__stage{
  min-height:min(44vh,440px);
  max-height:min(44vh,440px);
  flex:0 1 auto;
}
.story-keep[data-act="1"].white-section{background:var(--melius-offblack,#121214)}
.sk-photo,.sk-letter,.sk-card,.sk-device,.sk-holo,
.sk-tile{
  position:absolute;
}
.sk-a1{overflow:visible}
.story-keep[data-act="1"] .sk-a1,
.story-keep[data-act="2"] .sk-a2{
  position:absolute;
  left:0;right:0;
  top:clamp(210px,34vh,300px);
  bottom:clamp(42px,7vh,68px);
  z-index:2;
  overflow:hidden;
}
.story-keep[data-act="2"] .sk-album.sk-album--flow{
  overflow:hidden;
}
.sk-a1{
  --mx:0;--my:0;
}
.sk-desk--melius{
  position:absolute;
  inset:-10% -3% -12%;
}
.sk-melius-arc{
  position:absolute;
  inset:0;
  overflow:visible;
  pointer-events:none;
}
.story-keep[data-act="1"] .sk-melius-arc{pointer-events:auto}
.sk-melius-track{
  position:absolute;
  inset:0;
  perspective:2400px;
  perspective-origin:50% 58%;
}
.sk-melius-rail{
  --sk-flow-w:clamp(88px,7.8vw,118px);
  --sk-flow-stack:0.28;
  position:absolute;
  left:50%;
  top:58%;
  display:flex;
  align-items:flex-start;
  flex-wrap:nowrap;
  gap:0;
  transform:translate3d(-50%,-50%,0);
  transform-style:preserve-3d;
  will-change:transform;
}
.sk-melius-flow-card.sk-tile + .sk-melius-flow-card.sk-tile{
  margin-left:calc(var(--sk-flow-w) * -1 * var(--sk-flow-stack));
}
.sk-melius-flow-card.sk-tile{
  position:relative;
  left:auto;
  top:auto;
  flex:none;
  width:var(--sk-flow-w);
  margin:0;
  transform-origin:center center;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  filter:drop-shadow(0 16px 24px #00000042);
  transition:filter .35s ease, z-index 0s;
  will-change:transform,opacity;
}
.sk-melius-flow-card.sk-tile--letter{
  cursor:pointer;
  border:0;
  padding:0;
  background:transparent;
  font:inherit;
  color:inherit;
}
.sk-melius-flow-card.sk-tile--letter:hover,
.sk-melius-flow-card.sk-tile--letter:focus-visible{
  filter:drop-shadow(0 24px 34px #00000070);
  z-index:60!important;
}
.sk-melius-flow-card .sk-letter-card{
  width:100%;
  min-height:clamp(104px,9.6vw,144px);
  aspect-ratio:3/4.1;
  border-radius:12px;
}
.sk-rise{display:block;transform-origin:50% 100%}
.story-keep[data-act="1"]:not(.is-playing) .sk-photo .sk-rise,
.story-keep[data-act="1"]:not(.is-playing) .sk-desk:not(.sk-desk--melius) .sk-rise{
  transform:translate3d(0,132%,0) rotate(2.4deg);
}

.story-keep[data-act="1"] .sk-a2,
.story-keep[data-act="1"] .sk-a3,
.story-keep[data-act="2"] .sk-a1,
.story-keep[data-act="2"] .sk-a3,
.story-keep[data-act="3"] .sk-a1{display:none}

.sk-desk{
  position:absolute;inset:-8% -4% -6%;
  --mx:0;--my:0;
}
.sk-photo,.sk-tile{
  --rot:0deg;--par:32;--lift:1;--straight:1;
  margin:0;
  transform:
    translate3d(calc(var(--mx) * var(--par) * 1px), calc(var(--my) * var(--par) * 1px), 0)
    rotate(calc(var(--rot) * var(--straight)))
    scale(var(--lift));
  transform-origin:center center;
  filter:drop-shadow(0 16px 22px #0d0d0f22);
  transition:transform .55s cubic-bezier(.16,1,.3,1), filter .35s ease, z-index 0s;
}
.sk-photo:hover,.sk-tile--letter:hover{
  --lift:1.07;--straight:.2;z-index:20!important;
  filter:drop-shadow(0 26px 32px #0d0d0f30);
}
.sk-tile--letter{
  padding:0;border:0;background:transparent;cursor:pointer;
  font:inherit;color:inherit;text-align:left;
}
.sk-tile--letter:focus-visible{outline:2px solid #c8a15e;outline-offset:3px}
.story-keep.is-letter-open .sk-tile--letter:not(:focus-visible){outline:none}
.sk-photo{
  left:3%;top:4%;width:min(18vw,170px);
  padding:10px 10px 28px;
  background:#fbf7ef;
  box-shadow:0 18px 40px #0d0d0f22,0 1px 0 #fff inset;
  --rot:-7deg;z-index:8;--par:18;
}
.story-keep.is-playing[data-act="1"] .sk-photo{animation:none}
.story-keep.is-playing[data-act="1"] .sk-photo .sk-rise{animation:sk-rise-in 1.12s .28s cubic-bezier(.16,1,.3,1) both}
.sk-photo img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center 12%;
  background:#1a1612;
}
.sk-photo figcaption{
  display:block;
  margin:8px 0 0;
  font:10px/1 var(--caps);
  letter-spacing:.16em;
  opacity:.55;
}
.sk-tile--deco .sk-rise,.sk-tile--letter .sk-rise{display:block;width:100%;height:100%}
.sk-tile img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}

.sk-tile--grid{left:68%;top:6%;width:min(14vw,118px);aspect-ratio:1;--rot:12deg;z-index:2;--par:48}
.sk-tile--grid .sk-rise{
  height:100%;
  background:
    linear-gradient(90deg,#0d0d0f 50%,transparent 50%) 0 0/12px 12px,
    linear-gradient(#e85d4c 50%,transparent 50%) 0 0/12px 12px,
    #f6f2e8;
  border:2px solid #0d0d0f;
}
.sk-tile--type{left:78%;top:28%;width:min(16vw,132px);--rot:-6deg;z-index:4;--par:36}
.sk-tile--type .sk-rise{
  padding:14px 10px;
  background:#0d0d0f;
  color:#f6f2e8;
  font:700 clamp(11px,1.4vw,15px)/1.05 var(--display);
  letter-spacing:.06em;
}
.sk-tile--stamp{left:88%;top:52%;width:min(11vw,88px);aspect-ratio:1;--rot:18deg;z-index:5;--par:28}
.sk-tile--stamp .sk-rise{
  display:grid;place-items:center;height:100%;
  border-radius:50%;
  border:3px dashed #c8a15e;
  background:#fffdf8;
  font:700 14px/1 var(--caps);
  color:#c8a15e;
}
.sk-tile--bar{left:-2%;top:18%;width:min(22vw,180px);height:min(4vw,28px);--rot:-14deg;z-index:1;--par:52}
.sk-tile--bar .sk-rise{height:100%;background:linear-gradient(90deg,#245e78,#e85d4c 48%,#c8a15e)}
.sk-tile--index{left:58%;top:72%;width:min(14vw,110px);--rot:3deg;z-index:3;--par:40}
.sk-tile--index .sk-rise{
  display:flex;gap:6px;justify-content:space-between;padding:10px 8px;
  background:#fff;border:2px solid #0d0d0f;
  font:700 18px/1 var(--mono);
}
.sk-tile--index span:nth-child(2){opacity:.45}
.sk-tile--index span:nth-child(3){opacity:.22}
.sk-tile--env{left:8%;top:78%;width:min(36vw,320px);--rot:-5deg;z-index:2;--par:44}
.sk-tile--patch{left:42%;top:-4%;width:min(12vw,96px);--rot:8deg;z-index:6;--par:22}
.sk-tile--patch .sk-rise{
  padding:10px 8px;
  background:#e85d4c;color:#fffdf8;
  font:700 10px/1 var(--caps);letter-spacing:.2em;
  box-shadow:4px 4px 0 #0d0d0f;
}
.sk-tile--mono{left:82%;top:68%;width:min(20vw,168px);--rot:-9deg;z-index:3;--par:32}
.sk-tile--mono .sk-rise{
  padding:12px 14px;
  background:#fffdf8;
  border:1px solid #0d0d0f;
  font:italic 12px/1.45 var(--serif);
}
.sk-tile--polaroid{left:2%;top:42%;width:min(16vw,140px);--rot:-11deg;z-index:7;--par:26}
.sk-tile--polaroid .sk-rise{
  padding:8px 8px 22px;background:#fff;
  box-shadow:0 12px 24px #0d0d0f22;
}
.sk-tile--polaroid img{aspect-ratio:3/4;object-fit:cover;background:#1a1612}
.sk-tile--tape{left:48%;top:82%;width:min(18vw,150px);height:min(5vw,34px);--rot:-4deg;z-index:8;--par:18}
.sk-tile--tape .sk-rise{
  height:100%;
  background:linear-gradient(180deg,#f3e2a4cc,#e8c98a99);
  border:1px solid #c8a15e55;
  box-shadow:inset 0 1px 0 #fff8;
}
.sk-tile--circle{left:22%;top:8%;width:min(10vw,78px);aspect-ratio:1;--rot:22deg;z-index:1;--par:58}
.sk-tile--circle .sk-rise{
  display:grid;place-items:center;height:100%;
  border-radius:50%;background:#245e78;color:#f6f2e8;
  font:400 22px/1 var(--serif);
}
.sk-tile--slash{left:62%;top:38%;width:min(8vw,64px);height:min(28vw,220px);--rot:7deg;z-index:1;--par:62}
.sk-tile--slash .sk-rise{
  height:100%;
  background:repeating-linear-gradient(180deg,#0d0d0f 0 8px,transparent 8px 16px);
  opacity:.35;
}

.sk-tile[data-id="letter01"]{left:6%;top:10%;width:min(22vw,200px);--rot:-7deg;z-index:10;--par:38}
.sk-tile[data-id="letter02"]{left:36%;top:4%;width:min(24vw,220px);--rot:2deg;z-index:11;--par:30}
.sk-tile[data-id="letter03"]{left:52%;top:48%;width:min(23vw,210px);--rot:-5deg;z-index:12;--par:34}

.sk-letter-card{
  position:relative;display:block;
  min-height:min(28vw,240px);
  padding:18px 16px 20px;
  overflow:hidden;
  box-shadow:0 18px 36px #0d0d0f28,0 1px 0 #fff inset;
}
.sk-letter-card:before{
  content:"";
  position:absolute;inset:0;opacity:.08;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 22px,#0d0d0f 22px 23px);
}
.sk-letter-card__num{
  position:relative;z-index:1;
  display:block;margin-bottom:10px;
  font:700 10px/1 var(--mono);letter-spacing:.16em;opacity:.55;
}
.sk-letter-card__mark{
  position:absolute;top:14px;right:14px;z-index:1;
  width:28px;height:28px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#f3e2a4,#c8a15e 55%,#8a6a12);
  box-shadow:inset 0 0 0 1px #6e541055;
  opacity:.85;
}
.sk-letter-card__preview{
  position:relative;z-index:1;display:block;
  font:400 clamp(14px,1.6vw,18px)/1.45 var(--serif);
  letter-spacing:-.02em;
}
.sk-letter-card--01{background:linear-gradient(165deg,#fff9ef,#f3e6c8 58%,#e8d5a8);color:#3a2e1e}
.sk-letter-card--02{background:linear-gradient(155deg,#f4f8f2,#dce8d4 52%,#c5d4bc);color:#243028}
.sk-letter-card--03{background:linear-gradient(160deg,#f0f4fa,#d4e0ef 55%,#b8c9de);color:#1a2433}
.sk-letter-card__sticker{
  position:relative;z-index:2;display:block;
  margin:-4px 0 8px;
  font:400 clamp(22px,2.8vw,30px)/1 var(--serif);
  filter:drop-shadow(0 2px 0 #fff8);
}
.sk-letter-card__preview--deco{
  font:700 clamp(13px,1.5vw,16px)/1.2 var(--display);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sk-letter-card--04{
  background:
    radial-gradient(circle at 82% 18%,#ff9ec855 0 18%,transparent 19%),
    linear-gradient(168deg,#fff0f5,#ffcce0 52%,#f5a8c8);
  color:#5a2040;
  border:2px solid #fff;
}
.sk-letter-card--05{
  background:
    linear-gradient(90deg,#0d0d0f 50%,transparent 50%) 0 0/10px 10px,
    linear-gradient(#e85d4c 50%,transparent 50%) 0 0/10px 10px,
    #fff9ef;
  color:#0d0d0f;
  border:2px solid #0d0d0f;
}
.sk-letter-card--06{
  background:linear-gradient(155deg,#e8f4ff,#9ec5ff 48%,#6a9fd8);
  color:#102840;
  box-shadow:inset 0 0 0 3px #fff9;
}
.sk-letter-card--07{
  background:linear-gradient(160deg,#fff5f5,#ffb4b4 45%,#ff6b6b);
  color:#4a1212;
}
.sk-letter-card--07:after{
  content:"";
  position:absolute;left:10%;right:10%;top:38%;height:14px;
  background:linear-gradient(180deg,#f3e2a4cc,#e8c98a99);
  transform:rotate(-4deg);opacity:.85;
}
.sk-letter-card--08{
  background:linear-gradient(145deg,#1a2433,#245e78 40%,#c8a15e);
  color:#f6f2e8;
}
.sk-letter-card--09{
  background:
    repeating-linear-gradient(-12deg,transparent 0 14px,#e85d4c22 14px 28px),
    linear-gradient(165deg,#f8fff4,#c5e8b8);
  color:#243828;
  border:2px dashed #e85d4c;
}
.sk-letter-card--10{
  background:linear-gradient(160deg,#fffce8,#ffe566 55%,#ffb347);
  color:#4a3810;
}
.sk-letter-card--10 .sk-letter-card__mark{
  background:radial-gradient(circle at 35% 35%,#fff,#ff6b9d 60%,#c9184a);
}
.sk-letter-card--11{
  background:linear-gradient(155deg,#f3ecff,#cbb8ff 50%,#9b7bff);
  color:#2a1848;
}
.sk-letter-card--12{
  background:#fffdf8;
  color:#0d0d0f;
  border:3px solid #0d0d0f;
  box-shadow:6px 6px 0 #e85d4c;
}
.sk-letter-card--13{
  background:
    radial-gradient(circle at 20% 80%,#245e7833 0 22%,transparent 23%),
    linear-gradient(170deg,#e0f7fa,#80deea 48%,#4dd0e1);
  color:#0d3d45;
}

/* Natural memory pieces used by the moving Melius rail. */
.sk-melius-flow-card.sk-tile{
  --sk-depth-blur:0px;
  --sk-depth-shadow-y:16px;
  --sk-depth-shadow-blur:24px;
  filter:
    blur(var(--sk-depth-blur))
    drop-shadow(0 var(--sk-depth-shadow-y) var(--sk-depth-shadow-blur) #00000052);
}
.sk-melius-flow-card.sk-tile--letter:hover,
.sk-melius-flow-card.sk-tile--letter:focus-visible{
  filter:blur(0) drop-shadow(0 26px 38px #00000070);
}
.sk-memory-piece{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:min(28vw,240px);
  padding:16px 14px 18px;
  overflow:hidden;
  color:#40382c;
  border:1px solid #d9ccb3;
  border-radius:6px;
  background:#f4ecd9;
  box-shadow:inset 0 1px 0 #ffffffb8, inset 0 0 26px #8d765b16;
}
.sk-memory-piece:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background:
    repeating-radial-gradient(circle at 20% 30%,#725f4524 0 1px,transparent 1px 4px),
    linear-gradient(112deg,transparent 0 46%,#fff7 49%,transparent 52%);
  background-size:7px 7px,100% 100%;
}
.sk-memory-piece > *{position:relative;z-index:2}
.sk-memory-piece .sk-letter-card__num{
  margin:0 0 8px;
  color:#75664f;
  font:600 8px/1 var(--mono);
  letter-spacing:.18em;
}
.sk-memory-piece .sk-letter-card__preview{
  margin-top:auto;
  color:inherit;
  font:italic 400 clamp(11px,1.15vw,15px)/1.42 var(--serif);
  letter-spacing:-.015em;
  text-transform:none;
}
.sk-memory-piece__detail{position:absolute;pointer-events:none}
.sk-memory-piece__photo{
  display:block;
  overflow:hidden;
  border:5px solid #f8f1e4;
  background:#b9ad99;
  box-shadow:0 7px 14px #4e402a2c;
}
.sk-memory-piece__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.sk-memory-piece--handwritten{
  background:linear-gradient(155deg,#faf4e7,#eee2ca);
}
.sk-memory-piece--handwritten:after{
  content:"";
  position:absolute;
  left:14px;right:14px;top:43%;bottom:16px;
  opacity:.22;
  background:repeating-linear-gradient(180deg,transparent 0 12px,#786b59 12px 13px);
}
.sk-memory-piece--handwritten .sk-memory-piece__detail{
  right:13px;top:12px;width:21px;height:21px;
  border:1px solid #aa8b55;
  border-radius:50%;
  box-shadow:inset 0 0 0 3px #e7d4ad;
}

.sk-memory-piece--photo-letter{background:linear-gradient(160deg,#f8f0df,#e9dcc3)}
.sk-memory-piece--photo-letter .sk-memory-piece__photo{
  width:76%;height:53%;
  margin:4px auto 10px;
  transform:rotate(-1.8deg);
}
.sk-memory-piece--photo-letter .sk-memory-piece__detail{
  left:31%;top:9px;width:38%;height:9px;
  background:#d8bf87b8;
  box-shadow:inset 0 1px #fff7;
  transform:rotate(2deg);
}
.sk-memory-piece--photo-letter .sk-letter-card__preview{font-size:clamp(10px,1vw,13px)}

.sk-memory-piece--postcard{
  padding:10px 10px 14px;
  background:#eee4d0;
}
.sk-memory-piece--postcard .sk-memory-piece__photo{
  width:100%;height:66%;
  margin:0 0 9px;
  border-width:3px;
}
.sk-memory-piece--postcard .sk-memory-piece__detail{
  right:10px;bottom:11px;width:17px;height:20px;
  border:1px solid #9f8763;
  background:linear-gradient(135deg,#d2ba88,#f1dfb8);
}
.sk-memory-piece--postcard .sk-letter-card__preview{padding-right:20px;font-size:clamp(9px,.9vw,12px)}

.sk-memory-piece--envelope{
  justify-content:flex-end;
  min-height:clamp(84px,7.2vw,112px)!important;
  aspect-ratio:1.42!important;
  padding:13px;
  background:linear-gradient(145deg,#ece3cd,#d8c9aa);
}
.sk-memory-piece--envelope:before{
  opacity:1;
  background:
    linear-gradient(145deg,transparent 49%,#b9aa8c 50% 51%,transparent 52%),
    linear-gradient(215deg,transparent 49%,#c6b696 50% 51%,transparent 52%);
}
.sk-memory-piece--envelope:after{
  content:"";
  position:absolute;left:0;right:0;top:0;height:58%;
  background:linear-gradient(155deg,#f5edda,#ddd0b6);
  clip-path:polygon(0 0,100% 0,50% 100%);
  filter:drop-shadow(0 2px 1px #67583a24);
}
.sk-memory-piece--envelope .sk-memory-piece__detail{
  left:50%;top:46%;z-index:4;
  width:22px;height:22px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#c5a967,#947536 72%);
  box-shadow:0 2px 3px #47382155,inset 0 0 0 2px #ead59b55;
  transform:translate(-50%,-50%);
}
.sk-memory-piece--envelope .sk-letter-card__preview{z-index:3;font-size:clamp(9px,.9vw,12px)}

.sk-memory-piece--folded-note{
  min-height:clamp(92px,8vw,124px)!important;
  aspect-ratio:1.1!important;
  justify-content:center;
  background:linear-gradient(135deg,#f7f0df 0 49%,#e6dac2 50% 51%,#f0e6d3 52%);
}
.sk-memory-piece--folded-note:after{
  content:"";
  position:absolute;left:15px;right:15px;top:28%;bottom:16px;
  opacity:.2;
  background:repeating-linear-gradient(180deg,transparent 0 11px,#796b56 11px 12px);
}
.sk-memory-piece--folded-note .sk-letter-card__preview{margin:auto 0;font-size:clamp(10px,1vw,13px)}

.sk-letter-card--02,.sk-letter-card--08,.sk-letter-card--13{background-color:#e4e6d8}
.sk-letter-card--03,.sk-letter-card--10{background-color:#f0e5cd}
.sk-letter-card--07,.sk-letter-card--12{background-color:#eee5d2}

.story-keep.is-playing[data-act="1"] .sk-tile[data-id="grid"] .sk-rise{animation:sk-rise-in 1.08s .04s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="type"] .sk-rise{animation:sk-rise-in 1.1s .12s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="stamp"] .sk-rise{animation:sk-rise-in 1.08s .18s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="bar"] .sk-rise{animation:sk-rise-in 1.06s .02s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="index"] .sk-rise{animation:sk-rise-in 1.1s .26s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="env"] .sk-rise{animation:sk-rise-in 1.12s .08s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="patch"] .sk-rise{animation:sk-rise-in 1.08s .14s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="mono"] .sk-rise{animation:sk-rise-in 1.1s .32s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="polaroid"] .sk-rise{animation:sk-rise-in 1.14s .2s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="tape"] .sk-rise{animation:sk-rise-in 1.06s .24s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="circle"] .sk-rise{animation:sk-rise-in 1.08s .1s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="slash"] .sk-rise{animation:sk-rise-in 1.04s .06s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="letter01"] .sk-rise{animation:sk-rise-in 1.2s .22s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="letter02"] .sk-rise{animation:sk-rise-in 1.2s .3s cubic-bezier(.16,1,.3,1) both}
.story-keep.is-playing[data-act="1"] .sk-tile[data-id="letter03"] .sk-rise{animation:sk-rise-in 1.2s .38s cubic-bezier(.16,1,.3,1) both}

.story-keep.is-letter-open .story-keep__stage{pointer-events:none}
.story-keep.is-letter-open .sk-letter-view{pointer-events:auto}

.sk-letter-view[hidden]{display:none!important}
.sk-letter-view{
  position:absolute;inset:0;z-index:30;
  display:grid;place-items:center;
  padding:clamp(12px,3vw,32px);
  pointer-events:none;
}
.story-keep.is-letter-open .sk-letter-view{display:grid}
.sk-letter-view__backdrop{
  position:absolute;inset:0;border:0;padding:0;margin:0;
  background:#0d0d0f66;
  backdrop-filter:blur(6px);
  cursor:pointer;
}
.sk-letter-view__dialog{
  position:relative;z-index:1;
  width:min(92vw,440px);
  max-height:min(86vh,640px);
}
.sk-letter-view__close{
  position:absolute;right:0;top:-40px;
  min-height:44px;padding:8px 12px;border:0;
  background:transparent;color:#0d0d0f;
  font:600 11px/1 var(--mono);letter-spacing:.12em;
  cursor:pointer;
}
.sk-letter-view__close:hover,.sk-letter-view__close:focus-visible{color:#c8a15e}
.sk-letter-view__sheet{
  margin:0;padding:clamp(24px,5vw,36px) clamp(22px,4.5vw,32px) clamp(28px,5vw,40px);
  background:#fffdf8;
  border:1px solid #e4d8c0;
  box-shadow:0 28px 60px #0d0d0f40;
  transform:translate3d(0,124%,0) rotate(1.2deg);
  opacity:0;
}
.story-keep.is-letter-open .sk-letter-view__sheet{
  animation:sk-letter-pop .92s cubic-bezier(.16,1,.3,1) both;
}
.sk-letter-view__kicker{
  margin:0 0 12px;
  font:500 10px/1 var(--caps);letter-spacing:.22em;opacity:.5;
}
.sk-letter-view__title{
  margin:0 0 16px;
  font:400 clamp(22px,4vw,28px)/1.25 var(--serif);
  letter-spacing:-.03em;
}
.sk-letter-view__body{
  font:15px/1.65 var(--serif);
  letter-spacing:-.01em;color:#3a342c;
  white-space:pre-line;
}
.sk-letter-view__body p{margin:0 0 1em}
.sk-letter-view__body p:last-child{margin-bottom:0}
.sk-letter-view[data-theme="01"] .sk-letter-view__sheet{background:linear-gradient(180deg,#fff9ef,#f6eed8)}
.sk-letter-view[data-theme="02"] .sk-letter-view__sheet{background:linear-gradient(180deg,#f8fbf6,#e8f0e4)}
.sk-letter-view[data-theme="03"] .sk-letter-view__sheet{background:linear-gradient(180deg,#f4f7fb,#e2eaf4)}

@keyframes sk-letter-pop{
  from{opacity:0;transform:translate3d(0,124%,0) rotate(2deg)}
  to{opacity:1;transform:none}
}

.sk-memory-atmosphere{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}
.story-keep[data-act="3"] .story-keep__head{
  width:min(620px,100%);
  max-width:620px;
  margin-right:auto;
}
.story-keep:not([data-act="2"]) .sk-memory-atmosphere,
.story-keep:not([data-act="2"]) .sk-keep-decor{display:none}
.sk-memory-bg{
  --memory-scale:1;
  --memory-rotate:0deg;
  position:absolute;
  width:clamp(62px,7vw,100px);
  aspect-ratio:3/4;
  margin:0;
  padding:5px 5px 16px;
  overflow:hidden;
  border:1px solid #e7d9bd40;
  border-radius:3px;
  background:linear-gradient(155deg,#f5ecd9,#d8c9ab);
  box-shadow:0 13px 28px #0005,inset 0 1px #fff8;
  opacity:var(--memory-opacity,.15);
  filter:blur(var(--memory-blur,5px)) saturate(.72);
  transform:rotate(var(--memory-rotate)) scale(var(--memory-scale));
  transform-origin:center;
  animation:sk-memory-ambient 16s ease-in-out infinite alternate;
}
.sk-memory-bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#171514;
}
.sk-memory-bg--1{left:5%;top:13%;--memory-scale:.84;--memory-rotate:-6deg;--memory-opacity:.19;--memory-blur:3.2px;animation-delay:-3s}
.sk-memory-bg--2{left:17%;top:28%;--memory-scale:1.03;--memory-rotate:7deg;--memory-opacity:.28;--memory-blur:1.6px;animation-delay:-11s}
.sk-memory-bg--3{left:29%;top:48%;--memory-scale:.88;--memory-rotate:-3deg;--memory-opacity:.21;--memory-blur:2.6px;animation-delay:-7s}
.sk-memory-bg--4{right:5%;top:14%;--memory-scale:.84;--memory-rotate:6deg;--memory-opacity:.19;--memory-blur:3.2px;animation-delay:-13s}
.sk-memory-bg--5{right:17%;top:29%;--memory-scale:1.03;--memory-rotate:-7deg;--memory-opacity:.28;--memory-blur:1.6px;animation-delay:-5s}
.sk-memory-bg--6{right:29%;top:49%;--memory-scale:.88;--memory-rotate:3deg;--memory-opacity:.21;--memory-blur:2.6px;animation-delay:-9s}
.sk-memory-bg--7{left:57%;top:35%;--memory-scale:.82;--memory-rotate:1deg;--memory-opacity:.18;--memory-blur:3.4px;animation-delay:-1s}
@keyframes sk-memory-ambient{
  from{translate:0 -3px}
  to{translate:0 4px}
}

.sk-keep-decor{
  position:absolute;
  inset:0;
  z-index:3;
  overflow:hidden;
  pointer-events:none;
}
.sk-keep-halo{
  position:absolute;
  left:50%;top:48%;
  width:min(42vw,420px);
  height:min(72%,520px);
  border-radius:50%;
  background:
    linear-gradient(90deg,transparent 30%,#e1c57c10 47%,#f0daa32b 50%,#e1c57c10 53%,transparent 70%),
    radial-gradient(ellipse,#d8bd742e 0,transparent 67%);
  filter:blur(16px);
  transform:translate(-50%,-50%);
}
.sk-gold-ribbon{
  position:absolute;
  top:16%;
  width:clamp(230px,34vw,500px);
  height:clamp(90px,15vw,180px);
  border-top:1.5px solid #efd58b80;
  border-radius:50%;
  filter:drop-shadow(0 0 6px #d7b85b66) blur(.25px);
  transform-origin:center;
}
.sk-gold-ribbon:before,
.sk-gold-ribbon:after{
  content:"";
  position:absolute;
  left:5%;right:5%;
  border-top:1px solid #d5b45b52;
  border-radius:50%;
  filter:drop-shadow(0 0 5px #d7b85b44);
}
.sk-gold-ribbon:before{top:14px;height:72%;opacity:.72}
.sk-gold-ribbon:after{top:29px;height:58%;opacity:.42}
.sk-gold-ribbon--one{
  left:-4%;
  transform:rotate(11deg);
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 78%,transparent 100%);
}
.sk-gold-ribbon--two{
  right:-4%;
  transform:rotate(-11deg) scaleX(-1);
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 78%,transparent 100%);
}
.sk-gold-particles{position:absolute;inset:0}
.sk-gold-particles i{
  position:absolute;width:3px;height:3px;border-radius:50%;
  background:#efd997;box-shadow:0 0 7px 2px #d8b75f72;opacity:.58;
  animation:sk-gold-drift 5.8s ease-in-out infinite alternate;
}
.sk-gold-particles i:nth-child(1){left:33%;top:25%}.sk-gold-particles i:nth-child(2){left:65%;top:30%;animation-delay:-2s}
.sk-gold-particles i:nth-child(3){left:27%;top:61%;animation-delay:-4s}.sk-gold-particles i:nth-child(4){left:71%;top:66%;animation-delay:-1s}
.sk-gold-particles i:nth-child(5){left:42%;top:77%;animation-delay:-3s}.sk-gold-particles i:nth-child(6){left:59%;top:16%;animation-delay:-5s}
@keyframes sk-gold-drift{from{translate:0 -2px;opacity:.3}to{translate:0 4px;opacity:.7}}

.story-keep[data-act="2"] .sk-card{
  filter:drop-shadow(0 26px 38px #0008) drop-shadow(0 0 18px #c8a15e35);
}

.sk-album{
  position:absolute;
  inset:0;
  z-index:2;
  overflow:hidden;
  pointer-events:none;
  background:
    linear-gradient(155deg,#f0e4ca0d,#cbbb9b08) 8% 38%/clamp(54px,6vw,82px) clamp(72px,8vw,108px) no-repeat,
    linear-gradient(155deg,#f0e4ca0a,#cbbb9b06) 91% 27%/clamp(48px,5vw,72px) clamp(64px,7vw,96px) no-repeat,
    linear-gradient(155deg,#f0e4ca08,#cbbb9b05) 84% 72%/clamp(42px,4.5vw,64px) clamp(56px,6vw,86px) no-repeat;
}
.sk-album:before,
.sk-album:after{
  content:"";
  position:absolute;
  left:50%;
  z-index:0;
  pointer-events:none;
  transform:translateX(-50%);
}
.sk-album:before{
  top:13%;bottom:12%;
  width:min(18vw,170px);
  opacity:.34;
  background:
    linear-gradient(90deg,transparent,#d8bd741c 48%,#f1dda455 50%,#d8bd741c 52%,transparent),
    radial-gradient(ellipse at 50% 52%,#d8bd7430,transparent 62%);
  filter:blur(7px);
}
.sk-album:after{
  top:21%;
  width:min(34vw,360px);
  height:58%;
  opacity:.28;
  background:
    radial-gradient(circle at 45% 14%,#f0d793 0 1px,transparent 2px),
    radial-gradient(circle at 57% 36%,#f0d793 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 42% 65%,#f0d793 0 1px,transparent 2px),
    radial-gradient(circle at 54% 88%,#f0d793 0 1.5px,transparent 2.5px);
  filter:blur(.35px);
}
.sk-album.sk-album--flow{
  overflow:visible;
  perspective:1200px;
}
.sk-melius-flow-card.sk-tile--photo .sk-photo-flow{
  margin:0;
  width:100%;
  aspect-ratio:3/4.1;
  padding:8px 8px 22px;
  background:#fbf7ef;
  border-radius:10px;
  box-shadow:0 16px 28px #0d0d0f28,0 1px 0 #fff inset;
  overflow:hidden;
}
.sk-melius-flow-card.sk-tile--photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:4px;
}
.story-keep[data-act="3"] .sk-album{
  opacity:0;
  visibility:hidden;
}
.sk-float{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  margin:0;
  width:168px;
  aspect-ratio:3/4;
  overflow:visible;
  padding:7px 7px 25px;
  border:1px solid #d9ccb3;
  border-radius:4px;
  background:linear-gradient(155deg,#fbf5e9,#eee2cc);
  box-shadow:0 14px 28px #0d0d0f24, inset 0 1px #fff;
  opacity:.72;
  filter:blur(.45px) saturate(.84);
  transform-origin:center;
  transition:opacity .38s ease,filter .38s ease,box-shadow .38s ease;
  will-change:transform;
}
.sk-float:before{
  content:"";
  position:absolute;
  z-index:2;
  left:31%;top:-5px;
  width:38%;height:11px;
  background:#d8c28fa8;
  box-shadow:inset 0 1px #fff7;
  transform:rotate(-1.5deg);
}
.sk-float:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.13;
  background:repeating-radial-gradient(circle at 20% 30%,#725f45 0 1px,transparent 1px 5px);
}
.sk-float img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:calc(100% - 1px);
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 5px 12px #3f352522;
}
.sk-float figcaption{
  position:absolute;
  left:8px;right:8px;bottom:8px;
  z-index:2;
  overflow:hidden;
  color:#6f604b;
  font:600 clamp(7px,.65vw,9px)/1 var(--mono);
  letter-spacing:.16em;
  text-align:center;
  white-space:nowrap;
}
.sk-float--incoming{opacity:.66;filter:blur(.65px) saturate(.78)}
.sk-float--storage{z-index:4;opacity:.9;filter:blur(.15px) saturate(.94)}
.sk-float--storage{
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:0 16px 30px #0005;
}
.sk-float--storage:before,
.sk-float--storage:after,
.sk-float--storage figcaption{display:none}
.sk-float--storage img{
  width:100%;
  height:100%;
  border-radius:8px;
  object-fit:contain;
  object-position:center;
  background:transparent;
  box-shadow:none;
}
.sk-float--preserved{opacity:.74;filter:blur(.4px) saturate(.86)}
.sk-float--incoming,
.sk-float--preserved{
  display:none;
  aspect-ratio:4/3.35;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.sk-float--incoming:before,
.sk-float--preserved:before,
.sk-float--incoming:after,
.sk-float--preserved:after{display:none}
.sk-float--incoming img,
.sk-float--preserved img{
  position:absolute;
  top:7%;
  left:17%;
  width:66%;
  height:73%;
  padding:5px 5px 17px;
  border:1px solid #d9ccb3;
  border-radius:3px;
  background:linear-gradient(155deg,#fbf5e9,#eee2cc);
  box-shadow:0 10px 20px #0005,inset 0 1px #fff;
  object-fit:contain;
  object-position:center;
}
.sk-float--incoming img:nth-of-type(1){transform:translate(-14%,7%) rotate(-8deg);opacity:.72}
.sk-float--incoming img:nth-of-type(2){transform:translate(16%,4%) rotate(7deg);opacity:.82}
.sk-float--incoming img:nth-of-type(3){transform:translate(1%,-2%) rotate(-1.5deg)}
.sk-float--preserved img:nth-of-type(1){transform:translate(-11%,5%) rotate(-4deg);opacity:.76}
.sk-float--preserved img:nth-of-type(2){transform:translate(13%,5%) rotate(4deg);opacity:.86}
.sk-float--preserved img:nth-of-type(3){transform:translate(1%,-3%) rotate(.6deg)}
.sk-float--incoming figcaption,
.sk-float--preserved figcaption{
  left:22%;
  right:22%;
  bottom:5%;
  padding:5px 4px;
  color:#cdbf9e;
  font-size:clamp(7px,.62vw,9px);
  letter-spacing:.2em;
  background:#121214b8;
  border-radius:20px;
}
.sk-float--preserved{
  opacity:.78;
  filter:blur(.25px) saturate(.88);
}
.sk-float--storage.is-in-card{
  opacity:1;
  filter:blur(0) saturate(1.02);
  box-shadow:
    0 18px 34px #0d0d0f2e,
    0 0 26px #d8bd7475,
    inset 0 0 0 1px #f5dfaa66;
}
.sk-card{
  left:50%;
  top:48%;
  width:min(28vw,260px);
  aspect-ratio:63/88;
  margin:0;
  transform:translate(-50%,-50%);
  transform-origin:center center;
  z-index:8;
  opacity:1;
}
.story-keep[data-act="3"] .sk-card{
  left:auto;
  right:22%;
  top:48%;
  transform:translate(0,-50%) scale(.18);
  opacity:.4;
}
.story-keep.is-playing[data-act="2"] .sk-card{animation:sk-card-in .7s both}
.story-keep.is-playing[data-act="3"] .sk-card{animation:sk-card-insert 1.2s .2s both}
.sk-card__beam,
.sk-card__acrylic{
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
}
.sk-card__beam{
  box-shadow:0 0 0 1px #fff8,0 0 10px #e8c98acc,0 0 24px #c8a15e88,0 26px 42px #0d0d0f24;
}
.story-keep.is-playing[data-act="2"] .sk-card__beam{animation:sk-beam 2.6s ease-in-out .4s infinite}
.sk-card__acrylic{
  padding:12px 12px 40px;
  background:linear-gradient(165deg,rgba(255,255,255,.7),rgba(255,255,255,.18) 42%,rgba(246,242,232,.38));
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #c8a15e55;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
.sk-card__foil{
  position:absolute;
  left:22%;
  right:22%;
  bottom:8px;
  z-index:2;
  height:5px;
  border-radius:1px;
  background:linear-gradient(180deg,#f3e2a4,#c9a227 48%,#8a6a12);
  box-shadow:0 1px 0 #fff8, inset 0 0 0 1px #6e541055;
  pointer-events:none;
}
.sk-card__name{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-bottom:10px;
  font:600 clamp(11px,1.15vw,13px)/1 var(--caps);
  letter-spacing:.22em;
  color:#1a1612;
}

.sk-device{
  right:-2%;
  top:8%;
  width:min(58vw,720px);
  opacity:1;
  z-index:5;
  filter:drop-shadow(0 24px 40px #0008);
}
.story-keep.is-playing[data-act="3"] .sk-device{animation:sk-fade .8s both}
.sk-device img{
  display:block;
  width:140%;
  max-width:none;
  margin-left:-18%;
}
.sk-slot{
  position:absolute;
  right:18%;
  top:38%;
  width:4.2%;
  height:28%;
  border-radius:2px;
  background:#0d0d0f;
  box-shadow:inset 0 0 0 1px #c8a15e88,0 0 16px #c8a15e55;
}
.sk-screen{
  position:absolute;
  left:22%;
  top:18%;
  width:38%;
  height:58%;
  border-radius:8% 4% 6% 10%/6% 8% 4% 8%;
  background:radial-gradient(circle at 40% 40%,#e8c98acc,#c8a15e44 42%,transparent 70%);
  opacity:.85;
  mix-blend-mode:screen;
  filter:blur(1px);
}
.story-keep.is-playing[data-act="3"] .sk-screen{animation:sk-fade .8s 1s both}
.sk-holo{
  right:18%;
  bottom:10%;
  width:min(28vw,260px);
  z-index:6;
  opacity:1;
  filter:drop-shadow(0 0 18px #c8a15ecc) drop-shadow(0 12px 20px #0d0d0f66);
}
.story-keep.is-playing[data-act="3"] .sk-holo{animation:sk-holo-in .9s 1.35s both}
.sk-holo img{display:block;width:100%}
.sk-holo--beam{
  display:grid;
  place-items:center;
  padding:12px;
}
.sk-holo__sheet{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:3/4;
  padding:18px 14px;
  border-radius:12px;
  background:linear-gradient(165deg,#fff9ef,#f3e6c8 58%,#e8d5a8);
  box-shadow:0 0 24px #c8a15e88,0 16px 32px #0d0d0f44;
  overflow:hidden;
  transform:rotate(-4deg);
}
.sk-holo__sheet:before{
  content:"";
  position:absolute;inset:0;
  background:repeating-linear-gradient(180deg,transparent 0 20px,#0d0d0f0a 20px 21px);
  pointer-events:none;
}
.sk-holo__shine{
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 40deg,transparent 0 35%,#fff6 42%,transparent 55%,#fff3 62%,transparent 72%);
  animation:sk-holo-shine 4.2s ease-in-out infinite;
  mix-blend-mode:soft-light;
  pointer-events:none;
}
.sk-holo__line{
  position:relative;z-index:1;
  display:block;
  font:700 11px/1 var(--caps);
  letter-spacing:.24em;
  color:#3a2e1e;
}
.sk-holo__line--soft{
  margin-top:10px;
  font:400 clamp(18px,2.2vw,22px)/1.2 var(--serif);
  letter-spacing:-.02em;
  text-transform:none;
  color:#1a1612;
}
@keyframes sk-holo-shine{
  0%,100%{transform:translate3d(-8%,0,0) rotate(0deg);opacity:.5}
  50%{transform:translate3d(8%,0,0) rotate(8deg);opacity:.85}
}

.story-keep__copy{
  position:relative;
  z-index:4;
  grid-column:1;
  grid-row:3;
  align-self:end;
  min-width:0;
  padding:0 clamp(20px,4vw,64px) 20px;
  max-width:520px;
}
.story-keep[data-act="2"] .story-keep__copy{
  z-index:16;
  padding-top:clamp(8px,1.5vh,14px);
  padding-bottom:clamp(12px,2vh,20px);
  background:linear-gradient(180deg,transparent,#121214e6 32%);
}
.story-keep[data-act="2"] .story-keep__title,
.story-keep[data-act="2"] .story-keep__idx,
.story-keep[data-act="2"] .story-keep__head h2{
  color:inherit;
}
.story-keep[data-act="2"] .story-keep__lead{
  display:block;
  min-height:1.5em;
  color:inherit;
}
.story-keep[data-act="3"] .story-keep__copy{
  background:linear-gradient(180deg,transparent,#0d0d0f73 42%);
  max-width:520px;
  padding-bottom:clamp(38px,6vh,58px);
}
.story-keep__idx{
  margin:0 0 6px;
  font:500 12px/1 var(--caps);
  letter-spacing:.2em;
}
.story-keep__idx i{font-style:normal;opacity:.45;margin-right:8px}
.story-keep__verb{
  margin:0 0 10px;
  font:500 13px/1 var(--caps);
  letter-spacing:.28em;
  color:#c8a15e;
}
.story-keep__title{
  margin:0 0 6px;
  font:clamp(20px,2.2vw,32px)/1.25 var(--sans);
  letter-spacing:-.03em;
  white-space:pre-line;
}
.story-keep__lead{
  margin:0;
  font:14px/1.55 var(--sans);
  opacity:.7;
}
.story-keep__steps{
  position:relative;
  z-index:6;
  grid-column:2;
  grid-row:3;
  align-self:end;
  display:flex;
  gap:8px;
  margin:0 max(128px, clamp(16px,3vw,40px)) 20px 8px;
  padding:0;
  list-style:none;
}
.story-keep__steps button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  min-width:76px;
  min-height:48px;
  padding:8px 12px;
  border:1px solid #0d0d0f;
  background:#fffdf8;
  color:#0d0d0f;
  font:500 11px/1 var(--mono);
  letter-spacing:.08em;
  box-shadow:0 8px 18px #0d0d0f18;
  pointer-events:auto;
}
.story-keep__steps button:hover,
.story-keep__steps button:focus-visible{
  border-color:#c8a15e;
}
.story-keep__steps button small{
  font:500 9px/1 var(--caps);
  letter-spacing:.16em;
  opacity:.72;
}
.story-keep__steps button[aria-current="true"]{
  color:#0d0d0f;
  border-color:#c8a15e;
  background:#c8a15e;
}
.story-keep[data-act="3"] .story-keep__steps button{
  color:#f6f2e8;
  background:#14120f;
  border-color:#f6f2e8cc;
}
.story-keep[data-act="3"] .story-keep__steps{
  margin-right:clamp(150px,12vw,210px);
  margin-bottom:clamp(38px,6vh,58px);
}
.story-keep[data-act="3"] .story-keep__steps button[aria-current="true"]{
  color:#0d0d0f;
  background:#c8a15e;
  border-color:#c8a15e;
}
.story-keep .original-host{
  opacity:0 !important;
  pointer-events:none;
  width:1px;
  height:1px;
  overflow:hidden;
}

@keyframes sk-rise-in{
  from{transform:translate3d(0,132%,0) rotate(2.8deg)}
  to{transform:none}
}
@keyframes sk-sheet-in{
  from{opacity:0}
  to{opacity:1}
}
@keyframes sk-card-in{
  from{opacity:0;transform:translate(-50%,-46%) scale(.86)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes sk-beam{
  0%,100%{opacity:.7}
  50%{opacity:1}
}
@keyframes sk-card-insert{
  from{opacity:1;transform:translate(0,-50%) scale(1);right:48%}
  to{opacity:.35;transform:translate(0,-50%) scale(.18);right:22%}
}
@keyframes sk-fade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes sk-holo-in{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

@media(max-width:760px){
  .story-keep__pin{grid-template-columns:1fr}
  .story-keep__head{padding:12px 20px 0;max-width:none}
  .story-keep[data-act="1"] .story-keep__head{text-align:left}
  .story-keep__head h2{font-size:var(--section-title-size)}
  .story-keep__sub{font-size:13px;margin-top:8px}
  .story-keep[data-act="1"] .sk-a1{
    top:clamp(190px,32vh,248px);
    bottom:clamp(94px,16vh,128px);
  }
  .sk-melius-rail{--sk-flow-w:clamp(72px,18vw,94px);--sk-flow-stack:0.34;top:56%}
  .sk-melius-flow-card .sk-letter-card{min-height:clamp(92px,21vw,140px)}
  .sk-photo{left:4%;top:2%;width:28vw}
  .sk-tile--grid{left:62%;top:2%;width:22vw}
  .sk-tile--type{left:72%;top:18%;width:24vw}
  .sk-tile--stamp{left:78%;top:34%;width:18vw}
  .sk-tile--bar{left:-8%;top:14%;width:38vw}
  .sk-tile--index{left:54%;top:76%;width:24vw}
  .sk-tile--env{left:-4%;top:80%;width:72%}
  .sk-tile--patch{left:38%;top:-2%;width:22vw}
  .sk-tile--mono{display:none}
  .sk-tile--polaroid{left:0;top:38%;width:26vw}
  .sk-tile--tape{left:44%;top:84%;width:32vw}
  .sk-tile--circle{left:18%;top:6%;width:16vw}
  .sk-tile--slash{display:none}
  .sk-tile[data-id="letter01"]{left:-4%;top:12%;width:46%;--rot:-6deg}
  .sk-tile[data-id="letter02"]{left:28%;top:8%;width:52%;--rot:3deg}
  .sk-tile[data-id="letter03"]{left:8%;top:52%;width:50%;--rot:-4deg}
  .sk-letter-card{min-height:140px;padding:14px 12px 16px}
  .sk-letter-card__preview{font-size:14px}
  .sk-letter-view__close{top:auto;bottom:calc(100% + 8px);right:8px}
  .sk-card{width:42vw;top:46%}
  .sk-device{width:88vw;right:-18%;top:22%}
  .sk-holo{width:40vw;right:6%;bottom:22%}
  .story-keep__copy{grid-column:1;padding:0 16px 4px;max-width:none}
  .story-keep__title{font-size:18px}
  .story-keep__steps{
    grid-column:1;
    justify-self:end;
    gap:6px;
    margin:0 16px max(12px, env(safe-area-inset-bottom, 0px));
  }
  .story-keep[data-act="3"] .story-keep__steps{
    margin-right:16px;
    margin-bottom:max(28px,env(safe-area-inset-bottom,0px));
  }
  .story-keep__steps button{min-width:64px;min-height:44px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){
  .sk-memory-bg{animation:none}
  .sk-gold-particles i{animation:none}
  .sk-record-cta:hover .sk-record-cta__label,
  .sk-record-cta:hover .sk-record-cta__icon,
  .sk-record-cta.is-nudged .sk-record-cta__label,
  .sk-record-cta.is-nudged .sk-record-cta__icon{transform:none;animation:none}
  .story-keep[data-act="1"] .sk-melius-rail,
  .story-keep[data-act="2"] .sk-album--flow .sk-melius-rail{transform:translate3d(-50%,-50%,0)!important}
  .story-keep[data-act="1"]:not(.is-playing) .sk-photo .sk-rise{transform:none}
  .story-keep.is-playing .sk-photo,
  .story-keep.is-playing .sk-tile,
  .story-keep.is-playing .sk-rise,
  .story-keep.is-playing .sk-card,
  .story-keep.is-playing .sk-card__beam,
  .story-keep.is-playing .sk-device,
  .story-keep.is-playing .sk-holo,
  .story-keep.is-playing .sk-screen,
  .story-keep.is-playing .story-keep__space{animation:none}
  .story-keep.is-letter-open .sk-letter-view__sheet{animation:none!important;transform:none!important;opacity:1!important}
  .sk-desk{--mx:0!important;--my:0!important}
}
.reduced-motion .story-keep.is-playing .sk-card__beam{animation:none}
.reduced-motion .story-keep[data-act="1"]:not(.is-playing) .sk-rise{transform:none}

/* Keep the Soul Trace system authoritative over the retired card templates above. */
.story-keep[data-act="1"] .sk-melius-flow-card .sk-soul-letter{
  min-height:0;
  aspect-ratio:.76 / 1;
  padding:clamp(16px,1.5vw,24px);
  border-radius:9px 11px 8px 10px;
  background:
    radial-gradient(circle at 18% 12%,rgb(255 255 255 / .62),transparent 34%),
    linear-gradient(154deg,#fffaf0 0%,#f6ecd9 64%,#eee0c6 100%);
  color:#3b3229;
}
.story-keep[data-act="1"] .sk-melius-flow-card .sk-soul-letter--memory-note{aspect-ratio:.9 / 1}
.story-keep[data-act="1"] .sk-soul-letter::before{
  opacity:.18;
  background:
    repeating-radial-gradient(circle at 24% 36%,rgb(86 65 42 / .18) 0 .55px,transparent .8px 4px),
    linear-gradient(104deg,transparent 0 47%,rgb(255 255 255 / .55) 49%,transparent 52%);
  background-size:7px 7px,100% 100%;
}
@media(max-width:760px){
  .story-keep[data-act="1"] .sk-melius-flow-card .sk-soul-letter{min-height:0;padding:14px 12px}
}

/* The moving Journey cards now display the finished Soul Trace letter artwork. */
.story-keep[data-act="1"] .sk-melius-flow-card .sk-soul-letter-asset{
  display:block;
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:.76 / 1;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:0 18px 34px rgb(20 15 10 / .24);
}
.sk-letter-live-note,
.sk-letter-reader__note{
  position:absolute;
  left:7%;
  right:7%;
  bottom:6%;
  z-index:2;
  padding:12px 14px 13px;
  border:1px solid rgba(212,170,101,.28);
  border-radius:14px;
  background:#1a1611;
  color:#f3efe6;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.sk-letter-live-note small,
.sk-letter-reader__note small{
  display:block;
  margin:0 0 8px;
  color:#d4aa65;
  font:500 11px/1 var(--sans);
  letter-spacing:.08em;
}
.sk-letter-live-note p,
.sk-letter-reader__note p{
  margin:0;
  color:#f6f1e8;
  font:400 13px/1.8 var(--sans);
  letter-spacing:.02em;
  word-break:keep-all;
  overflow-wrap:break-word;
  text-wrap:pretty;
}
.sk-letter-reader__stage{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-height:0;
}
.story-keep[data-act="1"] .sk-soul-letter-asset::before{display:none}
.story-keep[data-act="1"] .sk-soul-letter-asset > img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:inherit;
}

/* Section-local Soul Trace reading mode. */
.story-keep[data-act="1"] .sk-melius-arc,
.story-keep[data-act="1"] .story-keep__head,
.story-keep[data-act="1"] .story-keep__steps{
  transition:opacity 150ms ease,filter 150ms ease;
}
.story-keep[data-act="1"].is-reading .sk-melius-arc{opacity:.12;filter:blur(3px);pointer-events:none}
.story-keep[data-act="1"].is-reading .story-keep__head,
.story-keep[data-act="1"].is-reading .story-keep__steps{opacity:.42}
.story-keep[data-act="1"].is-reading{overflow:hidden}
.story-keep[data-act="1"] .sk-letter-view{
  position:absolute;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:clamp(18px,3vw,40px);
  box-sizing:border-box;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity 150ms ease;
}
.story-keep[data-act="1"] .sk-letter-view.is-visible{opacity:1;pointer-events:auto}
.sk-letter-reader__shade{
  position:absolute;
  inset:0;
  background:rgb(8 7 6 / .62);
}
.sk-letter-reader{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  place-items:center;
  width:min(680px,92vw);
  height:min(830px,88vh);
  padding:44px 22px 12px;
  box-sizing:border-box;
  transform:translateY(8px) scale(.96);
  opacity:0;
  transition:transform 300ms 150ms cubic-bezier(.22,.61,.36,1),opacity 250ms 150ms ease;
}
.sk-letter-view.is-visible .sk-letter-reader{transform:none;opacity:1}
.sk-letter-reader__glow{
  position:absolute;
  top:48%;left:50%;
  width:min(560px,76vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgb(205 157 76 / .25),rgb(166 117 45 / .08) 44%,transparent 70%);
  filter:blur(18px);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.sk-letter-reader__image{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:auto;
  max-width:min(520px,82vw);
  max-height:min(720px,76vh);
  object-fit:contain;
  filter:drop-shadow(0 24px 40px rgb(0 0 0 / .48));
}
.sk-letter-reader__close{
  position:absolute;
  z-index:3;
  top:4px;
  right:8px;
  padding:10px;
  border:0;
  background:transparent;
  color:#f4ead7;
  font:600 10px/1 var(--mono);
  letter-spacing:.16em;
  cursor:pointer;
}
.sk-letter-reader__close span{margin-left:5px;color:#d4aa65;font-size:16px}
.sk-letter-reader__controls{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  width:min(560px,84vw);
  margin-top:12px;
  color:#f4ead7;
}
.sk-letter-reader__nav{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
  border:0;
  background:transparent;
  color:inherit;
  font:500 11px/1 var(--sans);
  cursor:pointer;
}
.sk-letter-reader__nav span{color:#d4aa65;font-size:20px}
.sk-letter-reader__nav small{font:inherit}
.sk-letter-reader__nav--next{justify-self:end;flex-direction:row-reverse}
.sk-letter-reader__counter{font:500 10px/1 var(--mono);letter-spacing:.14em;color:#d8cbb7}
.sk-letter-reader button:focus-visible{outline:1px solid #d4aa65;outline-offset:3px;border-radius:3px}
@media(max-width:760px){
  .story-keep[data-act="1"] .sk-letter-view{padding:12px 10px max(12px,env(safe-area-inset-bottom,0px))}
  .sk-letter-reader{width:94vw;height:92vh;padding:42px 4px 8px}
  .sk-letter-reader__image{max-width:90vw;max-height:72vh}
  .sk-letter-reader__controls{width:90vw;margin-top:8px}
  .sk-letter-reader__close{top:2px;right:4px;min-height:40px}
  .sk-letter-reader__nav{min-width:92px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .story-keep[data-act="1"] .sk-letter-view,
  .sk-letter-reader{transition:none}
}

/* RECORD: one-viewport composition with the copy at upper left and letters raised. */
@media(min-width:761px){
  .story-keep[data-act="1"] .story-keep__head{
    position:absolute;
    top:clamp(72px,10vh,120px);
    left:clamp(40px,6vw,76px);
    z-index:20;
    width:min(560px,42vw);
    max-width:none;
    padding:0;
    margin:0;
    text-align:left;
  }
  .story-keep[data-act="1"] .story-keep__stage{
    position:absolute;
    inset:0;
    min-height:0;
  }
  .story-keep[data-act="1"] .sk-a1{
    top:clamp(132px,17vh,164px);
    bottom:clamp(118px,16vh,156px);
  }
  .story-keep[data-act="1"] .sk-melius-rail{top:50%}
}

/* Final mobile cascade: keep every Journey state inside the same fitted shell. */
@media(max-width:760px){
  #original.story-keep-bleib .story-keep__pin{width:100%;height:100%!important;min-height:0!important}
  #original.story-keep-bleib .story-keep__head,
  #original.story-keep-bleib[data-act="3"] .story-keep__head{top:10px;left:16px;width:min(72vw,300px)}
  #original.story-keep-bleib .story-keep__head h2,
  #original.story-keep-bleib[data-act="3"] .story-keep__head h2{max-width:290px;font-size:clamp(29px,8.4vw,38px);line-height:.96}
  #original.story-keep-bleib .story-keep__kicker{margin-bottom:7px;font-size:9px}
  #original.story-keep-bleib .story-keep__sub{max-width:29em;font-size:11px;line-height:1.42}
  #original.story-keep-bleib .sk-record-cta{margin-top:10px;gap:8px}
  #original.story-keep-bleib .sk-record-cta__label{font-size:14px}
  #original.story-keep-bleib .sk-record-cta__icon{width:30px;height:30px}
  #original.story-keep-bleib .story-keep__stage,
  #original.story-keep-bleib .story-keep__space,
  #original.story-keep-bleib[data-act="3"] .story-keep__stage{inset:25% 0 18%}
  #original.story-keep-bleib[data-act="3"] .story-keep__space{top:25%;right:-7%;bottom:18%;left:23%;width:auto;height:auto;aspect-ratio:auto;transform:none}
  #original.story-keep-bleib .story-keep__copy,
  #original.story-keep-bleib[data-act="3"] .story-keep__copy{left:16px;bottom:58px;width:min(50vw,188px)}
  #original.story-keep-bleib .story-keep__idx{font-size:9px}
  #original.story-keep-bleib .story-keep__verb{font-size:clamp(22px,6.5vw,30px)}
  #original.story-keep-bleib .story-keep__title,
  #original.story-keep-bleib .story-keep__lead{font-size:10px;line-height:1.35}
  #original.story-keep-bleib .story-keep__steps,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps{right:8px;bottom:8px;gap:4px}
  #original.story-keep-bleib .story-keep__steps button,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps button{min-width:58px;min-height:40px;padding:6px 7px;font-size:10px}
  #original.story-keep-bleib .story-keep__steps button small{font-size:8px}
}

/* Mobile Journey preserves the same four anchors while fitting one viewport. */
@media(max-width:760px){
  #original.story-keep-bleib .story-keep__pin{
    width:100%;
    height:100%!important;
    min-height:0!important;
  }
  #original.story-keep-bleib .story-keep__head,
  #original.story-keep-bleib[data-act="3"] .story-keep__head{
    top:10px;
    left:16px;
    width:min(72vw,300px);
  }
  #original.story-keep-bleib .story-keep__head h2,
  #original.story-keep-bleib[data-act="3"] .story-keep__head h2{
    max-width:290px;
    font-size:clamp(29px,8.4vw,38px);
    line-height:.96;
  }
  #original.story-keep-bleib .story-keep__kicker{margin-bottom:7px;font-size:9px}
  #original.story-keep-bleib .story-keep__sub{max-width:29em;font-size:11px;line-height:1.42}
  #original.story-keep-bleib .sk-record-cta{margin-top:10px;gap:8px}
  #original.story-keep-bleib .sk-record-cta__label{font-size:14px}
  #original.story-keep-bleib .sk-record-cta__icon{width:30px;height:30px}
  #original.story-keep-bleib .story-keep__stage,
  #original.story-keep-bleib .story-keep__space,
  #original.story-keep-bleib[data-act="3"] .story-keep__stage{
    inset:25% 0 18%;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__space{
    top:25%;
    right:-7%;
    bottom:18%;
    left:23%;
    width:auto;
    height:auto;
    aspect-ratio:auto;
    transform:none;
  }
  #original.story-keep-bleib .story-keep__copy,
  #original.story-keep-bleib[data-act="3"] .story-keep__copy{
    left:16px;
    bottom:58px;
    width:min(50vw,188px);
  }
  #original.story-keep-bleib .story-keep__idx{font-size:9px}
  #original.story-keep-bleib .story-keep__verb{font-size:clamp(22px,6.5vw,30px)}
  #original.story-keep-bleib .story-keep__title,
  #original.story-keep-bleib .story-keep__lead{font-size:10px;line-height:1.35}
  #original.story-keep-bleib .story-keep__steps,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps{
    right:8px;
    bottom:8px;
    gap:4px;
  }
  #original.story-keep-bleib .story-keep__steps button,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps button{
    min-width:58px;
    min-height:40px;
    padding:6px 7px;
    font-size:10px;
  }
  #original.story-keep-bleib .story-keep__steps button small{font-size:8px}
}

/* Journey atmospheric polish: shared by RECORD, KEEP and EXPERIENCE. */
#original.story-keep-bleib .story-keep__pin{
  --journey-gold:#c49a55;
  --journey-ivory:#f4efe6;
  color:var(--journey-ivory);
  background-color:#111113;
  background-image:
    radial-gradient(circle at 58% 52%,rgba(196,154,85,.08),transparent 42%),
    var(--melius-dot,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Crect x='6.5' y='6.5' width='2' height='2' rx='1' ry='1' fill='rgb(255%2C255%2C255)' fill-opacity='0.08'/%3E%3C/svg%3E"));
  background-size:cover,15px 15px;
  background-repeat:no-repeat,repeat;
}
#original.story-keep-bleib .story-keep__pin::before{display:none}
#original.story-keep-bleib .story-keep__pin::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  pointer-events:none;
  user-select:none;
  opacity:.1;
  background-color:transparent;
  background-image:url("assets/homepage/journey/journey-gold-particles.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at 58% 52%,transparent 0 26%,rgba(0,0,0,.12) 48%,#000 88%);
  mask-image:radial-gradient(ellipse at 58% 52%,transparent 0 26%,rgba(0,0,0,.12) 48%,#000 88%);
}
#original.story-keep-bleib .story-keep__space{z-index:2}
#original.story-keep-bleib .story-keep__stage{z-index:3}
#original.story-keep-bleib .story-keep__head,
#original.story-keep-bleib .story-keep__copy,
#original.story-keep-bleib .story-keep__steps{color:var(--journey-ivory)}
#original.story-keep-bleib .story-keep__head{width:min(430px,38vw)}
#original.story-keep-bleib .story-keep__head h2{
  max-width:430px;
  color:var(--journey-ivory);
  font-size:clamp(44px,3.5vw,64px);
  line-height:.97;
  letter-spacing:-.045em;
}
#original.story-keep-bleib .story-keep__kicker,
#original.story-keep-bleib .story-keep__idx,
#original.story-keep-bleib .story-keep__title,
#original.story-keep-bleib .story-keep__lead{color:var(--journey-ivory)}
#original.story-keep-bleib .story-keep__kicker,
#original.story-keep-bleib .story-keep__idx{opacity:.68}
#original.story-keep-bleib .story-keep__sub,
#original.story-keep-bleib .story-keep__lead{color:rgba(244,239,230,.68)}
#original.story-keep-bleib .story-keep__verb{color:var(--journey-gold)}
#original.story-keep-bleib .sk-record-cta{
  color:var(--journey-ivory);
}
#original.story-keep-bleib .sk-record-cta__icon{
  width:34px;
  height:34px;
  border:1px solid rgba(196,154,85,.58);
  background:rgba(17,17,19,.68);
  color:var(--journey-ivory);
}
#original.story-keep-bleib .sk-record-cta:hover .sk-record-cta__label,
#original.story-keep-bleib .sk-record-cta:hover .sk-record-cta__icon{transform:translateX(4px)}
#original.story-keep-bleib .story-keep__steps button,
#original.story-keep-bleib[data-act="3"] .story-keep__steps button{
  border:1px solid rgba(244,239,230,.28);
  background:rgba(15,15,15,.72);
  color:var(--journey-ivory);
  box-shadow:none;
  transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease;
}
#original.story-keep-bleib .story-keep__steps button[aria-current="true"],
#original.story-keep-bleib[data-act="3"] .story-keep__steps button[aria-current="true"]{
  border-color:var(--journey-gold);
  background:var(--journey-gold);
  color:#171512;
  box-shadow:none;
}
#original.story-keep-bleib .eb-bleib-back{
  border:1px solid rgba(196,154,85,.4);
  background:rgba(17,17,19,.75);
  color:var(--journey-ivory);
  box-shadow:none;
}
body:has(#original.story-keep-bleib.is-bleib-open) .scroll-cue{
  color:rgba(244,239,230,.66);
}
#original.story-keep-bleib[data-act="2"] .sk-memory-bg{opacity:.22}
#original.story-keep-bleib[data-act="3"] .story-keep__pin::after{opacity:.025}
#original.story-keep-bleib[data-act="3"] .story-keep__space::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:50%;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(17,17,19,.78),rgba(17,17,19,.3) 44%,transparent 96%);
}
@media(max-width:1024px){
  #original.story-keep-bleib .story-keep__pin::after{opacity:.08}
}
@media(max-width:760px){
  #original.story-keep-bleib .story-keep__pin::after{
    opacity:.06;
    background-size:135% auto;
    background-position:center;
  }
  #original.story-keep-bleib .story-keep__head{width:calc(100% - 36px)}
  #original.story-keep-bleib .story-keep__head h2{font-size:clamp(34px,10vw,48px)}
}
@media(prefers-reduced-motion:reduce){
  #original.story-keep-bleib .story-keep__pin::after{animation:none}
}

/* RECORD anchor refinement: keep global and state-specific copy in separate zones. */
@media(min-width:761px){
  .story-keep[data-act="1"] .story-keep__copy{
    position:absolute;
    left:clamp(40px,6vw,76px);
    bottom:clamp(22px,3.5vh,36px);
    z-index:22;
    width:min(430px,34vw);
    max-width:none;
    padding:0;
    margin:0;
  }
  .story-keep[data-act="1"] .story-keep__steps{
    position:absolute;
    right:clamp(24px,3vw,40px);
    bottom:clamp(18px,3vh,30px);
    z-index:22;
    margin:0;
  }
  .story-keep[data-act="1"] .sk-a1{
    top:clamp(76px,calc(17vh - 56px),108px);
    bottom:clamp(174px,calc(16vh + 56px),212px);
  }
}

/* Journey shared shell: data-act changes artwork, never the global interface geometry. */
#original.story-keep-bleib .story-keep__pin{
  position:relative;
  width:100%;
  height:calc(100svh - var(--nav-height,64px) - 80px)!important;
  min-height:calc(100svh - var(--nav-height,64px) - 80px)!important;
  overflow:hidden;
  display:block;
}
#original.story-keep-bleib .story-keep__head{
  position:absolute;
  top:clamp(24px,5vh,52px);
  left:clamp(60px,5vw,96px);
  z-index:20;
  width:min(560px,38vw);
  max-width:none;
  padding:0;
  margin:0;
  text-align:left;
}
#original.story-keep-bleib .story-keep__sub{margin-inline:0}
#original.story-keep-bleib .story-keep__stage{
  position:absolute;
  z-index:3;
  inset:24% 0 11%;
  min-height:0;
  overflow:hidden;
  perspective:1200px;
}
#original.story-keep-bleib .story-keep__stage > .sk-a1,
#original.story-keep-bleib .story-keep__stage > .sk-a2,
#original.story-keep-bleib .story-keep__stage > .sk-a3{
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
}
#original.story-keep-bleib .sk-melius-rail{top:50%}
#original.story-keep-bleib .story-keep__space{
  position:absolute;
  inset:24% 0 11%;
  width:auto;
  height:auto;
  overflow:hidden;
}
#original.story-keep-bleib[data-act="3"] .story-keep__space img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
#original.story-keep-bleib .story-keep__copy{
  position:absolute;
  left:clamp(60px,5vw,96px);
  bottom:clamp(42px,6vh,68px);
  z-index:25;
  width:min(470px,34vw);
  max-width:none;
  padding:0;
  margin:0;
  background:none;
}
#original.story-keep-bleib .story-keep__steps,
#original.story-keep-bleib[data-act="3"] .story-keep__steps{
  position:absolute;
  right:clamp(52px,4vw,80px);
  bottom:clamp(42px,6vh,68px);
  left:auto;
  top:auto;
  z-index:30;
  display:flex;
  flex-flow:row nowrap;
  gap:8px;
  width:auto;
  margin:0;
  padding:0;
}
#original.story-keep-bleib .story-keep__steps li{flex:0 0 auto}
#original.story-keep-bleib .story-keep__steps button{
  flex:0 0 auto;
  min-width:112px;
}
body:has(#original.story-keep-bleib.is-bleib-open) .scroll-cue{
  left:50%;
  right:auto;
  bottom:clamp(24px,3vh,36px);
  transform:translate(-50%,10px);
}
body:has(#original.story-keep-bleib.is-bleib-open) .scroll-cue.is-on{transform:translate(-50%,0)}
@media(max-width:760px){
  #original.story-keep-bleib .story-keep__head{
    top:clamp(14px,3vh,28px);
    left:18px;
    width:calc(100% - 36px);
  }
  #original.story-keep-bleib .story-keep__stage,
  #original.story-keep-bleib .story-keep__space{inset:27% 0 19%}
  #original.story-keep-bleib .story-keep__copy{
    left:18px;
    bottom:84px;
    width:min(330px,calc(100% - 36px));
  }
  #original.story-keep-bleib .story-keep__steps,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps{
    right:12px;
    bottom:max(10px,env(safe-area-inset-bottom,0px));
    gap:6px;
  }
  #original.story-keep-bleib .story-keep__steps button{min-width:64px}
  body:has(#original.story-keep-bleib.is-bleib-open) .scroll-cue{bottom:max(10px,env(safe-area-inset-bottom,0px))}
}
@media(max-width:760px){
  .story-keep[data-act="1"] .story-keep__copy{
    position:absolute;
    left:18px;
    bottom:84px;
    z-index:22;
    width:min(330px,calc(100vw - 36px));
    max-width:none;
    padding:0;
    margin:0;
  }
  .story-keep[data-act="1"] .story-keep__steps{
    position:absolute;
    right:12px;
    bottom:max(10px,env(safe-area-inset-bottom,0px));
    z-index:22;
    margin:0;
  }
  .story-keep[data-act="1"] .sk-a1{
    top:clamp(116px,calc(25vh - 48px),162px);
    bottom:clamp(164px,calc(16vh + 48px),190px);
  }
}
@media(max-width:760px){
  .story-keep[data-act="1"] .story-keep__head{
    position:absolute;
    top:clamp(54px,8vh,76px);
    left:18px;
    z-index:20;
    width:min(520px,calc(100vw - 36px));
    max-width:none;
    padding:0;
    margin:0;
    text-align:left;
  }
  .story-keep[data-act="1"] .story-keep__stage{
    position:absolute;
    inset:0;
    min-height:0;
  }
  .story-keep[data-act="1"] .sk-a1{
    top:clamp(164px,25vh,210px);
    bottom:clamp(116px,16vh,142px);
  }
  .story-keep[data-act="1"] .sk-melius-rail{top:50%}
}

/* Desktop EXPERIENCE: compact information rail with the artwork owning the right 73%. */
@media(min-width:761px){
  #original.story-keep-bleib[data-act="3"] .story-keep__pin{
    height:calc(100svh - var(--nav-height,64px) - 128px)!important;
    min-height:calc(100svh - var(--nav-height,64px) - 128px)!important;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__head{
    top:clamp(20px,3vh,40px);
    left:clamp(32px,3.5vw,56px);
    width:min(430px,27vw);
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__head h2{
    font-size:clamp(42px,3.4vw,66px);
    line-height:.92;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__sub{
    max-width:29em;
    font-size:14px;
    line-height:1.48;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__space{
    inset:auto 0 auto 27%;
    top:50%;
    width:73%;
    height:auto;
    aspect-ratio:1672 / 941;
    transform:translateY(-50%);
    overflow:hidden;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__space img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__stage{
    inset:0 0 0 27%;
    overflow:hidden;
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__copy{
    left:clamp(32px,3.5vw,56px);
    bottom:clamp(48px,7vh,72px);
    width:min(390px,24vw);
  }
  #original.story-keep-bleib[data-act="3"] .story-keep__steps{
    right:clamp(28px,3vw,48px);
    bottom:clamp(30px,4vh,44px);
  }
}

@media(min-width:761px){
  #original.story-keep-bleib .story-keep__head h2,
  #original.story-keep-bleib[data-act="3"] .story-keep__head h2{
    color:#f4efe6;
    max-width:420px;
    font-size:clamp(44px,3.2vw,62px);
    line-height:.95;
    letter-spacing:-.045em;
  }
  #original.story-keep-bleib .story-keep__head,
  #original.story-keep-bleib[data-act="3"] .story-keep__head{
    top:clamp(24px,5vh,52px);
    left:clamp(60px,5vw,96px);
    width:min(420px,38vw);
  }
}

@media(max-width:760px){
  #original.story-keep-bleib .story-keep__pin{width:100%;height:100%!important;min-height:0!important}
  #original.story-keep-bleib .story-keep__head,
  #original.story-keep-bleib[data-act="3"] .story-keep__head{top:10px;left:16px;width:min(72vw,300px)}
  #original.story-keep-bleib .story-keep__head h2,
  #original.story-keep-bleib[data-act="3"] .story-keep__head h2{max-width:290px;font-size:clamp(29px,8.4vw,38px);line-height:.96}
  #original.story-keep-bleib .story-keep__kicker{margin-bottom:7px;font-size:9px}
  #original.story-keep-bleib .story-keep__sub{max-width:29em;font-size:11px;line-height:1.42}
  #original.story-keep-bleib .sk-record-cta{margin-top:10px;gap:8px}
  #original.story-keep-bleib .sk-record-cta__label{font-size:14px}
  #original.story-keep-bleib .sk-record-cta__icon{width:30px;height:30px}
  #original.story-keep-bleib .story-keep__stage,
  #original.story-keep-bleib .story-keep__space,
  #original.story-keep-bleib[data-act="3"] .story-keep__stage{inset:25% 0 18%}
  #original.story-keep-bleib[data-act="3"] .story-keep__space{top:25%;right:-7%;bottom:18%;left:23%;width:auto;height:auto;aspect-ratio:auto;transform:none}
  #original.story-keep-bleib .story-keep__copy,
  #original.story-keep-bleib[data-act="3"] .story-keep__copy{left:16px;bottom:58px;width:min(50vw,188px)}
  #original.story-keep-bleib .story-keep__idx{font-size:9px}
  #original.story-keep-bleib .story-keep__verb{font-size:clamp(22px,6.5vw,30px)}
  #original.story-keep-bleib .story-keep__title,
  #original.story-keep-bleib .story-keep__lead{font-size:10px;line-height:1.35}
  #original.story-keep-bleib .story-keep__steps,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps{right:8px;bottom:8px;gap:4px}
  #original.story-keep-bleib .story-keep__steps button,
  #original.story-keep-bleib[data-act="3"] .story-keep__steps button{min-width:58px;min-height:40px;padding:6px 7px;font-size:10px}
  #original.story-keep-bleib .story-keep__steps button small{font-size:8px}
}


/* KEEP preview: three photos assemble into a holdable card. */
.sk-title-gold{color:var(--journey-gold,#c49a55)}
#original.story-keep-bleib[data-act="2"]{background-color:#111113!important}
#original.story-keep-bleib[data-act="2"] .story-keep__kicker{color:var(--journey-gold,#c49a55);opacity:1;letter-spacing:.18em;font-size:11px}
#original.story-keep-bleib[data-act="2"] .story-keep__stage{
  inset:12% 4% 15% 40%!important;
  overflow:visible;
  min-height:0;
  max-height:none;
  pointer-events:none;
}
#original.story-keep-bleib[data-act="2"] .sk-a2{
  position:absolute!important;
  inset:0!important;
  overflow:visible;
}
.sk-keep-scene{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.sk-keep-scene__kicker{
  position:absolute;
  top:0;
  left:50%;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  transform:translateX(-50%);
  color:rgba(244,239,230,.55);
  font:500 10px/1 var(--caps);
  letter-spacing:.22em;
  white-space:nowrap;
}
.sk-keep-scene__kicker i{
  display:block;
  width:28px;
  height:1px;
  background:rgba(244,239,230,.35);
}
.sk-keep-board{
  position:relative;
  width:min(42vw,420px);
  height:min(58vh,520px);
  margin-top:28px;
}
.sk-keep-shot,
.sk-keep-print{
  position:absolute;
  margin:0;
  transform-origin:center;
}
.sk-keep-shot{
  overflow:hidden;
  background:#111;
  box-shadow:0 18px 40px #0008;
}
.sk-keep-shot img,
.sk-keep-print__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.sk-keep-shot--main{
  left:50%;
  top:46%;
  width:68%;
  aspect-ratio:3/4;
  z-index:2;
  transform:translate(-50%,-50%) rotate(7deg);
}
.sk-keep-shot--left{
  left:4%;
  top:58%;
  width:34%;
  aspect-ratio:3/4;
  z-index:1;
  transform:translateY(-50%) rotate(-16deg);
}
.sk-keep-shot--right{
  right:2%;
  top:22%;
  width:30%;
  aspect-ratio:3/4;
  z-index:3;
  transform:rotate(12deg);
}
.sk-keep-print{
  left:50%;
  top:46%;
  width:64%;
  z-index:4;
  padding:8px 8px 0;
  border-radius:6px;
  background:#f3eee4;
  box-shadow:0 24px 48px #0007;
  opacity:0;
  transform:translate(-50%,-50%) scale(.92);
}
.sk-keep-print__photo{
  overflow:hidden;
  aspect-ratio:3/3.6;
  background:#d9d0c0;
}
.sk-keep-print__meta{padding:12px 8px 14px}
.sk-keep-print__row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.sk-keep-print__name{
  font:400 clamp(22px,2.1vw,30px)/1 var(--serif);
  color:#2a261f;
}
.sk-keep-print__place{
  color:#8a8173;
  font:400 11px/1 var(--sans);
}
.sk-keep-print__row--foot{margin-top:10px;align-items:center}
.sk-keep-print__brand{
  color:#8d8374;
  font:500 8px/1 var(--caps);
  letter-spacing:.18em;
}
.sk-keep-print__nfc{
  width:16px;
  height:12px;
  background:
    radial-gradient(circle at 100% 50%,transparent 6px,#8d8374 7px,transparent 8px),
    radial-gradient(circle at 100% 50%,transparent 3px,#8d8374 4px,transparent 5px),
    radial-gradient(circle at 100% 50%,#8d8374 1.5px,transparent 2px);
}
.sk-keep-caption{
  margin:18px 0 0;
  color:#f4efe6;
  font:400 14px/1.45 var(--sans);
  text-align:center;
}
.sk-keep-footnote{
  margin:6px 0 0;
  color:rgba(244,239,230,.42);
  font:400 11px/1.4 var(--sans);
  text-align:center;
}
.story-keep.is-playing[data-act="2"] .sk-keep-shot--main{animation:sk-keep-main 15s cubic-bezier(.22,1,.32,1) both infinite}
.story-keep.is-playing[data-act="2"] .sk-keep-shot--left{animation:sk-keep-left 15s cubic-bezier(.22,1,.32,1) both infinite}
.story-keep.is-playing[data-act="2"] .sk-keep-shot--right{animation:sk-keep-right 15s cubic-bezier(.22,1,.32,1) both infinite}
.story-keep.is-playing[data-act="2"] .sk-keep-print{animation:sk-keep-print 15s cubic-bezier(.22,1,.32,1) both infinite}
@keyframes sk-keep-main{
  0%,18%{opacity:1;transform:translate(-50%,-50%) rotate(7deg) scale(1)}
  32%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.96)}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.96)}
}
@keyframes sk-keep-left{
  0%,16%{opacity:1;transform:translateY(-50%) rotate(-16deg)}
  30%{opacity:0;transform:translate(42%,-58%) rotate(-4deg) scale(.86)}
  100%{opacity:0;transform:translate(42%,-58%) rotate(-4deg) scale(.86)}
}
@keyframes sk-keep-right{
  0%,16%{opacity:1;transform:rotate(12deg)}
  30%{opacity:0;transform:translate(-28%,48%) rotate(3deg) scale(.86)}
  100%{opacity:0;transform:translate(-28%,48%) rotate(3deg) scale(.86)}
}
@keyframes sk-keep-print{
  0%,22%{opacity:0;border-radius:6px;transform:translate(-50%,-50%) scale(.9)}
  34%{opacity:1;border-radius:6px;transform:translate(-50%,-50%) scale(1)}
  48%{opacity:1;border-radius:18px;transform:translate(-50%,-50%) rotateY(-8deg) scale(1.04)}
  72%{opacity:1;border-radius:20px;transform:translate(-50%,-50%) rotateY(8deg) scale(1.08)}
  100%{opacity:1;border-radius:20px;transform:translate(-50%,-50%) rotateY(0deg) scale(1.06)}
}
@media(max-width:760px){
  #original.story-keep-bleib[data-act="2"] .story-keep__stage{
    inset:34% 8px 22%!important;
  }
  .sk-keep-board{width:min(78vw,320px);height:min(42vh,340px);margin-top:22px}
  .sk-keep-caption{font-size:12px}
  .sk-keep-footnote{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .story-keep.is-playing[data-act="2"] .sk-keep-shot{animation:none;opacity:0}
  .story-keep.is-playing[data-act="2"] .sk-keep-print{
    animation:none;
    opacity:1;
    border-radius:20px;
    transform:translate(-50%,-50%) scale(1.04);
  }
}