@font-face{font-family:Showcase;src:local('Helvetica Neue');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080c0b;color:#f3f6f2;font-family:Showcase,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#c7fba9;color:#080c0b}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#c7fba9;color:#080c0b;padding:15px}.skip:focus{top:20px}.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;background:linear-gradient(#080c0bd9,transparent)}.wordmark{font-size:17px;letter-spacing:-.03em;font-weight:600}.wordmark span{display:block;margin-top:5px;color:#a9b3ad;font-size:12px;font-weight:400;letter-spacing:.01em}.cv-link{font-size:14px;display:flex;gap:28px;align-items:center;border:1px solid #ffffff3b;border-radius:999px;padding:12px 18px;background:#101613a6}.cv-link:hover{background:#c7fba9;color:#080c0b}.chapter{position:relative;scroll-margin-top:0}.stage{position:sticky;top:0;height:100svh;min-height:670px;overflow:hidden;display:grid;align-items:center}.intro{height:150svh}.intro .stage{isolation:isolate;background:radial-gradient(ellipse at 65% 48%,#233b2a50,transparent 63%)}.hero-copy{position:relative;z-index:3;padding:0 8vw;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:500;color:#c7fba9;margin:0 0 28px}.hero-copy h1{font-size:clamp(72px,9.4vw,158px);line-height:.96;letter-spacing:-.07em;font-weight:500;margin:0}.hero-copy em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#c7fba9}.hero-sub{font-size:17px;line-height:1.6;color:#c2c9c4;margin-top:30px}.hero-collage{position:absolute;inset:0;z-index:1;perspective:1200px}.floating-frame{position:absolute;overflow:hidden;box-shadow:0 30px 100px #0009;border:1px solid #ffffff29;background:#141b16;will-change:transform}.floating-frame img,.floating-frame video{width:100%;height:100%;object-fit:cover}.frame-research{width:35vw;aspect-ratio:16/9;left:61%;top:14%;transform:rotate(-8deg);opacity:.75;border-radius:12px}.frame-app{width:17vw;aspect-ratio:9/17;left:76%;top:46%;transform:rotate(9deg);border-radius:26px}.frame-dna{width:35vw;aspect-ratio:16/9;left:48%;top:69%;transform:rotate(-7deg);border-radius:12px;opacity:.85}.scroll-cue{position:absolute;bottom:42px;left:8vw;font-size:14px;display:flex;align-items:center;gap:50px}.scroll-cue span{display:inline-grid;place-items:center;border:1px solid #ffffff38;width:38px;height:38px;border-radius:50%}.corner-label{position:absolute;right:4vw;bottom:52px;color:#a9b3ad;font-size:12px}.preview-section{padding:10vw 8vw;background:#0e1511}.preview-section h2{font-size:72px;line-height:1.03;letter-spacing:-.06em;font-weight:500}.preview-film{width:75%;border-radius:16px}.preview-section p{max-width:560px;line-height:1.7;color:#b5c3ba}a:focus-visible,button:focus-visible{outline:3px solid #c7fba9;outline-offset:5px}@media(max-width:700px){.site-header{padding:18px 6vw}.wordmark span{display:none}.stage{min-height:640px}.hero-copy{padding:0 7vw}.hero-copy h1{font-size:clamp(68px,17vw,100px)}.hero-sub{font-size:16px;max-width:250px}.frame-research{width:63vw;left:52%;top:16%}.frame-app{width:28vw;left:71%;top:53%}.frame-dna{width:63vw;left:32%;top:76%}.corner-label{display:none}.preview-section h2{font-size:46px}.preview-film{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Scroll chapters retain native scrolling and remain readable without JavaScript. */
.page-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:40;background:#ffffff0a}.page-progress i{display:block;height:100%;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;background:#c7fba9}.chapter-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:25;display:grid;gap:4px}.chapter-nav a{display:grid;place-items:center;width:40px;height:36px;color:#86928a;font-size:12px;border-radius:50%;transition:background .3s,color .3s}.chapter-nav a[aria-current="location"]{background:#c7fba9;color:#080c0b}.motion-toggle{position:fixed;right:24px;bottom:20px;z-index:35;color:#dce5dd;background:#121914dd;border:1px solid #ffffff24;border-radius:100px;padding:9px 13px;font-size:12px;cursor:pointer}.chapter{--p:0;--enter:0;--leave:0}.intro{height:175svh}.hero-copy{transform:translate3d(0,calc(var(--p)*-80px),0);opacity:calc(1 - var(--leave))}.frame-research{transform:translate3d(calc(var(--p)*-150px),calc(var(--p)*120px),0) rotate(calc(-8deg + var(--p)*8deg)) scale(calc(1 + var(--p)*.28))}.frame-app{transform:translate3d(calc(var(--p)*140px),calc(var(--p)*-160px),0) rotate(calc(9deg - var(--p)*9deg))}.frame-dna{transform:translate3d(calc(var(--p)*-70px),calc(var(--p)*90px),0) rotate(calc(-7deg + var(--p)*7deg))}.section-heading{position:absolute;top:14vh;left:8vw;right:8vw;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;z-index:4}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(42px,4.75vw,82px);letter-spacing:-.055em;line-height:1.04;font-weight:500;margin:0}h2 em{display:inline-block}.side-copy{font-size:16px;line-height:1.65;color:#b0bcb2;margin:0 0 5px;max-width:340px}.research{height:220svh;background:#111913}.cinema-stage{background:radial-gradient(ellipse at 50% 70%,#2d44304d,transparent 65%)}.cinema-frame{position:absolute;left:12vw;right:12vw;top:39%;height:46%;border-radius:12px;overflow:hidden;box-shadow:0 40px 100px #0006;background:#efeee7;transform:perspective(1400px) rotateX(calc((1 - var(--enter))*8deg)) scale(calc(.9 + var(--enter)*.1));transform-origin:center;will-change:transform}.cinema-frame video{height:100%;width:100%;object-fit:contain}.film-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;padding:15px 20px;border:1px solid #fff4;border-radius:100px;background:#0b110dde;color:#fff;font-size:14px;backdrop-filter:blur(12px)}.cinema-frame .film-button{position:absolute;bottom:20px;left:22px;z-index:5}.film-button:hover{background:#c7fba9;color:#0b110d}.scene-footer{position:absolute;bottom:7%;left:12vw;right:12vw;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#a6b4a8;font-size:13px;line-height:1.5}.text-button{cursor:pointer;background:none;border:0;padding:12px 0;font-size:14px;color:#d6edc8}.mission{height:200svh}.mission .stage{background:#080b0a;isolation:isolate}.mission-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transform:scale(calc(1.08 - var(--p)*.08))}.mission-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c0be6 5%,#080c0ba8 45%,#080c0b10 100%),linear-gradient(0deg,#080c0b,transparent 30%)}.mission-copy{position:relative;z-index:2;padding:0 8vw;transform:translateY(calc((1 - var(--enter))*45px))}.mission-copy h2{font-size:clamp(46px,6vw,100px)}.mission-copy p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:490px;color:#c4cec5;margin:28px 0}.mission-note{position:absolute;bottom:7vh;left:8vw;color:#a7b4a8;font-size:13px}.apps{height:235svh;color:#17251d;background:#edf1e8}.apps .stage{background:radial-gradient(ellipse at 80% 60%,#c8d2b7 0%,#edf1e8 65%);isolation:isolate}.apps .eyebrow{color:#42602e}.apps h2 em{color:#42602e}.oversized-word{position:absolute;left:28vw;top:14vh;font:italic 26vw/.9 Georgia,serif;letter-spacing:-.08em;color:#31502009;user-select:none;white-space:nowrap}.app-copy{position:relative;padding-left:8vw;width:47%;z-index:3;transform:translateY(calc((1 - var(--enter))*40px))}.app-copy p:not(.eyebrow){max-width:395px;font-size:18px;line-height:1.65;color:#4a594b;margin-top:26px}.small-tags{display:flex;flex-wrap:wrap;max-width:380px;gap:8px;margin-top:25px}.small-tags span{border:1px solid #42602e38;border-radius:30px;padding:9px 12px;font-size:12px}.app-screens{position:absolute;left:51vw;width:40vw;top:19%;height:65%;perspective:1200px}.app-screen{position:absolute;height:100%;width:auto;max-width:75%;object-fit:contain;border-radius:25px;box-shadow:0 28px 70px #23321c38;will-change:transform}.app-front{right:0;transform:translate3d(calc(var(--p)*-24px),calc(var(--p)*-30px),0) rotate(calc(8deg - var(--enter)*8deg)) rotateY(calc(-10deg + var(--enter)*10deg))}.app-back{left:-2%;top:6%;height:89%;opacity:.9;transform:translate3d(calc(var(--enter)*-28px),calc(var(--p)*20px),0) rotate(calc(-10deg + var(--p)*5deg))}.app-note{position:absolute;right:10vw;bottom:7vh;font-size:12px;color:#586951}.systems{height:250svh;background:#0b100e}.systems .stage{padding:12vh 8vw 6vh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;min-height:790px}.systems-copy{display:grid;grid-template-columns:1.5fr 1fr;column-gap:8vw;align-items:end}.systems-copy .eyebrow{grid-column:1/-1;margin-bottom:16px}.systems-copy h2{font-size:clamp(36px,3.8vw,65px)}.systems-copy p:not(.eyebrow){font-size:16px;color:#aebbaf;line-height:1.65;max-width:330px;margin:0}.production-console{border:1px solid #8fa49833;border-radius:14px;padding:20px 25px;background:linear-gradient(145deg,#19251d,#101713);box-shadow:0 24px 90px #0004;transform:perspective(1200px) rotateX(calc((1 - var(--enter))*6deg));transform-origin:center}.console-head,.console-bottom{display:flex;align-items:center;justify-content:space-between;color:#a8baab;font-size:12px;gap:20px}.console-head{margin-bottom:18px}.console-time{font-variant-numeric:tabular-nums;color:#c7fba9}.console-bottom{margin-top:16px;color:#93a196}.timeline{position:relative;display:grid;gap:10px}.track{display:grid;grid-template-columns:62px 1fr;align-items:center;font-size:12px;gap:10px}.track>span{color:#aebdb2}.track-lane{position:relative;height:35px;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#ffffff09 calc(10% - 1px),#ffffff09 10%);overflow:hidden}.track-lane i{position:absolute;top:1px;bottom:1px;left:var(--start);width:var(--width);display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-style:normal;border-radius:4px;background:#354d3d;color:#edf5ed}.track-voice i{background:#c7fba9;color:#17261b}.track-image i{background:#78a9a1;color:#102a29}.track-score i{background:#52654d}.track-sfx i{background:#b5a485}.timeline-playhead{position:absolute;z-index:3;left:calc(72px + (100% - 72px)*var(--p));top:-5px;bottom:-5px;width:1px;background:#f2f7db;box-shadow:0 0 15px #fff8;pointer-events:none}.timeline-playhead:before{content:'';position:absolute;top:-3px;left:-3px;width:7px;height:7px;background:#f2f7db;border-radius:50%}.webmath-proof{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:36px}.webmath-proof .eyebrow{font-size:12px;letter-spacing:.09em}.webmath-proof p{font-size:16px;color:#adb9ae;line-height:1.5}.webmath-proof iframe{border:1px solid #ffffff24;border-radius:10px;width:100%;height:190px;background:#000}.sound{height:210svh;background:#0e1015}.sound .stage{isolation:isolate;background:radial-gradient(ellipse at 50% 90%,#263e31 0,transparent 65%)}#sound-wave{position:absolute;left:0;bottom:10%;width:100%;height:40%;opacity:.4;z-index:0}.sound-copy{position:relative;padding:0 8vw;z-index:2}.sound h2{font-size:clamp(50px,6.5vw,106px)}.sound-copy p:not(.eyebrow):not(.audio-caption){font-size:18px;line-height:1.65;color:#c2c9c4;max-width:620px;margin:28px 0}.audio-button{display:inline-flex;align-items:center;gap:17px;background:#c7fba9;color:#101b12;border:0;padding:17px 24px;border-radius:999px;cursor:pointer;font-size:14px}.audio-button:hover{background:#dcffc7}.audio-icon{width:15px}.audio-caption{font-size:12px;color:#97aa9b;margin-top:13px}.sound-disciplines{position:absolute;bottom:7vh;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:clamp(22px,3vw,44px);color:#96b69c70;letter-spacing:-.04em}.sound-disciplines span{transform:translateY(calc((1 - var(--enter))*30px))}.teaching{height:220svh;background:#d9f2cc;color:#18301b}.teaching .stage{isolation:isolate}.education-copy{position:relative;width:41%;padding-left:8vw;z-index:4}.teaching .eyebrow{color:#3b6436}.teaching h2 em{color:#436a3b}.education-copy p:not(.eyebrow){font-size:17px;line-height:1.6;margin-top:24px;color:#466043}.audience-proof{display:flex;align-items:center;gap:18px;margin-top:28px}.audience-proof strong{font-size:clamp(44px,5vw,80px);font-weight:500;letter-spacing:-.07em}.audience-proof strong span{font-size:.48em;vertical-align:top;line-height:1.7}.audience-proof>span{font-size:12px;line-height:1.5;max-width:130px}.audience-proof small{display:block;margin-top:4px;color:#5d7955}.education-reel{position:absolute;left:46vw;top:24vh;height:59vh;display:flex;align-items:center;gap:25px;transform:translateX(calc(var(--p)*-160px));z-index:2;will-change:transform}.education-card{display:block;position:relative;border-radius:16px;overflow:hidden;flex:0 0 auto;background:#101010;box-shadow:0 30px 50px #172b2240;border:1px solid #2436262b;width:22vw;height:54vh;transform:rotate(-6deg)}.education-card video{width:100%;height:100%;object-fit:contain}.education-card span{position:absolute;left:0;right:0;bottom:0;padding:35px 18px 18px;color:#fff;background:linear-gradient(transparent,#000c);font-size:12px;line-height:1.4}.card-two{width:32vw;height:38vh;transform:rotate(4deg)}.card-three{transform:rotate(-4deg)}.education-note{position:absolute;left:8vw;bottom:7vh;font-size:12px;color:#55794b}.closing{padding:140px 8vw 110px;display:grid;grid-template-columns:.65fr 1.3fr;gap:8vw;align-items:center;scroll-margin-top:80px;background:#0d1510}.about-image{overflow:hidden;border-radius:8px;align-self:start;margin-top:25px}.about-image img{display:block;width:100%;height:auto;filter:grayscale(1)}.about-copy h2{font-size:clamp(40px,4.7vw,76px)}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.6;color:#b7c6ba;max-width:510px;margin:28px 0}.credentials{display:grid;gap:18px;padding:24px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;margin:30px 0}.credentials strong{display:block;font-size:14px;font-weight:500;color:#e5ebe2}.credentials span{display:block;font-size:12px;color:#97ab9a;margin-top:6px}.closing-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:14px}.primary-link{display:flex;gap:24px;align-items:center;background:#c7fba9;color:#102313;border-radius:100px;padding:16px 22px}.closing-links>a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:25px 8vw 65px;border-top:1px solid #fff2;font-size:12px;line-height:1.6;color:#91a395}footer span:nth-child(2){max-width:420px}dialog{position:fixed;width:min(1100px,92vw);border:1px solid #7a8c7e;border-radius:16px;padding:20px;background:#101713;color:#f6fbf4;box-shadow:0 0 150px #0009}dialog::backdrop{background:#000d;backdrop-filter:blur(15px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:16px}.modal-heading button{background:none;border:1px solid #fff4;border-radius:50px;padding:10px 18px;color:#fff;cursor:pointer;font-size:14px}#film-embed{aspect-ratio:16/9;background:#000}#film-embed iframe{width:100%;height:100%;border:0}#film-external{display:inline-block;font-size:14px;margin-top:16px;color:#c7fba9}
@media(min-width:1600px){.cinema-frame{left:17vw;right:17vw}.app-screens{left:57vw;width:34vw}}
@media(max-width:1000px){.chapter-nav{right:4px}.side-copy{font-size:14px;max-width:230px}.section-heading{left:7vw;right:7vw}.app-copy{width:50%;padding-left:7vw}.app-copy p:not(.eyebrow){font-size:16px}.app-screens{left:58vw;width:32vw}.app-back{display:none}.app-front{max-width:100%;right:0}.systems .stage{padding-left:7vw;padding-right:7vw}.education-copy{width:43%;padding-left:7vw}.education-copy p:not(.eyebrow){font-size:16px}.education-reel{left:49vw}.education-card{width:30vw}.card-two{width:38vw}.education-copy h2{font-size:48px}.about-copy h2{font-size:49px}.closing{gap:5vw}.wordmark span{font-size:12px}}
@media(max-width:700px){.chapter-nav{top:auto;bottom:16px;left:20px;right:auto;transform:none;display:flex;gap:0;background:#0c150edf;border:1px solid #ffffff24;border-radius:99px;padding:3px;backdrop-filter:blur(10px)}.chapter-nav a{width:26px;height:27px;font-size:12px}.motion-toggle{right:15px;bottom:17px;padding:8px 10px;font-size:12px}.intro{height:160svh}.stage{min-height:670px}.section-heading{top:110px;left:7vw;right:10vw;display:block}.section-heading h2{font-size:45px}.side-copy{font-size:14px;line-height:1.5;margin-top:20px;max-width:300px}.section-heading .eyebrow{font-size:12px;margin-bottom:15px}.research{height:175svh}.cinema-frame{top:48%;height:30%;left:5vw;right:5vw;border-radius:8px}.cinema-frame .film-button{bottom:10px;left:10px;font-size:12px;padding:10px 13px}.scene-footer{bottom:12%;left:7vw;right:7vw;align-items:flex-start;flex-direction:column;gap:1px;font-size:12px;max-width:290px}.text-button{font-size:12px;padding-top:3px}.mission{height:160svh}.mission-copy{padding:0 7vw;margin-top:-20px}.mission-copy h2{font-size:49px}.mission-copy p:not(.eyebrow){font-size:16px;max-width:330px}.mission-film{object-position:58% center;opacity:.42}.mission-shade{background:linear-gradient(0deg,#080c0b,transparent 70%)}.mission-note{bottom:12%;left:7vw;right:7vw;font-size:12px;max-width:285px}.apps{height:210svh}.apps .stage{min-height:800px;align-items:start}.app-copy{width:100%;padding:108px 7vw 0}.app-copy h2{font-size:43px}.app-copy .eyebrow{margin-bottom:16px}.app-copy p:not(.eyebrow){font-size:15px;max-width:330px;margin-top:18px;line-height:1.55}.small-tags{margin-top:16px;gap:5px}.small-tags span{font-size:12px;padding:6px 9px}.app-screens{left:17vw;width:65vw;top:48%;height:39%}.app-back{display:block;left:0;height:87%;top:10%}.app-front{right:1%;max-width:66%}.app-note{left:7vw;right:auto;bottom:8%;font-size:12px}.oversized-word{top:55%;left:2vw;font-size:37vw}.systems{height:220svh}.systems .stage{padding:102px 6vw 80px;min-height:900px;gap:24px;justify-content:flex-start}.systems-copy{display:block}.systems-copy h2{font-size:37px}.systems-copy p:not(.eyebrow){font-size:15px;margin-top:20px;max-width:360px;line-height:1.55}.production-console{padding:16px 12px}.track{grid-template-columns:38px 1fr;gap:7px}.track-lane{height:30px}.track-lane i{font-size:12px;overflow:hidden}.console-bottom{font-size:12px;align-items:start}.console-bottom span:last-child{max-width:70px;text-align:right}.timeline-playhead{left:calc(45px + (100% - 45px)*var(--p))}.webmath-proof{display:block}.webmath-proof iframe{height:155px;margin-top:10px}.webmath-proof p{font-size:14px;margin:10px 0}.sound{height:170svh}.sound h2{font-size:48px}.sound-copy{padding:0 7vw}.sound-copy p:not(.eyebrow):not(.audio-caption){font-size:16px;max-width:315px}.sound-disciplines{bottom:13%;left:7vw;right:7vw;font-size:24px;gap:10px}.sound-disciplines span:nth-child(3){display:none}#sound-wave{bottom:15%;height:27%;opacity:.25}.teaching{height:210svh}.teaching .stage{align-items:start;min-height:840px}.education-copy{width:100%;padding:105px 7vw 0}.education-copy h2{font-size:46px}.education-copy .eyebrow{margin-bottom:16px}.education-copy p:not(.eyebrow){font-size:15px;margin:18px 0;max-width:320px}.audience-proof{margin-top:10px}.audience-proof strong{font-size:48px}.education-reel{left:14vw;top:51%;height:34%;gap:20px;transform:translateX(calc(var(--p)*-180px))}.education-card{width:41vw;height:32vh;max-height:280px}.card-two{width:69vw;height:25vh;max-height:225px}.education-note{bottom:9%;left:7vw;max-width:295px}.closing{padding:110px 7vw 65px;display:flex;flex-direction:column;gap:35px;align-items:flex-start}.about-image{width:38%;margin-top:0}.about-copy h2{font-size:45px}.about-copy .eyebrow{margin-bottom:20px}.about-copy>p:not(.eyebrow){font-size:16px}.closing-links{gap:22px}.primary-link{width:100%;justify-content:space-between}.credentials{gap:20px}footer{padding:25px 7vw 100px;flex-direction:column;align-items:flex-start;gap:15px}dialog{padding:15px}.modal-heading{font-size:14px}.modal-heading button{font-size:12px;padding:9px 12px}}
@media(max-height:700px) and (min-width:701px){.stage{min-height:710px}.systems .stage{min-height:900px}.app-screens{top:24%;height:58%}.section-heading{top:110px}.cinema-frame{top:43%;height:40%}}
body.calm .chapter{height:auto!important}body.calm .stage{position:relative}body.calm .hero-copy,body.calm .floating-frame,body.calm .cinema-frame,body.calm .mission-film,body.calm .mission-copy,body.calm .app-copy,body.calm .app-screen,body.calm .production-console,body.calm .education-reel{transform:none!important;opacity:1}body.calm .hero-copy{opacity:1}body.calm .app-back{transform:rotate(-5deg)!important}body.calm .education-reel{left:46vw}body.calm .sound-disciplines span{transform:none}@media(max-width:700px){body.calm .education-reel{left:14vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{height:auto!important}.stage{position:relative}.hero-copy,.floating-frame,.cinema-frame,.mission-film,.mission-copy,.app-copy,.app-screen,.production-console,.education-reel{transform:none!important;opacity:1!important}}