:root{--ink:#0b0b0d;--paper:#f4f1ea;--accent:#ff4d2e;--lime:#d9ff43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.topbar{background:var(--ink);color:white;text-align:center;padding:11px 16px;font-size:13px;font-weight:700}.topbar a{color:var(--lime);margin-left:8px}nav{max-width:1240px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;font-weight:900;text-decoration:none;color:var(--ink);letter-spacing:-1.5px}.brand span{color:var(--accent)}.links{display:flex;gap:26px;align-items:center}.links a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.pill{border:2px solid var(--ink);padding:10px 16px;border-radius:99px}.hero{max-width:1240px;margin:20px auto 80px;padding:0 28px;display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center}.eyebrow,.section-label{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--accent);margin-bottom:18px}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.92;letter-spacing:-5px;margin:0;max-width:780px}.hero h1 em,.story em,.dark em,.experience em,.search em,.cta em{font-style:normal;color:var(--accent)}.hero h2{font-size:28px;margin:24px 0 14px}.hero p{font-size:18px;line-height:1.65;max-width:690px}.actions{display:flex;gap:14px;margin-top:30px}.primary,.secondary{display:inline-block;padding:16px 22px;text-decoration:none;font-weight:900;font-size:13px;letter-spacing:.5px}.primary{background:var(--accent);color:white}.secondary{border:2px solid var(--ink);color:var(--ink)}.hero-img{position:relative}.hero-img img{width:100%;height:610px;object-fit:cover;border-radius:4px;filter:saturate(.85) contrast(1.05)}.tag{position:absolute;bottom:18px;left:-18px;background:var(--lime);padding:12px 15px;font-size:12px;font-weight:900;transform:rotate(-2deg)}.stats{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:42px max(28px,calc((100vw - 1184px)/2));gap:20px}.stats div{border-right:1px solid #333;padding-right:20px}.stats b{display:block;font-size:42px;letter-spacing:-2px;color:var(--lime)}.stats span{font-size:13px;color:#aaa}.story,.experience,.search{max-width:1184px;margin:0 auto;padding:100px 28px}.story h3,.dark h3,.experience h3,.search h3,.cta h3{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-3px;margin:0 0 42px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:60px}.twocol p{font-size:19px;line-height:1.7;margin:0}.dark{background:var(--ink);color:white;padding:100px max(28px,calc((100vw - 1184px)/2))}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article{background:#171719;padding:30px 24px;min-height:190px}.cards span{font-size:10px;letter-spacing:1.5px;color:#999;font-weight:800}.cards strong{display:block;color:var(--lime);font-size:48px;margin-top:35px}.cards p{color:#aaa;margin:4px 0}.note{color:#777;font-size:13px;margin-top:28px}.timeline{border-top:2px solid var(--ink)}.timeline div{display:grid;grid-template-columns:1.1fr 1.7fr .8fr;padding:22px 0;border-bottom:1px solid #bbb;gap:20px}.timeline b{font-size:17px}.timeline span,.timeline small{font-size:14px}.timeline small{color:#666;text-align:right}.proof{display:grid;grid-template-columns:1fr 1fr;background:var(--lime)}.proof>div{padding:65px max(28px,calc((100vw - 1184px)/2));padding-right:50px}.proof>div+div{background:var(--accent);color:white;padding-left:50px}.proof h3{font-size:34px;margin:0 0 10px}.proof p{line-height:1.6}.search{text-align:center}.badge{display:inline-block;background:var(--ink);color:white;padding:10px 14px;font-size:11px;font-weight:900;letter-spacing:1.5px;transform:rotate(-1deg);margin-bottom:28px}.search p{font-size:19px;line-height:1.65;max-width:800px;margin:-15px auto 30px}.roles{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.roles span{border:1px solid #aaa;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700}.cta{text-align:center;background:var(--ink);color:white;padding:110px 28px}.cta>p{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:2px}.cta h3{max-width:900px;margin:20px auto 40px}.big{font-size:15px;padding:20px 30px}.footerlinks{margin-top:34px;display:flex;justify-content:center;gap:25px}.footerlinks a{color:#aaa;font-size:13px}footer{text-align:center;padding:28px;font-size:11px;color:#777;background:var(--ink);border-top:1px solid #222}@media(max-width:800px){nav{padding:18px}.links>a:not(.pill){display:none}.hero{grid-template-columns:1fr;margin-top:35px;gap:30px;padding:0 18px}.hero h1{font-size:54px;letter-spacing:-3px}.hero h2{font-size:22px}.hero-img img{height:460px}.tag{left:10px}.stats{grid-template-columns:1fr 1fr;padding:30px 18px}.stats b{font-size:34px}.story,.experience,.search{padding:75px 18px}.twocol{grid-template-columns:1fr;gap:18px}.cards{grid-template-columns:1fr 1fr}.timeline div{grid-template-columns:1fr}.timeline small{text-align:left}.proof{grid-template-columns:1fr}.proof>div,.proof>div+div{padding:50px 18px}.actions{flex-direction:column}.actions a{text-align:center}.footerlinks{flex-direction:column;gap:12px}}@media(max-width:480px){.hero h1{font-size:45px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats b{font-size:30px}.story h3,.dark h3,.experience h3,.search h3,.cta h3{letter-spacing:-2px}}

.selected-work{margin-top:70px;border-top:1px solid #333;padding-top:45px}.work-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:24px}.work-heading h4{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1;margin:0}.work-heading h4 em{font-style:normal;color:var(--accent)}.work-heading p{max-width:330px;color:#999;line-height:1.55;font-size:14px;margin:0}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.video-card{min-height:135px;background:#171719;border:1px solid #29292c;color:white;text-decoration:none;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;transition:transform .18s ease,border-color .18s ease}.video-card:hover{transform:translateY(-3px);border-color:var(--lime)}.video-num{font-size:12px;color:var(--lime);font-weight:900;align-self:start}.video-card b{display:block;font-size:18px;letter-spacing:-.5px}.video-card small{display:block;color:#888;margin-top:6px}.arrow{font-size:26px;color:var(--lime)}@media(max-width:800px){.work-heading{display:block}.work-heading p{margin-top:14px}.video-grid{grid-template-columns:1fr}}

.experience-intro{font-size:19px;line-height:1.7;max-width:850px;margin:-18px 0 42px}.video-card{position:relative;overflow:hidden}.video-card:before{content:"▶";position:absolute;right:24px;top:20px;color:#3a3a3d;font-size:34px;font-weight:900}.video-card:hover:before{color:var(--lime)}@media(max-width:800px){.eyebrow{line-height:1.55}.experience-intro{margin-top:-10px}.video-card{min-height:150px}}

/* V4 — visual work portfolio */
.tiktok-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.tiktok-card{background:#171719;border:1px solid #29292c;overflow:hidden}.video-frame{position:relative;aspect-ratio:9/16;background:#101012}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;gap:10px}.video-meta span{color:var(--lime);font-size:11px;font-weight:900}.video-meta a{color:white;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.4px}.video-meta a:hover{color:var(--lime)}@media(max-width:1050px){.tiktok-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.tiktok-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.tiktok-grid{grid-template-columns:1fr}.video-frame{aspect-ratio:9/14}}

/* V5: native portfolio video previews */
.portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:32px;align-items:start}
.portfolio-video{min-width:0}
.portfolio-frame{position:relative;aspect-ratio:9/16;background:#171719;border:1px solid #2b2b2e;overflow:hidden;border-radius:4px}
.portfolio-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#111}
.portfolio-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 2px 0;font-size:12px;font-weight:800;letter-spacing:.04em}
.portfolio-meta span{color:#caff19}
.portfolio-meta a{color:#fff;text-decoration:none;white-space:nowrap}
.portfolio-meta a:hover{color:#caff19}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;margin-right:-20px}.portfolio-video{flex:0 0 72vw;max-width:300px;scroll-snap-align:start}.portfolio-grid::-webkit-scrollbar{height:6px}.portfolio-grid::-webkit-scrollbar-thumb{background:#343438;border-radius:99px}}

/* V6: social proof + profile links */
.clickable-stat{padding:0!important}.clickable-stat>a{display:block;padding:30px 24px;min-height:190px;color:inherit;text-decoration:none}.clickable-stat>a:hover strong{transform:translateY(-2px)}.clickable-stat strong{transition:transform .18s ease}.social-wrap{margin:42px auto 0;max-width:900px}.social-wrap>span{display:block;color:#777;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:15px}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.social-links a{color:white;text-decoration:none;border:1px solid #3a3a3d;border-radius:999px;padding:11px 15px;font-size:12px;font-weight:800;transition:border-color .18s ease,color .18s ease,transform .18s ease}.social-links a:hover{color:var(--lime);border-color:var(--lime);transform:translateY(-2px)}footer{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}.footer-social{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.footer-social a{color:#777;text-decoration:none}.footer-social a:hover{color:var(--lime)}@media(max-width:800px){.social-links{gap:8px}.social-links a{padding:10px 13px}.clickable-stat>a{padding:30px 18px}}

/* V7: move social proof into the hero */
.hero-social{margin-top:22px}.hero-social>span{display:block;color:#777;font-size:10px;font-weight:900;letter-spacing:1.8px;margin-bottom:10px}.hero-social-links{display:flex;flex-wrap:wrap;gap:8px}.hero-social-links a{color:var(--ink);text-decoration:none;border:1px solid #b8b5ae;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;transition:border-color .18s ease,color .18s ease,transform .18s ease}.hero-social-links a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}@media(max-width:800px){.hero-social{margin-top:18px}.hero-social-links{gap:7px}.hero-social-links a{padding:8px 10px;font-size:10px}}