:root{--bg-primary: #0D0D0D;--bg-surface: #141414;--bg-card: #1A1A1A;--bg-card-hover: #202020;--border: #272727;--text-primary: #F0EDE8;--text-secondary:#9A9590;--text-muted: #555250;--accent: #7F77DD;--accent-dim: #2A2660;--sp-xs: 8px;--sp-sm: 16px;--sp-md: 32px;--sp-lg: 64px;--sp-xl: 120px;--sp-2xl: 200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul{list-style:none}img{width:100%;display:block;object-fit:cover}.nav-inner,.section-inner,.footer-inner,.manifesto-inner,.contact-inner{max-width:1360px;margin:0 auto;padding-left:clamp(24px,6vw,100px);padding-right:clamp(24px,6vw,100px)}.eyebrow{display:block;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-sm)}.img-placeholder{background:var(--bg-card);width:100%;display:flex;align-items:center;justify-content:center}.img-placeholder span{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}#nav{position:sticky;top:0;z-index:100;height:68px;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;align-items:center}.nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.nav-logo img{height:56px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:var(--sp-lg)}.nav-links a{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);transition:color .15s ease}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--accent)}.nav-hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.nav-hamburger span{display:block;width:22px;height:1px;background:var(--text-primary)}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg-primary);flex-direction:column;align-items:center;justify-content:center}.mobile-menu.open{display:flex}.mobile-menu ul{display:flex;flex-direction:column;align-items:center;gap:var(--sp-md)}.mobile-menu a{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:300;color:var(--text-primary);letter-spacing:.04em;transition:color .15s ease}.mobile-menu a:hover{color:var(--text-secondary)}.mobile-menu-close{position:absolute;top:24px;right:clamp(24px,6vw,100px);background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1;transition:color .15s ease}.mobile-menu-close:hover{color:var(--text-primary)}#hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg .img-placeholder,.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-inner{position:relative;z-index:1;width:100%;max-width:1360px;margin:0 auto;padding:var(--sp-2xl) clamp(24px,6vw,100px)}.hero-text{max-width:520px}.hero-text .eyebrow{display:flex;align-items:center;gap:12px}.hero-text .eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--accent);flex-shrink:0}.hero-headline{font-family:Cormorant Garamond,serif;font-size:clamp(52px,7.5vw,88px);font-weight:300;line-height:1.05;letter-spacing:.04em;color:var(--text-primary);margin:var(--sp-sm) 0 var(--sp-md)}.hero-sub{font-family:DM Sans,sans-serif;font-size:17px;font-weight:300;line-height:1.7;color:var(--text-secondary);max-width:460px;margin-bottom:var(--sp-md)}.hero-ctas{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap}.btn-primary{display:inline-block;background:var(--accent);color:var(--bg-primary);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:14px 36px;border-radius:0;text-decoration:none;transition:background .15s ease,transform .1s ease}.btn-primary:hover{background:#6b63cc}.btn-primary:active{transform:scale(.98)}.btn-ghost{display:inline-block;background:transparent;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:14px 36px;border:1px solid var(--border);border-radius:0;text-decoration:none;transition:border-color .15s ease,color .15s ease,transform .1s ease}.btn-ghost:hover{border-color:var(--accent);color:var(--text-primary)}.btn-ghost:active{transform:scale(.98)}#manifesto{background:var(--bg-surface);padding:var(--sp-xl) 0}.manifesto-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.manifesto-rule{width:60px;height:1px;background:var(--border);border:none;margin-bottom:var(--sp-md)}.manifesto-statement{font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.4;letter-spacing:.02em;color:var(--text-primary);max-width:860px;font-style:normal;margin-bottom:var(--sp-md)}.manifesto-attr{font-family:DM Sans,sans-serif;font-size:12px;font-weight:300;color:var(--text-muted);letter-spacing:.08em}#work{background:var(--bg-primary);padding:var(--sp-xl) 0}.section-header{margin-bottom:var(--sp-lg)}.section-heading{font-family:Cormorant Garamond,serif;font-size:clamp(32px,4.5vw,52px);font-weight:300;line-height:1.1;letter-spacing:.03em;color:var(--text-primary);margin-bottom:var(--sp-md)}.filter-tabs{display:flex;gap:var(--sp-md);flex-wrap:wrap}.filter-tab{background:none;border:none;border-bottom:1px solid transparent;padding:4px 0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.work-grid{columns:3;column-gap:3px}.project-card{display:block;break-inside:avoid;margin-bottom:3px;border:1px solid transparent;text-decoration:none;transition:border-color .18s ease;cursor:pointer}.project-card:hover{border-color:var(--accent)}.project-card.hidden{display:none}.card-image .img-placeholder{width:100%}.card-meta{padding:14px 0 36px}.project-title{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:500;color:var(--text-primary);letter-spacing:.02em;margin-bottom:var(--sp-xs)}.project-tags{display:flex;gap:var(--sp-xs);flex-wrap:wrap;margin-bottom:var(--sp-xs)}.tag{background:var(--accent-dim);color:var(--accent);font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;padding:3px 9px;border-radius:2px}.project-desc{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:var(--text-muted);line-height:1.6}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0d0d0df2;align-items:center;justify-content:center;padding:var(--sp-md)}.modal-overlay.open{display:flex}.modal-inner{position:relative;width:100%;max-width:960px;background:var(--bg-card);border:1px solid var(--border)}.modal-close{position:absolute;top:var(--sp-sm);right:var(--sp-sm);z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;transition:color .15s ease;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-content{display:grid;grid-template-columns:1fr 1fr}.modal-image{overflow:hidden}.modal-img-ph{aspect-ratio:4/5;min-height:420px}.modal-info{padding:var(--sp-lg) var(--sp-md);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-sm)}.modal-title{font-family:Cormorant Garamond,serif;font-size:clamp(22px,2.8vw,34px);font-weight:500;color:var(--text-primary);letter-spacing:.02em}.modal-desc{font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;color:var(--text-secondary);line-height:1.75;max-width:600px}#studio{background:var(--bg-surface);padding:var(--sp-xl) 0}.studio-inner{display:grid;grid-template-columns:38fr 62fr;gap:var(--sp-lg);align-items:start}.studio-text{padding-top:var(--sp-sm)}.studio-text .section-heading{margin-bottom:var(--sp-md)}.body-text{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.8;color:var(--text-secondary);max-width:560px;margin-bottom:var(--sp-sm)}.founder-credit{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:var(--text-muted);margin-top:var(--sp-md);margin-bottom:var(--sp-sm)}.tools-list{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--text-muted);letter-spacing:.04em;line-height:1.8;margin-bottom:var(--sp-lg)}.stats-row{display:flex;gap:48px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{font-family:Cormorant Garamond,serif;font-size:48px;font-weight:300;color:var(--text-primary);line-height:1}.stat-label{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}#services{background:var(--bg-primary);padding:var(--sp-xl) 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm);margin-top:var(--sp-lg)}.service-card{background:var(--bg-card);border:1px solid var(--border);padding:40px 32px;display:flex;flex-direction:column;gap:var(--sp-sm)}.service-number{display:block;font-family:Cormorant Garamond,serif;font-size:72px;font-weight:300;color:var(--border);line-height:1;margin-bottom:var(--sp-xs)}.service-name{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:500;color:var(--text-primary);line-height:1.2}.service-desc{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;color:var(--text-secondary);line-height:1.75}#contact{background:var(--bg-surface);padding:var(--sp-xl) 0}.contact-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-heading{font-family:Cormorant Garamond,serif;font-size:clamp(40px,6vw,72px);font-weight:300;color:var(--text-primary);letter-spacing:.02em;line-height:1.1;margin-bottom:var(--sp-md)}.contact-pitch{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;color:var(--text-secondary);max-width:500px;line-height:1.75}.contact-email{display:block;font-family:Cormorant Garamond,serif;font-size:clamp(22px,3.5vw,38px);font-weight:300;color:var(--text-primary);text-align:center;margin-top:48px;text-decoration:none;transition:color .15s ease}.contact-email:hover{color:var(--accent);text-decoration:underline}.social-links{display:flex;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}.social-link{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.social-link:hover{color:var(--text-primary)}footer{background:var(--bg-primary);border-top:1px solid var(--border)}.footer-inner{padding-top:40px;padding-bottom:40px;display:flex;flex-direction:column;gap:var(--sp-sm)}.footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-sm)}.footer-logo{display:flex;align-items:center;text-decoration:none}.footer-logo img{height:80px;width:auto;display:block}.footer-tagline{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:var(--text-muted);letter-spacing:.08em}.footer-nav{display:flex;gap:var(--sp-md);flex-wrap:wrap}.footer-nav a{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-nav a:hover{color:var(--text-primary)}.footer-copy,.footer-built{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:var(--text-muted)}@media(max-width:1199px){.work-grid{columns:2}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){:root{--sp-xl: 80px;--sp-2xl: 100px}.nav-links{display:none}.nav-hamburger{display:flex}.hero-text{max-width:100%}.work-grid{columns:1}.studio-inner,.services-grid,.modal-content{grid-template-columns:1fr}.modal-img-ph{aspect-ratio:16/9;min-height:unset}.footer-row{flex-direction:column;align-items:flex-start}}