.tw-craft-section .tw-craft-stage{display:grid;grid-template-columns:.8fr 1fr;gap:48px;align-items:start}.cst_right_block_head{display:none}@media (max-width: 900px){.tw-craft-section .tw-craft-stage{grid-template-columns:1fr;gap:36px}.tw-craft-media-below{display:none}.cst_right_block_head{display:block}}.tw-craft-section .tw-craft-media-col{position:relative;z-index:1}.tw-craft-section .tw-craft-frame{position:relative;border-radius:28px;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.19,1,.22,1),box-shadow 1.2s cubic-bezier(.19,1,.22,1);box-shadow:0 60px 120px #0000002e}.tw-craft-section .tw-craft-frame:hover{box-shadow:0 80px 160px #00000038}.tw-craft-section .tw-craft-media{border-radius:28px;overflow:hidden;transform:translateZ(30px)}.tw-craft-section .tw-craft-media img,.tw-craft-section .tw-craft-media video{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.08);transition:transform 1.4s cubic-bezier(.19,1,.22,1)}.tw-craft-section .tw-craft-frame:hover img,.tw-craft-section .tw-craft-frame:hover video{transform:scale(1)}.tw-craft-section .tw-craft-frame-border{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:34px;border:1px solid rgba(255,255,255,.4);transform:translateZ(-10px);pointer-events:none;opacity:.6}.tw-craft-section .tw-craft-media-below{margin-top:24px;text-align:left}.tw-craft-section .tw-craft-media-below .tw-craft-media-title{font-size:clamp(28px,7vw,38px);line-height:1.05;margin-bottom:18px;letter-spacing:.3px;font-weight:600;color:inherit}.tw-craft-section .tw-craft-media-below .tw-craft-media-text{font-size:16px;line-height:1.85;max-width:520px;margin-bottom:36px;opacity:.85}.tw-craft-section .tw-craft-content-col{position:relative;z-index:2}.tw-craft-section .tw-craft-card{position:relative;padding:64px 60px;border-radius:28px;background:#ffffff8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 80px #0000001f;transition:transform .9s cubic-bezier(.19,1,.22,1),box-shadow .9s cubic-bezier(.19,1,.22,1)}.tw-craft-section .tw-craft-card:hover{transform:translateY(-6px);box-shadow:0 60px 120px #0000002e}.tw-craft-section .tw-craft-heading{font-size:clamp(34px,3.6vw,50px);line-height:1.05;margin-bottom:18px;letter-spacing:.3px}.tw-craft-section .tw-craft-text{font-size:16px;line-height:1.85;max-width:520px;margin-bottom:36px;opacity:.85}.tw-craft-section .tw-craft-timeline{display:grid;gap:36px}.tw-craft-section .tw-craft-timeline-group h4{font-size:16px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-weight:600}.tw-craft-section .tw-craft-timeline-items{position:relative;display:grid;gap:14px}.tw-craft-section .tw-craft-timeline-items:before{position:absolute;left:3px;top:4px;bottom:4px;width:1px;background:linear-gradient(to bottom,transparent,currentColor,transparent);opacity:.25}.tw-craft-section .tw-craft-timeline-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;cursor:default;padding-left:12px;transition:transform .35s cubic-bezier(.19,1,.22,1),opacity .35s ease}.tw-craft-section .tw-craft-timeline-item .dot{width:7px;height:7px;margin-top:7px;border-radius:50%;background:currentColor;opacity:.5;flex-shrink:0;transition:transform .35s cubic-bezier(.19,1,.22,1),opacity .35s ease,box-shadow .35s ease}.tw-craft-section .tw-craft-timeline-item:hover{transform:translate(8px);opacity:1}.tw-craft-section .tw-craft-timeline-item:hover .dot{transform:scale(1.6);opacity:1;box-shadow:0 0 0 6px #0000000d}.tw-craft-section .tw-craft-frame,.tw-craft-section .tw-craft-card,.tw-craft-section .tw-craft-media-below{opacity:0;transform:translateY(64px) scale(.96);transition:opacity 1s ease,transform 1.2s cubic-bezier(.19,1,.22,1)}.tw-craft-section.is-visible .tw-craft-frame,.tw-craft-section.is-visible .tw-craft-card,.tw-craft-section.is-visible .tw-craft-media-below{opacity:1;transform:translateY(0) scale(1)}.tw-craft-section .tw-craft-card{transition-delay:.15s}@media (max-width: 768px){.tw-craft-section .tw-craft-card{padding:44px 32px}.tw-craft-section .tw-craft-heading,.tw-craft-section .tw-craft-media-below .tw-craft-media-title{font-size:clamp(28px,7vw,36px)}.tw-craft-section .tw-craft-text,.tw-craft-section .tw-craft-media-below .tw-craft-media-text{font-size:14px}.tw-craft-section .tw-craft-stage{gap:32px}.tw-craft-section .tw-craft-media-below{margin-top:16px}.cst_right_block_head .tw-craft-heading{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tw-craftsmanship.css.map */