.about-page [hidden]{display:none!important}
.about-page .wrap{width:min(1380px,calc(100% - 104px))}
.about-page .masthead{max-width:1484px}
.about-page .masthead nav{gap:24px}
.about-intro{padding-block:48px 56px}
.about-kicker{font-size:15px;color:var(--cyan);margin-bottom:25px}
.about-intro-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:12%;align-items:end}
.about-intro h1{font-size:clamp(3.4rem,5.7vw,5.7rem);line-height:1.025;letter-spacing:-.055em}
.about-intro-copy{max-width:440px;padding-bottom:5px}
.about-intro-copy p{font-size:17px;line-height:1.7;margin-bottom:15px}
.about-intro-copy .text-link{color:var(--cyan);margin-top:8px}
.screening{padding-block:0 75px;scroll-margin-top:26px}
.screening-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid var(--line)}
.screening-heading h2{font-size:23px;letter-spacing:-.025em}
.screening-heading p{font-size:13px}
.screening-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;align-items:start}
.film-choices{display:flex;flex-direction:column;gap:3px}
.film-choice{text-align:left;display:block;background:transparent;border:1px solid transparent;border-left:3px solid var(--line);border-radius:0 10px 10px 0;padding:22px 20px;min-height:164px;width:100%;color:var(--muted)}
.film-choice:hover{background:var(--surface-soft)}
.film-choice[aria-pressed=true]{border-left-color:var(--cyan);background:var(--surface);color:var(--text)}
.choice-audience{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:8px}
.film-choice strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin-bottom:10px}
.film-choice>span:not(.choice-audience):not(.choice-indicator){display:block;font-size:12px;line-height:1.65;max-width:28ch}
.choice-indicator{display:block;font-size:11px;color:var(--cyan);margin-top:12px}
.selected-film{min-width:0}
.screening-stage{position:relative;background:#000;aspect-ratio:16/9;isolation:isolate;overflow:hidden}
#about-film{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.film-unavailable{position:relative;display:grid;place-items:center;width:100%;height:100%;aspect-ratio:16/9;background:#030709;color:#f0f6f8}
.film-unavailable>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.17;filter:grayscale(.45);z-index:0}
.film-unavailable>div{position:relative;z-index:1;text-align:center;padding:24px;max-width:550px}
.unavailable-mark{display:block;font-size:59px;color:#63d8ed;line-height:1;margin-bottom:12px}
.film-unavailable h3{font-size:clamp(19px,2vw,28px);margin-bottom:10px}
.film-unavailable p{font-size:13px;color:#c2d2da;line-height:1.7}
.film-unavailable .button{margin-top:18px;background:#081822;color:#f0f6f8;border-color:#466270;min-height:42px;font-size:12px}
.selected-film-heading{display:flex;gap:18px;align-items:baseline;justify-content:space-between;padding-top:22px}
.selected-film-heading h3{font-size:25px;line-height:1.2}
#film-duration{font-size:12px;color:var(--muted);white-space:nowrap}
.selected-film-description{font-size:14px;line-height:1.7;margin-top:12px;max-width:72ch}
.about-film-status{font-size:12px;line-height:1.5;min-height:18px;margin-top:12px;color:var(--muted)}
.about-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.about-chapters button{display:inline-flex;gap:9px;align-items:baseline;min-height:44px;background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:12px;text-align:left;line-height:1.4}
.about-chapters button span{color:var(--muted);font-size:11px;white-space:nowrap}
.about-chapters button[aria-pressed=true]{border-color:var(--cyan);background:var(--selected)}
.about-film-resources{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
#toggle-captions{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:12px;color:var(--muted)}
#toggle-captions[aria-pressed=true]{color:var(--text);border-color:var(--cyan);background:var(--selected)}
.about-film-resources details{min-width:0;flex:1}
.about-film-resources summary{font-size:13px;gap:14px;justify-content:flex-start;min-height:32px}
.about-film-resources summary::after{font-size:18px}
.about-film-resources>a{font-size:12px;color:var(--cyan);flex-shrink:0;text-decoration:underline;text-underline-offset:4px}
.transcript-copy{white-space:pre-wrap;font-size:14px;line-height:1.8;max-width:74ch;color:var(--muted);margin-top:14px;padding-bottom:10px;overflow-wrap:anywhere}
.transcript-copy a{color:var(--cyan);text-decoration:underline}
.no-script{font-size:14px;margin-block:20px}
.about-architecture{padding-block:28px 76px;border-top:1px solid var(--line)}
.about-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;margin-bottom:46px}
.about-section-heading h2{font-size:clamp(2.4rem,3.5vw,3.6rem);line-height:1.1}
.about-section-heading>p{font-size:15px;max-width:58ch;line-height:1.8;padding-top:5px}
.ecosystem-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.role-symbol{font-size:56px;color:var(--cyan);height:60px;line-height:1}
.builder-symbol{font-size:36px;letter-spacing:-.1em;padding-top:6px}
.record-symbol{font-size:42px}
.ecosystem-roles h3{font-size:25px;margin-top:14px}
.ecosystem-roles .role-purpose{font-size:18px;color:var(--text);margin-top:9px;margin-bottom:14px}
.ecosystem-roles p:not(.role-purpose){font-size:14px;line-height:1.8;max-width:42ch}
.ecosystem-roles .text-link{margin-top:18px;color:var(--cyan);font-size:13px}
.mission-statement{display:flex;align-items:start;gap:28px;border-top:1px solid var(--line);padding-top:35px;margin-top:45px;max-width:970px}
.mission-mark{font-size:51px;line-height:.9;color:var(--cyan);flex:0 0 60px}
.mission-statement h3{font-size:24px;line-height:1.35;margin-bottom:12px}
.mission-statement p{font-size:14px;line-height:1.8;max-width:75ch}
.about-governance{background:var(--surface-soft);border-block:1px solid var(--line);padding-block:65px}
.governance-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.governance-layout h2{font-size:clamp(2.4rem,3.5vw,3.6rem)}
.governance-layout>div>p{font-size:15px;max-width:42ch;margin-top:23px}
.governance-layout .button{margin-top:27px;white-space:normal;text-align:center}
.governance-points article{padding-block:22px;border-top:1px solid var(--line)}
.governance-points article:first-child{padding-top:0;border:0}
.governance-points article:last-child{padding-bottom:0}
.governance-points h3{font-size:20px;margin-bottom:10px}
.governance-points p{font-size:14px;line-height:1.8}
.economic-model{padding-block:80px}
.revenue-lines{margin:0}
.revenue-lines>div{display:grid;grid-template-columns:1fr 2fr;gap:12%;padding-block:25px;border-top:1px solid var(--line);align-items:baseline}
.revenue-lines>div:last-child{border-bottom:1px solid var(--line)}
.revenue-lines dt{font-size:22px;letter-spacing:-.035em}
.revenue-lines dd{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:68ch}
.token-story{display:grid;grid-template-columns:minmax(210px,.65fr) 1fr;align-items:center;gap:10%;max-width:1050px;margin:60px auto 0}
.coin-visual{width:min(100%,330px);justify-self:center;overflow:hidden;border-radius:50%}
.coin-visual img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.token-copy h3{font-size:32px;margin-bottom:21px}
.token-copy p{font-size:14px;line-height:1.85;margin-bottom:15px;max-width:65ch}
.token-copy .text-link{color:var(--cyan)}
.build-invitation{border-top:1px solid var(--line);padding-block:65px 80px;display:grid;grid-template-columns:1fr 1fr;gap:12%}
.build-invitation h2{font-size:clamp(2.4rem,3.5vw,3.6rem);margin-bottom:25px}
.build-invitation>div>p{font-size:14px;line-height:1.85;margin-top:14px;max-width:63ch}
.build-invitation aside{align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px}
.build-invitation h3{font-size:27px;line-height:1.2;margin-bottom:17px}
.build-invitation aside>p{font-size:14px;line-height:1.8}
.build-invitation aside>.button{margin-top:24px;white-space:normal;text-align:center}
.build-invitation aside>.text-link{display:flex;width:fit-content;margin-top:12px;font-size:12px}
.build-invitation .appearance-note{font-size:12px}
@media(min-width:1700px){.about-intro{padding-top:75px}.screening-layout{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:1100px){.about-page .wrap{width:calc(100% - 64px)}.about-intro-grid{gap:8%}.screening-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.film-choice{padding:19px 15px;min-height:151px}.film-choice strong{font-size:18px}.ecosystem-roles{gap:30px}.about-section-heading,.governance-layout,.build-invitation{gap:8%}.build-invitation aside{padding:25px}}
@media(max-width:800px){.about-page .wrap{width:calc(100% - 40px)}.about-intro{padding-block:32px 37px}.about-intro-grid{grid-template-columns:1fr;gap:25px}.about-intro h1{font-size:clamp(47px,8.4vw,68px)}.about-intro h1 br:last-child{display:none}.about-intro-copy{max-width:600px}.about-intro-copy p{font-size:15px}.about-kicker{font-size:13px;margin-bottom:18px}.screening-heading{align-items:start}.screening-heading h2{font-size:21px}.screening-heading p{font-size:11px;max-width:110px;text-align:right}.screening-layout{grid-template-columns:1fr;gap:18px}.film-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.film-choice{min-height:0;height:100%;padding:15px 12px;border-left:0;border-top:3px solid var(--line);border-radius:0 0 8px 8px}.film-choice[aria-pressed=true]{border-top-color:var(--cyan)}.film-choice .choice-audience{font-size:10px}.film-choice strong{font-size:17px}.film-choice>span:not(.choice-audience):not(.choice-indicator){display:none}.choice-indicator{font-size:10px;margin-top:8px}.about-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.about-section-heading h2,.governance-layout h2,.build-invitation h2{font-size:36px}.about-section-heading h2 br{display:none}.about-section-heading>p{max-width:67ch;font-size:14px}.ecosystem-roles{gap:24px}.ecosystem-roles h3{font-size:21px}.ecosystem-roles p:not(.role-purpose){font-size:13px}.ecosystem-roles .role-purpose{font-size:16px}.governance-layout{grid-template-columns:1fr;gap:40px}.governance-layout>div>p{max-width:62ch}.governance-layout h2 br{display:none}.economic-model{padding-block:58px}.token-story{gap:7%;grid-template-columns:.6fr 1fr}.token-copy h3{font-size:27px}.token-copy p{font-size:13px}.build-invitation{grid-template-columns:1fr;gap:35px;padding-block:50px}.build-invitation aside{max-width:620px}.about-architecture{padding-block:22px 55px}.about-governance{padding-block:50px}.screening{padding-bottom:55px}}
@media(max-width:540px){.about-intro h1{font-size:46px}.about-intro h1 br:last-child{display:block}.screening-heading h2{font-size:19px}.screening-heading p{max-width:100px}.film-choice{padding:13px 9px}.film-choice .choice-audience{display:none}.film-choice strong{font-size:15px;line-height:1.25;margin-bottom:0}.choice-indicator{font-size:9px;line-height:1.5}.film-unavailable>div{padding:14px}.unavailable-mark{font-size:33px;margin-bottom:6px}.film-unavailable h3{font-size:18px;margin-bottom:6px}.film-unavailable p{font-size:11px;line-height:1.6}.film-unavailable .button{padding:8px 12px;font-size:11px;min-height:38px;margin-top:9px}.selected-film-heading{padding-top:18px;gap:10px}.selected-film-heading h3{font-size:22px}.selected-film-description{font-size:13px}.about-film-resources{gap:16px}.about-film-resources>a{font-size:10px}.about-chapters button{font-size:11px}.ecosystem-roles{grid-template-columns:1fr;gap:30px}.ecosystem-roles article{display:grid;grid-template-columns:48px 1fr;gap:0 18px}.ecosystem-roles article>*{grid-column:2}.ecosystem-roles .role-symbol{grid-column:1;grid-row:1/3;height:44px;font-size:44px}.ecosystem-roles .builder-symbol{font-size:29px}.ecosystem-roles .record-symbol{font-size:33px}.ecosystem-roles h3{margin-top:0}.ecosystem-roles .role-purpose{margin-top:5px;margin-bottom:10px}.ecosystem-roles .text-link{margin-top:9px}.mission-statement{gap:17px;padding-top:27px;margin-top:30px}.mission-mark{flex-basis:35px;font-size:36px}.mission-statement h3{font-size:21px}.mission-statement p{font-size:13px}.revenue-lines>div{grid-template-columns:1fr;gap:10px;padding-block:20px}.revenue-lines dt{font-size:21px}.revenue-lines dd{font-size:13px}.token-story{grid-template-columns:1fr;gap:27px;margin-top:40px}.coin-visual{width:220px;justify-self:start}.token-copy h3{font-size:28px}.build-invitation aside{padding:23px}.build-invitation h3{font-size:25px}}
@media(max-width:360px){.about-page .wrap{width:calc(100% - 28px)}.about-intro h1{font-size:40px}.film-choice strong{font-size:13px}.screening-heading h2{font-size:17px}.about-film-resources{flex-direction:column;gap:6px}.about-page .masthead>.button.compact{display:inline-flex}.about-page .masthead{gap:8px}.about-page .brand{font-size:10px}.about-page .appearance-open{padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.about-page{scroll-behavior:auto}}