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-top-nav-entries,.story-inspiration-entry{width:100%;display:flex;flex-direction:column;gap:.65rem}.story-inspiration-nav-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .65rem;background:#0000000a;color:#070600cc;border:1px solid rgba(0,0,0,.08);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-sizing:border-box}.story-inspiration-nav-btn:hover{background:#00000014;color:#000;border-color:#00000029;transform:translateY(-1px)}.inspiration-nav-badge{display:flex;align-items:center;justify-content:center;color:currentColor}.inspiration-nav-label{flex:1;margin-left:.45rem}.inspiration-nav-count{font-size:.64rem;font-weight:500;color:#07060099;background:#00000012;padding:1px 6px;border-radius:8px}.story-office-nav-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .65rem;background:#0000000a;color:#070600cc;border:1px solid rgba(0,0,0,.08);border-radius:8px;text-decoration:none!important;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box;outline:none}.story-office-nav-btn:hover{background:#00000014;color:#000;border-color:#00000029;transform:translateY(-1px)}.story-office-nav-btn.is-active{background:#070600;color:#fff!important;border-color:#070600;box-shadow:0 3px 10px #0000001f}.office-nav-badge{display:flex;align-items:center;justify-content:center;color:currentColor}.office-nav-label{flex:1;margin-left:.45rem;text-align:left}.office-nav-count{font-size:.64rem;font-weight:500;color:#07060099;background:#00000012;padding:1px 6px;border-radius:8px;transition:all .2s ease}.story-office-nav-btn.is-active .office-nav-count{color:#ffffffa6;background:#ffffff29}.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;touch-action:pan-y;user-select:none;-webkit-user-select:none}.story-slider-track-wrap{width:100%;height:100%;overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.story-slider-track{display:flex;align-items:center;width:100%;min-width:100%;height:100%;will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1);touch-action:pan-y;user-select:none;-webkit-user-select:none}.story-slide-item{flex:0 0 100%;width:100%;min-width:100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem 1.25rem 3.5rem;touch-action:pan-y;user-select:none;-webkit-user-select:none}.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;touch-action:pan-y;user-select:none;-webkit-user-select:none}.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;touch-action:pan-y;user-select:none;-webkit-user-select:none}.story-slide-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.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;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:pan-y;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;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}.story-slide-card{padding:8px;border-radius:4px}.story-slide-card--text{width:100%;max-width:100%;padding:clamp(1.2rem,3.5vw,1.8rem) clamp(1rem,3vw,1.4rem);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.story-slide-text-title{font-size:clamp(1.35rem,3.5vw,1.65rem);margin-bottom:.85rem;line-height:1.25}.story-slide-text-body{width:100%;max-width:100%;gap:.85rem;box-sizing:border-box}.story-slide-p{font-size:clamp(.82rem,2vw,.92rem);line-height:1.62;text-align:left;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.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}}.story-card--text{background:#fff;padding:18px 20px 20px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 22px #00000012,0 2px 5px #00000008;cursor:pointer;box-sizing:border-box}.story-card--text:hover{transform:translateY(-4px) rotate(0)!important;box-shadow:0 14px 32px #0000001f,0 3px 8px #0000000d}.story-card-inner--text{display:flex;flex-direction:column;height:100%}.story-card-text-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:.45rem}.story-card-text-badge{font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#07060080}.story-card-text-action{font-family:Inter,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#070600;opacity:.75;transition:opacity .2s ease,transform .2s ease}.story-card--text:hover .story-card-text-action{opacity:1;transform:translate(2px)}.story-card-text-title{font-family:Playfair Display,Georgia,serif;font-size:1.18rem;font-weight:500;color:#070600;margin:0 0 .5rem;line-height:1.25}.story-card-text-preview{font-family:Inter,sans-serif;font-size:.72rem;line-height:1.52;color:#070600b8;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.story-slide-item--text{cursor:default}.story-slide-card--text{width:100%;max-width:780px;background:#fff;padding:clamp(1.8rem,4vw,3rem) clamp(1.6rem,4.5vw,3.6rem);box-shadow:0 8px 32px #0000000f,0 2px 6px #00000008;border:1px solid rgba(0,0,0,.06);cursor:default;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;margin:0 auto;-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.story-slide-card--text:hover{transform:none;box-shadow:0 8px 32px #00000014,0 2px 6px #00000008}.story-slide-text-inner{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box}.story-slide-text-eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.story-slide-text-badge{font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#07060073}.story-slide-text-divider{font-size:.75rem;color:#0706004d}.story-slide-text-year{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.06em;color:#07060080}.story-slide-text-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:400;letter-spacing:-.01em;color:#070600;margin:0 0 1.35rem;line-height:1.2}.story-slide-text-body{display:flex;flex-direction:column;gap:1.1rem;width:100%;max-width:100%;box-sizing:border-box}.story-slide-p{font-family:Inter,sans-serif;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.72;color:#070600d1;margin:0;text-align:justify;overflow-wrap:break-word;word-wrap:break-word}.story-reader-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.story-reader-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.story-reader-backdrop{position:absolute;inset:0;background:#0f0e0c8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.story-reader-container{position:relative;z-index:2;width:100%;max-width:680px;max-height:86vh;max-height:86dvh;display:flex;flex-direction:column;animation:storyReaderIn .35s cubic-bezier(.16,1,.3,1)}@keyframes storyReaderIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.story-reader-card{background:#fff;padding:clamp(2rem,4.5vw,3.4rem);box-shadow:0 24px 60px #0003;border:1px solid rgba(0,0,0,.08);overflow-y:auto;position:relative;box-sizing:border-box;user-select:text;-webkit-user-select:text;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.story-reader-close-btn{position:absolute;top:1.4rem;right:1.4rem;background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#070600;transition:background .2s ease,transform .2s ease}.story-reader-close-btn:hover{background:#0000001f;transform:rotate(90deg)}.story-reader-header{margin-bottom:1.6rem;padding-right:2.5rem}.story-reader-eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.story-reader-decade-tag{font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#07060080}.story-reader-bullet{font-size:.75rem;color:#0706004d}.story-reader-year{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:#07060080}.story-reader-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;letter-spacing:-.01em;color:#070600;margin:0;line-height:1.2}.story-reader-body{display:flex;flex-direction:column;gap:1.25rem}.story-reader-p{font-family:Inter,sans-serif;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.75;color:#070600d9;margin:0;text-align:justify}@media(max-width:768px){.story-slide-card--text{padding:1.25rem 1rem;max-height:100%}.story-slide-text-title{font-size:1.35rem;margin-bottom:.75rem}.story-slide-p{font-size:.82rem;line-height:1.55;text-align:left}.story-reader-card{padding:1.6rem 1.2rem}.story-reader-close-btn{top:1rem;right:1rem;width:32px;height:32px}.story-reader-title{font-size:1.75rem}.story-reader-p{font-size:.88rem;line-height:1.65;text-align:left}}