:root{--white: #faf8f3;--black: #0d0b09;--red: #8b2020;--gold: #c9a84c;--paper: #f5f0e8}.story-opening{position:absolute;top:0;left:0;transition:opacity 1.3s ease-out;width:100%;height:100dvh;overflow:hidden;background:var(--black);z-index:100}.story-opening.is-hidden{pointer-events:none;opacity:0}.story-detail-catch{transition:opacity 1s ease .5s,transform 1.2s cubic-bezier(.16,.8,.3,1) .5s;transform:scale(.78);opacity:0}.story-detail-text{transition:opacity 1s ease .7s,transform 1.2s cubic-bezier(.16,.8,.3,1) .7s;transform:scale(.88);opacity:0}.story-detail.is-active .story-detail-catch,.story-detail.is-active .story-detail-text{transform:scale(1);opacity:1}.photo-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease;will-change:opacity}.photo-layer.visible{opacity:1}.photo-layer img{width:100%;height:100%;object-fit:cover;filter:grayscale(.8) sepia(.35) contrast(1.2) brightness(.65);transform:scale(1.06);transition:transform 9s ease-out}.photo-layer.visible img{transform:scale(1)}.photo-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.18'/%3E%3C/svg%3E");background-size:160px;pointer-events:none;mix-blend-mode:overlay;opacity:.5}#photo-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000,#0000008c);pointer-events:none;z-index:5;opacity:0;transition:opacity .5s ease}#photo-mask.visible{opacity:1}#opening-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none;gap:clamp(8px,1.5vh,18px);opacity:0;transition:opacity .6s ease}#opening-text.visible{opacity:1}.opening-year{font-family:Poltawski Nowy,serif;font-size:clamp(13px,2vw,22px);font-weight:300;color:#ffffff80;letter-spacing:.25em;line-height:1}.opening-era{font-family:Zen Old Mincho,serif;font-size:clamp(32px,6vw,80px);font-weight:500;color:var(--white);letter-spacing:.2em;line-height:1;text-shadow:0 2px 30px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:opacity .7s ease .2s,transform .7s ease .2s}#opening-text.visible .opening-era{opacity:1;transform:translateY(0)}.opening-sub{font-family:Zen Old Mincho,serif;font-size:clamp(14px,2.2vw,28px);font-weight:400;color:#ffffffb3;letter-spacing:.25em;line-height:1;opacity:0;transform:translateY(8px);transition:opacity .7s ease .45s,transform .7s ease .45s}#opening-text.visible .opening-sub{opacity:1;transform:translateY(0)}#year-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.year-item{position:absolute;text-align:center;opacity:0;transform:scale(1);-webkit-user-select:none;user-select:none}.year-item.in{opacity:1;transform:scale(1.08);transition:opacity .18s ease-in,transform .18s ease-in}.year-item.out{opacity:0;transform:scale(1.22);transition:opacity .13s cubic-bezier(.2,0,.8,1),transform .13s cubic-bezier(.2,0,.8,1)}.year-western{display:block;font-family:Poltawski Nowy,serif;font-size:clamp(40px,4.5vw,58px);font-weight:300;color:#ffffffd1;letter-spacing:.12em;line-height:1;text-shadow:0 0 40px rgba(255,255,255,.08),1px 1px 0 rgba(0,0,0,.4)}#replay{position:absolute;bottom:28px;right:28px;z-index:100;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffff61;font-family:Poltawski Nowy,serif;font-size:11px;letter-spacing:.22em;padding:10px 20px;cursor:pointer;transition:border-color .3s,color .3s,opacity .5s;opacity:0;z-index:2}#replay.is-active{opacity:1}#replay:hover{border-color:#fff9;color:#ffffffe0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/story-opening.css.map */