purpose-video{display:block}.purpose-page-section{margin:0;padding:0}.purpose-page-section>div{display:block;margin:0;padding:0}.purpose-page{--purpose-control-size: 4.4rem;--purpose-icon-size: 1.8rem;display:block;width:100%;max-width:100%}.purpose-page__hero{position:relative;max-width:100%;overflow:hidden;margin:0;padding:0;line-height:0;font-size:0;background:rgb(var(--color-background))}.purpose-page__media{--ratio-percent: 56.25%;position:relative;width:100%;overflow:hidden;background:rgb(var(--color-background));aspect-ratio:16 / 9}.purpose-page__media--fullscreen{aspect-ratio:auto;height:calc(100svh - var(--header-height-custom, 68px));min-height:32rem}.purpose-page__video,.purpose-page__poster,.purpose-page__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.purpose-page__placeholder{color:#fff;background:#111}.purpose-page__chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#0000008c,#0000 42%);opacity:0;pointer-events:none;transition:opacity .25s ease}.purpose-page__hero:hover .purpose-page__chrome,.purpose-page__hero:focus-within .purpose-page__chrome,.purpose-page.is-paused .purpose-page__chrome,.purpose-page.is-controls-visible .purpose-page__chrome,.purpose-page__media:fullscreen .purpose-page__chrome,.purpose-page__media:-webkit-full-screen .purpose-page__chrome{opacity:1;pointer-events:auto}.purpose-page__controls{position:absolute;left:1.6rem;bottom:3.2rem;z-index:2;display:flex;align-items:center;gap:.8rem}.purpose-page__control{width:var(--purpose-control-size);height:var(--purpose-control-size);padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s ease,transform .2s ease}.purpose-page__control:hover{background:#000000b3}.purpose-page__control:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.purpose-page__control .icon{width:var(--purpose-icon-size);height:var(--purpose-icon-size);display:block}.purpose-page__control--fullscreen{position:absolute;right:1.6rem;bottom:3.2rem}.purpose-page.is-muted .purpose-page__hero [data-icon=volume],.purpose-page:not(.is-muted) .purpose-page__hero [data-icon=muted]{display:none}.purpose-page.is-paused .purpose-page__hero [data-icon=pause],.purpose-page:not(.is-paused) .purpose-page__hero [data-icon=play]{display:none}.purpose-page.is-expanded .purpose-page__hero [data-icon=expand],.purpose-page:not(.is-expanded) .purpose-page__hero [data-icon=collapse]{display:none}.purpose-page__progress{position:absolute;left:1.6rem;right:1.6rem;bottom:1.2rem;display:block;margin:0}.purpose-page__progress input{--progress: 0%;display:block;width:100%;height:.4rem;margin:0;padding:0;border:0;border-radius:999px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#fff var(--progress),rgba(255,255,255,.35) var(--progress));cursor:pointer}.purpose-page__progress input::-webkit-slider-runnable-track{height:.4rem;border-radius:999px;background:transparent}.purpose-page__progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.2rem;height:1.2rem;margin-top:-.4rem;border:0;border-radius:50%;background:#fff}.purpose-page__progress input::-moz-range-track{height:.4rem;border:0;border-radius:999px;background:transparent}.purpose-page__progress input::-moz-range-thumb{width:1.2rem;height:1.2rem;border:0;border-radius:50%;background:#fff}.purpose-page__media:fullscreen,.purpose-page__media:-webkit-full-screen{aspect-ratio:auto;width:100%;height:100%;background:#000}.purpose-page__media:fullscreen .purpose-page__video,.purpose-page__media:-webkit-full-screen .purpose-page__video{object-fit:cover;object-position:center}@media screen and (max-width:749px){.purpose-page__media:fullscreen .purpose-page__video,.purpose-page__media:-webkit-full-screen .purpose-page__video{object-fit:contain}}.purpose-page__content{display:grid;gap:2.4rem;width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding:4.8rem 1.5rem 8rem;box-sizing:border-box}.purpose-page__content .page-width{max-width:none;width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.purpose-page__heading{margin:0;font-size:2.4rem;line-height:1.4;letter-spacing:.04em;overflow-wrap:anywhere;word-break:break-word}.purpose-page__title{margin:10px 0;font-family:viroqua,serif;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}.purpose-page__align-mobile--left{text-align:left}.purpose-page__align-mobile--center{text-align:center}.purpose-page__align-mobile--right{text-align:right}@media screen and (min-width:750px){.purpose-page__align--left{text-align:left}.purpose-page__align--center{text-align:center}.purpose-page__align--right{text-align:right}}html[lang=en] .purpose-page__heading{font-family:viroqua,serif;font-weight:700}html[lang=en] .purpose-page__description,html[lang=en] .purpose-page__body,html[lang=en] .purpose-page__body p,html[lang=en] .purpose-page__body h2,html[lang=en] .purpose-page__body h3,html[lang=en] .purpose-page__body.rte blockquote,html[lang=en] .purpose-page__body.rte blockquote p{font-family:viroqua,serif}@media screen and (max-width:749px){.purpose-page__media:not(.purpose-page__media--fullscreen){aspect-ratio:auto;height:0;padding-bottom:var(--ratio-percent)}.purpose-page__hero .purpose-page__video,.purpose-page__hero .purpose-page__poster,.purpose-page__hero .purpose-page__placeholder{object-position:center top}.purpose-page__title{font-size:min(20px,calc(100vw * 20 / 390))}}.purpose-page__description{margin:0;font-family:\6e38\660e\671d\4f53,Yu Mincho,YuMincho,Hiragino Mincho Pro,serif;font-size:15px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0;color:currentColor;overflow-wrap:anywhere;word-break:break-word}.purpose-page__body{max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-family:Zen Kaku Gothic New,sans-serif}.purpose-page__body p{font-family:Zen Kaku Gothic New,sans-serif;font-size:13px;line-height:150%;margin-bottom:1em}.purpose-page__body h2,.purpose-page__body h3{margin-top:20px;margin-bottom:1em;font-family:\6e38\660e\671d\4f53,Yu Mincho,YuMincho,Hiragino Mincho Pro,serif;font-size:18px;font-weight:700;line-height:2.8rem}@media screen and (max-width:749px){.purpose-page__body h2,.purpose-page__body h3{font-size:min(16px,calc(100vw * 16 / 390))}}.purpose-page__body.rte blockquote,.purpose-page__body.rte blockquote p{font-family:\6e38\660e\671d\4f53,Yu Mincho,YuMincho,Hiragino Mincho Pro,serif;display:block;font-style:normal;border:none;padding-left:0;margin-bottom:1em;line-height:1.2;color:currentColor}.purpose-page__body *{max-width:100%;box-sizing:border-box}.purpose-page__body>*:first-child{margin-top:0}.purpose-page__body>*:last-child{margin-bottom:0}.purpose-page__body img,.purpose-page__body video,.purpose-page__body embed,.purpose-page__body object{max-width:100%;height:auto}.purpose-page__body iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;border:0}.purpose-page__body table{width:100%;max-width:100%;table-layout:fixed}.purpose-page__body pre,.purpose-page__body code{max-width:100%;white-space:pre-wrap}.purpose-page__block--image,.purpose-page__block--video{width:100%;max-width:100%;min-width:0}.purpose-page__image,.purpose-page__image-placeholder{width:100%;height:auto;display:block}.purpose-block-video{display:block;width:100%;max-width:100%}.purpose-block-video__media{--ratio-percent: 56.25%;position:relative;width:100%;height:0;padding-bottom:var(--ratio-percent);overflow:hidden;background:#000}.purpose-block-video__media>video,.purpose-block-video__media>img,.purpose-block-video__media>svg,.purpose-block-video__video,.purpose-block-video__poster,.purpose-block-video__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.purpose-block-video__placeholder{color:#fff;background:#111}.purpose-block-video:not(.is-paused) .purpose-block-video__poster{display:none}.purpose-block-video__play{position:absolute;left:50%;top:50%;z-index:2;width:6.2rem;height:6.2rem;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-appearance:none;appearance:none;transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease,opacity .2s ease}.purpose-block-video__play:hover{background:#000000b3}.purpose-block-video__play:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.purpose-block-video:not(.is-paused) .purpose-block-video__play{left:1.6rem;top:auto;bottom:1.6rem;width:var(--purpose-control-size);height:var(--purpose-control-size);transform:none}.purpose-block-video__play .icon{width:2rem;height:2rem;display:block}.purpose-block-video:not(.is-paused) .purpose-block-video__play .icon{width:var(--purpose-icon-size);height:var(--purpose-icon-size)}.purpose-block-video.is-paused [data-icon=pause],.purpose-block-video:not(.is-paused) [data-icon=play]{display:none}.purpose-block-video.is-paused .purpose-block-video__play .icon-play{margin-left:.2rem}@media screen and (min-width:750px){.purpose-page__hero{display:flex;justify-content:center;background:rgb(var(--color-background))}.purpose-page__media:not(.purpose-page__media--fullscreen){width:min(100%,calc((100svh - var(--header-height-custom, 68px)) * 16 / 9));max-height:calc(100svh - var(--header-height-custom, 68px))}.purpose-page__hero .purpose-page__video,.purpose-page__hero .purpose-page__poster,.purpose-page__hero .purpose-page__placeholder{object-fit:contain}.purpose-page__controls,.purpose-page__control--fullscreen{left:auto;bottom:4rem}.purpose-page__controls{left:2.4rem}.purpose-page__control--fullscreen{right:2.4rem}.purpose-page__progress{left:2.4rem;right:2.4rem;bottom:1.6rem}.purpose-page__content{padding-top:6.4rem;padding-bottom:12rem;gap:3.2rem}.purpose-page__heading{font-size:3.2rem}.purpose-block-video:not(.is-paused) .purpose-block-video__play{left:2.4rem;bottom:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/wds-purpose-page.css.map */