/* Real-photography home experience */
.theme-scenery{overflow:hidden}
.theme-scenery-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;transform:scale(1.015)}
.theme-scenery-layer.is-active{opacity:1}
.theme-scenery-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.theme-scenery:after{z-index:2;pointer-events:none}
[data-appearance=blue] .theme-scenery-layer img{filter:saturate(.88) brightness(1.04)}
[data-appearance=journal] .theme-scenery-layer img{filter:saturate(.88) sepia(.1)}
[data-appearance=editorial] .theme-scenery-layer img{filter:saturate(.72) contrast(.96) brightness(1.07)}
[data-appearance=night] .theme-scenery-layer img{filter:saturate(.9) brightness(.7)}
.theme-scene-ui{position:absolute;z-index:5;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;padding:5px 9px;background:color-mix(in srgb,var(--t-paper) 82%,transparent);border:1px solid color-mix(in srgb,var(--t-line) 72%,transparent);border-radius:999px;box-shadow:0 8px 24px #0614222e;backdrop-filter:blur(10px)}
.theme-scene-ui button{display:grid;place-items:center;width:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--t-ink)}
.theme-scene-ui span{font:650 11px/1 var(--t-ui);letter-spacing:.08em;color:var(--t-muted);font-variant-numeric:tabular-nums}

.theme-book.theme-memory-stack{position:relative;height:430px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.theme-book .theme-memory-card{position:absolute;width:210px;height:300px;margin:0;overflow:hidden;border-radius:14px;background:var(--t-paper);box-shadow:0 24px 56px #081e3c52;border:1px solid color-mix(in srgb,var(--t-line) 72%,transparent)}
.theme-book .theme-memory-card img{display:block;position:static;width:100%;max-width:none;height:242px;max-height:none;object-fit:cover;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
.theme-book .theme-memory-card figcaption{display:flex;align-items:center;height:58px;padding:0 16px;color:var(--t-ink);font:650 14px/1.3 var(--t-ui);background:var(--t-paper)}
.theme-book .theme-memory-card:first-child{z-index:1;transform:translate(-120px,24px) rotate(-8deg)}
.theme-book .theme-memory-card:nth-child(2){z-index:3;transform:translateY(-20px) rotate(1.5deg)}
.theme-book .theme-memory-card:nth-child(3){z-index:2;transform:translate(124px,28px) rotate(9deg)}
[data-appearance=journal] .theme-book.theme-memory-stack{transform:rotate(-2deg);margin-bottom:40px}
[data-appearance=journal] .theme-book .theme-memory-card{padding:8px 8px 22px;border-radius:2px;background:#fff9e9}
[data-appearance=journal] .theme-book .theme-memory-card img{height:228px}
[data-appearance=journal] .theme-book .theme-memory-card figcaption{height:64px;background:#fff9e9;color:#2d362e;font-family:var(--t-display)}
[data-appearance=editorial] .theme-book.theme-memory-stack{height:280px;margin:15px 0 0;justify-content:flex-start}
[data-appearance=editorial] .theme-book .theme-memory-card{display:block;width:190px;height:255px;border-radius:0;box-shadow:10px 14px 0 color-mix(in srgb,var(--t-action) 13%,transparent)}
[data-appearance=editorial] .theme-book .theme-memory-card img{height:204px}
[data-appearance=editorial] .theme-book .theme-memory-card figcaption{height:51px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
[data-appearance=editorial] .theme-book .theme-memory-card:first-child{left:8%;transform:rotate(-5deg)}
[data-appearance=editorial] .theme-book .theme-memory-card:nth-child(2){left:31%;transform:rotate(1deg)}
[data-appearance=editorial] .theme-book .theme-memory-card:nth-child(3){left:54%;transform:rotate(6deg)}
[data-appearance=editorial] .theme-book .theme-memory-card:nth-child(3) img{object-position:left center}
[data-appearance=night] .theme-book.theme-memory-stack{align-self:end;height:285px;margin-top:235px}
[data-appearance=night] .theme-book .theme-memory-card{width:168px;height:236px;background:#102536;border-color:#526b7d;box-shadow:0 24px 52px #000a}
[data-appearance=night] .theme-book .theme-memory-card img{height:186px}
[data-appearance=night] .theme-book .theme-memory-card figcaption{height:50px;background:#102536;color:#f7f4eb}

.theme-keepsake{grid-template-columns:minmax(260px,.74fr) minmax(0,1.26fr);gap:42px;padding:clamp(24px,3vw,46px)}
.theme-keepsake-copy{align-self:center}
.reflection-carousel{--reflection-progress:0;min-width:0;margin:0;color:#fff}
.reflection-stage{position:relative;min-height:430px;overflow:hidden;border-radius:18px;background:#0a1824;isolation:isolate;box-shadow:0 24px 60px #07152238}
.reflection-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .72s ease,visibility .72s step-end}
.reflection-slide.is-active{opacity:1;visibility:visible;transition:opacity .72s ease}
.reflection-slide img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transform:scale(1.01)}
.reflection-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(3,13,22,.18) 47%,rgba(3,13,22,.9) 100%)}
.reflection-question{position:absolute;z-index:2;left:clamp(24px,5vw,54px);right:clamp(24px,5vw,54px);bottom:44px;text-shadow:0 2px 18px #000}
.reflection-question p{max-width:22ch;margin:0 0 10px!important;color:#fff!important;font:600 clamp(25px,3.1vw,42px)/1.22 var(--t-display);letter-spacing:-.018em;text-wrap:balance}
.reflection-question span{display:block;max-width:48ch;color:#e8eef3;font:500 14px/1.55 var(--t-ui)}
.reflection-count{position:absolute;z-index:3;top:20px;right:22px;display:flex;align-items:center;gap:9px;font:650 11px var(--t-ui);letter-spacing:.1em;color:#fff}
.reflection-count i{display:block;width:44px;height:1px;background:#ffffff70;overflow:hidden}
.reflection-count i:after{content:"";display:block;width:100%;height:100%;background:#fff;transform-origin:left;transform:scaleX(var(--reflection-progress));transition:transform 4.5s linear}
.reflection-controls{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--t-ink)}
.reflection-controls>button{width:44px;min-height:44px;padding:0;border:1px solid var(--t-line);background:var(--t-paper);color:var(--t-ink);border-radius:50%;font-weight:700}
.reflection-dots{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}
.reflection-dots button{width:8px;min-height:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--t-line);transition:transform .25s ease,background .25s ease}
.reflection-dots button[aria-current=true]{background:var(--t-action);transform:scale(1.45)}
.reflection-start{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:13px 16px;border-radius:10px;background:var(--t-action);color:var(--t-on-action)!important;text-decoration:none;font-weight:700}
[data-appearance=journal] .reflection-stage{border-radius:4px;box-shadow:10px 12px 0 #d5c5a7}
[data-appearance=editorial] .reflection-stage{border-radius:0;box-shadow:12px 12px 0 color-mix(in srgb,var(--t-action) 14%,transparent)}
[data-appearance=editorial] .reflection-question p{font-family:var(--t-ui);font-weight:760;text-transform:none}
[data-appearance=night] .reflection-stage{border:1px solid #526b7d;box-shadow:0 28px 70px #0008}

@media(max-width:1100px){
  .theme-book .theme-memory-card{width:175px;height:260px}.theme-book .theme-memory-card img{height:208px}.theme-book .theme-memory-card figcaption{height:52px}.theme-book .theme-memory-card:first-child{transform:translate(-82px,20px) rotate(-8deg)}.theme-book .theme-memory-card:nth-child(3){transform:translate(82px,24px) rotate(8deg)}
  .reflection-stage{min-height:390px}.theme-keepsake{gap:26px}
}
@media(max-width:760px){
  .theme-scenery-layer img{object-position:center 42%}.theme-scene-ui{right:14px;bottom:12px}
  .theme-book.theme-memory-stack,[data-appearance=journal] .theme-book.theme-memory-stack,[data-appearance=editorial] .theme-book.theme-memory-stack,[data-appearance=night] .theme-book.theme-memory-stack{height:250px;margin:18px 0 0;transform:none;align-self:auto;justify-content:center}
  .theme-book .theme-memory-card,[data-appearance=editorial] .theme-book .theme-memory-card,[data-appearance=night] .theme-book .theme-memory-card{position:absolute;left:auto;width:132px;height:196px;border-radius:10px}
  .theme-book .theme-memory-card img,[data-appearance=journal] .theme-book .theme-memory-card img,[data-appearance=editorial] .theme-book .theme-memory-card img,[data-appearance=night] .theme-book .theme-memory-card img{height:153px}
  .theme-book .theme-memory-card figcaption,[data-appearance=journal] .theme-book .theme-memory-card figcaption,[data-appearance=editorial] .theme-book .theme-memory-card figcaption,[data-appearance=night] .theme-book .theme-memory-card figcaption{height:43px;padding:0 10px;font-size:11px;letter-spacing:0;text-transform:none}
  .theme-book .theme-memory-card:first-child,[data-appearance=editorial] .theme-book .theme-memory-card:first-child{left:50%;transform:translate(-112%,25px) rotate(-8deg)}
  .theme-book .theme-memory-card:nth-child(2),[data-appearance=editorial] .theme-book .theme-memory-card:nth-child(2){left:50%;transform:translate(-50%,1px) rotate(1deg)}
  .theme-book .theme-memory-card:nth-child(3),[data-appearance=editorial] .theme-book .theme-memory-card:nth-child(3){left:50%;transform:translate(12%,27px) rotate(8deg)}
  .theme-keepsake{grid-template-columns:1fr;padding:22px;margin-left:-6px;margin-right:-6px;gap:24px}
  .theme-keepsake-copy{padding:2px 4px 0}
  .reflection-stage{min-height:470px;border-radius:14px}
  .reflection-slide img{object-position:center}
  .reflection-question{left:24px;right:24px;bottom:30px}
  .reflection-question p{font-size:clamp(27px,8vw,36px)}
  .reflection-question span{font-size:13px}
  .reflection-controls{gap:6px}.reflection-dots{gap:7px}.reflection-dots button{width:7px;height:7px;min-height:7px}
}
@media(prefers-reduced-motion:reduce){.theme-scenery-layer,.reflection-slide,.reflection-dots button,.reflection-count i:after{transition:none!important}}