/* The approved Services/Recording family supplies the shared layout. */
.reels-hero .production-hero-image{inset:85px 50% 140px 0}
.reels-hero .production-hero-image img{object-position:center;object-fit:cover}
.reels-hero .production-hero-image:after{background:linear-gradient(90deg,#12121f05 0%,transparent 45%,#12121f25 69%,var(--ink) 100%),linear-gradient(180deg,#12121f50,transparent 30%,transparent 75%,var(--ink))}
.reels-hero .production-actions{flex-wrap:wrap}
.reel-detail-photo{aspect-ratio:4/5;max-width:420px;justify-self:center;width:100%}
.reel-detail-photo img{height:100%;object-fit:cover;object-position:center}
#the-reel .offer-row{align-items:center}
.reels-packages .package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.reels-packages .package{padding:35px}
.reels-packages .package h3{white-space:normal;font-size:clamp(31px,3vw,45px);min-height:0;max-width:none}
.reels-packages .package-fit{min-height:49px}
.reels-packages .package li{font-size:15px}
.reels-packages .package-inclusions>.eyebrow{min-height:0}
/* Native Instagram posts are visible immediately; the provider supplies the preview and player. */
.reel-portfolio{--episode-width:clamp(326px,29vw,420px)}
.reel-portfolio .episode-rail{gap:30px;padding-block:35px 55px;align-items:flex-start}
.reel-frame{position:relative;background:#fff;border:1px solid #f5f0eb24;border-radius:18px;height:var(--embed-height,730px);overflow:hidden}
.reel-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.reel-portfolio .episode-title h3{font-size:27px}
.reel-portfolio .episode-meta p{font-size:13px}
@media(max-width:1150px){
 .reels-hero{padding-top:calc(66.667vw + 72px);min-height:0}
 .reels-hero .production-hero-image{inset:0 0 auto;height:calc(66.667vw + 100px)}
 .reels-hero .production-hero-image img{object-fit:contain;object-position:center top;transform:none}
 body.motion-paused .reels-hero .production-hero-image img{transform:none}
 .reels-hero .production-hero-image:after{background:linear-gradient(180deg,#12121f66,transparent 23%,transparent 55%,var(--ink) 98%)}
 .reels-hero .production-hero-layout{display:block}
 .reels-hero .production-copy h1{font-size:clamp(40px,9vw,81px)}
 .reels-hero .hero-inclusion{width:100%;max-width:none}
 .reels-packages .package{padding:29px}
 .reels-packages .package li{font-size:14px}
 .reels-packages .package h3{font-size:32px}
}
@media(max-width:900px){
 .reels-packages .package{padding:27px 23px}
 .reels-packages .package h3{font-size:29px}
 .reels-packages .package li{font-size:13px}
 .reels-packages .package .package-button{font-size:12px}
 .reels-packages .package-kicker{min-height:0}
 .reel-portfolio{--episode-width:clamp(326px,43vw,390px)}
}
@media(max-width:600px){
 .reels-hero{padding-top:calc(66.667vw + 74px)}
 .reels-hero .production-hero-image{top:70px;height:calc(66.667vw + 55px)}
 .reels-hero .production-copy h1{font-size:clamp(39px,11.7vw,69px)}
 .reels-packages .package-grid{grid-template-columns:1fr;gap:20px}
 .reels-packages .package{padding:27px 25px}
 .reels-packages .package h3{font-size:32px}
 .reels-packages .package-fit{min-height:0}
 .reel-portfolio{--episode-width:326px}
 .reel-portfolio .episode-rail{gap:25px}
 .reel-frame{border-radius:16px}
 .reel-portfolio .episode-title h3{font-size:28px}
}

#the-reel .offer-number{align-self:start}
.reel-embed-status{padding:32px;font-size:15px;line-height:1.6;color:var(--paper)}
.reel-embed-status[hidden]{display:none}
.reel-embed-status a{display:block;margin-top:24px;color:var(--amber);text-decoration:underline;text-underline-offset:5px}
.reel-embed-status svg{width:16px;height:16px;vertical-align:middle}
.reel-frame.is-unavailable{height:220px;background:#22222e}
.reel-frame.is-unavailable iframe{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* Keep a real Instagram cover visible as the embed loads or when a preview browser blocks it. */
.reel-frame iframe{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .24s ease}
.reel-poster{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;border-radius:inherit;background:#181825;color:var(--paper);text-decoration:none}
.reel-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.reel-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12121f00 38%,#12121fd9 100%);pointer-events:none}
.reel-poster-cta{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:11px 15px 11px 11px;border:1px solid #f5f0eb66;border-radius:999px;background:#12121fbd;color:var(--paper);font-size:13px;white-space:nowrap;backdrop-filter:blur(10px)}
.reel-poster-play{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--amber);color:var(--ink);font-size:13px;padding-left:2px}
.reel-poster:hover img,.reel-poster:focus-visible img{transform:scale(1.035)}
.reel-poster:focus-visible{outline:3px solid var(--amber);outline-offset:-4px}
.reel-frame.is-ready iframe{z-index:3;opacity:1;visibility:visible}
.reel-frame.is-ready .reel-poster{opacity:0;visibility:hidden;pointer-events:none}
.reel-frame.is-unavailable{height:auto;aspect-ratio:9/16;min-height:0;background:#22222e}
.reel-frame.is-unavailable iframe{display:none}
.reel-embed-status{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
