.cd-story-time{position:relative;background:var(--cd-story-time-bg);color:var(--cd-story-time-text)}.cd-story-time__intro{position:relative;z-index:1;background:var(--cd-story-time-bg)}.cd-story-time__inner{width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 38px}@media screen and (max-width:1025px){.cd-story-time__inner{padding:0 18px}}.cd-story-time__inner.page-width{max-width:min(1400px,100%);margin:0 auto}.cd-story-time__rows{border-top:1px solid var(--cd-story-time-line);border-bottom:1px solid var(--cd-story-time-line)}.cd-story-time__row{display:grid;grid-template-columns:minmax(68px,96px) minmax(220px,2.2fr) minmax(132px,178px) minmax(240px,1.65fr);align-items:start;column-gap:clamp(20px,2.35vw,34px);padding:clamp(34px,4vw,54px) 0;border-top:1px solid var(--cd-story-time-line)}.cd-story-time__row:first-child{border-top:0}.cd-story-time__code,.cd-story-time__tile-number,.cd-story-time__tile-weight{letter-spacing:0}.cd-story-time__code{font-size:clamp(18px,1.5vw,21px);line-height:1;font-weight:400;padding-top:10px}.cd-story-time__name-wrap{min-width:0}.cd-story-time__name{margin:0;font-size:clamp(28px,2.7vw,36px);line-height:.96;font-weight:400;letter-spacing:-.04em}.cd-story-time__tiles{display:flex;flex-wrap:nowrap;gap:clamp(8px,.9vw,10px);justify-self:start}.cd-story-time__tile{width:clamp(84px,6.2vw,98px);min-height:clamp(92px,8vw,108px);padding:8px 8px 7px;border:1px solid var(--cd-story-time-tile-border);border-radius:10px;color:var(--cd-story-time-tile-text);display:grid;grid-template-rows:auto 1fr auto}.cd-story-time__tile-number{font-size:clamp(16px,1vw,18px);line-height:1;font-weight:400;justify-self:start}.cd-story-time__tile-symbol{align-self:end;font-size:clamp(28px,2vw,40px);line-height:.9;font-weight:400;letter-spacing:-.04em}.cd-story-time__tile-weight{align-self:end;font-size:clamp(14px,.95vw,16px);line-height:1;font-weight:400}.cd-story-time__copy-wrap{display:grid;gap:10px;min-width:0;padding-top:3px}.cd-story-time__copy-title{font-size:clamp(16px,1.12vw,19px);line-height:1.08;font-weight:400}.cd-story-time__copy{font-size:clamp(14px,1.05vw,17px);line-height:1.42;opacity:.46}.cd-story-time__copy p{margin:0}.cd-story-time__flow{position:relative;z-index:3;background:var(--cd-story-time-flow-bg);color:var(--cd-story-time-flow-text);overflow:clip;padding:0 40px}@media screen and (max-width:1024px){.cd-story-time__flow{padding:0 18px}}.cd-story-time__flow-transition{height:var(--cd-story-time-flow-transition-desktop);min-height:100px}.cd-story-time__flow-overlay{position:fixed;left:50%;top:50%;z-index:40;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.94);transform-origin:50% 50%;pointer-events:none;will-change:opacity,transform}.cd-story-time__flow-overlay-media,.cd-story-time__flow-media-wrap{width:min(var(--cd-story-time-flow-media-width-desktop),42vw,var(--cd-story-time-flow-media-max-width-desktop));max-width:100%}.cd-story-time__flow-image{display:block;width:100%;height:auto;object-fit:cover}.cd-story-time__flow-image--placeholder{background:#ffffff14;color:#ffffffb8}.cd-story-time__flow-content{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,auto) minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:clamp(24px,3vw,42px);padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(36px,6vw,72px)}.cd-story-time__flow-heading-wrap{grid-column:1;grid-row:1;align-self:start;justify-self:start}.cd-story-time__flow-heading{margin:0;color:var(--cd-story-time-flow-text);font-size:clamp(54px,5.9vw,80px);line-height:.94;font-weight:400;letter-spacing:-.055em}.cd-story-time__flow-media-wrap{grid-column:2;grid-row:1 / span 3;align-self:center;justify-self:center;opacity:0;visibility:hidden}.cd-story-time__flow-body-wrap{grid-column:3;grid-row:3;align-self:end;justify-self:start;max-width:min(16vw,260px)}.cd-story-time__flow-body{color:var(--cd-story-time-flow-body);font-size:clamp(13px,1vw,16px);line-height:1.48}.cd-story-time__flow-body p{margin:0;width:100%}@media screen and (max-width:1024px){.cd-story-time__row{grid-template-columns:92px 1fr;column-gap:16px;row-gap:18px;padding:28px 0}.cd-story-time__code{grid-column:1;grid-row:1;font-size:16px;padding-top:6px}.cd-story-time__tiles{grid-column:2;grid-row:1;gap:8px;align-self:start}.cd-story-time__tile{width:90px;min-height:88px;padding:7px 8px}.cd-story-time__tile-number{font-size:16px}.cd-story-time__tile-symbol{font-size:28px}.cd-story-time__tile-weight{font-size:12px}.cd-story-time__name-wrap{grid-column:2;grid-row:2}.cd-story-time__name{font-size:clamp(28px,7vw,44px);line-height:.93}.cd-story-time__copy-wrap{grid-column:2;grid-row:3;gap:8px;max-width:100%;display:none}.cd-story-time__copy-title{font-size:16px}.cd-story-time__copy{font-size:14px;line-height:1.4}.cd-story-time__flow-transition{height:var(--cd-story-time-flow-transition-mobile);min-height:110px}.cd-story-time__flow-overlay-media,.cd-story-time__flow-media-wrap{width:min(var(--cd-story-time-flow-media-width-mobile),72vw)}.cd-story-time__flow-content{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:start;gap:22px;padding-top:0;padding-bottom:42px}.cd-story-time__flow-heading-wrap,.cd-story-time__flow-media-wrap,.cd-story-time__flow-body-wrap{grid-column:1;justify-self:start;max-width:100%}.cd-story-time__flow-heading-wrap{grid-row:1;max-width:269px;padding-bottom:20px}.cd-story-time__flow-heading{font-size:clamp(34px,10vw,56px);line-height:.92}.cd-story-time__flow-media-wrap{grid-row:2;justify-self:center}.cd-story-time__flow-body-wrap{grid-row:3;max-width:229px;justify-self:end;text-align:right;padding-top:55px}.cd-story-time__flow-body{font-size:14px;line-height:1.45}}.cd-story-time__lineflow-line{display:block;overflow:hidden;padding-bottom:.08em}.cd-story-time__lineflow-text{display:block;opacity:var(--cd-story-line-opacity, 0);transform:translate3d(0,var(--cd-story-line-y, 1.08em),0);will-change:opacity,transform}.cd-story-time [data-cd-story-row-item]:not([data-cd-story-lineflow]),.cd-story-time [data-cd-story-flow-item]:not([data-cd-story-lineflow]){opacity:var(--cd-story-item-opacity, 0);transform:translate3d(0,var(--cd-story-item-y, 36px),0) scale(var(--cd-story-item-scale, .985));will-change:opacity,transform}.cd-story-time [data-cd-story-tile]{opacity:var(--cd-story-tile-opacity, 0);transform:translate3d(0,var(--cd-story-tile-y, 24px),0) scale(var(--cd-story-tile-scale, .96));will-change:opacity,transform}.cd-story-time__flow-overlay{transition:opacity .12s linear,visibility .12s linear}.cd-story-time__flow-overlay .cd-story-time__flow-image,.cd-story-time__flow-media-wrap .cd-story-time__flow-image,.cd-story-time__flow-media-wrap .placeholder-svg{transform:translate3d(0,var(--cd-story-flow-image-y, 18px),0) scale(var(--cd-story-flow-image-scale, 1.05));will-change:transform}.cd-story-time__flow-overlay .placeholder-svg{transform:translate3d(0,var(--cd-story-flow-image-y, 18px),0) scale(var(--cd-story-flow-image-scale, 1.05))}@media(prefers-reduced-motion:reduce){.cd-story-time__lineflow-text,.cd-story-time [data-cd-story-row-item]:not([data-cd-story-lineflow]),.cd-story-time [data-cd-story-flow-item]:not([data-cd-story-lineflow]),.cd-story-time [data-cd-story-tile],.cd-story-time__flow-overlay .cd-story-time__flow-image,.cd-story-time__flow-media-wrap .cd-story-time__flow-image,.cd-story-time__flow-media-wrap .placeholder-svg,.cd-story-time__flow-overlay .placeholder-svg{opacity:1!important;transform:none!important}}.cd-story-time__lineflow-text,.cd-story-time [data-cd-story-row-item]:not([data-cd-story-lineflow]),.cd-story-time [data-cd-story-flow-item]:not([data-cd-story-lineflow]),.cd-story-time [data-cd-story-tile],.cd-story-time__flow-overlay .cd-story-time__flow-image,.cd-story-time__flow-media-wrap .cd-story-time__flow-image,.cd-story-time__flow-media-wrap .placeholder-svg,.cd-story-time__flow-overlay .placeholder-svg{transition:opacity var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1)),transform var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1))}.cd-story-time__flow-overlay{transition:opacity var(--cd-home-motion-duration, .8s) var(--cd-home-motion-ease, cubic-bezier(.22, 1, .36, 1)),visibility var(--cd-home-motion-duration, .8s) linear}
/*# sourceMappingURL=/cdn/shop/t/28/assets/cleerdent-home-story-time-intro.css.map */