*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;color:#e8e8e8;background:#111;font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{margin:0;background:#111}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page{width:min(1100px,calc(100% - 48px));margin:0 auto}.header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929}.logo{font-size:15px;font-weight:700;letter-spacing:-.02em}nav{display:flex;align-items:center;gap:22px}nav a{color:#888;font-size:13px;transition:color .12s ease}nav a:hover{color:#e8e8e8}.social-menu{position:relative;display:inline-flex;align-items:center}.social-trigger{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#888;cursor:pointer;font-size:13px;transition:color .12s ease}.social-trigger:hover{color:#e8e8e8}.social-dropdown{position:absolute;top:100%;right:0;z-index:20;min-width:145px;margin-top:8px;padding:7px;border:1px solid #292929;border-radius:8px;background:#151515;box-shadow:0 12px 30px #00000059;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.social-dropdown:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.social-menu:hover .social-dropdown,.social-menu:focus-within .social-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.social-dropdown a{display:block;padding:9px 10px;border-radius:5px;color:#999}.social-dropdown a:hover{background:#202020;color:#fff}.intro{padding:125px 0 135px}.intro h1{margin:0 0 14px;font-size:clamp(40px,7vw,64px);line-height:1;letter-spacing:-.045em;font-weight:600}.intro p{margin:0;color:#888;font-size:17px}.section{border-top:1px solid #292929;padding:48px 0 70px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section h2{margin:0;font-size:14px;font-weight:600;color:#999}.section-heading h2{margin:0}.section-link{display:flex;align-items:center;gap:5px;color:#777;font-size:12px}.section-link:hover{color:#e8e8e8}.project-list{border-top:1px solid #292929}.project{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #292929;transition:padding .12s ease}.project:hover{padding-left:5px;padding-right:5px}.project:hover h3{color:#fff}.project h3{margin:0 0 6px;font-size:16px;font-weight:500;transition:color .12s ease}.project p{margin:0;color:#777;font-size:13px}.project-link{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:#777;font-size:12px}.project:hover .project-link{color:#ccc}.about p{margin:0;color:#999;font-size:15px;line-height:1.8}.page-heading,.project-header{padding:90px 0 75px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#777;font-size:12px;margin-bottom:35px}.back-link:hover{color:#e8e8e8}.page-heading h1,.project-header h1{margin:0 0 14px;font-size:clamp(38px,6vw,56px);line-height:1;letter-spacing:-.04em;font-weight:600}.page-heading p,.project-header>p{margin:0;color:#888;font-size:16px;line-height:1.6;max-width:650px}.project-page-section{padding-top:0;border-top:0}.project-detail{border-top:1px solid #292929;padding:48px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:70px}.project-content{max-width:620px}.project-content p{margin:0 0 24px;color:#aaa;font-size:15px;line-height:1.8}.project-content p:last-child{margin-bottom:0}.project-images{margin-bottom:45px}.project-images figure{margin:0 0 28px}.project-images figure:last-child{margin-bottom:0}.project-images img{display:block;width:100%;height:auto;border:1px solid #292929}.project-images figcaption{margin-top:9px;color:#666;font-size:11px;line-height:1.5}.project-sidebar{display:flex;flex-direction:column;gap:45px}.info-block{border-top:1px solid #292929;padding-top:18px}.info-block h2{margin:0 0 18px;color:#999;font-size:12px;font-weight:600}.info-block dl{margin:0}.info-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:9px 0;border-bottom:1px solid #222}.info-row:first-child{padding-top:0}.info-row:last-child{border-bottom:0;padding-bottom:0}.info-row dt{color:#666;font-size:12px}.info-row dd{margin:0;color:#aaa;font-size:12px;text-align:right}.detail-links{display:flex;flex-direction:column}.detail-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #222;color:#999;font-size:12px}.detail-link:first-child{padding-top:0}.detail-link:last-child{border-bottom:0;padding-bottom:0}.detail-link:hover{color:#fff}.not-found{padding:120px 0}.not-found h1{margin:0 0 30px;font-size:36px;font-weight:500;letter-spacing:-.03em}footer{border-top:1px solid #292929;padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#555;font-size:12px}footer a{color:#777}footer a:hover{color:#e8e8e8}@media(max-width:700px){.page{width:min(100% - 28px,1100px)}.header{height:64px}nav{gap:15px}.intro{padding:90px 0 100px}.intro h1{font-size:42px}.page-heading,.project-header{padding:65px 0 55px}.project-detail{grid-template-columns:1fr;gap:55px}.project-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project{align-items:flex-start;padding:22px 0}.project-link{margin-top:2px}footer{flex-direction:column}}@media(max-width:480px){nav a:first-child{display:none}.project{gap:15px}.project p{line-height:1.5}.project-sidebar{grid-template-columns:1fr}.info-row{grid-template-columns:1fr auto}}.about-bio p{margin-bottom:1rem;line-height:1.6}.skills-container{margin-top:2rem}.skills-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.skill-category h4{margin-bottom:.5rem;font-size:.95rem;opacity:.8}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#ffffff14;padding:.25rem .6rem;border-radius:4px;font-size:.85rem}.hire-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #333;border-radius:10px;padding:25px;margin:45px 0}.hire-promo h2{margin:0 0 8px;font-size:20px}.hire-promo p{color:#999;margin:0;font-size:14px}.hire-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e8e8e8;color:#111;border:1px solid #e8e8e8;border-radius:6px;padding:12px 18px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.hire-button:hover{background:#fff}.hire-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:60px;margin:20px 0 90px}.hire-form-panel h2,.hire-aside h2{font-size:18px;margin:0 0 14px}.hire-muted{color:#888;font-size:13px;line-height:1.7}.hire-form{display:flex;flex-direction:column;gap:20px;margin-top:26px;align-items:flex-start}.hire-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#ccc;width:100%}.hire-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.hire-form input,.hire-form select,.hire-form textarea{width:100%;background:#191919;border:1px solid #383838;color:#eee;border-radius:6px;padding:12px;outline:none}.hire-form input:focus,.hire-form select:focus,.hire-form textarea:focus{border-color:#aaa}.hire-form textarea{resize:vertical;line-height:1.6}.hire-aside{border-left:1px solid #292929;padding-left:30px}.hire-aside h2:not(:first-child){margin-top:36px}.hire-aside p{color:#aaa;font-size:14px;line-height:1.8}.hire-aside a{color:#eee;text-decoration:underline;overflow-wrap:anywhere}.ad-wrap{margin:48px auto;text-align:center;min-height:110px}.ad-wrap>span{display:block;font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}@media(max-width:700px){.hire-layout{grid-template-columns:1fr;gap:30px}.hire-aside{border-left:0;border-top:1px solid #292929;padding:25px 0 0}.hire-promo{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.hire-fields{grid-template-columns:1fr}.header nav{gap:12px}}