.home-album{position:relative;isolation:isolate;overflow:hidden;padding:22px 0 28px;background:radial-gradient(ellipse at 48% 35%,#25365a 0,#111a33 48%,#080e20 85%);color:#f7f1e4;scroll-margin-top:20px;border-bottom:1px solid #cba76255}
.home-album:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 30%,#a270c31c,transparent 45%),radial-gradient(ellipse at 90% 60%,#d0a05217,transparent 40%)}
.home-album-counter{position:absolute;left:3%;bottom:8px;z-index:20;direction:ltr;white-space:nowrap;font:italic 24px/1.3 Georgia;color:#f0d29c;padding:6px 12px;border:1px solid #d0aa6155;border-radius:10px;background:#091124d9;pointer-events:none}
.home-album-stage{position:relative;height:clamp(380px,68svh,730px);margin-top:0;outline:none}
.home-album-stage:focus-visible{outline:2px solid #e4c18a;outline-offset:-8px;border-radius:18px}
.home-album-scene{position:absolute;inset:0;perspective:1600px;touch-action:pan-y;user-select:none;cursor:grab}
.home-album-scene.is-dragging{cursor:grabbing}
.home-album-card{position:absolute;inset:0;width:min(76%,1100px);height:100%;margin:auto;border:1px solid #d6b77899;border-radius:20px;padding:8px;background:linear-gradient(145deg,#dcb77750,#17243b 25%,#060d1d 75%,#ae864540);box-shadow:0 26px 60px #0009,inset 0 1px #fff2c84d;overflow:hidden;will-change:transform;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .65s,filter .65s;transform:translateX(var(--album-drag,0px));cursor:pointer}
.home-album-card img{width:100%;height:100%;object-fit:contain;display:block;border-radius:13px;background:#080f1e;pointer-events:none}
.home-album-card img{padding-inline:clamp(28px,4vw,56px)}
.home-album-card[data-position="0"]{opacity:1;filter:none;cursor:default}
.home-album-card[data-position="1"]{transform:translateX(calc(-55% + var(--album-drag,0px))) translateZ(-200px) rotateY(23deg) scale(.83);opacity:.72;filter:brightness(.65)}
.home-album-card[data-position="-1"]{transform:translateX(calc(55% + var(--album-drag,0px))) translateZ(-200px) rotateY(-23deg) scale(.83);opacity:.72;filter:brightness(.65)}
.home-album-card[data-position="2"]{transform:translateX(calc(-80% + var(--album-drag,0px))) translateZ(-420px) rotateY(30deg) scale(.7);opacity:.35;filter:brightness(.5)}
.home-album-card[data-position="-2"]{transform:translateX(calc(80% + var(--album-drag,0px))) translateZ(-420px) rotateY(-30deg) scale(.7);opacity:.35;filter:brightness(.5)}
.home-album-card[data-position="3"]{transform:translateX(-105%) translateZ(-500px) scale(.5);opacity:0;pointer-events:none}
.home-album-card[data-position="-3"]{transform:translateX(105%) translateZ(-500px) scale(.5);opacity:0;pointer-events:none}
.home-album-scene.is-dragging .home-album-card{transition:filter .2s;}
.home-album-arrow{position:absolute;z-index:20;top:50%;transform:translateY(-50%);width:94px;height:94px;padding:0;border:0;border-radius:50%;background:#08132d88;cursor:pointer;filter:drop-shadow(0 5px 9px #000a);transition:scale .25s,filter .25s}
.home-album-arrow img{width:100%;height:100%;display:block;pointer-events:none}
.home-album .home-album-arrow{transform:translate(-50%,-50%);background:transparent}
.home-album-arrow[data-album-next]{left:3%}.home-album-arrow[data-album-next] img{transform:scaleX(-1)}
.home-album-arrow[data-album-prev]{right:3%}
.home-album-arrow:hover{scale:1.1;filter:drop-shadow(0 0 16px #e4b85d88)}
.home-album-arrow:focus-visible,.home-album-thumb:focus-visible{outline:3px solid #fff0c5;outline-offset:4px}
.home-album-caption{position:relative;margin:18px auto 14px;text-align:center;padding:0 20px;font-size:clamp(18px,2vw,25px);font-weight:800;color:#ffe3a6;min-height:1.7em}
.home-album-thumbs{position:relative;max-width:1180px;width:88%;margin:auto;display:flex;gap:12px;overflow-x:auto;padding:12px 8px 15px;scrollbar-width:thin;scrollbar-color:#bc995c #182039;direction:ltr;overscroll-behavior-x:contain}
.home-album-thumb{position:relative;flex:0 0 108px;height:79px;padding:3px;border-radius:10px;border:1px solid #a1abc24d;background:#0a1225;cursor:pointer;opacity:.58;transition:opacity .25s,border-color .25s,transform .25s}
.home-album-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}
.home-album-thumb span{position:absolute;left:5px;bottom:4px;background:#071025da;color:#ffdfa0;border-radius:5px;padding:0 5px;font:14px/1.5 Georgia}
.home-album-thumb[aria-current="true"]{opacity:1;border-color:#ffdb91;box-shadow:0 0 17px #dbb86433;transform:translateY(-4px)}
.home-album-thumb:hover{opacity:1}
@media(min-width:1700px){.home-album-card{width:min(75%,1250px)}}
@media(max-width:700px){.home-album{padding:16px 0 21px;scroll-margin-top:38px}.home-album-counter{left:calc(6.5% + 8px);bottom:10px;font-size:17px;padding:4px 9px}.home-album-stage{height:clamp(240px,62vw,430px);margin-top:0}.home-album-card{width:87%;padding:4px;border-radius:12px}.home-album-card img{border-radius:8px}.home-album-arrow{width:58px;height:58px;background:#061128bb}.home-album-arrow[data-album-prev]{right:0}.home-album-arrow[data-album-next]{left:0}.home-album-caption{font-size:17px;margin:14px 0 4px}.home-album-thumbs{width:92%;gap:8px}.home-album-thumb{flex-basis:85px;height:62px}}
@media(prefers-reduced-motion:reduce){.home-album-card{transition:opacity .15s}.home-album-arrow,.home-album-thumb{transition:none}}