.community-reel{position:relative;isolation:isolate;overflow:hidden;padding:104px 0;color:#fff;background:#17100f}
.community-reel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(184,77,88,.26),transparent 30%),radial-gradient(circle at 88% 82%,rgba(216,126,137,.12),transparent 34%)}
.community-reel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:clamp(44px,8vw,112px)}
.community-reel-copy{max-width:650px}
.community-reel-copy .eyebrow{color:#df8992}
.community-reel-copy h2{max-width:720px;margin-bottom:24px;font-size:clamp(3.15rem,6.2vw,6.4rem)}
.community-reel-copy>p:not(.eyebrow){max-width:580px;margin-bottom:30px;color:rgba(255,255,255,.7);font-size:1.03rem;line-height:1.75}
.community-reel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.community-reel-button{gap:10px;color:#fff;background:linear-gradient(135deg,#c45a66,#983642);box-shadow:0 16px 42px rgba(184,77,88,.3)}
.community-reel-button:hover{box-shadow:0 20px 50px rgba(184,77,88,.4)}
.community-reel-text-link{display:inline-flex;align-items:center;gap:9px;padding:10px 0;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.28);font-size:.86rem;font-weight:700;transition:color .2s ease,border-color .2s ease,transform .2s ease}
.community-reel-text-link:hover{color:#fff;border-color:#fff;transform:translateX(2px)}
.community-instagram-icon{position:relative;width:20px;height:20px;flex:0 0 auto;border:2px solid currentColor;border-radius:6px}
.community-instagram-icon::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%)}
.community-instagram-icon::after{content:"";position:absolute;top:3px;right:3px;width:3px;height:3px;background:currentColor;border-radius:50%}
.community-reel-card{position:relative;width:100%;aspect-ratio:9/16;justify-self:end;overflow:hidden;background:linear-gradient(180deg,rgba(23,16,15,.18),rgba(23,16,15,.58)),url("src/robys-hero-poster.jpg") center/cover no-repeat;border:1px solid rgba(255,255,255,.18);border-radius:34px;box-shadow:0 34px 90px rgba(0,0,0,.42);transform:rotate(1.2deg);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.community-reel-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(23,16,15,.04) 28%,rgba(23,16,15,.16) 62%,rgba(23,16,15,.58));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.community-reel-card::after{content:"ROBY'S · INSTAGRAM";position:absolute;z-index:3;left:22px;bottom:20px;pointer-events:none;color:#fff;font:800 .64rem/1.2 system-ui,sans-serif;letter-spacing:.18em;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.community-reel-card:hover{transform:rotate(0) translateY(-6px);box-shadow:0 42px 110px rgba(0,0,0,.52)}
.community-reel-embed{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;background:transparent;opacity:.74;filter:saturate(.88) contrast(.96)}
@media(max-width:820px){.community-reel{display:none}.site-footer .brand{display:none}.site-footer .footer-inner{grid-template-columns:minmax(0,1fr) auto}.site-footer .footer-inner p{display:block;text-align:left}}
@media(max-width:520px){.site-footer{padding-top:24px}.site-footer .footer-inner{gap:16px}.site-footer .footer-inner p{font-size:.72rem;line-height:1.45}.site-footer .back-top{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.community-reel-card,.community-reel-text-link{transition:none}.community-reel-card:hover{transform:none}}