html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#000}.r3f{touch-action:none}canvas.r3f,.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.buttons{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:10px}.r3f,canvas.r3f,.r3f>div{z-index:0}.music{font-size:40px;border:0;background-color:transparent;color:#fff;pointer-events:auto;cursor:pointer}.cc{position:fixed;right:14px;bottom:12px;z-index:1001;padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#0000008c;color:#fff;font-size:.85rem;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.cc-text{position:fixed;font-family:Oswald,sans-serif;letter-spacing:.06em;font-size:20px;font-weight:100;right:14px;bottom:54px;z-index:1000;max-width:360px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(180deg,#ffffff14,#ffffff05),#000000a6;color:#eaeef5;box-shadow:0 10px 30px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px) scale(.98);visibility:hidden;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}.cc-text.show{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition-delay:0s,0s,0s}.cc-text p{margin:0 0 8px;line-height:1.4}.cc-text p:last-child{margin-bottom:0}.cc-text p+p{padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.cc-text a{color:#8ecaff;text-decoration:none;transition:color .2s,border-color .2s;pointer-events:auto}.cc-text a:hover,.cc-text a:focus{color:#b6dcff;border-bottom-color:#b6dcffe6;text-decoration:none}.zoom-button{border-radius:100px;border:0px;width:30px;height:30px;background-color:#ffffffb3;cursor:pointer}.mobile-notice{color:#fff;font-family:Oswald;text-transform:uppercase;position:absolute;top:30%}.loadingScreen{position:fixed;top:0;left:0;bottom:0;right:0;background-color:inherit;display:flex;align-items:center;justify-content:center;transition:opacity 1s;z-index:1000}.loadingScreen__title{font-size:4rem;color:#00000080;margin:0 0 8px}.loadingScreen__button{padding:8px 32px;background-color:#0000003d;color:#fff;border:5px solid white;font-size:2.5rem;transition:font-weight .1s ease;font-family:Oswald,sans-serif;font-weight:500}.loadingScreen__button:hover{border:6px solid white;font-weight:600;cursor:pointer}.loadingScreen__button:disabled{opacity:.1;cursor:not-allowed}.loadingScreen__progress{position:absolute;bottom:25%;left:25%;width:50%;height:12px}.loadingScreen__progress__value{position:absolute;left:0;top:0;bottom:0;border-radius:10px;background-color:#fff;transition:width .4s}.loadingScreen--started{opacity:0;pointer-events:none}.loadingScreen--started .loadingScreen__board{opacity:0}.nozzle{position:absolute;bottom:0;left:-30px;width:89px}.nozzle-container{bottom:0;position:absolute;transition:left .4s}@media (max-width: 480px){.nozzle{width:60px;left:-20px}.loadingScreen__progress{height:8px;width:45%}.music{font-size:30px}.buttons{gap:5px;top:5px;right:0}.cc{font-size:15px}}@media (prefers-reduced-motion: reduce){.cc-text{transition:none}}.laptop-container{height:100%;background-color:#121212!important;color:#e0e0e0;font-family:Oswald,sans-serif;line-height:1.6;margin:0;padding:0;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(.1px)}.main-header{display:flex;align-items:center;gap:1rem;padding:0rem 1rem;background-color:#272727;text-transform:uppercase}.logo{width:40px;height:40px}.main-title{font-size:2.5rem}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:1.5rem 4rem}.grid-item{background-color:#1e1e1e;border-radius:5px;box-shadow:0 0 10px #0009;margin-bottom:2rem}.item-header{display:flex;align-items:center;gap:.75rem;padding:0 1rem;background-color:#272727;border-top-left-radius:5px;border-top-right-radius:5px;text-transform:uppercase;width:100%;box-sizing:border-box}.item-header svg{height:30px;width:30px;color:#b32929;background-color:none}.item-title{font-size:2rem;font-weight:600}.item-content{font-size:1rem;color:silver;padding:.75rem 1rem}.temp-table{width:100%;border-collapse:collapse;font-size:1.7rem}.temp-table th,.temp-table td{padding:.5rem .75rem}.align-left{text-align:left}.align-right{text-align:right}.temp-table thead{color:#ffffffb3;border-bottom:1px solid #444}.temp-table tbody tr{border-bottom:1px solid #333}.temp-table tbody tr:last-child{border-bottom:none}.time{width:20px}.control-panel{display:flex;align-items:center;flex-direction:column;gap:4rem;padding:2rem;background-color:#1e1e1e;border-radius:5px;width:fit-content;color:#e0e0e0;margin:auto}.control-panel div{display:flex;gap:.75rem;flex-wrap:wrap}.control-panel button{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444;padding:.5rem 2rem;border-radius:20px;cursor:pointer;font-size:4rem;transition:background-color .2s,transform .1s}.model-buttons{justify-content:center}.model-buttons button{width:270px;height:270px}.model-buttons img{pointer-events:none;margin-top:10px;width:220px;height:220px}.control-panel button:hover{background-color:#3a3a3a}.control-panel button:active{transform:scale(.97)}.button-group{display:flex;gap:.75rem}.button-group button{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444;padding:1.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;font-size:3rem;width:140px}.button-group button:hover{background-color:#3a3a3a}.button-group button:active{transform:scale(.95)}.color-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem;padding:0rem 2rem}.color-buttons button{width:75px;height:75px}.progress-bar{width:100%;height:30px;background-color:#2a2a2a;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 5px #0009}.progress-bar-fill{height:100%;background:linear-gradient(to right,#c51e1e,#f06292);transition:width .3s ease}.scroll-container{overflow-y:auto;max-height:300px}.scroll-container::-webkit-scrollbar{width:40px}.scroll-container::-webkit-scrollbar-track{background:#1e1e1e}.scroll-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:20px}@media (max-width: 480px){.logo{width:20px;height:20px}.main-title{font-size:1.25rem}.grid-container{grid-template-columns:1fr;gap:0rem;padding:.75rem 2rem}.item-title{font-size:1rem}.item-content{font-size:.5rem}.item-header svg{height:15px;width:15px}.temp-table{font-size:.85rem}.temp-table th,.temp-table td{padding:.25rem .375rem}.time{width:10px}.control-panel{gap:2rem;padding:1rem}.control-panel button{padding:.25rem 1rem;font-size:2rem;border-radius:10px}.model-buttons button{width:105px;height:105px}.model-buttons img{width:80px;height:80px;margin-top:5px}.button-group{justify-content:center;margin:auto;align-items:center}.button-group button{height:80px;width:70px;padding:.75rem;font-size:1.5rem}.color-buttons{gap:.5rem;padding:.5rem 1rem}.color-buttons button{width:38px;height:38px}.progress-bar{height:15px}.progress-bar-fill{transition:width .3s ease}.scroll-container{max-height:250px}}*{margin:0}.corkboard-container{position:relative;font-family:Oswald,sans-serif;width:300px;height:425px;padding:25px}.arrow-button{position:absolute;padding:0;border:0;background:#fff6;border-radius:50px;cursor:pointer;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.arrow{width:100%;height:100%;--s: 1;transform:rotate(var(--r)) scale(var(--s)) scaleX(var(--f,1));transform-origin:center;transition:transform .16s ease;pointer-events:none}.arrow-button:hover .arrow{--s: 1.2}.zoom-controls{position:absolute;top:-20px;right:-10px;display:flex;gap:10px}.zoom-controls button{background:#ffffffb3;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;color:#000;transition:transform .16s ease}h1{font-size:40px;text-transform:uppercase}.about h1{display:flex;margin-top:5px;justify-content:center}.about{margin-top:60px;font-size:12pt}.about p{font-size:12px;color:#000}.about-name{font-size:24px;margin-bottom:0;display:flex;justify-content:center}.about-title{display:flex;justify-content:center}.about h3{color:#000}.about span{background:transparent;color:#000;padding:2px 8px;font-size:10px}.about-divider{height:1px;background:#000;border-radius:1px;width:80%;margin:10px auto}.experience{width:350px}.experience h1{margin-top:20px}.experience h3{font-size:12px}.experience p{font-size:10px}.experience .experience-list{max-height:250px;overflow-y:auto;padding-right:8px}.experience .experience-list::-webkit-scrollbar{width:8px}.experience .experience-list::-webkit-scrollbar-thumb{background:#000}.experience ul{font-size:10px;margin-top:5px;margin-bottom:15px;padding-left:20px}.experience li{color:#000;margin-bottom:5px;font-size:12px!important}.item-card.paper{margin-left:0;background:transparent;border:0px;padding:0}.experience span{font-size:12px;color:#000;background:transparent}.experience p{font-size:12px;color:#000}.experience summary{font-size:12px}.chip-experience.desktop{background:transparent;font-size:9px;color:#000;padding:2px 8px}.chips-experience.desktop{gap:4px}.contact{width:280px;height:350px}.contact h1{display:flex;justify-content:center;margin-left:auto;margin-top:10px;margin-bottom:0}.contact label{font-size:1rem;margin-bottom:5px}.submit-button{background-color:transparent}input[type=text],input[type=email],textarea{background:transparent;border:1px solid black}.social-links{display:flex;flex-direction:row;gap:5px}.social-links p{margin-left:5px;font-size:15px}.social-links a{color:#000;transition:color .2s}.social-links a:hover{color:#4b1313}.projects{width:500px;height:400px;margin-top:30px}.paper-sheet{margin-top:-20px}.sheet-title{display:flex;justify-content:center;margin:auto;font-weight:800;letter-spacing:.02em;font-size:28px;text-transform:uppercase}.title-rule{height:3px;width:110px;background:#000;border-radius:2px;margin:4px 0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;height:calc(100% - 64px)}.project-list.desktop{display:grid;grid-template-columns:repeat(2,1fr)}.project.desktop{background:transparent;border:0px}.project img{border-radius:0;border:0px}.title.desktop,.subtitle.desktop{color:#000}.chips.desktop{margin-top:0}.project-card{padding:10px 10px 12px;box-shadow:0 12px 24px #1d1d1d96,0 2px 5px #2a19072e;transform:rotate(var(--rot, 0deg))}.project-card:nth-child(odd){--rot: -.6deg}.project-card:nth-child(2n){--rot: .6deg}.polaroid{padding:10px 10px 16px;box-shadow:0 5px 14px #1f1f1f2e;margin:0 0 8px}.polaroid img{display:block;width:190px;margin:auto}.projects h2{margin:2px;font-size:15px;font-weight:800;line-height:1.2}.divider{height:2px;width:100%;background:#000;margin:6px 0}.divider.desktop{height:2px;width:90%;background:#000;margin:6px auto}.projects p{font-size:12px;color:#000;margin:0}.project-card:hover{cursor:pointer;translate:0 -2px;box-shadow:0 18px 34px #353535c4,0 4px 10px #353535c4}*{font-family:Oswald}.corkboard-container.mobile{background-color:#121212!important;color:#e0e0e0;width:100vw;height:100vh;font-size:2rem;padding:0}.mobile h1{font-size:3rem;text-transform:uppercase;margin-top:0}.mobile h2{font-size:2rem}.mobile h3,.mobile p{font-size:1rem}.contact.mobile h1{margin-top:0;margin-bottom:0}.submit-button.mobile{background-color:#ffffffd2;color:#000;border:1px solid rgb(255,255,255);box-shadow:0 10px 30px #00000059;height:50px;width:100%;font-size:2rem;border-radius:10px}.mobile input[type=text],.mobile input[type=email],.mobile textarea{background:#151b22;border:1px solid #222a33;border-radius:10px;height:200px;color:#fff;font-size:1rem}.mobile input[type=text],.mobile input[type=email]{height:40px}.social-links.mobile a{color:#fff;transition:color .2s}.social-links.mobile p{font-size:1.1rem}.about.mobile{margin-top:0}.about-text{margin:30px}.about.mobile h1{padding-top:0}.about.mobile p{font-size:1.5rem}.experience.mobile h1{margin-top:0}.experience.mobile h3,.experience.mobile li{font-size:1rem}.projects.mobile{margin-top:0}.projects.mobile h2{font-size:30px;color:#fff;margin:0}.projects.mobile p{color:#fff;font-size:22px;margin:0}.projects-grid.mobile{display:flex;flex-direction:column}.project-card-grid{display:flex;flex-direction:column;margin:0}.project-card-header{margin-bottom:.75rem}.project-card-body{gap:1rem}.project-card-body img{display:block;max-width:300px;height:auto;border-radius:8px;object-fit:cover}.project-card-body div{flex:1}:root{--bg: #0b0f14;--card: #11161c;--muted: #a0a8b3;--text: #e7ecf3;--accent: #ff2d2d;--chip: #151b22;--chip-border: #222a33;--surface: #0e141b;--ring: #2d7dff33}.about-screen{max-width:400px;min-height:100dvh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;background:#0000001a;overflow:scroll}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid #1a2230;border-radius:999px;background:#0e141b;color:var(--muted);cursor:pointer}.icon-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.topbar-title{font-size:40px;font-weight:600;text-align:center;margin:0}.topbar-spacer{width:36px;height:36px}.content{padding:16px}.card.hero{background:var(--card);border:1px solid #1a2230;border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000059;overflow:scroll}.about-image{width:180px;height:180px;border-radius:200px;margin:auto;display:flex;box-shadow:0 10px 30px #00000059;border:3px solid #bfc8d6}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;font-size:12px;background:var(--chip);border:1px solid var(--chip-border);color:var(--text);text-decoration:none}.chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chip a{color:#fff}.chip p{font-size:1rem}.bio{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.45}.divider{margin:14px 0;height:1px;background:linear-gradient(90deg,transparent,#1b2430,transparent);border-radius:1px}.section-title{margin:0 0 8px;font-size:18px;color:#b8c0cc;font-weight:600}label{display:inline-block;font-size:1.5rem;margin-bottom:10px}.social.chip{gap:10px;border-radius:20px;font-size:12px}.experience-screen{max-width:400px;min-height:100vh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid #1a2230;border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer}.timeline{position:relative;padding-left:18px}.rail{position:absolute;left:6px;top:40px;bottom:0;width:2px;background:linear-gradient(to bottom,#2d7dff00,#ff2d2dd9 10%,#ff2d2dd9 90%,#2d7dff00);border-radius:2px}.item{position:relative;margin:14px 0 18px}.year{position:relative;left:-6px;margin-bottom:8px;display:inline-flex;padding:4px 10px;border-radius:999px;background:#0d131b;border:1px solid #1a2230;font-size:11px;color:#c9d3e1}.dot{position:absolute;left:-20px;top:50%;width:15px;height:15px;border-radius:999px;background:radial-gradient(100% 100% at 30% 30%,#ff6060,#e01b1b);box-shadow:0 0 0 3px #ff2d2d40;border:1px solid #771f1f}.item-card{margin-left:18px;background:var(--surface);border:1px solid #182231;border-radius:12px;padding:12px}.item-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.titleblock{min-width:0}.role{margin:0;font-size:15px;font-weight:700;letter-spacing:.2px}.company{margin:2px 0 0;color:var(--muted);font-size:15px}.dates{white-space:nowrap;color:#c2cade;font-size:15px}.meta{margin-top:8px;display:grid;gap:8px}.meta-row{display:inline-flex;align-items:center;gap:6px;color:#c2cade;font-size:12px}.chips-experience{display:flex;flex-wrap:wrap;gap:6px}.chip-experience{display:inline-flex;align-items:center;padding:3px 5px;border-radius:10px;font-size:11px;background:var(--chip);border:1px solid var(--chip-border);color:var(--text)}.details{margin-top:8px}.bullets{margin:8px 0 0 18px;padding:0;color:#c9d3e1}.bullets li{margin:6px 0;line-height:1.35;font-size:14px}.projects-screen{max-width:400px;min-height:100vh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.project-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.project{display:grid;grid-template-columns:1fr;gap:12px;background:var(--surface);border:1px solid #182231;border-radius:14px;padding:12px}.thumb{position:relative;height:150px;border-radius:10px;border:1px solid #243146;display:grid;place-items:center;overflow:hidden;margin:auto}.body{display:grid;gap:8px;min-width:0}.title-row{display:grid;gap:2px}.title{margin:0;font-size:15px;font-weight:700;letter-spacing:.2px}.subtitle{color:var(--muted);font-size:12px}.blurb{margin:2px 0 0;font-size:13px;color:#c9d3e1;line-height:1.35}