/* Keep the trilogy’s theatrical identity; simplify its hierarchy and framing. */
#films .trilogy-heading{padding:clamp(45px,5vw,85px) clamp(24px,4vw,65px);max-width:1680px;width:100%;margin:0 auto}
#films #films-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;min-height:0;width:100%;max-width:none;margin:0;padding:0 0 42px;transform:none;background:none;box-shadow:none;text-shadow:none}
#films #films-heading::before{position:static;grid-column:1/-1;display:block;content:"A RYAN CHANG FILM CYCLE / I · II · III";margin:0 0 24px;padding:0;background:none;border:0;transform:none;font:400 10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:#e6becf;text-shadow:none}
#films #films-heading::after{display:none;content:none}
#films #films-heading>span.trilogy-title-the,#films #films-heading>span.trilogy-title-eclipse,#films #films-heading>span.trilogy-title-trilogy{position:relative;inset:auto;display:block;width:auto;height:auto;min-height:0;max-width:none;min-width:0;margin:0;transform:none;border:0;box-shadow:none;filter:none;clip-path:none;-webkit-mask:none;mask:none;background:none;padding:0;white-space:normal;text-shadow:none;-webkit-text-stroke:0}
#films #films-heading>span.trilogy-title-the{grid-column:1/-1}
#films #films-heading>span.trilogy-title-eclipse{grid-column:1/-1;background:#f5eee8;padding:8px 25px 14px}
#films #films-heading>span.trilogy-title-trilogy{grid-column:1;align-self:center;padding-left:20px}
#films #films-heading>span::before,#films #films-heading>span::after,#films #films-heading>span>b::before,#films #films-heading>span>b::after{content:none;display:none}
#films #films-heading>span>b{display:block;position:static;margin:0;transform:none;background:none;filter:none;text-shadow:none;-webkit-text-stroke:0;clip-path:none}
#films #films-heading .trilogy-title-the>b{font:600 clamp(20px,2vw,30px)/1 Arial,Helvetica,sans-serif;letter-spacing:.05em;color:#ef8065}
#films #films-heading .trilogy-title-eclipse>b{font:600 clamp(68px,10vw,155px)/.92 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.04em;color:#080608}
#films #films-heading .trilogy-title-trilogy>b{font:italic 600 clamp(48px,7.5vw,112px)/1 'Bodoni Moda',Georgia,serif;letter-spacing:-.06em;color:#f17abf}
#films #films-heading .trilogy-title-countdown{position:static;grid-column:2;align-self:center;display:block;width:auto;min-width:0;margin:0;padding:8px 0 8px 24px;border:0;border-left:1px solid #ef80bb55;transform:none;background:none;box-shadow:none;text-align:right;-webkit-text-stroke:0}
#films #films-heading .trilogy-title-countdown small,#films #films-heading .trilogy-title-countdown em{display:block;font:400 8px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#e8c8d9;text-transform:uppercase;margin:0}
#films #films-heading .trilogy-title-countdown strong{display:block;font:600 clamp(17px,2vw,28px)/1.3 ui-monospace,monospace;letter-spacing:-.055em;color:#f6e9ef;text-shadow:none;transform:none;background:none;border:0;padding:6px 0;margin:0}
#films .trilogy-heading>.trilogy-zodiac-corner{opacity:.13;top:22%;right:-5%;pointer-events:none}
#films .trilogy-story{border:0;box-shadow:none;background:none;overflow:visible;width:100%;left:auto;transform:none}
#films .trilogy-arc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;margin:0;padding:35px 0;border:0;border-top:1px solid #e8bbce40;border-bottom:1px solid #e8bbce40;font:400 clamp(14px,1.15vw,18px)/1.7 Arial,Helvetica,sans-serif;letter-spacing:0;color:#e5dce0;text-shadow:none;background:none}
#films .trilogy-arc::before{content:none;display:none}
#films .trilogy-arc>span,#films .trilogy-arc>span+span{display:block;margin:0}
#films .trilogy-arc>span>i{font:600 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.015em;display:block;text-transform:uppercase;margin:0 0 10px;white-space:normal}
#films .trilogy-arc>span:nth-child(1)>i{color:#ff927e}
#films .trilogy-arc>span:nth-child(2)>i{color:#d4ff7e}
#films .trilogy-arc>span:nth-child(3)>i{color:#ff91d1}
#films .trilogy-arc-continuation{display:inline}
#films .trilogy-heading .film-grid{padding:35px 0;margin:0;gap:22px;background:none}
#films .trilogy-heading .film h3{position:static;padding:18px 0 0;margin:0;background:none;text-shadow:none;min-height:0;font-size:clamp(20px,2vw,31px);line-height:1.25}
#films .trilogy-heading .film h3 .film-title-text{white-space:normal;flex-wrap:wrap;gap:.3em;line-height:1.25}
#films .trilogy-heading .film-picture{box-shadow:none}
#films .trilogy-convergence{background:none;-webkit-mask:none;mask:none;border-top:1px solid #e8bbce40;padding:40px 0 15px;row-gap:15px}
#films .trilogy-convergence span{font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#e7dce2}
#films .trilogy-convergence strong{font-size:clamp(38px,5vw,70px);line-height:1;max-width:none;text-shadow:none}
@media(max-width:800px){
 #films .trilogy-heading{width:100%;margin:0;padding:42px 24px}
 #films .trilogy-arc{grid-template-columns:1fr;gap:25px}
 #films .trilogy-heading .film-grid{grid-template-columns:1fr;gap:32px}
 #films #films-heading{gap:16px;padding-bottom:32px}
 #films #films-heading .trilogy-title-trilogy>b{font-size:clamp(40px,9vw,65px)}
 #films #films-heading .trilogy-title-countdown{padding-left:15px}
 #films #films-heading .trilogy-title-countdown strong{font-size:16px}
}
@media(max-width:480px){
 #films #films-heading>span.trilogy-title-eclipse{padding:10px 16px}
 #films #films-heading .trilogy-title-eclipse>b{font-size:74px}
 #films #films-heading>span.trilogy-title-trilogy{grid-column:1/-1;padding-left:0}
 #films #films-heading .trilogy-title-countdown{grid-column:1/-1;justify-self:end}
 #films #films-heading .trilogy-title-countdown small,#films #films-heading .trilogy-title-countdown em{font-size:6px;letter-spacing:.03em}
 #films #films-heading .trilogy-title-countdown strong{font-size:13px}
 #films .trilogy-convergence strong{font-size:36px}
}