:root{color-scheme:light;--paper:#faf9f6;--ink:#332d23;--muted:#777064;--honey:#b47b22}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}main{min-height:calc(100svh - 64px);display:grid;place-items:center;padding:24px 24px 26px;overflow:hidden}.composition{width:min(620px,100%);text-align:center}.scene{width:min(420px,100%);margin:0 auto;aspect-ratio:1.5;position:relative;isolation:isolate}.shell{position:absolute;width:52%;left:24%;top:3%;mix-blend-mode:multiply;transition:filter .35s;z-index:2}.shell>img{display:block;width:100%;user-select:none}.shell.ready{filter:drop-shadow(0 0 10px #dda83155)}.honey-flow{position:absolute;inset:0;pointer-events:none;clip-path:polygon(56% 45%,72% 47%,82% 60%,82% 82%,75% 92%,64% 86%,69% 65%);transform-origin:72% 55%;animation:ooze 5s ease-in-out infinite}.honey-flow img{width:100%;height:100%;display:block}.honey-flow::after{content:'';position:absolute;inset:0;background:linear-gradient(170deg,transparent 30%,#fff0bd55 47%,transparent 57%);background-size:100% 230%;animation:flow-light 6s linear infinite;mix-blend-mode:soft-light}.spill{position:absolute;left:55%;top:79%;width:67%;z-index:1;pointer-events:none;mix-blend-mode:multiply;transform-origin:center;will-change:transform}.spill img{display:block;width:100%}.spill.mess{left:61%;top:82%;width:70%;opacity:0;z-index:0}@keyframes ooze{0%,100%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.025) scaleY(1.03)}}@keyframes flow-light{from{background-position:0 100%}to{background-position:0 -100%}}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,7vw,62px);line-height:1;letter-spacing:-3px;margin:0 0 17px;position:relative;z-index:2}.period{color:var(--honey)}p{margin:0}.tagline{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(19px,3vw,23px);line-height:1.4;letter-spacing:.01em;position:relative;z-index:2}.instructions{min-height:28px;margin-top:22px}#hint{font-size:14px;line-height:1.6;letter-spacing:.015em;color:var(--muted)}#bees{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:hidden}.bee{position:absolute;top:0;left:0;width:56px;height:56px;border:0;padding:0;background:transparent;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;mix-blend-mode:multiply;will-change:transform;pointer-events:auto;border-radius:50%;-webkit-tap-highlight-color:transparent}.bee-art{display:block;position:relative;width:30px;height:30px;margin:13px}.bee img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.bee-body{clip-path:polygon(0 34%,50% 34%,48% 0,100% 0,100% 100%,47% 100%,50% 65%,0 65%)}.wing-top{clip-path:polygon(5% 0,44% 0,58% 39%,62% 45%,7% 35%);transform-origin:59% 43%}.wing-bottom{clip-path:polygon(6% 65%,58% 56%,60% 65%,40% 99%,4% 99%);transform-origin:59% 60%}.flying .wing{animation:wingbeat .075s ease-in-out infinite alternate;animation-delay:var(--wing-delay)}.flying .wing-bottom{animation-direction:alternate-reverse}.crawling .bee-art{animation:crawl-wiggle .22s ease-in-out infinite alternate}.bee.dragging{cursor:grabbing;z-index:9}.bee.dragging .wing{animation:wingbeat .055s ease-in-out infinite alternate}.bee:focus-visible{outline:1px dashed var(--honey);outline-offset:5px}.bee.returning{pointer-events:none}.bee[hidden]{display:none}@keyframes wingbeat{from{transform:scaleY(.5) rotate(-7deg);opacity:.65}to{transform:scaleY(1.1) rotate(8deg);opacity:.95}}@keyframes crawl-wiggle{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.cursor{position:fixed;left:0;top:0;width:36px;height:36px;border:1px dashed #a56621;border-radius:50%;opacity:0;pointer-events:none;z-index:7;transition:opacity .6s}.swarming .cursor{opacity:.6}.swarming #hint{color:#975222}.release{border:0;border-bottom:1px solid #c4bba9;color:var(--ink);padding:0 0 5px;margin-top:8px;background:none;font:14px Arial,sans-serif;cursor:pointer;position:relative;z-index:10}.release span{margin-left:8px;color:var(--honey)}.release:focus-visible{outline:2px solid var(--honey);outline-offset:5px}footer{min-height:64px;padding:20px 36px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);letter-spacing:.05em;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){main{padding:18px 22px 24px}.scene{width:min(320px,100%);aspect-ratio:1.25}.shell{width:62%;left:19%;top:5%}.spill{top:70%;left:56%;width:73%}.spill.mess{top:73%;left:57%;width:74%}h1{margin-top:0;letter-spacing:-2px}footer{padding:20px 22px}.instructions{margin-top:18px}}@media(prefers-reduced-motion:reduce){.shell,.bee,.bee img{transition:none}.wing,.bee-art,.honey-flow,.honey-flow::after{animation:none!important}.cursor{display:none}}

.projects{margin:38px auto 0;text-align:left;position:relative;z-index:9}.projects-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.projects h2{font:400 25px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.5px;margin:0}.projects-heading>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.company-intro{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 20px}.project-list{border-top:1px solid #d9d3c8}.project{display:flex;align-items:center;gap:18px;min-height:68px;padding:14px 10px 14px 0;border-bottom:1px solid #d9d3c8;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}.project-number{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.project-name{font:400 clamp(19px,4.5vw,25px)/1.4 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}.project-arrow{margin-left:auto;font-size:22px;color:var(--honey);transition:transform .2s}.project:hover{color:#9b641d;background:#b47b2208}.project:hover .project-arrow{transform:translate(3px,-3px)}.project:focus-visible{outline:2px solid var(--honey);outline-offset:4px}.instructions{margin-top:25px}#hint{font-size:12px}@media(max-width:520px){.projects{margin-top:30px}.projects h2{font-size:23px}.project{min-height:66px;gap:12px}.company-intro{font-size:14px}.projects-heading>span{font-size:12px}.tagline{font-size:20px}}