@media(min-width:701px){.portfolio-extension .beauty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-extension .editorial-grid>aside{display:none}}
.beauty-content{min-width:0;font-family:"TikTok Sans",Arial,sans-serif;font-weight:400;font-stretch:100%;letter-spacing:-.02em;line-height:1.1}
.beauty-heading h2{margin:36px 0 20px;font-weight:600}
.beauty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;margin-top:28px}
.beauty-video{min-width:0}
.beauty-player{position:relative;aspect-ratio:9/16;background:#112541;border:1px solid #11254122}
.beauty-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.beauty-player iframe:focus-visible{outline:3px solid #305ddd;outline-offset:3px}
.beauty-video figcaption{padding-top:14px;border-bottom:1px solid #cfd3ce;padding-bottom:12px}
.beauty-video h3{font-size:17px;font-weight:500;overflow-wrap:anywhere}
.beauty-video h3 span{color:#69706b;font-weight:400}
.beauty-video a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:#112541}
.beauty-video a:hover{text-decoration:underline}
.beauty-video a svg{width:13px;height:13px}
.beauty-note{margin-top:26px;font-size:14px;color:#69706b;max-width:560px}
@media(min-width:701px) and (max-width:1000px){.beauty-grid{grid-template-columns:1fr}.beauty-player{aspect-ratio:3/4}}
@media(max-width:700px){.beauty-grid{grid-template-columns:1fr;gap:28px}.beauty-heading h2{margin:30px 0 18px}.beauty-note{font-size:13px}}
vx-scene>.vx-stage>.vx-poster{object-fit:var(--vx-fit);object-position:var(--vx-focus);background:var(--vx-matte)}
@media(max-width:700px){vx-scene{--vx-focus:50% 50%;--vx-media-top:calc((100svh - 56.25vw)/2);--vx-media-height:56.25vw}.opening-story{min-height:650px}h1{font-size:35px}.hero-intro{top:calc(var(--vx-media-top) + var(--vx-media-height) + 18px)}.hero-copy .button{top:calc(var(--vx-media-top) + var(--vx-media-height) + 104px)}}
@media(max-width:700px) and (max-height:740px){.hello{top:113px}h1{top:140px;font-size:29px}.hero-intro{top:calc(var(--vx-media-top) + var(--vx-media-height) + 15px)}.hero-copy .button{top:calc(var(--vx-media-top) + var(--vx-media-height) + 100px)}}