.spiral-section{position:relative}.spiral-sticky{align-items:stretch;display:flex;height:100vh;height:100svh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0}.spiral-layout{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;padding-top:4.5rem}.spiral-copy{align-items:flex-start;gap:1.25rem;position:relative;z-index:3}.spiral-copy,.spiral-stage-wrap{display:flex;flex-direction:column}.spiral-stage-wrap{bottom:0;justify-content:center;left:44%;position:absolute;right:0;top:4.5rem;z-index:1}.spiral-stage{--edge-mask:linear-gradient(90deg,#0000 0%,#000 22%,#000 94%,#0000),linear-gradient(180deg,#0000 0%,#000 6%,#000 88%,#0000);flex:1 1;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:var(--edge-mask);mask-image:var(--edge-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;min-height:0;outline:none;position:relative}.spiral-stage:focus-visible{border-radius:1rem;box-shadow:inset 0 0 0 1px var(--accent)}.spiral-scene{inset:0;position:absolute}.spiral-spine{height:150%;left:50%;pointer-events:none;position:absolute;top:50%;width:2px}.spiral-spine-line{background:linear-gradient(180deg,#0000 0,var(--accent) 35%,var(--accent) 65%,#0000 100%);inset:0;opacity:.55;position:absolute}.spiral-spine-glow{background:linear-gradient(180deg,#0000,#ffb34759 40%,#ffb34759 60%,#0000);bottom:0;filter:blur(18px);left:50%;opacity:.45;position:absolute;top:0;transform:translateX(-50%);width:48px}.spiral-ring{border:1px solid #ffb34757;border-radius:50%;box-shadow:inset 0 0 30px #ffb3471a;left:50%;pointer-events:none;position:absolute;top:50%}.mode-list .spiral-ring,.mode-list .spiral-spine{opacity:0;transition:opacity .5s ease}.spiral-ring,.spiral-spine{transition:opacity .5s ease}.spiral-card{cursor:pointer;left:50%;position:absolute;top:50%;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;will-change:transform}.spiral-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 30px 60px #0000008c,0 0 0 1px #0006;inset:0;overflow:hidden;position:absolute;transition:border-color var(--transition)}.spiral-card.active .spiral-face{border-color:var(--accent);box-shadow:0 30px 70px #0009,0 0 40px #ffb3471f}.spiral-face-front img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.spiral-face-front:after{background:linear-gradient(180deg,#0b0b0c59,#0000 35%,#0000 55%,#0b0b0cd9);content:"";inset:0;position:absolute}.spiral-face-back{align-items:center;background:radial-gradient(60% 80% at 50% 50%,#ffb34729 0,#0000 70%),repeating-linear-gradient(0deg,#0000 0 11px,#ffffff0a 11px 12px),#26262b;border-color:#ffffff38;display:flex;justify-content:center;transform:rotateY(180deg)}.spiral-back-wordmark{color:#f2f2f0d9;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.6rem);font-weight:800;letter-spacing:-.04em}.spiral-back-wordmark span{color:var(--accent)}.spiral-back-name{bottom:.9rem;color:#f2f2f099;font-size:.68rem;left:1rem;overflow:hidden;right:1rem;text-overflow:ellipsis;white-space:nowrap}.spiral-back-name,.spiral-card-index,.spiral-card-name,.spiral-card-year{font-family:var(--font-mono);letter-spacing:.16em;position:absolute;text-transform:uppercase}.spiral-card-index,.spiral-card-name,.spiral-card-year{font-size:.7rem;z-index:1}.spiral-card-index{color:var(--accent);left:1rem;top:.9rem}.spiral-card-year{color:#f2f2f0b3;right:1rem;top:.9rem}.spiral-card-name{bottom:.9rem;color:var(--text);font-family:var(--font-display);font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:700;left:1rem;letter-spacing:-.02em;overflow:hidden;right:1rem;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.spiral-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141416bf;border:1px solid var(--line-strong);border-radius:999px;display:inline-flex;left:50%;padding:.25rem;position:absolute;top:1rem;transform:translateX(-50%);z-index:4}.spiral-toggle button{background:#0000;border:none;border-radius:999px;color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;padding:.4rem 1rem;text-transform:uppercase;transition:background-color var(--transition),color var(--transition)}.spiral-toggle button.active{background:var(--accent);color:var(--bg)}.spiral-caption{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding-bottom:2.5rem;position:relative;text-align:center;z-index:4}.spiral-caption-meta{color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.spiral-caption-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0}.spiral-caption-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.5rem}.btn-sm{font-size:.82rem;padding:.55rem 1.1rem}.spiral-hud{align-items:center;bottom:1.5rem;color:var(--muted);display:flex;font-family:var(--font-mono);font-size:.68rem;gap:.9rem;letter-spacing:.18em;position:absolute;right:var(--gutter);text-transform:uppercase;z-index:4}.spiral-hud:before{background:var(--accent);content:"";height:1px;width:1.5rem}.spiral-hud-count{color:var(--text)}@media (max-width:1023px){.spiral-layout{align-items:start;gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding-top:5.5rem}.spiral-copy{gap:.75rem}.spiral-copy .hero-actions,.spiral-copy .hero-bio{display:none}.spiral-copy .hero-title{font-size:clamp(2.4rem,9vw,4rem)}.spiral-copy .hero-typewriter{font-size:1rem;min-height:1.4em}.spiral-stage-wrap{height:100%;inset:auto;margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);min-height:0;position:relative}.spiral-stage{--edge-mask:linear-gradient(90deg,#0000 0%,#000 6%,#000 94%,#0000),linear-gradient(180deg,#0000 0%,#000 18%,#000 84%,#0000)}.spiral-toggle{left:auto;right:var(--gutter);top:0;transform:none}.spiral-caption{gap:.35rem;padding-bottom:3.5rem}.spiral-caption-actions .btn-ghost{display:none}.spiral-hud{bottom:1rem}}@media (prefers-reduced-motion:reduce){.spiral-face,.spiral-ring,.spiral-spine,.spiral-toggle button{transition:none}}.projects-tabs{border-bottom:1px solid var(--line);display:flex;gap:2rem;margin-bottom:clamp(1.5rem,4vh,3rem)}.projects-tab{align-items:center;background:none;border:none;color:var(--muted);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.5rem;padding:0 0 .9rem;position:relative;transition:color var(--transition)}.projects-tab:after{background:var(--accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.projects-tab.active,.projects-tab:hover{color:var(--text)}.projects-tab.active:after{transform:scaleX(1)}.projects-tab-count{border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;padding:.1rem .45rem}.projects-grid{grid-gap:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);display:grid;gap:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:820px){.projects-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;gap:1.1rem;height:100%}.project-card-image{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:block;overflow:hidden;position:relative;transition:border-color var(--transition)}.project-card-image:after{background:linear-gradient(180deg,#0000 60%,#0b0b0c59);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.project-card-image img{display:block;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .8s cubic-bezier(.22,1,.36,1);width:100%}.project-card:hover .project-card-image{border-color:var(--accent)}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card:hover .project-card-image:after{opacity:1}.project-card-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.project-card-meta{color:var(--muted);display:flex;font-family:var(--font-mono);font-size:.7rem;justify-content:space-between;letter-spacing:.14em;text-transform:uppercase}.project-card-index{color:var(--accent)}.project-card-title{color:var(--text);font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0}.project-tech-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.project-tech-badge{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.72rem;font-weight:500;gap:.35rem;letter-spacing:.02em;padding:.28rem .65rem}.project-tech-badge img{height:13px;width:13px}.project-card-description{color:#b4b4b8;flex:1 1;font-size:.92rem;line-height:1.65;margin:0}.project-card-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.25rem}.project-link{align-items:center;border-bottom:1px solid var(--line-strong);color:var(--text);display:inline-flex;font-size:.88rem;font-weight:600;gap:.4rem;padding-bottom:.15rem;text-decoration:none;transition:color var(--transition),border-color var(--transition)}.project-link img{height:14px;opacity:.8;width:14px}.project-link-arrow{color:var(--accent);transition:transform var(--transition)}.project-link:hover{border-color:var(--accent);color:var(--accent)}.project-link:hover .project-link-arrow{transform:translate(2px,-2px)}.contact-lead{color:var(--muted);font-size:clamp(.95rem,1.3vw,1.1rem);margin:0 0 2.5rem;max-width:48ch}.contact-email{align-items:flex-start;background:none;border:none;border-bottom:1px solid var(--line-strong);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:0 0 1.25rem;text-align:left;transition:color var(--transition),border-color var(--transition);width:100%}.contact-email-text{font-family:var(--font-display);font-size:clamp(1.6rem,6.5vw,5.5rem);font-weight:800;letter-spacing:-.035em;line-height:1;overflow-wrap:anywhere}.contact-email-hint{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;transition:color var(--transition)}.contact-email:hover{border-color:var(--accent);color:var(--accent)}.contact-email.copied .contact-email-hint,.contact-email:hover .contact-email-hint{color:var(--accent)}.contact-email.copied{border-color:var(--accent);color:var(--accent)}.contact-meta{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2.5rem}.contact-meta-item{display:flex;flex-direction:column;font-size:.95rem;gap:.5rem}.contact-meta-label{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.contact-socials{color:var(--text);display:flex;gap:.25rem;margin-left:-.5rem}.contact-socials .social-icon{transition:color var(--transition),transform var(--transition)}.contact-socials .social-icon:hover{color:var(--accent);transform:translateY(-2px)}.hero-title{color:var(--text);font-family:var(--font-display);font-size:clamp(2.4rem,4.6vw,4.4rem);font-weight:800;letter-spacing:-.04em;line-height:.92;margin:0}.hero-typewriter{color:var(--accent);font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.5rem);font-weight:500;min-height:1.6em}.hero-bio{color:var(--muted);font-size:clamp(.95rem,1.3vw,1.1rem);margin:0;max-width:52ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.92rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;padding:.8rem 1.5rem;text-decoration:none;transition:transform var(--transition),background-color var(--transition),border-color var(--transition),color var(--transition)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:#ffc46b;transform:translateY(-2px)}.btn-ghost{background:#0000;border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0}.site-footer-inner{color:var(--muted);display:flex;font-family:var(--font-mono);font-size:.72rem;gap:1rem;justify-content:space-between;letter-spacing:.12em;text-transform:uppercase}.site-footer-muted{color:var(--muted)}.navbar{background:#0000;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:background-color var(--transition),border-color var(--transition),padding var(--transition);z-index:1000}.navbar.scrolled{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0b0b0cd1;border-bottom-color:var(--line)}.navbar-inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:var(--container);padding:1.1rem var(--gutter);transition:padding var(--transition)}.navbar.scrolled .navbar-inner{padding-bottom:.75rem;padding-top:.75rem}.navbar-wordmark{color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.navbar-wordmark span{color:var(--accent)}.navbar-drawer-links ul,.navbar-links ul{display:flex;list-style:none;margin:0;padding:0}.navbar-links ul{gap:2.5rem}.navbar-links a{color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;padding:.25rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition)}.navbar-links a:after{background:var(--accent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.navbar-links a:hover{color:var(--text)}.navbar-links a:hover:after{transform:scaleX(1)}.navbar-right{gap:1rem}.navbar-right,.navbar-socials{align-items:center;display:flex}.navbar-socials{color:var(--muted)}.navbar-socials .social-icon{transition:color var(--transition),transform var(--transition)}.navbar-socials .social-icon:hover{color:var(--accent);transform:translateY(-2px)}.navbar-cv{align-items:center;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);display:inline-flex;font-size:.82rem;font-weight:600;padding:.55rem 1.1rem;text-decoration:none;transition:border-color var(--transition),color var(--transition),transform var(--transition)}.navbar-cv:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.navbar-toggle{align-items:center;background:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;font-size:1.25rem;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.navbar-drawer{background:var(--surface);border-left:1px solid var(--line);bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:6rem var(--gutter) 2.5rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);width:min(80vw,360px);z-index:999}.navbar-drawer.open{transform:translateX(0)}.navbar-drawer-links ul{flex-direction:column;gap:1.5rem}.navbar-drawer-links a{color:var(--text);font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:color var(--transition)}.navbar-drawer-links a:hover{color:var(--accent)}.navbar-drawer-footer{align-items:flex-start;display:flex;flex-direction:column;gap:1.25rem}.navbar-drawer-footer .navbar-socials{margin-left:-.5rem}.navbar-backdrop{background:#0b0b0c99;inset:0;position:fixed;z-index:998}:root{--bg:#0b0b0c;--surface:#141416;--surface-2:#1b1b1e;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f2f2f0;--muted:#8a8a8f;--accent:#ffb347;--accent-soft:#ffb34724;--font-display:"Syne","Manrope",sans-serif;--font-body:"Manrope",system-ui,sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--transition:0.35s cubic-bezier(0.22,1,0.36,1);--container:1200px;--gutter:clamp(1.25rem,5vw,4rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0b0c;background:var(--bg);color:#f2f2f0;color:var(--text);font-family:Manrope,system-ui,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:160px 160px;content:"";inset:0;opacity:.045;pointer-events:none;position:fixed;z-index:2000}::selection{background:#ffb347;background:var(--accent);color:#0b0b0c;color:var(--bg)}a{color:inherit}button{font-family:inherit}.container{margin:0 auto;max-width:1200px;max-width:var(--container);padding-left:clamp(1.25rem,5vw,4rem);padding-left:var(--gutter);padding-right:clamp(1.25rem,5vw,4rem);padding-right:var(--gutter);width:100%}.eyebrow{align-items:center;color:#ffb347;color:var(--accent);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:.72rem;gap:.75rem;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{background:#ffb347;background:var(--accent);content:"";height:1px;width:2rem}.section{border-top:1px solid #ffffff1a;border-top:1px solid var(--line);padding:clamp(4rem,10vh,8rem) 0;scroll-margin-top:4rem}.section-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(2rem,5vh,3.5rem)}.section-title{font-family:Syne,Manrope,sans-serif;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0}.section-title em{color:#ffb347;color:var(--accent);font-style:normal}@media (max-width:640px){.eyebrow{font-size:.64rem;gap:.5rem;letter-spacing:.12em}.eyebrow:before{width:1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/*# sourceMappingURL=main.71420a28.css.map*/