.project-index-open{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--ink);padding:12px 0}.project-index-open>span{font-size:15px;transition:transform .35s}.project-index-open:hover>span{transform:translate(3px,-3px)}
#project-dialog,#project-index-dialog{width:100%;max-width:none;height:100svh;max-height:100svh;margin:0;background:var(--paper);overflow-y:auto;overscroll-behavior:contain}#project-dialog[open],#project-index-dialog[open]{animation:projectUnfold .75s cubic-bezier(.16,.7,.25,1)}#project-dialog .dialog-bar,#project-index-dialog .dialog-bar{height:90px;padding:0 var(--pad);font-size:10px;background:var(--paper);border:0}#project-dialog .dialog-close,#project-index-dialog .dialog-close{font-size:10px;gap:25px}#project-dialog .dialog-close>span,#project-index-dialog .dialog-close>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;font-size:26px;font-weight:300;transition:background .3s,color .3s}#project-dialog .dialog-close:hover>span,#project-index-dialog .dialog-close:hover>span{background:var(--ink);color:white}#project-dialog .dialog-content{padding:65px var(--pad) 90px;max-width:1700px;margin:auto}#project-dialog .dialog-content h2{font-size:clamp(55px,7.3vw,116px);font-weight:400;letter-spacing:-.065em;line-height:1.06;max-width:1250px;margin-bottom:35px}#project-dialog .dialog-intro{font-size:18px;line-height:1.7;max-width:790px;color:#78816e}#project-dialog .dialog-image{margin-top:65px;max-height:80svh;background:#e2e6dc;object-fit:contain;width:100%}#project-dialog .dialog-caption{font-size:10px;max-width:850px;margin-top:15px}#project-dialog .dialog-columns{margin-top:70px;gap:60px 75px;grid-template-columns:1fr 1fr}#project-dialog .dialog-columns h3{font-size:28px;font-weight:400;margin-bottom:20px}#project-dialog .dialog-columns p{font-size:14px;line-height:1.9;max-width:550px}#project-dialog .dialog-evidence{margin-top:60px;padding-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:60px}#project-dialog .dialog-evidence p{font-size:12px;line-height:1.9}#project-dialog .dialog-evidence .mono{font-size:10px}#project-dialog .dialog-footer{margin-top:55px}#project-dialog .dialog-contact{border-radius:40px;padding:20px 28px;font-size:12px;gap:60px}
.index-content{padding:30px var(--pad) 75px;max-width:1600px;margin:auto}.index-content h2{font-size:clamp(45px,6vw,95px);font-weight:400;letter-spacing:-.06em;line-height:1.1;margin:15px 0 55px}.index-content h2>span{font-size:11px;letter-spacing:0;display:inline-block;vertical-align:top;margin:12px 0 0 20px;color:var(--muted)}.index-list{border-top:1px solid var(--line)}.index-row{border-bottom:1px solid var(--line);width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 180px 30px;gap:30px;align-items:center;min-height:145px;text-align:left;padding:20px 10px}.index-row>img{display:none}.index-number{font-size:10px;color:var(--muted)}.index-name{font-size:clamp(31px,4.5vw,70px);font-weight:400;letter-spacing:-.055em;line-height:1.2;transition:transform .5s,color .5s}.index-type{font-size:11px;color:var(--muted)}.index-arrow{font-size:26px;font-weight:300}.index-row:hover .index-name{transform:translateX(22px);color:#88917e}.index-preview{position:fixed;left:0;top:0;width:360px;height:300px;z-index:100;pointer-events:none;opacity:0;visibility:hidden;will-change:transform}.index-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s}.index-preview>img.is-current{opacity:1}.index-preview>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:10px}.showcase-cursor{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;opacity:0;visibility:hidden;pointer-events:none;z-index:35;will-change:transform}.motion-active .showcase-visual .visual-open{display:none}
dialog.dialog-closing[open],#project-dialog.dialog-closing[open],#project-index-dialog.dialog-closing[open]{animation:projectFold .48s cubic-bezier(.65,0,.3,1) forwards;pointer-events:none}.mobile-nav.menu-closing:not([hidden]){animation:menuFold .48s cubic-bezier(.65,0,.3,1) forwards;pointer-events:none}.menu-shade.menu-closing:not([hidden]){animation:shadeFold .48s forwards;pointer-events:none}
@keyframes projectUnfold{from{clip-path:inset(100% 0% 0% 0%);transform:translateY(70px)}to{clip-path:inset(0% 0% 0% 0%);transform:translateY(0)}}@keyframes projectFold{from{clip-path:inset(0% 0% 0% 0%);transform:translateY(0)}to{clip-path:inset(0% 0% 100% 0%);transform:translateY(-35px)}}@keyframes menuFold{from{transform:translateX(0);border-radius:0}to{transform:translateX(110%);border-radius:50% 0 0 50%}}@keyframes shadeFold{to{opacity:0}}
.motion-off .index-preview,.motion-off .showcase-cursor{display:none}.motion-off .showcase-visual .visual-open{display:grid}.motion-off .showcase-visual>picture>img{transform:none!important;opacity:1!important}
@media(max-width:1100px){.index-row{grid-template-columns:25px minmax(0,1fr) 135px 25px;gap:22px;min-height:135px}.index-type{font-size:10px}.index-name{font-size:4.8vw}#project-dialog .dialog-content h2{font-size:8vw}#project-dialog .dialog-intro{font-size:16px}#project-dialog .dialog-columns p{font-size:13px}.index-preview{width:310px;height:260px}}
@media(max-width:760px){.project-index-open{font-size:7px;gap:5px}.project-index-open>span{font-size:12px}.showcase-hud{gap:12px}.showcase-hud>a{max-width:78px}.project-count-live{font-size:7px}.showcase-cursor,.index-preview{display:none!important}.motion-active .showcase-visual .visual-open{display:none}#project-dialog .dialog-bar,#project-index-dialog .dialog-bar{height:78px;padding:0 24px;font-size:7px}#project-dialog .dialog-close,#project-index-dialog .dialog-close{font-size:8px;gap:14px}#project-dialog .dialog-close>span,#project-index-dialog .dialog-close>span{width:42px;height:42px;font-size:23px}#project-dialog .dialog-content{padding:28px 24px 50px}#project-dialog .dialog-content h2{font-size:11vw;line-height:1.12;margin-bottom:25px}#project-dialog .dialog-intro{font-size:12px;line-height:1.8}#project-dialog .dialog-image{margin-top:35px;max-height:none}#project-dialog .dialog-caption{font-size:8px;line-height:1.8;margin-top:14px}#project-dialog .dialog-columns{grid-template-columns:1fr;gap:32px;margin-top:40px}#project-dialog .dialog-columns h3{font-size:23px;margin-bottom:13px}#project-dialog .dialog-columns p{font-size:12px;line-height:1.9}#project-dialog .dialog-evidence{grid-template-columns:1fr;gap:8px;margin-top:38px;padding-top:25px}#project-dialog .dialog-evidence .mono{font-size:9px}#project-dialog .dialog-evidence p{font-size:10px}#project-dialog .dialog-footer{margin-top:35px}#project-dialog .dialog-contact{font-size:10px;padding:17px 23px;gap:45px}.index-content{padding:20px 24px 40px}.index-content h2{font-size:11vw;margin:10px 0 32px}.index-content h2>span{font-size:8px;margin:6px 0 0 12px}.index-row{grid-template-columns:57px minmax(0,1fr) 19px;gap:15px;min-height:115px;padding:20px 0;position:relative}.index-row>img{display:block;width:57px;height:70px;object-fit:cover}.index-number{position:absolute;right:2px;top:10px;font-size:7px}.index-name{font-size:23px;line-height:1.15;overflow-wrap:anywhere}.index-type{display:none}.index-arrow{font-size:21px}.index-row:hover .index-name{transform:translateX(3px)}}
@media(hover:none){.showcase-cursor,.index-preview{display:none!important}}