:root{color:#101010;background:#f7f7f5;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.86),transparent 26rem),linear-gradient(140deg,#f8f8f6,#f1f1ef 58%,#fbfbf9)}button,a{color:inherit;font:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid rgba(0,0,0,.34);outline-offset:-2px}.app-shell{position:relative;width:100%;height:100%;isolation:isolate}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.stage canvas{display:block;width:100%;height:100%}.top-nav{pointer-events:none;position:fixed;top:4px;left:4px;z-index:10;width:min(580px,calc(100vw - 8px))}.nav-list{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:2px;margin:0;padding:0;list-style:none}.nav-item{min-width:0}.pill{pointer-events:auto;display:flex;align-items:flex-end;width:100%;min-height:58px;padding:0 9px 9px;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:#10101057;background:#f7f7f5a3;text-decoration:none;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .18s ease,background .18s ease,border-color .18s ease}.pill:hover,.pill.is-active{color:#090909;border-color:#0003;background:#f7f7f5db}.brand{gap:2px}.brand small{position:relative;top:-2px;font-size:9px}.brand .brand-sub{display:inline;margin-left:4px}.bottom-switch{position:fixed;right:4px;bottom:4px;z-index:12;display:flex;min-width:142px;padding:2px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#f7f7f5bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-switch button{flex:1;min-height:36px;border-radius:4px;color:#10101052;text-transform:uppercase;transition:color .18s ease,background .18s ease}.bottom-switch button.is-active{color:#070707;background:#ffffff7a}.mode-label{pointer-events:none;position:fixed;left:14px;bottom:16px;z-index:8;display:grid;gap:5px;max-width:min(320px,calc(100vw - 180px));color:#0a0a0a57;opacity:1;transition:opacity .2s ease}.mode-label strong{color:#0a0a0aeb;font-weight:400;text-transform:uppercase}.mode-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.app-shell[data-view=index] .mode-label,.app-shell[data-mode=reference] .mode-label{opacity:0}.cursor-label{pointer-events:none;position:fixed;top:0;left:0;z-index:20;max-width:min(240px,calc(100vw - 32px));padding:12px;color:#fff;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;mix-blend-mode:exclusion;transition:opacity .16s ease}.cursor-label.is-visible{opacity:1}.index-panel{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:center;padding:132px 12px 72px;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.app-shell[data-view=index] .index-panel{opacity:1;visibility:visible}.index-table{width:min(720px,calc(100vw - 24px));border-collapse:collapse;text-align:left;text-transform:uppercase}.index-table th{height:34px;color:#111;font-weight:400}.index-table td{height:24px;color:#0a0a0a52;font-weight:400;transition:color .16s ease}.index-table th:nth-child(1),.index-table td:nth-child(1){width:88px}.index-table th:nth-child(2),.index-table td:nth-child(2){width:220px}.index-table tr{cursor:pointer}.index-table tbody tr:hover td,.index-table tbody tr.is-active td{color:#0a0a0a}.contact-sheet{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.app-shell[data-contact=true] .contact-sheet{pointer-events:auto;opacity:1;visibility:visible}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:min(760px,calc(100vw - 28px));margin:0;padding:0;list-style:none}.contact-links a{display:block;padding:14px 16px 13px;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#0a0a0a57;background:#f7f7f5c2;text-decoration:none;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shade{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#f7f7f5c2;opacity:0;transition:opacity .22s ease}.app-shell[data-view=index] .shade,.app-shell[data-contact=true] .shade{opacity:1}.project-page{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;overflow-x:hidden;overflow-y:auto;color:#0c0c0c;background:#fafafa;opacity:0;visibility:hidden;overscroll-behavior:contain;transition:opacity .22s ease,visibility .22s ease}.app-shell[data-project=true] .project-page{pointer-events:auto;opacity:1;visibility:visible}.app-shell[data-project=true] .stage{pointer-events:none}.app-shell[data-project=true] .bottom-switch,.app-shell[data-project=true] .mode-label,.app-shell[data-project=true] .cursor-label{opacity:0;visibility:hidden}.project-close{position:fixed;right:4px;bottom:4px;z-index:13;min-width:92px;min-height:40px;padding:0 13px;border:1px solid rgba(0,0,0,.12);border-radius:6px;color:#0c0c0c9e;background:#f7f7f5c7;text-align:left;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .18s ease,background .18s ease}.project-close:hover{color:#070707;background:#ffffffe0}.project-intro{min-height:58vh;display:grid;grid-template-columns:minmax(120px,.52fr) minmax(280px,.48fr);align-items:center;gap:clamp(32px,12vw,220px);padding:124px 12px 72px}.project-intro h1,.project-intro p{margin:0;font-size:12px;font-weight:400;line-height:1.24}.project-intro h1{align-self:center;max-width:210px;text-transform:uppercase}.project-intro p{max-width:390px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%}.project-gallery figure{margin:0;background:#e8e8e3}.project-gallery img{display:block;width:100%;height:auto}.project-footer{min-height:46vh;display:grid;grid-template-columns:minmax(160px,1fr) minmax(190px,.4fr);align-items:center;gap:28px;padding:82px 12px 96px;text-transform:uppercase}.project-credits{display:grid;grid-template-columns:repeat(2,minmax(120px,180px));gap:18px;margin:0}.project-credits div{display:grid;gap:7px}.project-credits dt,.project-next small{color:#0a0a0a52;font-weight:400}.project-credits dd{margin:0}.project-next{justify-self:end;display:grid;gap:7px;max-width:260px;padding:0;text-align:right;text-transform:uppercase}.project-next span{color:#0a0a0a}@media(max-width:720px){.top-nav{width:calc(100vw - 8px)}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pill{min-height:58px;padding-inline:8px}.brand .brand-sub{display:none}.index-panel{align-items:flex-start;overflow:auto;padding-top:116px}.index-table{min-width:620px}.mode-label{max-width:calc(100vw - 164px)}.project-intro{min-height:48vh;grid-template-columns:1fr;align-content:center;gap:26px;padding:106px 10px 52px}.project-intro h1,.project-intro p{max-width:min(390px,100%)}.project-gallery{grid-template-columns:1fr}.project-footer{grid-template-columns:1fr;padding:64px 10px 88px}.project-credits{grid-template-columns:1fr}.project-next{justify-self:start;text-align:left}}