:root{--background:#070706;--surface:#10100f;--surface-soft:#171614;--surface-strong:#211f1a;--text:#f5f0e8;--muted:#aaa196;--subtle:#746c62;--line:#2c2924;--accent:#d49a45;--accent-soft:#f0c77d;--shadow:0 30px 100px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 0%, #d49a4529, transparent 28rem), linear-gradient(180deg, #090908 0%, var(--background) 38rem);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{min-height:100vh;overflow:hidden}.section-shell{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#070706c7;border-bottom:1px solid #ffffff12;justify-content:center;align-items:center;gap:24px;padding:18px max(24px,50vw - 566px);display:flex;position:sticky;top:0;left:0;right:0}.nav-links{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;font-size:.9rem;display:flex}.nav-links a:hover,.contact-details a:hover,.text-link:hover{color:var(--accent-soft)}.hero{align-items:center;min-height:clamp(520px,72vh,760px);padding-top:82px;padding-bottom:56px;display:flex}.hero-copy{max-width:980px;padding-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.75rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1{max-width:920px;margin-bottom:24px;font-size:clamp(4.3rem,10vw,9.4rem);line-height:.84}h2{margin-bottom:0;font-size:clamp(2.2rem,4.8vw,5.1rem);line-height:.96}h3{margin-bottom:12px;font-size:1.28rem;line-height:1.18}.role{color:var(--accent-soft);max-width:780px;margin-bottom:18px;font-size:clamp(1.35rem,2.6vw,2.6rem);font-weight:800;line-height:1.08}.intro,.section-heading p,.project-card p,.service-card p,.process-step p,.creator-section p,.upcoming-card p,.large-copy{color:var(--muted);line-height:1.7}.intro{max-width:660px;font-size:clamp(1.05rem,1.6vw,1.3rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #f5f0e82e;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:0 18px;font-weight:850;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:#15100a}.button.primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.button.secondary{color:var(--text);background:#ffffff0a}.button.secondary:hover{color:var(--accent-soft);border-color:#f0c77d99}.portrait-card,.project-card,.service-card,.process-step,.upcoming-card,.contact-form{box-shadow:var(--shadow);background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:8px}.portrait-card{align-self:stretch;min-height:520px;position:relative;overflow:hidden}.portrait-card:before,.thumbnail-placeholder:before,.upcoming-card:before{content:"";background:linear-gradient(90deg,#0000,#d49a458f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.portrait{object-fit:cover;object-position:50% 42%;opacity:.78;width:100%;height:100%}.placeholder-caption{background:linear-gradient(#0000,#000000d1);padding:90px 24px 22px;position:absolute;bottom:0;left:0;right:0}.placeholder-caption span,.thumbnail-placeholder span{color:var(--text);font-weight:850}.placeholder-caption small{color:var(--muted);margin-top:5px;display:block}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px;padding-bottom:18px;display:grid}.stat{background:linear-gradient(145deg,#ffffff0f,#ffffff05),radial-gradient(circle at 18% 0,#d49a4529,#0000 18rem);border:1px solid #ffffff1a;border-radius:8px;min-height:164px;padding:26px 24px;position:relative;overflow:hidden}.stat strong{color:var(--text);margin-bottom:8px;font-size:clamp(1.45rem,2.6vw,2.8rem);line-height:1;display:block}.stat span{color:var(--muted)}.scroll-reveal{transform-origin:50% 70%}.section,.about-section,.clients-section,.creator-section,.upcoming-section,.contact-section{padding-top:92px;padding-bottom:92px}.section-heading{max-width:790px;margin-bottom:36px}.section-heading.wide{max-width:900px}.section-heading h2{margin-bottom:16px}.large-copy{border-left:1px solid #d49a4573;max-width:930px;padding-left:28px;font-size:clamp(1.2rem,2vw,1.6rem)}.about-section{padding-top:122px}.about-story{z-index:2;max-width:660px;margin-left:auto;position:relative;transform:translateY(34px)}.about-portrait-card{isolation:isolate;justify-content:flex-end;align-items:flex-end;max-width:100%;min-height:clamp(620px,76vw,860px);margin-left:auto;margin-right:auto;padding:clamp(24px,5vw,58px) clamp(24px,5vw,58px) clamp(12px,2.4vw,28px);display:flex}.about-portrait-card:after{content:"";z-index:1;background:linear-gradient(90deg,#0707061a 0%,#0707062e 42%,#0707069e 100%),linear-gradient(#07070614 0%,#0707068a 100%);position:absolute;inset:0}.about-portrait-card .portrait{object-position:48% 42%;opacity:.96;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.about-story .section-heading{max-width:660px}.about-story .section-heading h2{color:#f5f0e8bd;text-shadow:0 18px 54px #000000e0}.about-story .large-copy{color:#f5f0e8c7;text-shadow:0 10px 34px #000000eb;background:0 0;border-left:1px solid #d49a4575;max-width:640px;padding:0 0 0 22px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.service-card{min-height:250px;padding:26px}.service-number,.process-step span{color:var(--accent);margin-bottom:42px;font-size:.82rem;font-weight:900;display:inline-block}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{flex-direction:column;display:flex;overflow:hidden}.video-project{place-self:start center;width:100%;max-width:300px}.horizontal-project{grid-column:span 3;max-width:760px}.project-video-frame{aspect-ratio:9/16;background:#050505;position:relative;overflow:hidden}.horizontal-project .project-video-frame{aspect-ratio:16/9}.project-video-frame video{object-fit:contain;width:100%;height:100%;display:block}.sound-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;z-index:2;background:#00000094;border:1px solid #ffffff38;border-radius:999px;padding:9px 12px;font-size:.72rem;font-weight:900;transition:background .16s,border-color .16s,transform .16s;position:absolute;bottom:12px;right:12px}.sound-toggle:hover{background:#d49a45c7;border-color:#d49a45e0;transform:translateY(-1px)}.thumbnail-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#d49a452e,#000000ad),repeating-linear-gradient(-45deg,#171512 0 18px,#201d18 18px 36px);justify-content:space-between;align-items:end;padding:22px;display:flex;position:relative}.thumbnail-placeholder strong{color:#f5f0e84d;font-size:clamp(2.8rem,7vw,5rem);line-height:.8}.project-content{flex:1;padding:26px}.project-content h3{color:#fffaf0;text-shadow:0 0 18px #ffffff38;text-transform:uppercase;line-height:1.12}.video-project .project-content{flex-direction:column;justify-content:flex-start;min-height:142px;padding:18px;display:flex}.video-project .project-content h3{min-height:2.25em}.project-category,.project-detail,.project-role{color:var(--accent-soft);margin-bottom:10px;font-size:.86rem;font-weight:850}.project-detail{color:var(--text);text-transform:uppercase}.project-role{color:var(--subtle)}.text-link{color:var(--text);border-bottom:1px solid;margin-top:10px;padding-bottom:4px;font-weight:850;display:inline-flex}.clients-section{border-bottom:1px solid var(--line);border-top:1px solid var(--line);max-width:none;padding-left:0;padding-right:0}.clients-section .section-heading{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.logo-marquee{width:100%;overflow:hidden}.logo-track{gap:42px;width:max-content;animation:48s linear infinite marquee;display:flex}.logo-item{justify-content:center;align-items:center;min-width:230px;height:104px;display:inline-flex}.client-logo{filter:saturate(.92)contrast(1.06);object-fit:contain;opacity:.9;width:auto;max-width:220px;height:auto;max-height:82px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 7px))}}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.process-step{background:linear-gradient(#ffffff0f,#ffffff05),radial-gradient(circle at 50% 0,#d49a451f,#0000 14rem);min-height:290px;padding:24px;position:relative;overflow:hidden}.process-step:after,.stat:after{content:"";opacity:.22;pointer-events:none;background:linear-gradient(#ffffff2e,#0000);height:42%;position:absolute;top:0;left:0;right:0}.creator-section{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center;gap:28px;display:grid}.creator-section h2{margin-bottom:14px;font-size:clamp(2rem,4vw,4rem)}.creator-section .button{margin-top:12px}.youtube-stats{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:8px;gap:12px;padding:20px;display:grid}.live-badge{color:var(--text);letter-spacing:.08em;align-items:center;gap:8px;width:fit-content;margin:0;font-size:.76rem;font-weight:900;display:inline-flex}.live-badge span{background:#ff2d2d;border-radius:999px;width:8px;height:8px;animation:1.2s ease-in-out infinite livePulse;display:block;box-shadow:0 0 14px #ff2d2db3}.youtube-stat{border-bottom:1px solid #ffffff14;padding-bottom:14px}.youtube-stat span,.youtube-stats>p{color:var(--muted);font-size:.86rem;font-weight:800}.youtube-stat strong{color:var(--text);margin-top:8px;font-size:clamp(2rem,4vw,3.4rem);line-height:1;display:block}.youtube-stats>p{margin-bottom:0}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes revealUp{0%{opacity:.18;transform:translateY(54px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portraitFloat{0%{opacity:.36;transform:translateY(72px)scale(.9)}58%{opacity:1}to{opacity:1;transform:translateY(0)scale(1.02)}}@supports (animation-timeline:view()){.scroll-reveal{animation:linear both revealUp;animation-timeline:view();animation-range:entry 8% cover 36%}.about-portrait-card{animation:linear both portraitFloat;animation-timeline:view();animation-range:entry cover 58%}.stat:nth-child(2),.process-step:nth-child(2){animation-range:entry 12% cover 40%}.stat:nth-child(3),.process-step:nth-child(3){animation-range:entry 16% cover 44%}.process-step:nth-child(4){animation-range:entry 20% cover 48%}}.upcoming-card{background:linear-gradient(135deg,#d49a451a,#000000b3),#12110f;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:center;gap:24px;min-height:0;padding:clamp(20px,3.4vw,30px);display:grid;position:relative;overflow:hidden}.upcoming-card h2{max-width:780px;font-size:clamp(1.45rem,2.5vw,2.6rem)}.upcoming-card p:not(.eyebrow){max-width:620px;margin-bottom:0;font-size:1rem}.contact-section{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:48px;display:grid}.contact-copy h2{margin-bottom:26px}.contact-eyebrow{color:var(--text)}.contact-details{gap:12px;display:grid}.contact-details a,.contact-details span{color:var(--muted);font-weight:800}.contact-form{box-shadow:none;gap:16px;padding:24px;display:grid}.hidden-field{display:none}.contact-form label{color:var(--muted);gap:8px;font-size:.9rem;font-weight:800;display:grid}.contact-form input,.contact-form textarea{color:var(--text);background:#00000047;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:48px;padding:12px 14px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#d49a45b3}.form-error{color:#ffb4a8;margin:0;font-size:.9rem;font-weight:800}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;padding:28px 24px;display:flex}.site-footer strong{color:var(--text)}.site-footer a{color:var(--muted);font-weight:800}.site-footer a:hover{color:var(--accent-soft)}.thanks-page{align-items:center;min-height:100vh;padding:24px;display:grid}.thanks-card{max-width:820px;margin:0 auto}.thanks-card h1{font-size:clamp(3rem,8vw,6rem)}.thanks-card p:not(.eyebrow){color:var(--muted);font-size:1.1rem;line-height:1.7}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-reveal,.about-portrait-card{opacity:1;animation:none;transform:none}.logo-track{animation:none}}@media (max-width:980px){.site-header{flex-direction:column;align-items:center}.nav-links{justify-content:center}.hero,.creator-section,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:52px}.hero-copy{padding-bottom:0}.portrait-card{min-height:460px}.service-grid,.project-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.horizontal-project{grid-column:span 2}}@media (max-width:720px){.section-shell,.clients-section .section-heading,.site-header{padding-left:18px;padding-right:18px}.nav-links{gap:12px 14px}h1{font-size:clamp(3.45rem,18vw,5.4rem)}.about-portrait-card{justify-content:stretch;align-items:end;min-height:760px;padding:22px}.about-portrait-card:after{background:linear-gradient(#07070600 0%,#07070633 34%,#070706c7 72%,#070706eb 100%)}.about-portrait-card .portrait{object-position:52% 16%;opacity:.98}.about-story{max-width:100%;margin-left:0;transform:translateY(22px)}.about-story .large-copy{background:0 0;padding:0 0 0 18px}.stats,.service-grid,.process-grid,.upcoming-card{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-project{max-width:100%}.horizontal-project{grid-column:span 2}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.section,.about-section,.clients-section,.creator-section,.upcoming-section,.contact-section{padding-top:70px;padding-bottom:70px}.large-copy{padding-left:18px}.button{width:100%}}