.article-detail{--ad-font: "Google Sans Flex", system-ui, sans-serif;--ad-pad-x: clamp(1.25rem, 5.56vw, 5rem);--ad-title-max: min(50rem, 100%);--ad-media-max: min(62.5rem, 100%);--ad-body-max: min(43.75rem, 100%);width:100%;font-family:var(--ad-font);color:#222;background:#fff}@media screen and (min-width:750px){.article-detail{--ad-title-max: min(70rem, 100%);--ad-media-max: min(80rem, 100%);--ad-body-max: min(80rem, 100%)}}.article-detail__header{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);max-width:90rem;margin:0 auto;padding:clamp(2.5rem,5.56vw,5rem) var(--ad-pad-x) clamp(2rem,4vw,3.5rem);text-align:center}.article-detail__date{margin:0;color:#00000080;font-size:1rem;font-weight:400;line-height:1.25}.article-detail__title{margin:0;max-width:var(--ad-title-max);color:#222;font-size:clamp(2rem,4.44vw,4rem);font-weight:500;line-height:1;letter-spacing:-.01em;text-wrap:balance}.article-detail__media{max-width:90rem;margin:0 auto;padding:0 var(--ad-pad-x)}.article-detail__media-frame{position:relative;width:min(100%,var(--ad-media-max));margin:0 auto;overflow:hidden;aspect-ratio:1000 / 563;border-radius:.5rem;background:#d2d4dc}.article-detail__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:.5rem;background:#111}.article-detail__media-frame.is-playing .article-detail__video{object-fit:contain;background:#000}.article-detail__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:#d2d4dc33;cursor:pointer;opacity:1;transition:background-color .2s ease,opacity .25s ease}.article-detail__media-frame:not(.is-ready):not(.is-playing) .article-detail__video{opacity:0}.article-detail__media-frame.is-ready:not(.is-playing) .article-detail__video,.article-detail__media-frame.is-playing .article-detail__video{opacity:1}.article-detail__play:hover,.article-detail__play:focus-visible{background:#0000002e}.article-detail__play:focus-visible{outline:2px solid #02e0d6;outline-offset:-4px}.article-detail__media-frame.is-playing .article-detail__play{opacity:0;pointer-events:none}.article-detail__play-icon{display:flex;width:4rem;height:4rem;filter:drop-shadow(0 4px 16px rgba(0,0,0,.25));transition:transform .2s ease}.article-detail__play:hover .article-detail__play-icon,.article-detail__play:focus-visible .article-detail__play-icon{transform:scale(1.06)}.article-detail__play-icon svg{display:block;width:100%;height:100%}.article-detail__body{max-width:var(--ad-body-max);margin:0 auto;padding:clamp(2.5rem,5.56vw,5rem) var(--ad-pad-x) clamp(3.5rem,6.67vw,6rem);color:#383838;font-size:1rem;font-weight:400;line-height:1.75}.article-detail__body>*:first-child{margin-top:0}.article-detail__body>*:last-child{margin-bottom:0}.article-detail__body p{margin:0 0 1.5rem}.article-detail__body a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.article-detail__body a:hover,.article-detail__body a:focus-visible{color:#000}.article-detail__body h2,.article-detail__body h3,.article-detail__body h4{margin:2rem 0 1rem;color:#222;font-weight:500;line-height:1.25}.article-detail__body h2{font-size:clamp(1.5rem,2.5vw,2rem)}.article-detail__body h3{font-size:clamp(1.25rem,2vw,1.5rem)}.article-detail__body ul,.article-detail__body ol{margin:0 0 1.5rem;padding-left:1.25rem}.article-detail__body li{margin-bottom:.5rem}.article-detail__body li+li{margin-top:.25rem}.article-detail__body img,.article-detail__body video,.article-detail__body iframe{display:block;width:100%;max-width:100%;height:auto;margin:2rem 0;border-radius:.5rem}.article-detail__body figure{margin:2rem 0}.article-detail__body figure img{margin:0}.article-detail__body figcaption{margin-top:.75rem;color:#383838b3;font-size:.875rem;line-height:1.5;text-align:center}.article-detail__body blockquote{margin:1.5rem 0;padding-left:1rem;border-left:2px solid #d1d3db;color:#222}@media screen and (max-width:749px){.article-detail__header{padding-top:2rem;padding-bottom:1.5rem}.article-detail__title{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.1}.article-detail__play-icon{width:3.25rem;height:3.25rem}.article-detail__body{padding-top:2rem;padding-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-detail.css.map */