/* School branding, with a more expressive composition and usable page menus. */
.staff-pages-menu{position:relative;margin:0 0 26px;max-width:480px;z-index:3}.staff-pages-menu summary,.website-pages-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;border:1px solid #cfdaea;background:white;border-radius:12px;padding:14px 18px;color:#0a1e46}.staff-pages-menu summary::-webkit-details-marker,.website-pages-menu summary::-webkit-details-marker{display:none}.staff-pages-menu summary>svg{width:20px}.staff-pages-menu summary>span{display:grid;gap:4px}.staff-pages-menu summary small{font-size:9px;letter-spacing:1.5px;color:#6a7b94}.staff-pages-menu summary strong{font-size:14px}.pages-chevron{margin-left:auto;font-size:18px;transition:transform .2s}.staff-pages-menu[open] .pages-chevron,.website-pages-menu[open] .pages-chevron{transform:rotate(180deg)}.staff-pages-items{position:absolute;top:calc(100% + 8px);left:0;width:100%;display:grid;gap:4px;padding:10px;background:white;border:1px solid #d9e2ef;border-radius:14px;box-shadow:0 16px 45px #0a1e4626;max-height:65vh;overflow:auto}.staff-pages-items button{display:flex;gap:12px;align-items:center;width:100%;padding:13px;text-align:left;background:none;border:0;color:#0a1e46;font:inherit;font-size:13px;border-radius:8px;cursor:pointer}.staff-pages-items button svg{width:19px;height:19px}.staff-pages-items button[aria-current],.staff-pages-items button:hover{background:#edf2f8}.staff-pages-items button[aria-current]{box-shadow:inset 3px 0 #f67002;font-weight:700}.website-pages-menu summary strong{font-size:14px}.website-pages-menu .staff-page-list{padding:8px 16px;border:1px solid #d9e2ef;border-top:0;border-radius:0 0 12px 12px}.website-pages-menu[open] summary{border-radius:12px 12px 0 0}.staff-mode .mobile-nav{display:none}.staff-mode .workspace{padding-bottom:0}.staff-mode .metric{position:relative;overflow:hidden;border-radius:16px!important;background:linear-gradient(135deg,white,#f2f6fc)}.staff-mode .metric:after{content:'';position:absolute;right:-20px;bottom:-25px;width:100px;height:100px;border:18px solid #e6edf7;border-radius:50%;pointer-events:none}.staff-mode .metric:first-child{background:#fff1e4;border-color:#f6d6b8}.staff-mode .metric:first-child:after{border-color:#f9dfc7}.staff-mode .metric strong,.staff-mode .metric small,.staff-mode .metric>span{position:relative;z-index:1}
.constellation.noam-finder{background:#0a1e46;color:white;padding:42px 42px 28px;border:0;border-radius:32px 8px 32px 8px;isolation:isolate}.constellation-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:center}.constellation .finder-heading{display:block}.constellation .eyebrow{color:#ffb778;letter-spacing:1.7px;font-size:10px}.constellation .finder-heading h2{font-size:clamp(42px,4.8vw,70px);letter-spacing:-2px;line-height:1.03;margin:22px 0}.constellation h2 em{font-style:normal;color:#ff9a47;position:relative}.constellation h2 em:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:7px;border-top:2px solid #ff9a47;border-radius:50%;transform:rotate(-4deg)}.constellation .finder-heading p{color:#c6d4e9;font-size:14px;line-height:1.9}.constellation-note{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.4px;color:#e5ebf5;margin-top:28px}.constellation-note svg{width:25px;transform:rotate(-25deg);color:#ff9a47}.school-constellation{position:relative;height:360px;min-width:0}.orbit{position:absolute;width:255px;height:255px;border:1px solid #ffffff25;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-two{width:340px;height:310px;border-style:dashed;border-color:#ffffff16;transform:translate(-50%,-50%) rotate(20deg)}.constellation-core{position:absolute;width:130px;height:130px;border-radius:50%;background:#fffaf2;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 12px #ffffff06,0 0 65px #ff9a471c}.constellation-core img{width:75px;height:75px;object-fit:contain}.constellation-core span{color:#0a1e46;font-size:7px;letter-spacing:1px;font-weight:700;margin-top:5px}.constellation .orbit-paths{display:block;margin:0}.constellation .orbit-path{position:absolute;display:flex;align-items:center;gap:11px;border-radius:16px;background:#18345b;color:white;border:1px solid #527097;padding:14px 16px;text-align:left;max-width:220px;font-size:11px;box-shadow:0 12px 26px #0002;transition:transform .2s,background .2s}.constellation .orbit-path:hover{transform:translateY(-4px);background:#25476f}.constellation .orbit-path[aria-selected=true]{background:#f67002;border-color:#f67002;color:#fff}.orbit-path-number{font-size:10px;font-weight:400;opacity:.85}.orbit-path strong{font-weight:650;line-height:1.5}.orbit-path svg{width:16px;flex-shrink:0}.orbit-path-0{top:30px;left:3%}.orbit-path-1{top:92px;right:0}.orbit-path-2{bottom:24px;left:22%}.constellation-star{position:absolute;color:#ffad69;font-size:28px}.star-one{top:20px;right:20%}.star-two{left:6%;bottom:65px;font-size:16px}.constellation-caption{position:absolute;bottom:0;right:0;font-family:Georgia,serif;font-style:italic;color:#b8c9e2;font-size:13px;transform:rotate(-6deg)}.constellation .path-result{background:#fff9f3;border-radius:18px;color:#0a1e46;border:0;margin-top:20px;padding:26px;gap:26px}.constellation .path-result .eyebrow{color:#a34300}.constellation .path-result h3{font-size:24px;max-width:370px}.constellation .path-links a{background:white;border-color:#e8ded3;padding:14px}.constellation .path-result p{font-size:13px;margin-bottom:0}
.school-network.connected-demo{border-radius:24px 6px 24px 6px;padding:30px 34px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 90% 50%,#1d416b,#0a1e46 70%)}.network-copy h2{font-size:clamp(26px,2.7vw,38px);letter-spacing:-1px;line-height:1.12}.network-copy p{font-size:12px;max-width:320px;margin-bottom:24px}.network-copy .button{font-size:11px}.network-map{position:relative;display:block;width:100%;height:260px;background:none;border:0;color:white;cursor:pointer;padding:0;font:inherit;border-radius:16px}.network-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#6987ac;stroke-width:1}.network-lines circle{stroke:#ffffff13}.network-lines path{stroke-dasharray:4 5;stroke:#f8a96a}.network-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:white;display:grid;place-items:center;box-shadow:0 0 0 10px #ffffff08;transition:box-shadow .25s}.network-hub img{width:60px;height:60px}.network-map:hover .network-hub{box-shadow:0 0 0 20px #ffffff0b}.network-node{position:absolute;display:flex;align-items:center;gap:8px;padding:11px;border-radius:12px;border:1px solid #7890b355;background:#18375e;box-shadow:0 8px 22px #0002;max-width:140px;font-size:10px}.network-node svg{width:17px;height:17px;color:#ffb575;flex-shrink:0}.network-office{top:28px;left:0}.network-family{top:35px;right:0}.network-public{right:8px;bottom:28px;background:#f67002;border-color:#f67002}.network-public svg{color:white}.network-hint{position:absolute;bottom:5px;left:0;color:#b8c9e2;font-size:9px}
.public-hero{position:relative;gap:5vw!important;padding-top:48px!important;padding-bottom:32px!important}.public-hero h1{font-size:clamp(40px,4.8vw,76px)!important;letter-spacing:-2.2px!important;line-height:1.05!important;max-width:620px}.public-hero .school-hero-photo{border-radius:180px 180px 20px 20px!important;overflow:hidden;transform:rotate(2deg);border:7px solid #fff4e9;box-shadow:16px 16px 0 #0a1e46;margin-right:16px}.public-hero .school-hero-photo img{min-height:430px;object-fit:cover}.public-hero .school-hero-photo figcaption{transform:rotate(-2deg)}.public-hero .photo-corner{display:none}.public-hero:after{content:'A little wonder. Every day.';position:absolute;right:30px;top:35px;font-family:Georgia,serif;font-style:italic;color:#a34300;font-size:17px;transform:rotate(7deg);background:#fff5e7;padding:10px 18px;border-radius:4px;box-shadow:0 5px 12px #0a1e4610;z-index:1;pointer-events:none}
@media(min-width:1100px){.staff-pages-menu{max-width:320px}.staff-pages-menu summary{padding:11px 16px}}
@media(max-width:900px){.constellation-top{grid-template-columns:1fr 1fr}.constellation.noam-finder{padding:30px 24px 24px}.constellation .orbit-path{max-width:180px;font-size:10px;padding:11px}.orbit-path-0{left:0}.orbit-path-2{left:8%}.orbit-two{width:280px;height:290px}.orbit-one{width:225px;height:235px}.school-network.connected-demo{padding:26px;gap:15px}.network-node{font-size:9px;padding:9px;gap:5px}.network-office{left:-8px}.network-family{right:-8px}.network-public{right:-8px}.public-hero .school-hero-photo img{min-height:360px}}
@media(max-width:650px){.staff-pages-menu{max-width:none;margin-bottom:22px}.staff-pages-menu summary{padding:13px 16px}.staff-pages-items{max-height:55vh}.constellation-top{grid-template-columns:1fr;gap:4px}.constellation .finder-heading h2{font-size:47px;margin:18px 0}.constellation .finder-heading p{font-size:13px}.constellation-note{margin-top:15px}.school-constellation{height:340px;max-width:400px;width:100%;margin:auto}.constellation .orbit-path{max-width:205px;font-size:11px;padding:13px}.orbit-path-0{top:26px;left:0}.orbit-path-1{top:108px;right:0}.orbit-path-2{bottom:28px;left:10%}.constellation .path-result{padding:20px;grid-template-columns:1fr;gap:18px;margin-top:15px}.constellation .path-result h3{font-size:24px}.constellation .path-links a{padding:13px}.constellation-caption{font-size:11px}.school-network.connected-demo{grid-template-columns:1fr;padding:26px 22px;gap:8px}.network-copy p{max-width:none}.network-map{max-width:390px;margin:auto;height:260px}.network-copy .button{width:auto}.network-office{left:0}.network-family{right:0}.network-public{right:0}.public-hero{padding-top:35px!important;gap:26px!important}.public-hero h1{font-size:45px!important;letter-spacing:-1.5px!important}.public-hero .school-hero-photo{width:calc(100% - 18px);max-width:420px;border-width:5px;box-shadow:10px 10px 0 #0a1e46;margin:10px auto 16px}.public-hero .school-hero-photo img{min-height:340px}.public-hero:after{right:6px;top:auto;bottom:8px;font-size:13px;padding:8px 12px}.constellation .orbit-path:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.orbit-path,.network-hub,.pages-chevron{transition:none!important}.constellation .orbit-path:hover{transform:none}}
@media(max-width:650px){.constellation-core{width:100px;height:100px}.constellation-core img{width:60px;height:60px}.constellation-core span{font-size:6px}.orbit-path-0{top:5px}.orbit-path-1{top:70px}.orbit-path-2{bottom:24px}.constellation .orbit-path{max-width:205px;padding:10px 13px}}
@media(max-width:360px){.constellation.noam-finder{padding:25px 16px 20px}.constellation .orbit-path{max-width:190px}.constellation .finder-heading h2{font-size:42px}.public-hero h1{font-size:38px!important}.network-node{font-size:8px;padding:8px}.network-hub{width:70px;height:70px}.network-hub img{width:50px;height:50px}}

.door-surface{position:absolute;inset:0;width:100%;height:100%;z-index:4;cursor:pointer;border:0;border-radius:0;background:transparent;padding:0;color:inherit}.door-surface:focus-visible{outline:3px solid #ffb575;outline-offset:-5px}.door-stage .day-inside{z-index:5;pointer-events:none}.door-stage .day-inside a,.door-stage .day-inside button{pointer-events:auto}.door-stage:has(.door-surface:hover){box-shadow:inset 0 0 0 2px #f6700233}