*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fafaf8;font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}.app{max-width:1700px;margin:0 auto}h1,h2,h3{font-family:Instrument Serif,serif;font-weight:400;line-height:1.15}em{color:#8b7355;font-style:italic}a{color:inherit;text-decoration:none}.section-label{letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:1rem;font-size:.75rem}.section-label.light{color:#ffffff80}.about,.projects,.strengths,.contact{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.revealed{opacity:1;transform:translateY(0)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf8d9;border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:Instrument Serif,serif;font-size:1.5rem}.nav-logo span{color:#8b7355}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{letter-spacing:.05em;color:#666;font-size:.85rem;transition:color .3s}.nav-links a:hover{color:#1a1a1a}.nav-cta{background:#1a1a1a;border-radius:100px;padding:.5rem 1.25rem;color:#fafaf8!important;font-size:.8rem!important}.nav-cta:hover{background:#333}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(135deg,#f5f3ef 0%,#e8e4dd 30%,#d4cfc6 60%,#c9c2b8 100%);animation:12s ease-in-out infinite alternate heroShift;position:absolute;inset:0}@keyframes heroShift{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(10deg)brightness(1.05)}to{filter:hue-rotate(-5deg)brightness(.97)}}.hero-bg:after{content:"";background:radial-gradient(at 30%,#8b735514 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;padding:2rem;animation:1.2s ease-out heroFadeIn;position:relative}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-tag{letter-spacing:.25em;text-transform:uppercase;color:#8b7355;margin-bottom:1.5rem;font-size:.75rem}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5.5rem)}.hero-sub{color:#666;max-width:480px;margin:0 auto 2.5rem;font-size:1.1rem}.hero-cta{letter-spacing:.05em;border:1px solid #1a1a1a;border-radius:100px;padding:.75rem 2rem;font-size:.85rem;transition:all .3s;display:inline-block}.hero-cta:hover{color:#fafaf8;background:#1a1a1a}.hero-scroll{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroll span{letter-spacing:.2em;color:#999;font-size:.65rem}.hero-scroll-line{background:#ccc;width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.5)}}.about{padding:8rem 3rem}.about-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem;display:grid}.portrait-frame{aspect-ratio:3/4;background:#e8e6e1;border-radius:8px;overflow:hidden}.portrait-placeholder{background:linear-gradient(145deg,#e0dcd6,#d0cbc3);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.portrait-placeholder span{color:#aaa;letter-spacing:.1em;font-size:.8rem}.about-title{margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,3rem)}.about-bio{color:#555;max-width:520px;margin-bottom:2.5rem;font-size:1rem;line-height:1.8}.about-stats{gap:3rem;display:flex}.stat{flex-direction:column;display:flex}.stat-num{color:#8b7355;font-family:Instrument Serif,serif;font-size:2.5rem}.stat-label{color:#999;margin-top:.25rem;font-size:.8rem}.projects{padding:6rem 3rem 8rem}.projects-title{margin-bottom:3.5rem;font-size:clamp(2rem,3.5vw,3rem)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.project-card{cursor:pointer;background:#fff;border:1px solid #0000000a;border-radius:12px;transition:transform .4s,box-shadow .4s;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0000000f}.project-img{aspect-ratio:16/10;overflow:hidden}.project-large .project-img{aspect-ratio:16/12}.project-img-placeholder{background:linear-gradient(135deg, hsl(var(--hue), 15%, 88%), hsl(var(--hue), 20%, 78%));justify-content:center;align-items:center;width:100%;height:100%;transition:transform .6s;display:flex}.project-card:hover .project-img-placeholder{transform:scale(1.05)}.project-img-placeholder span{color:#0000004d;letter-spacing:.05em;font-size:.85rem}.project-info{padding:1.5rem 1.75rem 1.75rem}.project-tag{letter-spacing:.15em;text-transform:uppercase;color:#8b7355;margin-bottom:.5rem;font-size:.7rem;display:block}.project-info h3{margin-bottom:.4rem;font-size:1.4rem}.project-info p{color:#888;font-size:.9rem}.strengths{padding:6rem 3rem 8rem}.strengths-title{margin-bottom:3.5rem;font-size:clamp(2rem,3.5vw,3rem)}.strengths-list{flex-direction:column;display:flex}.strength-item{border-top:1px solid #e8e6e1;grid-template-columns:80px 1fr;align-items:start;gap:2rem;padding:2.5rem 0;display:grid}.strength-item:last-child{border-bottom:1px solid #e8e6e1}.strength-num{color:#c4a882;font-family:Instrument Serif,serif;font-size:2.5rem;line-height:1}.strength-content h3{margin-bottom:.5rem;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:500}.strength-content p{color:#777;max-width:560px;font-size:.95rem;line-height:1.7}.contact{text-align:center;color:#fafaf8;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 -3rem;padding:4rem 3rem;display:flex}.contact-title{margin-bottom:3rem;font-size:clamp(2.5rem,5vw,4.5rem)}.contact-title em{color:#c4a882}.contact-links{gap:3rem;margin-bottom:4rem;display:flex}.contact-link{letter-spacing:.05em;border-bottom:1px solid #fff3;padding-bottom:.25rem;font-size:1.1rem;transition:border-color .3s}.contact-link:hover{border-color:#c4a882}.contact-copy{color:#ffffff4d;letter-spacing:.1em;font-size:.75rem}