:root{--bg:#080808;--page:#0e0e0e;--accent:#a78bfa;--ink:#f1efe9;--ink2:#f1efe9b8;--ink3:#f1efe980;--ink4:#f1efe952;--rule:#f1efe91a;--slot:292px;--row:44px;--gut:44px;--strip:64px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-color:#2a2a2a #080808;scrollbar-width:thin}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Instrument Sans,system-ui,sans-serif}::selection{background:var(--accent);color:#080808}::-webkit-scrollbar{background:#080808;width:10px}::-webkit-scrollbar-thumb{background:#262626;border:2px solid #080808}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}a{color:inherit;text-decoration:none}.mono{letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.links a{border-bottom:1px solid #f1efe966;padding-bottom:1px;transition:color .2s,border-color .2s}.links a:hover{color:var(--accent);border-color:var(--accent)}.m-only{display:none}.noanim *{transition:none!important}.chapter{position:relative}.spread{grid-template-columns:42fr 58fr;height:100vh;min-height:560px;display:grid;position:sticky;top:0;overflow:hidden}.chapter.flip .spread{grid-template-columns:58fr 42fr}.chapter.flip .words{order:2}.words{background:var(--page);grid-template-rows:var(--strip) 1fr auto;padding:0 var(--gut) 28px;min-width:0;display:grid}.rh{height:var(--strip);justify-content:space-between;align-items:center;gap:16px;display:flex}.rh .who{white-space:nowrap;align-items:baseline;gap:12px;display:flex}.rh .who b{letter-spacing:-.055em;font-family:Archivo,sans-serif;font-size:15px;font-weight:600}.rh .who b span{line-height:1;display:inline-block}.rh .who>span{color:var(--ink3);font-size:13px}.rh .links{color:var(--ink)}.body{align-self:center;min-width:0}.chap{color:var(--ink3);align-items:center;gap:10px;margin-bottom:20px;display:flex}.chap i{background:var(--accent);width:8px;height:8px;display:inline-block}.chap b{color:var(--ink);font-weight:500}.slots{height:var(--slot);overflow:hidden}.track{will-change:transform}.slot{height:var(--slot);flex-direction:column;display:flex}.slot h2{letter-spacing:-.055em;text-wrap:balance;max-width:7.4em;font-family:Archivo,sans-serif;font-size:clamp(52px,6.2vw,92px);font-weight:600;line-height:.88}.slot h2.long{max-width:none;font-size:clamp(44px,5.2vw,82px)}.slot p{color:var(--ink2);max-width:27ch;margin-top:18px;font-size:20px;line-height:1.35}.slot .meta{color:var(--ink3);align-items:center;gap:22px;margin-top:16px;display:flex}.slot .meta button,.slot .meta a{color:var(--ink);border-bottom:1px solid #f1efe980;padding-bottom:2px;transition:color .2s,border-color .2s}.slot .meta button:hover,.slot .meta a:hover{color:var(--accent);border-color:var(--accent)}.toc{border-top:1px solid var(--rule);margin-top:24px;position:relative}.toc .mark{width:3px;height:var(--row);background:var(--accent);will-change:transform;z-index:2;position:absolute;top:0;left:0}.toc button{width:100%;height:var(--row);border-bottom:1px solid var(--rule);color:var(--ink4);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding-left:16px;transition:color .4s;display:grid}.toc .nm{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:5px 0;font-family:Archivo,sans-serif;font-size:21px;font-weight:500;overflow:hidden}.toc .ty{white-space:nowrap}.toc button.on{color:var(--ink)}.toc button.on .ix{color:var(--accent)}.toc button:hover .nm{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px;text-decoration-thickness:2px}.tabs{color:var(--ink4);flex-wrap:wrap;gap:20px;display:flex}.tabs a{border-bottom:2px solid #0000;padding-bottom:4px;transition:color .2s}.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--ink);border-color:var(--accent)}@media (width>=901px) and (height<=780px){:root{--u:calc((max(100vh,560px) - 99px) / 681);--slot:round(calc(var(--u) * 292),1px);--row:round(calc(var(--u) * 44),1px)}.words{padding-bottom:calc(var(--u) * 28)}.chap{margin-bottom:calc(var(--u) * 20)}.slot h2{font-size:clamp(40px,min(6.2vw,calc(var(--u) * 92)),92px)}.slot h2.long{font-size:clamp(36px,min(5.2vw,calc(var(--u) * 82)),82px)}.slot p{font-size:max(15px,calc(var(--u) * 20));margin-top:calc(var(--u) * 18)}.slot .meta{margin-top:calc(var(--u) * 16)}.toc{margin-top:calc(var(--u) * 24)}.toc .nm{font-size:max(15px,calc(var(--u) * 21))}}.work{z-index:6;background:var(--bg);cursor:pointer;min-width:0;position:relative;overflow:hidden}.work .rh{top:0;left:var(--gut);right:var(--gut);z-index:5;cursor:default;justify-content:flex-end;position:absolute}.plate{will-change:transform,opacity;position:absolute;top:50%}.plate.web,.plate.none{width:min(1000px,118%,calc((100vh - 2 * var(--strip) - 32px) / .66));left:64px}.flip .plate.web,.flip .plate.none{left:auto;right:64px}.plate.none{aspect-ratio:16/10;color:var(--ink3);background:#0e0e0e;border:1px solid #1c1c1c;border-radius:10px;place-items:center;display:grid}.plate.phones{height:min(78vh,740px,calc(100vh - 2 * var(--strip) - 32px));justify-content:center;gap:40px;padding-bottom:5vh;display:flex;left:0;right:0}.plate.phones img{border-radius:28px;width:auto;height:100%;box-shadow:0 40px 100px #000000b3}.plate.phones img+img{transform:translateY(5vh)}.win{background:#1c1c1c;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 100px #0009;container-type:inline-size}.win .bar{background:#262626;border-bottom:1px solid #111;align-items:center;gap:clamp(5px,.8cqw,8px);height:clamp(18px,3.3cqw,36px);padding:0 clamp(8px,1.4cqw,14px);display:flex;position:relative}.win .bar i{aspect-ratio:1;background:#ff5f57;border-radius:50%;width:clamp(7px,1.2cqw,12px)}.win .bar i:nth-child(2){background:#febc2e}.win .bar i:nth-child(3){background:#28c840}.mono-lights .win .bar i{background:#4a4a4a}.win .url{color:#ffffff9e;white-space:nowrap;background:#363636;border-radius:clamp(3px,.6cqw,6px);justify-content:center;align-items:center;width:42%;height:62%;font-family:Instrument Sans,sans-serif;font-size:clamp(7px,1.15cqw,12px);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.win .ttl{color:#ffffff80;white-space:nowrap;font:500 clamp(8px,1.2cqw,12px)/1 Instrument Sans,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.win .view{aspect-ratio:16/10;color:var(--ink3);background:#111;place-items:center;display:grid;position:relative;overflow:hidden}.win .view img{object-fit:cover;object-position:top center;transform-origin:top;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.hero{z-index:7;background:var(--bg);will-change:opacity;position:absolute;inset:0}.h-strip{left:var(--gut);right:var(--gut);height:var(--strip);color:var(--ink3);align-items:center;display:grid;position:absolute}.h-top{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto 1fr;top:0}.h-bottom{border-top:1px solid var(--rule);grid-template-columns:repeat(6,1fr) auto;bottom:0}.h-bottom a{gap:9px;width:max-content;transition:color .2s;display:flex}.h-bottom a b{color:var(--accent);font-weight:400}.h-bottom a:hover{color:var(--ink)}.h-scroll{color:var(--ink);justify-self:end}.h-links{z-index:9;top:0;right:var(--gut);height:var(--strip);color:var(--ink);align-items:center;display:flex;position:absolute}.h-name{z-index:8;left:var(--gut);top:calc(var(--strip) + 44px);letter-spacing:-.055em;white-space:nowrap;font-family:Archivo,sans-serif;font-size:clamp(56px,10.4vw,168px);font-weight:600;line-height:.9;position:absolute}.h-name span{transform-origin:0 0;will-change:transform;line-height:1;display:inline-block}.h-sub{display:none}.h-win{z-index:8;transform-origin:0 0;will-change:transform;cursor:pointer;position:absolute}.chapter.about{margin-top:40vh}.chapter.about .spread{height:auto;min-height:100vh;position:relative}.about .body{padding:28px 0}.about [data-r]{will-change:opacity,transform}.a-big{letter-spacing:-.045em;text-wrap:balance;max-width:12.5em;font-family:Archivo,sans-serif;font-size:clamp(34px,3.8vw,56px);font-weight:600;line-height:.98}.a-txt{color:var(--ink2);max-width:33em;margin-top:24px;font-size:18px;line-height:1.55}.a-contact{border-top:1px solid var(--rule);margin-top:40px;padding-top:26px}.a-mail{letter-spacing:-.03em;border-bottom:2px solid var(--accent);padding-bottom:2px;font-family:Archivo,sans-serif;font-size:clamp(24px,2.3vw,34px);font-weight:600;transition:color .2s}.a-mail:hover{color:var(--accent)}.a-links{gap:22px;margin-top:22px;display:flex}.a-links a{border-bottom:1px solid #f1efe966;padding-bottom:1px;transition:color .2s,border-color .2s}.a-links a:hover{color:var(--accent);border-color:var(--accent)}.facts{background:var(--bg);flex-direction:column;justify-content:center;gap:46px;min-width:0;padding:88px 64px;display:flex;position:relative}.f-grp h3{color:var(--ink3);gap:12px;margin-bottom:14px;font-weight:400;display:flex}.f-grp h3 b{color:var(--accent);font-weight:400}.f-rows,.f-langs{border-top:1px solid var(--rule);list-style:none}.f-rows li{border-bottom:1px solid var(--rule);grid-template-columns:110px minmax(0,1fr) auto;align-items:baseline;gap:20px;padding:15px 0;font-size:16px;line-height:1.45;display:grid}.f-rows li span:first-child{color:var(--ink3)}.f-rows li span:nth-child(3){color:var(--ink3);text-align:right}.f-skills li{grid-template-columns:150px minmax(0,1fr)}.f-skills li span:nth-child(2){color:var(--ink2)}.f-langs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.f-langs li{flex-direction:column;gap:6px;padding:16px 0 4px;display:flex}.f-langs strong{letter-spacing:-.03em;font-family:Archivo,sans-serif;font-size:24px;font-weight:600}.f-langs span{color:var(--ink3)}.foot{padding:24px var(--gut) 30px;border-top:1px solid var(--rule);color:var(--ink3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot a{color:var(--ink);border-bottom:1px solid #f1efe959;padding-bottom:2px}.foot a:hover{color:var(--accent);border-color:var(--accent)}.case{z-index:600;background:#080808f2;justify-content:center;align-items:center;padding:40px;display:none;position:fixed;inset:0}.case.open{display:flex}.case-panel{width:min(1080px,100%);max-height:calc(100vh - 80px);animation:ci .25s var(--ease);background:#0b0b0b;border:1px solid #2a2a2a;grid-template-columns:1.15fr .85fr;display:grid;overflow:hidden}@keyframes ci{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.case-media{background:#050505;justify-content:center;align-items:center;gap:18px;min-height:440px;padding:24px;display:flex;position:relative;overflow:hidden}.case-media .win{width:100%}.case-media img.ph{border-radius:18px;width:auto;height:88%}.case-media>span{color:var(--ink3)}.case-body{flex-direction:column;padding:32px;display:flex;position:relative}.case-k{color:var(--accent);margin-bottom:14px}.case h2{letter-spacing:-.04em;margin-bottom:14px;font-family:Archivo,sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:.98}.case p{color:#f1efe9b3;max-width:44ch;font-size:14px;line-height:1.6}.case-meta{border-top:1px solid var(--rule);color:var(--ink3);margin-top:22px;padding-top:14px}.case-close{width:30px;height:30px;color:var(--ink);text-align:center;border:1px solid #333;line-height:1;position:absolute;top:12px;right:12px}.case-close:hover{border-color:var(--accent);color:var(--accent)}@media (width<=900px){:root{--slot:156px;--row:30px;--gut:18px;--strip:52px}.spread,.chapter.flip .spread{grid-template-rows:auto 1fr;grid-template-columns:1fr}.chapter.flip .words{order:0}.words{grid-template-rows:var(--strip) auto auto;padding:0 var(--gut) 12px;border-bottom:1px solid var(--rule)}.rh .who>span,.work .rh,.tabs{display:none}.m-only{display:inline}.body{align-self:start;padding-top:8px}.chap{margin-bottom:12px}.slot h2,.slot h2.long{max-width:none;font-size:clamp(32px,10.4vw,46px)}.slot p{margin-top:8px;font-size:15px}.slot .meta{margin-top:10px}.toc{border-top:0;margin-top:10px;display:flex}.toc button{width:auto;height:var(--row);border-bottom:0;padding:0 14px 0 0;display:flex}.toc .nm,.toc .ty{display:none}.toc .mark{width:16px;height:2px;top:auto;bottom:0}.plate.web,.plate.none,.flip .plate.web,.flip .plate.none{left:var(--gut);right:var(--gut);width:auto}.plate{top:45%}.plate.phones{gap:14px;height:68%;padding-bottom:3vh}.plate.phones img{border-radius:16px}.plate.phones img+img{transform:translateY(3vh)}.h-top{grid-template-columns:1fr}.h-top span:first-child,.h-top span:nth-child(3),.h-bottom a{display:none}.h-top span:nth-child(2){justify-self:start}.h-bottom{grid-template-columns:1fr}.chapter.about{margin-top:22vh}.chapter.about .spread{grid-template-rows:auto auto;min-height:0}.about .tabs{display:none}.about .body{padding:10px 0 4px}.a-big{font-size:clamp(30px,8.6vw,40px)}.a-txt{margin-top:18px;font-size:16px}.a-contact{margin-top:28px;padding-top:20px}.a-links{flex-wrap:wrap;gap:12px 20px}.facts{padding:32px var(--gut) 60px;gap:34px}.f-rows li{grid-template-columns:84px minmax(0,1fr);gap:4px 14px}.f-rows li span:nth-child(3){text-align:left;grid-column:2}.f-skills li{grid-template-columns:1fr}.f-langs{grid-template-columns:repeat(2,1fr)}.h-name{white-space:normal;font-size:19vw;line-height:.88}.h-name span{display:block}.h-name span+span{margin-top:-.12em}.h-sub{z-index:8;left:var(--gut);right:var(--gut);color:var(--ink2);will-change:opacity;font-size:15px;line-height:1.4;display:block;position:absolute}.case{padding:16px}.case-panel{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow:auto}.case-media{min-height:0}}