:root{--sage:#AEB7B3;--purple:#A657AE;--orange:#FF773D;--burgundy:#471323;--indigo:#3D348B;--off-white:#F5F4F0;--near-black:#0D0B1A}*{margin:0;padding:0;box-sizing:border-box}body{font-family:space mono,monospace;color:var(--near-black);background:var(--off-white);overflow-x:hidden}::selection{background:var(--orange);color:#fff}nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;background:var(--indigo);position:sticky;top:0;z-index:100}.logo{font-family:syne,sans-serif;font-weight:800;font-size:1.4rem;color:#fff;text-transform:uppercase;letter-spacing:3px;text-decoration:none}.logo span{color:var(--orange)}.nav-links{display:flex;gap:.25rem;list-style:none}.nav-links a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:rgba(255,255,255,.6);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.5rem 1rem;border-radius:4px;transition:all .25s}.nav-links a svg{flex-shrink:0}.nav-links a:hover{color:#fff;background:var(--orange)}.hero{min-height:100vh;background:var(--indigo);display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative;overflow:hidden}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:syne,sans-serif;font-weight:800;font-size:28vw;color:rgba(255,255,255,3%);white-space:nowrap;pointer-events:none;user-select:none;letter-spacing:-.03em}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-text h1{font-family:syne,sans-serif;font-size:5.5rem;font-weight:800;line-height:.95;color:#fff;margin-bottom:2rem;letter-spacing:-2px}.hero-text h1 .line-orange{color:var(--orange);display:block}.hero-text h1 .line-purple{color:var(--purple);display:block;font-style:italic}.hero-text p{font-size:.9rem;line-height:1.9;color:var(--sage);max-width:500px;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.75rem;font-weight:700;font-family:space mono,monospace;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--orange);color:#fff;clip-path:polygon(0 0,100% 0,95% 100%,0% 100%);padding-right:3rem}.btn-primary:hover{background:var(--purple);transform:translateX(4px)}.btn-secondary{background:0 0;color:var(--sage);border:2px solid var(--sage)}.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.avatar-frame{width:340px;height:420px;position:relative}.avatar-frame .main-block{width:100%;height:100%;background:var(--burgundy);border-radius:0;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);display:flex;align-items:center;justify-content:center}.avatar-frame .accent-border{position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:3px solid var(--orange);clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);pointer-events:none}.avatar-frame .dot-accent{position:absolute;bottom:-30px;right:-30px;width:80px;height:80px;background:var(--purple);border-radius:50%;opacity:.7}.avatar-frame .line-accent{position:absolute;top:20px;right:-40px;width:80px;height:3px;background:var(--orange)}.avatar-frame .line-accent::after{content:'';position:absolute;top:10px;left:15px;width:50px;height:3px;background:var(--sage);opacity:.5}.avatar-initials{font-family:syne,sans-serif;font-weight:800;font-size:5rem;color:var(--orange);letter-spacing:4px;opacity:.9}.avatar-img{width:100%;height:100%;object-fit:cover}.marquee-strip{background:var(--orange);padding:.75rem 0;overflow:hidden;white-space:nowrap}.marquee-inner{display:inline-flex;animation:marquee 20s linear infinite}.marquee-inner span{font-family:syne,sans-serif;font-weight:800;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:4px;padding:0 2rem}.marquee-inner span.dot{color:var(--burgundy);padding:0 1rem}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.projects{padding:6rem 4rem;background:var(--off-white)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;border-bottom:3px solid var(--near-black);padding-bottom:1rem}.section-title{font-family:syne,sans-serif;font-size:3.5rem;font-weight:800;color:var(--near-black);letter-spacing:-1px;line-height:1}.section-number{font-family:space mono,monospace;font-size:.75rem;color:var(--sage);letter-spacing:2px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--near-black)}.project-card{border-right:2px solid var(--near-black);transition:all .4s ease;position:relative;overflow:hidden;text-decoration:none;color:inherit}.project-card:last-child{border-right:none}.project-card:hover{background:var(--indigo);color:#fff}.project-card:hover .project-info h3{color:#fff}.project-card:hover .project-info p{color:var(--sage)}.project-card:hover .project-num{color:var(--orange)}.project-thumb{height:220px;position:relative;overflow:hidden}.project-card:nth-child(1) .project-thumb{background:var(--indigo);background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,3%) 20px,rgba(255,255,255,3%) 40px)}.project-card:nth-child(2) .project-thumb{background:var(--burgundy);background-image:radial-gradient(circle at 30% 50%,rgba(255,119,61,.2) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(166,87,174,.2) 0%,transparent 50%)}.project-card:nth-child(3) .project-thumb{background:var(--purple);background-image:linear-gradient(135deg,rgba(71,19,35,.4) 0%,transparent 60%)}.project-thumb .tag{position:absolute;bottom:16px;left:16px;background:var(--orange);color:#fff;padding:.3rem .9rem;font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:space mono,monospace}.project-info{padding:1.8rem}.project-num{font-family:space mono,monospace;font-size:.7rem;color:var(--sage);margin-bottom:.75rem;letter-spacing:1px}.project-info h3{font-family:syne,sans-serif;font-size:1.4rem;font-weight:700;color:var(--near-black);margin-bottom:.6rem;letter-spacing:-.5px;transition:color .3s}.project-info p{font-size:.8rem;color:#777;line-height:1.7;transition:color .3s}.blog{padding:6rem 4rem;background:var(--near-black);color:#fff}.blog .section-header{border-bottom-color:rgba(255,255,255,.15)}.blog .section-title{color:#fff}.blog .section-number{color:var(--sage)}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.blog-card{padding:2rem;border:1px solid rgba(255,255,255,8%);transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:#fff}.blog-card:hover{background:var(--indigo);border-color:var(--indigo)}.blog-card:hover .blog-arrow{color:var(--orange);transform:translateX(6px)}.blog-meta{display:flex;justify-content:space-between;align-items:center}.blog-date{font-size:.7rem;color:var(--sage);letter-spacing:1px}.blog-tag{padding:.25rem .7rem;background:var(--purple);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.blog-card h3{font-family:syne,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.3;letter-spacing:-.3px}.blog-card p{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.7}.blog-arrow{font-size:1.2rem;color:var(--sage);transition:all .3s;align-self:flex-start}.about{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}.about-left{background:var(--burgundy);padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center}.about-left h2{font-family:syne,sans-serif;font-size:3.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:2rem;letter-spacing:-1px}.about-left h2 span{display:block;color:var(--orange);font-style:italic}.about-left p{font-size:.85rem;line-height:2;color:rgba(255,255,255,.7);max-width:440px}.about-left .about-cta{margin-top:2.5rem}.about-left .btn-primary{background:var(--orange)}.about-right{background:var(--purple);padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.about-right::before{content:'&';position:absolute;bottom:-60px;right:-20px;font-family:syne,sans-serif;font-size:25rem;font-weight:800;color:rgba(255,255,255,5%);line-height:1;pointer-events:none}.skills-label{font-size:.65rem;text-transform:uppercase;letter-spacing:4px;color:rgba(255,255,255,.5);margin-bottom:2rem;font-weight:700}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-pill{padding:.6rem 1.3rem;font-size:.75rem;font-weight:700;font-family:space mono,monospace;background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.2);transition:all .3s;cursor:default}.skill-pill:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-3px)}.stat-row{display:flex;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}.stat-item .stat-num{font-family:syne,sans-serif;font-weight:800;font-size:2.5rem;color:#fff;line-height:1}.stat-item .stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.5);margin-top:.3rem}footer{padding:2.5rem 4rem;background:var(--indigo);display:flex;justify-content:space-between;align-items:center}footer .logo{color:#fff;font-size:1.2rem}footer .logo span{color:var(--orange)}.footer-links{display:flex;gap:.5rem;list-style:none}.footer-links a{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;color:rgba(255,255,255,.5);text-decoration:none;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s;border:1px solid transparent}.footer-links a svg{flex-shrink:0}.footer-links a:hover{color:var(--orange);border-color:var(--orange)}.footer-copy{font-size:.65rem;color:rgba(255,255,255,.25);letter-spacing:1px}@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes clipReveal{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.hero-text{animation:slideRight .8s ease forwards}.hero-visual{animation:fadeUp .9s ease .3s forwards;opacity:0;animation-fill-mode:forwards}.project-card{animation:fadeUp .6s ease forwards;opacity:0}.project-card:nth-child(1){animation-delay:.15s}.project-card:nth-child(2){animation-delay:.3s}.project-card:nth-child(3){animation-delay:.45s}.marquee-strip{animation:clipReveal 1s ease .5s forwards;clip-path:polygon(0 0,0 0,0 100%,0 100%)}.page-content{max-width:720px;margin:0 auto;padding:4rem 2rem}.page-content h1{font-family:syne,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem;line-height:1.1}.page-content .post-meta{font-size:.75rem;color:var(--sage);letter-spacing:1px;margin-bottom:3rem;text-transform:uppercase}.page-content .post-meta .post-tag{background:var(--purple);color:#fff;padding:.2rem .6rem;font-size:.6rem;font-weight:700;letter-spacing:2px;margin-left:.5rem}.page-content h2{font-family:syne,sans-serif;font-size:1.8rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.5px}.page-content h3{font-family:syne,sans-serif;font-size:1.3rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem}.page-content p{font-size:.9rem;line-height:1.9;color:#444;margin-bottom:1.5rem}.page-content a{color:var(--indigo);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}.page-content a:hover{color:var(--orange)}.page-content code{background:rgba(61,52,139,8%);padding:.15rem .4rem;font-size:.85rem;border-radius:3px}.page-content pre{background:var(--near-black);color:var(--off-white);padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem;font-size:.8rem;line-height:1.7}.page-content pre code{background:0 0;padding:0;border-radius:0}.page-content ul,.page-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.page-content li{font-size:.9rem;line-height:1.9;color:#444;margin-bottom:.3rem}.page-content blockquote{border-left:4px solid var(--orange);padding-left:1.5rem;margin-bottom:1.5rem;font-style:italic;color:#666}.blog-list-page{padding:4rem;min-height:60vh}.blog-list-page .section-header{margin-bottom:2.5rem}.blog-list-entries{display:grid;grid-template-columns:1fr 1fr;gap:0}.blog-list-entry{padding:2rem;border:1px solid rgba(13,11,26,.1);transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:var(--near-black)}.blog-list-entry:hover{background:var(--indigo);color:#fff;border-color:var(--indigo)}.blog-list-entry:hover p{color:var(--sage)}.blog-list-entry:hover .blog-arrow{color:var(--orange);transform:translateX(6px)}.blog-list-entry .blog-meta{display:flex;justify-content:space-between;align-items:center}.blog-list-entry h3{font-family:syne,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.3;letter-spacing:-.3px}.blog-list-entry p{font-size:.8rem;color:#777;line-height:1.7;transition:color .3s}@media(max-width:960px){.hero{padding:3rem 2rem;min-height:auto}.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text h1{font-size:3.5rem}.hero-text p{margin:0 auto 2rem}.hero-cta{justify-content:center}.hero-visual{order:-1}.avatar-frame{width:240px;height:300px;margin:0 auto}.avatar-initials{font-size:3.5rem}.projects-grid{grid-template-columns:1fr}.project-card{border-right:none;border-bottom:2px solid var(--near-black)}.project-card:last-child{border-bottom:none}.blog-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}nav{padding:1rem 1.5rem}.nav-links{gap:0}.nav-links a{padding:.5rem .6rem;font-size:.65rem;letter-spacing:1px}.section-title{font-size:2.4rem}.projects,.blog{padding:4rem 2rem}.about-left,.about-right{padding:3rem 2rem}.about-left h2{font-size:2.5rem}footer{flex-direction:column;gap:1rem;text-align:center;padding:2rem}.stat-row{gap:2rem}.blog-list-page{padding:4rem 2rem}.blog-list-entries{grid-template-columns:1fr}.page-content{padding:3rem 1.5rem}.page-content h1{font-size:2.2rem}}@media(max-width:600px){nav{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.8rem 1rem}.logo{font-size:1.1rem;letter-spacing:2px}.nav-links a{padding:.4rem .5rem;font-size:.6rem;letter-spacing:.5px}.hero{padding:2rem 1.5rem}.hero-text h1{font-size:2.5rem;letter-spacing:-1px}.hero-text p{font-size:.8rem}.hero-cta{flex-direction:column;align-items:center;gap:.75rem}.btn{font-size:.7rem;padding:.8rem 1.5rem}.btn-primary{padding-right:2rem}.avatar-frame{width:200px;height:250px}.avatar-initials{font-size:2.8rem}.section-title{font-size:1.8rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.projects,.blog{padding:3rem 1.5rem}.about-left,.about-right{padding:2.5rem 1.5rem}.about-left h2{font-size:2rem}.stat-row{flex-direction:column;gap:1.5rem}.stat-item .stat-num{font-size:2rem}.blog-list-page{padding:3rem 1.5rem}.page-content{padding:2rem 1rem}.page-content h1{font-size:1.8rem}footer .logo{font-size:1rem}}