:root{--side:210px}#side{overflow-y:auto;padding:20px 16px;gap:24px;border-right:1px solid #aaa}#slot,.docked #slot{width:66px;height:91px;border:1px solid #767079;border-radius:8px;padding:8px;box-sizing:content-box;background:#e7e6e9}#slot svg{opacity:1}#slot .cls-1{animation:none}#links a{white-space:normal;font-size:13px;padding:10px 8px}#architecture-menu{display:none;margin:12px 0 4px 12px;border-left:1px solid #969099;padding-left:10px}body[data-v=arch] #architecture-menu{display:grid;gap:4px}#architecture-menu a{border:0;background:transparent;font-size:11px;line-height:1.5;padding:7px 4px}#architecture-menu a:before{display:none}#architecture-menu a:hover,#architecture-menu a.on{color:#a62a50;background:#eee}.view{overflow-y:auto;padding:36px 3vw 90px;transition:none}.view:not(:is(body[data-v=home] #vHome,body[data-v=arch] #vArch,body[data-v=about] #vAbout)){visibility:hidden}[data-v=about] #vAbout{opacity:1;pointer-events:auto;visibility:visible}#vHome .cards{min-height:calc(100vh - 130px)}.cover-link{display:flex;flex-direction:column;flex:1;min-height:0;text-decoration:none}.card{position:relative}.video-toggle{position:absolute;top:12px;right:12px;border:1px solid #fff;background:#242126db;color:white;padding:8px 12px;border-radius:20px;font:inherit;font-size:11px;cursor:pointer}.cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:start;gap:20px;margin-top:28px;flex:none}.col{min-width:0;padding:22px 18px;scroll-margin-top:20px;transition:transform .25s,box-shadow .25s}.col:hover,.col:focus-within{transform:translateY(-4px);box-shadow:0 12px 32px #231f2014;z-index:1}.col:first-child{border-color:var(--pink)}.col h2{font-size:clamp(19px,1.7vw,27px);margin:14px 0}.col p{font-size:14px}.list{max-height:48vh;overflow:auto;padding-right:4px}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a53555}.project-tile{display:block;color:inherit;text-decoration:none;margin-bottom:20px}.project-tile img{width:100%;height:140px;object-fit:cover;border-radius:4px;background:#ddd}.project-tile h3{font-size:16px;margin:10px 0}.tile-links{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.tile-links a:first-child{font-weight:bold;color:#a02e4e}.story-row{display:grid;gap:8px;padding:18px 0;text-decoration:none;border-bottom:1px solid #c9c4c9}.story-row span{font-size:12px;line-height:1.6;color:#625c63}.collection-note{padding:30px 0;color:#69626b}.arch-intro{max-width:630px;font-size:15px;line-height:1.7}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:40px}.about-grid article{padding:32px;background:#fff9;border:1px solid #b8b1bb;border-radius:8px}.about-grid p{line-height:1.8}.action{display:inline-block;padding:14px 20px;background:#231f20;color:white;border-radius:4px;text-decoration:none}.text-link{display:block;margin-top:20px}#legal{background:#e7e5e9eF;border-radius:4px;padding:7px;max-width:440px}#name{top:80%}a:focus-visible,button:focus-visible{outline:3px solid #d84c74;outline-offset:3px}@media(hover:hover){.cols:has(.col:nth-child(2):hover){grid-template-columns:1.1fr 1.2fr 1fr}.cols:has(.col:nth-child(3):hover){grid-template-columns:1.1fr 1fr 1.2fr}}@media(max-width:900px){:root{--side:180px}.cols{grid-template-columns:1fr!important}.list{max-height:none}.about-grid{grid-template-columns:1fr}}@media(max-width:700px){:root{--side:0px}#side{top:0;left:0;right:0;bottom:auto;height:92px;padding:10px 18px;background:#cfcfd4;border-bottom:1px solid #999;overflow:visible;display:block}#side .home{display:inline-block}#slot,.docked #slot{width:40px;height:55px;padding:6px}#mb{top:24px}.mo #links{top:92px;left:0;width:min(300px,90vw);max-height:calc(100dvh - 110px);overflow:auto;box-shadow:0 12px 20px #0002}#architecture-menu{margin-left:10px}.view{padding:115px 20px 90px}.cards{min-height:0!important}.cols{margin-top:20px}.card .ph{height:45vw}.about-grid article{padding:24px}#legal{font-size:9px;max-width:none;left:10px;right:10px;bottom:4px}#stage{top:92px}#name{top:78%}#hint{bottom:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.col{transition:none}.col:hover{transform:none}}
.project-badge{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #999;border-radius:50%;font-size:12px}.col .action{font-size:12px;margin-bottom:18px}