/* A real reel-shaped gallery, with native touch scrolling and a vertical viewer. */
.diary .section-heading{align-items:center}.diary .diary-intro{font-size:16px;line-height:1.7}.diary .coming-label{font-size:11px;letter-spacing:.09em;line-height:1.6;max-width:300px}.reel-carousel{position:relative}.diary .reel-grid{display:flex;gap:22px;margin:0;padding:0 8% 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:8%;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;user-select:none}.diary .reel-grid::-webkit-scrollbar{display:none}.diary .reel-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.diary .reel{flex:0 0 26%;aspect-ratio:9/16;min-width:230px;max-width:380px;margin:0!important;border-radius:12px;background:#342219;border:0;position:relative;scroll-snap-align:start;transform:none!important;overflow:hidden;box-shadow:0 12px 30px #20120b12}.diary .reel img{height:100%;width:100%;object-fit:cover;filter:saturate(.9);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.diary .reel:after{background:linear-gradient(0deg,#130f0bc9 0%,#130f0b40 39%,transparent 64%,#22180b38 100%)}.diary .reel:hover img{transform:scale(1.05)}.diary .reel-tag{position:absolute;top:19px;left:18px;background:#ffffff17;border:1px solid #ffffff60;border-radius:40px;padding:5px 10px;color:#fff3e3;font-size:10px;letter-spacing:.06em;backdrop-filter:blur(8px);font-weight:400}.diary .reel .play{width:58px;height:58px;border:1px solid #fff7e589;top:42%;background:#ffffff13;backdrop-filter:blur(5px);transition:background .3s,transform .3s;display:grid;place-items:center}.diary .reel .play svg{margin-left:3px}.diary .reel:hover .play{background:#fff8e6;color:#4b2d26;transform:translate(-50%,-50%) scale(1.07)}.diary .reel-caption{left:22px;right:22px;bottom:25px}.diary .reel-caption small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e1d0bc}.diary .reel-caption strong{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.13;letter-spacing:-.025em;margin:10px 0 17px;max-width:260px}.diary .reel-caption>span{font-size:10px;letter-spacing:.08em;color:#ceb9a2;display:inline-block;border-top:1px solid #fff0d74d;padding-top:12px}.reel-navigation{display:flex;align-items:center;gap:35px;margin:30px 8% 0}.reel-hint{font-size:10px;letter-spacing:.1em;color:#c9af96;max-width:280px}.reel-scrollbar{height:2px;background:#d4b89c30;overflow:hidden;flex:1;max-width:260px;margin-left:auto;position:relative}.reel-scrollbar>span{display:block;height:2px;width:50%;background:#e2c8a5;transition:transform .2s}.reel-nav-buttons{display:flex;align-items:center;gap:20px}.reel-nav{border:0;background:none;color:#f0deca;padding:12px 0;font-size:13px;position:relative}.reel-nav:after{content:'';position:absolute;left:0;bottom:7px;width:100%;height:1px;background:#dbc2a4;transform:scaleX(0);transform-origin:left;transition:transform .3s}.reel-nav:hover:after{transform:scaleX(1)}.reel-nav:disabled{opacity:.3;cursor:default}.reel-nav:disabled:after{display:none}.reel-nav-divider{height:20px;width:1px;background:#d4b89c50}.diary-foot{border-top:1px solid #d4b89c30;padding-top:28px;margin-top:28px;align-items:center}.diary-foot .text-link{font-size:13px}.swipe-hint{font-size:10px;letter-spacing:.1em;color:#b89a80}.reel-viewer{width:min(430px,94vw);height:min(840px,94svh);max-height:94svh;margin:auto;border-radius:17px;padding:0!important;background:#211813;color:#fff3e4;overflow:hidden;box-shadow:0 35px 120px #0006}.reel-viewer[open]{display:flex!important;flex-direction:column;gap:0;grid-template-columns:none}.reel-viewer-top{position:absolute;top:0;left:0;right:0;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(#170e09b3,transparent);z-index:5}.reel-viewer-top>span{font-size:10px;letter-spacing:.14em}.reel-viewer .close-dialog{position:static!important;color:#fff8eb;background:#ffffff1a;border:1px solid #ffffff50!important;border-radius:50%!important;width:34px;height:34px;padding:0;font:27px/1 Arial;display:grid;place-items:center}.reel-viewer .close-dialog:hover{background:#f6e8d4!important;color:#4b2d26!important}.reel-media{position:relative;flex:1;min-height:0;overflow:hidden;background:#1e1612}.reel-media>img,.reel-media>video{width:100%;height:100%;object-fit:cover;display:block}.reel-media>[hidden]{display:none!important}.reel-media>video{object-fit:contain}.reel-media>img{filter:brightness(.8)}#reel-embed{width:100%;height:100%;overflow:auto;background:#fff}#reel-embed iframe{height:100%;width:100%;border:0}.reel-viewer #reel-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 30px;background:linear-gradient(transparent,#1b110940)}#reel-placeholder>span{font-size:10px;letter-spacing:.13em;color:#faebd8;border:1px solid #fff1d675;padding:8px 11px;margin-bottom:22px}#reel-placeholder>p{color:#fff9eb;font-family:Aminute,sans-serif;font-size:41px;line-height:1.1;letter-spacing:-.035em}#reel-placeholder>p em{font-family:Georgia,serif}.reel-viewer-caption{padding:22px 25px 15px;background:#322219}.reel-viewer-caption>#reel-location{color:#c9ac8d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.reel-viewer-caption>h2{font-family:Georgia,serif;font-size:23px;line-height:1.2;letter-spacing:-.02em;color:#f8ebd7;margin:8px 0 19px}.reel-viewer-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7a8874a;padding-top:12px}.reel-viewer-controls>button{border:0;background:none;color:#edd9bd;font-size:12px;padding:5px 0}.reel-viewer-controls>button:hover{text-decoration:underline;text-underline-offset:5px}.reel-viewer-controls>span{font-size:11px;letter-spacing:.12em;color:#b69675}.reel-viewer::backdrop{background:#140d08dc;backdrop-filter:blur(13px)}.reel-viewer:focus{outline:none}
@media(min-width:1600px){.diary .reel{flex-basis:23%}.diary .reel-caption strong{font-size:31px}}
@media(max-width:1100px){.diary .reel{flex-basis:30%;min-width:230px}.diary .reel-caption strong{font-size:25px}.reel-hint{max-width:210px;line-height:1.5}.reel-navigation{gap:25px}}
@media(max-width:760px){.diary .reel-grid{padding:0 7% 10px;gap:17px;scroll-padding-inline:7%}.diary .reel{flex:0 0 78%;max-width:330px;min-width:0;aspect-ratio:9/16;border-radius:13px}.diary .reel-caption strong{font-size:28px}.diary .reel-tag{font-size:10px}.diary .reel-caption small,.diary .reel-caption>span{font-size:11px}.diary .reel .play{width:56px;height:56px}.reel-navigation{margin:20px 7% 0;gap:25px}.reel-hint{display:none}.reel-scrollbar{margin-left:0;max-width:none}.reel-nav-buttons{gap:16px}.reel-nav{font-size:13px}.diary-foot{margin:24px 7% 0;padding-top:25px;gap:22px;flex-direction:row;flex-wrap:wrap}.diary-foot .text-link{font-size:12px;padding:13px 19px}.diary-foot .swipe-hint{font-size:10px;max-width:125px;line-height:1.6}.reel-viewer{height:94svh;width:min(430px,94vw);max-height:94svh;border-radius:14px}.reel-viewer-top{height:58px;padding:0 16px}.reel-viewer-caption{padding:18px 21px 13px}.reel-viewer-caption>h2{font-size:22px;margin-bottom:16px}#reel-placeholder>p{font-size:38px}#reel-placeholder>span{font-size:9px}.diary .coming-label{font-size:11px;max-width:none}.reel-viewer .reel-media img{height:100%}.reel-viewer[open]{display:flex!important}}
@media(prefers-reduced-motion:reduce){.diary .reel:hover img,.diary .reel:hover .play{transform:none}.diary .reel .play{transform:translate(-50%,-50%)!important}}