:root{--color-bg: #0b0c13;--color-surface: #141623;--color-text: #e9e9ed;--color-accent: #9184d9;--color-divider: color-mix(in srgb, #e9e9ed 14%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #2a2d42;--color-neutral-900: #1d1f2e;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-section: #232866;--color-section-glow: #3a3f8f;--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 14px;--card-bg: linear-gradient(180deg, #151726, #0e0f17);--card-bg-hover: linear-gradient(180deg, #191b30, #10111b);--card-border: linear-gradient( 180deg, rgba(197, 190, 251, .3), rgba(145, 132, 217, .1) 35%, rgba(145, 132, 217, .04) );--card-border-hover: linear-gradient( 180deg, rgba(210, 206, 253, .55), rgba(145, 132, 217, .18) 35%, rgba(145, 132, 217, .08) );--dot-grid: radial-gradient(rgba(233, 233, 237, .05) 1px, transparent 1.3px);--glow-hover: 0 14px 44px rgba(0, 0, 0, .5), 0 0 34px rgba(145, 132, 217, .12);--shadow-sm: 0 0 0 1px #23253a;--shadow-md: 0 0 0 1px #2e3150, 0 12px 36px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 540px at 12% -6%,rgba(145,132,217,.09),transparent 62%),radial-gradient(760px 520px at 104% 104%,rgba(145,132,217,.06),transparent 60%)}a{color:var(--color-accent-300);text-underline-offset:3px}a:hover{color:var(--color-accent-200)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}[hidden]{display:none!important}.tile,.project,.pub,.teaching-card{position:relative;z-index:0;border:1px solid transparent;border-radius:var(--radius-md);background:var(--card-bg) padding-box,var(--card-border) border-box}.tile:after,.project:after,.pub:after,.teaching-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border:1px solid transparent;border-radius:inherit;background:var(--card-bg-hover) padding-box,var(--card-border-hover) border-box;opacity:0;transition:opacity .45s ease;pointer-events:none}.tile:hover:after,.project:hover:after,.pub:hover:after,.teaching-card:hover:after{opacity:.55}a.tile:hover:after{opacity:1}.tile:before,.project:before,.pub:before,.teaching-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(120% 85% at 50% -25%,rgba(145,132,217,.13),transparent 55%),radial-gradient(120% 90% at 50% 130%,rgba(0,0,0,.38),transparent 55%),var(--dot-grid);background-size:100% 100%,100% 100%,22px 22px}.img-placeholder{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,#10111a 0,#10111a 10px,#151725 10px,#151725 20px);border:1px solid rgba(145,132,217,.12);box-shadow:inset 0 1px #d2cefd1a,inset 0 -34px 60px #0000006b;display:flex;align-items:center;justify-content:center}.img-placeholder span{font:11px/1 monospace;color:var(--color-neutral-600)}.img-placeholder.has-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.img-placeholder.has-img{min-height:150px}.layout{display:grid;grid-template-columns:400px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:56px 40px 34px;display:flex;flex-direction:column;border-right:1px solid var(--color-neutral-900)}.identity{position:relative}.identity:before{content:"";position:absolute;top:-48px;right:-40px;bottom:-24px;left:-40px;pointer-events:none;background:radial-gradient(62% 75% at 28% 22%,rgba(145,132,217,.14),transparent 65%)}.name{margin:0 0 10px;font-size:36px;line-height:1.1;font-weight:500;letter-spacing:-.02em;font-family:var(--font-heading)}.subtitle{font-size:14px;color:var(--color-neutral-400);line-height:1.55}.bio{margin:22px 0 0;font-size:13.5px;line-height:1.65;color:var(--color-neutral-500);text-wrap:pretty}.tracker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.tracker-dot{position:absolute;left:0;top:0;border-radius:50%;background:var(--color-accent)}.section-nav{display:flex;flex-direction:column;gap:11px;font-size:13.5px}.sidebar .section-nav{margin-top:36px}.section-nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--color-neutral-600);cursor:pointer}.section-nav a .dash{width:14px;height:1px;background:var(--color-neutral-700);transition:width .25s}.section-nav a:hover{color:var(--color-neutral-400)}.section-nav a[aria-current=page]{color:var(--color-accent-300)}.section-nav a[aria-current=page] .dash{width:28px;background:var(--color-accent-300);box-shadow:0 0 8px #9184d9e6}.mobile-nav{display:none}.sidebar-footer{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:14px}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-accent-300)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-300);box-shadow:0 0 10px 2px #9184d9d9}.cv-btn{align-self:flex-start;border:1px solid transparent;background:linear-gradient(180deg,#181a2e,#10111c) padding-box,var(--card-border-hover) border-box;color:var(--color-accent-200);border-radius:var(--radius-md);text-decoration:none;font-weight:500;font-size:13.5px;padding:9px 17px;transition:box-shadow .25s ease,translate .25s ease}.cv-btn:hover{color:var(--color-accent-100);box-shadow:0 0 26px #9184d947;translate:0 -1px}.social{display:flex;gap:10px}.social a{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-400);border:1px solid transparent;background:var(--card-bg) padding-box,var(--card-border) border-box;transition:color .2s,box-shadow .25s ease,translate .25s ease}.social a:hover{color:var(--color-accent-200);box-shadow:0 0 18px #9184d959;translate:0 -2px}.social a svg{width:16px;height:16px;display:block}.easter-egg{font-size:11px;color:var(--color-neutral-700);font-family:monospace}main{padding:45px;min-width:0}.section-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:20px}.kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-400)}.bento-fun{--orb-r: 110px;display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1fr;grid-template-areas:"a    hero hero tog" "b      hero hero big" "b      mid1 mid2 big" "skills mid1 mid2 pills" "cta    cta  cta  cta";gap:14px}.bento-fun .tile{padding:22px;display:flex;flex-direction:column;border-radius:18px}a.tile{text-decoration:none;color:inherit;cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}a.tile:hover{transform:translateY(-3px);box-shadow:var(--glow-hover);color:inherit}.ov-a{grid-area:a;gap:10px}.ov-mark{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:linear-gradient(145deg,#b5abfc,#6c5ecf);color:#0b0c13;font-size:16px;box-shadow:0 0 18px #9184d973}.ov-a h2{margin:4px 0 0;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.01em}.ov-a p{margin:0;font-size:12.5px;line-height:1.6;color:var(--color-neutral-500);flex:1}.ov-note{display:flex;flex-direction:column;gap:2px;margin-top:12px}.ov-note strong{font-size:13px;font-weight:500}.ov-note span{font-size:11.5px;color:var(--color-neutral-500)}.ov-users{grid-area:b;justify-content:center}.ov-circles{display:flex;margin-bottom:12px}.ov-circles span{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid #0e0f18;background:linear-gradient(145deg,#b5abfc,#7c6fd0);color:#0b0c13}.ov-circles span+span{margin-left:-10px}.ov-circles .lt{background:#e9e9ed;color:#16182a}.ov-circles .dk{background:linear-gradient(145deg,#2b2741,#423a6a);color:var(--color-accent-300)}.ov-users .stat-number{font-size:30px;font-weight:500}.ov-users .stat-label{font-size:12px;color:var(--color-neutral-600);margin-top:2px}.ov-skills{grid-area:skills;gap:6px}.ov-skills h3{margin:0;font-size:16px;font-weight:500}.ov-skills p{margin:0 0 6px;font-size:12.5px;color:var(--color-neutral-500)}.s1{left:2%;top:2%;transform:rotate(-10deg)}.s2{right:4%;top:17%;transform:rotate(7deg);border-color:#e9e9ed80}.s3{left:8%;top:33%;transform:rotate(-4deg)}.s4{right:2%;top:49%;transform:rotate(10deg)}.s5{left:4%;top:66%;transform:rotate(4deg)}.s6{right:8%;bottom:2%;transform:rotate(-7deg)}.ov-hero{grid-area:hero;position:relative;min-height:380px}.hero-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;border:1px solid rgba(226,222,255,.45);background:radial-gradient(120% 90% at 50% -20%,rgba(244,243,255,.5),transparent 55%),var(--dot-grid),linear-gradient(180deg,#a89bef,#7b6cd8 60%,#6a5bd0);background-size:100% 100%,22px 22px,100% 100%;padding:26px 24px;text-align:center;-webkit-mask:radial-gradient(circle calc(var(--orb-r) + 18px) at 50% 100%,transparent calc(var(--orb-r) + 16px),#000 calc(var(--orb-r) + 18px));mask:radial-gradient(circle calc(var(--orb-r) + 18px) at 50% 100%,transparent calc(var(--orb-r) + 16px),#000 calc(var(--orb-r) + 18px))}.ov-brand{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;font-weight:500;color:#ffffffeb;margin:4px 0 16px}.hero-card h2{margin:0;font-family:var(--font-heading);font-size:clamp(27px,2.8vw,38px);line-height:1.12;font-weight:500;letter-spacing:-.02em;color:#fff}.orb-zone{position:absolute;left:50%;bottom:0;width:calc(var(--orb-r) * 2);height:calc(var(--orb-r) * 2);transform:translate(-50%,50%);pointer-events:none;z-index:2}.orb-arc{position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);animation:orb-spin 90s linear infinite}.orb-arc text{font:12px monospace;letter-spacing:4px;fill:#e9e9ed80}@keyframes orb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.orb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;pointer-events:auto;background:radial-gradient(1.5px 1.5px at 24% 66%,rgba(255,255,255,.7),transparent 100%),radial-gradient(1px 1px at 62% 22%,rgba(255,255,255,.6),transparent 100%),radial-gradient(1.5px 1.5px at 80% 74%,rgba(255,255,255,.5),transparent 100%),radial-gradient(circle at 50% 45%,rgba(145,132,217,.14),transparent 58%),radial-gradient(circle at 50% 50%,#10111c,#0b0c13 72%);box-shadow:0 0 60px #9184d966,0 0 140px #9184d933,inset 0 0 46px #0009,inset 0 0 0 1px #c5befb47,inset 0 2px 14px #e9e9ed1a;animation:orb-breathe 7s ease-in-out infinite}.orb canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes orb-breathe{0%,to{box-shadow:0 0 60px #9184d966,0 0 140px #9184d933,inset 0 0 46px #0009,inset 0 0 0 1px #c5befb47,inset 0 2px 14px #e9e9ed1a}50%{box-shadow:0 0 84px #9184d98c,0 0 170px #9184d947,inset 0 0 46px #0009,inset 0 0 0 1px #c5befb66,inset 0 2px 14px #e9e9ed1a}}.ov-third{grid-area:tog;justify-content:center;gap:6px;min-height:120px}.ov-third .kicker{font-size:10px}.ov-third h3{margin:0;font-size:17px;font-weight:500}.ov-third p{margin:0;font-size:11.5px;line-height:1.5;color:var(--color-neutral-500)}.ov-big{grid-area:big;align-items:center;justify-content:center;gap:12px}.big-number{font-size:52px;font-weight:500;letter-spacing:-.02em;line-height:1;background:linear-gradient(180deg,#e7e5fe,#968ae0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(145,132,217,.35))}.bracket-label{font-size:12px;color:var(--color-accent-300);padding:3px 10px;border-left:1px solid var(--color-accent-600);border-right:1px solid var(--color-accent-600);text-align:center}.ov-pills{grid-area:pills;gap:6px}.ov-pills h3{margin:0;font-size:16px;font-weight:500}.ov-pills p{margin:0 0 6px;font-size:12.5px;color:var(--color-neutral-500)}.pill-scatter{position:relative;flex:1;min-height:160px}.pill{position:absolute;padding:6px 12px;border-radius:999px;font-size:11px;text-decoration:none;color:var(--color-accent-200);border:1px solid rgba(197,190,251,.38);background:#9184d914;white-space:nowrap;transition:box-shadow .25s ease,color .2s,scale .25s ease}.pill:hover{box-shadow:0 0 18px #9184d980;color:var(--color-accent-100);scale:1.06}.p1{left:2%;top:4%;transform:rotate(-12deg)}.p2{right:2%;top:10%;transform:rotate(9deg);border-color:#e9e9ed80}.p3{left:10%;top:38%;transform:rotate(-5deg)}.p4{right:4%;top:50%;transform:rotate(12deg)}.pill-coin{position:absolute;right:8%;bottom:2%;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#0b0c13;background:linear-gradient(145deg,#b5abfc,#7c6fd0);box-shadow:0 0 16px #9184d980;transform:rotate(-10deg)}.ov-mid{grid-area:mid1;position:relative;min-height:240px;justify-content:flex-end;gap:8px;-webkit-mask:radial-gradient(circle calc(var(--orb-r) + 14px) at calc(100% + 7px) -14px,transparent calc(var(--orb-r) + 12px),#000 calc(var(--orb-r) + 14px));mask:radial-gradient(circle calc(var(--orb-r) + 14px) at calc(100% + 7px) -14px,transparent calc(var(--orb-r) + 12px),#000 calc(var(--orb-r) + 14px))}.ov-mid2{grid-area:mid2;-webkit-mask:radial-gradient(circle calc(var(--orb-r) + 14px) at -7px -14px,transparent calc(var(--orb-r) + 12px),#000 calc(var(--orb-r) + 14px));mask:radial-gradient(circle calc(var(--orb-r) + 14px) at -7px -14px,transparent calc(var(--orb-r) + 12px),#000 calc(var(--orb-r) + 14px))}.ov-mid h3{margin:0;font-size:18px;font-weight:500}.ov-mid p{margin:0;font-size:12.5px;line-height:1.55;color:var(--color-neutral-500)}.coin{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:#0b0c13;background:linear-gradient(145deg,#d2cefd,#7c6fd0);box-shadow:0 0 22px #9184d980;margin-bottom:6px}.coin.lt{background:linear-gradient(145deg,#f5f4ff,#b5abfc)}a.tile .coin{transition:scale .4s ease,box-shadow .4s ease}a.tile:hover .coin{scale:1.07;box-shadow:0 0 30px #9184d9a6}.trace{position:absolute;top:16px;right:16px;width:110px;height:auto}.ov-mid2 .trace{right:auto;left:16px}.trace-dot{fill:#b5abfc;filter:drop-shadow(0 0 5px rgba(145,132,217,.95))}.trace-dot.dim{fill:#7c6fd0}.bento-fun .ov-cta{grid-area:cta;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;min-height:74px}.ov-cta .cta-title{font-size:14px;font-weight:500}.ov-cta .cta-link{font-size:12.5px;color:var(--color-accent-300);white-space:nowrap;transition:translate .3s ease}.ov-cta:hover .cta-link{translate:3px 0}.projects{display:flex;flex-direction:column;gap:17px}.project{padding:22px 25px;display:grid;grid-template-columns:1fr 320px;gap:25px}.project-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.project-code{font-family:monospace;font-size:11px;color:var(--color-accent-400);flex:none}.project-venue{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600)}.project h3{margin:0 0 8px;font-size:21px;font-weight:500}.project-body{margin:0;font-size:13.5px;line-height:1.6;color:var(--color-neutral-500)}.project-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.project-tags span{font-size:11px;border:1px solid rgba(145,132,217,.32);background:#9184d912;color:var(--color-accent-300);border-radius:var(--radius-sm);padding:3px 8px}.project .img-placeholder{min-height:150px}.detail{max-width:860px}.back-link{display:inline-block;font-size:12.5px;text-decoration:none;color:var(--color-neutral-500);margin-bottom:20px;transition:color .2s,translate .25s ease}.back-link:hover{color:var(--color-accent-300);translate:-2px 0}.detail-title{margin:8px 0 10px;font-size:34px;font-weight:500;letter-spacing:-.015em;line-height:1.12;font-family:var(--font-heading)}.detail-lede{margin:0 0 14px;font-size:15px;line-height:1.65;color:var(--color-neutral-400);max-width:680px;text-wrap:pretty}.detail-hero{margin:24px 0 20px}.detail-hero .img-placeholder{min-height:280px}.fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:10px}.fact{padding:14px 16px;display:flex;flex-direction:column;gap:3px;border-radius:12px}.fact-label{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600)}.fact-value{font-size:13px;line-height:1.45}.fact-value a{word-break:break-all}.detail-body h3{margin:26px 0 8px;font-size:18px;font-weight:500}.detail-body p{margin:0;font-size:14px;line-height:1.7;color:var(--color-neutral-400);max-width:700px}.detail-nav{display:flex;justify-content:space-between;gap:14px;margin-top:36px}.detail-nav-card{flex:1;padding:16px 18px;gap:4px}.detail-nav-card.next{text-align:right;align-items:flex-end}.detail-nav-title{font-size:15px;font-weight:500}.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{color:var(--color-accent-200)}.case-study-link{display:inline-block;margin-top:12px;font-size:13px;text-decoration:none;color:var(--color-accent-300);transition:color .2s,translate .25s ease}.case-study-link:hover{color:var(--color-accent-100);translate:3px 0}.pubs{display:flex;flex-direction:column;gap:17px;max-width:760px}.pub{padding:20px 22px}.pub-venue{font-size:12px;color:var(--color-accent-400);margin-bottom:6px}.pub-title{font-size:15px;font-weight:500;line-height:1.45}.pub-authors{font-size:13px;color:var(--color-neutral-500);margin-top:5px}.teaching-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:900px}.teaching-card{padding:22px}.teaching-card .role{font-size:12px;color:var(--color-accent-400);margin-bottom:8px}.teaching-card .course{font-size:15px;font-weight:500;line-height:1.5}.fading-rule{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--color-neutral-800) 48px calc(100% - 48px),transparent);margin:31px 0;max-width:900px}.background-list{display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.6;color:var(--color-neutral-500);max-width:700px}.background-list strong{color:var(--color-text);font-weight:500}.contact-wrap{max-width:640px}.contact-wrap h2{margin:0 0 14px;font-size:34px;font-weight:500;letter-spacing:-.015em;line-height:1.15;font-family:var(--font-heading)}.contact-lede{margin:0 0 25px;font-size:14.5px;line-height:1.6;color:var(--color-neutral-500)}.contact-rows{display:flex;flex-direction:column;gap:11px;font-size:14px}.contact-rows>div{display:flex;gap:14px}.contact-rows .label{color:var(--color-neutral-600);min-width:70px}.screen{animation:screen-in .25s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen{animation:none}.section-nav a .dash,a.tile,.cv-btn,.pill,.social a,.back-link,.case-study-link,.ov-cta .cta-link,a.tile .coin{transition:none}.tile:after,.project:after,.pub:after,.teaching-card:after{transition:none}a.tile:hover{transform:none}.orb,.orb-arc{animation:none}}@media(max-width:1150px){.bento-fun{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "mid1 mid2" "a      tog" "b      big" "skills pills" "cta    cta"}.ov-hero{min-height:340px}.project{grid-template-columns:1fr}.project .img-placeholder{min-height:120px}}@media(max-width:900px){.layout{display:block}.sidebar{position:static;max-height:none;overflow:visible;border-right:none;padding:34px 20px 18px}.identity:before{top:-30px;right:-20px;bottom:-16px;left:-20px}.name{font-size:30px}.bio{margin-top:16px}.sidebar-footer{margin-top:18px;padding-top:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 18px}.status{width:100%}.easter-egg,.sidebar .section-nav{display:none}.mobile-nav{display:flex;flex-direction:row;align-items:center;gap:22px;position:sticky;top:0;z-index:10;overflow-x:auto;padding:0 20px;background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-neutral-900);border-bottom:1px solid var(--color-neutral-900);scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{flex:none;padding:13px 0;gap:8px}.mobile-nav a .dash{width:10px}.mobile-nav a[aria-current=page] .dash{width:18px}main{padding:24px 20px 44px}}@media(max-width:600px){.bento-fun{--orb-r: 84px;grid-template-columns:1fr;grid-template-areas:"hero" "mid1" "mid2" "a" "tog" "b" "big" "skills" "pills" "cta";gap:12px}.ov-hero{min-height:290px;margin-bottom:calc(var(--orb-r) + 6px)}.ov-mid,.ov-mid2{-webkit-mask:none;mask:none;min-height:0}.ov-mid{padding-top:56px}.orb-arc{width:250px;height:250px}.project{padding:18px;gap:16px}.teaching-grid{grid-template-columns:1fr}.contact-wrap h2{font-size:28px}.contact-rows>div{flex-direction:column;gap:2px}.detail-title{font-size:27px}.detail-hero .img-placeholder{min-height:180px}.detail-nav{flex-direction:column}.detail-nav-card.next{text-align:left;align-items:flex-start}main{padding:20px 16px 40px}}