@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&family=Archivo:wght@400;500;600;700;900&display=swap";:root{--black: #0A0A0A;--white: #FAFAFA;--gray-dark: #1A1A1A;--gray-mid: #888888;--gray-light: #CCCCCC;--accent: #FAFAFA;--accent-hover: #CCCCCC}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--black);color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.noise{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:80px 60px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Archivo,sans-serif;font-weight:700}.btn{padding:24px 48px;font-family:Archivo,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--white);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;background:var(--black);color:var(--white)}.btn:hover{background:var(--accent);color:var(--white);border-color:var(--accent)}a{color:var(--white);text-decoration:none;transition:opacity .3s ease}a:hover{color:var(--accent);opacity:1}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal]:nth-child(1){transition-delay:0s}[data-reveal]:nth-child(2){transition-delay:.1s}[data-reveal]:nth-child(3){transition-delay:.2s}[data-reveal]:nth-child(4){transition-delay:.3s}.project-image-wrapper{overflow:hidden;border-radius:4px}.project-image{width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-image:hover{transform:scale(1.03)}@media(max-width:968px){.container{padding:60px 40px}}@media(max-width:640px){.container{padding:40px 20px}.btn{width:100%;padding:20px 40px}}.header{border-bottom:1px solid var(--gray-dark);padding:40px 60px;position:relative;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Archivo,sans-serif;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.logo-image{height:40px;width:auto;transition:opacity .3s ease}.logo:hover .logo-image{opacity:.7}.logo-text{transition:opacity .3s ease}.logo:hover .logo-text{opacity:.7}.nav{display:flex;gap:40px}.nav-link{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--gray-mid);transition:color .3s ease}.nav-link:hover{color:var(--white);opacity:1}@media(max-width:768px){.header{padding:30px 20px}.header-content{flex-direction:column;gap:25px;align-items:flex-start}.nav{gap:20px;width:100%;justify-content:flex-start}.nav-link{font-size:.75rem}}.footer{padding:60px 60px 40px;border-top:1px solid var(--gray-dark);margin-top:120px}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-text{font-size:.75rem;color:var(--gray-mid);letter-spacing:2px;text-transform:uppercase}.footer-links{display:flex;gap:40px}.footer-link{font-size:.75rem;color:var(--gray-mid);text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease}.footer-link:hover{color:var(--white);opacity:1}@media(max-width:768px){.footer{padding:40px 20px 30px}.footer-content{flex-direction:column;gap:30px;align-items:flex-start}.footer-links{flex-direction:column;gap:20px}}.intro{margin-bottom:120px;padding-top:40px}.intro-text{font-family:Archivo,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:32px;color:var(--white)}.intro-description{font-size:1.25rem;color:var(--gray-mid);max-width:550px;line-height:1.7;font-weight:400}.featured-project{margin-bottom:100px}.section-title{font-size:.75rem;letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:40px;font-weight:600}.project-showcase{border-top:1px solid var(--gray-dark);border-bottom:1px solid var(--gray-dark);padding:60px 0}.project-link{display:block;text-decoration:none}.project-name{font-family:Archivo,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:-.03em;text-transform:uppercase;line-height:1;position:relative;display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.project-name:before{content:attr(data-text);position:absolute;left:0;top:0;color:var(--white);-webkit-text-stroke:1px var(--white);-webkit-text-fill-color:transparent;z-index:-1;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-name:hover{transform:translate(10px);color:var(--accent)}.project-name:hover:before{transform:translate(-6px,6px);-webkit-text-stroke:1px var(--accent)}.project-meta{margin-top:20px;font-size:.875rem;color:var(--gray-mid);letter-spacing:1px;text-transform:uppercase}.cta-section{margin:100px 0}.cta-buttons{display:flex;gap:0;flex-wrap:wrap}.btn-primary{border-right:none}@media(max-width:968px){.intro{margin-bottom:80px}.intro-text{font-size:clamp(1.75rem,8vw,3rem)}.project-name{font-size:clamp(2.5rem,12vw,5rem)}.cta-buttons{flex-direction:column}.btn{width:100%;border:1px solid var(--white)}.btn-primary{border-right:1px solid var(--white);border-bottom:none}}@media(max-width:640px){.intro-description{font-size:1rem}}.about-content{max-width:900px}.page-title{font-family:Archivo,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:80px}.about-section{margin-bottom:80px}.section-text{font-size:1.125rem;color:var(--gray-light);line-height:1.8;max-width:700px}@media(max-width:640px){.section-text{font-size:1rem}}.projects-list{display:grid;gap:1px;background:var(--gray-dark);border:1px solid var(--gray-dark);margin-top:60px}.project-card{background:var(--black);padding:60px;display:block;text-decoration:none;transition:background .3s ease;cursor:pointer}.project-card:hover{background:var(--gray-dark)}.project-card-content{max-width:800px}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:20px;flex-wrap:wrap}.project-card-name{font-family:Archivo,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;transition:transform .3s ease}.project-card:hover .project-card-name{transform:translate(10px)}.fan-work-badge{font-size:.75rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--gray-mid);padding:4px 12px}.project-card-category{font-size:.875rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.project-card-description{font-size:1rem;color:var(--gray-light);line-height:1.6;margin-bottom:30px}.project-card-footer{display:flex;justify-content:space-between;align-items:center}.project-card-year{font-size:.875rem;color:var(--gray-mid);letter-spacing:2px}.project-card-arrow{font-size:1.5rem;transition:transform .3s ease}.project-card:hover .project-card-arrow{transform:translate(10px)}.no-projects{font-size:1.125rem;color:var(--gray-mid);text-align:center;padding:100px 0}@media(max-width:768px){.project-card{padding:40px 30px}.project-card-name{font-size:clamp(1.5rem,8vw,2rem)}}.back-link{display:inline-block;font-size:.875rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:2px;margin-bottom:60px;transition:color .3s ease}.back-link:hover{color:var(--white)}.case-study-header{border-bottom:1px solid var(--gray-dark);padding-bottom:60px;margin-bottom:80px}.case-study-title{font-family:Archivo,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:30px}.case-study-subtitle{font-size:1.25rem;color:var(--gray-mid);letter-spacing:1px;text-transform:uppercase}.case-study-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px}.info-item{border-left:1px solid var(--gray-dark);padding-left:20px}.info-label{font-size:.75rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.info-value{font-size:1.125rem;font-weight:500}.live-site-link{display:inline-block;font-size:1rem;color:var(--white);border:1px solid var(--white);padding:20px 40px;text-transform:uppercase;letter-spacing:2px;margin-bottom:80px;transition:all .3s ease}.live-site-link:hover{background:var(--white);color:var(--black)}.case-study-section{margin-bottom:80px}.section-heading{font-family:Archivo,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:30px}.section-text{font-size:1.125rem;color:var(--gray-light);line-height:1.8;max-width:800px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:60px 0 80px}.feature-card{border:1px solid var(--gray-dark);padding:30px;transition:all .3s ease}.feature-card:hover{border-color:var(--white);transform:translateY(-5px)}.feature-number{font-family:Archivo,sans-serif;font-size:2rem;font-weight:900;margin-bottom:20px;color:var(--gray-mid)}.feature-title{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.feature-description{font-size:.875rem;color:var(--gray-mid);line-height:1.6}.metrics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;border-top:1px solid var(--gray-dark);border-bottom:1px solid var(--gray-dark);padding:60px 0;margin:80px 0}.metric{text-align:center}.metric-value{font-family:Archivo,sans-serif;font-size:4rem;font-weight:900;margin-bottom:10px}.metric-label{font-size:.875rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:2px}.testimonial-section{border-top:1px solid var(--gray-dark);border-bottom:1px solid var(--gray-dark);padding:80px 0;margin:80px 0}.testimonial-quote{font-family:Archivo,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;line-height:1.4;margin-bottom:40px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:20px}.testimonial-avatar{width:60px;height:60px;border:1px solid var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Archivo,sans-serif;font-size:1.5rem;font-weight:900}.testimonial-info{flex:1}.testimonial-name{font-size:1rem;font-weight:600;margin-bottom:5px}.testimonial-role{font-size:.875rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:1px}.case-study-footer{display:flex;gap:0;margin-top:80px;flex-wrap:wrap}.case-study-footer .btn:first-child{border-right:none}@media(max-width:968px){.case-study-header{padding-bottom:40px;margin-bottom:60px}.case-study-info{grid-template-columns:1fr;gap:30px}.features-grid{grid-template-columns:1fr}.metrics-container{grid-template-columns:repeat(2,1fr);gap:30px;padding:40px 0}.metric-value{font-size:3rem}.case-study-footer{flex-direction:column}.case-study-footer .btn{width:100%;border:1px solid var(--white)}.case-study-footer .btn:first-child{border-right:1px solid var(--white);border-bottom:none}}@media(max-width:640px){.metrics-container{grid-template-columns:1fr}.section-text{font-size:1rem}}.contact-content{max-width:900px}.contact-section{margin-bottom:80px}.contact-info{display:grid;gap:60px}.contact-item{border-top:1px solid var(--gray-dark);padding-top:30px}.contact-label{font-size:.75rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.contact-value{font-size:1.5rem;font-weight:500;display:block;transition:opacity .3s ease}.contact-value:hover{opacity:.7}.contact-links{display:flex;flex-direction:column;gap:15px}.contact-link{font-size:1.5rem;font-weight:500;display:inline-block;transition:opacity .3s ease}.contact-link:hover{opacity:.7}@media(max-width:640px){.contact-value,.contact-link{font-size:1.25rem}}.onboarding{min-height:100vh}.onboarding .container{max-width:800px}.progress-bar{display:flex;gap:8px;margin-bottom:60px}.progress-step{flex:1;height:4px;background:var(--gray-dark);transition:background .3s ease}.progress-step.active,.progress-step.completed{background:var(--white)}.step-header{margin-bottom:60px}.step-number{font-size:.75rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:3px;margin-bottom:20px}.step-title{font-family:Archivo,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px}.step-description{font-size:1.125rem;color:var(--gray-light);line-height:1.7}.step-content,.form-field{margin-bottom:40px}.form-label{display:block;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:var(--white)}.form-label .required{color:var(--gray-mid);margin-left:4px}.form-input,.form-textarea,.form-select{width:100%;padding:20px 24px;font-family:Space Grotesk,sans-serif;font-size:1rem;background:var(--black);border:1px solid var(--gray-dark);color:var(--white);transition:border-color .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--white)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-mid)}.form-textarea{min-height:150px;resize:vertical}.form-error{font-size:.875rem;color:#f44;margin-top:8px}.options-grid{display:grid;gap:12px}.option-item{border:1px solid var(--gray-dark);padding:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px}.option-item:hover{border-color:var(--gray-mid)}.option-item.selected{border-color:var(--white);background:var(--gray-dark)}.option-radio{width:20px;height:20px;border:2px solid var(--gray-mid);border-radius:50%;flex-shrink:0;position:relative;transition:all .3s ease}.option-item.selected .option-radio{border-color:var(--white)}.option-item.selected .option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--white);border-radius:50%}.option-content{flex:1}.option-label{font-size:1rem;font-weight:500}.option-description{font-size:.875rem;color:var(--gray-mid);margin-top:4px}.conditional-field{margin-top:24px;padding-left:36px;border-left:2px solid var(--gray-dark)}.step-navigation{display:flex;gap:16px;margin-top:60px;border-top:1px solid var(--gray-dark);padding-top:40px}.nav-btn{padding:24px 48px;font-family:Archivo,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid var(--white);cursor:pointer;transition:all .3s ease;background:var(--black);color:var(--white)}.nav-btn:hover{background:var(--white);color:var(--black)}.nav-btn.secondary{border-color:var(--gray-dark);color:var(--gray-mid)}.nav-btn.secondary:hover{border-color:var(--white);color:var(--white);background:var(--black)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn:disabled:hover{background:var(--black);color:var(--white)}.review-sections{display:flex;flex-direction:column;gap:40px}.review-section{border-top:1px solid var(--gray-dark);padding-top:30px}.review-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.review-section-title{font-family:Archivo,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:2px}.review-edit-btn{font-size:.75rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:1px;background:none;border:none;cursor:pointer;transition:color .3s ease;padding:8px 16px;border:1px solid var(--gray-dark)}.review-edit-btn:hover{color:var(--white);border-color:var(--white)}.review-items{display:flex;flex-direction:column;gap:16px}.review-item{display:flex;gap:24px}.review-label{font-size:.75rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:1px;flex:0 0 140px;padding-top:4px}.review-value{flex:1;color:var(--white);line-height:1.6}.review-value.empty{color:var(--gray-mid);font-style:italic}.thank-you{min-height:100vh;display:flex;align-items:center;justify-content:center}.thank-you-content{text-align:center;max-width:600px;padding:40px}.thank-you-icon{font-size:4rem;margin-bottom:40px}.thank-you-title{font-family:Archivo,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;text-transform:uppercase;margin-bottom:24px;letter-spacing:-.02em}.thank-you-message{font-size:1.25rem;color:var(--gray-light);margin-bottom:20px;line-height:1.7}.thank-you-note{font-size:1rem;color:var(--gray-mid);margin-bottom:60px}.thank-you-actions{display:flex;gap:16px;justify-content:center}@media(max-width:768px){.step-navigation{flex-direction:column}.nav-btn{width:100%;text-align:center}.review-item{flex-direction:column;gap:8px}.review-label{flex:none}.thank-you-actions{flex-direction:column}.conditional-field{padding-left:20px}}@media(max-width:640px){.progress-bar,.step-header{margin-bottom:40px}.option-item{padding:20px}}