*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#f5f0eb;--cream:#ede7df;--warm-gray:#b8b0a6;--mid-gray:#6b6560;--accent:#c4a882;--serif:"Playfair Display",Georgia,serif;--body:"Cormorant Garamond",Garamond,serif;--mono:"DM Mono","Courier New",monospace}html{scroll-behavior:smooth;font-size:16px}body{background:var(--black);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7;overflow-x:hidden}::selection{background:var(--accent);color:var(--black)}nav{z-index:1000;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;transition:all .4s;display:flex;position:fixed;top:0;left:0}nav .logo{font-family:var(--serif);letter-spacing:.15em;text-transform:uppercase;color:var(--white);font-size:1.1rem;font-weight:400;text-decoration:none}nav .nav-links{gap:2.5rem;list-style:none;display:flex}nav .nav-links a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--white);padding-bottom:2px;font-size:.7rem;text-decoration:none;position:relative}nav .nav-links a:after{content:"";background:var(--white);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}nav .nav-links a:hover:after,nav .nav-links a.active:after{width:100%}nav .nav-links a.active{color:var(--accent)}nav .nav-links a.active:after{background:var(--accent)}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;width:28px;height:20px;display:none;position:relative}.menu-toggle span{background:var(--white);width:100%;height:1px;transition:all .3s;display:block;position:absolute;left:0}.menu-toggle span:first-child{top:0}.menu-toggle span:nth-child(2){top:50%}.menu-toggle span:nth-child(3){top:100%}.menu-toggle.open span:first-child{top:50%;transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){top:50%;transform:rotate(-45deg)}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 3rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#c4a8820a 0%,#0000 50%),radial-gradient(at 80% 20%,#f5f0eb05 0%,#0000 40%);position:absolute;inset:0}.hero-content{text-align:center;z-index:1;max-width:900px;position:relative}.hero-tagline{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;color:var(--warm-gray);opacity:0;margin-bottom:3rem;font-size:.65rem;animation:1s .3s forwards fadeUp}.hero-title{font-family:var(--serif);letter-spacing:-.02em;opacity:0;margin-bottom:1rem;font-size:clamp(3.5rem,10vw,8rem);font-weight:400;line-height:.95;animation:1s .5s forwards fadeUp}.hero-title em{color:var(--accent);font-style:italic;font-weight:400;display:block}.hero-subtitle{font-family:var(--body);color:var(--warm-gray);opacity:0;max-width:560px;margin:2rem auto 0;font-size:1.15rem;font-weight:300;line-height:1.8;animation:1s .8s forwards fadeUp}.hero-line{background:linear-gradient(to bottom,var(--warm-gray),transparent);opacity:0;width:1px;height:80px;margin:3rem auto 0;animation:1s 1.1s forwards fadeUp}.page-header{flex-direction:column;justify-content:flex-end;min-height:45vh;padding:6rem 3rem 4rem;display:flex;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#c4a8820a 0%,#0000 50%),radial-gradient(at 80% 20%,#f5f0eb05 0%,#0000 40%);position:absolute;inset:0}.page-header-content{z-index:1;max-width:900px;position:relative}.page-header-tagline{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;color:var(--warm-gray);opacity:0;margin-bottom:2rem;font-size:.65rem;animation:1s .3s forwards fadeUp}.page-header-title{font-family:var(--serif);letter-spacing:-.02em;opacity:0;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:400;line-height:1;animation:1s .5s forwards fadeUp}.page-header-title em{color:var(--accent);font-style:italic;font-weight:400}.page-header-line{background:linear-gradient(to right,var(--warm-gray),transparent);opacity:0;width:60px;height:1px;margin-top:3rem;animation:1s .8s forwards fadeUp}section{padding:8rem 3rem;position:relative}.section-label{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--mid-gray);align-items:center;gap:1.5rem;margin-bottom:3rem;font-size:.6rem;display:flex}.section-label:before{content:"";background:var(--mid-gray);width:30px;height:1px}.section-heading{font-family:var(--serif);max-width:700px;margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.15}.section-heading em{color:var(--accent);font-style:italic}.about-intro{background:var(--black);border-top:1px solid #f5f0eb0f}.about-intro .content-grid{grid-template-columns:1fr 1fr;gap:6rem;max-width:1200px;margin:0 auto;display:grid}.about-intro .content-text p{color:var(--cream);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.85}.about-intro .content-pull{align-items:center;display:flex}.pull-quote{font-family:var(--serif);color:var(--accent);border-left:1px solid var(--mid-gray);padding-left:2rem;font-size:clamp(1.5rem,3vw,2.2rem);font-style:italic;font-weight:400;line-height:1.4}.services{background:var(--white);color:var(--black)}.services .section-label{color:var(--mid-gray)}.services .section-label:before{background:var(--mid-gray)}.services-grid{border-top:1px solid #0a0a0a1a;grid-template-columns:repeat(2,1fr);gap:0;max-width:1200px;margin:3rem auto 0;display:grid}.service-card{border-bottom:1px solid #0a0a0a1a;border-right:1px solid #0a0a0a1a;padding:3rem 2.5rem;transition:background .4s;position:relative}.service-card:nth-child(2n){border-right:none}.service-card:hover{background:#c4a8820f}.service-number{font-family:var(--mono);letter-spacing:.2em;color:var(--mid-gray);margin-bottom:1.5rem;font-size:.6rem}.service-card h3{font-family:var(--serif);color:var(--black);margin-bottom:1rem;font-size:1.4rem;font-weight:400}.service-card p{color:var(--mid-gray);font-size:1rem;line-height:1.75}.clients{background:var(--black);border-top:1px solid #f5f0eb0f}.client-tags{flex-wrap:wrap;gap:1rem;max-width:1000px;margin-top:3rem;display:flex}.client-tag{font-family:var(--mono);letter-spacing:.08em;color:var(--cream);cursor:default;border:1px solid #f5f0eb26;padding:.8rem 1.8rem;font-size:.72rem;transition:all .3s}.client-tag:hover{border-color:var(--accent);color:var(--accent);background:#c4a8820d}.selected-work{background:var(--cream);color:var(--black)}.selected-work .section-label{color:var(--mid-gray)}.selected-work .section-label:before{background:var(--mid-gray)}.work-categories{max-width:1200px;margin:3rem auto 0}.work-category{border-bottom:1px solid #0a0a0a1a;padding:2.5rem 0}.work-category:first-child{border-top:1px solid #0a0a0a1a}.work-category-header{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--mid-gray);margin-bottom:1.5rem;font-size:.6rem}.work-item{grid-template-columns:260px 1fr auto;align-items:baseline;gap:2rem;padding:.75rem 0;display:grid}.work-item-name{font-family:var(--serif);font-size:1.15rem;font-weight:400}.work-item-desc{color:var(--mid-gray);font-size:.95rem;line-height:1.6}.work-item-year{font-family:var(--mono);letter-spacing:.1em;color:var(--mid-gray);white-space:nowrap;font-size:.65rem}.biography{background:var(--black);border-top:1px solid #f5f0eb0f}.bio-layout{grid-template-columns:1fr 1.2fr;gap:6rem;max-width:1200px;margin:0 auto;display:grid}.bio-name{font-family:var(--serif);margin-bottom:2rem;font-size:2.8rem;font-weight:400;line-height:1.1}.bio-name em{color:var(--accent);font-style:italic}.bio-education{border-top:1px solid #f5f0eb14;margin-top:3rem;padding-top:2rem}.bio-education h4{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--mid-gray);margin-bottom:1.2rem;font-size:.6rem}.edu-item{margin-bottom:1rem}.edu-item .school{font-family:var(--serif);font-size:1rem;font-weight:400}.edu-item .degree{color:var(--mid-gray);font-size:.9rem}.bio-text p{color:var(--cream);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.85}.belief{background:linear-gradient(180deg,var(--black)0%,#0d0b09 100%);border-top:1px solid #f5f0eb0f}.belief-content{max-width:700px;margin:0 auto}.belief-content .section-heading{text-align:center;margin:0 auto 3rem}.belief-content p{color:var(--cream);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.85}.belief-quote{font-family:var(--serif);color:var(--accent);text-align:center;border-top:1px solid #f5f0eb0f;border-bottom:1px solid #f5f0eb0f;margin:2rem 0;padding:3rem 0;font-size:clamp(1.4rem,3vw,2rem);font-style:italic;line-height:1.5}.projects-section{background:var(--white);color:var(--black)}.projects-section .section-label{color:var(--mid-gray)}.projects-section .section-label:before{background:var(--mid-gray)}.project-card{border-bottom:1px solid #0a0a0a14;max-width:800px;padding:2.5rem 0}.project-card:first-of-type{border-top:1px solid #0a0a0a14;margin-top:3rem}.project-meta{font-family:var(--mono);letter-spacing:.2em;color:var(--mid-gray);margin-bottom:.8rem;font-size:.6rem}.project-card h3{font-family:var(--serif);margin-bottom:1rem;font-size:1.5rem;font-weight:400}.project-card p{color:var(--mid-gray);font-size:1rem;line-height:1.75}.inquiry{background:var(--black);border-top:1px solid #f5f0eb0f}.inquiry-layout{grid-template-columns:1fr 1.2fr;gap:6rem;max-width:1200px;margin:0 auto;display:grid}.inquiry-intro p{color:var(--warm-gray);margin-top:1.5rem;font-size:1.05rem;line-height:1.8}.form-group{margin-bottom:2rem}.form-group label{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.7rem;font-size:.6rem;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--white);font-family:var(--body);background:0 0;border:none;border-bottom:1px solid #f5f0eb26;outline:none;padding:.8rem 0;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b8b0a6' fill='none' stroke-width='1'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat}.form-group select option{background:var(--black);color:var(--white)}.form-group textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-submit{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--white);cursor:pointer;background:0 0;border:1px solid #f5f0eb40;margin-top:1rem;padding:1.2rem 3rem;font-size:.7rem;transition:all .4s}.form-submit:hover{background:var(--accent);color:var(--black);border-color:var(--accent)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-success{font-family:var(--body);color:var(--accent);padding:3rem 0;font-size:1.2rem;line-height:1.8}footer{background:var(--black);border-top:1px solid #f5f0eb0f;justify-content:space-between;align-items:flex-end;padding:4rem 3rem;display:flex}.footer-brand{font-family:var(--serif);letter-spacing:.1em;font-size:1rem}.footer-nav{gap:2rem;margin-top:1.5rem;display:flex}.footer-nav a{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mid-gray);font-size:.6rem;text-decoration:none;transition:color .3s}.footer-nav a:hover{color:var(--accent)}.footer-info{text-align:right}.footer-info p{font-family:var(--mono);letter-spacing:.15em;color:var(--mid-gray);margin-bottom:.3rem;font-size:.6rem}.grain{pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px;width:100%;height:100%;position:fixed;top:0;left:0}.cta-link{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.8rem;margin-top:2.5rem;font-size:.7rem;text-decoration:none;transition:gap .3s;display:inline-flex}.cta-link:hover{gap:1.2rem}.cta-link .arrow{background:var(--accent);width:20px;height:1px;display:inline-block;position:relative}.cta-link .arrow:after{content:"";border-right:1px solid var(--accent);border-top:1px solid var(--accent);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.cta-link-dark{color:var(--mid-gray)}.cta-link-dark .arrow{background:var(--mid-gray)}.cta-link-dark .arrow:after{border-color:var(--mid-gray)}.cta-link-dark:hover{color:var(--black)}.cta-link-dark:hover .arrow{background:var(--black)}.cta-link-dark:hover .arrow:after{border-color:var(--black)}.mobile-nav{background:var(--black);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.mobile-nav.active{display:flex}.mobile-nav a{font-family:var(--serif);color:var(--white);font-size:2rem;font-weight:400;text-decoration:none;transition:color .3s}.mobile-nav a:hover{color:var(--accent)}.page-enter{animation:.6s forwards pageIn}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){section{padding:5rem 2rem}nav{padding:1.2rem 2rem}nav .nav-links{display:none}.menu-toggle{display:block}.about-intro .content-grid,.bio-layout,.inquiry-layout{grid-template-columns:1fr;gap:3rem}.services-grid{grid-template-columns:1fr}.service-card{border-right:none!important}.work-item{grid-template-columns:1fr;gap:.3rem}.form-row{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:2rem}.footer-info{text-align:left}.page-header{min-height:35vh}}
