*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #080808;--dark: #0f0f0f;--card: #141414;--border: #1e1e1e;--mid: #2a2a2a;--text: #e8e8e8;--muted: #888;--faint: #444;--gold: #c9a84c;--gold-lt: #e2c97e;--white: #ffffff;--font-display: "Bebas Neue", sans-serif;--font-serif: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--nav-h: 64px;--radius: 4px;--ease: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--black);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.6;overflow-x:hidden;cursor:default}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}.container{max-width:1280px;margin:0 auto;padding:0 40px}@media(max-width:768px){.container{padding:0 20px}}#nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 40px;transition:background .4s var(--ease),backdrop-filter .4s}#nav.scrolled{background:#080808eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.08em;color:var(--gold);line-height:1}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--white)}.nav-links .nav-cta{padding:8px 20px;border:1px solid var(--gold);color:var(--gold);border-radius:var(--radius);transition:background .2s,color .2s}.nav-links .nav-cta:hover{background:var(--gold);color:var(--black)}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-burger span{display:block;width:24px;height:1.5px;background:var(--text);transition:transform .3s}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:flex-end;overflow:hidden}.hero-reel{position:absolute;inset:0;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#08080826,#0808080d 30%,#0808088c,#080808f2)}.hero-content{position:relative;z-index:2;padding:0 40px 80px;max-width:800px;animation:heroFadeUp 1.2s var(--ease) .3s both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.hero-name{font-family:var(--font-display);font-size:clamp(5rem,12vw,10rem);line-height:.9;letter-spacing:.02em;color:var(--white);margin-bottom:16px}.hero-name em{font-family:var(--font-serif);font-style:italic;color:var(--gold-lt)}.hero-sub{font-size:.85rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:20px}.hero-awards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.hero-awards span{font-size:.72rem;letter-spacing:.06em;color:var(--gold);background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);padding:5px 12px;border-radius:2px}.hero-scroll{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .2s;border:none;background:none;animation:bounce 2.4s ease-in-out 2s infinite}.hero-scroll:hover{color:var(--white)}.hero-scroll svg{width:16px;height:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero-reel-label{position:absolute;top:88px;right:40px;z-index:2;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#fff6;display:flex;align-items:center;gap:6px;writing-mode:vertical-rl}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:16px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.04em;color:var(--white)}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{font-family:var(--font-body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--border);background:none;color:var(--muted);border-radius:var(--radius);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--faint);color:var(--text)}.filter-btn.active{border-color:var(--gold);color:var(--gold);background:#c9a84c12}.work{padding:100px 0;background:var(--dark)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.grid-item{position:relative;overflow:hidden}.grid-item.featured{grid-column:span 8}.grid-item:not(.featured){grid-column:span 4}.grid-item:nth-child(3),.grid-item:nth-child(4),.grid-item:nth-child(5){grid-column:span 4}.grid-item:nth-child(6){grid-column:span 7}.grid-item:nth-child(7){grid-column:span 5}.grid-item:nth-child(8){grid-column:span 5}.grid-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--card)}.grid-thumb img{transition:transform .7s var(--ease),filter .5s;filter:brightness(.75) saturate(.8)}.grid-item:hover .grid-thumb img{transform:scale(1.06);filter:brightness(.55) saturate(.9)}.grid-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 50%);transition:background .4s}.grid-item:hover .grid-overlay{background:linear-gradient(to top,#000000e0,#0003)}.grid-play{font-size:1.1rem;color:#fff0;background:#c9a84c00;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,168,76,0);transition:all .3s var(--ease)}.grid-item:hover .grid-play{color:var(--gold);background:#c9a84c1a;border-color:var(--gold)}.grid-info{width:100%}.grid-cat{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;opacity:0;transform:translateY(6px);transition:all .35s var(--ease)}.grid-title{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.7rem);letter-spacing:.04em;color:var(--white);line-height:1;margin-bottom:4px}.grid-year{font-size:.7rem;color:var(--muted);opacity:0;transform:translateY(4px);transition:all .35s var(--ease) .05s}.grid-item:hover .grid-cat,.grid-item:hover .grid-year{opacity:1;transform:translateY(0)}.grid-item.hidden{display:none}.stats{background:var(--black);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0}.stats-inner{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.stat{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}.stat-num{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.5rem);color:var(--white);line-height:1;margin-bottom:6px}.stat-num em{font-style:normal;color:var(--gold)}.stat-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stat-divider{width:1px;height:60px;background:var(--border);flex-shrink:0}.cta-strip{padding:120px 0;background:var(--dark);text-align:center;position:relative;overflow:hidden}.cta-strip:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%);pointer-events:none}.cta-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.cta-heading{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:.03em;color:var(--white);line-height:1.05;margin-bottom:40px}.cta-heading em{font-family:var(--font-serif);font-style:italic;color:var(--gold-lt)}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{padding:14px 36px;background:var(--gold);color:var(--black);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border-radius:var(--radius);transition:background .2s,transform .2s}.btn-primary:hover{background:var(--gold-lt);transform:translateY(-2px)}.btn-outline{padding:14px 36px;border:1px solid var(--faint);color:var(--muted);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius);transition:border-color .2s,color .2s,transform .2s}.btn-outline:hover{border-color:var(--text);color:var(--text);transform:translateY(-2px)}.footer{background:var(--black);border-top:1px solid var(--border);padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-logo{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.08em;color:var(--gold)}.footer-copy{font-size:.78rem;color:var(--muted)}.footer-copy a{color:var(--muted);transition:color .2s}.footer-copy a:hover{color:var(--text)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .2s}.footer-links a:hover{color:var(--gold)}.page-hero{padding:calc(var(--nav-h) + 80px) 0 60px;background:var(--dark);border-bottom:1px solid var(--border)}.page-hero-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.page-hero h1{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5rem);letter-spacing:.03em;color:var(--white);line-height:1;margin-bottom:16px}.page-hero p{font-size:1rem;color:var(--muted);max-width:560px;line-height:1.7}.project-page{padding:80px 0 100px}.project-video-wrap{position:relative;padding-bottom:56.25%;margin-bottom:60px;background:var(--card);border-radius:var(--radius);overflow:hidden}.project-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.project-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:60px}.project-meta-item{background:var(--dark);padding:20px 24px}.project-meta-label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.project-meta-value{font-size:.9rem;color:var(--text);font-weight:400}.project-body h2{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;color:var(--white);margin-bottom:14px;margin-top:40px}.project-body p{font-size:.95rem;color:var(--muted);line-height:1.8;margin-bottom:16px;max-width:720px}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:80px 0 100px;align-items:start}.about-photo-wrap{position:sticky;top:100px}.about-photo{aspect-ratio:3/4;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);position:relative}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(201,168,76,.08))}.about-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:6rem;color:var(--border);letter-spacing:.1em}.about-text h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--white);line-height:1;margin-bottom:24px}.about-text p{font-size:1rem;color:var(--muted);line-height:1.85;margin-bottom:20px;max-width:620px}.about-text .highlight{color:var(--text);font-weight:400}.about-awards{margin:40px 0;display:flex;flex-direction:column;gap:12px}.about-award{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.about-award-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.about-award-text strong{display:block;font-size:.85rem;color:var(--white);margin-bottom:2px}.about-award-text span{font-size:.78rem;color:var(--muted)}.about-skills{margin-top:40px}.about-skills h3{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{font-size:.75rem;letter-spacing:.06em;padding:6px 14px;border:1px solid var(--border);color:var(--muted);border-radius:var(--radius)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;background:var(--border);margin:60px 0 100px;border:1px solid var(--border)}.service-card{background:var(--dark);padding:40px 36px;transition:background .3s}.service-card:hover{background:var(--card)}.service-num{font-family:var(--font-display);font-size:3rem;color:var(--border);line-height:1;margin-bottom:20px;transition:color .3s}.service-card:hover .service-num{color:var(--gold)}.service-title{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.04em;color:var(--white);margin-bottom:12px}.service-body{font-size:.88rem;color:var(--muted);line-height:1.75}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:80px 0 100px;align-items:start}.contact-info h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--white);line-height:1;margin-bottom:20px}.contact-info p{font-size:.95rem;color:var(--muted);line-height:1.8;margin-bottom:36px}.contact-details{display:flex;flex-direction:column;gap:16px}.contact-detail{display:flex;align-items:center;gap:14px}.contact-detail-icon{width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.contact-detail-text strong{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}.contact-detail-text span{font-size:.9rem;color:var(--text)}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.form-group input,.form-group textarea,.form-group select{background:var(--card);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:.9rem;padding:12px 16px;border-radius:var(--radius);transition:border-color .2s;outline:none;width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold)}.form-group textarea{min-height:140px;resize:vertical}.form-group select option{background:var(--card)}.form-submit{padding:14px 32px;background:var(--gold);color:var(--black);font-family:var(--font-body);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;align-self:flex-start;transition:background .2s,transform .2s}.form-submit:hover{background:var(--gold-lt);transform:translateY(-2px)}.mobile-menu{display:none;position:fixed;inset:0;z-index:99;background:#080808f7;backdrop-filter:blur(16px);flex-direction:column;align-items:center;justify-content:center;gap:36px}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.06em;color:var(--text);transition:color .2s}.mobile-menu a:hover{color:var(--gold)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.grid-item.featured{grid-column:span 12}.grid-item:not(.featured){grid-column:span 6}.grid-item:nth-child(3),.grid-item:nth-child(4),.grid-item:nth-child(5),.grid-item:nth-child(6),.grid-item:nth-child(7),.grid-item:nth-child(8){grid-column:span 6}.about-grid{grid-template-columns:1fr;gap:40px}.about-photo-wrap{position:static}.contact-layout{grid-template-columns:1fr;gap:48px}}@media(max-width:768px){#nav{padding:0 20px}.nav-links{display:none}.nav-burger{display:flex}.hero-content{padding:0 20px 60px}.hero-reel-label{display:none}.grid-item,.grid-item.featured,.grid-item:nth-child(n){grid-column:span 12}.stat-divider{display:none}.stats-inner{gap:32px}.footer-inner{flex-direction:column;text-align:center}}
