/* Homepage content adaptations; section 34 supplies layout, type and hover effects. */
.rh34 { --nav:var(--assembly-height); }
.rh34 .fa-reels-brand { color:var(--color--gray-1); font-family:var(--_typography---font-family--body); font-size:25px; font-weight:600; line-height:1.2; letter-spacing:-1px; text-decoration:none; }
.rh34 .hero-description { width:min(100%,580px); }
.rh34 .fa-reels-title-line { display:block; white-space:nowrap; }
.rh34 .fa-reels-secondary { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; font-size:14px; }
.rh34 .fa-reels-secondary > a { color:var(--color--gray-1); text-decoration:none; padding:8px 0; }
.rh34 .fa-reels-secondary > a:hover { text-decoration:underline; text-underline-offset:5px; }
.rh34 .fa-reels-story { display:inline-flex; align-items:center; gap:8px; }
.rh34 .fa-reels-story svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; }
.rh34 .fa-reels-work-image { display:block; width:100%; height:100%; object-fit:cover; object-position:top center; padding:0; }
.rh34 .reels-avatar-name small { display:block; margin-bottom:5px; color:inherit; font-family:inherit; font-size:11px; font-weight:400; }
.rh34 .fa-reels-capabilities { container-type:inline-size; }
.rh34 .fa-reels-capabilities .hero-creator-top { gap:24px; padding-bottom:35px; }
.rh34 .fa-reels-code-mark { color:var(--color--white); font-size:35px; font-weight:600; line-height:1.3; }
.rh34 .fa-reels-capabilities .hero-creator-counter { text-align:center; font-size:clamp(32px,18cqw,66px); line-height:1.05; }
.rh34 .fa-reels-capabilities .hero-creator-counter span { display:block; white-space:nowrap; }
.rh34 .fa-reels-capabilities .marquee-badge { padding:9px 16px; white-space:nowrap; }
.rh34 .fa-reels-email { color:var(--color--white); font-size:clamp(16px,2.5vw,24px); text-decoration:none; }
.rh34 .fa-reels-email:hover { text-decoration:underline; }
.rh34 .fa-reels-service-list { flex-wrap:wrap; gap:10px; max-width:none; overflow:visible; }
.rh34 .fa-reels-service-list .social-media-item { padding:8px 15px; }
.rh34 .fa-reels-service-list .social-media-item span { color:var(--color--gray-1); font-size:14px; }
.rh34 :is(a,button):focus-visible { outline:2px solid var(--color--primary-5); outline-offset:5px; }
#reels-hero > .stage:is([data-atlas-theme],[data-atlas-color]) .nav-menu { background:var(--theme-card); color:var(--theme-ink); }
#reels-hero > .stage:is([data-atlas-theme],[data-atlas-color]) :is(.reels-avatar-name,.reels-avatar-name small) { color:var(--color--white); }
@media(min-width:992px) { .rh34 .rh34-title { font-size:clamp(58px,5.1vw,72px); } }
@media(max-width:991px) { .rh34 .rh34-title { font-size:48px; } }
@media(max-width:767px) { .rh34 .fa-reels-brand { font-size:21px; } .rh34 .rh34-title { font-size:clamp(28px,6.5vw,42px); } }
@media(max-width:479px) {
  .rh34 .fa-reels-brand { font-size:18px; letter-spacing:-.7px; }
  .rh34 .rh34-title { font-size:clamp(23px,7.2vw,30px); }
  .rh34 .fa-reels-secondary { gap:8px 20px; }
  .rh34 .fa-reels-capabilities .hero-creator-top { padding-bottom:20px; }
}
.fa-story-dialog { width:min(760px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; overflow:auto; border:1px solid var(--assembly-line); border-radius:12px; background:var(--assembly-paper); color:var(--assembly-ink); box-shadow:0 24px 100px #0005; font:14px/1.5 var(--assembly-font); }
.fa-story-dialog::backdrop { background:#08090bd9; }
.fa-story-dialog header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 20px; }
.fa-story-dialog h2 { margin:0; font:600 18px/1.4 var(--assembly-font); letter-spacing:-.02em; }
.fa-story-dialog button { min-width:64px; min-height:44px; padding:8px 12px; border:1px solid var(--assembly-line); border-radius:6px; background:var(--assembly-paper); color:var(--assembly-ink); font:inherit; }
.fa-story-dialog video { display:block; width:100%; height:min(65dvh,600px); max-height:none; background:#08090b; object-fit:contain; }
.fa-story-dialog p { max-width:none; margin:0; padding:12px 20px 16px; color:var(--assembly-muted); font-size:12px; }
.fa-story-dialog :focus-visible { outline:2px solid var(--assembly-focus); outline-offset:3px; }
html:has(.fa-story-dialog[open]) { overflow:hidden; }

/* Tall live-page captures fill the original portrait cards edge to edge. */
.rh34 .fa-reels-work-card .hero-reels-video { height:100%; background:var(--theme-card,#11151d); }
.rh34 .fa-reels-work-card .hero-reels-overlay { background:linear-gradient(0deg,rgba(6,9,15,.94),rgba(6,9,15,.12) 28%,transparent 48%); }

#reels-hero > .stage:is([data-atlas-theme],[data-atlas-color]) .fa-reels-work-card :is(.reels-avatar-name,.reels-avatar-name small) { color:#fff; }

/* Tifflo fills the third card while retaining its original tilt and hover behavior. */
.rh34 .fa-reels-tifflo { position:relative; height:550px; padding:0 20px 20px; }
.rh34 .fa-reels-client-third { position:relative; height:550px; padding:0 20px 20px; }
.rh34 .fa-reels-client { text-decoration:none; }
.rh34 .fa-reels-client .fa-reels-work-image { object-position:center; }
.rh34 .fa-hero-client-play { position:absolute; z-index:2; top:50%; left:50%; display:grid; place-items:center; width:48px; height:48px; border:1px solid #ffffffa6; border-radius:50%; color:#16151c; background:#ffffffed; transform:translate(-50%,-50%); }
.rh34 .fa-hero-client-play svg { display:block; width:22px; height:22px; fill:currentColor; stroke:none; transform:translateX(-1px); }
@media(max-width:991px) { .rh34 .fa-reels-client-third {height:400px;} }
.rh34 .fa-tifflo-picture { display:block; width:100%; height:100%; }
.rh34 .fa-reels-tifflo .fa-reels-work-image { object-position:left top; }
@media(max-width:991px) { .rh34 .fa-reels-tifflo { height:400px; } }

/* Fieldfolk keeps the second card’s dimensions, tilt and hover interaction. */
.rh34 .fa-fieldfolk-picture {display:block;width:100%;height:100%;}

/* Desktop recordings retain their complete 3:2 composition inside the approved cards. */
.rh34 .fa-hero-scroll-backdrop { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:blur(24px) brightness(.7); transform:scale(1.12); pointer-events:none; }
.rh34 .w-background-video > .fa-hero-scroll-video { position:absolute; z-index:0; inset:auto; top:50%; left:0; display:block; width:100%; height:auto; max-width:none; aspect-ratio:3/2; object-fit:contain; transform:translateY(-50%); margin:0; background:transparent; }
.rh34 .fa-hero-motion-toggle { position:absolute; z-index:3; top:16px; left:16px; display:grid; place-items:center; width:36px; height:36px; min-height:0; padding:8px; border:1px solid #ffffff80; border-radius:50%; background:#121316b3; color:#fff; cursor:pointer; transition:background .2s ease; }
.rh34 .fa-hero-motion-toggle:hover { background:#121316; }
.rh34 .fa-hero-motion-toggle > span { display:grid; place-items:center; width:18px; height:18px; min-width:0; min-height:0; margin:0; padding:0; line-height:0; }
.rh34 .fa-hero-motion-toggle svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.rh34 .fa-hero-motion-toggle [hidden] { display:none; }