.opening>.opening-main{min-height:calc(100svh - 48px)}.editor-demo{display:flex;flex-direction:column;align-items:center;padding:var(--fold-gap,120px) 0 var(--fold-gap,120px);text-align:center}.editor-demo .opening-title{font-size:clamp(28px,calc(3.2vw - 2px),44px);line-height:1.155}.editor-demo .opening-subtitle{max-width:400px;color:var(--black);font-size:clamp(15px,calc(1.5vw - 2px),18px);line-height:1.3}.editor-demo-stage{width:min(100%,1440px,(100svh - 96px) * 1.6);aspect-ratio:1.6;margin-top:72px}.editor-demo video{display:block;width:min(100%,1200px,(100svh - 400px) * 1.6);height:auto;aspect-ratio:1.6;margin:0 auto;border:1px solid transparent;border-radius:var(--radius);background:var(--paper);object-fit:cover;transition:width .7s cubic-bezier(.3,0,.15,1),border-color .4s}.editor-demo video[data-large]{width:100%}.editor-demo video[data-opened]{border-color:var(--line)}@media(prefers-reduced-motion:reduce){.editor-demo video{transition:none}}@media(max-width:760px){.editor-demo .opening-title{font-size:28px}.editor-demo .opening-subtitle{font-size:15px}.editor-demo-stage{margin-top:64px}.editor-demo video{border-radius:8px}}.family-fold{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;margin:0 -8px;padding:32px 8px 0;overflow-x:clip;text-align:center}.family-fold .opening-title{font-size:clamp(28px,calc(3.2vw - 2px),44px);line-height:1.155}.family-fold .opening-subtitle{max-width:400px;color:var(--black);font-size:clamp(15px,calc(1.5vw - 2px),18px);line-height:1.3}.family-album{position:relative;width:min(100%,960px,(100svh - 400px) * 2.9693);min-width:min(100%,520px);aspect-ratio:1452/489;margin-top:40px;background:var(--white);border-radius:2px;box-shadow:0 4px 24px #40404005;user-select:none;-webkit-user-select:none}.family-album:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(50% - 1px);z-index:1;width:1px;background:var(--grey-200)}.family-leaf,.family-near{position:absolute;top:0;width:50%;height:100%}.family-near{inset-inline-start:0}.family-leaf{inset-inline-end:0;z-index:2;transform-style:preserve-3d;transform-origin:left center;will-change:transform}[dir=rtl] .family-leaf{transform-origin:right center}.family-back,.family-front{position:absolute;inset:0;background:var(--white);backface-visibility:hidden;-webkit-backface-visibility:hidden}.family-back{transform:rotateY(180deg)}.family-photo{position:absolute;display:block;max-width:none;object-fit:cover;object-position:50% 40%}.family-album.single{width:100%;min-width:0;aspect-ratio:726/489}.family-album.single .family-near,.family-album.single:before{display:none}.family-album.single .family-leaf{width:100%}@media(max-width:760px){.family-fold{padding:24px 8px 0}.family-fold .opening-title{font-size:28px}.family-fold .opening-subtitle{font-size:15px}.family-album{margin-top:28px}}.family-hands{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.family-card,.family-hand{position:absolute;top:0;left:0;will-change:transform}.family-hand{opacity:0;transition:opacity .3s ease-out}.family-hand.is-in{opacity:1}.family-lean,.family-press{display:block;transform-origin:3.5px 2.6px}.family-press{transition:transform .15s}.family-pointer{display:block;width:25px;height:27px;filter:drop-shadow(0 2px 2px rgb(0 0 0/.28))}.family-ripple{top:-7.4px;left:-6.5px;width:20px;height:20px;border:2px solid;opacity:0}.family-ripple,.family-tag{position:absolute;border-radius:9999px}.family-tag{top:21px;left:18px;padding:3px 8px;box-shadow:0 1px 2px rgb(0 0 0/.18);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.family-hand.is-flipped .family-tag{right:21px;left:auto}.family-card{display:block;max-width:none;object-fit:cover;object-position:50% 40%;transition:box-shadow .3s}.family-card.is-up{box-shadow:0 22px 44px -18px rgb(0 0 0/.4)}.film-fold{display:flex;flex-direction:column;align-items:center;margin:0 -8px;padding:var(--fold-gap,120px) 8px 0;overflow-x:clip;text-align:center}.film-fold .opening-title{font-size:clamp(28px,calc(3.2vw - 2px),44px);line-height:1.155}.film-fold .opening-subtitle{max-width:400px;color:var(--black);font-size:clamp(15px,calc(1.5vw - 2px),18px);line-height:1.3}.film-band{isolation:isolate;align-self:stretch;flex-direction:column;margin:40px -8px 0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.film-band,.film-band .film-row{position:relative;display:flex;gap:12px}.film-band .film-row{height:clamp(150px,min(calc((100svh - 440px) / 2),20vw),260px)}.film-shot{position:relative;flex:none;height:100%;overflow:hidden;background:var(--grey-100);touch-action:manipulation}.film-band.laid .film-shot{position:absolute;top:0;left:0;will-change:transform}@media(hover:hover){.film-band.laid .film-shot{cursor:pointer}}.film-look,.film-look canvas,.film-shot>img{position:absolute;inset:0;display:block;width:100%;height:100%}.film-shot>img{object-fit:cover}.film-look,.film-shot>img{visibility:hidden}.film-band.plain .film-shot>img{visibility:visible}.film-band .film-name{position:absolute;right:9px;bottom:9px;max-width:calc(100% - 18px);display:flex;align-items:center;gap:4px;height:30px;padding:0 8px;border-radius:4px;background:var(--grey-200);color:var(--ink);direction:ltr;font-size:14px;font-weight:600;line-height:1;letter-spacing:-.05em;white-space:nowrap}.film-band .film-name>svg{flex:none}.film-band .film-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-bottom:1px}.film-swoosh{position:absolute;top:0;left:0;z-index:4;height:100%;background:linear-gradient(90deg,transparent 6%,#43e97b 20%,#00f2fe 31%,#4facfe 42%,#f857a6 54%,#ee0979 65%,#ff6a00 77%,#ffd200 87%,transparent 95%);opacity:0;mix-blend-mode:screen;pointer-events:none}[dir=rtl] .film-swoosh{background:linear-gradient(270deg,transparent 6%,#43e97b 20%,#00f2fe 31%,#4facfe 42%,#f857a6 54%,#ee0979 65%,#ff6a00 77%,#ffd200 87%,transparent 95%)}.film-hand{position:absolute;top:0;left:0;z-index:4;opacity:0;transform-origin:39% 7%;pointer-events:none;transition:opacity .3s;will-change:transform}.film-hand.is-in{opacity:1}@media(max-width:760px){.film-fold .opening-title{font-size:28px}.film-fold .opening-subtitle{font-size:15px}.film-band{gap:8px;margin-top:28px}.film-band .film-row{gap:8px;height:130px}.film-band .film-name{right:6px;bottom:6px;max-width:calc(100% - 12px);height:24px;padding:0 6px;font-size:12px}.film-band .film-name>svg{width:13px;height:13px}}