.cd-mast{position:relative;height:80vh;height:80svh;min-height:520px;overflow:hidden}.cd-mast__bg{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.05);transition:transform 2.2s var(--ease-luxury)}.cd-mast__bg.loaded{transform:scale(1)}.cd-mast__bg img{object-position:center 25%}.cd-mast__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f0c0a66,#0f0c0a2e 42%,#0f0c0a9e)}.cd-mast__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gutter)}.cd-mast__eyebrow{color:#ffffffad;margin-bottom:22px;opacity:0;animation:fadeUp 1s var(--ease-luxury) .5s forwards}.cd-mast__title{font-family:var(--f-display);color:#fff;text-align:center;opacity:0;animation:fadeUp 1.2s var(--ease-luxury) .8s forwards}.cd-mast__title .lead{display:block;font-size:clamp(3rem,7vw,6.2rem);font-style:italic;font-weight:400;line-height:1}.cd-mast__title .main{display:block;font-size:clamp(1.2rem,2.6vw,1.9rem);font-style:italic;font-weight:300;letter-spacing:.06em;color:#ffffffc7;margin-top:10px}.cd-mast__sub{margin-top:28px;max-width:600px;font-family:var(--f-sans);font-size:.84rem;font-weight:300;letter-spacing:.03em;line-height:1.95;color:#ffffffbf;opacity:0;animation:fadeUp 1s var(--ease-luxury) 1.2s forwards}.cd-mast__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeIn 1s var(--ease-luxury) 2s forwards}.cd-mast__scroll span{font-family:var(--f-sans);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73}.cd-mast__scroll-line{width:1px;height:44px;background:#fff3;position:relative;overflow:hidden}.cd-mast__scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:#ffffffa6;animation:scrollDrop 1.8s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollDrop{0%{top:-100%}to{top:100%}}@media(max-width:600px){.cd-mast{height:74svh}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ka-diary-mast.css.map */