.post-head h1{max-width:22ch;text-wrap:balance}.post-head .lede{max-width:58ch;margin-bottom:8px}.post-body .design-shot{width:min(calc(100vw - 2 * var(--gutter)),1040px);margin:36px 0 44px;position:relative;left:50%;transform:translate(-50%)}.post-body figure.design-shot img{border-radius:0;border:0;width:100%;height:auto;background:#000}.post-body figure.gyro-shot video{display:block;border-radius:0;border:0;width:100%;height:auto;background:#000}.gyro-controls{display:flex;justify-content:center;margin-top:12px}.gyro-controls button{color:#dadadd;background:#161618;border:1px solid #29292d;border-radius:22px;padding:9px 18px;font:inherit;font-size:13px;cursor:pointer}.gyro-controls button:focus-visible{outline:2px solid #ddd;outline-offset:4px}.post-body .design-shot figcaption{margin-top:12px}.post-head{padding-top:clamp(40px,4vw,56px)}.beauty-story .motion-pin{transform:none}@media (prefers-reduced-motion: no-preference){.beauty-intro:has(.motion-poster.is-covered)>.post-head{position:sticky;top:var(--motion-top, 72px);z-index:0}.beauty-intro:has(.motion-poster.is-covered)>.motion-section{position:relative;z-index:1;pointer-events:none;margin-bottom:calc(16px + var(--device-bottom-overhang, 0px))}.beauty-story:has(.motion-poster.is-covered) #fold-canvas{top:-50%;bottom:auto;height:200%;pointer-events:none}.beauty-story:has(.motion-poster.is-covered) .motion-controls button{pointer-events:auto}}