/* V67 — The Garden of Us cinematic premiere, designed for mobile portrait video */
.v67-memory{display:flex;gap:22px;align-items:center;max-width:1100px;padding:22px;margin:24px auto 22px;border-radius:27px;border:1px solid #d9af7080;background:linear-gradient(130deg,#3a294bdc,#211b38ee);box-shadow:0 14px 36px #130c24a0}
.v67-memory-frame{position:relative;flex:0 0 clamp(112px,23%,188px);aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;border:9px ridge #9c7147;border-radius:16px;box-shadow:0 8px 22px #0009,0 0 0 3px #f0c77f6e,inset 0 0 18px #10071c}
.v67-memory-frame::after{content:"";position:absolute;inset:0;border:2px solid #fff2c680;pointer-events:none}
.v67-memory-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.v67-memory-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#21172e9e;border:1px solid #ffe6b9a1;width:55px;height:55px;font-size:22px;color:#fff1d3;pointer-events:none}
.v67-memory-words{display:grid;justify-items:start;gap:9px}.v67-eyebrow{font-weight:900;font-size:11px;letter-spacing:.14em;color:#e6bc8d}.v67-memory h2{font:700 clamp(28px,4vw,46px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0;color:#ffeacc}.v67-memory p{font:italic clamp(14px,2vw,19px)/1.5 Georgia,serif;margin:0;color:#f3e3d9}.v67-memory small{color:#d7c8dd}.v67-memory button{border:1px solid #ffdeb5a6;background:linear-gradient(120deg,#f5dbad,#caa37b);color:#352036;font-weight:900;border-radius:999px;padding:11px 20px}.v67-memory button:disabled{background:#5b4568;color:#efdded;border-color:#ffffff42;opacity:.68;cursor:not-allowed}
.v67-cinema[hidden]{display:none!important}.v67-cinema{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:#100c1b;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom);overflow:auto;color:#fff2db}
.v67-cinema-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#130e2799,#170d22e6),url('assets/our-first-steps-poster-v67.jpg') center/cover;filter:blur(22px) brightness(.57);transform:scale(1.08)}
.v67-cinema-content{position:relative;isolation:isolate;width:min(100%,480px);height:min(100dvh,900px);display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px 2px 12px}
.v67-cinema-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 5px}.v67-cinema-head span{font-size:10px;letter-spacing:.17em;color:#f3d9aa;font-weight:900}.v67-cinema-head strong{font:700 22px 'Cormorant Garamond',Georgia,serif}
.v67-cinema-film{min-height:0;flex:1 1 auto;position:relative;overflow:hidden;border:2px solid #f5cb8b98;border-radius:22px;background:#090c19;box-shadow:0 0 52px #e6a9692d,0 18px 50px #060313a8}.v67-cinema-film video{display:block;width:100%;height:100%;object-fit:contain;background:#090c19}
.v67-cinema-stamp{position:absolute;left:8px;right:8px;bottom:13px;text-align:center;background:linear-gradient(90deg,transparent,#1b1537c4,transparent);padding:8px 4px;color:#fff7d5;font:italic 16px Georgia,serif;text-shadow:0 2px 6px #000a;pointer-events:none}
.v67-cinema-controls{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;padding-top:6px}.v67-cinema-controls button{min-height:43px;border:1px solid #ffe5af8a;background:#40294ccf;color:#ffeaca;border-radius:999px;padding:9px 15px;font-weight:850}.v67-cinema-controls #v67Skip{background:linear-gradient(120deg,#f3daae,#e8c8a2);color:#3f2b3b}.v67-cinema-message{margin:0;min-height:19px;text-align:center;font:12px system-ui,sans-serif;color:#e9d6dc}.v67-cinema-active{overflow:hidden!important}
.garden-transition.short .transition-characters,.garden-transition.short .character-paw{display:none!important}
.garden-transition.short .transition-door,.garden-transition.short .door-handle,.garden-transition.short .transition-background{animation-duration:1.95s!important}
@media(max-width:610px){.v67-memory{padding:14px;gap:16px}.v67-memory-frame{flex-basis:35%;border-width:6px}.v67-memory h2{font-size:29px}.v67-memory p{font-size:13px}.v67-memory button{padding:9px 12px;font-size:12px}.v67-memory small{font-size:10px}.v67-cinema-content{height:100dvh;max-height:none;gap:5px;padding:6px 0}.v67-cinema-head strong{font-size:20px}.v67-cinema-film{border-radius:16px}.v67-cinema-controls{padding-top:3px}.v67-cinema-message{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v67-cinema *{animation:none!important;transition:none!important}}