@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";.ip-root{--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease;min-height:100vh;overflow-x:hidden}.ip-root.dark{--bg:#111111;--bg-2:#1C1C1C;--bg-3:#252525;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.14);--text:#F0EFED;--dim:#888888;--faint:#555555;--signal:#188FA7;--signal-2:#116B7E;--on-signal:#FFFFFF}.ip-root.light{--bg:#FFFFFF;--bg-2:#F7F7F7;--bg-3:#EFEFEF;--line:rgba(0,0,0,.06);--line-2:rgba(0,0,0,.12);--text:#111111;--dim:#595959;--faint:#A0A0A0;--signal:#188FA7;--signal-2:#116B7E;--on-signal:#FFFFFF}.ip-root *{box-sizing:border-box}.ip-root a{color:inherit;text-decoration:none}.ip-mono{font-family:var(--font-mono)}.ip-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.ip-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line)}.ip-nav-in{display:flex;align-items:center;justify-content:space-between;height:60px}.ip-brand{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:700;font-size:14px;letter-spacing:.04em}.ip-brand .dot{width:7px;height:7px;border-radius:50%;background:var(--signal)}.ip-nav-links{display:flex;align-items:center;gap:26px}.ip-nav-links a{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--dim);transition:color .2s}.ip-nav-links a:hover{color:var(--text)}.ip-toggle{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--line-2);background:transparent;color:var(--text);cursor:pointer;transition:.2s}.ip-toggle:hover{border-color:var(--signal);color:var(--signal)}@media(max-width:680px){.ip-nav-hide{display:none}}.ip-hero{padding:120px 0 100px;text-align:center}.ip-eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.22em;color:var(--signal);text-transform:uppercase;margin-bottom:24px}.ip-h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;font-size:clamp(28px,8.5vw,100px);line-height:1.05;margin:0 0 20px;white-space:nowrap}.ip-role{font-family:var(--font-mono);font-size:13px;color:var(--dim);margin-bottom:24px;letter-spacing:.02em}.ip-thesis{font-size:clamp(15px,1.8vw,17px);color:var(--dim);line-height:1.72;max-width:52ch;margin:0 auto}.ip-thesis b{color:var(--text);font-weight:600}.ip-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;justify-content:center}.ip-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:8px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;cursor:pointer;transition:.2s;border:1px solid transparent}.ip-btn-pri{background:var(--signal);color:var(--on-signal);font-weight:600}.ip-btn-pri:hover{transform:translateY(-2px);box-shadow:0 8px 26px color-mix(in srgb,var(--signal) 35%,transparent)}.ip-btn-ghost{border-color:var(--line-2);color:var(--text)}.ip-btn-ghost:hover{border-color:var(--signal);color:var(--signal)}.ip-stats{display:flex;gap:32px;margin-top:40px;flex-wrap:wrap;justify-content:center}.ip-stat .n{font-family:var(--font-display);font-weight:400;font-size:26px}.ip-stat .l{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin-top:2px}.ip-work-chart{margin-bottom:56px}.ip-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px 18px 8px}.ip-panel-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 12px}.ip-panel-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.ip-legend{display:flex;gap:14px}.ip-legend span{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--dim)}.ip-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.ip-tip{background:var(--bg-3);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;max-width:220px;box-shadow:0 8px 24px -8px #0000002e}.ip-tip .t{font-family:var(--font-body);font-weight:600;font-size:13px;margin-bottom:3px}.ip-tip .d{font-family:var(--font-mono);font-size:10.5px;color:var(--dim)}.ip-tip .go{font-family:var(--font-mono);font-size:10.5px;color:var(--signal);margin-top:6px}.ip-sec{padding:80px 0}.ip-sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:40px}.ip-sec-idx{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.08em}.ip-sec-title{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,5vw,48px);letter-spacing:-.01em}.ip-sec-line{flex:1;height:1px;background:var(--line)}.ip-case{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-bottom:72px}.ip-case.flip .ip-case-demo{order:-1}@media(max-width:860px){.ip-case{grid-template-columns:1fr;gap:24px}.ip-case.flip .ip-case-demo{order:0}}.ip-case-meta{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.04em;margin-bottom:8px}.ip-case-title{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,3vw,32px);line-height:1.15;letter-spacing:-.01em;margin-bottom:14px}.ip-case-desc{font-size:15px;color:var(--dim);line-height:1.65;margin-bottom:20px;max-width:44ch}.ip-case-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;color:var(--signal);transition:gap .2s}.ip-case-link:hover{gap:11px}.ip-case-demo{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-2)}.ip-demo-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg-3)}.ip-demo-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);display:inline-block}.ip-demo-bar em{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:var(--faint);font-style:normal}.ip-demo-frame{width:100%;height:360px;border:0;display:block;background:#fff}@media(max-width:860px){.ip-demo-frame{height:300px}}.ip-more-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}.ip-more{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:640px){.ip-more{grid-template-columns:1fr}}.ip-more-item{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);transition:border-color .2s,transform .2s}.ip-more-item:hover{border-color:var(--signal);transform:translateY(-2px)}.ip-more-title{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--text)}.ip-more-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--faint)}.ip-more-cta{font-family:var(--font-mono);font-size:11.5px;color:var(--signal);margin-top:5px}.ip-gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:820px){.ip-gal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ip-gal-grid{grid-template-columns:1fr}}.ip-gal-item{margin:0;cursor:pointer;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-2);transition:transform .25s,border-color .25s}.ip-gal-item.feature{grid-column:span 2}@media(max-width:520px){.ip-gal-item.feature{grid-column:span 1}}.ip-gal-item:hover{transform:translateY(-3px);border-color:var(--signal)}.ip-gal-thumb{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:color-mix(in srgb,var(--signal) 8%,var(--bg-3));color:var(--signal)}.ip-gal-item.feature .ip-gal-thumb{aspect-ratio:16/8}.ip-gal-thumb img{width:100%;height:100%;object-fit:cover}.ip-gal-cat{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--dim)}.ip-gal-zoom{position:absolute;bottom:10px;right:10px;opacity:0;transition:opacity .2s;color:var(--text);background:color-mix(in srgb,var(--bg) 80%,transparent);border-radius:4px;padding:4px}.ip-gal-item:hover .ip-gal-zoom{opacity:1}.ip-gal-cap{padding:13px 15px 15px}.ip-gal-title{font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.25}.ip-gal-sub{font-size:12px;color:var(--dim);margin-top:4px}.ip-gal-hint{font-family:var(--font-mono);font-size:11px;color:var(--faint);margin-top:14px}.ip-lb{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,#000 78%,transparent);backdrop-filter:blur(4px);animation:ip-fade .2s ease}.ip-lb-card{background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;max-width:760px;width:100%;overflow:hidden}.ip-lb-thumb{aspect-ratio:16/9;display:grid;place-items:center;background:color-mix(in srgb,var(--signal) 8%,var(--bg-3));color:var(--signal)}.ip-lb-thumb img{width:100%;height:100%;object-fit:contain}.ip-lb-cap{padding:16px 20px 20px}.ip-lb-title{font-family:var(--font-body);font-weight:600;font-size:17px}.ip-lb-sub{font-size:13.5px;color:var(--dim);margin-top:5px}.ip-lb-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--line-2);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--text);cursor:pointer}.ip-lb-close:hover{border-color:var(--signal);color:var(--signal)}@keyframes ip-fade{0%{opacity:0}to{opacity:1}}.ip-tl{position:relative;padding-left:26px}.ip-tl:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--line-2)}.ip-tl-item{position:relative;padding-bottom:32px}.ip-tl-item:before{content:"";position:absolute;left:-23px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--bg);border:2px solid var(--signal)}.ip-tl-time{font-family:var(--font-mono);font-size:11px;color:var(--signal);letter-spacing:.04em}.ip-tl-role{font-family:var(--font-body);font-weight:600;font-size:16px;margin:4px 0 2px}.ip-tl-org{font-family:var(--font-mono);font-size:12.5px;color:var(--dim);margin-bottom:7px;letter-spacing:.02em}.ip-tl-note{font-size:13.5px;color:var(--dim);max-width:62ch;line-height:1.6}.ip-two{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}@media(max-width:780px){.ip-two{grid-template-columns:1fr;gap:30px}}.ip-edu{border-top:1px solid var(--line);padding:18px 0}.ip-edu .deg{font-family:var(--font-body);font-weight:600;font-size:15px}.ip-edu .sch{font-size:13px;color:var(--dim);margin-top:2px}.ip-edu .tm{font-family:var(--font-mono);font-size:11px;color:var(--faint)}.ip-edu .nt{font-size:12.5px;color:var(--faint);margin-top:5px;line-height:1.5}.ip-skills-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin:0 0 12px}.ip-skill-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.ip-skill{font-family:var(--font-mono);font-size:11.5px;padding:5px 10px;border-radius:6px;border:1px solid var(--line-2);color:var(--dim)}.ip-skill.learn{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 40%,var(--line-2))}.ip-foot{border-top:1px solid var(--line);padding:56px 0 72px}.ip-foot-grid{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px}.ip-foot h3{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,5vw,44px);margin:0 0 10px;letter-spacing:-.01em}.ip-foot .em{font-family:var(--font-mono);font-size:13px;color:var(--signal)}.ip-socials{display:flex;gap:8px}.ip-soc{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--line-2);color:var(--dim);transition:.2s}.ip-soc:hover{color:var(--signal);border-color:var(--signal);transform:translateY(-2px)}.ip-foot-note{font-family:var(--font-mono);font-size:11px;color:var(--faint);margin-top:32px}.ip-nav-back{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--dim);transition:color .2s}.ip-nav-back:hover{color:var(--text)}.ip-article{padding:56px 0 80px}.ip-article-cover{border-radius:12px;overflow:hidden;margin-bottom:40px}.ip-article-cover img{width:100%;max-height:460px;object-fit:cover;display:block}.ip-article-eyebrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:16px}.ip-article-date{font-family:var(--font-mono);font-size:12px;color:var(--faint);letter-spacing:.04em}.ip-article-title{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,5vw,54px);letter-spacing:-.01em;line-height:1.1;margin:0 0 44px;max-width:22ch}.ip-article-footer{margin-top:56px;padding-top:28px;border-top:1px solid var(--line);display:flex;gap:12px;flex-wrap:wrap}.ip-prose{max-width:68ch;font-size:17px;line-height:1.78;color:var(--text)}.ip-prose p{margin:0 0 1.4em}.ip-prose h2{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,3vw,30px);letter-spacing:-.01em;line-height:1.2;margin:2.2em 0 .65em}.ip-prose h3{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,2.4vw,24px);letter-spacing:-.005em;line-height:1.25;margin:1.8em 0 .55em}.ip-prose h4{font-family:var(--font-body);font-weight:600;font-size:17px;margin:1.4em 0 .4em}.ip-prose strong{color:var(--text);font-weight:600}.ip-prose em{color:var(--dim);font-style:italic}.ip-prose a{color:var(--signal);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--signal) 38%,transparent);transition:text-decoration-color .2s}.ip-prose a:hover{text-decoration-color:var(--signal)}.ip-prose blockquote{border-left:2px solid var(--signal);margin:1.6em 0;padding:.6em 0 .6em 1.4em;color:var(--dim)}.ip-prose figure,.ip-prose .captioned-image-container{margin:1.8em 0}.ip-prose img{max-width:100%;border-radius:8px;display:block}.ip-prose figcaption{font-family:var(--font-mono);font-size:12px;color:var(--faint);text-align:center;margin-top:8px}.ip-prose .image-link{display:block}.ip-prose .image2-inset{border-radius:8px;overflow:hidden}.ip-prose pre{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:14px 16px;overflow-x:auto;margin:1.6em 0;font-family:var(--font-mono);font-size:13.5px}.ip-prose code:not(pre code){font-family:var(--font-mono);font-size:13.5px;background:var(--bg-2);padding:2px 6px;border-radius:4px}.ip-prose ul,.ip-prose ol{padding-left:1.6em;margin:0 0 1.4em}.ip-prose li{margin-bottom:.45em}.ip-prose hr{border:none;border-top:1px solid var(--line);margin:2.2em 0}.ip-art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:820px){.ip-art-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ip-art-grid{grid-template-columns:1fr}}.ip-art-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-2);display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.ip-art-card:hover{transform:translateY(-3px);border-color:var(--signal)}.ip-art-img{aspect-ratio:16/9;overflow:hidden;background:color-mix(in srgb,var(--signal) 8%,var(--bg-3));display:grid;place-items:center;color:var(--signal)}.ip-art-img img{width:100%;height:100%;object-fit:cover}.ip-art-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.ip-art-date{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.04em;margin-bottom:6px}.ip-art-title{font-family:var(--font-body);font-weight:600;font-size:15px;line-height:1.3;margin-bottom:8px;color:var(--text)}.ip-art-desc{font-size:13px;color:var(--dim);line-height:1.55;flex:1;margin-bottom:12px}.ip-art-cta{font-family:var(--font-mono);font-size:11px;color:var(--signal);display:inline-flex;align-items:center;gap:4px;transition:gap .2s}.ip-art-card:hover .ip-art-cta{gap:7px}.ip-rev{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.ip-rev.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ip-rev{opacity:1;transform:none;transition:none}}