@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;650;700;750;800&family=Kalam:wght@400;700&display=swap');
:root{--ink:#363735;--muted:#737774;--cyan:#1abbdc;--line:#e3e6e3;--accent:#27b3d0;--tint:#e1f7fb;color-scheme:light;font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:white}html{scroll-behavior:smooth;scroll-padding-top:155px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1599bd;outline-offset:5px}button{border:0}p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{line-height:1.12}header{height:106px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:650;letter-spacing:-1.4px}.brand-mark{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:44px;line-height:1;color:#303832}.brand-mark>span{color:#15bddd;font-size:25px}.brand>span:last-child{white-space:nowrap}header nav{display:flex;gap:32px;font-size:16px}header nav a:hover{color:#0499bc}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 25px;background:#383c39;color:white;border:1px solid #383c39;border-radius:7px;box-shadow:0 9px 22px #273b3211;font-size:16px;font-weight:500;transition:transform .2s,background .2s}.button:hover{background:#141e19;transform:translateY(-3px)}.button.small{padding:13px 20px;font-size:15px}.button.outline{background:transparent;color:var(--ink);box-shadow:none}.dot-grid{background-image:radial-gradient(#d8e1de 1px,transparent 1px);background-size:17px 17px}.hero{overflow:hidden;position:relative;padding:52px 24px 0;background-image:radial-gradient(#dce4e2 1px,transparent 1px);background-size:17px 17px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff,transparent 25%,transparent 75%,#fff);pointer-events:none}.hero-copy{position:relative;z-index:2;text-align:center;margin:auto;max-width:1100px}.kicker{font-size:12px;letter-spacing:1.9px;font-weight:600;color:#74807b}.hero h1{font-size:clamp(54px,6.3vw,90px);font-weight:750;line-height:1.14;letter-spacing:-4.7px;margin:25px 0 28px}.highlight{background:linear-gradient(#b9f0fa,#b9f0fa) no-repeat 0 92%/100% 93%;padding:0 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone;position:relative}.hero .highlight:before{content:'';position:absolute;top:6px;bottom:2px;left:-15px;width:6px;background:#70e1f4;border-radius:2px}.hero .second:before{display:none}.hero-description{font-size:24px;line-height:1.6;letter-spacing:-.5px;color:#676b68;margin-bottom:27px}.hero-description strong{font-weight:500;color:#343b37}.hero-diagram{max-width:1180px;margin:35px auto 0;position:relative;height:410px;display:flex;justify-content:center;align-items:center;will-change:transform}.venn{position:relative;width:570px;height:355px}.circle{border:1.5px solid #8c9a93;border-radius:48% 51% 49% 50%;width:285px;height:270px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f9faf950;mix-blend-mode:multiply;font-family:Kalam,cursive;font-size:24px}.circle-one{left:0;top:0;transform:rotate(-6deg);padding-right:65px;background:#f4f5f560}.circle-two{right:0;top:0;transform:rotate(5deg);padding-left:65px;background:#def9ff65}.circle-three{left:140px;top:100px;transform:rotate(-4deg);padding-top:105px;background:#fffbc860;border-color:#adb297}.circle small{font:12px Inter,sans-serif;color:#80867f}.venn-center{position:absolute;top:116px;left:195px;width:180px;text-align:center;font-family:Kalam,cursive;font-size:25px;line-height:1.3;color:#169bb9}.venn-center b{font-weight:700}.handnote{font:22px/1.3 Kalam,cursive;color:#737e77}.note-left{position:absolute;left:1%;top:85px;transform:rotate(-7deg)}.note-right{position:absolute;right:0;bottom:70px;transform:rotate(5deg)}.hero-end{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;padding:32px 0 38px;background:linear-gradient(transparent,#fff 40%);font-size:10px;letter-spacing:1.5px;color:#8c9490}.scroll-line{width:70px;height:1px;background:#aebbb4}.room-intro{text-align:center;padding:105px 5% 85px;max-width:1450px;margin:auto}.room-intro h2,.about h2{font-size:clamp(42px,4.4vw,64px);letter-spacing:-2.7px;font-weight:650;margin:23px 0}.marker{position:relative;z-index:0;white-space:nowrap}.marker:after{content:'';position:absolute;left:-2px;right:-3px;bottom:0;height:30%;background:var(--tint);z-index:-1;border-radius:28% 7% 36% 10%;transform:rotate(-1.5deg)}.room-intro>p:not(.kicker){font-size:20px;color:var(--muted)}.door-map{display:grid;grid-template-columns:repeat(5,1fr);gap:19px;margin-top:65px}.orange{--accent:#be7720;--tint:#fff0cf;--wash:#fffbf3}.purple{--accent:#8e62c2;--tint:#eee1fb;--wash:#fcf9ff}.pink{--accent:#c75f89;--tint:#fbe1ec;--wash:#fff9fc}.blue{--accent:#179dbc;--tint:#d6f3fa;--wash:#f7fcfe}.green{--accent:#45946d;--tint:#dff2e3;--wash:#f8fcf8}.door{border:1px solid #d9dedb;border-radius:7px 38px 6px 8px;background:white;position:relative;text-align:left;padding:22px 19px 20px;min-height:238px;box-shadow:4px 5px 0 var(--tint);transition:transform .3s,box-shadow .3s,background .3s}.door:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:7px 10px 0 var(--tint);background:var(--wash)}.door-number{font:14px Kalam,cursive;color:var(--accent);display:block}.door-icon{width:42px;height:42px;display:grid;place-items:center;font-size:27px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:var(--tint);margin:18px 0}.door h3{font-size:18px;font-weight:600;letter-spacing:-.5px}.door p{font-size:12px;color:var(--muted);margin-top:10px}.door-enter{font-size:12px;display:block;margin-top:24px;color:var(--accent)}.room-nav{display:flex;gap:23px;align-items:center;justify-content:center;position:sticky;top:106px;z-index:25;height:63px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(10px);padding:0 4%}.room-nav a{white-space:nowrap;font-size:13px;display:flex;align-items:center;gap:9px;height:100%;position:relative}.room-nav a>span{font-size:11px;color:#8d948f}.room-nav a.active{color:var(--accent)}.room-nav a.active:after{content:'';position:absolute;height:3px;background:var(--accent);bottom:0;left:0;right:0}.nav-label{font-size:10px;letter-spacing:1px;color:#89958d;margin-right:auto}.room-nav button{background:transparent;border:1px solid #dce2dd;border-radius:20px;padding:6px 11px;font-size:11px;white-space:nowrap;margin-left:auto;color:#6c776f}.room{--enter:1;scroll-margin-top:168px;border-bottom:1px solid var(--line);overflow:clip;background:linear-gradient(180deg,white 0%,var(--wash) 50%,white 100%)}.room-stage{max-width:1220px;margin:auto;min-height:1100px;height:145vh;display:grid;grid-template-columns:43% 52%;justify-content:space-between;align-items:start;padding:95px 25px 60px;position:relative}.room-copy,.exhibit{position:sticky;top:220px}.room-count{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:1.7px;color:var(--accent);font-weight:600}.room-count>span{display:grid;place-items:center;width:37px;height:37px;background:var(--tint);border:1px solid var(--accent);border-radius:50%;font:18px Kalam,cursive;letter-spacing:0}.room-copy h2{font-size:clamp(40px,4.15vw,60px);letter-spacing:-2.8px;line-height:1.13;font-weight:650;margin:25px 0}.room-copy>p:not(.room-count):not(.handnote){font-size:18px;line-height:1.75;max-width:415px;color:#747b75}.capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.capabilities span{border-bottom:1px solid #d8ded7;padding:4px 0;margin-right:12px;font-size:12px;color:#69756c}.room-copy .handnote{font-size:21px;margin:28px 0 22px;color:var(--accent);transform:rotate(-3deg);transform-origin:left}.text-link{font-size:14px;border-bottom:1px solid var(--accent);padding-bottom:5px}.exhibit{min-height:525px;background:#fff;border:1px solid #d8ded9;border-radius:8px;box-shadow:0 17px 50px #46534108;isolation:isolate}.exhibit-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.2px;color:#849189;border-bottom:1px solid #edf0ed;padding:21px 24px}.exhibit-bottom{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:19px 15px;border-top:1px solid #edf0ed;color:#7b857d;font-size:11px}.process-visual{padding:34px 85px 72px}.process-node{padding:12px;text-align:center;border:1.5px solid var(--accent);border-radius:8px 14px 9px 12px;font:24px Kalam,cursive;background:var(--tint);color:#705226;line-height:1.2}.process-node small{display:block;font:12px Inter,sans-serif;margin-top:6px}.connector{text-align:center;color:var(--accent);font-size:24px;height:35px}.floating-note{position:absolute;right:-24px;bottom:100px;transform:rotate(7deg);background:var(--tint);padding:18px 22px;font:19px/1.4 Kalam,cursive;border:1px solid var(--accent);border-radius:3px;box-shadow:3px 4px 0 #414f3509}.learning-flow{padding:40px 28px 75px;text-align:center}.flow-goal{border:1.5px solid var(--accent);border-radius:48% 48% 47% 45%;padding:28px 8px;background:var(--tint);max-width:300px;margin:auto;font-size:18px;line-height:1.4}.flow-line{width:1px;height:34px;margin:auto;background:var(--accent)}.flow-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.flow-branches:before{content:'';position:absolute;left:15%;right:15%;top:-13px;height:13px;border:1px solid var(--accent);border-bottom:0}.flow-branches span{padding:14px 5px;background:var(--wash);border:1px solid var(--accent);border-radius:5px;font:20px Kalam,cursive}.flow-branches small{display:block;font:11px Inter,sans-serif;color:#8a7598}.flow-feedback{border:1px dashed var(--accent);padding:14px;max-width:260px;margin:auto;border-radius:5px;color:var(--accent);font:20px Kalam,cursive}.storyboard{height:370px;position:relative;margin:25px 25px 70px}.story-frame{position:absolute;inset:20px 25px 30px;padding:27px;border:1px solid var(--accent);border-radius:7px;background:white;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 12px 25px #7a354613}.story-frame>span{font-size:10px;letter-spacing:1px;color:var(--accent)}.story-frame h3{font:34px Kalam,cursive;margin:25px 0 12px;letter-spacing:-1px}.story-frame p{font-size:13px;color:#886c77}.story-frame:nth-child(1){transform:translate(-30px,-9px) rotate(-7deg);background:#fff8fb}.story-frame:nth-child(2){transform:translate(0,12px) rotate(2deg);background:#fff0f6}.story-frame:nth-child(3){transform:translate(30px,36px) rotate(7deg);background:#fbe1ec}.timeline{position:absolute;bottom:68px;left:45px;right:45px;display:flex;gap:5px;height:13px}.timeline>span{flex:1;background:#f3cade;border-radius:2px}.timeline i{position:absolute;width:2px;top:-8px;bottom:-8px;left:calc(var(--enter)*95%);background:#b84e7b}.browser-window{margin:40px 30px 95px;border:1.5px solid #81939a;border-radius:7px;background:white;box-shadow:10px 10px 0 var(--tint);transform:rotate(-3deg)}.browser-toolbar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d5e1e4;padding:12px;font-size:9px;color:#818d8f}.mini-site{padding:28px 25px;background-image:radial-gradient(#dde5e5 1px,transparent 1px);background-size:11px 11px}.mini-brand{font-size:11px;font-weight:650}.mini-site h3{font-size:29px;letter-spacing:-1.5px;margin:26px 0}.mini-site mark{color:inherit;background:#c1f1fa}.mini-rooms{display:flex;gap:8px;margin-bottom:23px}.mini-rooms span{display:grid;place-items:center;border:1px solid #a4c7d0;border-radius:3px;width:38px;height:45px;font-size:10px;background:white}.mini-button{font-size:10px;background:#343e3b;color:white;padding:8px;border-radius:4px}.web-exhibit .floating-note{bottom:76px;right:-10px}.lab-exhibit>h3{font-size:27px;letter-spacing:-1px;padding:27px 30px 0;font-weight:500}.lab-exhibit canvas{width:100%;height:180px;display:block}.sim-controls{display:flex;gap:30px;padding:0 30px}.sim-controls label{font-size:13px;flex:1}.sim-controls output{float:right;color:#479a6c}.sim-controls input{width:100%;display:block;accent-color:#4d966c;margin:15px 0}.wave-pause{font-size:12px;background:var(--tint);border:1px solid #b3d4bc;border-radius:4px;padding:6px 12px;margin:10px 30px}.sim-explainer{font-size:11px;color:#7c8c80;padding:8px 30px 25px}.collection{max-width:1220px;margin:0 auto;padding:0 25px 90px;scroll-margin-top:200px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.collection-heading h3{font-size:23px;font-weight:500;letter-spacing:-.7px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:transparent;padding:7px 13px;border:1px solid #e0e3dc;border-radius:20px;font-size:12px}.filters .selected{background:var(--tint);border-color:var(--accent);color:#9d6b24}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project{text-align:left;background:white;border:1px solid #dce1d9;border-radius:6px;padding:28px;transition:transform .25s,box-shadow .25s;min-height:285px;display:flex;flex-direction:column;align-items:start}.project:hover{transform:translateY(-7px);box-shadow:5px 7px 0 var(--tint);border-color:var(--accent)}.tag{font-size:10px;letter-spacing:1px;color:var(--accent)}.project h4{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.25;margin:32px 0 15px}.project p{font-size:13px;color:#869080;margin-bottom:25px}.project-open{font-size:12px;margin-top:auto;color:#9f773d}.list-projects button{display:flex;text-align:left;gap:25px;align-items:center;padding:25px 15px;background:transparent;width:100%;border-bottom:1px solid #e1dbe7}.list-projects button>span{font-size:13px;color:var(--accent)}.list-projects h3{font-size:23px;font-weight:500;letter-spacing:-.7px}.list-projects p{font-size:13px;color:#8c8097;margin-top:7px}.list-projects b{margin-left:auto;color:var(--accent);font-size:22px;font-weight:400}.list-projects button:hover{background:var(--wash)}.availability{font-size:12px;color:#8a918b;margin-top:25px}.video-types{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.video-types>div{border-top:1px solid #e5cfda;padding-top:25px}.video-types span{font-size:11px;letter-spacing:1px;color:var(--accent)}.video-types h3{font-size:25px;letter-spacing:-.8px;font-weight:500;margin:16px 0}.featured-project{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #d6e5e9;padding-top:30px}.featured-project h3{font-size:29px;letter-spacing:-1px;font-weight:500;margin:15px 0 12px}.featured-project p{font-size:14px;color:#7c8a8e}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px max(6%,calc((100vw - 1150px)/2));background-color:#fcfefd}.about-copy p:not(.handnote){font-size:19px;line-height:1.8;color:#758077;margin-bottom:22px}.about-copy strong{font-weight:500;color:#394d40}.about-copy .handnote{font-size:26px;color:#32a1b6;margin:30px 0}.location{font-size:12px;color:#87918a}.connect{text-align:center;padding:120px 25px}.connect h2{font-size:clamp(42px,4.8vw,70px);font-weight:650;letter-spacing:-3px;margin:28px 0}.connect>p:not(.kicker):not(.contact-note):not(#copy-status){font-size:21px;color:#828a83;margin:25px 0}.connect .button{margin-top:15px}.contact-note{font-size:12px;color:#949b96;margin-top:23px}.connect #copy-status{font-size:14px;color:#339db1;margin-top:18px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font-size:12px;color:#828d86}footer .brand{font-size:23px}dialog{max-width:670px;width:calc(100% - 32px);max-height:85vh;border:1px solid #d4e5df;background:white;border-radius:10px;padding:42px;color:#424b45;box-shadow:0 20px 80px #183c321c}dialog::backdrop{background:#233b4266;backdrop-filter:blur(7px)}dialog h2{font-size:37px;letter-spacing:-1.5px;margin:20px 0 25px}dialog h3{font-size:19px;margin:22px 0 10px}dialog p,dialog li{font-size:16px;line-height:1.7;color:#7b857d}dialog .close{position:absolute;top:10px;right:15px;font-size:28px;background:transparent}dialog .dialog-done{margin-top:26px;font-size:14px}dialog .kicker{font-size:11px;color:#379cb0}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#38c9e1;z-index:100}.skip{position:absolute;top:-100px;left:10px;background:#b9f0fa;padding:12px;z-index:101}.skip:focus{top:10px}[hidden]{display:none!important}
/* The room timeline is driven by real page scroll, without capturing the wheel. */
.motion .room{--enter:0}.motion .process-node{opacity:calc(.25 + var(--enter)*.75);transform:translateY(calc((1 - var(--enter))*35px)) scale(calc(.9 + var(--enter)*.1))}.motion .p2{transform:translateY(calc((1 - var(--enter))*65px)) scale(calc(.88 + var(--enter)*.12))}.motion .p3{transform:translateY(calc((1 - var(--enter))*95px)) scale(calc(.86 + var(--enter)*.14))}.motion .connector{opacity:var(--enter)}.motion .floating-note{opacity:calc(.15 + var(--enter)*.85);transform:translateX(calc((1 - var(--enter))*50px)) rotate(calc(15deg - var(--enter)*8deg))}.motion .flow-branches span{transform:translateY(calc((1 - var(--enter))*65px));opacity:calc(.15 + var(--enter)*.85)}.motion .flow-branches span:nth-child(1){transform:translate(calc((1 - var(--enter))*45px),calc((1 - var(--enter))*65px))}.motion .flow-branches span:nth-child(3){transform:translate(calc((1 - var(--enter))*-45px),calc((1 - var(--enter))*65px))}.motion .flow-feedback{opacity:var(--enter);transform:translateY(calc((1 - var(--enter))*40px))}.motion .story-frame:nth-child(1){transform:translate(calc(var(--enter)*-32px),calc(var(--enter)*-17px)) rotate(calc(var(--enter)*-8deg))}.motion .story-frame:nth-child(2){transform:translate(0,calc(var(--enter)*10px)) rotate(calc(var(--enter)*1deg))}.motion .story-frame:nth-child(3){transform:translate(calc(var(--enter)*32px),calc(var(--enter)*40px)) rotate(calc(var(--enter)*8deg))}.motion .browser-window{transform:perspective(1000px) rotateY(calc((1 - var(--enter))*-15deg)) rotate(calc(-5deg + var(--enter)*5deg)) scale(calc(.88 + var(--enter)*.12))}.motion .mini-rooms span{transform:translateY(calc((1 - var(--enter))*25px));opacity:calc(.25 + var(--enter)*.75)}
@media(min-width:1600px){.hero h1{font-size:92px}.room-stage{max-width:1350px}.room-copy h2{font-size:65px}.hero-diagram{margin-top:50px}}@media(max-width:1100px){.room-nav{gap:17px;padding:0 3%}.nav-label{display:none}.room-nav button{margin-left:0}.room-nav a{font-size:12px}.room-stage{padding-left:5%;padding-right:5%;grid-template-columns:43% 52%;min-height:980px}.room-copy h2{font-size:44px}.room-copy>p:not(.room-count):not(.handnote){font-size:16px}.exhibit{min-height:490px}.process-visual{padding:30px 50px 70px}.floating-note{right:-12px;font-size:16px}.hero-diagram{max-width:1000px}.note-left{left:0;font-size:18px}.note-right{font-size:18px}.door-map{gap:13px}.door{padding:20px 15px}.door h3{font-size:16px}.collection{padding-left:5%;padding-right:5%}.project{padding:22px}.project h4{font-size:24px}.collection-heading{align-items:start}.collection-heading h3{max-width:350px}.story-frame{inset:30px 10px 40px;padding:20px}.flow-branches{gap:8px}.flow-branches span{font-size:17px}.flow-goal{font-size:17px}.hero h1{letter-spacing:-3px}}@media(max-width:800px){header{height:80px;padding:0 5%}.brand{font-size:23px}.brand-mark{font-size:37px}header nav{display:none}.button.small{padding:10px 14px;font-size:13px;gap:12px}.hero{padding-top:45px}.kicker{font-size:10px;letter-spacing:1.2px}.hero h1{font-size:clamp(40px,7.6vw,62px);letter-spacing:-2.7px;margin-top:25px}.hero-description{font-size:19px;letter-spacing:-.3px;max-width:510px;margin:0 auto 25px}.hero .button{font-size:14px;padding:14px 20px}.hero-diagram{height:360px;margin-top:30px}.venn{transform:scale(.85);flex-shrink:0}.note-left,.note-right{display:none}.hero-end{font-size:9px;gap:15px;padding-top:10px}.scroll-line{width:30px}.room-intro{padding:75px 5% 55px}.room-intro h2{font-size:44px;letter-spacing:-2px}.room-intro>p:not(.kicker){font-size:16px}.door-map{grid-template-columns:repeat(3,1fr);margin-top:38px;gap:15px}.door{min-height:200px}.door-icon{margin:13px 0}.door-enter{margin-top:17px}.room-nav{top:80px;justify-content:flex-start;overflow-x:auto;gap:21px;padding:0 5%;height:56px}.room-nav a{font-size:12px}.room-nav button{font-size:10px}.room{scroll-margin-top:136px}.room-stage{height:auto;min-height:0;padding:65px 6% 45px;display:grid;grid-template-columns:1fr;gap:35px}.room-copy,.exhibit{position:relative;top:auto}.room-copy h2{font-size:48px;letter-spacing:-2px}.room-copy>p:not(.room-count):not(.handnote){max-width:550px;font-size:17px}.room-copy .handnote{margin:23px 0;font-size:20px}.room-count{font-size:10px}.exhibit{width:100%;max-width:570px;margin:0 auto;min-height:510px}.collection{padding-bottom:60px}.project-grid{grid-template-columns:1fr}.project{min-height:230px}.project h4{margin:22px 0 12px;font-size:28px}.project p{margin-bottom:22px}.collection-heading{flex-direction:column;gap:20px}.collection-heading h3{font-size:24px;max-width:none}.video-types{gap:18px}.video-types h3{font-size:20px}.featured-project{align-items:start;flex-direction:column}.featured-project h3{font-size:25px}.about{padding:75px 6%;grid-template-columns:1fr;gap:20px}.about h2{font-size:47px}.about-copy p:not(.handnote){font-size:17px}.connect{padding:75px 5%}.connect h2{font-size:44px;letter-spacing:-2.2px}.connect>p:not(.kicker):not(.contact-note):not(#copy-status){font-size:18px}.connect .kicker{max-width:290px;margin:auto}footer{padding:25px 5%}footer>span{display:none}.floating-note{right:0}.browser-window{margin-left:25px;margin-right:25px}.motion .room{--enter:1!important}.motion .story-frame{transition:transform .8s}.reading-progress{height:2px}}
@media(max-width:450px){.hero h1{font-size:39px;letter-spacing:-2px}.hero .highlight{padding:0 4px}.hero .highlight:before{left:-8px;width:3px}.hero-description{font-size:17px}.hero-diagram{height:285px}.venn{transform:scale(.65)}.hero-end{font-size:8px;letter-spacing:.7px}.door-map{grid-template-columns:repeat(2,1fr)}.door:last-child{grid-column:1/-1;min-height:140px}.door:last-child .door-icon{position:absolute;right:25px;top:22px}.door:last-child .door-enter{margin-top:12px}.room-copy h2{font-size:43px}.room-intro h2{font-size:37px}.exhibit{min-height:490px}.process-visual{padding:30px 40px 70px}.floating-note{font-size:15px;padding:12px;bottom:82px}.exhibit-top{font-size:8px;padding:20px 17px;letter-spacing:.8px}.exhibit-bottom{font-size:9px}.flow-branches span{font-size:16px}.learning-flow{padding:40px 15px 75px}.story-frame h3{font-size:30px}.storyboard{margin:25px 20px 70px}.video-types{grid-template-columns:1fr;gap:20px}.video-types h3{font-size:25px}.mini-site{padding:23px 16px}.mini-site h3{font-size:25px}.browser-toolbar{font-size:8px;padding:10px}.web-exhibit .floating-note{right:0}.lab-exhibit>h3{font-size:25px}.sim-controls{gap:18px}.connect h2{font-size:34px;letter-spacing:-1.7px}.connect .highlight{padding:0 3px}.list-projects h3{font-size:20px}.list-projects button{padding:22px 0;gap:15px}.list-projects p{font-size:12px}dialog{padding:30px 25px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-diagram{transform:none!important}}