@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,14..32,100..1000;1,14..32,100..1000&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8f8f7;--color-sidebar: #edede9;--color-sidebar-border: #e1e1db;--color-text-primary: #0a192f;--color-text-secondary: #495670;--color-text-muted: #767660;--color-text-olive: #3e3e32;--color-text-light: #a8a894;--color-accent: #2563eb;--color-divider: #d6d6cd;--color-testimonial-bg: #edede9;--color-project-image-bg: #edede9;--sidebar-width: 421px;--content-padding: 32px;--radius-sm: 8px;--radius-md: 16px}[data-theme=dark]{--color-bg: #0e0e0c;--color-sidebar: #141410;--color-sidebar-border: #22221c;--color-text-primary: #e8e4d8;--color-text-secondary: #a8a294;--color-text-muted: #6e6a5c;--color-text-olive: #b8b098;--color-text-light: #48443a;--color-accent: #b8b0a2;--color-divider: #22221c;--color-testimonial-bg: #141410;--color-project-image-bg: #141410}html{font-family:var(--font-family);font-optical-sizing:auto;background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.app-layout{display:flex;height:100vh;width:100vw;position:relative}.content{flex:1;display:flex;flex-direction:column;height:100vh;margin-left:421px;overflow-y:auto;padding:var(--content-padding);gap:0}.sidebar--full{position:fixed;top:0;left:0;width:421px;height:100vh;background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-border);overflow-y:auto;padding:40px 32px;display:flex;flex-direction:column;z-index:100;will-change:transform}.sidebar--dock{position:fixed;top:0;left:0;width:80px;height:100vh;background:transparent;border-right:none;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:99;transform:translate(-100%);will-change:transform}.sidebar--full::-webkit-scrollbar,.sidebar--dock::-webkit-scrollbar{width:4px}.sidebar--full::-webkit-scrollbar-track,.sidebar--dock::-webkit-scrollbar-track{background:transparent}.sidebar--full::-webkit-scrollbar-thumb,.sidebar--dock::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:2px}.sidebar-hero{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;overflow:hidden}.sidebar-heading{display:flex;flex-direction:column;gap:8px}.sidebar-name{font-size:20px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;line-height:1}.sidebar-tagline{font-size:16px;font-weight:400;color:var(--color-text-secondary);letter-spacing:-.5px;line-height:1.3}.sidebar-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sidebar-links a{font-size:16px;font-weight:400;color:var(--color-text-primary);letter-spacing:-.5px;line-height:26px;transition:opacity .15s ease}.sidebar-links a:hover{opacity:.6}.sidebar-menu-trigger{display:none;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;align-items:center;justify-content:center;padding:0;flex-shrink:0;border-radius:6px;transition:background .15s ease,color .15s ease}.sidebar-menu-trigger:hover{background:var(--color-sidebar-border);color:var(--color-text-primary)}.menu-plus-icon{transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar-menu-trigger.open .menu-plus-icon{transform:rotate(45deg)}.sidebar-menu-panel{position:absolute;top:100%;left:0;right:0;z-index:200;background:#f8f8f7b3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:0;flex-direction:column;gap:0;transform:translateY(-8px);opacity:0;pointer-events:none;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility 0s .3s}.sidebar-menu-panel.open{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible;box-shadow:0 4px 12px #00000014;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility 0s 0s}.sidebar-menu-panel a{display:flex;align-items:center;padding:18px 20px;font-size:16px;font-weight:500;color:var(--color-text-primary);letter-spacing:-.3px;line-height:1.2;border-bottom:1px solid var(--color-divider);transition:background .15s ease,color .15s ease}.sidebar-menu-panel a:hover{background:var(--color-sidebar-border)}.sidebar-menu-theme{display:flex;align-items:center;padding:18px 20px;font-size:16px;font-weight:500;color:var(--color-text-primary);letter-spacing:-.3px;line-height:1.2;border:none;border-bottom:1px solid var(--color-divider);background:none;width:100%;cursor:pointer;font-family:var(--font-family);transition:background .15s ease}.sidebar-menu-theme:hover,[data-theme=dark] .sidebar-menu-trigger:hover{background:var(--color-sidebar-border)}[data-theme=dark] .sidebar-menu-panel{background:#141410bf}[data-theme=dark] .sidebar-menu-panel.open{box-shadow:0 4px 12px #0000004d}.sidebar-projects{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar-project{display:flex;align-items:center;gap:12px;height:80px;cursor:pointer;padding:14px 0;transition:opacity .15s ease;color:var(--color-text-primary);text-decoration:none;position:relative}.sidebar-project:hover{opacity:.7}.sidebar-project.active{opacity:1}.sidebar-project:before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--color-text-primary);opacity:0;transition:opacity .2s}.sidebar-project.active:before{opacity:1}.sidebar-project-thumbnail{width:48px;height:48px;clip-path:url(#squircle);overflow:hidden;flex-shrink:0}.sidebar--dock [data-scroll-top] .sidebar-project-thumbnail{overflow:visible}.sidebar-project-thumbnail img{width:100%;height:100%;object-fit:cover}.sidebar-project-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;overflow:hidden}.sidebar-profile-top{display:flex;align-items:center;gap:12px;height:0;opacity:0;overflow:hidden;cursor:pointer;padding:0;color:var(--color-text-primary);text-decoration:none}.sidebar-project-name{font-size:16px;font-weight:600;color:var(--color-text-primary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-project-tagline{font-size:16px;font-weight:400;color:var(--color-text-secondary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background:var(--color-divider);width:100%}.sidebar-footer{font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:1.5;letter-spacing:-.5px;padding-top:32px;margin-top:auto;overflow:hidden}.sidebar-controls{padding-top:24px;display:flex;flex-direction:column;gap:8px}.sidebar-controls-row{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.controls-label{font-size:14px;font-weight:400;color:var(--color-text-muted);letter-spacing:-.5px;line-height:1;margin-left:6px;margin-right:8px}.sidebar-sentinel{width:1px;height:1px;pointer-events:none;overflow:hidden}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:3px}.kb-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;background:linear-gradient(180deg,#fff,#f4f5f8);border:1px solid #E4E7EB;box-shadow:0 3px 2px #0000001a,0 2px #d5d9e0;cursor:pointer;padding:0;margin:0;color:var(--color-text-primary);font-family:var(--font-family);font-size:11px;line-height:1;letter-spacing:-.5px;vertical-align:middle;flex-shrink:0}.kb-btn:active{background:linear-gradient(180deg,#f4f5f8,#e4e7eb);border-color:#c4c8d0;box-shadow:0 1px #b4b8c0,0 1px 1px #0000001a;transform:translateY(1px)}[data-theme=dark] .kb-btn{background:linear-gradient(180deg,#1e1e18,#0e0e0c);border-color:#2a2a22;box-shadow:0 3px 2px #00000059,0 2px #080808}[data-theme=dark] .kb-btn:active{background:linear-gradient(180deg,#1a1a14,#0e0e0c);border-color:#36362c;box-shadow:0 1px #36362c,0 1px 1px #0003}.intro-box{position:relative;width:100%;min-height:288px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-project-image-bg);border:1px solid var(--color-sidebar-border)}.intro-image-placeholder{position:absolute;left:-60px;top:20px;width:264px;height:277px;overflow:hidden}.intro-image-placeholder img{width:100%;height:100%;object-fit:cover}.intro-image-placeholder img[data-dark-img],[data-theme=dark] .intro-image-placeholder img[data-light-img]{display:none}[data-theme=dark] .intro-image-placeholder img[data-dark-img]{display:block}.intro-decoration{position:absolute;left:204px;top:80px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;line-height:1;opacity:.08;pointer-events:none}.intro-text{position:absolute;left:285px;top:54px;width:590px;z-index:1;font-size:20px;font-weight:400;color:var(--color-text-olive);line-height:30px;letter-spacing:-.5px;text-wrap:balance}.project-section{display:flex;flex-direction:column}.project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:5;padding:16px 0;transition:background .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.project-heading.stuck{background:#f8f8f799;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md);padding:12px 16px;margin:0 -16px;box-shadow:0 8px 32px #0000000f,inset 0 1px #fff9}[data-theme=dark] .project-heading.stuck{background:#0e0e0c99;border-color:#ffffff14;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0a}.project-pin{position:absolute;z-index:2;pointer-events:none}.project-pin-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-primary);position:absolute;left:-3px;top:-3px;opacity:0}.project-pin-card{position:absolute;left:14px;top:0;transform:translateY(-50%)}.pin-card-left{left:auto;right:14px}.pin-card-bottom{top:100%;transform:none}.pin-card-top{top:auto;bottom:0;transform:none}.pin-card-bottom.pin-card-left,.pin-card-top.pin-card-left{transform:none}.project-pin-card-inner{background:#fef9e7;border:none;border-radius:2px 8px;padding:14px 16px;min-width:200px;max-width:320px;opacity:0;transform:rotate(var(--tilt, -2deg));box-shadow:0 1px 2px #0000000a,0 4px 12px #0000001a;transform-origin:bottom left;position:relative}.postit-pushpin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;z-index:5}.postit-pushpin:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f87171,#dc2626,#991b1b);box-shadow:0 2px 4px #00000059,inset 0 1px 1px #ffffff4d}.postit-pushpin:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:2.5px solid transparent;border-right:2.5px solid transparent;border-top:5px solid #7f1d1d}.project-pin-card-inner p{font-size:14px;font-weight:500;color:#3e3e32;line-height:1.5;letter-spacing:-.3px}.pin-card-left .project-pin-card-inner{transform-origin:bottom right}[data-theme=dark] .project-pin-card-inner{background:#3d3926;box-shadow:0 1px 2px #00000026,0 4px 12px #0000004d}[data-theme=dark] .postit-pushpin:before{background:radial-gradient(circle at 40% 35%,#fb923c,#c2410c,#7c2d12);box-shadow:0 2px 4px #00000080,inset 0 1px 1px #fff3}[data-theme=dark] .postit-pushpin:after{border-top-color:#431407}[data-theme=dark] .project-pin-card-inner p{color:#e8e4d8}.sticky-sentinel{width:1px;height:1px;pointer-events:none;overflow:hidden}.project-heading-info{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.project-heading-icon{width:40px;height:40px;clip-path:url(#squircle);overflow:hidden;flex-shrink:0;margin-top:6px}.project-heading-icon img{width:100%;height:100%;object-fit:cover}.project-heading-text{display:flex;flex-direction:column}.project-heading-name-row{display:flex;align-items:center;gap:6px}.project-heading-name{font-size:16px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.5px;line-height:26px}.project-info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--color-divider);background:transparent;color:var(--color-text-muted);cursor:default;flex-shrink:0;position:relative}.project-info-tooltip{opacity:0;visibility:hidden;pointer-events:none;position:fixed;background:var(--color-sidebar);border:1px solid var(--color-sidebar-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:1.5;letter-spacing:-.5px;max-width:480px;min-width:260px;white-space:normal;word-wrap:break-word;box-shadow:0 4px 24px #0000002e;z-index:99999;text-align:left;transition:opacity .2s ease,visibility .2s ease;transform:translateY(-50%)}.project-info-tooltip.visible{opacity:1;visibility:visible}.project-heading-tagline{font-size:16px;font-weight:400;color:var(--color-text-secondary);letter-spacing:-.5px;line-height:26px}.project-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;align-self:center}.kb-btn--notes{width:28px;height:28px;padding:0;font-size:13px;font-weight:700;background:linear-gradient(180deg,#f4f5f8,#e4e7eb);border-color:#c4c8d0;color:var(--color-text-primary);box-shadow:0 1px #b4b8c0,0 1px 1px #0000001a;transform:translateY(1px)}.kb-btn--notes.notes-hidden{background:linear-gradient(180deg,#fff,#f4f5f8);border-color:#e4e7eb;box-shadow:0 3px 2px #0000001a,0 2px #d5d9e0;transform:translateY(0)}.kb-btn--notes:active{background:linear-gradient(180deg,#f4f5f8,#e4e7eb);border-color:#c4c8d0;box-shadow:0 1px #b4b8c0,0 1px 1px #0000001a;transform:translateY(1px)}[data-theme=dark] .kb-btn--notes{background:linear-gradient(180deg,#1a1a14,#0e0e0c);border-color:#36362c;color:var(--color-text-primary);box-shadow:0 1px #36362c,0 1px 1px #0003}[data-theme=dark] .kb-btn--notes.notes-hidden{background:linear-gradient(180deg,#1e1e18,#0e0e0c);border-color:#2a2a22;box-shadow:0 3px 2px #00000059,0 2px #080808}[data-theme=dark] .kb-btn--notes:active{background:linear-gradient(180deg,#1a1a14,#0e0e0c);border-color:#36362c;box-shadow:0 1px #36362c,0 1px 1px #0003}[data-notes=hidden] .project-pin{display:none}.kb-btn--link{width:auto;height:28px;padding:0 12px;font-size:12px;font-weight:600;letter-spacing:-.3px;white-space:nowrap;text-decoration:none;font-family:var(--font-family);color:var(--color-text-primary);background:linear-gradient(180deg,#fff,#f4f5f8);box-shadow:0 3px 2px #0000001a,0 2px #d5d9e0;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;transform:translateY(0)}.kb-btn--link:hover{background:linear-gradient(180deg,#f4f5f8,#ebecf0)}.kb-btn--link:active{background:linear-gradient(180deg,#f4f5f8,#e4e7eb);border-color:#c4c8d0;box-shadow:0 1px #b4b8c0,0 1px 1px #0000001a;transform:translateY(1px);color:var(--color-text-primary)}[data-theme=dark] .kb-btn--link{color:var(--color-text-primary);background:linear-gradient(180deg,#1e1e18,#0e0e0c);border-color:#2a2a22;box-shadow:0 3px 2px #00000059,0 2px #080808}[data-theme=dark] .kb-btn--link:hover{background:linear-gradient(180deg,#24241e,#12120e)}[data-theme=dark] .kb-btn--link:active{background:linear-gradient(180deg,#1a1a14,#0e0e0c);border-color:#36362c;box-shadow:0 1px #36362c,0 1px 1px #0003;color:var(--color-text-primary)}.project-images{display:flex;flex-direction:column;gap:40px;margin-top:16px}.project-image-row{background:var(--color-project-image-bg);border-radius:var(--radius-md);border:1px solid var(--color-sidebar-border);overflow:hidden;padding:56px 64px;display:flex;justify-content:center}.project-image-row img.project-image--shadow{box-shadow:0 15px 30px #0000001f}.project-content-row{display:flex;justify-content:center;padding:40px 64px;border-radius:var(--radius-md);border:1px solid var(--color-sidebar-border);background:var(--color-project-image-bg)}.project-video{max-width:960px;width:100%;border-radius:var(--radius-sm)}.project-embed{width:100%;max-width:960px}.project-embed iframe{width:100%;border:none}.project-image-row img{border-radius:var(--radius-sm);width:100%}.project-image-row img.size-original{max-width:none}.project-image-row img.size-large{max-width:960px}.project-image-row img.size-medium{max-width:720px}.project-image-row img.size-small{max-width:480px}.testimonial-card{background:var(--color-testimonial-bg);border:1px solid var(--color-sidebar-border);border-radius:var(--radius-md);padding:54px 32px;display:flex;align-items:center;justify-content:center;gap:88px;height:var(--card-height, auto);overflow:hidden}.testimonial-content{display:flex;flex-direction:column;gap:8px;max-width:630px}.testimonial-body{font-size:20px;font-weight:400;color:var(--color-text-olive);line-height:30px;letter-spacing:-.5px;text-wrap:balance}.testimonial-author,.testimonial-author-position{font-size:16px;font-weight:400;color:var(--color-text-muted);letter-spacing:-.5px}@media(min-width:1025px){.sidebar-menu-panel{display:none}}@media(max-width:1024px){.app-layout{flex-direction:column;height:100vh;overflow:hidden}.sidebar--full{position:fixed;top:0;left:0;width:100%;height:auto;z-index:100;flex-direction:row;align-items:center;padding:8px 16px;gap:8px;border-right:none;border-bottom:1px solid var(--color-sidebar-border);transform:none;overflow:visible}.sidebar--full .sidebar-hero{flex-direction:row;align-items:center;gap:8px;margin-bottom:0;overflow:visible;flex:1;position:relative;justify-content:space-between}.sidebar--full .sidebar-heading{flex-direction:row;align-items:center;gap:6px}.sidebar--full .sidebar-name{font-size:14px;white-space:nowrap}.sidebar--full .sidebar-tagline,.sidebar--full .sidebar-links{display:none}.sidebar-menu-trigger{display:flex}.sidebar--full .sidebar-projects,.sidebar--full .sidebar-controls,.sidebar--full .sidebar-footer{display:none}.sidebar--dock{display:flex!important;position:fixed;top:auto;bottom:0;left:0;width:100%;height:auto;z-index:100;flex-direction:row;overflow-x:auto;overflow-y:hidden;justify-content:center;align-items:center;gap:16px;padding:8px 16px;background:var(--color-sidebar);border-top:1px solid var(--color-sidebar-border);border-right:none;transform:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar--dock::-webkit-scrollbar{display:none}.sidebar--dock .sidebar-project{flex-shrink:0;width:44px;height:44px;padding:0;position:relative}.sidebar--dock .sidebar-project:before{left:50%;top:auto;bottom:-8px;transform:translate(-50%)}.sidebar--dock .sidebar-project-thumbnail{width:44px;height:44px}.content{margin-left:0;height:100vh;overflow-y:auto;padding:53px 16px 80px}.intro-box{min-height:unset;padding:32px 24px}.intro-decoration{display:none}.intro-text{position:relative;left:unset;top:unset;width:100%;font-size:16px;line-height:26px}.intro-image-placeholder{display:none}.project-heading{flex-direction:column;gap:4px}.project-heading-actions{align-self:flex-start;margin-top:4px}.project-heading-actions{overflow:visible}.project-image-row{padding:20px 16px}.project-content-row{padding:24px 16px}.testimonial-card{flex-direction:column;gap:24px;padding:32px 24px;height:auto;min-height:unset}.testimonial-body{font-size:16px;line-height:26px}.testimonial-arrow{display:none}.project-pin-card-inner{padding:12px 14px;min-width:180px;max-width:280px}}@media(max-width:640px){.sidebar--full{padding:6px 12px;gap:6px}.sidebar--full .sidebar-name{font-size:13px}.sidebar--full .sidebar-links{gap:8px}.sidebar--full .sidebar-links a{font-size:12px}.content{padding:51px 12px 80px}.project-image-row{padding:12px}.project-content-row{padding:16px 12px;border-radius:8px}.sidebar--dock{padding:6px 12px;gap:14px}.sidebar--dock .sidebar-project{width:36px;height:36px}.sidebar--dock .sidebar-project:before{bottom:-6px}.sidebar--dock .sidebar-project-thumbnail{width:36px;height:36px}.intro-box{padding:20px 16px;border-radius:10px}.project-pin-card-inner{padding:10px 12px;min-width:160px;max-width:240px}}