:root{--foreground:#050505;--muted:#c4c4c4;--selection:#0797ff;--frame-scale:.9}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--foreground);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page-shell{place-items:center;min-height:100vh;padding:32px;display:grid;overflow:visible}.portfolio-frame{width:1240px;transform:translateY(7px) scale(var(--frame-scale));transform-origin:50%;grid-template-columns:220px 1015px;align-items:start;column-gap:20px;display:grid}.sidebar{flex-direction:column;align-items:flex-end;width:220px;display:flex}.portrait{background-color:#0000;background-image:linear-gradient(#1d648414,#1d648414),url(/images/mihir-pfp.png),linear-gradient(#2b91bc 0%,#0d5b88 48%,#f2f2f2 49% 100%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:28px;align-self:flex-end;width:190px;height:190px;margin:0 0 190px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000005}.portrait:before{content:"";background:radial-gradient(circle at 33% 45%,#181818 0 3px,#0000 4px),radial-gradient(circle at 67% 45%,#181818 0 3px,#0000 4px),radial-gradient(at 50% 68%,#b7695f 0 8px,#0000 9px),#e6b58d;border-radius:46% 46% 43% 43%;display:none;position:absolute;inset:54px 47px 51px}.portrait:after{content:"";background:#246a8e;border-radius:34px 34px 0 0;height:65px;display:none;position:absolute;bottom:0;left:45px;right:43px}.menu{flex-direction:column;align-items:flex-end;gap:62px;padding-bottom:37px;display:flex}.menu-item{letter-spacing:0;justify-content:flex-end;align-items:center;gap:17px;min-height:42px;font-size:35px;font-weight:800;line-height:1;display:inline-flex;position:relative}.menu-item.muted{color:var(--muted)}.hover-arrow{opacity:0;pointer-events:none;background:url(/images/hover-arrow.svg) 50%/contain no-repeat;width:12px;height:12px;transition:opacity .14s,transform .14s;position:absolute;top:-8px;left:calc(100% + 1px)}.menu-item.muted:hover .hover-arrow,.menu-item.muted:focus-visible .hover-arrow{opacity:1;transform:translate(2px,-2px)}.write-mark{background:url(/images/pencil-and-outline.svg) 50%/contain no-repeat;width:49px;height:49px;display:inline-block}.story-stack{grid-template-rows:repeat(4,1fr);gap:14px;width:1015px;height:770px;display:grid;overflow:visible}.story-stack.is-reading{border-radius:28px;grid-template-rows:192.5px minmax(0,1fr);gap:0;overflow:hidden}.story-card{isolation:isolate;cursor:pointer;background-position:50%;background-size:cover;border-radius:22px;outline:none;align-items:flex-end;width:100%;height:100%;min-height:0;padding:0 76px 31px 65px;display:flex;position:relative;overflow:hidden}.story-card:after{content:"";z-index:1;position:absolute;inset:0}.story-stack.is-reading .story-card{border-radius:28px 28px 0 0}.story-shade{z-index:-1;background:linear-gradient(90deg,#0000006b,#0000 40%,#00000042),linear-gradient(#0000006b,#00000026 48%,#0000008c);position:absolute;inset:0}.story-card h2{z-index:2;color:#fff;letter-spacing:0;margin:0;font-size:39px;font-weight:800;line-height:1.05;position:relative}.story-card .x-overlay{z-index:2;cursor:pointer;background-color:#ffffff6b;border:0;width:42px;height:42px;padding:0;position:absolute;bottom:24px;right:26px;-webkit-mask:url(/images/x-logo.svg) 50%/contain no-repeat;mask:url(/images/x-logo.svg) 50%/contain no-repeat}.article-reader{color:#f4f4f4;background:#000;border-radius:0 0 28px 28px;min-height:0;position:relative;overflow:hidden}.article-copy{scrollbar-width:thin;scrollbar-color:#555 transparent;height:100%;padding:40px 66px 58px;overflow-y:auto}.reader-close{z-index:2;color:#d8d8d8;cursor:pointer;letter-spacing:0;background:#ffffff14;border:0;border-radius:999px;width:38px;height:38px;padding:0;font:400 36px/34px Arial,Helvetica,sans-serif;transition:background .14s,color .14s,transform .14s;position:absolute;top:18px;right:22px}.reader-close:hover,.reader-close:focus-visible{color:#fff;background:#ffffff29;transform:scale(1.04)}.article-copy::-webkit-scrollbar{width:8px}.article-copy::-webkit-scrollbar-thumb{background:#555;border-radius:999px}.article-copy blockquote{color:#f1f1f1;letter-spacing:0;border-left:5px solid #d9d9d9;margin:0 0 38px;padding:8px 0 8px 34px;font-size:27px;font-style:italic;font-weight:520;line-height:1.48}.article-copy p{color:#f3f3f3;letter-spacing:0;margin:0 0 34px;font-size:25px;font-weight:500;line-height:1.56}.article-copy strong{font-weight:850}.article-copy em{font-style:italic}.article-copy h2{color:#f5f5f5;letter-spacing:0;margin:54px 0 34px;font-size:38px;font-weight:900;line-height:1.08}.article-copy hr{background:#24282e;border:0;height:1px;margin:46px 0 42px}.article-copy figure{margin:44px 0 46px}.article-copy figure+p{margin-top:0}.article-copy img{border-radius:18px;width:100%;display:block}.article-copy figcaption{color:#8f959d;letter-spacing:0;margin-top:10px;font-size:18px;font-weight:500;line-height:1.28}.tennis{background-image:linear-gradient(90deg,#104a5c61,#00000014),url(/images/more-than-tennis-player.jpeg);background-position:50%}.moon{filter:grayscale();background-image:linear-gradient(90deg,#0003,#00000014),url(/images/leaving-earth.jpeg);background-position:50%}.pumpkins{background-image:linear-gradient(90deg,#45170642,#14080314),url(/images/good-ole-days.jpeg);background-position:50%}.classroom{background-image:linear-gradient(90deg,#00000040,#00000014),url(/images/beyond-intelligence.jpeg);background-position:50% 32%}@media (max-width:1304px),(max-height:834px){:root{--frame-scale:.765}}@media (max-width:1120px),(max-height:720px){:root{--frame-scale:.702}}@media (max-width:980px){:root{--frame-scale:.612}}@media (max-width:760px){:root{--frame-scale:1}body{overflow-x:hidden}.page-shell{min-height:100vh;padding:42px 14px 156px;display:block;overflow:auto}.portfolio-frame{flex-direction:column;gap:0;width:100%;display:flex;transform:none}.sidebar{display:contents}.portrait{border-radius:999px;order:1;align-self:center;width:92px;height:92px;margin:0 auto 30px}.menu{z-index:20;background:#fbfbfb;border-radius:34px 34px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:26px 24px;width:100%;max-width:calc(100vw - 28px);margin:0 auto;padding:28px 22px;display:grid;position:fixed;bottom:0;left:14px;right:14px;box-shadow:0 -12px 34px #00000014}.menu-item{justify-content:center;gap:0;min-height:38px;font-size:42px}.menu-item.active{grid-column:auto}.menu-item.muted{color:var(--muted);font-size:39px;display:inline-flex}.hover-arrow,.write-mark{display:none}.story-stack{flex-direction:column;order:2;gap:12px;width:100%;height:auto;min-height:0;display:flex}.story-card{background-position:50%;border-radius:18px;height:auto;min-height:clamp(128px,34vw,168px);padding:0 48px 19px 20px}.story-card h2{font-size:clamp(24px,7vw,32px);line-height:1.04}.story-card .x-overlay{width:30px;height:30px;bottom:16px;right:14px}}@media (max-width:420px){.page-shell{padding:38px 12px 136px}.portrait{width:88px;height:88px;margin-bottom:24px}.menu{border-radius:32px 32px 0 0;gap:16px 18px;max-width:calc(100vw - 24px);padding:20px 18px;left:12px;right:12px}.menu-item{font-size:36px}.menu-item.muted{font-size:34px}.story-stack{gap:10px}.story-card{border-radius:16px;min-height:114px;padding:0 42px 17px 17px}.story-card h2{font-size:clamp(22px,6.4vw,27px)}.story-card .x-overlay{width:26px;height:26px;bottom:15px;right:12px}}