@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap";:root{--bg-color: #0d0d0d;--text-color: #e8e8e8;--accent-color: #c9a961;--accent-secondary: #8b7355;--secondary-text: #9a9a9a;--nav-bg: rgba(13, 13, 13, .85);--font-main: "Inter", sans-serif;--font-display: "Cormorant Garamond", serif}*{margin:0;padding:0;box-sizing:border-box;cursor:none}@media (hover: none) and (pointer: coarse){*{cursor:auto!important}}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;pointer-events:none;z-index:10000}.cursor-outline{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid var(--accent-color);border-radius:50%;pointer-events:none;z-index:10000;opacity:.5}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9998}a{text-decoration:none;color:inherit;transition:color .4s cubic-bezier(.4,0,.2,1)}ul{list-style:none}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:1400px;margin:0 auto;padding:0 60px}.section-padding{padding:140px 0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;letter-spacing:-.01em;line-height:1.1}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:50px 0;transition:all .6s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{padding:25px 0;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,169,97,.1)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.6rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--text-color)}.desktop-nav{display:flex;gap:70px}.nav-link{position:relative;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--secondary-text);font-weight:400;transition:color .4s cubic-bezier(.4,0,.2,1)}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.mobile-toggle{display:none;background:none;border:none;color:var(--text-color)}.mobile-nav{position:fixed;top:0;left:0;width:100%;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:100px 40px;z-index:999}.mobile-close{position:absolute;top:50px;right:60px;background:none;border:none;color:var(--text-color);cursor:pointer;transition:all .3s ease;z-index:1001}.mobile-close:hover{color:var(--accent-color);transform:rotate(90deg)}.mobile-link{font-size:2rem;font-family:var(--font-display);color:var(--secondary-text);transition:color .4s ease}.mobile-link:hover,.mobile-link.active{color:var(--accent-color)}.hero{height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;z-index:-1}.bg-image{width:100%;height:100%;object-fit:cover;filter:brightness(.5) contrast(1.1)}.hero-content{position:relative;z-index:2;text-align:center}.hero-title-wrapper{overflow:hidden;padding:10px 0}.hero-title{font-size:clamp(3rem,10vw,9rem);line-height:.9;margin-bottom:0;font-weight:300;color:var(--text-color)}.hero-subtitle{font-size:.9rem;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.3em;margin-top:40px;opacity:.7;color:var(--accent-color)}.parallax-gallery{padding:15vh 0;overflow:hidden}.gallery-row{display:flex;gap:40px;margin-bottom:40px}.gallery-item{flex:0 0 450px;aspect-ratio:3/4;overflow:hidden;position:relative}.gallery-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3));pointer-events:none}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.4,0,.2,1);filter:grayscale(.2) contrast(1.05)}.gallery-item:hover img{transform:scale(1.08);filter:grayscale(0) contrast(1.1)}.portfolio-page{padding-top:180px;padding-bottom:120px}.page-title{font-size:clamp(3rem,6vw,5rem);margin-bottom:80px;text-align:center;font-weight:300;letter-spacing:-.02em}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.portfolio-item{position:relative;aspect-ratio:4/5;overflow:hidden;cursor:pointer}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1);filter:grayscale(.3)}.portfolio-item:hover img{transform:scale(1.05);filter:grayscale(0)}.portfolio-overlay{position:absolute;bottom:0;left:0;width:100%;padding:40px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .5s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{font-size:1.8rem;font-weight:300;color:var(--text-color)}.about-page{padding-top:180px;padding-bottom:120px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-image{aspect-ratio:3/4;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2)}.about-text h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:40px;font-weight:300}.about-text .lead{font-size:1.4rem;color:var(--accent-color);margin-bottom:30px;font-family:var(--font-display);font-style:italic;line-height:1.6}.about-text p{color:var(--secondary-text);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.contact-page{padding-top:180px;padding-bottom:120px}.contact-wrapper{max-width:700px;margin:0 auto}.contact-wrapper h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:20px;font-weight:300}.contact-wrapper>p{color:var(--secondary-text);margin-bottom:60px;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:30px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-size:.85rem;font-weight:500;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.1em}.form-group input,.form-group textarea{background-color:transparent;border:none;border-bottom:1px solid rgba(201,169,97,.3);padding:15px 0;color:var(--text-color);font-family:var(--font-main);font-size:1.1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--accent-color)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background-color:transparent;color:var(--accent-color);padding:18px 50px;border:1px solid var(--accent-color);font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:20px;text-transform:uppercase;letter-spacing:.15em;font-size:.85rem}.submit-btn:hover{background-color:var(--accent-color);color:var(--bg-color)}.footer{padding:120px 0 60px;border-top:1px solid rgba(201,169,97,.15)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:100px}.footer-brand h2{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:30px;font-weight:300;letter-spacing:.05em}.footer-brand p{color:var(--secondary-text);max-width:400px;line-height:1.8}.footer-links{display:flex;gap:100px}.link-group h4{font-size:.85rem;margin-bottom:25px;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-color)}.link-group ul li{margin-bottom:15px;color:var(--secondary-text);transition:color .3s ease;font-size:.95rem}.link-group ul li:hover{color:var(--text-color)}.footer-bottom{text-align:center;padding-top:60px;border-top:1px solid rgba(201,169,97,.1);color:var(--secondary-text);font-size:.85rem}@media (max-width: 768px){.container{padding:0 25px}.section-padding{padding:80px 0}.desktop-nav{display:none}.mobile-toggle{display:block;z-index:1001}.mobile-close{top:45px;right:25px}.mobile-link{font-size:1.8rem}.navbar{padding:30px 0}.navbar.scrolled{padding:20px 0}.hero-title{font-size:clamp(2.5rem,12vw,5rem)}.hero-subtitle{font-size:.75rem;letter-spacing:.2em}.gallery-row{flex-direction:column;gap:20px}.gallery-item{flex:0 0 auto;width:100%}.about-content{grid-template-columns:1fr;gap:60px}.portfolio-page,.about-page,.contact-page{padding-top:140px;padding-bottom:80px}.page-title{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:50px}.footer{padding:80px 0 40px}.footer-content{flex-direction:column;gap:60px;margin-bottom:60px}.footer-links{flex-direction:column;gap:50px}.footer-brand h2{font-size:clamp(2rem,8vw,3rem)}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-item{aspect-ratio:3/4}.portfolio-overlay{padding:25px}.portfolio-overlay h3{font-size:1.4rem}.about-text h1{font-size:clamp(2rem,8vw,3rem)}.about-text .lead{font-size:1.1rem}.about-text p{font-size:.95rem}.contact-wrapper h1{font-size:clamp(2rem,8vw,3rem)}.contact-wrapper p{font-size:1rem;margin-bottom:40px}.form-group input,.form-group textarea{font-size:1rem}.submit-btn{width:100%;padding:16px 40px}}
