@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Playfair+Display:wght@400;500;600;700&display=swap";.hero{background:var(--white);justify-content:center;align-items:center;width:100%;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-gradient-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#c8a97e26,#0000 70%);width:500px;height:500px;animation:15s ease-in-out infinite alternate orbFloat1;top:10%;left:-10%}.orb-2{background:radial-gradient(circle,#b4b4b41a,#0000 70%);width:400px;height:400px;animation:18s ease-in-out infinite alternate orbFloat2;bottom:10%;right:-5%}.orb-3{background:radial-gradient(circle,#c8a97e14,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite alternate orbFloat3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}to{transform:translate(50px,30px)scale(1.1)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,-20px)scale(1.15)}}@keyframes orbFloat3{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.2)}}.hero-nav{z-index:100;transition:all .5s var(--ease-out-expo);padding:28px 0;position:fixed;top:0;left:0;right:0}.hero-nav.scrolled{-webkit-backdrop-filter:blur(24px);background:#ffffffeb;border-bottom:1px solid #0000000a;padding:18px 0}.hero-nav-inner{justify-content:space-between;align-items:center;display:flex}.hero-logo-wrap{flex-direction:column;align-items:flex-start;display:flex}.hero-logo{letter-spacing:4px;color:var(--charcoal);font-family:Playfair Display,Noto Sans SC,serif;font-size:22px;font-weight:500}.hero-logo-sub{letter-spacing:5px;color:var(--gray);text-transform:uppercase;margin-top:2px;font-size:9px}.hero-nav-links{gap:44px;display:flex}.nav-link{letter-spacing:2px;color:var(--accent);transition:color var(--dur-med);font-size:13px;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--gold);width:0;height:1px;transition:width var(--dur-med) var(--ease-out-expo);position:absolute;bottom:-6px;left:0}.nav-link:hover{color:var(--charcoal)}.nav-link:hover:after{width:100%}.hero-contact-btn{background:var(--charcoal);color:var(--white);border:1px solid var(--charcoal);letter-spacing:2px;cursor:pointer;transition:all var(--dur-med) var(--ease-out-expo);align-items:center;gap:8px;padding:12px 28px;font-size:12px;text-decoration:none;display:flex}.hero-contact-btn:hover{color:var(--charcoal);background:0 0}.hero-content{z-index:2;text-align:center;padding-top:60px;position:relative}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-greeting{letter-spacing:8px;color:var(--gold);text-transform:uppercase;margin-bottom:24px;font-size:12px;font-weight:500}.hero-title{letter-spacing:16px;color:var(--charcoal);margin-bottom:24px;font-family:Playfair Display,Noto Sans SC,serif;font-size:clamp(56px,8vw,120px);font-weight:400;line-height:1.1}.hero-divider{background:var(--gold);width:60px;height:1px;margin-bottom:24px}.hero-role{letter-spacing:6px;color:var(--accent);margin-bottom:12px;font-size:clamp(16px,2vw,22px);font-weight:300}.hero-tagline{color:var(--gray);letter-spacing:3px;font-size:14px}.hero-scroll{cursor:pointer;color:var(--gray);letter-spacing:4px;transition:color var(--dur-med);flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.hero-scroll:hover{color:var(--charcoal)}.scroll-line{background:var(--mid-gray);width:1px;height:60px;position:relative;overflow:hidden}.scroll-dot{background:var(--gold);width:1px;height:20px;animation:2s ease-in-out infinite scrollDot;position:absolute;top:-8px;left:0}@keyframes scrollDot{0%{opacity:0;top:-20px}20%{opacity:1}80%{opacity:1}to{opacity:0;top:60px}}.hero-side-text{writing-mode:vertical-rl;letter-spacing:4px;color:var(--mid-gray);font-size:10px;position:absolute;top:50%;right:40px;transform:translateY(-50%)}@media (width<=1024px){.hero-nav-links{gap:24px}.hero-side-text{display:none}}@media (width<=768px){.hero-nav-links{display:none}.hero-title{letter-spacing:8px}}.about{background:var(--white);padding:160px 0}.about-header{text-align:center;margin-bottom:100px}.about-header .section-desc{margin:0 auto}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;display:grid}.about-image{position:relative}.about-avatar{aspect-ratio:3/4;letter-spacing:10px;width:100%;color:var(--gray);background:linear-gradient(145deg,#f0ede8 0%,#e8e4dd 100%);justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:56px;font-weight:400;display:flex;position:relative;overflow:hidden}.about-avatar:before{content:"";border:1px solid #00000014;position:absolute;inset:24px}.about-image-frame{border:1px solid var(--gold);opacity:.3;z-index:-1;width:100%;height:100%;position:absolute;top:-24px;right:-24px}.about-name{letter-spacing:3px;color:var(--charcoal);margin-bottom:8px;font-family:Playfair Display,Noto Sans SC,serif;font-size:36px;font-weight:400}.about-position{color:var(--gray);letter-spacing:2px;margin-bottom:32px;font-size:14px}.about-bio{color:var(--dark-gray);letter-spacing:.5px;margin-bottom:20px;font-size:15px;line-height:2}.about-info{border-top:1px solid #0000000f;flex-direction:column;gap:16px;margin-top:40px;padding-top:40px;display:flex}.info-item{color:var(--accent);letter-spacing:1px;align-items:center;gap:12px;font-size:14px;display:flex}.info-item svg{color:var(--gold);flex-shrink:0}.about-stats{border-top:1px solid #0000000f;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding-top:48px;display:grid}.stat-item{text-align:center}.stat-number{color:var(--charcoal);letter-spacing:1px;margin-bottom:8px;font-family:Playfair Display,serif;font-size:42px;font-weight:400;display:block}.stat-label{color:var(--gray);letter-spacing:2px;font-size:12px}.about-timeline{margin-top:60px}.timeline-title{letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:32px;font-size:13px;font-weight:500}.timeline-item{gap:24px;padding:20px 0;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:var(--mid-gray);width:1px;height:calc(100% - 44px);position:absolute;top:64px;left:5px}.timeline-dot{border:1px solid var(--gold);background:var(--white);border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:4px}.timeline-year{color:var(--gray);letter-spacing:1px;margin-bottom:4px;font-size:12px;display:block}.timeline-role{color:var(--charcoal);letter-spacing:1px;margin-bottom:4px;font-size:16px;font-weight:500}.timeline-desc{color:var(--gray);letter-spacing:.5px;font-size:13px}@media (width<=1024px){.about-grid{grid-template-columns:1fr;gap:48px}.about-image{max-width:360px;margin:0 auto}.about-stats{grid-template-columns:repeat(2,1fr)}}.projects{background:var(--cream);padding:160px 0}.projects-header{text-align:center;margin-bottom:48px}.projects-filter{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.filter-btn{border:1px solid var(--mid-gray);color:var(--accent);letter-spacing:2px;cursor:pointer;transition:all var(--dur-med) var(--ease-out-expo);background:0 0;padding:10px 28px;font-size:13px}.filter-btn:hover{border-color:var(--charcoal);color:var(--charcoal)}.filter-btn.active{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.project-card{background:var(--white);transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo);cursor:pointer;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px #00000014}.project-card.featured{grid-column:span 2}.project-images{gap:2px;display:grid;overflow:hidden}.project-card:not(.featured) .project-images{grid-template-columns:1fr 1fr}.project-card.featured .project-images{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.project-card.featured .project-img-wrapper:first-child{grid-row:span 2}.project-img-wrapper{overflow:hidden}.project-card:not(.featured) .project-img-wrapper{aspect-ratio:16/10}.project-card.featured .project-img-wrapper{min-height:300px}.project-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out-expo)}.project-card:hover .project-img-wrapper img{transform:scale(1.05)}.project-overlay{background:var(--white);width:48px;height:48px;transition:opacity var(--dur-med);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.project-info{padding:28px 32px}.project-category{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.project-title{color:var(--charcoal);letter-spacing:1px;margin-bottom:4px;font-family:Playfair Display,Noto Sans SC,serif;font-size:24px;font-weight:400}.project-subtitle{color:var(--gray);letter-spacing:1px;font-size:13px}@media (width<=1024px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}}.strengths{background:var(--white);padding:160px 0}.strengths-header{text-align:center;margin-bottom:80px}.strengths-header .section-desc{margin:0 auto}.strengths-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.strength-card{border:1px solid #0000000a;padding:48px 36px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.strength-card:before{content:"";opacity:0;background:linear-gradient(135deg,#c8a97e08,#0000);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.strength-card:hover:before{opacity:1}.strength-card:hover{border-color:#0000;transform:translateY(-8px);box-shadow:0 24px 64px #0000000f}.strength-number{color:var(--gold);letter-spacing:2px;opacity:.6;margin-bottom:24px;font-family:Playfair Display,serif;font-size:14px}.strength-icon-wrap{border:1px solid var(--mid-gray);width:56px;height:56px;transition:all var(--dur-med) cubic-bezier(.16, 1, .3, 1);justify-content:center;align-items:center;margin-bottom:28px;display:flex}.strength-card:hover .strength-icon-wrap{border-color:var(--gold);background:var(--white)}.strength-icon-wrap svg{color:var(--accent)}.strength-title{color:var(--charcoal);letter-spacing:1px;margin-bottom:16px;font-size:18px;font-weight:500}.strength-desc{color:var(--gray);letter-spacing:.5px;font-size:14px;line-height:1.9}.strength-line{background:var(--gold);width:0;height:2px;transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.strength-card:hover .strength-line{width:100%}@media (width<=1024px){.strengths-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.strengths-grid{grid-template-columns:1fr}}.contact{background:var(--black);color:var(--white);align-items:center;min-height:80vh;padding:180px 0 80px;display:flex;position:relative;overflow:hidden}.contact-bg-pattern{background-image:radial-gradient(circle at 20% 30%,#c8a97e0f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#c8a97e0a 0%,#0000 50%);position:absolute;inset:0}.contact-content{z-index:2;text-align:center;position:relative}.contact-title{color:var(--white);margin-bottom:20px}.contact-desc{color:#ffffff80;letter-spacing:2px;margin-bottom:100px;font-size:16px;line-height:2.2}.contact-info-grid{justify-content:center;gap:32px;margin-bottom:120px;display:flex}.contact-info-card{color:var(--white);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:8px;min-width:240px;padding:48px 56px;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex}.contact-info-card:hover{border-color:var(--gold);background:#ffffff0f;transform:translateY(-6px)}.contact-info-card svg{color:#fff6;margin-bottom:12px}.contact-info-card span:nth-child(2){letter-spacing:3px;color:#fff6;text-transform:uppercase;font-size:12px}.contact-phone,.contact-email{letter-spacing:2px;color:#fffc;font-size:16px}.contact-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:60px;display:flex}.contact-brand{align-items:baseline;gap:24px;display:flex}.contact-brand-name{letter-spacing:4px;font-size:16px;font-weight:300}.contact-year{color:#fff3;font-size:13px}.contact-send-btn{color:var(--white);letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #fff3;align-items:center;gap:10px;padding:14px 36px;font-size:13px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex}.contact-send-btn:hover{background:var(--white);color:var(--black);border-color:var(--white)}@media (width<=768px){.contact-info-grid{flex-direction:column;align-items:center}.contact-bottom{flex-direction:column;gap:24px}}*{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--off-white:#fafafa;--cream:#f8f7f4;--light-gray:#f5f5f5;--mid-gray:#e0e0e0;--gray:#999;--dark-gray:#333;--charcoal:#1a1a1a;--black:#0a0a0a;--accent:#4a4a4a;--gold:#c8a97e;--max-width:1700px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-slow:.8s;--dur-med:.5s}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--dark-gray);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{width:100%;overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 80px}section{position:relative}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:11px;font-weight:500;display:inline-block}.section-title{letter-spacing:2px;color:var(--charcoal);margin-bottom:20px;font-family:Playfair Display,Noto Sans SC,serif;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.2}.section-desc{color:var(--gray);max-width:600px;font-size:16px;line-height:1.8}.fade-in{opacity:0;transition:opacity var(--dur-slow) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-expo);transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--mid-gray);border-radius:3px}::selection{background:var(--charcoal);color:var(--white)}@media (width<=1440px){.container{padding:0 40px}}@media (width<=1024px){.container{padding:0 32px}}@media (width<=768px){.container{padding:0 20px}}