*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg)}img,svg{display:block;max-width:100%}button{font:inherit;border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--void: #ffffff;--bg: #fcfbfa;--surface: #f4f3f0;--raised: #eaeaeb;--elevated: #dfdfdf;--muted: #d0ced1;--border: rgba(0 0 0 / .08);--border-h: rgba(0 0 0 / .16);--border-a: rgba(0 0 0 / .24);--ink: #111111;--ink-2: #403e3c;--ink-3: #696561;--ink-4: #9c9690;--accent: #f97316;--accent-dim: #c2410c;--accent-glow: rgba(249 115 22 / .18);--accent-bg: rgba(249 115 22 / .12);--accent-gradient: linear-gradient(135deg, #c2410c, #f97316 40%, #fb923c);--particle-color: rgba(249 115 22 / .4);--tech: #2c3e50;--tech-dim: rgba(44, 62, 80, .15);--found: #e74c3c;--found-dim: rgba(231, 76, 60, .15);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.33, 1, .68, 1);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "Outfit", system-ui, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--s10: 64px;--s11: 80px;--s12: 96px;--s13: 128px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px}::selection{background:var(--accent);color:var(--void)}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(var(--s5),5vw,var(--s9))}section{padding:clamp(var(--s12),12vw,160px) 0;position:relative;z-index:1}.progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);transform-origin:0% 50%;z-index:10000;transition:background .6s var(--ease)}.nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:var(--s3) 0;background:#faf9f866;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border-bottom:1px solid transparent;transform:translateY(0);opacity:1;transition:border-color .5s,background .5s,transform .35s var(--ease),opacity .35s var(--ease)}.nav.scrolled{border-bottom-color:var(--border);background:#faf9f8e0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-body);font-size:1.15rem;font-weight:600;letter-spacing:-.03em;color:var(--ink);position:relative}.nav-logo:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1px;background:var(--accent);transition:width .4s var(--ease),background .5s}.nav-logo:hover:after{width:100%}.nav-links{display:flex;align-items:center;gap:0}.nav-link-item{font-size:.72rem;font-weight:400;color:var(--ink-3);padding:var(--s2) var(--s4);border-radius:var(--r-sm);transition:color .25s;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.nav-link-item:hover{color:var(--ink)}.nav-right{display:flex;align-items:center;gap:var(--s2)}.nav-pill{display:flex;align-items:center;gap:6px;font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono);color:var(--accent);background:var(--accent-bg);border:1px solid rgba(0 0 0 / .08);padding:5px 14px;border-radius:var(--r-full);margin-right:var(--s1);transition:color .5s,background .5s,border-color .5s}.nav-pill-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:pulse 3s ease-in-out infinite;transition:background .5s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.6)}}.nav-social{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);color:var(--ink-3);transition:color .25s,transform .25s var(--ease)}.nav-social:hover{color:var(--ink-2);transform:translateY(-1px)}.nav-social svg{width:14px;height:14px;fill:currentColor}.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow-x:hidden;overflow-y:visible;padding-top:var(--s12)}.hero-blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform;transition:background .8s var(--ease)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:var(--s10);align-items:center;width:100%}.hero-text{max-width:640px}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--s3);margin-bottom:var(--s7)}.hero-eyebrow-line{width:28px;height:1px;background:var(--accent);transition:background .5s}.hero-eyebrow-text{font-size:.62rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-family:var(--font-mono)}.hero-name{font-family:var(--font-body);font-size:clamp(3.5rem,9vw,7.5rem);font-weight:700;line-height:.9;letter-spacing:-.04em;margin-bottom:clamp(var(--s5),2.5vw,var(--s7));display:inline-flex;align-items:flex-end;flex-wrap:nowrap;gap:.16em;white-space:nowrap;user-select:none;-webkit-user-select:none}.hero-name-word{display:inline-flex;align-items:flex-end;gap:0;font-size:inherit;line-height:inherit}.hero-name-letter{display:inline-flex;align-items:flex-end;justify-content:center;cursor:none;margin-inline:0;transition:margin .24s var(--ease-out);font-size:inherit;line-height:inherit}.hero-name-letter-glyph{display:block;transform-origin:50% 58%;transition:transform .24s var(--ease-out),filter .24s var(--ease-out);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:inherit;line-height:inherit}.hero-name-letter:hover{margin-inline:.045em}.hero-name-letter:hover .hero-name-letter-glyph{transform:scaleX(1.24)}.hero-name-letter.is-punctuation{margin-inline-start:-.01em}.hero-name-letter.is-punctuation:hover{margin-inline-start:.02em;margin-inline-end:0}.hero-name-word.is-accent .hero-name-letter-glyph{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(.92rem,1.5vw,1.05rem);color:var(--ink-2);line-height:1.75;max-width:460px;margin-bottom:var(--s5);font-weight:400}.hero-sub strong{color:var(--ink);font-weight:500}.typewriter-wrap{font-family:var(--font-mono);font-size:clamp(.82rem,1.3vw,.92rem);color:var(--accent);margin-bottom:var(--s7);min-height:1.8em;display:flex;align-items:center;gap:6px;transition:color .5s}.typewriter-loop{display:inline-flex;align-items:center;gap:2px}.typewriter-window{position:relative;display:inline-flex;align-items:center;min-height:1.4em;padding:.08em .18em;isolation:isolate;overflow:hidden}.typewriter-selection{position:absolute;top:.02em;right:0;bottom:.02em;left:0;border-radius:.3rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,white 28%) 0%,var(--accent) 100%);border:1px solid rgba(255,255,255,.26);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent);opacity:0;transform:scaleX(.18);transform-origin:left center;transition:transform .24s var(--ease),opacity .24s var(--ease),border-color .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease)}.typewriter-window.is-switching .typewriter-selection{opacity:1;transform:scaleX(1)}.typewriter-text{display:inline-block;position:relative;z-index:1;white-space:nowrap;transition:color .18s var(--ease),text-shadow .18s var(--ease)}.typewriter-window.is-switching .typewriter-text{color:#fff;text-shadow:0 1px 12px color-mix(in srgb,white 24%,var(--accent))}.typewriter-cursor{display:inline;color:var(--accent);font-weight:300;margin-left:0;transition:color .5s}.typewriter-window.is-switching+.typewriter-cursor{color:#fff}.hero-cta{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:var(--void);font-weight:600;font-size:.85rem;border-radius:var(--r-md);letter-spacing:.02em;transition:transform .3s var(--ease),box-shadow .3s,background .5s;position:relative;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.btn-primary svg{width:13px;height:13px}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;color:var(--ink);font-weight:500;font-size:.85rem;border:1px solid var(--border-a);border-radius:var(--r-md);transition:color .2s,border-color .2s,transform .3s var(--ease),background .2s}.btn-ghost:hover{color:var(--ink);border-color:var(--accent);background:#0000000a;transform:translateY(-2px)}.hero-photo-area{position:relative;width:clamp(220px,20vw,300px);height:clamp(280px,26vw,380px);flex-shrink:0;overflow:visible}.hero-photo-container{position:relative;width:100%;height:100%;z-index:2;overflow:visible}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:var(--r-lg);border:1px solid var(--border-h);transition:border-color .5s;position:relative;z-index:1;filter:contrast(1.05) brightness(.95)}.hero-photo-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);z-index:0;opacity:.5;filter:blur(40px);transition:background .6s var(--ease)}.floating-hat{position:absolute;z-index:10;width:76px;height:57px;display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));transition:filter .3s}.floating-hat:hover{filter:drop-shadow(0 6px 24px var(--accent-glow))}.floating-hat.hat-active{z-index:20}.hat-svg{width:76px;height:57px}.hat-label{font-size:.52rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s var(--ease);font-family:var(--font-mono)}.floating-hat:hover .hat-label{opacity:1;transform:translateY(0)}.hat-on-head{position:absolute;top:calc(15% - 10px);left:calc(50% - 25px);transform:translate(-50%);z-index:20;width:110px;height:82px;pointer-events:auto}.hat-on-head .hat-svg{width:110px;height:82px}.floating-icon{position:absolute;z-index:10;width:60px;height:60px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform}.floating-icon:hover{filter:drop-shadow(0 8px 24px rgba(0,0,0,.5)) drop-shadow(0 0 20px var(--accent-glow));z-index:20}.floating-icon-img{width:100%;height:100%;object-fit:contain;border-radius:12px;pointer-events:none}.hero-scroll{position:absolute;bottom:var(--s7);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-3);font-size:.52rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;z-index:2;font-family:var(--font-mono)}.hero-scroll svg{width:14px;height:14px;stroke:currentColor;fill:none}.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--accent),transparent);transition:background .5s}.sec-header{margin-bottom:clamp(var(--s9),6vw,var(--s11))}.sec-counter{font-family:var(--font-mono);font-size:.58rem;font-weight:400;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.sec-counter:before{content:"";display:block;width:20px;height:1px;background:var(--accent);transition:background .5s}.sec-title{font-family:var(--font-body);font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.035em;line-height:1;font-weight:700}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal;font-weight:700}.sec-subtitle{font-size:.88rem;color:var(--ink-2);max-width:400px;line-height:1.6;margin-top:var(--s4);font-weight:400}.divider{height:1px;background:var(--border);position:relative;z-index:1}.mode-toggle{display:inline-flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:3px}.mode-toggle--compact{background:transparent;border-color:var(--border-a)}.mode-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-full);font-family:var(--font-mono);font-size:.58rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);transition:color .25s,background .25s,transform .25s var(--ease),box-shadow .25s;position:relative}.mode-toggle-btn:hover{color:var(--ink-2)}.mode-toggle-btn.is-active{color:var(--ink);background:#fffffff2;box-shadow:0 1px 4px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80;font-weight:600}.mode-toggle-indicator{width:6px;height:6px;border-radius:50%;background:var(--mode-color, var(--ink-4));opacity:.3;transition:opacity .25s,transform .25s,box-shadow .25s}.mode-toggle-btn.is-active .mode-toggle-indicator{opacity:1;transform:scale(1.3);box-shadow:0 0 8px var(--mode-color)}.mode-toggle-divider{width:1px;height:14px;background:var(--border-a);margin:0 2px}.mode-toggle--compact .mode-toggle-btn{padding:4px 10px;font-size:.54rem}.mode-toggle--compact .mode-toggle-btn.is-active{background:#ffffffe6}.mode-toggle--compact .mode-toggle-indicator{width:5px;height:5px}#approach{background:var(--surface);overflow:hidden}#approach:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% -15%,var(--accent-bg),transparent 50%);pointer-events:none;transition:background .6s var(--ease)}.mode-layout{display:grid;grid-template-columns:1fr .42fr;gap:var(--s5);align-items:start}.mode-tabs{display:flex;flex-direction:column;gap:var(--s3)}.mode-tab{position:relative;display:flex;align-items:center;gap:var(--s4);padding:var(--s5) var(--s6);border-radius:var(--r-md);border:1px dashed var(--border-a);background:transparent;text-align:left;font:inherit;cursor:pointer;transition:border-color .3s,border-style .3s,background .3s,transform .3s var(--ease),box-shadow .3s;overflow:hidden}.mode-tab:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tab-color, var(--accent));transform:scaleY(0);transform-origin:center;transition:transform .3s var(--ease)}.mode-tab.is-active:before{transform:scaleY(1)}.mode-tab.is-active{border-color:var(--border-h);border-style:solid;background:var(--raised);box-shadow:0 4px 16px #0000000f}@media (hover: hover) and (pointer: fine){.mode-tab:not(.is-active):hover{border-color:var(--accent);border-style:solid;background:var(--accent-bg);transform:translate(4px)}.mode-tab:not(.is-active):hover .mode-tab-arrow{color:var(--accent);opacity:1}}.mode-tab-indicator{width:10px;height:10px;border-radius:50%;background:var(--tab-color, var(--ink-4));opacity:.35;flex-shrink:0;transition:opacity .3s,transform .3s}.mode-tab.is-active .mode-tab-indicator{opacity:1;transform:scale(1.15)}.mode-tab-content{display:flex;flex-direction:column;gap:2px;flex:1}.mode-tab-ordinal{font-family:var(--font-mono);font-size:.5rem;font-weight:400;letter-spacing:.1em;color:var(--ink-4)}.mode-tab-label{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--ink-3);transition:color .3s}.mode-tab.is-active .mode-tab-label{color:var(--ink)}.mode-tab-arrow{width:14px;height:14px;color:var(--ink-4);opacity:0;transition:color .3s,opacity .3s,transform .3s var(--ease)}.mode-tab-arrow svg{width:100%;height:100%;stroke:currentColor;fill:none}.mode-panel{border-radius:var(--r-lg);border:1px solid var(--border-h);background:var(--raised);padding:clamp(var(--s6),3.5vw,var(--s9));position:relative;overflow:hidden;min-height:420px;transition:border-color .5s,box-shadow .5s}.mode-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,transparent 40%);pointer-events:none;transition:background .5s}.mode-panel-inner{position:relative;z-index:1}.mode-panel-inner.is-active~.mode-panel:after,.mode-panel:has(.mode-panel-inner.is-active):after{background:linear-gradient(135deg,var(--accent-bg) 0%,transparent 40%)}.mode-panel-header{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.mode-panel-ordinal{font-family:var(--font-mono);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:300;line-height:1;color:var(--ink-4);transition:color .4s}.mode-panel-inner.is-active .mode-panel-ordinal{color:var(--accent)}.mode-panel-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.56rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.mode-badge-dot{width:6px;height:6px;border-radius:50%}.mode-panel-title{font-family:var(--font-body);font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:500;letter-spacing:-.01em;line-height:1.3;margin-bottom:var(--s4);color:var(--ink-2)}.mode-panel-title strong{color:var(--ink);font-weight:600}.mode-panel-body{font-size:.88rem;color:var(--ink-2);line-height:1.75;margin-bottom:var(--s5);max-width:560px;font-weight:400}.mode-panel-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s5)}.mode-tag{font-family:var(--font-mono);font-size:.58rem;font-weight:400;color:var(--ink-3);letter-spacing:.04em;padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-full);background:#00000005}.mode-proofs{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}.mode-proof{display:flex;gap:var(--s2);font-size:.84rem;color:var(--ink-2);line-height:1.6;font-weight:400}.mode-proof strong{color:var(--ink);font-weight:500}.mode-proof-marker{color:var(--accent);flex-shrink:0;margin-top:2px;transition:color .5s}.mode-cta-banner{background:var(--surface);padding:clamp(var(--s9),8vw,var(--s12)) 0;position:relative;z-index:1}.mode-cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,var(--accent-bg),transparent 60%);pointer-events:none}.mode-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s8);position:relative;z-index:1}.mode-cta-content{max-width:600px}.mode-cta-kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.56rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s4)}.mode-cta-line{width:20px;height:1px;background:var(--accent)}.mode-cta-headline{font-family:var(--font-body);font-size:clamp(1.4rem,3vw,2rem);font-weight:600;letter-spacing:-.025em;line-height:1.2;margin-bottom:var(--s4);color:var(--ink)}.mode-cta-body{font-size:.9rem;color:var(--ink-2);line-height:1.7}.mode-cta-action{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--accent);color:var(--void);font-family:var(--font-body);font-weight:600;font-size:.88rem;border-radius:var(--r-md);letter-spacing:.01em;transition:transform .3s var(--ease),box-shadow .3s,background .5s;box-shadow:0 2px 12px var(--accent-glow);flex-shrink:0}.mode-cta-action:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.mode-cta-action svg{width:16px;height:16px;transition:transform .3s var(--ease)}.mode-cta-action:hover svg{transform:translate(4px)}.project-category{margin-bottom:var(--s9)}.project-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:baseline;gap:var(--s4);margin-bottom:var(--s6);padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.category-label{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.category-desc{font-size:.75rem;color:var(--ink-3);font-weight:400}.projects-grid,.projects-grid-static{display:grid;grid-template-columns:1fr;gap:var(--s5)}.projects-rail{position:relative}@media (min-width: 800px){.projects-grid,.projects-grid-static{grid-template-columns:repeat(2,1fr)}}.project-card{position:relative;padding:clamp(var(--s6),3vw,var(--s8));border-radius:var(--r-lg);border:1px solid var(--border);background:var(--raised);display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s}.project-card:hover{border-color:var(--border-h)}.project-card>*{position:relative;z-index:1}.pc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s4)}.pc-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:500;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.pc-arrow{color:var(--ink-4);transition:color .25s,transform .3s var(--ease)}.project-card:hover .pc-arrow{color:var(--ink-2);transform:translate(3px,-3px)}.pc-arrow svg{width:14px;height:14px;stroke:currentColor;fill:none}.pc-name{font-family:Playfair Display,Lora,Georgia,serif;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.15;margin-bottom:var(--s4)}.pc-media{width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);border:1px dashed var(--border-h);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);color:var(--ink-3);font-size:.6rem;font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:var(--s4)}.pc-media svg{width:18px;height:18px;stroke:currentColor;fill:none;opacity:.25}.pc-media span{opacity:.35;font-weight:400}.pc-desc{font-size:.9rem;color:var(--ink-2);line-height:1.6;font-weight:400;margin-bottom:var(--s6);flex:1}.pc-metrics{display:flex;gap:var(--s7);margin-bottom:var(--s6)}.pc-metric{display:flex;flex-direction:column;gap:4px}.pc-metric-val{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}.pc-metric-label{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);letter-spacing:.04em;font-weight:400}.pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.pc-tag-pill{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);font-weight:400;padding:4px 12px;border:1px solid var(--border);border-radius:var(--r-full);background:#00000009;transition:border-color .3s,color .3s}.project-card:hover .pc-tag-pill{border-color:var(--border-h);color:var(--ink-2)}.work-founder-layout,.work-engineer-layout{width:100%}.featured-card{position:relative;display:block;padding:clamp(var(--s7),4vw,var(--s10));border-radius:var(--r-lg);border:1px solid var(--border);background:var(--raised);overflow:hidden;transition:border-color .3s;margin-bottom:var(--s8)}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--found),var(--tech));opacity:.8}.featured-card:hover{border-color:var(--border-h)}.featured-card>*{position:relative;z-index:1}.featured-card-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}.featured-main{display:flex;flex-direction:column}.featured-badge{background:linear-gradient(135deg,#eab30826,#eab3080d);color:var(--found);padding:4px 10px;border-radius:var(--r-sm)}.featured-name{font-size:clamp(1.8rem,3vw,2.4rem)!important;margin-bottom:var(--s2)!important}.pc-cat{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3);letter-spacing:.04em;margin-bottom:var(--s5)}.featured-desc{font-size:1rem;line-height:1.7}.featured-metrics{flex-wrap:wrap;gap:var(--s5) var(--s7)}.featured-link{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s5);padding:var(--s3) var(--s5);font-size:.8rem;font-weight:500;color:var(--ink);background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-sm);text-decoration:none;transition:border-color .2s,background .2s,transform .2s var(--ease)}.featured-link:hover{border-color:var(--border-h);background:var(--raised);transform:translateY(-1px)}.featured-link svg{width:14px;height:14px;stroke:currentColor;fill:none;transition:transform .2s var(--ease)}.featured-link:hover svg{transform:translate(2px,-2px)}.featured-story{border-left:1px solid var(--border);padding-left:var(--s6)}.featured-story-header{font-family:var(--font-mono);font-size:.65rem;font-weight:500;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--s5)}.featured-timeline{display:flex;flex-direction:column;gap:var(--s4)}.timeline-item{display:flex;gap:var(--s4)}.timeline-marker{display:flex;flex-direction:column;align-items:center;padding-top:6px}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--found);flex-shrink:0}.timeline-line{width:1px;flex:1;background:var(--border);margin-top:6px;min-height:20px}.timeline-content{flex:1;padding-bottom:var(--s4)}.timeline-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--ink);letter-spacing:.02em;margin-bottom:4px}.timeline-text{font-size:.85rem;color:var(--ink-2);line-height:1.55}.minimized-section{margin-top:var(--s6)}.minimized-header{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.minimized-header-text{font-family:var(--font-mono);font-size:.65rem;font-weight:500;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.minimized-header-line{flex:1;height:1px;background:var(--border)}.minimized-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--r-md);overflow:hidden}.minimized-card{background:var(--raised);transition:background .2s}.minimized-card:hover{background:var(--surface)}.minimized-main{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);cursor:pointer;gap:var(--s4)}.minimized-info{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;min-width:0}.minimized-badge{font-family:var(--font-mono);font-size:.55rem;font-weight:500;color:var(--ink-4);letter-spacing:.1em;text-transform:uppercase;background:var(--surface);padding:3px 8px;border-radius:var(--r-sm);white-space:nowrap}.minimized-name{font-family:Playfair Display,Lora,Georgia,serif;font-size:1rem;font-weight:600;color:var(--ink);white-space:nowrap}.minimized-cat{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);white-space:nowrap}.minimized-toggle{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--r-sm);transition:color .2s,background .2s;white-space:nowrap}.minimized-toggle:hover{color:var(--ink);background:var(--surface)}.minimized-toggle svg{width:14px;height:14px;transition:transform .3s var(--ease)}.minimized-expanded{overflow:hidden}.minimized-expanded-inner{padding:0 var(--s5) var(--s5);border-top:1px solid var(--border);margin-top:0;padding-top:var(--s4)}.minimized-desc{font-size:.85rem;color:var(--ink-2);line-height:1.6;margin-bottom:var(--s4)}.minimized-metrics{display:flex;gap:var(--s6);margin-bottom:var(--s4)}.minimized-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s4)}.minimized-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;color:var(--tech);text-decoration:none;transition:color .2s}.minimized-link:hover{color:var(--ink)}.minimized-link svg{width:12px;height:12px;stroke:currentColor;fill:none}#about{background:var(--surface);overflow:hidden}#about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 50%,var(--accent-bg),transparent 45%);pointer-events:none;transition:background .6s}.about-layout{display:grid;grid-template-columns:.5fr 1fr;gap:var(--s10);align-items:start;position:relative;z-index:1}.about-photo-col{position:relative}.about-photo{width:100%;max-height:380px;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:var(--r-lg);border:1px solid var(--border);filter:contrast(1.05) brightness(.92) saturate(.9);transition:filter .6s,border-color .5s}.about-photo:hover{filter:contrast(1) brightness(1) saturate(1)}.about-photo-frame{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--r-lg) + 4px);border:1px solid var(--border);pointer-events:none;z-index:-1}.about-photo-glow{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);z-index:-2;opacity:.4;filter:blur(30px);transition:background .6s}.about-cap{text-align:center;font-family:var(--font-mono);font-size:.56rem;color:var(--ink-3);margin-top:var(--s4);letter-spacing:.08em;text-transform:uppercase}.about-photo-mobile{display:none}.about-text-col h2{font-family:var(--font-body);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--s7)}.about-text-col h2 .gradient-text{font-weight:700}.about-text-col p{font-size:.88rem;color:var(--ink-2);line-height:1.8;margin-bottom:var(--s4);font-weight:400}.about-text-col p strong{color:var(--ink);font-weight:500}.about-pullquote{padding-left:var(--s5);margin:var(--s7) 0;font-family:var(--font-body);font-size:1.1rem;font-style:normal;font-weight:600;color:var(--ink);line-height:1.5;transition:border-color .5s}.cred-strip{margin-top:var(--s8);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.cred-card{padding:var(--s4) var(--s5);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);transition:border-color .25s,transform .3s var(--ease);position:relative}.cred-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease),background .5s}.cred-card:hover{border-color:var(--border-h);transform:translateY(-2px)}.cred-card:hover:before{transform:scaleX(1)}.cred-role{font-size:.78rem;font-weight:500;color:var(--ink)}.cred-org{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);margin-top:2px;letter-spacing:.04em}.cred-hover-mobile{display:none}@media (pointer: coarse){.cred-hover-mobile{display:block;font-size:.72rem;color:var(--ink-2);margin-top:8px;line-height:1.45}}.about-personal{margin-top:var(--s11);padding-top:var(--s9);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:var(--s9);align-items:start}.about-personal-content h3{font-family:var(--font-body);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--s4);color:var(--ink)}.about-personal-content p{font-size:.88rem;color:var(--ink-2);line-height:1.8}.about-books{display:flex;flex-direction:column}.books-label{font-family:var(--font-mono);font-size:.58rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s5)}.book-shelf{display:flex;align-items:flex-end;gap:var(--s2);padding:var(--s6) var(--s5);border-radius:var(--r-md);background:linear-gradient(180deg,var(--bg) 0%,var(--surface) 100%);border:1px solid var(--border);perspective:600px;min-height:200px;box-shadow:inset 0 2px 4px #00000008}.book-spine-item{width:clamp(36px,4vw,50px);height:clamp(140px,14vw,180px);border-radius:3px 5px 5px 3px;position:relative;transform-origin:bottom center;transition:transform .4s var(--ease),box-shadow .4s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 4px #0003,inset -1px 0 2px #00000026,inset 1px 0 1px #ffffff1a}.book-spine-item:hover{transform:translateY(-16px) rotateY(-8deg) scale(1.02);box-shadow:8px 8px 24px #00000080,inset -1px 0 2px #0003,inset 1px 0 2px #ffffff26;z-index:2}.book-spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;font-weight:600;color:#fffffffa;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.5);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.book-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--elevated);border:1px solid var(--border-h);border-radius:var(--r-sm);padding:var(--s3) var(--s4);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease);z-index:10;min-width:160px;transform:translate(-50%) translateY(4px)}.book-spine-item:hover .book-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.book-tooltip-title{font-size:.72rem;font-weight:600;color:var(--ink);margin-bottom:2px}.book-tooltip-author{font-size:.6rem;color:var(--ink-3);font-weight:400;margin-bottom:4px}.book-tooltip-why{font-size:.6rem;color:var(--accent);font-weight:500;font-style:italic}footer{border-top:1px solid var(--border);padding:var(--s11) 0 var(--s9);position:relative;z-index:1}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--accent) 50%,transparent 90%);transition:background .5s}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:var(--s9);align-items:end}.footer-headline{font-family:var(--font-body);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:var(--s5)}.footer-headline .gradient-text{font-weight:700}.footer-cta-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;color:var(--accent);letter-spacing:.04em;transition:gap .3s var(--ease),color .5s}.footer-cta-link:hover{gap:18px}.footer-cta-link svg{width:16px;height:16px;transition:transform .3s var(--ease)}.footer-cta-link:hover svg{transform:translate(4px)}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s5)}.footer-socials{display:flex;gap:var(--s2)}.footer-link{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--ink-3);transition:color .25s,border-color .25s,transform .3s var(--ease)}.footer-link:hover{color:var(--accent);border-color:var(--border-h);transform:translateY(-2px)}.footer-link svg{width:14px;height:14px;fill:currentColor}.footer-tag{font-family:var(--font-mono);font-size:.52rem;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;text-align:right}.contact-launch-wrap{position:fixed;right:clamp(var(--s4),4vw,var(--s7));bottom:max(16px,calc(8px + env(safe-area-inset-bottom)));z-index:650;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .28s ease,transform .35s var(--ease)}.contact-launch-wrap.is-visible,.contact-launch-wrap.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.contact-launch-wrap.is-hidden{opacity:0;transform:translateY(calc(100% + 20px));pointer-events:none}.contact-launch{position:relative;min-width:164px;min-height:58px;border-radius:var(--r-full);border:1px solid rgba(0 0 0 / .1);background:linear-gradient(180deg,#fffffff0,#f4f3f0f5),var(--surface);box-shadow:0 18px 34px #1111111a,inset 0 1px #ffffffb8;overflow:hidden;padding:0 16px 0 18px;display:flex;align-items:center;gap:12px;text-align:left;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease)}.contact-launch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255 255 255 / .54),transparent);transform:translate(-130%);transition:transform .7s var(--ease)}.contact-launch:hover,.contact-launch:focus-visible,.contact-launch.is-active{transform:translateY(-2px);border-color:#00000029;box-shadow:0 22px 42px #11111121,0 0 0 1px #ffffff73 inset}.contact-launch:hover:before,.contact-launch:focus-visible:before,.contact-launch.is-active:before{transform:translate(140%)}.contact-launch-line{position:relative;z-index:1;width:18px;height:1px;background:var(--accent);flex-shrink:0}.contact-launch-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px}.contact-launch-label{font-size:.92rem;font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1}.contact-launch-subtitle{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.contact-launch-arrow{position:relative;z-index:1;margin-left:auto;width:16px;height:16px;color:var(--ink-3);flex-shrink:0;transition:transform .35s var(--ease),color .35s var(--ease)}.contact-launch:hover .contact-launch-arrow,.contact-launch:focus-visible .contact-launch-arrow,.contact-launch.is-active .contact-launch-arrow{color:var(--accent);transform:translate(3px,-3px)}.contact-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;display:grid;place-items:center;padding:24px;background:#11111138;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.contact-modal{width:min(680px,calc(100vw - 32px));max-height:calc(100svh - 48px);overflow:auto;border-radius:30px;border:1px solid rgba(0 0 0 / .09);background:linear-gradient(180deg,#fffffff2,#f4f3f0fa),var(--bg);box-shadow:0 34px 90px #11111138,inset 0 1px #fffc;padding:clamp(var(--s6),4vw,var(--s8))}.contact-modal-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.contact-modal-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.contact-modal-kicker:before{content:"";width:22px;height:1px;background:var(--accent)}.contact-modal-close{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--border);color:var(--ink-3);transition:color .25s ease,border-color .25s ease,transform .3s var(--ease),background .25s ease}.contact-modal-close:hover,.contact-modal-close:focus-visible{color:var(--accent);border-color:var(--accent);background:#ffffffbf;transform:rotate(90deg)}.contact-modal-close svg{width:16px;height:16px}.contact-modal-head{margin-bottom:var(--s6)}.contact-modal-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.96;letter-spacing:-.05em;margin-bottom:var(--s4)}.contact-modal-head p{max-width:520px;font-size:.92rem;line-height:1.8;color:var(--ink-2)}.contact-modal-note{margin-bottom:var(--s7);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.contact-form{display:flex;flex-direction:column;gap:var(--s5)}.contact-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.contact-field{display:flex;flex-direction:column;gap:var(--s2)}.contact-field span{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.contact-field input,.contact-field textarea{width:100%;border-radius:18px;border:1px solid rgba(0 0 0 / .09);background:#ffffffd1;color:var(--ink);padding:16px 18px;font-size:.95rem;line-height:1.6;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease),background .25s ease;resize:vertical}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--ink-4)}.contact-field input:hover,.contact-field textarea:hover{border-color:#00000026}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:var(--accent);background:#fffffff5;box-shadow:0 0 0 4px var(--accent-bg);transform:translateY(-1px)}.contact-field textarea{min-height:180px}.contact-form-error{font-size:.82rem;line-height:1.7;color:var(--accent-dim);background:#ffffffbd;border:1px solid rgba(0 0 0 / .08);border-radius:16px;padding:12px 14px}.contact-form-actions,.contact-success-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.contact-form-actions .btn-primary:disabled{opacity:.58;transform:none;box-shadow:none}.contact-success{display:grid;gap:var(--s5);border-radius:24px;padding:clamp(var(--s6),4vw,var(--s7));border:1px solid rgba(0 0 0 / .08);background:radial-gradient(circle at top left,var(--accent-bg),transparent 48%),#ffffffc7}.contact-success-mark{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;color:var(--accent);background:#ffffffeb;border:1px solid rgba(0 0 0 / .08);box-shadow:0 16px 30px #11111114}.contact-success-mark svg{width:28px;height:28px}.contact-success-copy h3{font-size:1.5rem;letter-spacing:-.04em;margin-bottom:8px}.contact-success-copy p{font-size:.9rem;line-height:1.75;color:var(--ink-2)}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:var(--s6);text-align:center}.hero-text{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-photo-area{margin:0 auto var(--s4);order:-1}.hero-cta,.typewriter-wrap{justify-content:center}}@media (max-width: 900px){.mode-layout{grid-template-columns:1fr}.mode-tabs{flex-direction:row;gap:var(--s2)}.mode-tab{flex:1;padding:var(--s4)}.mode-tab-arrow{display:none}.mode-panel{min-height:auto}.mode-cta-inner{flex-direction:column;text-align:center;gap:var(--s6)}.mode-cta-content{max-width:100%}.mode-cta-kicker{justify-content:center}.projects-grid{display:flex;gap:var(--s4);overflow-x:auto;padding:0 2px var(--s2);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.projects-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(84vw,28rem)}.featured-card-inner{grid-template-columns:1fr;gap:var(--s6)}.featured-story{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:var(--s5)}.minimized-main{flex-wrap:wrap}.minimized-info{flex:1}.minimized-cat{display:none}.project-featured{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr;gap:0}.about-photo-col{display:none}.about-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.about-photo-mobile{display:block;width:5.5rem;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center 10%;border:1px solid var(--border);flex-shrink:0}.about-heading-copy{min-width:0}.about-text-col h2{margin-bottom:0}.about-personal,.footer-grid{grid-template-columns:1fr;gap:var(--s7)}.footer-right{align-items:flex-start}.footer-tag{text-align:left}.contact-field-grid{grid-template-columns:1fr}}@media (max-width: 600px){.nav-pill{display:none}.nav.mobile-collapsed{transform:translateY(calc(-100% - env(safe-area-inset-top) - 10px));opacity:0;pointer-events:none}.nav-inner{flex-wrap:wrap;justify-content:space-between;gap:var(--s2)}.nav-links{order:3;width:100%;justify-content:space-between;padding-top:var(--s2);border-top:1px dashed var(--border-a);margin-top:4px;overflow:hidden;max-height:100px;opacity:1;transition:max-height .4s var(--ease),opacity .3s var(--ease),padding-top .4s var(--ease),margin-top .4s var(--ease),border-color .4s var(--ease)}.nav.mobile-collapsed .nav-links,.nav:not(.scrolled) .nav-links{max-height:0;opacity:0;padding-top:0;margin-top:0;border-color:transparent}.nav-link-item{font-size:.6rem;padding:var(--s1) 0}.mode-tabs{flex-direction:column}.mode-tab-indicator{width:8px;height:8px}.hero{min-height:calc(100svh - var(--s4));padding-top:calc(var(--s11) + env(safe-area-inset-top))}.hero-content{gap:var(--s4)}.hero-eyebrow{margin-bottom:var(--s4)}.hero-name{gap:.08em;margin-bottom:var(--s4)}.hero-sub{margin-bottom:var(--s4);line-height:1.65}.typewriter-wrap{margin-bottom:var(--s5);min-height:1.6em}.hero-cta{gap:var(--s2)}.hero-photo-area{width:180px;height:240px}.book-shelf{flex-wrap:wrap;min-height:180px;padding:var(--s5) var(--s4)}.book-spine-item{height:clamp(120px,12vw,150px);width:clamp(32px,3.5vw,42px)}.book-spine-title{font-size:.6rem;letter-spacing:.02em}.book-tooltip{white-space:normal;width:max-content;max-width:150px}.book-spine-item:first-child .book-tooltip{left:0;transform:translate(0) translateY(4px)}.book-spine-item:first-child:hover .book-tooltip{transform:translate(0) translateY(0)}.cred-strip{grid-template-columns:1fr}.pf-metrics{flex-wrap:wrap;gap:var(--s4)}.contact-launch-wrap{right:12px;left:auto;bottom:max(12px,calc(8px + env(safe-area-inset-bottom)))}.contact-launch,.contact-launch:hover,.contact-launch:focus-visible,.contact-launch.is-active{min-width:148px;min-height:52px;padding:0 14px 0 16px}.contact-modal-backdrop{padding:12px;align-items:end}.contact-modal{width:100%;max-height:min(760px,calc(100svh - 12px));border-radius:28px 28px 20px 20px;padding:var(--s6);padding-bottom:max(var(--s6),calc(24px + env(safe-area-inset-bottom)))}.contact-modal-head h2{font-size:2.2rem}footer{padding-bottom:calc(var(--s11) + env(safe-area-inset-bottom) + 60px)}}.mobile-card-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s6);padding:var(--s4);background:radial-gradient(ellipse at 20% 20%,rgba(249,115,22,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(124,131,245,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(249,115,22,.04) 0%,transparent 40%),var(--bg);overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mc-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.5;animation:mc-orb-float 20s ease-in-out infinite}.mc-bg-orb-1{width:300px;height:300px;top:-10%;left:-10%;background:radial-gradient(circle,rgba(249,115,22,.25),transparent 70%);animation-delay:0s}.mc-bg-orb-2{width:250px;height:250px;bottom:10%;right:-10%;background:radial-gradient(circle,rgba(124,131,245,.2),transparent 70%);animation-delay:-7s;animation-duration:25s}.mc-bg-orb-3{width:200px;height:200px;bottom:-5%;left:20%;background:radial-gradient(circle,rgba(249,115,22,.15),transparent 70%);animation-delay:-14s;animation-duration:22s}@keyframes mc-orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(15px,10px) scale(1.02)}}.mc-container{width:100%;max-width:360px;perspective:1200px}.mc-card{position:relative;width:100%;aspect-ratio:.62;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1)}.mc-card.is-flipped{transform:rotateY(180deg)}.mc-card.is-flipped .mc-front{z-index:1}.mc-card.is-flipped .mc-back{z-index:2}.mc-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;border-radius:20px;border:1px solid rgba(255 255 255 / .3);background:linear-gradient(180deg,#fffffffa,#faf9f8f2),var(--surface);box-shadow:0 1px #ffffffe6 inset,0 -1px #0000000d inset,0 25px 60px #0000001f,0 10px 25px #0000000f,0 0 0 1px #0000000a;padding:var(--s5);display:flex;flex-direction:column;overflow:hidden}.mc-corner-accent{position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,var(--accent-bg) 50%);opacity:.6;pointer-events:none}.mc-back .mc-corner-accent{display:none}.mc-photo-wrap{position:relative;width:80px;height:80px;border-radius:50%;overflow:visible;margin-bottom:var(--s3)}.mc-photo{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%;border:2px solid var(--border-h);box-shadow:0 4px 16px #00000014;position:relative;z-index:1}.mc-photo-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px dashed var(--accent);opacity:.4;animation:mc-ring-spin 20s linear infinite}@keyframes mc-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-front{transform:rotateY(0);z-index:2}.mc-back{transform:rotateY(180deg);z-index:1}.mc-back .mc-photo{transform:scaleX(-1)}.mc-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4)}.mc-badge{font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.14em;color:var(--ink-3);background:var(--surface);padding:4px 10px;border-radius:var(--r-full);border:1px solid var(--border)}.mc-flip-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--ink-3);background:#ffffff80;transition:color .2s,border-color .2s,background .2s}.mc-flip-btn:active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.mc-flip-btn svg{width:16px;height:16px}.mc-identity{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--s4)}.mc-name{font-family:var(--font-body);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:2px}.mc-role{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.mc-tagline{font-size:.82rem;color:var(--ink-2);text-align:center;line-height:1.55;margin-bottom:var(--s4);padding:0 var(--s2)}.mc-skills-ticker{width:calc(100% + var(--s5) * 2);margin-left:calc(var(--s5) * -1);overflow:hidden;padding:var(--s3) 0;min-height:42px;margin-bottom:var(--s4);background:linear-gradient(90deg,var(--surface) 0%,transparent 10%,transparent 90%,var(--surface) 100%);position:relative;display:flex;align-items:center}.mc-skills-ticker:before,.mc-skills-ticker:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:2;pointer-events:none}.mc-skills-ticker:before{left:0;background:linear-gradient(90deg,var(--surface),transparent)}.mc-skills-ticker:after{right:0;background:linear-gradient(-90deg,var(--surface),transparent)}.mc-skills-track{display:flex;gap:12px;align-items:center;will-change:transform}.mc-skill-tag{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:6px 12px;background:#fffc;border:1px solid var(--border);border-radius:var(--r-full);font-family:var(--font-mono);font-size:.58rem;line-height:1;font-weight:500;color:var(--ink-2);white-space:nowrap;flex-shrink:0}.mc-skill-icon{width:14px;height:14px;object-fit:contain;border-radius:3px}.mc-skill-icon-svg{display:inline-flex;align-items:center;justify-content:center;border-radius:0}.mc-skill-icon-svg svg{width:14px;height:14px}.mc-actions{display:flex;gap:var(--s2);margin-bottom:var(--s4)}.mc-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:var(--r-md);font-size:.8rem;font-weight:600;transition:transform .2s var(--ease),box-shadow .2s}.mc-action-primary{background:var(--accent);color:var(--void);box-shadow:0 2px 12px var(--accent-glow)}.mc-action-primary:active{transform:scale(.98)}.mc-action:not(.mc-action-primary){background:var(--surface);border:1px solid var(--border-a);color:var(--ink)}.mc-action:not(.mc-action-primary):active{background:var(--raised)}.mc-action svg{width:14px;height:14px}.mc-socials{display:flex;justify-content:center;gap:var(--s2);margin-bottom:var(--s4)}.mc-social{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--border);background:#ffffff80;color:var(--ink-3);transition:color .2s,border-color .2s,background .2s}.mc-social:active{color:var(--accent);border-color:var(--border-h);background:var(--surface)}.mc-social svg{width:16px;height:16px;fill:currentColor}.mc-fullsite{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.04em;color:var(--ink-3);padding:var(--s3);margin-top:auto;border-top:1px dashed var(--border);transition:color .2s}.mc-fullsite:active{color:var(--accent)}.mc-fullsite svg{width:12px;height:12px}.mc-back-content{flex:1;display:flex;flex-direction:column}.mc-back-title{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--ink);margin-bottom:var(--s4)}.mc-facts{display:flex;flex-direction:column;gap:0}.mc-fact{display:flex;flex-direction:column;padding:var(--s3) var(--s2);border-radius:var(--r-sm);cursor:pointer;transition:background .2s,transform .2s var(--ease);border-bottom:1px solid var(--border)}.mc-fact:last-child{border-bottom:none}.mc-fact:active{background:var(--surface)}.mc-fact.is-active{background:var(--accent-bg)}.mc-fact-main{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3)}.mc-fact-label{font-family:var(--font-mono);font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);flex-shrink:0;min-width:70px}.mc-fact-value{font-size:.75rem;color:var(--ink);font-weight:500;text-align:right;flex:1}.mc-fact-detail{font-size:.72rem;color:var(--ink-2);line-height:1.55;margin-top:var(--s2);padding-top:var(--s2);border-top:1px dashed var(--border);overflow:hidden}.mc-tap-hint{font-family:var(--font-mono);font-size:.55rem;color:var(--ink-4);text-align:center;letter-spacing:.06em;margin-top:auto;padding-top:var(--s3);opacity:.7}.mobile-projects-page{min-height:100svh;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.mp-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);background:#faf9f8e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.mp-back{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--ink-3);padding:8px 12px 8px 8px;border-radius:var(--r-sm);transition:color .2s,background .2s}.mp-back:active{color:var(--ink);background:var(--surface)}.mp-back svg{width:16px;height:16px}.mp-title{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}.mp-spacer{width:60px}.mp-list{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4)}.mp-card{display:block;width:100%;padding:var(--s5);border-radius:var(--r-md);border:1px solid var(--border);background:var(--raised);text-align:left;transition:border-color .2s,background .2s,transform .2s}.mp-card:active{border-color:var(--border-h);background:var(--surface);transform:scale(.992)}.mp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s3)}.mp-badge{font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.1em;color:var(--ink-4);background:var(--surface);padding:3px 8px;border-radius:var(--r-sm)}.mp-card-hint{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.mp-name{font-family:Playfair Display,Lora,Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:2px}.mp-cat{font-family:var(--font-mono);font-size:.65rem;color:var(--ink-3);margin-bottom:var(--s3)}.mp-desc{font-size:.82rem;color:var(--ink-2);line-height:1.55}.mp-metrics{display:flex;gap:var(--s5);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--border)}.mp-metric{display:flex;flex-direction:column;gap:2px}.mp-metric-val{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--ink)}.mp-metric-label{font-family:var(--font-mono);font-size:.55rem;color:var(--ink-4);letter-spacing:.04em}.mp-card-cta{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s4);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.mp-card-cta svg{width:14px;height:14px;color:var(--accent)}.mp-modal-backdrop,.mp-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;padding:var(--s4);background:radial-gradient(circle at top,rgba(249 115 22 / .16),transparent 38%),#111111ad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mp-modal-panel,.mp-confirm-modal{width:min(100%,560px);border:1px solid rgba(255 255 255 / .14);background:linear-gradient(180deg,#fffffff5,#f8f6f2f7);box-shadow:0 22px 70px #00000047;overflow:hidden}.mp-modal-panel{position:relative;max-height:min(92svh,880px);border-radius:28px;display:grid;grid-template-rows:minmax(220px,42svh) minmax(0,1fr)}.mp-modal-panel.is-detail-only{grid-template-rows:minmax(0,1fr)}.mp-modal-close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:#fffffff0;color:var(--ink);font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;z-index:3;border:1px solid rgba(0 0 0 / .08);box-shadow:0 8px 24px #00000024;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mp-modal-close-x{font-size:1rem;line-height:1}.mp-modal-media-column{background:#050505;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.mp-modal-media-stage{min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(249 115 22 / .22),transparent 36%),#050505}.mp-modal-frame,.mp-modal-video,.mp-modal-image{width:100%;height:100%;border:0;object-fit:contain}.mp-modal-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px;border-top:1px solid rgba(255 255 255 / .08);background:#ffffff0a}.mp-thumb{position:relative;flex:0 0 96px;height:68px;overflow:hidden;border-radius:14px;border:1px solid rgba(255 255 255 / .18);background:#101010}.mp-thumb.is-active{border-color:var(--accent);box-shadow:0 0 0 1px #f973164d}.mp-thumb-media{width:100%;height:100%;object-fit:cover}.mp-thumb-label{position:absolute;inset:auto 8px 8px 8px;font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0 0 0 / .55)}.mp-modal-body{min-height:0;overflow-y:auto;padding:24px 20px 22px;display:flex;flex-direction:column;gap:22px}.mp-modal-copy{display:flex;flex-direction:column;gap:10px}.mp-modal-badge,.mp-confirm-kicker{display:inline-flex;width:fit-content;padding:5px 10px;border-radius:999px;background:var(--accent-bg);color:var(--accent-dim);font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mp-modal-title,.mp-confirm-title{font-family:Playfair Display,Lora,Georgia,serif;color:var(--ink);letter-spacing:-.03em;line-height:1.02}.mp-modal-title{font-size:clamp(1.8rem,7vw,2.3rem)}.mp-confirm-title{font-size:clamp(1.6rem,6vw,2rem)}.mp-modal-cat{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.mp-modal-desc,.mp-confirm-copy{font-size:.94rem;line-height:1.68;color:var(--ink-2)}.mp-modal-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-modal-metric{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;border:1px solid var(--border);background:#ffffffbd}.mp-modal-metric-val{font-size:1rem;font-weight:700;color:var(--ink)}.mp-modal-metric-label,.mp-modal-section-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}.mp-modal-story{display:flex;flex-direction:column;gap:12px}.mp-modal-story-list{display:flex;flex-direction:column;gap:14px}.mp-modal-story-item{padding-left:14px;border-left:2px solid rgba(249 115 22 / .18)}.mp-modal-story-title{margin-bottom:4px;font-size:.84rem;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.04em}.mp-modal-story-text{font-size:.88rem;line-height:1.6;color:var(--ink-3)}.mp-modal-actions{display:flex;flex-direction:column;gap:12px}.mp-modal-primary,.mp-confirm-primary,.mp-confirm-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mp-modal-primary,.mp-confirm-primary{background:var(--accent-gradient);color:var(--void);box-shadow:0 12px 28px #f973163d}.mp-confirm-secondary{border:1px solid var(--border);background:#ffffffbf;color:var(--ink)}.mp-modal-primary svg,.mp-confirm-primary svg{width:14px;height:14px}.mp-modal-note{font-size:.78rem;line-height:1.5;color:var(--ink-3)}.mp-confirm-modal{border-radius:26px;padding:24px 20px 20px;display:flex;flex-direction:column;gap:16px}.mp-confirm-destination{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#ffffffb8}.mp-confirm-destination span{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.mp-confirm-destination strong{font-size:.98rem;color:var(--ink)}.mp-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-footer{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s8) var(--s4);text-align:center}.mp-footer p{font-size:.82rem;color:var(--ink-3)}.mp-fullsite{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--accent);padding:10px 16px;border:1px solid var(--accent);border-radius:var(--r-full);transition:background .2s}.mp-fullsite:active{background:var(--accent-bg)}.mp-fullsite svg{width:12px;height:12px}@media (max-width: 480px){.mp-modal-backdrop,.mp-confirm-backdrop{padding:10px}.mp-modal-panel{max-height:94svh;border-radius:24px;grid-template-rows:minmax(210px,36svh) minmax(0,1fr)}.mp-modal-body,.mp-confirm-modal{padding-left:16px;padding-right:16px}.mp-confirm-actions{grid-template-columns:1fr}}.mc-desktop-prompt{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);background:#fff9;border:1px solid var(--border);border-radius:var(--r-full);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:10}.mc-desktop-prompt svg{width:18px;height:18px;color:var(--ink-3);flex-shrink:0}.mc-desktop-prompt p{font-size:.7rem;color:var(--ink-2);line-height:1.4}@media (max-height: 700px){.mobile-card-page{justify-content:flex-start;padding:var(--s3) var(--s4) var(--s4);gap:var(--s3)}.mc-face{padding:var(--s4)}.mc-identity{margin-bottom:var(--s3)}.mc-photo-wrap{width:64px;height:64px;margin-bottom:var(--s2)}.mc-tagline{font-size:.76rem;margin-bottom:var(--s3)}.mc-skills-ticker{padding:var(--s2) 0;min-height:38px;margin-bottom:var(--s3)}.mc-actions,.mc-socials{margin-bottom:var(--s3)}.mc-desktop-prompt{display:none}}@media (max-width: 360px){.mc-container{max-width:100%}.mc-face{padding:var(--s4) var(--s3)}.mc-tagline{font-size:.76rem;padding:0}.mc-achievement{font-size:.5rem}}