:root{--frame:#e7e2de;--panel:#fdf8f5;--ink:#1b0f0a;--muted:#8a7f79;--line:#1b0f0a24;--accent:#ff5a14;--dark:#0b0705;--gap:8px;--r:6px;--pad:32px;--f-body:"Inter Tight", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace}:root[data-theme=dark]{--frame:#110e0d;--panel:#1c1816;--ink:#f4ede8;--muted:#8f8580;--line:#f4ede824}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--frame);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45;transition:background-color .6s;overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.mono{font-family:var(--f-mono);letter-spacing:.02em;text-transform:uppercase;font-size:12px;line-height:1.3}.scr{color:var(--accent)}.cursor{display:none}@media (hover:hover) and (pointer:fine){html,html *{cursor:none!important}.cursor{z-index:2000;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0}.cursor-sq{background:var(--accent);width:14px;height:14px;margin:-7px 0 0 -7px;transition:scale .25s cubic-bezier(.2,.8,.2,1)}.cursor.is-link .cursor-sq{scale:.6}.cursor-lbl{color:#fff;mix-blend-mode:difference;white-space:nowrap;margin-top:-7px}}.app{gap:var(--gap);padding:var(--gap);grid-template-columns:minmax(0,.72fr) minmax(0,1fr);display:grid;position:fixed;inset:0}.panel{background:var(--panel);border-radius:var(--r);transition:background-color .6s;position:relative;overflow:hidden}.panel-left{transition:background-color .9s cubic-bezier(.65,0,.35,1);display:grid}.panel-left.is-proj{background:var(--proj)}:root[data-theme=dark] .panel-left.is-proj{background:color-mix(in srgb, var(--proj) 14%, #161210)}.home-l,.proj-l{min-height:0;padding:var(--pad);flex-direction:column;grid-area:1/1;display:flex}.proj-l{visibility:hidden}.l-top,.l-bot{justify-content:space-between;align-items:center;gap:16px;display:flex}.l-body{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:40px 0;display:flex}.l-name{letter-spacing:-.05em;margin-bottom:22px;font-size:clamp(46px,5.6vw,96px);font-weight:600;line-height:.9}.split .w{vertical-align:top;margin:-.06em -.02em -.12em;padding:.06em .02em .12em;display:inline-block;overflow:hidden}.split .c{will-change:transform;display:inline-block}.l-role{color:var(--muted);min-height:1.3em;margin-bottom:18px}.l-bio{max-width:34em;margin-bottom:34px;font-size:15px}.rows{width:100%}.row{grid-template-columns:38% 1fr;gap:16px;padding:15px 0 16px;display:grid;position:relative}.row .ln{background:var(--line);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.row dt{color:var(--muted);min-height:1.3em;padding-top:3px}.row dd{min-height:1.45em}.row dd a{border-bottom:1px solid var(--line)}.invert,.back,.pj-next{text-transform:uppercase}.avail{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.avail i{background:#2fbf71;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #2fbf7199}@keyframes pulse{70%{box-shadow:0 0 0 7px #2fbf7100}to{box-shadow:0 0 #2fbf7100}}.proj-l .l-body{justify-content:flex-start;padding-top:72px}.pj-title{letter-spacing:-.05em;margin-bottom:52px;font-size:clamp(44px,5.2vw,88px);font-weight:600;line-height:.92}.pj-rows .row{grid-template-columns:44% 1fr}.pj-rows .row:first-child .ln{display:none}.pj-progress{background:var(--line);flex:1;max-width:160px;height:1px;position:relative}.pj-progress i{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.pj-next{text-align:right}.nav{z-index:300;padding:var(--pad);color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;transition:color .45s;display:flex;position:absolute;top:0;left:0;right:0}.panel-right.on-img .nav{color:#fff}.nav a{pointer-events:auto}.nav-links{gap:24px;display:flex}.nav-links a{opacity:.55;transition:opacity .3s}.nav-links a.is-on,.nav-links a:hover{opacity:1}.ws{touch-action:none;-webkit-user-select:none;user-select:none;--tw:160px;--th:178px;--row:32px;position:absolute;inset:0;overflow:hidden}.ws-stage{position:absolute;inset:0}.ws-thumb{width:var(--tw);height:var(--th);margin:calc(var(--th) / -2) 0 0 calc(var(--tw) / -2);will-change:transform;visibility:hidden;background:var(--frame);position:absolute;top:50%;left:50%;overflow:hidden}.ws-thumb img,.ws-hero img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%}.ws-hero{z-index:200;visibility:hidden;position:absolute;inset:0;overflow:hidden}.ws-hero img{transform-origin:50%;will-change:transform;position:absolute;inset:0}.ws-ov{background:var(--dark);opacity:0;position:absolute;inset:0}.ws-info{z-index:210;pointer-events:none;color:#fff;visibility:hidden;position:absolute;inset:0}.ws-slot{color:#ffffffb3;height:1.3em;margin-top:-.65em;position:absolute;top:50%;overflow:hidden}.ws-slot span{display:block}.ws-idx{left:var(--pad)}.ws-yr{right:var(--pad);text-align:right}.ws-col{width:0;height:0;position:absolute;top:50%}.ws-cats{left:calc(50% - 46px)}.ws-names{left:calc(50% + 46px)}.ws-item{white-space:nowrap;letter-spacing:-.01em;will-change:transform, opacity;font-size:clamp(15px,1.45vw,21px);font-weight:600;line-height:1.3333;position:absolute;top:-.6667em}.ws-cats .ws-item{transform-origin:100%;right:0}.ws-names .ws-item{transform-origin:0;left:0}.ws-ticks{width:32px;margin-left:-16px;position:absolute;top:50%;left:50%}.ws-tick{background:#fff;width:32px;height:1.5px;margin-top:-.75px;position:absolute;left:0}.ws-hint{left:0;right:0;bottom:var(--pad);z-index:5;text-align:center;color:var(--muted);pointer-events:none;opacity:0;position:absolute}.detail{z-index:30;overscroll-behavior:contain;visibility:hidden;background:var(--panel);scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.detail::-webkit-scrollbar{display:none}.detail:focus{outline:none}.d-hero{height:100%;position:relative;overflow:hidden}.d-hero img{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.d-ov{background:var(--dark);opacity:0;pointer-events:none;position:absolute;inset:0}.d-fig{margin-top:var(--gap);background:var(--frame);overflow:hidden}.d-fig img{will-change:transform;width:100%;height:auto}.d-pair{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.d-pair .d-fig{margin-top:var(--gap)}.d-intro{padding:clamp(64px, 11vh, 120px) var(--pad)}.d-kicker{color:var(--muted);margin-bottom:22px}.d-lead{letter-spacing:-.03em;max-width:19em;font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.12}.d-text{padding:clamp(56px, 10vh, 110px) var(--pad);grid-template-columns:1fr 1fr;gap:40px;display:grid}.d-text h3{color:var(--muted);margin-bottom:14px;font-weight:400}.d-text p{max-width:30em}.d-next{min-height:92%;padding:80px var(--pad);margin-top:var(--gap);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:relative}.d-next .mono{color:var(--muted)}.d-next-name{letter-spacing:-.045em;font-size:clamp(34px,4vw,64px);font-weight:600;line-height:.95}.d-next-img{width:var(--tw,180px);height:calc(var(--tw,180px) * 1.11);transition:scale .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}.d-next-img img{object-fit:cover;width:100%;height:100%}.d-next:hover .d-next-img{scale:1.06}.reveal-line{display:block;overflow:hidden}.reveal-line>span{display:block}.flip{z-index:40;position:absolute;overflow:hidden}.flip img{object-fit:cover;width:100%;height:100%}.close-btn{right:var(--gap);bottom:var(--gap);z-index:310;background:var(--panel);width:40px;height:40px;color:var(--ink);border-radius:4px;place-items:center;display:grid;position:absolute;transform:scale(0)}.loader{z-index:1000;color:var(--accent);background:#4b1a06;place-items:center;display:grid;position:fixed;inset:0}.loader-in{flex-direction:column;align-items:center;gap:8px;display:flex}.loader-yr{color:#fff6}.loader-nm{letter-spacing:-.03em;text-transform:uppercase;font-size:22px;font-weight:700}.loader-count{color:#ffffff73;position:absolute;bottom:22px;right:24px}.tear{z-index:999;pointer-events:none;position:fixed;inset:0}.tear-half{background:var(--accent);height:50.5%;position:absolute;left:0;right:0}.tear-top{top:0}.tear-bot{bottom:0}.tear svg{width:100%;height:44px;fill:var(--accent);position:absolute;left:0;overflow:visible}.tear-top svg{margin-top:-1px;top:100%}.tear-bot svg{margin-bottom:-1px;bottom:100%}@media (width<=1100px){:root{--pad:24px}.l-bio{font-size:14px}.row{padding:12px 0 13px}}@media (width<=900px){:root{--pad:18px}body{overflow:auto}.app{grid-template-columns:1fr;min-height:100svh;position:relative;inset:auto}.panel-right{height:calc(100svh - 16px)}.ws{touch-action:pan-y}.l-body{padding:36px 0}.proj-l .l-body{padding-top:36px}.pj-title{margin-bottom:32px}.nav-mail{display:none}.nav-links{gap:18px}.d-text{grid-template-columns:1fr;gap:28px}.ws-yr,.ws-idx{display:none}.ws-cats{left:calc(50% - 26px)}.ws-names{left:calc(50% + 26px)}.ws-ticks{width:20px;margin-left:-10px}.ws-tick{width:20px}.ws-item{font-size:14px}}@media (prefers-reduced-motion:reduce){.avail i{animation:none}}
