.home-reels{color:#e8ecd9;background:radial-gradient(at 15% 20%,#20382b55,#0000 55%),#081711;padding:90px 8% 80px}.hr-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.hr-head small{font:12px var(--serif);letter-spacing:3px;color:#d8b768}.hr-head h2{margin:12px 0 10px;font-size:34px;font-weight:400}.hr-head p{color:#9fb191;max-width:560px;margin:0;font-size:14px;line-height:2}.hr-head em{color:#c7d6b8;font-style:normal}.hr-head>a{color:#e7cf94;white-space:nowrap;border:1px solid #d8b76855;align-items:center;gap:10px;padding:15px 22px;font-size:13px;transition:background .2s;display:inline-flex}.hr-head>a:hover{background:#d8b76814}.hr-row{grid-template-columns:repeat(3,minmax(0,330px));justify-content:center;gap:clamp(18px,3vw,40px);display:grid}.hr-card{margin:0}.hr-frame{aspect-ratio:9/16;background:#0d2018;border:1px solid #d8b76826;border-radius:4px 22px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}.hr-frame button{all:unset;cursor:pointer;width:100%;height:100%;display:block;position:relative}.hr-frame button:focus-visible{outline-offset:-4px;outline:2px solid #d6eb9d}.hr-frame img,.hr-frame video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.hr-frame img{transition:transform .5s,filter .5s}.hr-frame button:hover img{filter:brightness(.92);transform:scale(1.03)}.hr-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d6eb9d;background:#0d2018b3;border:1px solid #d6eb9d80;border-radius:50%;place-items:center;width:62px;height:62px;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #0007}.hr-card figcaption{color:#dfe5d2;margin-top:14px;font-size:14px}@media (max-width:900px){.home-reels{padding:64px 0 56px}.hr-head{flex-direction:column;align-items:flex-start;margin-bottom:28px;padding:0 22px}.hr-head h2{font-size:26px}.hr-row{scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;gap:14px;padding:0 22px 6px;scroll-padding-inline:22px;display:flex;overflow-x:auto}.hr-row::-webkit-scrollbar{display:none}.hr-card{scroll-snap-align:start;flex:0 0 68%}}@media (prefers-reduced-motion:reduce){.hr-frame img{transition:none}}
