:root{--surface: #131313;--surface-dim: #131313;--surface-bright: #393939;--surface-container-lowest: #0e0e0e;--surface-container-low: #1b1b1b;--surface-container: #1f1f1f;--surface-container-high: #2a2a2a;--surface-container-highest: #353535;--on-surface: #e2e2e2;--on-surface-variant: #c4c7c8;--inverse-surface: #e2e2e2;--inverse-on-surface: #303030;--outline: #8e9192;--outline-variant: #444748;--primary: #ffffff;--on-primary: #2f3131;--background: #131313;--on-background: #e2e2e2;--black: #000000;--white: #ffffff;--unit: 8px;--margin-edge: 64px;--margin-mobile: 24px;--gutter: 32px;--container-max: 1440px;--font-inter: "Inter", sans-serif;--font-jetbrains: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:crosshair}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-inter);font-size:16px;line-height:1.6;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.label-caps{font-family:var(--font-jetbrains);font-size:12px;font-weight:500;line-height:1;letter-spacing:.1em;text-transform:uppercase}.code-sm{font-family:var(--font-jetbrains);font-size:14px;font-weight:400;line-height:1.5}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px var(--margin-edge);background-color:#00000080;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-brand{color:var(--primary);display:block;font-weight:600;cursor:pointer}.nav-links{display:none;gap:var(--gutter);align-items:center}.nav-links.show{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--background);justify-content:center;align-items:center;z-index:90;padding:40px;animation:menuFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-links.show .nav-link{font-size:32px;margin:20px 0;font-family:Cormorant Garamond,serif;text-transform:uppercase;letter-spacing:.1em}.nav-link{color:var(--on-surface-variant);transition:color .1s ease}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link.active{border-bottom:1px solid var(--primary);padding-bottom:4px}.nav-menu-btn{background:none;border:none;color:var(--primary);cursor:pointer;z-index:101;position:relative;display:flex;align-items:center;justify-content:center;padding:8px;transition:transform .2s ease}.nav-menu-btn:active{transform:scale(.9)}.nav-brand{z-index:101;position:relative}.split-screen{min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative}.split-divider{display:none;width:1px;height:100%;background-color:#ffffff1a;position:absolute;left:50%;z-index:40}.section-left{width:100%;min-height:100vh;background-color:var(--white);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.1)}.section-right{width:100%;min-height:100vh;background-color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--margin-edge);position:relative;overflow:hidden}.hero-title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:55;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;mix-blend-mode:difference;animation:hero-reveal 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes hero-reveal{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(3.5rem,12vw,11rem);font-weight:300;letter-spacing:-.02em;text-transform:uppercase;color:var(--white);line-height:.9;-webkit-user-select:none;user-select:none;margin:0;display:block}.hero-title .ampersand{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:200;margin:0 .1em;opacity:.9}.hero-subtitle{margin-top:2rem;display:flex;justify-content:center;align-items:center}.hero-subtitle-text{font-size:clamp(12px,1.5vw,18px);letter-spacing:.5em;color:var(--white);font-weight:400;opacity:.8}.bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.9) contrast(1.4);transition:transform 20s ease-out}.bg-image:hover{transform:scale(1.1)}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000000d;pointer-events:none}.code-card{width:100%;max-width:42rem;height:70vh;background-color:#18181b;border:1px solid rgba(255,255,255,.1);position:relative;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.code-header{width:100%;height:32px;background-color:#27272a;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.code-dot{width:10px;height:10px;border-radius:50%}.code-dot.red{background-color:#ef444480}.code-dot.yellow{background-color:#eab30880}.code-dot.green{background-color:#22c55e80}.code-filename{margin-left:16px;color:#71717a;font-size:10px;letter-spacing:.1em}.code-content{padding:32px;color:#a1a1aa;overflow:hidden;flex:1}.code-pre{white-space:pre-wrap;line-height:1.6}.syntax-keyword{color:#60a5fa}.syntax-entity{color:#34d399}.syntax-string{color:#fdba74}.syntax-comment{color:#71717a}.footer{background-color:var(--background);border-top:1px solid rgba(255,255,255,.1);padding:48px var(--margin-edge)}.footer-content{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--gutter)}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-links{display:flex;gap:var(--gutter)}@media (min-width: 768px){.nav-brand{display:block}.nav-links{display:flex}.nav-menu-btn{display:none}.nav-bar{padding:24px var(--margin-edge)}.split-screen{flex-direction:row}.split-divider{display:block}.section-left,.section-right{width:50%}.section-left{border-bottom:none}.footer-content{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 767px){.nav-bar{padding:16px var(--margin-mobile)}.services-container,.contact-container{padding:100px var(--margin-mobile) 40px}.hero-title{font-size:clamp(3rem,15vw,5rem)}}.services-container{padding:120px var(--margin-edge) 60px;max-width:var(--container-max);margin:0 auto}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--gutter);margin-top:64px}@media (min-width: 768px){.services-grid{grid-template-columns:1fr 1fr}}.service-column{display:flex;flex-direction:column;gap:32px}.service-list{list-style:none;border-top:1px solid rgba(255,255,255,.1)}.service-item{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.service-title{font-size:24px;font-weight:500;color:var(--white)}.service-desc{color:var(--on-surface-variant);font-size:16px;max-width:480px}.contact-container{padding:120px var(--margin-edge) 60px;max-width:800px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:48px;margin-top:64px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{color:var(--on-surface-variant)}.success-message{border:1px solid var(--white);padding:32px;text-align:center;margin-top:64px}input,textarea{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--white);font-family:var(--font-inter);font-size:18px;padding:12px 0;width:100%;border-radius:0;transition:border-bottom-color .2s ease}input:focus,textarea:focus{outline:none;border-bottom:1px solid var(--white)}textarea{min-height:120px;resize:vertical}.btn-primary{background-color:var(--white);color:var(--black);border:1px solid var(--white);padding:12px 24px;font-family:var(--font-jetbrains);font-size:14px;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;border-radius:0;cursor:pointer}.btn-primary:hover{background-color:var(--black);color:var(--white)}.btn-secondary{background-color:transparent;color:var(--white);border:1px solid var(--white);padding:12px 24px;font-family:var(--font-jetbrains);font-size:14px;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;border-radius:0;cursor:pointer}.btn-secondary:hover{background-color:var(--white);color:var(--black)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;margin-bottom:64px}.gallery-item-wrapper{display:flex;flex-direction:column;gap:16px}.gallery-item{position:relative;aspect-ratio:16/10;overflow:hidden;background-color:var(--surface);border:1px solid rgba(255,255,255,.1)}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease;filter:grayscale(100%)}.gallery-item:hover .gallery-image{transform:scale(1.05);filter:grayscale(0%)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;text-decoration:none;cursor:pointer;z-index:10}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay-content{text-align:center;color:var(--white);display:flex;flex-direction:column;align-items:center;transform:translateY(10px);transition:transform .4s ease}.gallery-item:hover .gallery-overlay-content{transform:translateY(0)}.gallery-item-footer{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-content p{margin-bottom:16px}.legal-section{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}