html,body.story-page{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--color-bg, #fbfaf5);user-select:none;-webkit-user-select:none}body.story-page .frame{position:fixed;top:0;left:0;width:100%;z-index:200;pointer-events:auto}@media(min-width:1081px){body.story-page .frame{background:transparent}}.story-main-viewport{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:var(--color-bg, #fbfaf5)}.story-sidebar{position:fixed;top:50%;transform:translateY(-50%);left:clamp(1.2rem,3.2vw,3rem);z-index:150;display:flex;flex-direction:column;gap:1.1rem;background:#fbfaf5e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem .95rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #0000000a;width:clamp(155px,12vw,175px);pointer-events:auto;transition:transform .3s ease,opacity .3s ease}.story-sidebar-section{display:flex;flex-direction:column;gap:.45rem}.story-sidebar-title{font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#07060066;margin-bottom:.15rem;padding-left:.2rem}.story-sidebar-divider{width:100%;height:1px;background:#00000014}.story-inspiration-entry{width:100%}.story-inspiration-nav-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .65rem;background:#070600;color:#fff!important;border-radius:8px;text-decoration:none!important;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 3px 10px #0000001a;box-sizing:border-box}.story-inspiration-nav-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 5px 14px #00000029;color:#fff!important;text-decoration:none!important}.inspiration-nav-badge{display:flex;align-items:center;justify-content:center;color:#fff}.inspiration-nav-label{flex:1;margin-left:.45rem}.inspiration-nav-count{font-size:.64rem;font-weight:500;color:#ffffffa6;background:#ffffff29;padding:1px 6px;border-radius:8px}.story-decades-list{display:flex;flex-direction:column;gap:.25rem}.story-decade-btn{background:transparent;border:none;padding:.3rem .45rem;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;font-family:Playfair Display,Playfair,Georgia,serif;font-size:1.22rem;font-weight:400;letter-spacing:.01em;color:#0706008c;text-align:left;transition:all .18s ease;position:relative;outline:none}.story-decade-btn:hover{color:#000;background:#0000000a}.story-decade-btn.is-active{color:#000;font-weight:600;background:#0000000f}.story-mode-toggle{display:flex;gap:.35rem;background:#0000000a;padding:3px;border-radius:8px}.story-mode-btn{flex:1;background:transparent;border:none;padding:.45rem .6rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#07060073;transition:all .18s ease;outline:none}.story-mode-btn:hover{color:#000}.story-mode-btn.is-active{background:#fff;color:#000;box-shadow:0 2px 6px #00000014}.story-mode-btn svg{flex-shrink:0}.story-scattered-view{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease;cursor:default}.story-scattered-view.is-active{opacity:1;visibility:visible;pointer-events:auto}.story-canvas-pan-wrap,.story-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.story-card{position:absolute;width:clamp(150px,12.5vw,210px);background:#fff;padding:7px;border-radius:0;box-shadow:0 4px 14px #00000014,0 1px 3px #0000000a;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transform-origin:center center;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;will-change:transform,box-shadow,left,top;display:flex;flex-direction:column}.story-card:hover{box-shadow:0 8px 20px #0000001f,0 2px 6px #0000000d}.story-card.is-dragging{cursor:grabbing!important;box-shadow:0 12px 28px #00000029,0 4px 10px #00000014!important;transition:none!important}.story-card-img-wrap{width:100%;position:relative;overflow:hidden;border-radius:0;background:#f0ede6;aspect-ratio:4 / 3;display:block}.story-card-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.story-card.is-focused{z-index:9999!important;box-shadow:0 14px 32px #00000029,0 4px 12px #0000000f}.story-slider-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease;z-index:10;box-sizing:border-box}.story-slider-view.is-active{opacity:1;visibility:visible;pointer-events:auto}.story-slider-stage{position:relative;width:100%;max-width:950px;height:clamp(380px,62vh,640px);display:flex;align-items:center;justify-content:center;padding:0 1rem;box-sizing:border-box}.story-slider-track-wrap{width:100%;height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.story-slider-track{display:flex;align-items:center;height:100%;will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1)}.story-slide-item{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem 1.25rem 3.5rem}.story-slide-card{height:100%;max-width:100%;background:#fff;padding:10px;border-radius:0;box-shadow:0 6px 20px #00000014,0 2px 6px #0000000a;display:flex;flex-direction:column;cursor:pointer;box-sizing:border-box;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.story-slide-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px #0000001f,0 3px 8px #0000000d}.story-slide-img-wrap{flex:1;width:100%;height:100%;position:relative;overflow:hidden;border-radius:0;background:#f0ede6;display:flex;align-items:center;justify-content:center}.story-slide-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.story-slider-bottom-controls{margin-top:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;z-index:50}.story-slider-info{display:flex;align-items:center;gap:1.2rem;font-family:Inter,sans-serif}.story-slider-decade-badge{font-family:Playfair Display,Playfair,serif;font-size:1.25rem;font-weight:400;color:#000}.story-slider-counter{font-size:.8rem;font-weight:500;letter-spacing:.08em;color:#07060073}.story-slider-counter .current-slide{color:#000;font-weight:600}.story-slider-nav-arrows{display:flex;align-items:center;gap:.6rem}.story-slider-nav-btn{position:static;transform:none;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;transition:all .18s ease;outline:none}.story-slider-nav-btn:hover{background:#000;color:#fff;transform:scale(1.08)}.story-bottom-note{position:fixed;bottom:clamp(1rem,2.5vh,1.8rem);left:50%;transform:translate(-50%);z-index:90;pointer-events:none;-webkit-user-select:none;user-select:none}.story-bottom-note .note-text{font-family:Inter,sans-serif;font-size:clamp(.65rem,.72vw,.76rem);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#07060066;background:transparent;padding:0;border-radius:0;border:none}.story-copyright{position:fixed;bottom:var(--page-padding, 1.5rem);left:var(--page-padding, 1.5rem);z-index:100;pointer-events:none;font-family:Inter,sans-serif;font-size:clamp(.72rem,.8vw,.82rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#070600;-webkit-user-select:none;user-select:none}.story-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:3000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s ease;display:flex;align-items:center;justify-content:center}.story-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.story-lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.story-lightbox-content{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2.5rem;box-sizing:border-box}.story-lightbox-close-btn{position:fixed;top:var(--page-padding, 1.5rem);right:var(--page-padding, 1.5rem);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000f;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease;outline:none}.story-lightbox-close-btn:hover{background:#000;color:#fff;transform:scale(1.08)}.story-lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #00000014;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .2s ease;outline:none}.story-lightbox-arrow:hover{background:#000;color:#fff;transform:translateY(-50%) scale(1.1)}.story-lightbox-arrow.prev{left:clamp(1rem,3vw,2.5rem)}.story-lightbox-arrow.next{right:clamp(1rem,3vw,2.5rem)}.story-lightbox-figure{display:flex;flex-direction:column;align-items:center;max-width:88vw;max-height:86vh}.story-lightbox-img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:0 10px 28px #00000017,0 2px 8px #0000000a;-webkit-user-select:none;user-select:none;background:#fff}.story-lightbox-meta{margin-top:1rem;display:flex;gap:1.2rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.08em;color:#07060073;text-transform:uppercase}.lightbox-decade-tag{color:#000;font-weight:600}@media(max-width:1080px){.story-sidebar,.story-scattered-view{display:none!important}.story-slider-view{position:absolute;top:0;left:0;width:100vw;height:100vh;height:100dvh;display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;padding-top:58px;padding-bottom:24px;box-sizing:border-box}.story-bottom-note,.story-copyright{display:none!important}.story-slider-stage{padding:0 .85rem;height:clamp(280px,62vh,560px);width:100%;max-width:100%;box-sizing:border-box}.story-slide-item{padding:.5rem .5rem 1rem}.story-slide-card{padding:8px;border-radius:4px}.story-slider-bottom-controls{margin-top:.4rem;gap:.5rem}.story-slider-decade-badge{font-size:1.05rem}.story-slider-nav-btn{width:38px;height:38px}}