@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#07130e;--panel:#0d2017;--green:#a4fa57;--muted:#a1b5a7;--line:#27412f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f1f7ef;font-family:'DM Sans',Arial,sans-serif;font-size:16px;background-image:linear-gradient(#25402b30 1px,transparent 1px),linear-gradient(90deg,#25402b30 1px,transparent 1px);background-size:80px 80px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}header{position:sticky;top:0;z-index:10;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;background:#07130eea;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-weight:900;font-size:24px;letter-spacing:-1px}.brand img{width:43px;height:43px;object-fit:cover;border-radius:50%;margin-right:10px}.green{color:var(--green)}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a:hover{color:var(--green)}.nav-contact{border:1px solid var(--green);padding:11px 17px;border-radius:6px}.wrap{max-width:1240px;margin:auto;width:90%}.hero{position:relative;min-height:660px;padding-top:78px}.eyebrow{font-size:14px;letter-spacing:2px;color:var(--green);font-weight:600;margin-bottom:22px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0;font-weight:800;line-height:.99;text-transform:uppercase}h1{font-size:clamp(76px,8.9vw,136px);letter-spacing:-2px;position:relative;z-index:2}h2{font-size:clamp(44px,5vw,72px);letter-spacing:-.7px}.gradient{background:linear-gradient(105deg,#c5ff7d,#66ed95,#1acdad);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.intro{max-width:550px;position:relative;z-index:2}.intro p{font-size:18px;line-height:1.7;max-width:420px;margin:25px 0}.button{display:inline-flex;gap:18px;align-items:center;padding:16px 22px;border-radius:5px;font-weight:700;font-size:14px}.primary{background:var(--green);color:#07130e}.primary:hover{background:#c5ff7d}.secondary{margin-left:8px;border:1px solid #5e7565}.hero-side{position:absolute;right:0;top:85px;width:340px;text-align:center;transform:rotate(4deg);border:1px solid #93ea6266;background:linear-gradient(140deg,#245b32,#0e2118);padding:25px;box-shadow:0 0 120px #51e35d1e}.hero-side img{width:100%;border-radius:6px}.hero-side span{display:block;font:800 42px 'Barlow Condensed',Impact,sans-serif;margin-top:14px;letter-spacing:3px}.hero-side small{color:var(--green);font-size:12px;letter-spacing:1px}.hero-bottom{display:flex;justify-content:space-between;margin-top:75px;padding:22px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.section{padding:75px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head p{color:var(--muted);line-height:1.8;margin:0;max-width:330px}.reel-frame{padding:9px;border:1px solid #48744d;border-radius:12px;background:linear-gradient(125deg,#7def5230,transparent)}.video{width:100%;padding:0;border:0;position:relative;overflow:hidden;display:block;background:#092015;aspect-ratio:16/9;border-radius:5px;color:white}.video img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.video:hover img{transform:scale(1.035)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--green);color:#081509;border-radius:50%;height:66px;width:66px;display:grid;place-items:center;font-size:24px;padding-left:4px;box-shadow:0 0 35px #07130e80}.reel .play{height:90px;width:90px;font-size:32px}.reel-shade{position:absolute;inset:0;background:linear-gradient(0deg,#06140df5,transparent 70%)}.reel-caption{position:absolute;bottom:30px;left:32px;font-size:14px;letter-spacing:3px;text-align:left}.reel-caption b{display:block;font:800 68px 'Barlow Condensed',Impact,sans-serif;letter-spacing:0}.reel-tag{position:absolute;right:30px;bottom:38px;color:var(--green);font-size:14px;letter-spacing:2px}.creators-section{padding:70px 0;background:linear-gradient(120deg,#164427e8,#0a2119eb);border-block:1px solid var(--line)}.creators-section h2{font-size:52px}.creators{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:36px}.creator{display:flex;align-items:center;gap:18px;background:#07130e80;border:1px solid #325438;border-radius:8px;padding:24px}.creator img{width:76px;height:76px;object-fit:cover;border-radius:16px;background:#183d27}.creator h3{margin:0 0 7px;font-size:19px}.creator p{margin:0;color:var(--green);font-size:14px}.note{color:#8ba594;font-size:12px;line-height:1.6;margin-top:22px}.filters{display:flex;gap:10px;margin:30px 0}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:14px}.filters button.active{background:var(--green);color:#07130e;border-color:var(--green)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 26px}.project{border:1px solid var(--line);background:#0b1c14;border-radius:9px;padding:10px;transition:border-color .2s}.project:hover{border-color:#83cc57}.project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;align-items:center}.project-info{padding:20px 15px}.project-info .eyebrow{font-size:12px;margin:0 0 12px}.project h3{margin:0 0 18px;font:700 30px/1.15 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.project:first-child h3{font-size:40px}.project-meta{display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.view-count{color:var(--green);font-weight:700}.project-link{text-decoration:underline;text-underline-offset:4px}.about{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:50px}.about-copy p{color:var(--muted);font-size:18px;line-height:1.8;margin:0}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.skills span{font-size:14px;border:1px solid var(--line);padding:10px 13px;border-radius:4px}.contact{position:relative;padding:70px 50px;background:radial-gradient(ellipse at 90% 90%,#296b2f80,transparent 65%),#10291b;border:1px solid #406341;border-radius:10px;margin-bottom:60px;overflow:hidden}.contact h2{font-size:85px}.contact p{font-size:18px;color:var(--muted)}.contact .contact-pending{font-size:14px}.contact-logo{position:absolute;width:210px;height:210px;object-fit:cover;right:70px;top:90px;border-radius:50%;border:5px solid #649d43}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0 35px;font-size:13px;color:var(--muted)}dialog{background:#09190f;color:white;border:1px solid #477543;border-radius:10px;width:min(1000px,94vw);padding:18px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.player-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}#close-player{border:0;background:#173622;color:white;border-radius:4px;font-size:22px;padding:8px 13px}#player-content{aspect-ratio:16/9}iframe{width:100%;height:100%;border:0}#youtube-link{display:inline-block;margin-top:15px;font-size:14px;color:var(--green);text-decoration:underline}.project[hidden]{display:none}@media(min-width:1500px){.hero-side{right:20px}}@media(max-width:1050px){.hero-side{width:260px;top:120px}.hero h1{font-size:100px}.intro{max-width:450px}.creators{gap:12px}.creator{padding:16px;gap:12px}.creator img{width:52px;height:52px}.creator h3{font-size:16px}}@media(max-width:760px){header{padding:12px 5%}.brand{font-size:21px}.brand img{width:34px;height:34px}nav{gap:16px}nav a{font-size:13px}nav a[href='#creators'],.nav-contact{display:none}.hero{padding-top:44px;min-height:auto}.hero h1{font-size:clamp(62px,13vw,100px);letter-spacing:-1px}.hero-side{position:relative;top:auto;right:auto;width:170px;margin:34px auto 0;padding:13px;transform:rotate(3deg)}.hero-side span{font-size:24px}.hero-side small{font-size:10px}.intro p{font-size:16px}.hero-bottom{margin-top:35px;gap:16px;font-size:12px}.hero-bottom span:last-child{display:none}.button{padding:14px 17px}.section{padding:50px 0}.section-head{display:block}.section-head p{margin-top:20px;font-size:14px}.reel .play{height:62px;width:62px;font-size:23px}.reel-caption{left:16px;bottom:12px;font-size:10px}.reel-caption b{font-size:36px}.reel-tag{display:none}.creators-section{padding:45px 0}.creators-section h2{font-size:42px}.creators{grid-template-columns:1fr}.creator img{width:64px;height:64px}.creator h3{font-size:19px}.project-grid{grid-template-columns:1fr;gap:20px}.project:first-child{display:block;grid-column:auto}.project:first-child h3{font-size:30px}.filters{gap:7px;flex-wrap:wrap}.filters button{padding:9px 13px;font-size:13px}.about{grid-template-columns:1fr;gap:25px}.about-copy p{font-size:16px}.contact{padding:38px 25px}.contact h2{font-size:65px}.contact-logo{position:static;width:95px;height:95px;margin-top:18px;border-width:3px}footer{flex-wrap:wrap}.eyebrow{font-size:12px}h2{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-buttons{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;max-width:700px;margin:26px 0 18px}.contact-buttons .secondary{margin-left:0;background:#0b2017}.contact-email{position:relative;z-index:2;color:var(--green);font-size:16px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}.contact-logo{opacity:.8}@media(max-width:760px){.contact-buttons{flex-direction:column;align-items:flex-start}.contact-buttons .button{width:100%;justify-content:center}.contact-email{font-size:14px}}

.testimonials{padding-bottom:20px}.testimonial{margin:30px 0 0;padding:38px 42px;border:1px solid #3f6547;border-radius:10px;background:linear-gradient(125deg,#193c25,#0d2118);max-width:100%}.testimonial blockquote{margin:0}.testimonial blockquote p{font-size:clamp(18px,2vw,24px);line-height:1.75;margin:0;color:#e6f2e4}.testimonial figcaption{display:flex;align-items:center;gap:15px;margin-top:28px}.testimonial figcaption img{width:56px;height:56px;border-radius:50%;object-fit:cover}.testimonial figcaption strong{display:block;color:var(--green);font-size:18px}.testimonial figcaption span{display:block;margin-top:5px;font-size:14px;color:var(--muted)}@media(max-width:760px){.testimonial{padding:25px 22px}}