/* The overview borrows its palette and geometry from the honey exhibition. */
:root{--ink:#293b2a;--muted:#877d5f;--honey:#b78122;--line:#dccca84d}
body{background:#f8efd9}.topbar{height:80px;background:#243a2d;color:#fff5db;border:0;padding:0 36px}.brand-symbol{color:#263a2b;background:#ecc775;border:0;border-radius:0;transform:none;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);height:43px;width:40px;font-size:28px}.brand{font-size:21px;letter-spacing:2.5px}.brand small{color:#dfcca4;font-size:9px;letter-spacing:1.4px}.breadcrumb{color:#c4cbbd}.breadcrumb b{color:#fff1ce}.slash{color:#788d75}.project-year{color:#e5ca8f}.language{border-color:#d1b6714d;background:#ffffff05;color:#fff3d1}.language:hover{background:#eed2941c}.workspace{height:calc(100svh - 80px);grid-template-columns:minmax(0,1fr) 312px;min-height:690px}.explorer{background:radial-gradient(ellipse at 100% 0%,#f2cd7580,transparent 45%),radial-gradient(ellipse at 0 100%,#e9bd6242,transparent 42%),#f8efd9}.honey-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.honeycomb-accent{position:absolute;right:-28px;top:-57px;width:365px;height:245px;object-fit:contain;transform:rotate(14deg);opacity:.77;filter:drop-shadow(0 12px 17px #a968111a)}.honey-glow{position:absolute;right:4%;top:12%;width:280px;height:280px;border-radius:50%;background:#ffe1a04d;filter:blur(55px);animation:honey-light 9s ease-in-out infinite alternate}.pollen-speck{position:absolute;width:4px;height:4px;border-radius:50%;background:#bd8b2b;box-shadow:0 0 7px #deb85555;animation:ambient-pollen 9s ease-in-out infinite;opacity:0}.p1{left:37%;top:11%;animation-delay:-2s}.p2{left:72%;top:20%;animation-delay:-6s}.p3{left:15%;bottom:17%;animation-delay:-4s}.p4{left:48%;bottom:6%;animation-delay:-7s}.p5{right:4%;top:49%;animation-delay:-1s}.garden-bee{position:absolute;pointer-events:none;filter:drop-shadow(0 3px 3px #64410c28);will-change:transform}.bee-one{width:31px;height:31px;right:26%;top:89px;animation:garden-flight 12s ease-in-out infinite}.bee-two{width:23px;height:23px;left:43%;bottom:33px;opacity:.78;animation:garden-flight-small 10s ease-in-out infinite}.project-heading{top:28px;left:38px;z-index:2}.project-heading .eyebrow{color:#9c722a;font-size:12px;letter-spacing:1.8px}.project-heading .line{height:16px;width:15px;background:#d8a342;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.project-heading h1{font-size:clamp(37px,3.55vw,55px);line-height:1.02;color:#2b3c2a;margin-top:12px;letter-spacing:-1.7px}.project-heading p{color:#887750;font-size:14px}.map-viewport{inset:201px 24px 88px;overflow:hidden;border-radius:20px;border:1px solid #cba86c40;background:radial-gradient(ellipse at 50% 20%,#fffef9a8,#fffaf252);box-shadow:inset 0 1px #fffaf6c9,0 14px 40px #99752108;touch-action:pan-y;cursor:default;z-index:1}.map-scene{transform:translate(-50%,-50%);will-change:auto}.plan-image{filter:sepia(.24) saturate(.85);mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}.room-outline.active{fill:#df9c2840;stroke:#b27b21;animation:space-glow 3.5s ease-in-out infinite}.marker{width:33px;height:35px;border:0;background:transparent;box-shadow:none;border-radius:0;color:#fff7de;font-size:11px;filter:drop-shadow(0 3px 4px #61441938);--cell-color:#2c4633;transition:filter .3s}.marker>span:first-child{position:relative;z-index:2}.marker::before{inset:-3px;background:#fff6dd;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);border-radius:0;z-index:0}.marker::after{inset:0;background:var(--cell-color);border:0;border-radius:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);z-index:1;transition:background .25s}.marker.active,.marker:hover,.marker:focus-visible{background:transparent;box-shadow:none;--cell-color:#c4912a;filter:drop-shadow(0 0 6px #d3a14377);color:#fffbee}.marker.active::after{inset:0;border:0}.marker-name{border:1px solid #d7b66e77;background:#fff9e9;color:#37422c;z-index:5;box-shadow:0 7px 25px #72522025}.map-leaders line{stroke:#8b7745}.map-leaders line.active{stroke:#b67b21}.map-footer{left:37px;right:37px;bottom:22px;z-index:2;gap:22px}.overview-meta{max-width:165px;gap:12px}.meta-number{font:42px/1 var(--serif);color:#ae7e25}.overview-meta>span:last-child{font-size:11px;max-width:100px;letter-spacing:1.2px;color:#786841}.explore-hint{display:flex;align-items:center;gap:12px;font-size:14px;color:#766541}.hint-hex{height:34px;width:32px;display:grid;place-items:center;background:#e1bc6470;color:#8b671f;font-size:19px;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.map-entry{bottom:108px;background:#fff8e8f0;border:1px solid #d6b46555;box-shadow:0 8px 50px #72571c20}.entering-room .project-heading{opacity:1;transform:none}.entering-room .marker:not(.active){opacity:1}.entering-room .map-leaders{opacity:1}.entering-room .room-outline.active{fill:#eab84b60;stroke:#c28c28;animation:none}.entering-room .map-entry i{animation-duration:.5s}
.spaces-panel{padding:28px 22px;background:radial-gradient(ellipse at 120% 5%,#66815633,transparent 45%),#2d4231;color:#f7efd6;border-left:1px solid #f1d58d30;scrollbar-color:#7f8b6480 transparent}.panel-heading{margin-bottom:23px}.panel-heading .eyebrow{font-size:11px;color:#d0b980;letter-spacing:1.6px}.panel-heading h2{font-size:25px;color:#fff1cf;margin-top:9px}.count{border:none;border-radius:0;width:31px;height:34px;background:#ebce8430;color:#efd091;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.featured{height:155px;border:1px solid #edce865e;border-radius:9px;margin-bottom:20px;box-shadow:0 8px 22px #101b1b25}.featured img{filter:saturate(.9)}.featured-label small{color:#ffdc8a;font-size:11px;letter-spacing:1px}.featured-label strong{font-size:27px}.featured-shade{background:linear-gradient(transparent 5%,#172517e8)}.round-arrow{border-color:#edce86aa;background:#deb75015;color:#ffe3a0}.room-link{gap:12px;padding:9px 8px;min-height:46px;margin:3px 0;border-radius:7px;border:1px solid transparent;transition:background .25s,border-color .25s,transform .25s}.room-link .index{display:grid;place-items:center;min-width:27px;height:29px;background:#f0d08910;color:#bfc5a5;font-size:11px;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.room-link .name{font-size:14px;color:#e9e9d8}.room-link .arrow{color:#eac773}.room-link:hover{background:#f9e4a80b;border-color:#e3c97e2b;transform:translateX(2px)}.room-link.active{background:#ecc86f;border-color:#ffdf8c;box-shadow:0 4px 16px #18271925}.room-link.active .name{color:#253d2a}.room-link.active .index{background:#263c2821;color:#42572d}.room-link.active .arrow{color:#6b5424}.room-link.visited:not(.active) .index{color:#f2cd7f;background:#d8b66e18}.panel-foot{border-color:#c2c39126;padding-top:19px;margin-top:21px}.status-label{font-size:11px;letter-spacing:1.2px;color:#d8bb79}.panel-foot p{font-size:14px;line-height:1.6;color:#e4e6cd}.panel-foot small{color:#b6bea2;font-size:12px}.room-dialog{--ink:#293b2a;--muted:#717b73}.bee-cursor .cursor-dot{background:#b6801b}
@keyframes garden-flight{0%,100%{transform:translate(0,0) rotate(36deg)}25%{transform:translate(16px,-9px) rotate(61deg)}50%{transform:translate(23px,2px) rotate(142deg)}75%{transform:translate(-4px,8px) rotate(232deg)}}@keyframes garden-flight-small{0%,100%{transform:translate(0,0) rotate(110deg)}33%{transform:translate(27px,-5px) rotate(65deg)}66%{transform:translate(10px,5px) rotate(-43deg)}}@keyframes ambient-pollen{0%,100%{opacity:0;transform:translate(0,0)}35%{opacity:.45}65%{opacity:.3;transform:translate(10px,-26px)}}@keyframes honey-light{from{opacity:.35}to{opacity:.8}}@keyframes space-glow{0%,100%{fill:#df9c282b}50%{fill:#df9c284a}}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.spaces-panel{padding:32px 27px}.featured{height:180px}.room-link{min-height:48px}.project-heading{left:46px;top:31px}.map-viewport{top:212px;left:31px;right:31px}.map-footer{left:46px;right:46px}.honeycomb-accent{width:405px;height:270px;right:-10px;top:-69px}.bee-one{right:29%}}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 280px}.spaces-panel{padding:26px 17px}.project-heading{left:29px}.project-heading h1{font-size:43px}.honeycomb-accent{right:-85px;top:-31px;width:290px;height:195px;opacity:.56}.bee-one{right:21%;width:25px;height:25px;top:91px}.map-viewport{left:18px;right:18px;top:193px}.map-footer{left:28px;right:28px}.explore-hint{font-size:12px;gap:8px}.hint-hex{width:27px;height:30px}.panel-heading h2{font-size:23px}.room-link{gap:9px}.bee-two{left:40%}}
@media(max-width:800px){.topbar{height:72px;padding:0 23px}.brand{font-size:19px}.brand-symbol{width:33px;height:36px;font-size:25px}.workspace{display:block;height:auto;min-height:0}.explorer{height:590px;min-height:590px;max-height:none}.project-heading{top:29px;left:26px}.project-heading h1{font-size:43px;letter-spacing:-1.4px}.project-heading .eyebrow{font-size:11px;letter-spacing:1.1px}.project-heading p{font-size:14px;max-width:220px;line-height:1.55}.honeycomb-accent{right:-76px;top:-8px;width:240px;height:160px;opacity:.48;transform:rotate(35deg)}.honey-glow{width:170px;height:170px}.bee-one{width:24px;height:24px;right:17%;top:160px}.bee-two{left:40%;bottom:28px;width:20px;height:20px}.map-viewport{inset:219px 12px 89px;border-radius:14px}.map-footer{left:24px;right:24px;bottom:22px;align-items:center;gap:12px}.meta-number{font-size:35px}.overview-meta{gap:8px;max-width:145px}.overview-meta>span:last-child{max-width:85px;font-size:10px;letter-spacing:.8px}.explore-hint{font-size:12px;max-width:155px;line-height:1.6;gap:8px}.hint-hex{width:25px;min-width:25px;height:28px;font-size:17px}.map-entry{bottom:105px;padding:17px 24px;max-width:calc(100% - 40px)}.map-entry strong{font-size:25px}.map-entry span{font-size:10px}.marker{width:31px;height:33px;font-size:11px}.spaces-panel{padding:29px 24px;border:0}.panel-heading h2{font-size:28px}.panel-heading .eyebrow{font-size:12px}.featured{height:185px;max-width:none;margin-bottom:23px}.room-link{padding:9px 7px;min-height:53px;margin:2px 0;gap:9px}.room-link .index{min-width:24px;height:27px;font-size:10px}.room-link .name{font-size:14px}.room-link .arrow{font-size:16px}#room-list{gap:3px 9px}.panel-foot{padding-top:23px;margin-top:24px}.panel-foot p{font-size:15px}.count{width:33px;height:36px}.p1{top:31%}.p2{top:37%}}
@media(max-width:420px){.topbar{padding:0 23px}.honeycomb-accent{right:-92px;top:-8px;width:228px}.project-heading h1{font-size:42px}.explorer{height:570px;min-height:570px}.map-viewport{top:219px;bottom:89px;left:9px;right:9px}.overview-meta>span:last-child{max-width:75px}.explore-hint{max-width:141px;gap:7px;font-size:12px}.hint-hex{width:23px;min-width:23px;height:26px}.map-footer{left:22px;right:22px}.bee-two{display:none}.room-link .name{font-size:13px}.room-link{gap:6px;padding:8px 5px}.room-link .arrow{font-size:15px}#room-list{gap:3px 6px}}
html[lang=ar] .map-viewport{top:221px}html[lang=ar] .project-heading h1{font-size:41px;line-height:1.3}html[lang=ar] .explore-hint{direction:rtl}html[lang=ar] .project-heading .eyebrow{letter-spacing:0}html[lang=ar] .room-link .name{line-height:1.7}
@media(max-width:800px){html[lang=ar] .map-viewport{top:238px}html[lang=ar] .project-heading h1{font-size:37px}html[lang=ar] .panel-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.garden-bee,.honey-glow,.pollen-speck,.room-outline.active{animation:none}.pollen-speck{opacity:.15}.garden-bee{will-change:auto}}