/* ═══════════════════════════════════════════════════════════════════════
   PROFILE CORE — structure shared by the crew and actor templates
   Extracted from style.css, 2026-08-09

   INSTALL  themes/write-direct-studio/assets/css/profile-core.css
            enqueued on is_singular( array( 'crew', 'actors' ) )

   ── WHAT THIS IS ────────────────────────────────────────────────────────

   Lines 2191-2483 of style.css, moved VERBATIM. Not one value was
   retyped: a byte-exact move cannot change behaviour, and retyping 290
   lines of declarations is how transcription bugs get in.

   The extraction was verified by counting declarations on both sides —
   773 here plus 4,626 remaining equals the 5,399 the original file had.
   Nothing was dropped and nothing was duplicated.

   ── WHAT STAYS IN style.css ─────────────────────────────────────────────

   Both templates still depend on 18 classes that live elsewhere in
   style.css and are correct to leave there:

       clear, hide-mobile, display-mobile      site-wide utilities
       wds-script-* (15 rules)                 shared with the script pages

   style.css still loads on every page — it carries the nav, the footer and
   everything else. What changed is that the profile block is no longer in
   it, so it is no longer parsed on the other ~everything of the site.

   ── DEAD RULES ──────────────────────────────────────────────────────────

   Roughly 40% of what follows is unreferenced by either template — the
   remains of earlier designs:

       pf-main-*        the old crew header, replaced by wds-hero-*
       pf-crew-*        an earlier crew layout
       crew-credits-*   ditto
       pf-film-*        pf-ap-*   pf-additional-credit-*
       pf-faves / pf-fave-* / pf-stat-*    replaced by wds-fave-* and the hero strip
       cast-skills, cast-credit-left/right, film-videos, film-photos

   They are kept deliberately. Removing them is a separate, revertible pass
   — doing it in the same change as the move would mean a breakage could
   not be traced to one or the other.

   ── ONE THING TO CHECK ──────────────────────────────────────────────────

   This block contains .film-photo, .film-lightbox*, .video-container,
   .oembed-wrapper and .iframe-container. Those names suggest the film
   pages may use them too, and they are NOT pf- prefixed, so they sit
   outside the assurance that only the profile templates were affected:

       grep -rln "film-lightbox\|film-photo\|video-container\|oembed-wrapper\|iframe-container" \
         --include="*.php" .

   If single-films.php or anything else turns up, enqueue this file there
   too — or move those rules back into style.css. Either is a one-liner.
   ═══════════════════════════════════════════════════════════════════════ */


/* =============================================================================
   Filmmaker Profiles
   ========================================================================== */
.profile { width:100%;background:#f4f2ef;min-height:300px;padding:25px 25px 25px 25px; }
.crew-profile{background:#15130f;min-height:300px;padding:25px 25px 25px 25px;width:100%;}
.pf-container { display:flex;justify-content:space-between;flex-wrap:wrap;width:1122px;margin:0 auto;font-size:17px; }
.director-container { display:flex;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;font-size:17px; }
.reel-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio (9 ÷ 16 = 0.5625) */ height: 0; overflow: hidden; max-width: 100%; }
.reel-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pf-right { flex:0 1 28%; }
.pf-left { flex:0 1 70%; }
.pf-radius { -webkit-border-radius: 7px 7px 7px 7px;border-radius: 7px 7px 7px 7px;border:1px solid #d9d9da; }
.pf-pad { padding:30px 35px 30px 35px; }
.pf-less-pad { padding:5px 30px 5px 30px; }
.pf-more-pad { padding:47px 38px 52px 38px; }
.pf-block { background:#fff;margin:0 0 22px 0;width:100%; }
.pf-reel { padding:0;margin:0 0 22px 0; }
.oembed-wrapper { position: relative; overflow: hidden; /* This clips the iframe to the border shape */ border-radius: 7px; /* Adjust this value to your liking */ aspect-ratio: 16 / 9; /* Ensures the video maintains proper proportions */ }
.oembed-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; /* Removes any default iframe borders */ }
.pf-yellow { background:#ECB612;margin:0 0 22px 0;width:100%;padding:11px 35px 15px 35px;color:#000;border:1px solid #292929; }
.pf-block h2 { font-size:24px;padding:0 0 17px 0;margin:0;font-weight:600; }
.pf-block h3, .pf-yellow h3 { font-size:22px;padding:0 0 7px 0;margin:0;font-weight:600; }
.pf-block p {  }
.pf-main-header { height:274px;-webkit-border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0; }
.pf-main-header-director { width:100%;-webkit-border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0; }
.pf-main-header-director img { width:100%;max-width:100%; }
.pf-main-content { padding:25px;display:flex; }
.pf-mobile-role { display:none; }
.pf-main-right { flex:0 1 40%; }
.pf-main-left { flex:0 1 60%; }
.pf-main-avatar { margin:-140px 0 0 0; }
.pf-main-avatar img { width:150px;height:150px;border-radius:50%;border:5px solid #fff; }
.pf-main-name { font-size:29px;font-weight:600;padding:7px 0 5px 0; }
.pf-main-role { font-size: 16px; padding: 5px 0 0 0; display: flex; flex-wrap: wrap; /* ← Add this */ justify-content: flex-start; gap: 6px; /* Optional but cleaner than margins */ }
.pf-role, .pf-secondary-role { padding: 3px 11px; border-radius: 3px; display: inline-block; white-space: nowrap; /* ← Add this */ flex-shrink: 0; /* ← Recommended: prevents the pill from shrinking */ }
/* Primary role (dark) */
.pf-role { border: 1px solid #292929; background: #292929; color: #fff; margin: 0 5px 5px 0; /* Slightly reduced bottom margin for wrapping */ }
/* Secondary roles (light) */
.pf-secondary-role { border: 1px solid #ccc; background: #ccc; color: #292929; margin: 0 5px 5px 0; }
.pf-main-social { display:flex;justify-content: flex-end;padding:0 0 17px 0; }
.pf-main-social-icon { flex:0 1 34px;margin:0 0 0 11px; }
.pf-main-social-icon-imdb { flex:0 1 47px;margin:5px 0 0 11px; }
.pf-main-city { padding:9px 0 0 0;font-size:16px;text-align:right; }
.pf-about-title h2 { font-size:27px;font-weight:700; }
/* Film-credit meta line: evenly spaced values, a middot BETWEEN each (never leading/trailing).
   flex-wrap keeps a long line from overflowing; empty values are already filtered out in the
   template so no dot ever brackets a blank. */
.pf-dot-separator { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 0; margin-top: 5px; color: #555; font-size: 14px; }
.pf-dot-separator span { white-space: nowrap; }
.pf-dot-separator span:not(:last-child)::after { content: "\00B7"; /* middot */ margin: 0 10px; /* even breathing room either side of the dot */ color: #b9b4ac; /* lighter than the text, so it reads as a separator */ font-weight: bold; }
/* accolades */
.pf-accolades-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 8px; }
.pf-accolade-card { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background: #faf8f2; border: 1px solid #ece6d6; border-left: 4px solid #ECB612; /* gold accent bar */ border-radius: 10px; transition: transform .2s ease, box-shadow .2s ease; }
.pf-accolade-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.06); }
.pf-accolade-star img { width: 24px; height: 24px; display: block; margin-top: 2px; }
.pf-accolade-headline { font-size: 16px; font-weight: 700; color: #1a1a1a; line-height: 1.3; }
.pf-accolade-project { font-size: 14px; color: #555; font-style: italic; margin-top: 3px; }
.pf-accolade-source { display: inline-block; margin-top: 10px; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #5a5a5a; background: #fff; border: 1px solid #ddd6c4; padding: 3px 10px; border-radius: 999px; }
.pf-accolade-type { display: inline-block; margin-top: 6px; font-size: 12px; font-weight: 600; color: #8a7320; background: #f6edcf; padding: 2px 10px; border-radius: 6px; }
/* unique details */
.pf-unique { position: relative; margin-top: 14px; padding: 22px 26px 22px 30px; background: #faf8f2; /* same warm tint as the accolade cards */ border-left: 4px solid #ECB612; /* gold accent bar */ border-radius: 10px; font-size: 17px; line-height: 1.6; color: #2c2c2c; }
.pf-unique::before { content: "\201C"; /* opening quote mark */ position: absolute; top: 2px; left: 12px; font-family: Georgia, "Times New Roman", serif; font-size: 52px; line-height: 1; color: #ECB612; opacity: .28; }
.pf-unique p:first-child { margin-top: 0; }
.pf-unique p:last-child { margin-bottom: 0; }
/* favorite films */
.pf-faves { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.pf-fave { display: flex; align-items: center; gap: 12px; padding: 10px 18px 10px 10px; background: #faf8f2; border: 1px solid #ece6d6; border-radius: 999px; transition: transform .2s ease, box-shadow .2s ease; }
.pf-fave:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.06); }
.pf-fave-num { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 30px; background: #ECB612; color: #1a1a1a; font-weight: 800; font-size: 14px; border-radius: 50%; font-variant-numeric: tabular-nums; }
.pf-fave-title { font-size: 14px; font-weight: 600; color: #292929; }
/* years in the biz */
.pf-stats { padding:11px 28px; }
.pf-stat { padding: 14px 0; }
.pf-stat + .pf-stat { border-top: 1px solid rgba(0,0,0,.14); }
/* divider between the two */
.pf-stat-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b5710; /* deep gold-brown, reads as a label on the gold */ margin-bottom: 4px; }
.pf-stat-value { display: flex; align-items: baseline; gap: 8px; font-size: 44px; font-weight: 800; line-height: 1; color: #1a1a1a; font-variant-numeric: tabular-nums; }
.pf-stat-unit { font-size: 16px; font-weight: 600; color: #4a4a4a; }
.iframe-container { position: relative;width: 100%;max-width: 960px;margin: 0 auto;background: #000;border-radius: 8px;overflow: hidden; }
.iframe-container iframe, .iframe-container object, .iframe-container embed, .iframe-container video { position: absolute;inset: 0;width: 100% !important;height: 100% !important;border: 0;top: 0;left: 0; }
/* skills and day rates */
.pf-top { background:#fff;font-weight:600;padding:22px 35px 11px 35px;margin:0;width:100%;-webkit-border-radius: 7px 7px 0px 0px;border-radius: 7px 7px 0px 0px;border-left:1px solid #d9d9da;border-right:1px solid #d9d9da;border-top:1px solid #d9d9da; }
.pf-bottom { height:25px;background:#fff;margin:0 0 22px 0;width:100%;-webkit-border-radius: 0px 0px 7px 7px;border-radius: 0px 0px 7px 7px;border-left:1px solid #d9d9da;border-right:1px solid #d9d9da;border-bottom:1px solid #d9d9da; }
.pf-row { background:#fff;padding:7px 35px 7px 35px;margin:0;width:100%;border-left:1px solid #d9d9da;border-right:1px solid #d9d9da; }
.pf-row-gray { background:#f7f7f7;padding:7px 35px 7px 35px;margin:0;width:100%;border-left:1px solid #d9d9da;border-right:1px solid #d9d9da; }
.day-rates { display:flex;justify-content:flex-start;flex-wrap: nowrap; }
.rate-skill { flex:0 1 40%; }
.rate-count { flex:0 1 20%;text-align:center; }
.rate-amount { flex:0 1 20%;text-align:center; }
/* crew modifications */
/* .pf-crew-header{height:74px;background:#f9f9f9;-webkit-border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0;} */
.pf-crew-main { padding:25px;display:flex;justify-content: flex-start; }
.pf-crew-right { flex:0 1 67%;padding:0 0 0 35px; }
.pf-crew-left { flex:0 1 175px;margin:11px 0 0 11px; }
.pf-crew-menu { position:absolute;right:0;top:34px;width:125px; }
.pf-crew-menu-item { background:#f0f0f0;color:#333;font-weight:600;font-size:16px;width:100%;text-align:center;margin:0 0 9px 0; }
.pf-crew-social { padding:0;display:flex;justify-content:flex-start; }
.pf-crew-name h1 { font-size:34px;font-weight:600;padding:7px 0 2px 0; }
.pf-crew-detail-row { display:flex;flex-wrap:wrap;font-size:16px;margin:0 0 5px 0; }
.pf-crew-icon { flex:0 1 22px;margin:3px 9px 0 0; }
.pf-crew-title { font-weight:600;flex:0 1 117px; }
.pf-crew-avatar { margin:5px 0 0 0; }
.pf-crew-avatar img { width:175px;height:175px;border-radius:50%;border:2px solid #292929; }
.pf-crew-contact-text { font-size:17px;padding:0 0 15px 0; }
/* crew credits */
.crew-credits { display:flex;justify-content:space-between;font-size:15px;flex-wrap:wrap; }
.crew-credits-header { display:flex;justify-content:space-between;font-size:15px;font-weight:700;padding:0 0 11px 0; }
.crew-credits-title { flex:0 1 45%;padding:0 15px 0 0;margin:0 5px 5px 0;padding-left:7px; }
.crew-credits-item { flex:0 1 13%;padding:0 15px 0 0;margin:0 5px 5px 0;padding-left:7px;text-align:center; }
.crew-credits-imdb { flex:0 1 10%;padding:0 15px 0 0;margin:0 5px 5px 0;padding-left:7px;text-align:center; }
.crew-credits-header-title { flex:0 1 45%;padding:0 15px 0 0;margin:0 5px 5px 0; }
.crew-credits-header-item { flex:0 1 13%;padding:0 15px 0 0;margin:0 5px 5px 0;padding-left:7px;text-align:center; }
.crew-credits-header-imdb { flex:0 1 10%;padding:0 15px 0 0;margin:0 5px 5px 0;padding-left:7px;text-align:center; }
.crew-credits-background { background:#f7f7f7; }
/* crew reference */
.crew-reference { display:flex;justify-content: space-between;flex-wrap: wrap; }
.crew-reference-person { flex:0 1 25%;margin:0 25px 0 0; }
.crew-reference-avatar {  }
.crew-reference-avatar img { border-radius:50%;width:65%;margin:0 auto; }
.crew-reference-name { text-align:center;font-size:20px;line-height:1.1;padding:5px 0 0 0; }
.crew-reference-city { text-align:center;font-size:14px; }
/* wd film credits */
.pf-credits { display:flex;justify-content:flex-start;font-size:14px; }
/* Write & Direct film credits: two across on desktop, stacking down on smaller screens.
   The old per-item <div class="clear"> divider was forcing each film to its own row;
   it's been removed from the markup so this flex row can wrap naturally. */
.wd-credits-row { display:flex;flex-wrap:wrap;gap:22px 30px; }
.wd-credits-row > .pf-credits { flex:0 1 calc(50% - 15px);min-width:0;box-sizing:border-box; }
.pf-credits-container { flex:0 1 50%;display:flex; }
.pf-credits h3 { font-size:18px;padding:0;margin:0;font-weight:600; }
.pf-credits-poster { flex:0 0 115px;margin:0 22px 0 0; }
/* Fixed 2:3 movie-poster frame: every poster fills an identical box, cropped to cover,
   so mismatched source ratios no longer make the cards different heights. */
.pf-credits-poster > a, .pf-credits-poster { width:115px; }
.pf-credits-poster .pf-poster-frame, .pf-credits-poster > a { display:block;width:115px;height:172px;border-radius:2px;overflow:hidden;background:#f0efe9; }
.pf-credits-poster img { width:100%;height:100%;object-fit:cover;display:block;border-radius:2px; }
.pf-credits-details { flex:1 1 auto;min-width:0; }
.pf-credits-stats { display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px; }
.pf-credit { white-space:nowrap;font-size }
.pf-credit-imdb { display:inline-flex;align-items:center; }
.pf-credit-imdb img { display:block;height:20px;width:auto; }
.pf-credits-row { padding:0 0 3px 0; }
.pf-credits-description { padding:5px 0 0 0;font-size:14px;color:#434343; }
.pf-credits-description a:link { padding:5px 11px;font-size:14px;color:#fff;background:#000;border-radius:2px; }
.pf-credits-description a:hover { padding:5px 11px;font-size:14px;color:#fff;background:#000;border-radius:2px; }
.pf-credits-description a:visited { padding:5px 11px;font-size:14px;color:#fff;background:#000;border-radius:2px; }
.pf-credits-divider { margin:25px 0 25px 0;height:1px;width:100%;background:#f0f0f0; }
/* film credits */
.pf-additional-credits { display:flex;justify-content:flex-start;flex-wrap: nowrap; }
.pf-additional-credit-icon { flex:0 1 52px;padding:0 19px 0 0; }
.pf-additional-credit-text { flex:0 1 90%; }
.pf-additional-credit-text h3 { font-size:18px;margin:0;padding:0;line-height:1; }
.pf-additional-credit-imdb img { width:52px; }
.pf-additional-credits-row { padding:0 0 3px 0;font-size:16px; }
/* featured film */
.pf-film { display:flex;justify-content:flex-start;font-size:17px; }
.pf-film h3 { font-size:24px;padding:0;margin:0;font-weight:700; }
.pf-film-poster { flex:0 1 200px;margin:0 22px 0 0; }
.pf-film-details { flex:0 1 70%; }
.pf-film-row { padding:0 0 3px 0; }
.pf-film-description { padding:11px 0 0 0; }
.pf-film-links { font-size:16px;padding:25px 0 0 0;display:flex;justify-content:flex-start;font-weight:400; }
.pf-film-link a:link { padding:4px 11px;background:#fff;color:#292929;border:1px solid #292929;margin:0 7px 0 0; }
.pf-film-link a:hover { padding:4px 11px;background:#fff;color:#292929;border:1px solid #292929;margin:0 7px 0 0; }
.pf-film-link a:visited { padding:4px 11px;background:#fff;color:#292929;border:1px solid #292929;margin:0 7px 0 0; }
/* accolades */
.pf-accolade { display:flex;justify-content:flex-start;font-size:16px;margin:0 0 14px 0; }
.pf-accolade-star { flex:0 1 22px;margin:3px 7px 0 0; }
/* active projects */
.pf-ap { font-size:18px;margin:0 0 43px 0; }
.pf-ap h3 { background:#292929;color:#fff;padding:3px 7px;font-size:24px;margin:0 0 11px 0; }
.pf-ap-details { font-size:16px;display:flex; }
.pf-ap-logline { padding:11px 0; }
.pf-ap-status { font-weight:400;background:#4096cb;color:#fff;display:inline-block;padding:5px 11px; }
.pf-ap-status-production { background:#31a824;color:#fff;padding:1px 8px;margin:0 0 0 9px; }
.pf-ap-status-development { background:#127dbe;color:#fff;padding:1px 8px;margin:0 0 0 9px; }
.pf-ap-status-post-production { background:#7736c8;color:#fff;padding:1px 8px;margin:0 0 0 9px; }
.pf-ap-status-pre-production { background:#cf489b;color:#fff;padding:1px 8px;margin:0 0 0 9px; }
.pf-ap-request { display:flex;margin:7px 0 5px 0; }
.pf-ap-request-email { margin:4px 7px 0 0;flex:0 1 25px; }
.pf-ap-request-link a:link { color:#292929;font-size:15px;font-weight:400; }
.pf-ap-request-link a:hover { color:#292929;font-size:15px;font-weight:400; }
.pf-ap-request-link a:visited { color:#292929;font-size:15px;font-weight:400; }
.read-more-state { display: none; }
.read-more-target { opacity: 0;max-height: 0;font-size: 0;transition: .25s ease; }
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1;font-size: inherit;max-height: 999em; }
.read-more-state ~ .read-more-trigger:before { content: 'Read More'; }
.read-more-state:checked ~ .read-more-trigger:before { content: 'Show less'; }
.read-more-trigger { cursor: pointer;display: inline-block;padding: 0 11px;font-size:17px;line-height: 2;border: 1px solid #ddd; }
.pf-block input[type="submit"], .pf-block input[type="submit"]:focus { border:none;font-size:18px;padding:11px 22px;-webkit-border-radius: 0 0 0 0;border-radius: 0 0 0 0; }
.pf-block textarea { height:125px;width:100%;padding:14px 0 0 14px;background:#fff;border-radius:none !important;border:1px solid #cfcfd3;width:100%;margin:9px 0 14px 0; }
.pf-block input[type="text"]::-webkit-input-placeholder { font-size:18px;color: #0d0e29; }
/* Chrome/Opera/Safari */
.pf-block input[type="text"]:-ms-input-placeholder { font-size:18px;color: #0d0e29; }
/* IE 10+ */
.pf-block input[type="text"]:-moz-placeholder { font-size:18px;color: #0d0e29; }
/* Firefox 18- */
.pf-block textarea::-webkit-input-placeholder { font-size:18px;color: #0d0e29; }
/* Chrome/Opera/Safari */
.pf-block textarea::-moz-placeholder { font-size:18px;color: #0d0e29; }
/* Firefox 19+ */
.pf-block textarea:-ms-input-placeholder { font-size:18px;color: #0d0e29; }
/* IE 10+ */
.pf-block textarea:-moz-placeholder { font-size:18px;color: #0d0e29; }
/* Firefox 18- */
.pf-block input[type="email"]::-webkit-input-placeholder { font-size:18px;color: #0d0e29; }
/* Chrome/Opera/Safari */
.pf-block input[type="email"]::-moz-placeholder { font-size:18px;color: #0d0e29; }
/* Firefox 19+ */
.pf-block input[type="email"]:-ms-input-placeholder { font-size:18px;color: #0d0e29; }
/* IE 10+ */
.pf-block input[type="email"]:-moz-placeholder { font-size:18px;color: #0d0e29; }
/* Firefox 18- */
/* this is the toggle to read more of the bio */
.pf-bio-toggle, .pf-bio-full { display: none; }
/* Shared look for both links — note: no display here */
.pf-bio-more, .pf-bio-less { margin-top: 10px; color: #000; font-weight: 600; cursor: pointer; }
.pf-bio-more:hover, .pf-bio-less:hover { text-decoration: underline; }
/* Initial state: "Continue reading" shown, "Show less" hidden */
.pf-bio-more { display: inline-block; }
.pf-bio-less { display: none; }
/* Expanded state: swap them */
.pf-bio-toggle:checked ~ .pf-bio-short { display: none; }
.pf-bio-toggle:checked ~ .pf-bio-full { display: block; }
.pf-bio-toggle:checked ~ .pf-bio-more { display: none; }
.pf-bio-toggle:checked ~ .pf-bio-less { display: inline-block; }
/* for composers */
.pf-music { margin-top: 12px; }
.pf-music-track { margin: 0 0 18px; }
.pf-music-track:last-child { margin-bottom: 0; }
.pf-music-track iframe { width: 100% !important; display: block; border: 0; border-radius: 8px; }
/* =============================================================================
   Cast Profiles Additions / Actor Profiles
   ========================================================================== */
.cast-profile { width:1165px;background:##f4f2ef;margin:25px auto 25px auto; }
.cp-radius { -webkit-border-radius: 7px 7px 7px 7px;border-radius: 7px 7px 7px 7px;border:1px solid #a0a0a0; }
.cp-line { width:100%;height:1px;margin:11px 0 19px 0;background:#ccc; }
.cp-radius h2 { padding:0;margin:0 0 3px 0; }
.cast-profile-top { display:flex;justify-content:flex-start;margin:0 0 34px 0; }
.cast-headshot { flex:0 1 30%; }
.cast-headshot img { border-radius: 4px; }
.cast-photos { flex:0 1 68%;padding:0 0 0 22px; }
.cast-profile-header { width:100%;padding:5px 17px 7px 17px;background:#dedcd9;border-radius:4px;display:flex;justify-content: space-between; }
.cast-name {  }
.cast-name h1 { margin:0;padding:0;font-size:34px;color:#0f0f0f; }
.cast-location { margin-left:auto;font-size:24px;font-weight:600;padding:11px 0 0 0;color:#0f0f0f; }
.cast-profile-bottom { padding:0;display:flex;justify-content: space-between; }
.cast-profile-bottom-left { flex:0 1 65%; }
.cast-profile-bottom-right { flex:0 1 32%; }
.cast-detail { clear:both;line-height:1.4; }
.cast-skills { display:flex;justify-content: flex-start;flex-wrap:wrap; }
.cast-skill { padding:11px 22px 7px 22px;margin:15px 15px 0 0;background:#f2f0ed;-webkit-border-radius: 15px;border-radius: 15px; }
.credits { display:flex;justify-content: space-between;flex-wrap: wrap; }
.cast-credit { flex:0 1 49%;padding:14px 22px 11px 22px;margin:15px 0 0 0;background:#f2f0ed;-webkit-border-radius: 15px;border-radius: 15px;line-height:1.3; }
.cast-credit-left { float:left; }
.cast-credit-right { float:right; }
/* sets background and such for images */
.film-photos { padding:65px 65px 65px 65px;background:#fff; }
.film-photos h2 { font-size:34px;font-weight:800;color:#292929;padding:0 0 15px 0;margin:0; }
.the-photos { display:flex;justify-content:flex-start;flex-wrap: wrap; }
.film-photo { flex:0 1 165px;margin:0 16px 16px 0; }
.film-photo-background { height:122px;width:100%; /*size and position directly in html*/ border-radius: 4px; }
/* end film photos */
/* film videos */
.film-videos { padding:74px 74px 74px 74px;background:#f1f1f1; }
.film-videos h2 { font-size:34px;font-weight:800;color:#292929;padding:0 0 15px 0;margin:0; }
.videos { display:flex;flex-wrap:wrap;justify-content: space-between; }
.video { flex:0 1 47%; }
.video-title { text-align:center;font-size:17px;font-weight:500;padding:11px 0 25px 0; }
/* end film videos */
/* light box */
/* this relies on the script inserted on the page */
.film-lightbox { display: flex; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.9); z-index: 9999; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.25s ease; }
.film-lightbox.is-open { opacity: 1; visibility: visible; }
.film-lightbox-img { max-width: 90vw; max-height: 85vh; object-fit: contain; transform: scale(0.96); transition: opacity 0.15s ease, transform 0.25s ease; }
.film-lightbox.is-open .film-lightbox-img { transform: scale(1); }
.film-lightbox-close, .film-lightbox-prev, .film-lightbox-next { position: absolute; background: none; border: none; color: #fff; font-size: 2.5rem; cursor: pointer; line-height: 1; padding: 0.5rem; }
.film-lightbox-close { top: 1rem; right: 1.5rem; }
.film-lightbox-prev { left: 1.5rem; top: 50%; transform: translateY(-50%); }
.film-lightbox-next { right: 1.5rem; top: 50%; transform: translateY(-50%); }
.film-photo { overflow: hidden; }
.film-photo-background { transition: transform 0.5s ease; }
.film-photo a:hover .film-photo-background { transform: scale(1.05); }
/* =============================================================================
   Actor profile — Skills & Acting Experience chips (add to your profile CSS)
   ========================================================================== */
/* Acting Experience — white chips inside the gold box */
.pf-exp .pf-exp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pf-exp-tag { display: inline-block; padding: 6px 14px; font-size: 13px; font-weight: 700; color: #1a1a1a; background: #ffffff; border-radius: 999px; }
/* Skills — warm gold-accented chips on the white card */
.pf-skills .pf-skill-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pf-skill-tag { display: inline-block; padding: 6px 14px; font-size: 13px; font-weight: 600; color: #2c2c2c; background: #faf8f2; border: 1px solid #e6dfc9; border-radius: 999px; transition: background .2s ease, border-color .2s ease; }
.pf-skill-tag:hover { background: #f6edcf; border-color: #ECB612; }

/* ═══════════════════════════════════════════════════════════════════════
   RESPONSIVE — moved from the media queries in style.css

   These were left behind by the first extraction, which took only the main
   block. Without them the profiles do not reflow at all: the rail never
   collapses, the cast layout never stacks, and the credit rows stay
   side-by-side down to phone width.

   Rules are VERBATIM and the breakpoints are unchanged. They are grouped
   here in the same descending order style.css used, so the cascade between
   overlapping widths behaves exactly as it did.

   NOT moved, deliberately:
     .wds-script-*   belongs with the script grid, shared with script pages
     .wd-account-nav belongs to the account area
   ═══════════════════════════════════════════════════════════════════════ */


@media screen and (max-width: 1300px) {
    .cast-profile { width:100%;padding:25px; }
}

@media screen and (max-width: 1200px) {
    .pf-container { width:90%; }
}

@media screen and (max-width: 1100px) {
    .pf-right { display:none; }
    .pf-left { flex:0 1 100%; }
}

@media screen and (max-width: 900px) {
    .wd-credits-row > .pf-credits { flex:0 1 100%; }
}

@media screen and (max-width: 800px) {
    .pf-main-header { height:200px; }
    .pf-main-content { flex-wrap: wrap; }
    .pf-main-right { flex:0 1 100% }
    .pf-main-left { flex:0 1 100% }
    .pf-main-social { justify-content: flex-start;padding:17px 0 17px 0; }
    .pf-main-city { justify-content: flex-start;padding:0 0 11px 0;font-size:20px;text-align:left; }
    .pf-main-name { font-size:34px; }
    .pf-main-social-icon { flex:0 1 40px;margin:0 0 0 11px; }
    .pf-main-social-icon-imdb { flex:0 1 52px;margin:5px 0 0 11px; }
    .pf-main-header-director { height:200px; }
    .credits { flex-wrap:wrap; }
    .cast-credit { flex:0 1 100%; }
    .cast-headshot { flex:0 1 40%; }
    .cast-photos { flex:0 1 60%; }
    .film-photo { flex:0 1 33%;margin:0;padding:0 0 11px 11px; }
    .cast-location { float:left;font-size:22px;font-weight:500; }
    .cast-profile-header { padding:14px 17px 11px 17px;flex-direction: column;justify-content: flex-start; }
    .cast-name h1 { line-height:1; }
}

@media screen and (max-width: 750px) {
    .cast-profile-bottom { flex-direction: column; }
    .cast-profile-bottom-left { flex:0 1 100%; }
    .cast-profile-bottom-right { flex:0 1 100%; }
}

@media screen and (max-width: 700px) {
    .pf-main-header { height:147px; }
    .pf-main-role { flex-wrap:wrap; }
    .pf-role, .pf-secondary-role { font-size:16px;margin:0 5px 5px 0; }
    .cast-profile-top { flex-direction: column; }
    .cast-headshot { flex:0 1 100%; }
    .cast-photos { flex:0 1 100%;padding:0; }
}

@media screen and (max-width: 650px) {
    .pf-credits { flex-direction: column; }
    .pf-credits-details { flex:0 1 100%; }
    .pf-credits-description { font-size:18px; }
    .pf-credits-details h3 { font-size:24px; }
    .pf-accolades-grid { grid-template-columns: 1fr; }
}

@media screen and (max-width: 600px) {
    .cast-credit-left { width:100%;clear:both; }
    .cast-credit-right { width:100%;clear:both; }
    .pf-container { width:100%; }
    .pf-pad { padding:25px 20px 30px 20px; }
    .pf-main-avatar img { width:200px;height:200px; }
    .pf-main-avatar { margin:-140px auto 0 auto; }
}

@media screen and (max-width: 500px) {
    .pf-role, .pf-secondary-role { font-size:14px;margin:0 5px 5px 0; }
    .pf-credits h3 { font-size:20px;padding:0;margin:0;font-weight:600; }
    .profile { padding:25px 11px; }
}

@media screen and (max-width: 465px) {
    .rate-skill, .rate-amount { flex:0 1 50%; }
}