.tm-brand-film{--film-height:100svh;--film-runway:112svh;position:relative;background:#e9f0f3;color:#173c55;isolation:isolate}.tm-brand-film__stage{position:relative;width:100%;height:var(--film-height);background:#e9f0f3;overflow:hidden}.tm-brand-film__stage:after{content:"";position:absolute;inset:auto 0 0;height:clamp(50px,9svh,120px);z-index:1;pointer-events:none;background:linear-gradient(0deg,#e9f0f3,#e9f0f300)}.tm-brand-film__media{position:absolute;inset:0 0 0 auto;width:calc(var(--film-height)*16/9);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);mask-image:linear-gradient(90deg,transparent,#000 25%)}.tm-brand-film__media picture,.tm-brand-film__media img,.tm-brand-film__media video{display:block;width:100%;height:100%}.tm-brand-film__media img,.tm-brand-film__media video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;object-position:center}.tm-brand-film__media video{opacity:0;transition:none}.tm-brand-film__media video.is-ready{opacity:1}.tm-brand-film__intro.tm-container{position:absolute;inset:0 auto 0 0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;height:100%;width:43%;max-width:780px;margin:0;padding:36px clamp(28px,4.6vw,150px);padding-right:0;transform:translate3d(0,var(--film-copy-y,0px),0)}.tm-brand-film__eyebrow{display:flex;align-items:center;gap:12px;font-size:clamp(12px,.9vw,16px);line-height:1.5;color:#416375;margin-bottom:24px}.tm-brand-film__eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.55}.tm-brand-film__intro h1{font:500 clamp(38px,4.8vw,164px)/1.04 var(--tm-font,Manrope,sans-serif);letter-spacing:-.04em;max-width:100%;margin:0 0 22px;color:#173c55;text-wrap:balance}.tm-brand-film__intro h1 span{display:block}.tm-brand-film__intro h1 span:last-child{font-weight:350}.tm-brand-film__intro p{font-size:clamp(15px,1.12vw,26px);line-height:1.6;max-width:29ch;margin:0 0 34px;color:#365a70}.tm-film-cta{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:17px;min-height:62px;max-width:100%;padding:10px 0 14px;border:0;border-bottom:1px solid #173c5540;background:transparent;color:#173c55;text-decoration:none;font:500 clamp(15px,1.1vw,23px)/1.4 var(--tm-font,Manrope,sans-serif);transition:color .25s ease,transform .25s ease}.tm-film-cta:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.tm-film-cta__glyph{display:grid;place-items:center;flex:none;width:36px;height:40px;color:#215b79;transition:transform .35s ease}.tm-film-cta__glyph svg{display:block;width:34px;height:38px}.tm-film-cta__label{max-width:23ch;text-wrap:balance}.tm-film-cta__arrow{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-left:10px}.tm-film-cta__arrow svg{width:22px;height:22px;transform:rotate(-35deg);transition:transform .3s ease}@media(hover:hover){.tm-film-cta:hover:after{transform:scaleX(1)}.tm-film-cta:hover .tm-film-cta__glyph{transform:translateY(-2px)}.tm-film-cta:hover .tm-film-cta__arrow svg{transform:rotate(0) translate(3px)}}.tm-film-cta:active{transform:translateY(1px)}.tm-film-cta:focus-visible{outline:2px solid #397fa5;outline-offset:6px;border-radius:2px}.tm-film-status{position:absolute;z-index:4;right:24px;bottom:20px;display:flex;gap:12px;align-items:center;color:#173c55;font:500 12px/1.4 var(--tm-font,Manrope,sans-serif);padding:10px 14px;background:#eef3f6eb;border-radius:4px;box-shadow:0 2px 16px #173c5508}.tm-film-status[hidden],.tm-film-status [hidden]{display:none}.tm-film-status__meter{width:56px;height:2px;background:#173c5520;overflow:hidden}.tm-film-status__meter i{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(var(--film-loaded,0));transform-origin:left;transition:transform .2s linear}.tm-film-status button{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.tm-film-status button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.tm-brand-film__progress{position:absolute;z-index:3;inset:auto 0 0;height:2px;background:#174b7318}.tm-brand-film__progress span{display:block;width:100%;height:100%;background:#174b73;transform:scaleX(0);transform-origin:left}.tm-brand-film.is-scroll-film{height:calc(var(--film-height) + var(--film-runway))}.tm-brand-film.is-scroll-film .tm-brand-film__stage{position:sticky;top:0}.tm-brand-film:not(.is-scroll-film) .tm-brand-film__progress{display:none}html:lang(zh) .tm-brand-film__intro h1,html:lang(ja) .tm-brand-film__intro h1,html:lang(ko) .tm-brand-film__intro h1{font-family:inherit;letter-spacing:0;line-height:1.23;font-size:clamp(32px,3.6vw,104px)}@media(min-width:1800px){.tm-brand-film__intro.tm-container{max-width:1100px}.tm-brand-film__intro p{margin-bottom:42px}.tm-film-cta{min-height:72px;gap:24px}.tm-film-cta__glyph{transform:scale(1.1)}}@media(min-width:768px)and (max-aspect-ratio:6/5){.tm-brand-film__stage{background:linear-gradient(90deg,#e9f0f3,#e7edf1 24%,#dce3e9 62% 100%)}.tm-brand-film__media{width:calc(var(--film-height)*9/16);-webkit-mask-image:linear-gradient(90deg,transparent,#0001 1%,#0004 4%,#000a 8%,#000e 11%,#000 13%);mask-image:linear-gradient(90deg,transparent,#0001 1%,#0004 4%,#000a 8%,#000e 11%,#000 13%)}.tm-brand-film__intro.tm-container{width:39%;padding-left:3.6vw}.tm-brand-film__intro h1{font-size:clamp(36px,4.8vw,112px)}.tm-film-cta{gap:10px}}@media(max-width:767px),(max-width:1023px)and (max-aspect-ratio:6/5){.tm-brand-film{--film-runway:112svh}.tm-brand-film__stage{display:flex;flex-direction:column;background:#e9f0f3}.tm-brand-film__stage:after{display:none}.tm-brand-film__media{position:relative;inset:auto;width:100%;flex:1;min-height:0;-webkit-mask-image:none;mask-image:none}.tm-brand-film__media img,.tm-brand-film__media video{object-fit:contain;object-position:center}.tm-brand-film__intro.tm-container{position:relative;inset:auto;width:100%;height:auto;max-width:640px;flex:none;padding:18px 24px 24px;margin:0 auto;transform:none;background:#e9f0f3}.tm-brand-film__eyebrow{display:none}.tm-brand-film__intro h1{font-size:clamp(28px,7.3vw,42px);line-height:1.08;margin-bottom:10px;max-width:100%}.tm-brand-film__intro h1 span{display:inline}.tm-brand-film__intro h1 span+span:before{content:" "}.tm-brand-film__intro p{font-size:14px;line-height:1.45;max-width:38ch;margin:0 0 16px}.tm-film-cta{min-height:48px;padding:3px 0 7px;gap:12px;font-size:15px}.tm-film-cta__glyph{width:28px;height:32px}.tm-film-cta__glyph svg{width:27px;height:31px}.tm-film-status{bottom:auto;top:16px;right:16px}html:lang(zh) .tm-brand-film__intro h1,html:lang(ja) .tm-brand-film__intro h1,html:lang(ko) .tm-brand-film__intro h1{font-size:clamp(26px,6.7vw,38px)}}@media(max-height:600px){.tm-brand-film__intro.tm-container{padding-block:12px}.tm-brand-film__eyebrow{margin-bottom:12px}.tm-brand-film__intro h1{font-size:clamp(26px,4vw,48px);margin-bottom:10px}.tm-brand-film__intro p{font-size:13px;line-height:1.4;margin-bottom:12px}.tm-film-cta{min-height:44px;padding:2px 0 6px;gap:10px;font-size:14px}}@media(prefers-reduced-motion:reduce){.tm-film-cta,.tm-film-cta__glyph,.tm-film-cta__arrow svg{transition:none}.tm-film-cta:hover .tm-film-cta__glyph,.tm-film-cta:active{transform:none}}.tm-sensory{padding-top:0;background:#e9f0f3}.tm-sensory-intro{padding-block:clamp(52px,5vw,84px) clamp(42px,4vw,64px)}.has-fluid .tm-fluid-portrait{background:#e9f0f3}.tm-fluid-portrait__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%;overflow:hidden}.tm-fluid-portrait__frame{position:relative;min-width:0;height:100%;margin:0;overflow:hidden;background:#dce8ee}.tm-fluid-portrait__frame+.tm-fluid-portrait__frame{border-left:1px solid #f3f8fbb3}.tm-fluid-portrait__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.tm-fluid-portrait:after{background:linear-gradient(0deg,#e9f0f3f2,#e9f0f3b0 20%,#e9f0f300 51%)}.tm-fluid-portrait p{left:clamp(30px,5vw,90px);right:30px;top:auto;bottom:7%;transform:none;max-width:15ch;font-size:clamp(38px,5vw,78px);line-height:1.05;text-shadow:0 1px 12px #e9f0f38c}.tm-edit{padding-block:clamp(60px,5vw,88px)}.tm-edit.tm-wrap{max-width:1500px}.has-deck .tm-journal-card{width:min(36vw,580px);left:55%}.tm-world{padding-block:0}.tm-world-stage{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(40px,5vw,80px)}.tm-world-panel{width:min(1080px,83vw)}.tm-world-art{height:clamp(420px,52svh,650px)}@media(max-width:767px){.tm-fluid-portrait__gallery{display:flex;width:max-content;gap:8px;overflow:visible}.tm-fluid-portrait__frame{width:84vw;max-width:580px;flex:none}.tm-fluid-portrait__frame+.tm-fluid-portrait__frame{border-left:0}.tm-fluid-portrait__frame img{object-position:center 30%}.tm-fluid-portrait:after{background:linear-gradient(0deg,#e9f0f3f5,#e9f0f3b0 25%,#e9f0f300 66%)}.tm-fluid-portrait p{left:24px;right:24px;bottom:8%;font-size:clamp(34px,8.4vw,58px);max-width:11ch}.tm-edit.tm-wrap{max-width:var(--tm-content)}.has-deck .tm-journal-card{left:50%;width:min(72vw,350px)}.tm-world{padding-block:44px 36px}.tm-world-stage{min-height:0;display:block;padding-block:0}.tm-world-panel{width:calc(100vw - 54px)}.tm-world-art{height:330px}}@media(prefers-reduced-motion:reduce){.tm-brand-film{height:auto!important}.tm-brand-film__stage{position:relative!important}.tm-brand-film__media video,.tm-brand-film__progress{display:none!important}.tm-brand-film__media video{transition:none}.tm-brand-film__media img{transform:none!important}.tm-brand-film__intro h1{transform:none!important;opacity:1!important}.tm-sensory-stage{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;overflow:hidden}.tm-sensory-window,.tm-fluid-rings,.tm-sensory-type{display:none!important}.tm-fluid-portrait{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;clip-path:none!important;transform:none!important;overflow:hidden}.tm-fluid-portrait:after{display:none!important}.tm-fluid-portrait__gallery{height:min(68svh,620px);transform:none!important}.tm-fluid-portrait__frame{transform:none!important}.tm-fluid-portrait p{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;max-width:none;margin:0;padding:20px var(--tm-gutter) 28px;background:#e9f0f3;text-shadow:none;opacity:1!important;transform:none!important}.tm-sensory-caption{position:relative!important;left:auto!important;bottom:auto!important;margin:0;padding:0 var(--tm-gutter) 32px;background:#e9f0f3}}@media(prefers-reduced-motion:reduce)and (max-width:767px){.tm-fluid-portrait__gallery{width:100%!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.tm-fluid-portrait__frame{width:84vw;height:auto!important;aspect-ratio:3/4;scroll-snap-align:center}.tm-fluid-portrait__frame img{object-position:center 30%}}@media(max-width:767px),(max-width:1023px)and (max-aspect-ratio:6/5){.tm-brand-film__media{width:100%;max-width:none;margin:0;padding:0;align-self:stretch}.tm-brand-film__media picture{width:100%;height:100%;margin:0;padding:0}.tm-brand-film__media img,.tm-brand-film__media video{object-fit:cover;object-position:50% 45%;width:100%;height:100%;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/trauemy-brand-film.css.map */