:root{--void:#000;--bone:#fff;--charcoal:#444345;--gold:#edaf52;--muted:#b8bab9;--line:#ffffff25;--sans:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--void);color:var(--bone);font-family:var(--sans);font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip{position:fixed;top:-80px;left:20px;background:black;padding:15px;z-index:10}.skip:focus{top:10px}header{height:84px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:2;background:#0003}.wordmark{font-size:25px;letter-spacing:-1.5px;white-space:nowrap;font-weight:500}.wordmark>span:first-child{color:var(--gold)}.mark{font-size:23px;margin-left:14px;color:var(--gold)}nav{display:flex;gap:38px}nav a,.button,.text-link,.eyebrow,.hero-bottom,.scene-label,.status,.region-line,.episode-cta,.endline>span{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:-.02em}nav a{padding:8px 0;border-bottom:1px solid transparent}nav a:hover{border-bottom-color:white}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 20px;border:1px solid #ffffff45;background:var(--charcoal);border-radius:2px;min-height:48px;transition:background .2s}.button:hover{background:#575658}.nav-cta{padding:12px 16px;min-height:42px;background:#ffffff10}.hero{min-height:760px;height:100svh;max-height:1150px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:#0002;z-index:-1}.hero-copy{padding:100px 5.5% 110px;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.08em;line-height:1.5;color:var(--muted);margin:0 0 32px}.hero .eyebrow{color:#ece3d6}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(68px,7.7vw,124px);font-weight:400;letter-spacing:-.06em;line-height:.91;margin:40px 0 32px}h1 span,.display span{display:table;position:relative;padding-bottom:15px;margin-bottom:5px}h1 span:after,.display span:after{content:'';position:absolute;left:0;bottom:3px;width:39%;height:1px;background:#ffffff91}.intro{font-size:18px;line-height:1.5;color:#e9e5df;margin-bottom:28px}.hero-bottom{position:absolute;bottom:28px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;gap:20px;color:#ddd1c1}.hero-bottom a{white-space:nowrap}.scene-label{position:absolute;right:5.5%;bottom:120px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.12em;color:#ecdcc4}.section{padding:62px 5.5% 70px;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:65px}.section-top .eyebrow{margin:0}.status{color:var(--gold);border:1px solid #edaf5266;padding:7px 10px;border-radius:2px;align-self:flex-start}.world{border-bottom:1px solid var(--line)}.world-grid,.watch-grid,.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%}.display{font-weight:400;font-size:clamp(45px,5.7vw,88px);line-height:.96;letter-spacing:-.05em;margin-bottom:24px}.genre{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-top:28px}.lead{font-size:clamp(23px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em;color:white}.world-copy p:not(.lead),.watch-grid p:not(.lead),.about-grid p:not(.lead){font-size:17px;line-height:1.65;color:var(--muted);max-width:510px}.text-link{display:inline-flex;gap:25px;border-bottom:1px solid #ffffff65;padding:12px 0;margin-top:10px;line-height:1.5}.text-link:hover{color:var(--gold)}.region-line{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:65px;color:#999}.watch{background:#101010}.watch-grid .button{margin-top:10px}.episode{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-top:65px}.play{font-size:38px;color:var(--gold)}.episode .eyebrow{display:block;margin-bottom:12px}.episode h3{font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:0}.episode-cta{margin-left:auto;white-space:nowrap}.episode:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.about{padding-top:75px;border-bottom:1px solid var(--line)}.about h2{font-size:clamp(36px,4vw,60px);font-weight:400;letter-spacing:-.04em}.closing{padding-top:100px;padding-bottom:25px}.closing>.eyebrow{color:var(--gold);margin-bottom:25px}.closing h2{font-size:clamp(60px,9vw,140px);font-weight:400;letter-spacing:-.055em;line-height:1;margin-bottom:25px}.closing>p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:18px}.closing>.button{margin-top:10px}.endline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:100px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}.endline .wordmark{color:white}@media(min-width:1600px){.hero-copy,.section{padding-left:max(5.5%,calc((100vw - 1500px)/2));padding-right:max(5.5%,calc((100vw - 1500px)/2))}}@media(max-width:760px){header{height:74px;padding:0 6%;gap:15px}header .wordmark{font-size:22px}.mark{display:none}nav{gap:18px}nav a{font-size:12px}.nav-cta{display:none}.hero{min-height:730px;height:93svh;max-height:950px;align-items:flex-end}.hero-art{object-position:62% center;filter:brightness(.65)}.hero-copy{padding:145px 6% 105px}.hero .eyebrow{max-width:245px;font-size:12px}h1{font-size:clamp(57px,11.8vw,88px);margin-top:25px;letter-spacing:-.055em}.hero-bottom{left:6%;right:6%;font-size:11px;line-height:1.4}.hero-bottom>span{max-width:190px}.scene-label{display:none}.section{padding:40px 6% 45px}.section-top{margin-bottom:38px}.section-top>.eyebrow{max-width:180px}.world-grid,.watch-grid,.about-grid{grid-template-columns:1fr;gap:25px}.display{font-size:clamp(45px,10.2vw,70px)}.lead{font-size:26px}.region-line{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;font-size:12px}.episode{gap:18px;flex-wrap:wrap;margin-top:40px;padding:25px 0}.episode h3{font-size:22px}.episode-cta{margin-left:48px}.episode .eyebrow{font-size:11px}.about h2{margin-bottom:0}.closing{padding-top:65px}.closing h2{font-size:15vw}.endline{flex-wrap:wrap;margin-top:70px;gap:20px}.endline .wordmark{width:100%}.endline>span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ecosystem{border-bottom:1px solid var(--line);padding-top:75px}.eco-intro{max-width:950px}.eco-intro>.lead{margin:30px 0 15px}.eco-note{font-size:17px;line-height:1.6;color:var(--muted);max-width:590px}.eco-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;border-top:1px solid var(--line)}.eco-projects article{padding-top:28px;display:flex;flex-direction:column;align-items:flex-start}.eco-projects .eyebrow{color:var(--gold);margin-bottom:24px}.eco-projects h3{font-size:29px;line-height:1.1;letter-spacing:-.035em;font-weight:400;margin-bottom:18px}.eco-projects p{font-size:16px;color:var(--muted);line-height:1.65;margin-bottom:28px}.project-status{font:12px var(--mono);color:var(--muted);margin-top:auto;border:1px solid var(--line);padding:8px 10px;border-radius:2px}@media(max-width:760px){.eco-projects{grid-template-columns:1fr;gap:28px;margin-top:35px}.eco-projects article+article{border-top:1px solid var(--line)}nav{gap:14px}nav a{font-size:11px}.eco-projects h3{font-size:30px}}
/* Yay & D supplied brand: cream lettering, orange, golden yellow, dark brown. */
:root{--bone:#fff0cc;--gold:#ffc21b;--orange:#ff6427;--ink:#321608;--muted:#d0c5b2;--line:#fff0cc30;--display:'Fraunces',Georgia,serif}body{color:var(--bone)}header{height:100px;background:#000;position:relative;padding:0 5.5%}.brand-logo{display:block;width:210px;height:70px;overflow:hidden;flex:none}.brand-logo img{display:block;width:210px;height:auto;transform:translateY(-25px)}.footer-logo{display:block;width:100px;height:100px;flex:none}.footer-logo img{width:100%;height:100%;object-fit:contain}h1,.display,.closing h2,.about h2,.eco-projects h3{font-family:var(--display);font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(65px,7vw,110px);line-height:1.02;position:relative;z-index:1}h1 span:after,.display span:after{background:var(--gold);width:30%;bottom:0}.hero{height:calc(100svh - 100px);min-height:750px;max-height:1100px;align-items:center;background:#000;overflow:hidden}.hero-art{left:auto;right:0;width:43%;height:100%;object-fit:cover;object-position:center 43%;filter:none}.hero:after{display:none}.hero-copy{width:64%;padding:60px 0 95px 5.5%}.hero .eyebrow{color:var(--gold);max-width:360px}.hero-bottom{right:auto;max-width:48%;bottom:28px;flex-wrap:wrap;gap:14px}.hero-bottom>span{color:var(--muted)}.intro{color:var(--bone)}.button{background:var(--orange);color:var(--ink);border:1px solid var(--orange);font-weight:500}.button:hover{background:var(--gold);border-color:var(--gold)}.nav-cta{background:transparent;color:var(--bone);border-color:var(--gold)}.nav-cta:hover{color:var(--ink)}.world{position:relative;isolation:isolate;overflow:hidden;min-height:640px}.world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.world:after{content:'';position:absolute;inset:0;background:#000b;z-index:-1}.display{line-height:1.08}.lead{color:var(--bone)}.watch{background:#1c1009}.ecosystem{background:#fff0cc;color:var(--ink)}.ecosystem .lead,.ecosystem .eco-note,.ecosystem .eco-projects p{color:var(--ink)}.ecosystem .eyebrow{color:#7c3b19}.ecosystem .status{color:var(--ink);border-color:#32160855}.ecosystem .display span:after{background:#e85a20}.eco-projects{border-color:#32160840}.eco-projects h3{letter-spacing:-.035em}.ecosystem .project-status{color:#663214;border-color:#32160850}.closing>.eyebrow{color:var(--orange)}.endline{align-items:center}.endline .footer-logo{width:100px}.endline>span{color:var(--muted)}@media(max-width:1000px) and (min-width:761px){.hero-art{width:40%}.hero-copy{width:67%}h1{font-size:7.5vw}.hero-bottom{max-width:50%}header{gap:16px}nav{gap:22px}}@media(max-width:760px){header{height:88px;padding:0 6%;gap:12px}.brand-logo{width:145px;height:58px}.brand-logo img{width:145px;transform:translateY(-12px)}nav{gap:13px}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:visible}.hero-copy{width:100%;padding:50px 6% 45px;order:0}.hero-art{position:relative;inset:auto;width:100%;height:480px;order:1;object-fit:cover;object-position:center 34%;z-index:0}.hero-bottom{position:relative;inset:auto;max-width:none;padding:20px 6%;order:2;justify-content:space-between;border-bottom:1px solid var(--line)}h1{font-size:clamp(55px,12.4vw,90px);line-height:1.04;margin-top:24px}.hero .eyebrow{max-width:290px}.world{min-height:0}.world-art{object-position:65% center}.display{font-size:clamp(43px,10vw,70px);line-height:1.1}.eco-projects article+article{border-color:#32160840}.endline .footer-logo{width:90px;height:90px}.endline>span{max-width:160px}.closing h2{font-size:14vw}}
/* Scene-led scrolling: diagonal joins and separate image/text travel. */
html{scroll-padding-top:110px}header{position:fixed;inset:0 0 auto;height:88px;background:#000e;z-index:20}main{isolation:isolate}main>section{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:140px;padding-bottom:130px;margin-top:-74px;clip-path:polygon(0 0,100% 74px,100% 100%,0 calc(100% - 74px));border:0}main>section:first-child{margin-top:0;min-height:100svh;height:100svh;max-height:none;padding:88px 0 74px;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 74px))}main>section:last-child{clip-path:polygon(0 0,100% 74px,100% 100%,0 100%);padding-bottom:30px}.hero-art{height:100%;will-change:transform;transform-origin:center}.hero-copy{position:relative;transform:translate3d(0,var(--copy-drift,0px),0);z-index:1}.hero-bottom{bottom:100px}.world-art{height:100%;will-change:transform}.world-grid,.watch-grid,.eco-intro,.about-grid{transform:translate3d(0,var(--copy-drift,0px),0)}.section-top{margin-bottom:55px}.world:after{background:#0009}.world-grid{grid-template-columns:1.1fr 1fr}.world-copy{background:#0004;padding:20px}.watch{background:#1c1009}.ecosystem{background:#fff0cc}.about{background:#130b07}.closing{background:#000}.region-line{color:#eee0c8}.endline{margin-top:80px}.hero .intro{max-width:420px}@media(min-width:761px) and (max-height:760px){main>section:first-child{min-height:760px;height:auto}.hero-copy{padding-top:60px;padding-bottom:70px}h1{font-size:clamp(62px,6.5vw,96px)}}@media(max-width:760px){html{scroll-padding-top:92px}header{height:88px}main{padding-top:88px}main>section{min-height:auto;padding-top:75px;padding-bottom:80px;margin-top:-28px;clip-path:polygon(0 0,100% 28px,100% 100%,0 calc(100% - 28px))}main>section:first-child{height:auto;min-height:0;padding:0 0 28px;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 28px))}main>section:last-child{clip-path:polygon(0 0,100% 28px,100% 100%,0 100%);padding-bottom:30px}.hero-art{height:480px;will-change:auto;transform:none!important}.hero-bottom{inset:auto;margin:0;padding-bottom:35px}.world-grid{grid-template-columns:1fr}.world-copy{padding:0;background:none}.world-art{transform:none!important;will-change:auto}.hero-copy,.world-grid,.watch-grid,.eco-intro,.about-grid{transform:none}.section-top{margin-bottom:35px}}@media(prefers-reduced-motion:reduce){.hero-art,.world-art,.hero-copy,.world-grid,.watch-grid,.eco-intro,.about-grid{transform:none!important;will-change:auto}}