/* Small, visible movement of original photographs; never animate logos or UI screenshots. */
.motion-frame{overflow:hidden;position:relative}
.motion-photo{animation:arhar-photo-drift 10s ease-in-out infinite;animation-play-state:paused;transform-origin:center}
.motion-inview:not(.motion-paused)>.motion-photo{animation-play-state:running}
.motion-paused>.motion-photo{animation-play-state:paused}
@keyframes arhar-photo-drift{0%,100%{transform:scale(1.005) translateX(0)}50%{transform:scale(1.06) translateX(-.5%)}}
.motion-still-toggle{position:absolute;top:12px;right:12px;width:34px;height:34px;z-index:3;border:1px solid #ddd8cb;border-radius:50%;background:#fcfbf8ec;color:#252725;cursor:pointer;display:grid;place-items:center;font-size:12px}
.motion-page-toggle{display:block;margin:18px 0 0 auto;border:1px solid #d9d4c7;border-radius:30px;background:transparent;color:#59604f;font:500 11px/1.4 var(--font);padding:9px 14px;cursor:pointer}
.motion-frame>figcaption{position:relative;z-index:1;background:#fcfbf8}
.motion-hero{padding:0!important;background:#fcfbf8!important}
.motion-hero .motion-screen{position:relative;aspect-ratio:3/2;overflow:hidden;background:#fcfbf8}
.motion-hero .motion-screen video{width:100%;height:100%;object-fit:contain;display:block;border-radius:0}
.motion-hero .video-toggle{position:absolute;top:14px;right:14px;bottom:auto;left:auto;width:38px;height:38px;background:#fcfbf8ed;color:#252725;border:1px solid #dcd8cd;border-radius:50%;z-index:3;cursor:pointer}
.motion-hero figcaption{padding:14px 18px!important;font-size:12px;line-height:1.6;margin:0}
.motion-hero figcaption strong{display:block;color:#333;font-weight:600}
.watch-section{padding:34px 0 56px;background:linear-gradient(120deg,#f1ece0,#faf9f5 75%);border-block:1px solid #e7e2d7}
.watch-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.watch-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.17;margin:0;letter-spacing:-.025em}
.watch-heading p:not(.eyebrow){max-width:420px;margin:0;color:#71756b;font-size:14px;line-height:1.7}
.watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.watch-grid.watch-single{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}
.watch-card{border:1px solid #dfdacd;border-radius:22px;overflow:hidden;background:#fffefb;min-width:0}
.watch-poster{display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#20241f;position:relative;overflow:hidden;cursor:pointer;color:white;text-align:left}
.watch-poster img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:transform .5s,opacity .5s}
.watch-poster:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#151911a8);pointer-events:none}
.watch-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#f7931d;display:grid;place-items:center;font-size:23px;padding-left:4px;box-shadow:0 0 0 10px #ffffff25;z-index:2;color:#252725;transition:box-shadow .3s}
.watch-caption{position:absolute;left:22px;bottom:19px;z-index:2;font-size:13px;font-weight:600;letter-spacing:.015em}
.watch-poster:hover img,.watch-poster:focus-visible img{transform:scale(1.045);opacity:1}
.watch-poster:hover .watch-play{box-shadow:0 0 0 15px #ffffff30}
.watch-card-copy{padding:20px 24px 23px}
.watch-card-copy .eyebrow{margin-bottom:9px;font-size:10px}
.watch-card-copy h3{font-size:23px;line-height:1.25;margin:0 0 10px}
.watch-card-copy p{font-size:14px;line-height:1.7;color:#6b7065;margin:0 0 12px}
.watch-card-copy a{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.watch-explanation h3{font-size:clamp(25px,3vw,38px);margin:0 0 14px;line-height:1.2}
.watch-explanation p{font-size:16px;line-height:1.8;color:#6b7065;max-width:470px}
.watch-local{display:block;width:100%;aspect-ratio:16/9;background:#252725;object-fit:contain}
.watch-note{font-size:11px;color:#6b7065;line-height:1.6;margin:16px 0 0;max-width:750px}
.video-dialog{padding:0;border:1px solid #d3cec2;border-radius:22px;background:#fcfbf8;color:#252725;width:min(940px,calc(100vw - 28px));max-width:none;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0005}
.video-dialog::backdrop{background:#131810cc;backdrop-filter:blur(5px)}
.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}
.video-dialog-head h2{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.015em}
.video-dialog-close{width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid #d6d2c6;background:transparent;cursor:pointer;font-size:25px}
.video-consent{padding:20px 32px 32px;max-width:800px}
.video-consent p{font-size:15px;line-height:1.8;color:#62695d;margin:0 0 18px}
.video-consent a{text-decoration:underline;text-underline-offset:3px}
.video-consent-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.video-consent button{border:0;cursor:pointer}
.video-dialog-player{aspect-ratio:16/9;background:#171b16}
.video-dialog-player:empty{display:none}
.video-dialog-player iframe{display:block;width:100%;height:100%;border:0}
.video-dialog-foot{padding:14px 24px;font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.video-dialog-foot a{text-decoration:underline;text-underline-offset:3px}
.video-dialog-foot button{background:transparent;border:0;text-decoration:underline;font:inherit;cursor:pointer;color:inherit;padding:0}
.watch-card:focus-within{outline:2px solid #f7931d;outline-offset:4px}
@media(max-width:700px){.watch-heading{display:block}.watch-heading p:not(.eyebrow){margin-top:12px}.watch-grid,.watch-grid.watch-single{grid-template-columns:1fr}.watch-section{padding:28px 0 35px}.watch-explanation{padding-top:6px}.watch-card-copy{padding:18px 20px}.video-consent{padding:14px 22px 24px}.video-dialog-head{padding:14px 18px}.watch-play{width:56px;height:56px}.motion-hero figcaption{font-size:11px}}
html.motion-reduced .motion-photo{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.motion-photo{animation:none!important;transform:none!important}.watch-poster img,.watch-play{transition:none}.watch-poster:hover img{transform:none}}
