.tooto-media-intro.section{margin:0;padding-block:var(--intro-mobile-top, 48px) var(--intro-mobile-bottom, 48px);overflow:hidden;background:#f6f6f6;color:#000;font-family:"Noto Sans TC",var(--body-font-family)}.tooto-media-intro>.container{width:100%;max-width:calc(var(--page-content-width, 1240px) + 200px);padding-inline:24px}.tooto-media-intro .media-with-text{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;max-width:none;align-items:center}.tooto-media-intro .media-with-text__media{width:100%;max-width:none;min-width:0;aspect-ratio:26 / 15;transform:none}.tooto-media-intro .video-section__media{padding-top:0;width:100%;height:100%}.tooto-media-intro .media-with-text__media>.media{top:0;right:0;bottom:0;left:0;height:100%}.tooto-media-intro .media-with-text__media img{width:100%;height:100%;object-fit:cover}.tooto-media-intro--product .media-with-text__media img{object-fit:contain}.tooto-media-intro .video-section__play-btn{filter:none}.tooto-media-intro .video-section__play-btn>.icon{width:76px;height:76px;transition:transform .24s ease}.tooto-media-intro .video-section__play-btn:hover>.icon{transform:scale(1.08)}.tooto-media-intro .video-section__play-btn:focus-visible{outline:2px solid #ff6d08;outline-offset:-4px}.tooto-media-intro .media-with-text__text{min-width:0;margin:0;padding:0;color:inherit;text-align:left}.tooto-media-intro .section__block--heading{margin:0 0 26.783px;color:inherit;font-family:inherit;font-size:28px;font-weight:700;line-height:1.2}.tooto-media-intro__accent{color:#ff6d08}.tooto-media-intro .rte{max-width:none;margin:0;font-size:14px;font-weight:350;line-height:1.7}.tooto-media-intro .rte p{margin:0}@media(min-width:750px){.tooto-media-intro.section{padding-block:var(--intro-top, 120px) var(--intro-bottom, 120px)}.tooto-media-intro>.container{padding-inline:clamp(40px,6.94445vw,100px)}.tooto-media-intro .media-with-text{grid-template-columns:minmax(0,712fr) minmax(0,448fr);gap:clamp(32px,5.55556vw,80px)}.tooto-media-intro .section__block--heading{font-size:clamp(28px,2.77778vw,40px)}.tooto-media-intro .rte{font-size:16px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.tooto-media-intro .video-section__play-btn>.icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tooto-media-intro.css.map */