*{box-sizing:border-box}html,body,#root{color:#fff;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}body{position:fixed;inset:0}canvas{touch-action:none;display:block}.app-shell{background:#000;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.app-shell canvas{z-index:1;inset:0;position:absolute!important}.gesture-layer{z-index:12;touch-action:none;cursor:grab;background:0 0;position:fixed;inset:0}.gesture-layer:active{cursor:grabbing}.face-overlay{z-index:14;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;position:absolute;top:50%;right:7vw;transform:translateY(-50%)}.face-title{letter-spacing:-.045em;color:#fffffff5;white-space:nowrap;margin-bottom:18px;font-size:clamp(2.8rem,5.2vw,6.5rem);font-weight:300;line-height:.92}.face-description{opacity:.58;max-width:360px;margin-bottom:28px;font-size:15px;line-height:1.7}.face-hint{letter-spacing:.04em;opacity:.42;font-size:13px}.transition-veil{z-index:18;opacity:0;pointer-events:none;background:#000;transition:opacity 1.4s ease-in;position:fixed;inset:0}.transition-veil.active{opacity:1}.content-layer{z-index:20;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 45% 35%,#ffffff0f,#0000 34%),#000;transition:opacity .9s,visibility .9s;position:fixed;inset:0;overflow:hidden auto}.content-layer.visible{opacity:1;visibility:visible;pointer-events:auto}.content-inner{opacity:0;width:100%;max-width:980px;margin:0 auto;padding:130px 42px 160px;transition:opacity 1.2s,transform 1.2s;transform:translateY(30px)}.content-layer.visible .content-inner{opacity:1;transform:translateY(0)}.section-kicker{letter-spacing:.28em;opacity:.42;margin:0 0 24px;font-size:12px}.content-inner h1{letter-spacing:.08em;margin:0 0 56px;font-size:clamp(52px,8vw,118px);font-weight:300;line-height:.95}.content-inner p{opacity:.78;max-width:720px;margin:0 0 26px;font-size:clamp(17px,2vw,21px);line-height:1.8}.content-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:80px;display:grid}.content-grid article{background:#ffffff06;border:1px solid #ffffff29;min-height:200px;padding:28px;transition:background .3s,border-color .3s,transform .3s}.content-grid article:hover{background:#ffffff0f;border-color:#ffffff52;transform:translateY(-4px)}.content-grid h2{letter-spacing:.12em;margin:0 0 18px;font-size:18px;font-weight:400}.content-grid p{opacity:.62;font-size:15px;line-height:1.7}.work-item{border-top:1px solid #ffffff14;margin-top:42px;padding-top:24px}.work-item h3{letter-spacing:.02em;margin:0 0 14px;font-size:1.1rem;font-weight:400}.work-meta{opacity:.42;letter-spacing:.04em;margin-bottom:14px;font-size:.88rem}.work-item p{max-width:760px;margin-bottom:12px}a{transition:color .22s;color:#ffffff94!important;text-decoration:none!important}a:hover{color:#ffffffeb!important}.work-link,.work-link:visited,.work-link:active{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.14em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;min-width:138px;margin-top:18px;margin-bottom:22px;padding:11px 18px;font-size:11px;font-weight:500;transition:background .22s,border-color .22s,color .22s,opacity .22s,transform .22s;display:inline-flex;box-shadow:inset 0 0 22px #fff3;color:#ffffffd1!important;text-decoration:none!important}.work-link:hover{background:#ffffff14;border-color:#ffffff57;transform:translateY(-1px);color:#fff!important}.close-button{z-index:40;color:#fff;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ffffff3d;padding:11px 17px;font-size:13px;transition:background .25s,border-color .25s,opacity .25s;position:fixed;top:34px;right:34px}.close-button:hover{background:#ffffff14;border-color:#ffffff6b}.semantic-link{z-index:50;opacity:.18;color:#fff;font-family:monospace;font-size:11px;text-decoration:none;transition:opacity .3s;position:fixed;bottom:18px;left:22px}.semantic-link:hover{opacity:.5}@media (width<=767px){.face-overlay{text-align:center;width:88vw;inset:auto auto 8vh 50%;transform:translate(-50%)}.face-title{margin-bottom:12px;font-size:clamp(2.4rem,11vw,4.8rem)}.face-description{max-width:86vw;margin:0 auto 18px;font-size:13px;line-height:1.6}.face-hint{font-size:12px}.content-inner{padding:96px 26px 120px}.content-grid{grid-template-columns:1fr}.content-grid article{min-height:auto}.close-button{top:22px;right:22px}.work-link,.work-link:visited,.work-link:active{width:100%;min-width:unset}}