.sucho-problem__frame{position:relative;overflow:hidden;overflow:clip;margin-top:6.4rem}.sucho-problem__mask{display:block;overflow:hidden;overflow:clip}.sucho-problem__shot{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:var(--steel)}.sucho-problem__mask,.sucho-problem__shot{transition:transform 1s var(--ease)}html.sucho-anim .sucho-problem__frame:not([data-revealed]) .sucho-problem__mask{transform:translateY(101%)}html.sucho-anim .sucho-problem__frame:not([data-revealed]) .sucho-problem__shot{transform:translateY(-101%)}.sucho-problem__slot{display:grid;place-content:center;gap:.8rem;aspect-ratio:4 / 5;text-align:center;background:var(--steel);color:#f5f2ed80;font-size:var(--step-small);letter-spacing:.08em;text-transform:uppercase;border-block:1px dashed rgb(245 242 237 / .22)}.sucho-problem__text{display:grid;gap:3.2rem}.sucho-problem__title{margin-top:1.6rem}.sucho-problem__body{color:#f5f2edd1;max-width:52rem}@media screen and (min-width:768px){.sucho-problem__shot,.sucho-problem__slot{aspect-ratio:16 / 9}}@media screen and (min-width:1024px){.sucho-problem__frame{margin-top:9.6rem}.sucho-problem__text{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8rem;align-items:end}.sucho-problem__body{padding-bottom:.6rem}}@media(prefers-reduced-motion:reduce){.sucho-problem__mask,.sucho-problem__shot{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sucho-problem.css.map */