:root{--color-text:#3b3d43;--color-text-muted:#3d4456bf;--color-accent:#5a6478;--color-bg:#e8e0d8;--font-display:"Cormorant Garamond", serif;--font-body:"DM Sans", sans-serif;--spacing-section-gap:160px;--spacing-margin-mobile:24px;--spacing-margin-desktop:80px;--spacing-desktop-width:1920px;--spacing-gutter:32px}*,:before,:after{box-sizing:border-box}body,html{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;margin:0;padding:0;line-height:1.5;overflow-x:hidden}.font-display-lg{font-family:var(--font-display);letter-spacing:-.02em;font-size:84px;font-weight:400;line-height:92px}@media (width<=768px){.font-display-lg{letter-spacing:-.01em;font-size:48px;line-height:52px}}.font-body-md{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:28px}.font-button-text{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:440;line-height:14px}.font-label-caps{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:400;line-height:12px}.fade-in-up{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(12px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.container{max-width:var(--spacing-desktop-width);padding:0 var(--spacing-margin-mobile);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-margin-desktop)}}.btn-ghost{border:1.5px solid var(--color-accent);min-width:140px;height:44px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:0 2rem;font-size:12px;font-weight:550;text-decoration:none;transition:box-shadow .2s ease-in-out;display:inline-flex;box-shadow:-1px 0 #89c9,1px 0 #c889}.btn-ghost:hover{box-shadow:-2px 0 #8899cce6,2px 0 #cc8888e6}.form-group{margin-bottom:2.5rem;position:relative}.field-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:10px;display:block}.field-underline{border:none;border-bottom:1px solid var(--color-accent);width:100%;font-family:var(--font-body);color:var(--color-text);background:0 0;outline:none;padding:.5rem 0;font-size:16px;font-weight:300;transition:border-bottom-color .3s}.field-underline::placeholder{font-family:var(--font-body);opacity:.4;font-weight:300}.field-underline:focus{border-bottom-color:var(--color-text)}.field-fringe{pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.field-fringe:before,.field-fringe:after{content:"";width:10px;height:1px;position:absolute;bottom:-1px}.field-fringe:before{background:linear-gradient(90deg,#89cc 0%,#0000 100%);left:0}.field-fringe:after{background:linear-gradient(270deg,#c88c 0%,#0000 100%);right:0}.message-field{resize:vertical;min-height:60px}.hero{background-image:url(/hero.webp);background-position:50%;background-size:cover;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=767px){.hero{background-image:url(/hero-mobile.webp)}}.navbar{z-index:50;width:100%;padding:2rem var(--spacing-margin-mobile);background:0 0;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}@media (width>=768px){.navbar{padding:2rem 48px}}.nav-links{gap:1.5rem;display:flex}@media (width>=768px){.nav-links{gap:3rem}}.nav-links a{color:var(--color-text);text-decoration:none;transition:opacity .3s;position:relative}.nav-links a:hover:after{content:"";background-color:var(--color-accent);width:100%;height:1px;position:absolute;bottom:-4px;left:0}.hero-content{z-index:10;width:100%;position:relative}.hero-text{max-width:600px}@media (width<=767px){.hero-text{text-align:center;margin:0 auto;padding-top:15rem}}.hero-label{color:var(--color-text-muted);margin-bottom:1.5rem;display:block}.hero-title{color:var(--color-text);margin-top:0;margin-bottom:1.5rem}.hero-subtitle{color:var(--color-text-muted);margin-bottom:3rem}.page-work,.page-contact{background-image:url(/extended.webp);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}.page-header{width:100%;padding:2rem var(--spacing-margin-mobile);align-items:center;display:flex}@media (width>=768px){.page-header{padding:2rem var(--spacing-margin-desktop)}}.header-left{align-items:center;gap:1.5rem;display:flex}.header-logo{width:auto;height:24px}.back-link{color:var(--color-text);font-size:13px;font-weight:500;text-decoration:none;transition:color .3s}.back-link:hover{color:var(--color-accent)}.projects-container{flex-direction:column;display:flex}.project-section{width:100%;height:100vh;padding:0 var(--spacing-margin-mobile);justify-content:center;align-items:center;display:flex;position:relative}@media (width>=768px){.project-section{padding:0 var(--spacing-margin-desktop)}}.project-grid{width:100%;height:100%;max-width:var(--spacing-desktop-width);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid;position:relative}@media (width>=768px){.project-grid{grid-template-columns:40% 60%}}.project-text{z-index:10;padding-right:2rem}@media (width<=767px){.project-text{text-align:center;order:2;padding-right:0}}.project-title{color:var(--color-text);margin-top:0;margin-bottom:1.5rem}.project-description{color:var(--color-text-muted);margin-bottom:2.5rem}.project-image-container{aspect-ratio:16/9;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}@media (width<=767px){.project-image-container{border-radius:0 0 16px 16px;order:1;margin-bottom:2rem}}.project-screenshot{object-fit:cover;width:100%;height:100%;display:block}.grain-overlay{opacity:.15;pointer-events:none;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='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.project-divider{display:none}@media (width>=768px){.project-divider{background-color:var(--color-text);opacity:.08;width:1px;display:block;position:absolute;top:10%;bottom:10%;left:40%}}.contact-main{padding:4rem var(--spacing-margin-mobile);flex:1;justify-content:center;align-items:center;display:flex}@media (width>=768px){.contact-main{padding:0 var(--spacing-margin-desktop)}}.contact-grid{width:100%;max-width:var(--spacing-desktop-width);grid-template-columns:1fr;gap:3rem;margin:0 auto;display:grid}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr;gap:4rem}}.contact-text{flex-direction:column;justify-content:center;display:flex}@media (width<=767px){.contact-text{text-align:center}}.contact-title{color:var(--color-text);margin-top:0;margin-bottom:1.5rem}.contact-subtitle{color:var(--color-text-muted)}.accent-link{color:var(--color-accent);text-decoration:none;transition:color .3s}.accent-link:hover{color:var(--color-text)}.contact-form-container{flex-direction:column;justify-content:center;width:100%;max-width:500px;margin:0 auto;display:flex}.submit-container{margin-top:1.5rem}@media (width<=767px){.submit-container{text-align:center}}.page-footer{text-align:center;width:100%;padding:2rem}.footer-text{font-family:var(--font-body);color:var(--color-text);opacity:.8;font-size:12px}