.ideas-motion{background:#090909;color:#e8e4db;padding:40px 0}.motion-container{width:calc(100% - 64px);max-width:1520px;margin:auto}.motion-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.motion-heading h2{font:clamp(30px,3.4vw,52px)/1.1 var(--serif);letter-spacing:.025em;margin:0 0 8px}.motion-heading h2:before{content:"";display:block;width:56px;height:3px;background:#d6b77b;margin-bottom:15px}.motion-heading p{font-size:16px;color:#ccc8bf;margin:0}.motion-topics{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d6b77b}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.motion-card{display:grid;grid-template-columns:46% 54%;border:1px solid #494439;padding:4px;min-width:0}.motion-media{position:relative;align-self:start;background:#000;aspect-ratio:9/13}.motion-media video{width:100%;height:100%;object-fit:contain;display:block}.motion-play{position:absolute;left:24%;top:55%;width:50px;height:50px;border:1px solid #fff;border-radius:50%;background:#0008;color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center}.motion-play[hidden]{display:none}.motion-copy{padding:16px 17px;display:flex;flex-direction:column;min-width:0}.motion-label{color:#d6b77b;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px}.motion-label:after{content:"";display:block;width:38px;border-bottom:1px solid #b8955e;margin-top:10px}.motion-copy h3{font:clamp(18px,1.45vw,24px)/1.12 var(--serif);text-transform:uppercase;margin:0 0 16px}.motion-description{font-size:14px;line-height:1.4;color:#c9c6be}.motion-description p{margin:0 0 17px}.motion-watch{align-self:start;margin-top:auto;border:1px solid #9d7e4d;background:transparent;color:#dfbd7f;text-transform:uppercase;letter-spacing:.13em;padding:10px 20px;font-size:11px;font-weight:600;cursor:pointer}.motion-watch span[aria-hidden]{margin-left:14px}.motion-watch:hover,.motion-watch:focus-visible{background:#dfbd7f;color:#090909}.motion-play:focus-visible{outline:3px solid #dfbd7f;outline-offset:4px}@media(max-width:1199px){.motion-grid{grid-template-columns:1fr}.motion-card{grid-template-columns:minmax(180px,30%) 1fr;max-width:760px;width:100%;margin:auto}.motion-media{aspect-ratio:9/13}.motion-copy{padding:24px}.motion-copy h3{font-size:28px}.motion-description{font-size:16px}.motion-topics{display:none}}@media(max-width:540px){.motion-container{width:calc(100% - 32px)}.motion-heading p{font-size:13px}.motion-card{grid-template-columns:44% 56%}.motion-copy{padding:12px}.motion-copy h3{font-size:18px;margin-bottom:12px}.motion-description{font-size:12px}.motion-description p{margin-bottom:12px}.motion-label{font-size:9px}.motion-watch{padding:9px 12px;font-size:10px}.motion-play{width:40px;height:40px;font-size:19px}.motion-media{position:sticky;top:10px}}.motion-copy h3{font-weight:400}.motion-heading h2{font-weight:400;color:#e5d2ac}.motion-media{align-self:stretch;min-height:0}.motion-media video{position:absolute;top:0;right:0;bottom:0;left:0}.motion-copy{padding:16px 14px}.motion-description{font-size:13px;line-height:1.4}.motion-watch{margin-top:auto}.motion-description p:last-child{margin-bottom:20px}@media(max-width:1199px){.motion-media{position:relative;aspect-ratio:9/13;min-height:260px}.motion-description{font-size:16px}.motion-copy{padding:24px}}@media(max-width:540px){.motion-copy{padding:12px}.motion-description{font-size:12px}.motion-media{min-height:250px;position:relative;top:auto}}.motion-media{min-width:0;width:100%;aspect-ratio:auto;overflow:hidden}.motion-media video{max-width:100%}.motion-copy{position:relative}.motion-media{display:flex;align-items:center;justify-content:center;position:relative!important;top:auto!important}.motion-poster{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.motion-play{left:50%;top:55%;transform:translate(-50%,-50%)}.motion-dialog{box-sizing:border-box;width:min(1100px,94vw);max-width:94vw;max-height:94vh;max-height:94dvh;padding:16px;margin:auto;border:1px solid #9d7e4d;background:#090909;color:#e8e4db;overflow:auto}.motion-dialog::backdrop{background:#000000e0}.motion-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.motion-dialog-heading h3{font:400 clamp(16px,2vw,24px)/1.2 var(--serif);margin:0}.motion-dialog-heading button{flex:0 0 44px;width:44px;height:44px;border:1px solid #9d7e4d;background:#090909;color:#dfbd7f;font-size:28px;cursor:pointer}.motion-player{display:block;width:100%;height:70vh;height:70dvh;max-height:760px;object-fit:contain;background:#000}.motion-status{color:#dfbd7f;font-size:14px}.motion-status[hidden]{display:none}body:has(.motion-dialog[open]){overflow:hidden}.ideas-motion button:focus-visible{outline:3px solid #dfbd7f;outline-offset:4px}@media(max-width:540px){.motion-dialog{padding:10px}}.motion-play{appearance:none;-webkit-appearance:none;padding:0}.motion-play svg{display:block;width:22px;height:22px;pointer-events:none}.ideas-motion:has(.motion-dialog[open]) .motion-play{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ideas-motion.css.map */
