@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap");:root{--bg-base:#d9d4c7;--bg-raised:#cbc4b4;--bg-surface:#beb5a3;--bg-muted:#aaa08b;--bg-hover:#9f947e;--accent:#2f4b3f;--accent-hover:#20382e;--accent-dim:rgba(47,75,63,0.09);--accent-glow:rgba(47,75,63,0.15);--text-1:#222018;--text-2:#4e493d;--text-3:#5f584b;--text-4:#6d6557;--border-hairline:rgba(34,32,24,0.09);--border-subtle:rgba(34,32,24,0.16);--border-visible:rgba(34,32,24,0.34);--font-serif:"Source Serif 4",Georgia,serif;--font-sans:"Archivo",system-ui,-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.88rem;--text-base:1rem;--text-lg:1.13rem;--text-xl:1.35rem;--text-2xl:1.65rem;--text-3xl:2.1rem;--text-4xl:3rem;--text-5xl:4.1rem;--text-6xl:5rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--max-w:1240px;--content-w:720px;--ease:cubic-bezier(0.22,1,0.36,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-fast:0.12s;--t-base:0.28s;--t-slow:0.52s;--shadow-xs:3px 3px 0 rgba(34,32,24,0.15);--shadow-sm:4px 4px 0 rgba(34,32,24,0.16);--shadow-md:6px 6px 0 rgba(34,32,24,0.17);--shadow-lg:8px 8px 0 rgba(34,32,24,0.18);--shadow-xl:12px 12px 0 rgba(34,32,24,0.18);--shadow-accent:8px 8px 0 rgba(47,75,63,0.2);--r-sm:2px;--r-md:3px;--r-lg:4px;--r-full:999px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-weight:400;font-size:var(--text-base);line-height:1.62;color:var(--text-1);background:var(--bg-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{z-index:0;background-image:linear-gradient(rgba(34,32,24,.08) 1px,transparent 0);background-size:100% 32px}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:9999;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode:multiply}.bg-gradient,html:before{display:none!important}::selection{background:var(--accent);color:#ece7d8}img,picture,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none}.skip-to-content{position:absolute;top:-100%;left:0;z-index:1000;padding:var(--sp-4);color:#ece7d8;background:var(--accent);font-weight:700}.skip-to-content:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg-raised)}::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid var(--bg-raised)}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-raised)}main{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:calc(80px + var(--sp-20)) var(--sp-8) var(--sp-24)}nav{position:fixed;inset:0 0 auto 0;z-index:100;padding:var(--sp-5) var(--sp-8);display:flex;justify-content:space-between;align-items:center;background:var(--bg-base);border-bottom:1px solid var(--border-visible);box-shadow:0 3px 0 rgba(34,32,24,.12);transition:padding var(--t-base) var(--ease-out-expo)}nav.scrolled{padding:var(--sp-3) var(--sp-8)}nav:before{content:"FIELD FILE";position:absolute;left:var(--sp-8);bottom:-2rem;font-size:.62rem;font-weight:700;color:var(--text-4);letter-spacing:.18em}.logo{font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;color:var(--text-1);letter-spacing:.02em;text-transform:uppercase}.logo span,.logo:hover{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:var(--sp-2);list-style:none;padding:4px;border:1px solid var(--border-visible);background:var(--bg-raised)}.nav-links a{display:block;padding:.42rem .75rem;font-size:.72rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent}.nav-links a.active,.nav-links a:hover{color:#ece7d8;background:var(--accent);border-color:var(--accent)}.page-header{max-width:var(--content-w);margin-bottom:var(--sp-20);padding:var(--sp-8);background:var(--bg-raised);border:1px solid var(--border-visible);box-shadow:var(--shadow-md)}.about-content h2,.contact-info h2,.error-title,.hero h1,.page-header h1{font-family:var(--font-serif);font-weight:600;letter-spacing:-.055em;color:var(--text-1);text-wrap:balance}.page-header h1{font-size:var(--text-4xl);line-height:1.02;margin-bottom:var(--sp-5)}.page-header p{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-2);line-height:1.75}.hero{min-height:calc(100vh - 180px);display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:var(--sp-20);padding:var(--sp-16) 0 var(--sp-20)}.hero-content{max-width:560px;position:relative}.hero-content:before{content:"";position:absolute;left:-24px;top:.5rem;bottom:.6rem;width:5px;background:var(--accent)}.error-label,.hero-label{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.72rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.16em;margin-bottom:var(--sp-8)}.error-label:before,.hero-label:before{content:"";width:28px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(var(--text-4xl),6.3vw,var(--text-5xl));line-height:.98;margin-bottom:var(--sp-8)}.about-content h2 span,.contact-info h2 span,.error-title span,.hero h1 .highlight{color:var(--accent);font-style:normal}.contact-info>p,.error-description,.hero-description{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-2);line-height:1.78}.hero-description{max-width:500px;margin-bottom:var(--sp-10)}.hero-buttons{display:flex;flex-wrap:wrap}.btn,.hero-buttons{align-items:center;gap:var(--sp-3)}.btn{display:inline-flex;justify-content:center;padding:.82rem 1.1rem;min-height:46px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--text-1);background:var(--bg-base);color:var(--text-1);box-shadow:4px 4px 0 rgba(34,32,24,.16);transition:transform var(--t-fast) var(--ease-out-expo),box-shadow var(--t-fast) var(--ease-out-expo),background var(--t-base) var(--ease-out-expo),color var(--t-base) var(--ease-out-expo)}.btn-primary{background:var(--accent);color:#ece7d8;border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-base);color:var(--text-1)}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(34,32,24,.2)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary:hover{background:var(--text-1);color:var(--bg-base)}.btn .btn-arrow{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid}.btn svg{width:13px;height:13px}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:360px;height:360px;padding:var(--sp-3);background:var(--bg-raised);border:1px solid var(--text-1);box-shadow:var(--shadow-xl);transform:rotate(1.5deg);transition:transform var(--t-slow) var(--ease-out-expo)}.hero-image-wrapper:hover{transform:rotate(0deg)}.hero-image-wrapper:before{content:"";position:absolute;inset:-10px;border:1px dashed var(--border-visible);pointer-events:none}.hero-image-wrapper:after{content:"ID";position:absolute;top:var(--sp-3);right:var(--sp-3);padding:.25rem .4rem;font-size:.68rem;font-weight:700;color:#ece7d8;background:var(--accent);letter-spacing:.08em}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:saturate(.82) contrast(1.08)}.hero-stats{display:flex;gap:var(--sp-4);margin-top:var(--sp-14,3.5rem)}.stat{min-width:118px;padding:var(--sp-4);background:var(--bg-raised);border:1px solid var(--border-visible);box-shadow:var(--shadow-xs)}.stat-number{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;line-height:1;letter-spacing:-.05em;color:var(--accent)}.stat-label{display:block;margin-top:var(--sp-2);font-size:.66rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em}.social-links{display:flex;gap:var(--sp-2);margin-top:var(--sp-10)}.social-link{width:40px;height:40px;display:grid;place-items:center;background:var(--bg-raised);border:1px solid var(--border-visible);box-shadow:3px 3px 0 rgba(34,32,24,.12);color:var(--text-2);transition:transform var(--t-fast) var(--ease-out-expo),box-shadow var(--t-fast) var(--ease-out-expo),background var(--t-base) var(--ease-out-expo),color var(--t-base) var(--ease-out-expo)}.social-link:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(34,32,24,.15);background:var(--accent);color:#ece7d8}.social-link img,.social-link svg{width:18px;height:18px}.filter-tags{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-12)}.filter-tag{padding:.42rem .78rem;color:var(--text-2);background:var(--bg-raised);border:1px solid var(--border-visible);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.filter-tag.active,.filter-tag:hover{color:#ece7d8;background:var(--accent);border-color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));align-items:start;gap:var(--sp-6)}.project-card{position:relative;overflow:visible;padding:var(--sp-8);background:var(--bg-raised);border:1px solid var(--text-1);box-shadow:var(--shadow-md);transition:transform var(--t-fast) var(--ease-out-expo),box-shadow var(--t-fast) var(--ease-out-expo),background var(--t-base) var(--ease-out-expo)}.project-card:before{content:"";position:absolute;top:-1px;left:var(--sp-6);width:46px;height:7px;background:var(--card-accent,var(--accent))}.project-card:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 rgba(34,32,24,.2);background:var(--bg-surface)}.project-card.amber,.project-card.blue,.project-card.emerald,.project-card.purple,.project-card.rose{--card-accent:var(--accent)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5)}.card-icon{display:flex;flex-direction:column;gap:var(--sp-1);color:var(--accent)}.card-icon svg{width:24px;height:24px}.card-date,.icon-label{font-size:.62rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em}.card-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;color:var(--text-1);letter-spacing:-.035em;line-height:1.08;margin-bottom:var(--sp-3)}.project-card:hover .card-title{color:var(--accent)}.card-description{font-family:var(--font-serif);font-size:var(--text-base);color:var(--text-2);line-height:1.68;margin-bottom:var(--sp-6)}.card-description code{font-family:var(--font-sans);font-size:.82rem;color:var(--text-1);background:var(--bg-base);border:1px solid var(--border-subtle);padding:.1em .38em}.card-tech{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.tech-tag{font-size:.68rem;font-weight:700;color:var(--text-2);padding:.22rem .5rem;background:var(--bg-base);border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.04em}.card-links{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.card-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}.card-link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:4px}.card-link svg{width:14px;height:14px}.featured-badge{position:absolute;top:var(--sp-4);right:var(--sp-4);font-size:.62rem;font-weight:700;color:#ece7d8;background:var(--accent);padding:.24rem .5rem;text-transform:uppercase;letter-spacing:.08em}.about-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--sp-20);align-items:start}.about-image-section{position:sticky;top:120px}.about-image-wrapper{padding:var(--sp-3);background:var(--bg-raised);border:1px solid var(--text-1);box-shadow:var(--shadow-lg);transform:rotate(-1deg)}.about-image-wrapper img{filter:saturate(.78) contrast(1.06)}.about-social{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-5)}.about-content h2,.contact-info h2{font-size:var(--text-4xl);line-height:1.02;margin-bottom:var(--sp-8)}.about-text{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-2);line-height:1.75;margin-bottom:var(--sp-6)}.about-text em{color:var(--accent);font-style:normal}.about-section{margin-bottom:var(--sp-16)}.about-section h3{display:inline-block;padding:.32rem .55rem;margin-bottom:var(--sp-5);color:#ece7d8;background:var(--text-1);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4)}.contact-method,.education-item,.skill-item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-raised);border:1px solid var(--border-visible)}.contact-method:hover,.education-item:hover,.skill-item:hover{background:var(--bg-surface)}.contact-method-icon,.education-icon,.skill-icon{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;color:#ece7d8;background:var(--accent)}.contact-method-icon svg,.education-icon svg,.skill-icon svg{width:18px;height:18px}.contact-method-info h4,.education-info h4,.skill-info h4{font-size:var(--text-sm);font-weight:700;color:var(--text-1)}.contact-method-info p,.education-info .date,.skill-info p{font-size:var(--text-xs);color:var(--text-3)}.education-info .school{color:var(--accent);font-size:var(--text-sm);font-weight:700}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--sp-20)}.contact-info>p{margin-bottom:var(--sp-12)}.contact-methods{display:flex;flex-direction:column;gap:var(--sp-3)}.contact-form-section{padding:var(--sp-8);background:var(--bg-raised);border:1px solid var(--text-1);box-shadow:var(--shadow-lg)}.contact-form-section h3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.04em;margin-bottom:var(--sp-8)}.form-group{margin-bottom:var(--sp-5)}.form-group label{display:block;font-size:.7rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--sp-2)}.form-group:focus-within label{color:var(--accent)}.form-group input,.form-group textarea{width:100%;padding:var(--sp-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-1);background:var(--bg-base);border:1px solid var(--border-visible)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:3px 3px 0 rgba(47,75,63,.16)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-4)}.form-group textarea{min-height:140px;resize:vertical;line-height:1.65}.btn-submit{width:100%;padding:.95rem 1.2rem;color:#ece7d8;background:var(--accent);border:1px solid var(--accent-hover);font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:4px 4px 0 rgba(34,32,24,.16);cursor:pointer;transition:transform var(--t-fast) var(--ease-out-expo),box-shadow var(--t-fast) var(--ease-out-expo),background var(--t-base) var(--ease-out-expo)}.btn-submit:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(34,32,24,.2);background:var(--accent-hover)}footer{position:relative;z-index:2;max-width:var(--max-w);margin:var(--sp-32) auto 0;padding:var(--sp-10) var(--sp-8);border-top:1px solid var(--border-visible)}footer p{font-size:var(--text-sm);font-weight:500;color:var(--text-3);text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-up{animation:fadeUp .55s var(--ease-out-expo) both}.animate-fade-scale,.project-card{animation:scaleIn .55s var(--ease-out-expo) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.project-card:first-child{animation-delay:.04s}.project-card:nth-child(2){animation-delay:.08s}.project-card:nth-child(3){animation-delay:.12s}.project-card:nth-child(4){animation-delay:.16s}.project-card:nth-child(5){animation-delay:.2s}.project-card:nth-child(6){animation-delay:.24s}.project-card:nth-child(7){animation-delay:.28s}@supports (animation-timeline:view()){.contact-method,.education-item,.skill-item{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0 entry 25%}}@media (hover:hover) and (pointer:fine){.project-card{--rx:0deg;--ry:0deg}}@media (max-width:1024px){:root{--text-5xl:3.2rem;--text-4xl:2.35rem}main{padding-left:var(--sp-6);padding-right:var(--sp-6)}.about-grid,.contact-grid,.hero{grid-template-columns:1fr;gap:var(--sp-12)}.hero-content{order:2}.hero-image{order:1;justify-content:flex-start}.hero-image-wrapper{width:290px;height:290px}.about-image-section{position:static;max-width:320px}.projects-grid{grid-template-columns:1fr}}@media (max-width:768px){:root{--text-5xl:2.65rem;--text-4xl:2.05rem;--text-3xl:1.75rem}nav{padding:var(--sp-4) var(--sp-4);align-items:center;flex-wrap:nowrap;gap:var(--sp-2)}nav .logo{flex-shrink:0}nav:before{display:none}.nav-links{gap:0;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 72px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;font-size:.62rem;padding:.4rem .34rem;letter-spacing:0}main{padding:calc(70px + var(--sp-12)) var(--sp-5) var(--sp-12)}.hero-content:before{left:-14px}.hero-stats{flex-direction:column}.page-header{padding:var(--sp-5);margin-bottom:var(--sp-12)}.skills-grid{grid-template-columns:1fr}.contact-form-section{padding:var(--sp-5)}body:after{opacity:.08}}@media (max-width:480px){.hero-image-wrapper{width:225px;height:225px}.hero-buttons{flex-direction:column;width:100%}.btn-submit,.hero-buttons .btn{width:100%}.project-card{padding:var(--sp-5)}.filter-tags{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.bg-gradient,body:after,body:before,html:before,nav{display:none!important}body{background:white;color:black}main{padding-top:0}}.error-page{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--sp-8);max-width:var(--content-w);margin:0 auto}.error-code{font-family:var(--font-sans);font-size:clamp(6rem,18vw,12rem);font-weight:700;line-height:.9;letter-spacing:-.08em;color:var(--accent);margin-bottom:var(--sp-6)}.error-title{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));line-height:1.02;margin-bottom:var(--sp-5)}.error-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.error-nav{position:fixed;top:var(--sp-5);left:var(--sp-8);z-index:100;font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;text-transform:uppercase}.error-nav span{color:var(--accent)}@media (max-width:768px){.error-nav{top:var(--sp-4);left:var(--sp-5)}.error-actions{flex-direction:column;width:100%;max-width:280px}.error-actions .btn{width:100%}}nav:before{display:none!important}.home-preview{margin-top:var(--sp-20);padding-top:var(--sp-16);border-top:1px solid var(--border-visible)}.preview-header{max-width:640px;margin-bottom:var(--sp-8)}.home-cta h2,.preview-header h2{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;line-height:1.05;letter-spacing:-.045em;color:var(--text-1);text-wrap:balance}.preview-header p{margin-top:var(--sp-4);font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.72;color:var(--text-2)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.preview-card{display:block;position:relative;min-height:220px;padding:var(--sp-6);background:var(--bg-raised);border:1px solid var(--text-1);box-shadow:var(--shadow-md);transition:transform var(--t-fast) var(--ease-out-expo),box-shadow var(--t-fast) var(--ease-out-expo),background var(--t-base) var(--ease-out-expo)}.preview-card:before{content:"";position:absolute;top:-1px;left:var(--sp-6);width:42px;height:7px;background:var(--accent)}.preview-card:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 rgba(34,32,24,.2);background:var(--bg-surface)}.preview-card span{display:block;margin-bottom:var(--sp-5);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.preview-card h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--text-1);margin-bottom:var(--sp-3)}.preview-card p{font-family:var(--font-serif);font-size:var(--text-base);color:var(--text-2);line-height:1.68}.preview-card small{display:inline-block;margin-top:var(--sp-6);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home-cta{margin-top:var(--sp-16);padding:var(--sp-8);background:var(--bg-raised);border:1px solid var(--text-1);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6)}.home-cta p{margin-top:var(--sp-3);max-width:560px;font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.7;color:var(--text-2)}@media (max-width:768px){.preview-grid{grid-template-columns:1fr}.preview-card{min-height:auto}.home-cta{flex-direction:column;align-items:flex-start}.home-cta .btn{width:100%}}.project-card.has-top-badge{padding-top:calc(var(--sp-8) + 1.4rem)}.project-card.has-top-badge .featured-badge{top:var(--sp-4);right:var(--sp-4)}.garbled-title{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;font-style:normal;position:relative;min-height:1.25em}.garbled-title:before{content:"ΞLØ_7A∆DΣR∴▒▒";animation:garbledName 1.15s step-end infinite}.garbled-title:after{content:"_";margin-left:.12em;color:var(--accent);animation:cursorBlink .8s step-end infinite}@keyframes garbledName{0%{content:"ΞLØ_7A∆DΣR∴▒S"}10%{content:"C1∑B_Δ9▒▒R$"}20%{content:"7L▒B#A∆DΞR∴"}30%{content:"CLUB_LADDERS"}40%{content:"C▒UβL∆DΣR_0S"}50%{content:"CL□B_ΛD▒▒RS"}60%{content:"ΞLØ_7A∆DΣR∴▒S"}70%{content:"C1UB_4DD3R$"}80%{content:"▒LUB_LΛDDΞRS"}90%{content:"C▣UB_7A∆DΣRS"}to{content:"ΞLØ_7A∆DΣR∴▒S"}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-label:has(+.live-badge){margin-bottom:var(--sp-4)}.live-badge{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-8);padding:var(--sp-2) var(--sp-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-subtle);border-radius:var(--r-full);text-decoration:none;transition:background var(--t-base) var(--ease),transform var(--t-base) var(--ease);width:fit-content;max-width:100%}.live-badge:hover{background:var(--accent-glow);transform:translateY(-1px)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:livePulse 2s var(--ease) infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(47,75,63,.4)}70%{box-shadow:0 0 0 8px rgba(47,75,63,0)}to{box-shadow:0 0 0 0 rgba(47,75,63,0)}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.cs-header{max-width:var(--content-w)}.cs-back{display:block;width:fit-content;margin-bottom:var(--sp-6);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-3);text-decoration:none;transition:color var(--t-base) var(--ease)}.cs-back:hover{color:var(--accent)}.cs-actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-6)}.cs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);max-width:var(--max-w);margin:0 auto var(--sp-16);padding:0 var(--sp-6)}.metric-card{padding:var(--sp-6);background:var(--bg-raised);border:1px solid var(--border-hairline);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.metric-value{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;color:var(--accent);line-height:1.1}.metric-label{margin-top:var(--sp-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-3)}.cs-body{max-width:var(--content-w);margin:0 auto;padding:0 var(--sp-6)}.cs-section{margin-bottom:var(--sp-16)}.cs-section>h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-1);margin-bottom:var(--sp-5)}.cs-section p{font-family:var(--font-sans);font-size:var(--text-lg);line-height:1.7;color:var(--text-2)}.cs-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-4)}.cs-feature-list li{position:relative;padding-left:var(--sp-6);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;color:var(--text-2)}.cs-feature-list li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;background:var(--accent);border-radius:50%}.cs-feature-list strong{color:var(--text-1);font-weight:600}.cs-highlight{padding:var(--sp-6);margin-bottom:var(--sp-4);background:var(--bg-raised);border:1px solid var(--border-hairline);border-left:3px solid var(--accent);border-radius:var(--r-md)}.cs-highlight h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--text-1);margin-bottom:var(--sp-3)}.cs-highlight p{font-size:var(--text-base);margin:0}.cs-highlight code,.cs-section code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:.1em .35em;background:var(--accent-dim);border-radius:var(--r-sm);color:var(--accent)}.cs-stack{margin-top:0}@media (max-width:860px){.cs-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.cs-metrics{grid-template-columns:1fr}}.experience-list{display:flex;flex-direction:column;gap:var(--sp-4)}.education-info .exp-desc{margin-top:var(--sp-2);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.6;color:var(--text-2)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-error{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);font-family:var(--font-sans);font-size:var(--text-sm);color:#7a2e2e;background:rgba(122,46,46,.08);border:1px solid rgba(122,46,46,.28);border-radius:var(--r-sm)}.form-success{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4)}.form-success-icon{display:grid;place-items:center;width:52px;height:52px;color:#ece7d8;background:var(--accent);border-radius:var(--r-full)}.form-success h3{margin:0}.form-success p{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.7;color:var(--text-2)}.projects-section-break{grid-column:1/-1;margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:2px solid var(--border-visible)}.projects-section-break h2{font-family:var(--font-serif);font-weight:600;font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--text-1);margin:var(--sp-3) 0 var(--sp-2)}.projects-section-break p{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-3)}.project-card.compact{padding:var(--sp-5);background:transparent;box-shadow:none;border-style:dashed}.project-card.compact .card-title{font-size:var(--text-xl)}.project-card.compact .card-description{font-size:var(--text-sm);color:var(--text-3)}