*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030608;color:#f6f6f4;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ed5276;outline-offset:4px}.sr-only{position:absolute;left:-9999px}header{height:78px;background:rgba(3,6,8,.94);display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff20;backdrop-filter:blur(18px)}.logo{font-size:31px;font-weight:1000;font-style:italic;letter-spacing:-2px;border:0;background:none;color:#fff}nav{display:flex;gap:clamp(9px,1.3vw,24px);align-items:center}nav button{border:0;background:none;color:#bfc8c8;font-size:10px;letter-spacing:1.2px;font-weight:800;padding:10px 0}nav button.active,nav button:hover{color:#fff;border-bottom:2px solid #e94e76}.menu{display:none;background:none;color:#fff;border:1px solid #777;padding:8px 12px}.view{display:none;min-height:calc(100vh - 140px)}.view.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.4}to{opacity:1}}.homehero{min-height:calc(100vh - 78px);background-position:center;background-size:cover;display:flex;align-items:center}.homecopy{margin-left:9%;max-width:650px}.homecopy h1{font-size:clamp(110px,20vw,300px);letter-spacing:-.1em;font-style:italic;line-height:.9;margin:20px 0}.homecopy p{font-size:clamp(17px,2vw,23px);line-height:1.5;max-width:410px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#83aeb1}.cta{display:inline-block;border:1px solid #fff8;background:transparent;color:white;padding:16px 25px;margin-top:24px;font-size:12px;letter-spacing:1.5px;font-weight:900;text-decoration:none}.cta:hover{background:white;color:black}.section-heading{padding:70px 7% 35px}.section-heading>span{font-size:11px;letter-spacing:3px;color:#7baab1}.section-heading h2,.readable h2,.character-head h2,.profile h2{font-style:italic;font-size:clamp(55px,10vw,130px);line-height:.95;letter-spacing:-.055em;margin:15px 0}.section-heading p{color:#aebabc}.slide{height:min(72vw,85vh);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000}.readable{max-width:850px;margin:0 auto;padding:55px 30px 95px}.readable h2{font-size:65px}.readable h3{font-size:30px}.readable p,.profile p{font-size:clamp(16px,1.6vw,20px);line-height:1.85;color:#d6dfe0}.act-tabs{display:flex;gap:12px;padding:0 7% 35px;flex-wrap:wrap}.act-tabs button{background:none;border:1px solid #ffffff55;color:#fff;padding:12px 22px;font-size:12px;letter-spacing:1px}.act{border-top:1px solid #ffffff22}.act-image{height:min(67vw,760px);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000}.act .readable{padding-top:10px}.act h3{font-size:60px;font-style:italic;margin:8px 0}.theme-hero{height:min(64vw,750px);background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#000;display:flex;align-items:center;justify-content:center}.theme-title{font-size:clamp(60px,13vw,180px);font-weight:1000;font-style:italic;opacity:0}.theme-list{display:flex;flex-wrap:wrap;gap:14px;padding:40px 7% 80px}.theme-list span{border:1px solid #4c7181;padding:14px 20px;font-size:13px;font-weight:900;letter-spacing:1px}.placewrap{position:relative;width:100%;background:#000}.placewrap img{display:block;width:100%;height:auto}.placehit{position:absolute;z-index:2;background:transparent;border:1px solid transparent;transform:scale(1);transition:.2s}.placehit:hover,.placehit:focus-visible{background:#f8dbac24;border:2px solid #f8dbacaa;box-shadow:0 0 32px #ffca7a55}.character-mobile{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:30px 20px 60px}.character-mobile button{background:#101b1d;color:#fff;border:1px solid #456;padding:13px 20px;letter-spacing:2px}.character-head{padding:45px 7%}.character-head h2{margin-bottom:12px}.character-head>span{display:block;margin-top:30px;color:#92afb6;font-size:12px;letter-spacing:2px}.back{border:0;background:none;color:#d2e0e3;letter-spacing:2px;font-size:12px;padding:15px 0}.character-photo{height:min(66vw,720px);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000}.comp-list{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:50px 30px 90px}.comp-list div{border-top:1px solid #577;padding-top:20px}.comp-list strong{display:block;font-size:17px}.comp-list span{display:block;margin-top:12px;color:#abb;font-size:13px;line-height:1.6}.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;gap:35px;margin:30px auto 110px;padding:0 25px}.creator{background:linear-gradient(#102329,#030709);color:#fff;border:1px solid #2d4b50;padding:45px 20px;transition:.2s}.creator:hover{border-color:#a2d6d9;transform:translateY(-5px)}.creator img{width:220px;height:220px;border-radius:50%;object-fit:cover;object-position:center}.creator h3{font-size:clamp(23px,3vw,42px);margin:25px 0 5px}.creator p{font-size:12px;letter-spacing:2px;color:#9cbdc1}.creator small{display:block;margin-top:35px;letter-spacing:1.5px;font-weight:900}.profile{max-width:1120px;margin:auto;padding:50px 30px 100px;display:grid;grid-template-columns:240px 1fr;gap:50px}.profile .back{grid-column:1/-1;justify-self:start}.profile img{width:230px;height:230px;border-radius:50%;object-fit:cover}.profile h2{font-size:clamp(50px,6vw,85px)}.profile h3{font-size:27px;margin-top:55px;border-top:1px solid #456;padding-top:30px}.video{width:min(1100px,92%);aspect-ratio:16/9;margin:20px auto;background:#101010}.video iframe{border:0;width:100%;height:100%}footer{padding:30px 5%;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;color:#789094;font-size:11px;letter-spacing:1px}footer a{color:inherit}@media(max-width:1100px){header{height:65px}.menu{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#05090a;flex-direction:column;align-items:stretch;padding:25px 6%;gap:4px;border-bottom:1px solid #466}nav.open{display:flex}nav button{text-align:left;padding:13px}.homehero{min-height:80vh}.comp-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.homehero{min-height:74vh;background-position:60% center}.homecopy{margin-left:7%;margin-top:100px}.homecopy h1{font-size:120px}.section-heading{padding:45px 6% 20px}.slide{height:90vw}.act-image{height:90vw}.readable{padding:35px 22px 65px}.theme-hero{height:80vw}.creator-grid{grid-template-columns:1fr}.creator img{width:180px;height:180px}.profile{display:block;padding:35px 25px}.profile img{margin:25px 0}.character-photo{height:95vw}.character-mobile{gap:7px}.character-mobile button{font-size:11px;padding:11px}.comp-list{grid-template-columns:1fr 1fr}.comp-list strong{font-size:13px}footer{flex-direction:column;gap:10px}}
.view{display:block!important;min-height:calc(100vh - 78px)}

nav a{color:#bfc8c8;text-decoration:none;font-size:10px;letter-spacing:1.2px;font-weight:800;padding:10px 0}nav a.active,nav a:hover{color:white}.logo{text-decoration:none}.placecard, .creator-card{cursor:pointer}

/* November refinements */
.homehero{align-items:flex-start}.homecopy{margin-left:5%;margin-top:clamp(38px,8vh,115px);max-width:none}.homecopy h1{font-size:clamp(88px,15vw,215px);margin:0;line-height:.86}.homecopy .eyebrow{margin:12px 0 0 4px;color:#fff;letter-spacing:2.5px}.homecopy .cta{display:block;width:max-content;margin-top:35px}.act .act-image{height:min(67vw,760px)}
.placewrap .place-heading{position:absolute;top:3%;left:5%;z-index:3;padding:0;pointer-events:none;text-shadow:0 2px 15px #000}.place-heading h2{font-size:clamp(38px,7vw,100px);margin:0}.place-heading p{font-size:clamp(11px,1.4vw,17px);color:#fff;margin:12px 0}.comps-hero{position:relative;height:min(72vw,85vh)}.comps-hero .section-heading{position:absolute;z-index:2;top:2%;left:5%;padding:0}.comps-hero .section-heading h2{font-size:clamp(55px,9vw,125px);margin:0;text-shadow:0 3px 18px #000}.comps-hero:after{content:'';position:absolute;right:0;top:0;width:24%;height:14%;background:#000;pointer-events:none}
@media(max-width:650px){.homecopy{margin-left:5%;margin-top:50px}.homecopy h1{font-size:clamp(80px,22vw,125px)}.homecopy .cta{margin-top:22px}.place-heading h2{font-size:clamp(32px,8vw,55px)}.place-heading p{max-width:220px;font-size:11px}.comps-hero{height:90vw}.comps-hero .section-heading h2{font-size:55px}}

/* November final revisions */
.homecopy .cta{display:none!important}
#synopsis .section-heading{padding:15px 5% 8px;background:#000}
#synopsis .section-heading h2{font-size:clamp(48px,7vw,90px);margin:0}
#synopsis .section-heading>span{display:none}
#synopsis .act-tabs{display:none}
#synopsis .act{border:0}
#synopsis .act-image{height:auto;aspect-ratio:1300/732;background-size:100% 100%}
#tone .theme-hero,#tone .slide{width:100%;height:auto;aspect-ratio:1300/732;background-size:100% 100%;margin:0}
#tone .theme-list,#tone .section-heading,#tone .readable{display:none}
#characters .character-mobile{display:none}
.character-detail .character-photo{height:auto;aspect-ratio:1300/732;background-size:100% 100%;width:100%}
.creator-grid{max-width:1380px;gap:18px;margin:24px auto 80px}
.creator{padding:0 0 25px;background:transparent;border:0;text-align:center;text-decoration:none}
.creator:hover{border:0;transform:translateY(-3px)}
.creator img{width:100%;height:auto;aspect-ratio:1;border-radius:0;object-fit:contain;display:block}
.creator small{display:block;margin:18px 0 0;font-size:clamp(11px,1.5vw,16px);letter-spacing:1.4px}
.profile img{width:230px;height:230px;object-fit:contain;border-radius:50%}
.film-banner{display:block;width:100%;height:auto;background:#000}
.watch-heading{text-align:center;font-style:italic;font-size:clamp(36px,6vw,85px);line-height:1;margin:28px 0 22px}
#short-film .video{margin:0 auto 35px;width:min(1350px,96%)}
#short-film{background:#000}
@media(max-width:650px){#synopsis .section-heading{padding:12px 5% 6px}#synopsis .section-heading h2{font-size:45px}.creator-grid{gap:22px;padding:0 12px}.creator small{font-size:10px;letter-spacing:.5px}.watch-heading{margin:18px 0}.profile img{width:200px;height:200px}}

/* Mobile-only image substitutions, November revision */
.mobile-logline-art,.mobile-placewrap,.mobile-comps-art{display:none}
.character-detail .character-head{padding:12px 5% 8px}
@media(max-width:650px){
 #logline .logline-desktop{display:none}
 .mobile-logline-art{display:flex;position:relative;width:100%;aspect-ratio:941/1672;background:#000 url('../images/mobile-logline.webp') center/100% 100% no-repeat;align-items:flex-start;justify-content:center}
 .mobile-logline-copy{position:absolute;top:8%;left:7%;right:7%;text-align:center;text-shadow:0 2px 12px #000,0 1px 5px #000}
 .mobile-logline-copy h1{font-size:clamp(42px,11vw,72px);font-style:italic;letter-spacing:-.04em;margin:0 0 12px}
 .mobile-logline-copy p{font-size:clamp(13px,3.3vw,19px);line-height:1.5;font-weight:600;margin:0}
 #characters .desktop-placewrap{display:none}
 #characters .mobile-placewrap{display:block}
 #characters .mobile-placewrap .placehit{z-index:4}
 #comps .desktop-comps{display:none}
 #comps .mobile-comps-art{display:block;width:100%;height:auto}
}

/* Mobile logline position adjustment */
@media (max-width:650px) {
  .mobile-logline-copy { top: 45%; }
}

/* FUEL November 11 responsive updates */
.homehero{position:relative;isolation:isolate;overflow:hidden}
.home-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
.responsive-full-art,.responsive-full-art img{display:block;width:100%;height:auto}
.character-art{position:relative;width:100%;background:#02080d;isolation:isolate}
.character-art picture,.character-art picture img{display:block;width:100%;height:auto}
.character-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:3% 5%;pointer-events:none}
.character-overlay-inner{width:min(48%,780px);text-shadow:0 2px 15px #000c}
.character-overlay h1{font-size:clamp(34px,5.5vw,96px);font-weight:900;font-style:italic;letter-spacing:-.06em;line-height:.9;margin:0 0 12px}
.character-role{font-size:clamp(10px,1.05vw,16px);font-weight:800;letter-spacing:.08em;margin-bottom:clamp(8px,1.1vw,20px)}
.character-prose p{font-size:clamp(11px,1.12vw,19px);line-height:1.43;margin:0 0 .65em;font-weight:550}
.character-return{text-align:center;padding:25px}.character-return a{color:#e3edef;font-size:12px;letter-spacing:2px;text-decoration:none}
@media(max-width:650px){
 .home-background-video{display:none}
 .mobile-logline-copy{top:59%!important;left:7%;right:7%}
 .mobile-logline-copy h1{font-size:clamp(36px,10vw,60px)}
 .mobile-logline-copy p{font-size:clamp(12px,3.15vw,17px);line-height:1.43}
 .character-overlay{align-items:flex-end;justify-content:center;padding:5% 6% 7%;background:linear-gradient(180deg,transparent 38%,rgba(0,4,10,.32) 58%,rgba(0,4,10,.92) 100%)}
 .character-overlay-inner{width:100%;text-align:left}
 .character-overlay h1{font-size:clamp(38px,12vw,64px);margin-bottom:6px}
 .character-role{font-size:clamp(10px,2.6vw,13px);margin-bottom:10px}
 .character-prose p{font-size:clamp(11px,2.8vw,15px);line-height:1.35;margin-bottom:.55em}
}
@media(max-width:380px){.character-overlay{padding:4% 5% 5%}.character-prose p{font-size:10.5px;line-height:1.28}}

/* Mobile-only clickable autoplay short-film cover; desktop original remains intact. */
.mobile-short-film{display:none}
@media(max-width:650px){
 body:has(.mobile-short-film) #short-film{display:none!important}
 .mobile-short-film{display:block;background:#000}
 .mobile-film-link{display:block;position:relative;height:calc(100svh - 64px);min-height:420px;width:100%;overflow:hidden;color:#fff;text-decoration:none}
 .mobile-film-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
 .mobile-film-prompt{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:clamp(13px,3.3vw,18px);font-weight:800;letter-spacing:.13em;text-shadow:0 2px 12px #000;pointer-events:none}
}

/* Updated desktop-only comps: original mobile layout untouched. */
@media(min-width:651px){
 #comps .comps-redesign{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 64px);padding:clamp(28px,4vw,70px) 3.5%;background:linear-gradient(180deg,rgba(0,6,15,.48),rgba(0,6,15,.75)),url('../images/comps-desktop-background.webp') center/cover no-repeat}
 #comps .comps-redesign>h1{text-align:center;font-size:clamp(38px,5vw,76px);line-height:1;margin:0 0 clamp(22px,3vw,42px);letter-spacing:.08em;text-shadow:0 3px 16px #000}
 #comps .comps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.7vw,28px);max-width:1650px;width:100%;margin:auto;align-items:start}
 #comps .comp-card{text-align:center;min-width:0;color:white;text-shadow:0 2px 10px #000}
 #comps .comp-card img{display:block;width:100%;height:clamp(220px,28vw,420px);object-fit:contain;filter:drop-shadow(0 8px 18px #000b)}
 #comps .comp-card h2{text-transform:uppercase;font-size:clamp(14px,1.5vw,23px);margin:18px 0 8px;line-height:1.15}
 #comps .comp-card p{font-size:clamp(12px,1.02vw,16px);line-height:1.4;margin:0 auto;max-width:260px;color:#e7eaf0}
}

/* Final requested refinements, 12 November */
.homecopy h1 .fuel-first-letter{display:inline-block;margin-right:.045em}
@media (min-width:651px){
 .character-detail.character-wayne .character-overlay,
 .character-detail.character-julia .character-overlay,
 .character-detail.character-ruairi .character-overlay,
 .character-detail.character-mona .character-overlay{align-items:flex-end;justify-content:flex-start;padding:3% 5% 4%;}
 .character-detail.character-rem .character-overlay{align-items:center;justify-content:flex-start;padding:3% 5%;}
 #comps .comp-card p{font-size:clamp(11px,.88vw,14px);}
}

/* Desktop-only full-screen autoplay video cover for Short Film page. */
@media(min-width:651px){
 #short-film{min-height:calc(100svh - 78px);background:#000}
 #short-film .desktop-short-film-link{display:block;position:relative;width:100%;height:calc(100svh - 78px);min-height:480px;overflow:hidden;color:#fff;text-decoration:none;background:#000}
 #short-film .desktop-short-film-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
 #short-film .desktop-short-film-prompt{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:clamp(14px,1.4vw,20px);font-weight:800;letter-spacing:.13em;text-shadow:0 2px 12px #000;pointer-events:none}
}

/* Flip Wayne background image only; text and other elements stay unchanged. */
#character-wayne .character-art picture img { transform: scaleX(-1); }


/* November 12 design updates: responsive page-specific refinements */
.homecopy h1 .fuel-e{display:inline-block;margin-right:.035em}
.homecopy h1 .fuel-l{display:inline-block}
@media(max-width:650px){
 .home-background-video{display:block!important;object-position:center center}
 .homehero{height:calc(100svh - 65px);min-height:0;background-image:none!important}
 .homecopy{position:relative;z-index:1}
 .mobile-logline-copy{top:48%!important}
 .mobile-logline-copy h1{font-weight:1000;-webkit-text-stroke:.6px currentColor}
 #characters .mobile-placewrap img{filter:brightness(.95) saturate(.81) hue-rotate(4deg)}
 .character-detail{height:calc(100svh - 65px);min-height:0;overflow:hidden}
 .character-detail .character-head{position:absolute;z-index:6;top:65px;left:0;padding:5px 5%}
 .character-detail .character-art{height:100%;overflow:hidden}
 .character-detail .character-art picture,.character-detail .character-art picture img{width:100%;height:100%}
 .character-detail .character-art picture img{object-fit:cover;object-position:center top}
 .character-detail .character-overlay{inset:0;align-items:flex-start;justify-content:flex-start;padding:44px 5% 4%;background:linear-gradient(90deg,rgba(0,3,9,.82),rgba(0,3,9,.25) 90%)}
 .character-detail .character-overlay-inner{width:100%;max-width:440px}
 .character-detail .character-overlay h1{font-size:clamp(34px,9vw,52px)}
 .character-detail .character-role{font-size:clamp(9px,2.25vw,12px)}
 .character-detail .character-prose p{font-size:clamp(10px,2.65vw,14px);line-height:1.32;margin-bottom:.45em}
 .character-detail .character-return{display:none}
 .mobile-comps-art{display:none!important}
 #comps .mobile-comps-new{display:block;background:linear-gradient(145deg,#061a2b,#02070f);padding:30px 5% 55px;min-height:calc(100svh - 65px)}
 .mobile-comps-new h1{text-align:center;font-size:clamp(38px,10vw,60px);letter-spacing:.1em;margin:0 0 24px}
 .mobile-comps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .mobile-comps-grid figure{margin:0;text-align:center}
 .mobile-comps-grid img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 10px 25px #0009}
 .mobile-comps-grid figcaption{font-size:clamp(11px,3vw,15px);font-weight:800;text-transform:uppercase;margin-top:10px}
}
@media(min-width:651px){
 #synopsis .act{position:relative}
 #synopsis .act:not(:last-child)::after{content:"SCROLL FOR NEXT ACT  ↓";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:10px 22px;background:#020812bc;border:1px solid #ffffff77;border-radius:30px;font-size:clamp(10px,.85vw,14px);font-weight:800;letter-spacing:.15em;color:#fff;pointer-events:none}
 .character-detail .character-overlay{align-items:flex-start!important;justify-content:flex-start!important;padding:3% 5%!important}
}
.mobile-comps-new{display:none}
.watch-film-page{background:radial-gradient(ellipse at 50% 0%,#0a2637,#02070d 65%);min-height:calc(100svh - 78px);padding:clamp(20px,3vw,45px) 4% 65px;text-align:center}
.laurel-toggle{border:0;background:transparent;color:#fff;cursor:pointer;padding:0;display:inline-block;width:min(340px,80vw)}
.laurel-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 12px #0007)}
.laurel-toggle:hover .laurel-svg{opacity:.8}
.film-accolades{margin:10px auto 28px;max-width:620px;padding:20px;border:1px solid #5d7785;background:#07131c}
.film-accolades h2{margin:0 0 12px;font-size:20px}
.film-accolades p{margin:0;color:#ccd8de}
.watch-film-page h1{font-size:clamp(19px,3.2vw,44px);letter-spacing:.07em;margin:12px auto 30px;max-width:1000px}
.film-embed{width:min(1120px,100%);aspect-ratio:16/9;margin:auto;background:#000;box-shadow:0 15px 55px #0009}
.film-embed iframe{width:100%;height:100%;border:0}
@media(max-width:650px){.watch-film-page{min-height:calc(100svh - 65px);padding:20px 3% 45px}.watch-film-page h1{font-size:clamp(17px,5vw,27px);line-height:1.25;margin:12px 0 20px}.film-embed{width:100%}}

@media(max-width:650px){#comps .mobile-comps-new{display:block}}

.film-accolades{max-width:1100px}.film-accolades .accolades-art{width:100%;height:auto;display:block}

/* Final image and mobile layout refinements */
.homecopy .eyebrow{margin-top:2px!important}
.mobile-home-video{display:none}
@media(max-width:650px){
 body:has(#home){overflow:hidden}
 #home,.homehero{height:calc(100svh - 65px)!important;min-height:0!important;overflow:hidden}
 .homehero{background:#000!important}
 .home-background-video{display:none!important}
 .mobile-home-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.12);z-index:-1;pointer-events:none}
 .homecopy{position:absolute;left:5%;bottom:9%;margin:0!important;z-index:2}
 .homecopy .eyebrow{margin-top:0!important}
 #logline{height:calc(100svh - 65px);min-height:0!important;overflow:hidden}
 #logline .mobile-logline-art{height:100%;aspect-ratio:auto;background-size:cover;background-position:center top}
 #logline .mobile-logline-copy{top:40%!important}
 #comps .mobile-comps-grid{gap:17px 12px}
 #comps .mobile-comps-grid img{width:88%;margin:0 auto}
 #comps .mobile-comps-grid figcaption{margin-top:7px}
 #comps .mobile-comp-description{font-size:clamp(10px,2.6vw,13px);line-height:1.35;color:#d6dfe5;margin:7px 0 0}
}
.creators-desktop-layout{position:relative;width:100%}
.creators-desktop-layout>img{display:block;width:100%;height:auto}
.creators-desktop-layout .creator-hotspot{position:absolute;display:block;top:10%;height:48%;width:29%;z-index:2;cursor:pointer}
.creators-desktop-layout .marc-hit{left:22%}
.creators-desktop-layout .austin-hit{left:54%}
.creators-desktop-layout .creator-hotspot:focus-visible{outline:2px solid white}
.creators-mobile-layout{display:none}
@media(max-width:650px){
 .creators-desktop-layout{display:none}
 .creators-mobile-layout{display:block}
 .creators-mobile-layout a{display:block}
 .creators-mobile-layout img{display:block;width:100%;height:auto}
}
.laurel-toggle{position:relative;width:min(310px,75vw)}
.laurel-image{display:block;width:100%;height:auto}
.laurel-caption{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:clamp(11px,1.6vw,18px);font-weight:900;line-height:1.25;letter-spacing:.09em;white-space:nowrap}
.watch-film-page h1{font-size:clamp(14px,1.8vw,24px)!important;margin:4px auto 22px!important;letter-spacing:.09em}

/* Short film accolades image popup */
.film-accolades-modal{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;max-width:min(94vw,1100px);max-height:92dvh;overflow:visible;box-shadow:0 15px 65px #000b}
.film-accolades-modal::backdrop{background:rgba(0,0,0,.88)}
.film-accolades-modal img{display:block;max-width:100%;max-height:92dvh;width:auto;height:auto;object-fit:contain;margin:auto}
.accolades-close{position:absolute;right:0;top:0;transform:translate(30%,-30%);width:38px;height:38px;border:1px solid #fff;background:#081621;color:white;border-radius:50%;font-size:30px;line-height:30px;cursor:pointer;z-index:2}
@media(max-width:650px){.film-accolades-modal{max-width:96vw}.accolades-close{right:8px;top:8px;transform:none}}

/* Compact watch-film header: keep the video close to the navigation. */
.watch-film-page{padding:8px 3% 32px!important;background:linear-gradient(180deg,#092235 0%,#02070d 240px)!important}
.watch-film-page .laurel-toggle{display:block;width:clamp(120px,15vw,190px)!important;margin:0 auto!important;line-height:0}
.watch-film-page .laurel-image{width:100%;height:auto;display:block}
.watch-film-page h1{font-size:clamp(12px,1.15vw,17px)!important;line-height:1.2;margin:0 auto 12px!important;letter-spacing:.07em}
@media(max-width:650px){.watch-film-page{padding:6px 3% 24px!important}.watch-film-page .laurel-toggle{width:clamp(112px,30vw,150px)!important}.watch-film-page h1{font-size:clamp(11px,3vw,14px)!important;margin:0 auto 10px!important}}

/* November 12 content refresh */
.homecopy .home-genre{font-family:inherit;font-size:clamp(10px,1.1vw,17px);font-weight:700;letter-spacing:.15em;color:white;margin-top:6px;text-shadow:0 2px 10px #000}
@media(max-width:650px){.homecopy .home-genre{font-size:clamp(9px,2.8vw,13px);letter-spacing:.09em;margin-top:5px}#comps .mobile-comps-new{background:linear-gradient(rgba(0,3,10,.40),rgba(0,3,10,.78)),url('../images/comp-bg.png') center top/cover fixed no-repeat!important}.creators-mobile-layout{padding:18px 16px 32px;background:#000}.creators-mobile-layout a{margin-bottom:20px}.creators-mobile-layout a:last-child{margin-bottom:0}}
/* Character pages now have an uninterrupted hero image and separate readable biography */
.character-detail .character-art{height:auto!important;overflow:visible!important;position:relative!important}
.character-detail .character-art picture,.character-detail .character-art picture img{display:block!important;width:100%!important;height:auto!important;max-height:none!important}
.character-detail .character-art picture img{object-fit:contain!important;transform:none!important}
.character-detail .character-overlay{position:relative!important;inset:auto!important;display:block!important;width:100%!important;padding:clamp(26px,4vw,60px) max(6%,calc((100% - 950px)/2)) 65px!important;background:linear-gradient(135deg,#061525,#010409)!important;pointer-events:auto!important}
.character-detail .character-overlay-inner{width:100%!important;max-width:950px!important;text-align:left!important;margin:0 auto}
.character-detail .character-overlay h1{font-size:clamp(40px,6vw,78px)!important;margin:0 0 12px!important}
.character-detail .character-prose p{font-size:clamp(15px,1.3vw,19px)!important;line-height:1.65!important;max-width:850px!important;margin:0 0 20px!important}
.character-detail .character-role{margin-bottom:24px!important}
@media(max-width:650px){.character-detail .character-overlay{padding:30px 7% 48px!important}.character-detail .character-overlay h1{font-size:42px!important}.character-detail .character-prose p{font-size:15px!important;line-height:1.65!important}}
.profile-buttons{display:flex;align-items:center;gap:12px;margin:12px 0 25px;flex-wrap:wrap}
.profile-buttons a{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}
.profile-buttons a:hover{transform:translateY(-2px)}
.profile-buttons img{display:block;width:auto!important;height:37px!important;max-width:130px;object-fit:contain}
@media(max-width:650px){.profile-buttons img{height:31px!important}}

/* November 13 refinements */
.homecopy .home-genre{font-size:clamp(9px,.88vw,14px);letter-spacing:.12em;margin-left:4px}
.profile-buttons{gap:9px;margin:4px 0 10px}
.profile-buttons img{height:29px!important;max-width:105px}
.profile h2{margin-bottom:5px}
.profile-buttons + h3{margin-top:20px;padding-top:17px}
@media(max-width:650px){
 .homecopy .home-genre{font-size:clamp(8px,2.2vw,11px);letter-spacing:.07em;margin-left:4px}
 .character-detail{height:auto!important;min-height:calc(100svh - 65px)!important;overflow:visible!important;max-height:none!important}
 .character-detail .character-art{height:auto!important;overflow:visible!important}
 .character-detail .character-overlay{height:auto!important;overflow:visible!important;max-height:none!important}
 .profile-buttons img{height:26px!important;max-width:96px}
 .profile-buttons{margin:4px 0 8px}
 .profile-buttons + h3{margin-top:16px;padding-top:14px}
}