@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--intro-background:radial-gradient(circle at 78% 25%, #ada1e833, transparent 32%), radial-gradient(circle at 15% 75%, #6097cf24, transparent 35%), linear-gradient(145deg, #111c2b 0%, #16283c 48%, #252342 100%);--hero-height:clamp(620px, 76svh, 760px);--section-height:calc(var(--hero-height) + 84px);--font-main:"Inter", sans-serif;--font-fun:"Fredoka", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg:#eef3f7;--surface:#f8fafc;--text:#17212b;--text-secondary:#596977;--border:#ccd8e2;--blue:#5689ba;--blue-bright:#3976ad;--sky:#91b9dc;--lavender:#9b98ce;--pink:#cb91ad;--rain:#497cac29;font-family:Inter,sans-serif}body{font-family:var(--font-main)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;transition:background-color .3s,color .3s}button,a{font:inherit}img{max-width:100%;height:auto;display:block}.site{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.intro-world{background:var(--intro-background);color:#f3f6fa;width:100%;position:relative;overflow:hidden}.intro-content{z-index:2;width:min(100% - 2rem,1180px);margin-inline:auto;position:relative}@media (width<=700px){.intro-content{width:min(100% - 1.5rem,1180px)}}.navbar{border-bottom:1px solid #dce6f229;grid-template-columns:1fr auto;align-items:center;gap:2rem;min-height:84px;display:grid}.navbar-logo{color:#f3f6fa;letter-spacing:-.01em;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s}.navbar-logo:hover{color:#b8b4ed}.navbar-links{align-items:center;gap:clamp(1.25rem,3vw,2.25rem);display:flex}.navbar-links a{color:#e2eaf3b3;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:hover{color:#f3f6fa}.navbar-links a:after{content:"";opacity:0;background:#aaa7e8;border-radius:50%;width:4px;height:4px;transition:opacity .2s,transform .2s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)translateY(3px)}.navbar-links a:hover:after{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=700px){.navbar{min-height:72px}.navbar-logo{font-size:15px}.navbar-links{gap:1rem}.navbar-links a{font-size:13px}}@media (width<=600px){.navbar{grid-template-columns:1fr auto;row-gap:1rem;padding-block:1rem}.navbar-logo{grid-area:1/1}.navbar-controls{grid-area:1/2}.navbar-links{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;gap:1.5rem;width:100%;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-links a{flex-shrink:0;font-size:13px}}.intro-rain{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro-rain-drop{will-change:transform;background:linear-gradient(#0000,#a9cbed80);width:1px;height:clamp(45px,6vw,70px);animation:linear infinite intro-rainfall;position:absolute;top:-90px}@keyframes intro-rainfall{0%{transform:translateY(-15vh)rotate(8deg)}to{transform:translate(-75px,125vh)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.intro-rain-drop{display:none}}.hero{min-height:var(--hero-height);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(2.75rem,5vh,4rem) 0 clamp(3rem,5vh,4rem);display:grid;position:relative}.hero-copy{z-index:3;max-width:660px;position:relative}.hero-status{color:#dee7f19e;font-family:var(--font-fun);letter-spacing:0;align-items:center;gap:9px;margin:0 0 1.5rem;font-size:14px;font-weight:500;display:flex}.hero-status span{background:#d6a2c0;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 14px #d6a2c073}.hero-greeting{color:#f5f7fb;font-family:var(--font-fun);letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,4.6vw,4.5rem);font-weight:500;line-height:1}.hero-intro{color:#edf2f8db;letter-spacing:-.02em;max-width:610px;margin:1.75rem 0 0;font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:450;line-height:1.5}.hero-intro span{color:#b8b4ed;font-weight:600}.hero-note{color:#d0dbe88c;margin:1.4rem 0 0;font-size:13px;line-height:1.6}.hero-note code{color:#a9cbed;font-family:var(--font-mono);font-size:12px}.hero-links{flex-wrap:wrap;gap:1rem 1.75rem;margin-top:2rem;display:flex}.hero-links a{color:#b8b4ed;align-items:center;gap:7px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.hero-links a:hover{color:#d7d3ff;transform:translateY(-2px)}.external-arrow{flex-shrink:0;width:10px;height:10px;position:relative}.external-arrow:before{content:"";border-top:1.5px solid;border-right:1.5px solid;width:5px;height:5px;position:absolute;top:1px;right:1px}.external-arrow:after{content:"";transform-origin:50%;background:currentColor;width:9px;height:1.5px;position:absolute;top:5px;left:1px;transform:rotate(-45deg)}.down-arrow{font-size:13px;transition:transform .2s;display:inline-block}.hero-links a:hover .down-arrow{transform:translateY(3px)}.hero-visual{z-index:3;justify-content:flex-end;width:100%;display:flex;position:relative}.portrait-wrap{width:min(100%,365px);animation:6s ease-in-out infinite portrait-float;position:relative}.bubble-border{background:linear-gradient(145deg,#d2dcf81c,#bbb4eb12);border:1px solid #d0d5f647;border-radius:13% 9% 15% 8%/10% 15% 8% 13%;padding:7px;position:relative;box-shadow:0 20px 55px #030b182e,0 0 26px #c7c7f114,inset 0 0 15px #ffffff0d}.bubble-border:before{content:"";z-index:-1;filter:blur(.2px);pointer-events:none;background:#bec3e806;border:1px solid #cfd3f224;border-radius:16% 10% 14% 9%/11% 16% 9% 14%;position:absolute;inset:-9px}.bubble-border-inner{aspect-ratio:4/5;border-radius:12% 8% 13% 7%/9% 13% 7% 12%;width:100%;overflow:hidden}.hero-photo{object-fit:cover;object-position:center;width:100%;height:100%;display:block;transform:scale(1.01)}@keyframes portrait-float{0%,to{transform:translate(0,0)rotate(-.2deg)}50%{transform:translateY(-6px)rotate(.15deg)}}.photo-meta{color:#cddae861;width:94%;font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;gap:1rem;margin:13px auto 0;font-size:9px;display:flex}@media (width<=850px){.hero{grid-template-columns:1fr;gap:3.5rem;min-height:auto;padding:4.5rem 0 5rem}.hero-copy{max-width:680px}.hero-greeting{font-size:clamp(2.8rem,10vw,4.3rem)}.hero-visual{justify-content:flex-start}.portrait-wrap{width:min(75vw,380px)}}@media (width<=500px){.hero{gap:3rem;padding:3.5rem 0 4rem}.hero-greeting{font-size:clamp(2.6rem,12vw,3.5rem)}.hero-intro{font-size:1.15rem}.hero-intro br{display:none}.hero-note{font-size:12px}.hero-links{gap:.9rem 1.25rem}.portrait-wrap{width:min(88vw,340px)}}@media (prefers-reduced-motion:reduce){.portrait-wrap{animation:none}.hero-links a,.down-arrow{transition:none}}.content-section{border-top:1px solid var(--border);padding-block:clamp(5rem,10vw,9rem)}.section-heading{grid-template-columns:auto 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);margin-bottom:clamp(3rem,6vw,5rem);display:grid}.section-number{color:var(--blue);padding-top:.35rem;font-size:14px;font-weight:700}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:650}.section-heading p{max-width:540px;color:var(--text-secondary);margin:.75rem 0 0;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.65}@media (width<=600px){.section-heading{grid-template-columns:1fr;gap:.75rem}.section-number{padding-top:0}}.experience{color:#293b50;background:#e7eef5;border-top:1px solid #cedbe7;padding:clamp(2.5rem,4vw,3.5rem) 0;scroll-margin-top:2rem}.experience-inner{width:min(100% - 3rem,1400px);margin-inline:auto}.experience-heading{margin-bottom:2.5rem}.experience-heading h2{font:500 clamp(1.9rem, 2.8vw, 2.5rem)/1.2 var(--font-main);margin:1rem 0 .7rem}.experience-heading>span{color:#65768a;font-size:.95rem}.experience-layout{grid-template-columns:434px minmax(0,1fr);align-items:start;gap:clamp(2.5rem,5vw,5rem);display:grid}.experience-selector{grid-template-columns:180px 64px 190px;display:grid;position:relative}.experience-wire{width:64px;height:288px;overflow:visible}.experience-wire path{fill:none;stroke:#6e879e;stroke-width:3px;stroke-linecap:round}.experience-wire .wire-shadow{stroke:#354b6520;stroke-width:6px;transform:translateY(2px)}.experience-wire circle{fill:#6e879e}.experience-tabs{border-left:1px solid #bccbd9}.experience-tabs button{color:#53677c;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;height:72px;margin-left:-2px;padding:8px 12px;font-size:14px;line-height:1.45;display:flex}.experience-tabs button[aria-selected=true]{color:#2e5275;background:#d8e5f0;border-left-color:#6489ad}.experience-tabs button:hover{background:#dce7f0}.experience-tabs button:focus-visible,.experience-panel:focus-visible{outline-offset:4px;outline:2px solid #527ca4}.track-number{font:10px var(--font-mono);color:#688198}.player-caption{font:14px var(--font-mono);color:#697e90;text-align:center;grid-column:1/-1;align-self:center;margin-top:2rem}.experience-panel{min-height:390px}.experience-panel h3{font:500 clamp(1.4rem, 2.1vw, 2rem)/1.35 var(--font-fun);margin:0}.experience-panel h3 span{color:#4b7197}.experience-date{font:12px/1.8 var(--font-mono);color:#62768b;margin:1rem 0}.experience-date span{white-space:nowrap}.experience-project{color:#5a7190;margin:0 0 1rem;font-size:13px}.experience-panel ul{margin:1.7rem 0 0;padding-left:1.2rem}.experience-panel li{color:#53657a;margin-bottom:1rem;padding-left:.5rem;font-size:1rem;line-height:1.75}.experience-panel li::marker{content:"▹ ";color:#6388ad}@media (width<=1050px){.experience-layout{grid-template-columns:minmax(0,1fr)}.experience-panel{min-height:0}}@media (width<=500px){.experience-selector{grid-template-columns:140px 40px minmax(0,1fr)}.experience-wire{width:40px}.experience-tabs button{gap:5px;padding-inline:7px;font-size:12px}.track-number{display:none}.experience-inner{width:calc(100% - 2rem)}}@media (width>=1051px){.experience{min-height:var(--section-height);align-items:center;display:grid}}.projects{min-height:var(--section-height);grid-template-columns:minmax(0,1fr);align-items:center;padding-block:clamp(3rem,5vw,5rem);scroll-margin-top:2rem;display:grid}.projects-inner{width:min(100% - 3rem,1400px);min-width:0;margin-inline:auto}.projects h2{font:500 clamp(1.9rem, 2.8vw, 2.5rem)/1.2 var(--font-main);color:#293b50;margin:0}.projects-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.projects-controls{gap:.75rem;display:flex}.projects-controls button{color:#425b83;cursor:pointer;background:0 0;border:1px solid #bdc9dd;border-radius:4px;width:42px;height:38px;font-size:22px}.projects-controls button:hover{background:#e3e9f5}.project-list{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aebbd3 transparent;gap:20px;padding:4px 4px 1.5rem;display:flex;overflow-x:auto}.project-list:focus-visible,.projects-controls button:focus-visible{outline-offset:4px;outline:2px solid #527ca4}.project-card{--card-bg:#e8eef8;--card-border:#c5d2e8;--card-ink:#405a86;scroll-snap-align:start;border:1px solid var(--card-border);background:var(--card-bg);border-radius:5px;flex:0 0 min(420px,86vw);display:flex;overflow:hidden}.project-card:nth-child(2n){--card-bg:#eeebf6;--card-border:#d2c9e5;--card-ink:#65527f}.project-card-body{flex-direction:column;width:100%;min-height:320px;padding:1.8rem;display:flex}.project-image{object-fit:contain;width:100%;max-height:240px}.project-card-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.project-card h3{font:500 1.5rem/1.2 var(--font-main);color:#303c54;margin:0}.project-card p{color:#526078;margin:1.2rem 0 1.5rem;font-size:.95rem;line-height:1.75}.project-github{color:var(--card-ink);border-radius:3px;flex-shrink:0;padding:3px;display:inline-flex}.project-github--placeholder{opacity:.6}a.project-github:hover{color:#263451}a.project-github:focus-visible,.project-demo:focus-visible,.project-website:focus-visible{outline:2px solid var(--card-ink);outline-offset:4px}.project-stack{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:.35rem .75rem;margin:auto 0 0;padding:1rem 0 0;list-style:none;display:flex}.project-stack li{font:11px/1.6 var(--font-mono);color:var(--card-ink)}.project-status{font:11px var(--font-mono);color:var(--card-ink);align-self:flex-start;margin-top:.7rem}.project-demo,.project-website{color:var(--card-ink);text-underline-offset:4px;align-self:flex-start;margin-bottom:1.5rem;font-size:13px}.project-demo:hover,.project-website:hover{text-decoration-thickness:2px}.research{color:#293b50;min-height:var(--section-height);background:#e7eef5;border-top:1px solid #d0dae5;align-items:center;padding-block:2rem;scroll-margin-top:2rem;display:grid}.research-inner{width:min(100% - clamp(3rem,10vw,10rem),1200px);margin-inline:auto}.research h2{font:500 clamp(1.9rem, 2.8vw, 2.5rem)/1.2 var(--font-main);margin:0 0 1.5rem}.research-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);display:grid}.research-item{min-width:0}.research-visual{aspect-ratio:5/3;background:#dfe7f1;display:block}.research-visual img{object-fit:contain;width:100%;height:100%;display:block}.research-status{color:#586e89;font:11px/1.6 var(--font-mono);margin:1rem 0 .5rem}.research h3{font:500 clamp(1.3rem, 1.7vw, 1.75rem)/1.3 var(--font-fun);max-width:42rem;margin:0}.research-authors{color:#63748a;margin:.5rem 0;font-size:12px;line-height:1.6}.research-description{color:#506176;max-width:44rem;margin:.75rem 0;font-size:.95rem;line-height:1.65}.research-links{flex-wrap:wrap;gap:1.5rem;margin-top:.75rem;display:flex}.research-links a{color:#4b6087;text-underline-offset:5px;font-size:13px}.research a:focus-visible{outline-offset:5px;outline:2px solid #5e79a3}@media (width<=800px){.research-list{grid-template-columns:minmax(0,1fr);gap:3rem}}.hardware{min-height:var(--section-height);background:var(--intro-background);color:#f2f3f5;align-items:center;padding-block:3.5rem;scroll-margin-top:2rem;display:grid}.hardware-inner{width:min(100% - 3rem,1200px);margin-inline:auto}.hardware-heading{justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:2.5rem;display:flex}.hardware h2{font:500 clamp(2rem, 3.3vw, 3rem)/1.15 var(--font-main);letter-spacing:-.045em;margin:0}.hardware-heading>span{color:#a6a9b2;font-size:13px}.hardware-workbench{background-image:radial-gradient(#4a4d563d .8px,#0000 .8px);background-size:22px 22px;border-top:1px solid #34363d;border-bottom:1px solid #34363d;grid-template-columns:1fr .8fr 1fr;align-items:center;gap:4rem;min-height:440px;padding-block:1.5rem;display:grid;position:relative}.hardware-project{z-index:1;background:#232529;border:1px solid #43454e;border-radius:6px;min-width:0;padding:1.25rem;position:relative;box-shadow:0 12px 28px #00000020}.hardware-project-0{grid-area:1/1}.hardware-project-1{background:#232529;grid-area:1/3;padding:2rem 1.7rem}.hardware-project:after{content:"";background:#111214;border:2px solid #727580;border-radius:3px;width:13px;height:18px;position:absolute;top:50%}.hardware-project-0:after{right:-9px}.hardware-project-1:after{left:-9px}.hardware-image{aspect-ratio:4/3;background:#fff;border-radius:2px;display:block;overflow:hidden}.hardware-image img{object-fit:contain;width:100%;height:100%;display:block}.hardware-label{font:10px/1.6 var(--font-mono);color:#b6a4df;margin:1.1rem 0 .7rem}.hardware-project-1 .hardware-label{margin-top:0}.hardware h3{font:500 clamp(1.3rem, 1.8vw, 1.65rem)/1.25 var(--font-main);letter-spacing:-.035em;margin:0}.hardware-description{color:#b6b9c2;margin:.85rem 0 0;font-size:14px;line-height:1.75}.hardware-board{z-index:1;text-align:center;grid-area:1/2;margin:0;position:relative}.hardware-board-case{width:232px;max-width:100%;margin:auto;padding:14px 10px;position:relative}.hardware-board-brand{font:10px var(--font-mono);letter-spacing:.08em;color:#c1c5ce;justify-content:space-between;align-items:center;display:flex}.hardware-board-brand small{font:inherit;color:#8a8d99}.hardware-board-window{height:284px;margin-block:14px;position:relative}.hardware-board-window img{filter:drop-shadow(7px 10px 5px #00000060);width:263px;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.hardware-board-detail{color:#8e929c;font:9px var(--font-mono);letter-spacing:.12em}.hardware-board figcaption{font:9px/1.8 var(--font-mono);color:#9599a4;margin-top:1rem}.hardware-board a{color:inherit;text-underline-offset:3px}.hardware-cables{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hardware-cables path{fill:none;stroke-linecap:round}.hardware-cable-shadow{stroke:#737784;stroke-width:7px;opacity:.65}.hardware-cable{stroke:#08090a;stroke-width:5px}.hardware a:focus-visible{outline-offset:5px;outline:2px solid #c4a8ff}.hardware-image{transition:opacity .16s}.hardware-image:hover{opacity:.88}@media (width<=950px){.hardware-workbench{gap:1.5rem}.hardware-project{padding:1rem}}@media (width<=800px){.hardware-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.hardware-workbench{grid-template-columns:1fr;gap:2.5rem}.hardware-project-0,.hardware-project-1,.hardware-board{grid-area:auto/1}.hardware-board{width:232px;margin-inline:auto}.hardware-cables,.hardware-project:after{display:none}}@media (prefers-reduced-motion:reduce){.hardware-image{transition:none}}.gallery-world,.projects{color:#202830;background:radial-gradient(circle at 12% 18%,#6794ba0b,#0000 30%),radial-gradient(circle at 88% 78%,#9d99cc09,#0000 28%),#f3f6f8;border-top:1px solid #34435233;width:100%;position:relative}.gallery-content{width:min(100% - clamp(2rem,5vw,6rem),1600px);margin-inline:auto;padding-block:clamp(2.5rem,4vw,3.5rem)}.about{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);scroll-margin-top:2rem;display:grid}.about-gallery{aspect-ratio:1.12;width:100%;max-width:640px;margin-inline:auto;position:relative;container-type:inline-size}.about-copy{min-width:0;max-width:34rem}.about-copy h2{color:#293747;font:500 clamp(1.9rem, 2.8vw, 2.5rem)/1.2 var(--font-main);margin:0 0 1.6rem}.about-copy>p:not(.about-footnote){color:#536170;margin:0 0 1.15rem;font-size:1rem;line-height:1.7}.about-footnote{color:#657080;font-family:var(--font-mono);border-top:1px solid #d7dfe5;margin:1.8rem 0 0;padding-top:1.2rem;font-size:.75rem;line-height:1.7}.about-footnote span{color:#545477}@media (width<=800px){.about{grid-template-columns:minmax(0,1fr)}.about-gallery{max-width:560px;margin-inline:auto}.about-copy{max-width:600px}}@media (width>=1051px){.gallery-world{min-height:var(--section-height);align-items:center;display:grid}}.footer{background:var(--intro-background);color:#fff;border-top:1px solid #ffffff20;padding:1.75rem 0 1rem}.footer-inner{grid-template-columns:1fr auto;gap:1.25rem;width:min(100% - 3rem,1200px);margin-inline:auto;display:grid}.footer-note>p{color:#fff;font:12px var(--font-mono);margin:1.5rem 0 .75rem}.footer h2{font:500 clamp(1.35rem, 2vw, 1.75rem)/1.2 var(--font-main);margin:0 0 .65rem}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-underline-offset:5px;text-decoration:underline}.footer-email{font-size:clamp(13px,1.5vw,17px)}.footer-links{flex-direction:column;align-self:center;gap:1rem;font-size:14px;display:flex}.footer-bottom{color:#fff;border-top:1px solid #ffffff25;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:11px;display:flex}.footer a:focus-visible{outline-offset:5px;outline:2px solid #fff}.footer-note{padding:1rem 0 1rem 90px;position:relative}.footer-coffee{transform-origin:0 0;width:84px;height:108px;position:absolute;top:0;left:0;transform:scale(.7)}.coffee-straw{background:#ead7bd;border-radius:3px;width:6px;height:46px;position:absolute;top:0;left:48px;transform:rotate(12deg)}.coffee-cup{clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);background:linear-gradient(100deg,#d6ac80,#a56d46 55%,#75482f);border-radius:0 0 15px 15px;width:58px;height:76px;position:absolute;bottom:3px;left:12px;box-shadow:inset 5px 0 #ffffff20}.coffee-ice{background:#ecdbc5aa;border:1px solid #fff7e9a0;border-radius:4px;width:16px;height:15px;position:absolute;top:6px;left:9px;transform:rotate(-14deg)}.coffee-ice:nth-child(2){top:10px;left:31px;transform:rotate(17deg)}.coffee-sleeve{color:#fff;background:#bf946a;place-items:center;width:100%;height:30px;font-size:25px;display:grid;position:absolute;top:29px;left:0}.coffee-lid{background:#e0c8aacc;border:2px solid #ead7bd;border-radius:5px;width:66px;height:9px;position:absolute;top:26px;left:8px}@media (width<=600px){.footer-inner{grid-template-columns:1fr}.footer-links{flex-flow:wrap}}.organizations{color:#293b50;background:#eef3f7;padding:clamp(4rem,7vw,6rem) 0;scroll-margin-top:2rem}.organizations-inner{width:min(100% - 3rem,1200px);margin-inline:auto}.organizations h2{font:500 clamp(1.9rem, 2.8vw, 2.5rem)/1.2 var(--font-main);margin:0 0 2rem}.organizations-intro{color:#65768b;margin:1rem 0 2.5rem;line-height:1.6}.organizations-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;display:grid}.organization{color:inherit;background:0 0;border:1px solid #d7e0ea;border-radius:4px;flex-direction:column;align-items:flex-start;padding:1.25rem;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.organization:hover{border-color:#a8a5ce}.organization-logo{background:#fff;border-radius:14px;place-items:center;width:72px;height:72px;margin-bottom:1.75rem;display:grid}.organization-logo img{object-fit:contain;width:54px;height:54px}.organization-logo.codelab{background:#242132}.organization-logo.codelab img{width:34px;height:44px}.organization-logo.aic{background:#fff}.organization-logo.include{background:#76629a}.organization-logo.include img{width:40px;height:40px}.organization-name{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.organization h3{font:500 1.15rem var(--font-main);margin:0}.organization-present{font:10px var(--font-mono);color:#4b6b62;background:#e2ede8;border-radius:4px;padding:4px 7px}.organization-detail{color:#65768b;margin:.5rem 0 0;font-size:11px;line-height:1.5}.organization-role{color:#586b82;margin:.75rem 0 0;font-size:13px;line-height:1.5}.organization-link{color:#706695;margin-top:auto;font-size:12px}.organization:focus-visible{outline-offset:5px;outline:2px solid #706695}@media (width<=1000px){.organizations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.organizations-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.organization{transition:none}}.organization-description{color:#65768b;margin:.75rem 0 1.5rem;font-size:13px;line-height:1.65}.organization-logo.void{color:#f1eef8;font:500 2rem var(--font-main);background:#272736}@media (hover:hover) and (pointer:fine){:root{--cursor-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4.5' fill='%23252b38' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 8 8;--cursor-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%238b80b8' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 12 12}body,body *{cursor:var(--cursor-dot), auto}a,a *,button:not(:disabled),button:not(:disabled) *,[role=button],summary{cursor:var(--cursor-link), pointer}input,textarea,[contenteditable=true],[contenteditable=true] *{cursor:text}button:disabled,[aria-disabled=true]{cursor:not-allowed}}@media (width>=1051px){.site>section{min-height:var(--section-height);align-items:center;padding-block:1.5rem;display:grid}.site>.intro-world,.gallery-content{padding-block:0}.experience-heading{margin-bottom:1.5rem}.experience-heading h2{margin-top:0}.research-inner{max-width:1120px}.research h3{font:500 1.3rem/1.3 var(--font-main)}.research-description{font-size:.875rem;line-height:1.6}.organizations h2{margin-bottom:2rem}}.hardware h2{font-size:clamp(1.9rem,2.8vw,2.5rem)}.hardware-workbench{background-image:none}.hardware-project{box-shadow:none}.gallery-frame{border:2px solid var(--frame-dark);background:repeating-linear-gradient(97deg, transparent 0 4px, #5e625b09 4px 5px, transparent 5px 11px), var(--frame-mid);width:100%;box-shadow:inset 0 0 0 2px var(--frame-mid), inset 0 0 0 4px var(--frame-dark), inset 0 0 0 6px var(--frame-mid), inset 2px 3px 3px 6px #ffffff35, inset -2px -3px 4px 6px #333a352e, 1px 1px 0 var(--frame-dark), 2px 2px 0 var(--frame-dark), 3px 3px 0 var(--frame-dark), 4px 5px 0 var(--frame-dark), 5px 7px 5px #29313a30, 9px 19px 22px #29313a26;transform:perspective(900px) rotate(var(--angle)) scale(1.1);border-radius:3px;margin:0;padding:clamp(8px,1.9cqw,20px);position:absolute}.gallery-frame:after{content:"";border:1px solid var(--frame-light);opacity:.65;pointer-events:none;position:absolute;inset:7px}.gallery-mat{width:100%;box-shadow:0 0 0 2px var(--frame-dark), 0 0 0 4px var(--frame-mid);background:#edf0f1;padding:0;position:relative;overflow:hidden}.gallery-mat img{width:100%;height:auto;display:block}.gallery-mat:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 2px 3px 5px #202a3545}.frame-carving{pointer-events:none;border:2px solid var(--frame-mid);box-shadow:inset 1px 1px 1px var(--frame-light), 1px 2px 1px var(--frame-dark);position:absolute;inset:3px}.frame-corner{aspect-ratio:1;width:29%;color:var(--engraving);filter:drop-shadow(1px 2px 1px var(--frame-dark)) drop-shadow(-1px -1px 0 var(--frame-light));position:absolute}.frame-corner--0{top:-3px;left:-3px}.frame-corner--1{top:-3px;right:-3px;transform:rotate(90deg)}.frame-corner--2{bottom:-3px;right:-3px;transform:rotate(180deg)}.frame-corner--3{bottom:-3px;left:-3px;transform:rotate(270deg)}.frame-ornament{width:100%;height:100%;display:block}.gallery-frame{transition:transform .32s,box-shadow .32s}@media (hover:hover) and (pointer:fine){.gallery-frame:hover{z-index:1;transform:perspective(900px) translateY(-5px) rotate(calc(var(--angle) * .35)) rotateX(1deg) scale(1.1)}}@media (prefers-reduced-motion:reduce){.gallery-frame{transition:none}.gallery-frame:hover{transform:perspective(900px) rotate(var(--angle)) scale(1.1)}}.frame-engraving{fill:none;width:58%;height:12px;stroke:var(--engraving);stroke-width:1.5px;stroke-linecap:round;opacity:1;filter:drop-shadow(0 1px 0 var(--frame-light));position:absolute}.frame-engraving--top{top:4px;left:21%}.frame-engraving--bottom{bottom:4px;left:21%;transform:rotate(180deg)}.frame-engraving--left{width:12px;height:58%;top:21%;left:3px}.frame-engraving--right{width:12px;height:58%;top:21%;right:3px}.tape-player{background:#afcce5;border:1px solid #7f9ebc;border-radius:15px 15px 22px;align-self:start;height:245px;margin-top:35px;padding:17px 13px;position:relative;transform:rotate(-3deg);box-shadow:inset 2px 2px #e4f0fa,inset -3px -3px #8baccc,4px 5px #7596b5,8px 16px 25px #3c536a24}.player-brand{font:600 11px var(--font-mono);letter-spacing:.12em;justify-content:space-between;display:flex}.player-brand span{letter-spacing:0;font-size:9px;font-weight:400}.cassette{background:#d9e7ef;border:3px solid #6d8aa4;border-radius:6px;margin-top:16px;padding:9px 8px;box-shadow:inset 1px 2px 4px #34485b2e}.cassette-label{font:8px var(--font-mono);text-align:center;color:#475e70}.tape-reels{background:#728da3;border-radius:20px;justify-content:space-between;align-items:center;margin:10px 0;padding:4px;display:flex}.tape-reels i{background:#3f5668;border:6px dashed #dde8ef;border-radius:50%;width:27px;height:27px}.tape-reels>span{background:#344858;border-radius:2px;width:26px;height:9px}.cassette-name{font:9px/1.3 var(--font-mono);text-align:center;min-height:24px}.player-speaker{background:repeating-linear-gradient(0deg,#6d8ba8 0 1px,#0000 1px 4px);width:70px;height:20px;margin-top:14px}.player-controls{gap:5px;margin-top:12px;display:flex}.player-controls span{background:#dce9f3;border:1px solid #829eb6;border-radius:3px;padding:3px 8px;font-size:10px;box-shadow:0 2px #7c9ab5}.player-controls .player-play{background:#f0e6ef}.player-jack{background:#49657e;border-radius:2px;width:8px;height:12px;position:absolute;top:130px;right:-7px}@media (width<=500px){.tape-player{padding-inline:8px}}