https://www.effectivealtruism.org/_next/static/chunks/pages/stories-34e5d2733055844d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8368],{59340:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/stories",function(){return a(56598)}])},5628:function(e,t,a){"use strict";var n=a(52322);a(2784);var i=a(93544),r=a(60346);let l=(0,i.W2)("HeroVideo").create(e=>{let{theme:t}=e;return{root:{position:"relative",overflow:"hidden",background:t.palette.ea.black,width:"100%",height:"100%"},video:{position:"absolute",inset:0,width:"100%",height:"100%",pointerEvents:"none"},overlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:3},solidOverlay:{background:t.palette.videoOverlay.solid},gradientOverlay:{background:t.palette.videoOverlay.gradient}}});t.Z=e=>{let{cloudflareId:t,overlay:a,videoRef:i,className:o}=e,{classes:s,cx:d}=l();return(0,n.jsxs)("div",{className:d(s.root,o),children:[(0,n.jsx)(r.Z,{videoRef:i,cloudflareId:t,className:s.video,playsInline:!0,muted:!0,loop:!0,autoPlay:!0}),(0,n.jsx)("div",{className:d(s.overlay,"solid"===a?s.solidOverlay:s.gradientOverlay)})]})}},60822:function(e,t,a){"use strict";a.d(t,{Z:function(){return p}});var n=a(52322),i=a(2784),r=a(93544);let l=i.forwardRef(function(e,t){let{title:a,titleId:n,...r}=e;return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":n},r),a?i.createElement("title",{id:n},a):null,i.createElement("path",{d:"M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"}),i.createElement("path",{d:"M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"}))}),o=i.forwardRef(function(e,t){let{title:a,titleId:n,...r}=e;return i.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":n},r),a?i.createElement("title",{id:n},a):null,i.createElement("path",{d:"M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"}))});var s=a(87612),d=a(5628);let c=(0,r.W2)("HeroVideoSection").withParams().withNestedSelectors().create(e=>{let{theme:t,maxHeight:a,classes:n}=e;return{root:{position:"relative",height:"calc(max(min(100vh - ".concat(t.dimensions.nav.height+150,"px, ").concat(a,"px), 530px))"),color:t.palette.ea.white,["&:hover .".concat(n.muteButton)]:{opacity:.8},"@media (pointer:coarse)":{[".".concat(n.muteButton)]:{opacity:.8}}},heroVideo:{position:"absolute",top:0,left:24,width:"calc(100% - 48px)",height:"100%",zIndex:3,[t.breakpoints.down("sm")]:{width:"100%",left:0}},heroContentContainer:{position:"relative",zIndex:4,display:"flex",flexDirection:"column-reverse",maxWidth:"calc(min(100%, 1280px))",height:"100%",margin:"0 auto",padding:"80px 80px 110px",[t.breakpoints.down("sm")]:{padding:"60px 40px"},[t.breakpoints.down("xs")]:{padding:"60px 20px"}},muteButton:{position:"absolute",left:40,bottom:16,zIndex:10,cursor:"pointer",borderRadius:"50%",border:"none",outline:"none",background:"none",padding:6,op

1acity:0,transition:"background ease 0.2s, opacity ease 0.2s",display:"flex",alignItems:"center",justifyContent:"center","&:hover":{background:t.palette.videoOverlay.solid},[t.breakpoints.down("sm")]:{left:16,padding:4}},muteButtonIcon:{width:36,height:36,color:t.palette.ea.white,[t.breakpoints.down("sm")]:{width:24,height:24}}}});var p=e=>{let{style:t,videoId:a,maxHeight:r=900,muteButton:p,children:u}=e,h=(0,i.useRef)(null),[m,g]=(0,i.useState)(!0),x=(0,i.useCallback)(()=>{g(e=>{let t=!e,a=h.current;return a&&(a.muted=t),t})},[]),{classes:v}=c({maxHeight:r});return(0,n.jsxs)(s.Z,{style:t,className:v.root,noPadding:!0,children:[(0,n.jsx)(d.Z,{cloudflareId:a,overlay:"solid",videoRef:h,className:v.heroVideo}),(0,n.jsx)("div",{className:v.heroContentContainer,children:u}),p&&(0,n.jsx)("button",{"aria-label":"Toggle sound",onClick:x,className:v.muteButton,children:(0,n.jsx)(m?o:l,{className:v.muteButtonIcon})})]})}},4413:function(e,t,a){"use strict";var n=a(52322);a(2784);var i=a(39097),r=a.n(i),l=a(93544),o=a(70820),s=a(6075);let d=(0,l.W2)("MediaList").create(e=>{let{theme:t}=e;return{root:{display:"flex",flexWrap:"wrap",justifyContent:"space-around",gap:50,[t.breakpoints.down("sm")]:{gap:24,justifyContent:"center","& > *":{flexBasis:"25%"}},[t.breakpoints.down("xs")]:{gap:16,"& > *":{flexBasis:"40%"}}},link:{textAlign:"center",transition:"transform ease-in-out 0.2s","&:hover":{transform:"scale(1.05)"}},image:{height:32,[t.breakpoints.down(660)]:{height:32},[t.breakpoints.down(375)]:{height:20}}}}),c=e=>{let{card:{fields:{link:t,image:a}}}=e,i=(0,s.Mc)({image:a}),{classes:l}=d();return t&&a?(0,n.jsx)(r(),{href:t,...(0,o.P)(t),className:l.link,children:(0,n.jsx)("img",{...i,className:l.image})}):null};t.Z=e=>{let{cards:t}=e,{classes:a}=d();return(0,n.jsx)("div",{className:a.root,children:t.map(e=>(0,n.jsx)(c,{card:e},e.fields.title))})}},87612:function(e,t,a){"use strict";var n=a(52322);a(2784);let i=(0,a(93544).W2)("Section").create(e=>{let{theme:t}=e;return{root:{position:"relative",scrollMarginTop:t.dimensions.nav.height},padding:{padding:"110px 120px",[t.breakpoints.down("sm")]:{padding:"48px 24px"}},sand:{background:t.palette.ea.sand},blue:{background:t.palette.ea.blue},orange:{background:t.palette.ea.orangeDark},black:{background:t.palette.dark.black,color:t.palette.dark.white},blackToSand:{background:"linear-gradient(\n      to bottom,\n      ".concat(t.palette.dark.black," 0%,\n      ").concat(t.palette.dark.black," 50%,\n      ").concat(t.palette.ea.sand," 50%,\n      ").concat(t.palette.ea.sand," 100%\n    )")},overflowHidden:{overflow:"hidden"}}});t.Z=e=>{let{style:t="sand",noPadding:a,overflowHidden:r,id:l,className:o,children:s}=e,{classes:d,cx:c}=i();return(0,n.jsx)("section",{id:l,className:c(d.root,d[t],!a&&d.padding,r&&d.overflowHidden,o),children:s})}},56598:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return j},default:function(){return y}});var n=a(52322),i=a(2784),r=a(93544),l=a(28254),o=a(187),s=a(59736),d=a(60822),c=a(96921),p=a(48452),u=a(10094);let h=e=>{let[t,a]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let t=window.matchMedia(e.replace("@media",""));a(t.matches);let n=e=>a(e.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[e]),t};var m=a(93586),g=a.n(m);let x=(0,r.W2)("PrincipleGrid").withParams().create(e=>{let{theme:t,itemsPerRow:a}=e;return{root:{width:"100%",display:"grid",gridTemplateColumns:"repeat(".concat(a,", 1fr)")},row:{display:"contents","&:not(:last-child) > *":{paddingBottom:24}},container:{display:"flex",gap:24},verticalRule:{height:"100%",marginLeft:24,borderLeft:"2px solid ".concat(t.palette.dark.white)}}});var v=e=>{let{sections:t}=e,a=(0,r.Fg)(),i=h(a.breakpoints.down(1e3)),l=h(a.breakpoints.down(530))?1:i?2:4,o=g()(t,l),{classes:s}=x({itemsPerRow:l});return(0,n.jsx)("div",{className:s.root,children:o.map((e,t)=>(0,n.jsxs)("div",{className:s.row,children:[e.map((e,t)=>(0,n.jsxs)("div",{className:s.container,children:[t>0&&(0,n.jsx)("div",{className:s.verticalRule}),(0,n.jsx)(c.Z,{simpleHeadings:!0,children:e})]},t)),e.length<l&&Array(l-e.length).fill(null).map((e,t)=>(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:s.verticalRule}),(0,n.jsx)("article",{"aria-hidden":!0})]},t))]},t))})},f=a(4413),w=a(80634),b=a(26196);let k=(0,r.W2)("StoriesPage").create(e=>{let{theme:t}=e;return{heroSplash:{width:600,maxWidth:"100%"},storiesSection:{display:"flex",flexDirection:"column",gap:120,[t.breakpoints.down("xs")]:{gap:32}},principlesSection:{display:"flex",flexDirection:"column",alignItems:"center",gap:48,[t.breakpoints.down("xs")]:{gap:32}},mediaTitle:{textAlign:"center",marginBottom:40}}});var j=!0,y=e=>{var t;let{page:a,stories:r,media:h,waysToHelpOthers:m}=e,{splashVideoId:g,splash:x,marquee:j,principlesTitle:y,principlesFooter:N,mediaTitle:Z,...C}=(0,o.wW)(null!==(t=a.fields.body)&&void 0!==t?t:""),E=(0,o.uT)(C,"principles"),S=(0,i.useCallback)(()=>{(0,l._)("principlesButtonClick")},[]),{classes:_}=k();

1return(0,n.jsxs)(s.Z,{title:a.fields.title,description:(0,o.Eb)(a),previewImageUrl:"/stories-preview-2.jpg",dark:!0,children:[(0,n.jsx)(b.Z,{}),(0,n.jsx)(d.Z,{style:"black",videoId:g.trim(),muteButton:!0,children:(0,n.jsx)(c.Z,{simpleHeadings:!0,h1Style:"title",paragraphStyle:"subtitle",className:_.heroSplash,children:x})}),(0,n.jsx)(p.Z,{contentClassName:_.storiesSection,children:(0,n.jsx)(u.Z,{stories:r,maxFeaturedGroups:1})}),E.length>0&&(0,n.jsxs)(p.Z,{contentClassName:_.principlesSection,children:[(0,n.jsx)(c.Z,{simpleHeadings:!0,children:y}),(0,n.jsx)(v,{sections:E}),(0,n.jsx)(c.Z,{simpleHeadings:!0,onButtonClick:S,children:N})]}),h.length>0&&(0,n.jsxs)(p.Z,{children:[(0,n.jsx)(c.Z,{simpleHeadings:!0,className:_.mediaTitle,children:Z}),(0,n.jsx)(f.Z,{cards:h})]}),m&&(0,n.jsx)(w.Z,{series:m})]})}}},function(e){e.O(0,[6856,742,651,9313,8910,6415,1667,2173,9902,7035,2888,9774,179],function(){return e(e.s=59340)}),_N_E=e.O()}]);