*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e8;color:#121318;font-family:Inter,Arial,sans-serif;line-height:1.5}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:99}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #d7d1c6;position:sticky;top:0;background:rgba(245,241,232,.92);backdrop-filter:blur(16px);z-index:50}.brand{font:700 25px "Space Grotesk";color:#111;text-decoration:none}.brand span{color:#2e63ff}.nav-links{display:flex;gap:28px}.nav-links a,.nav-cta{font:500 12px "DM Mono";text-transform:uppercase;text-decoration:none;color:#17181d}.nav-cta{border:1px solid #111;padding:11px 15px;border-radius:100px}.hero{min-height:calc(100vh - 78px);padding:8vw 7vw 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;background-image:linear-gradient(rgba(20,20,20,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.045) 1px,transparent 1px);background-size:34px 34px}.eyebrow,.section-kicker{font:500 11px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2e63ff;margin-right:8px}.hero h1{font:700 clamp(60px,9vw,142px)/.88 "Space Grotesk";letter-spacing:-.07em;margin:25px 0}.hero h1 em{font-style:normal;color:#2e63ff}.hero h1 span{font-style:italic}.hero-sub{font-size:20px;max-width:550px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:18px;padding:14px 19px;border-radius:999px;text-decoration:none;font:600 12px "DM Mono";text-transform:uppercase}.btn.primary{background:#111318;color:white}.btn.ghost{border:1px solid #111318;color:#111318}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.photo-card{width:min(390px,72%);padding:12px;background:#fff;box-shadow:20px 25px 50px rgba(0,0,0,.16);transform:rotate(3deg);position:relative}.photo-card img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center 40%;filter:saturate(.88) contrast(1.04)}.photo-label{font:500 10px "DM Mono";padding:10px 2px 2px}.sticker{position:absolute;right:2%;top:12%;background:#f5d63d;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 25px/1 "Space Grotesk";transform:rotate(12deg);box-shadow:5px 8px 0 #111}.sticker small{font:600 10px "DM Mono"}.scribble{position:absolute;bottom:9%;left:3%;font:800 25px/.9 "Space Grotesk";color:#e94b3c;transform:rotate(-10deg);text-shadow:2px 2px 0 #111}.marquee{overflow:hidden;white-space:nowrap;background:#2e63ff;color:#fff;padding:14px 0;font:500 14px "DM Mono";letter-spacing:.1em}.marquee-track{display:flex;width:max-content;will-change:transform;animation:move 24s linear infinite}.marquee-track span{display:block;flex:none;padding-right:1rem}@keyframes move{to{transform:translateX(-50%)}}.section{padding:105px 7vw}.section-kicker{color:#777}.light{color:#b9bdc8}.intro-grid,.feature-grid,.about-grid,.closing{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:38px}.intro h2,.work h2,.feature h2,.about h2{font:600 clamp(45px,6vw,85px)/.92 "Space Grotesk";letter-spacing:-.055em;margin:0}.intro h2 span,.feature h2 span,.about h2 span{color:#2e63ff}.intro p,.feature p,.about p{max-width:560px;color:#5d6066}.big-lead{font-size:24px!important;color:#111!important}.mini-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.mini-facts span,.tag{font:500 10px "DM Mono";border:1px solid #aaa;padding:8px 10px}.dark{background:#121318;color:#f6f2e9}.work-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:35px 0}.work-head p{max-width:300px;color:#9da1aa}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:380px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)}.c1{background:#f4d73e;color:#111}.c2{background:#e84d3c}.c3{background:#2e63ff}.c4{background:#e9e5dc;color:#111}.num{font:500 11px "DM Mono"}.card h3{font:600 35px/.92 "Space Grotesk";letter-spacing:-.04em;margin:0}.card p{font-size:13px;max-width:240px}.arrow{font-size:24px}.feature{background:#ece7dc}.feature-copy{padding-top:10px}.feature h2{margin:20px 0 28px}.feature h2 span{color:#e84d3c}.process{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:28px 0;font:500 10px "DM Mono"}.process span{padding:7px 9px;background:#111;color:#fff}.text-link{color:#111;font:600 12px "DM Mono";text-transform:uppercase}.channel-card{min-height:480px;background:#111318;color:white;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-2deg);box-shadow:14px 18px 0 #e84d3c}.channel-top,.channel-bottom{font:500 10px "DM Mono";display:flex;justify-content:space-between;gap:20px}.channel-bottom{display:block;line-height:1.8;color:#bfc3cb}.yt-mark{font-size:80px;color:#e84d3c}.channel-title{font:600 clamp(45px,6vw,80px)/.85 "Space Grotesk";letter-spacing:-.06em}.timeline{max-width:1000px;margin:45px auto 0}.time-item{display:grid;grid-template-columns:120px 1fr;gap:40px;padding:27px 0;border-top:1px solid #d2ccc0}.time-item.featured{border-top:3px solid #2e63ff}.time-year{font:500 11px "DM Mono";color:#777}.time-item h3{font:600 25px "Space Grotesk";margin:0}.org{font:500 11px "DM Mono";text-transform:uppercase;color:#2e63ff!important}.time-item p{max-width:700px;color:#666}.about{background:#f0ece3}.about-copy{padding-top:5px}.about h2 em{font-style:italic}.education-card{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px;border-top:1px solid #cfc8ba;padding:14px 0;font-size:12px}.education-card b{text-align:right}.score{padding-top:20px;padding-bottom:20px;background:#f0ece3}.score-box{background:#2e63ff;color:#fff;padding:55px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px}.score-box .section-kicker{color:#dce4ff}.score-box h2{font:700 clamp(70px,10vw,130px)/.8 "Space Grotesk";letter-spacing:-.07em;margin:25px 0 15px}.score-box h2 span{font-size:.3em;letter-spacing:0}.score-box p{font:500 11px "DM Mono"}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.score-grid div{border-left:1px solid rgba(255,255,255,.4);padding-left:15px}.score-grid b{font:600 32px "Space Grotesk";display:block}.score-grid small{font:500 9px "DM Mono"}.closing{align-items:center}.closing-note{font:600 clamp(45px,6vw,80px)/.87 "Space Grotesk";letter-spacing:-.06em}.closing-note span{color:#e84d3c}.closing .big-lead{max-width:500px}.contact h2{font:600 clamp(60px,10vw,130px)/.85 "Space Grotesk";letter-spacing:-.07em;margin:25px 0 55px}.contact h2 span{color:#2e63ff}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-grid a{border:1px solid #343740;padding:22px;text-decoration:none;color:#fff;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.contact-grid small{font:500 9px "DM Mono";color:#999}.contact-grid b{font:600 15px "Space Grotesk";overflow-wrap:anywhere}footer{padding:22px 7vw;background:#0b0c0f;color:#898d95;border-top:1px solid #272a31;display:flex;justify-content:space-between;font:500 9px "DM Mono";text-transform:uppercase}@media(max-width:900px){.nav-links{display:none}.hero,.intro-grid,.feature-grid,.about-grid,.closing,.score-box{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{min-height:500px}.cards{grid-template-columns:1fr 1fr}.work-head{display:block}.contact-grid{grid-template-columns:1fr}.section{padding:75px 6vw}.photo-card{width:min(380px,78%)}}@media(max-width:560px){.nav{padding:0 5vw}.nav-cta{padding:9px 11px}.hero h1{font-size:62px}.hero-sub{font-size:17px}.hero-visual{min-height:420px}.sticker{width:88px;height:88px;font-size:20px}.scribble{font-size:19px}.cards{grid-template-columns:1fr}.card{min-height:300px}.score-box{padding:32px}.score-grid b{font-size:24px}.education-card{grid-template-columns:1fr}.education-card b{text-align:left}footer{flex-direction:column;gap:8px}}


/* V4 — seamless marquee, 3D hero objects and modern cursor glow */
.marquee{position:relative;overflow:hidden;white-space:nowrap;background:#2e63ff;color:#fff;padding:0;height:64px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(0,0,0,.16)}
.marquee-track{display:flex;width:max-content;will-change:transform;animation:marqueeLoop 26s linear infinite}
.marquee-group{display:flex;align-items:center;flex:none}
.marquee-group span{font:700 12px "DM Mono";letter-spacing:.12em;text-transform:uppercase;padding:0 25px}
.marquee-group i{font-style:normal;font-size:15px;opacity:.95}
@keyframes marqueeLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.marquee:hover .marquee-track{animation-play-state:paused}

/* Cursor spotlight: blue glow follows the pointer without blocking clicks */
.cursor-glow{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:98;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(46,99,255,.20) 0,rgba(46,99,255,.10) 18%,rgba(46,99,255,.035) 42%,transparent 70%);mix-blend-mode:multiply;filter:blur(2px);opacity:0;transition:opacity .25s ease;will-change:left,top}
body.cursor-active .cursor-glow{opacity:1}

/* 3D floating objects */
.hero-visual{perspective:1000px}
.orb{position:absolute;border-radius:50%;pointer-events:none;transform-style:preserve-3d;filter:blur(.1px);box-shadow:inset -18px -22px 35px rgba(0,0,0,.16),inset 12px 10px 22px rgba(255,255,255,.35),0 22px 35px rgba(0,0,0,.14);z-index:1}
.orb-blue{width:88px;height:88px;right:6%;bottom:18%;background:radial-gradient(circle at 30% 25%,#7d9cff 0,#2e63ff 38%,#143aa9 100%);animation:floatA 5.5s ease-in-out infinite}
.orb-yellow{width:48px;height:48px;left:8%;top:19%;background:radial-gradient(circle at 30% 25%,#fff19b 0,#f4d73e 45%,#c6a600 100%);animation:floatB 4.7s ease-in-out infinite}
.cube{position:absolute;width:62px;height:62px;right:20%;top:8%;transform-style:preserve-3d;z-index:1;animation:cubeFloat 7s ease-in-out infinite}
.cube span,.cube:before,.cube:after{content:"";position:absolute;inset:0;border:1px solid rgba(17,19,24,.25);backface-visibility:visible}
.cube span{background:linear-gradient(135deg,#3f73ff,#193ca6);transform:translateZ(31px);box-shadow:0 14px 30px rgba(46,99,255,.24)}
.cube:before{background:#e84d3c;transform:rotateY(90deg) translateZ(31px)}
.cube:after{background:#f4d73e;transform:rotateX(90deg) translateZ(31px)}
.ring{position:absolute;width:130px;height:130px;border:10px solid rgba(46,99,255,.16);border-left-color:#2e63ff;border-radius:50%;left:2%;bottom:8%;z-index:0;transform:rotateX(63deg) rotateY(16deg);animation:spinRing 9s linear infinite}
@keyframes floatA{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-12px,-20px,35px) rotate(12deg)}}
@keyframes floatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(10px,15px,18px)}}
@keyframes cubeFloat{0%,100%{transform:rotateX(-8deg) rotateY(18deg) translateY(0)}50%{transform:rotateX(22deg) rotateY(205deg) translateY(-18px)}}
@keyframes spinRing{to{transform:rotateX(63deg) rotateY(16deg) rotateZ(360deg)}}
.photo-card{z-index:3}
.sticker{z-index:4}
.scribble{z-index:5}

@media(max-width:700px){
  .marquee{height:56px}
  .marquee-group span{padding:0 18px;font-size:10px}
  .cursor-glow{width:300px;height:300px}
  .orb-blue{width:60px;height:60px}
  .orb-yellow{width:35px;height:35px}
  .cube{width:42px;height:42px}
  .cube span,.cube:before,.cube:after{transform-origin:center}
  .cube span{transform:translateZ(21px)}
  .cube:before{transform:rotateY(90deg) translateZ(21px)}
  .cube:after{transform:rotateX(90deg) translateZ(21px)}
  .ring{width:90px;height:90px;border-width:7px}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track,.orb,.cube,.ring{animation:none!important}
}


/* V5 — editorial torn-paper marquee inspired by the supplied reference video */
.marquee{
  position:relative;
  height:82px;
  padding:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:#f5f1e8;
  border:0;
  white-space:nowrap;
}
.marquee-paper{
  position:absolute;
  left:-2%;
  width:104%;
  height:68px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#2e63ff;
  color:#fff;
  transform:rotate(-1.15deg);
  box-shadow:0 8px 20px rgba(17,19,24,.12);
  clip-path:polygon(
    0 8%, 2% 3%, 4% 7%, 6% 2%, 8% 6%, 10% 3%, 12% 7%, 14% 2%, 16% 6%, 18% 3%,
    20% 7%, 22% 3%, 24% 6%, 26% 2%, 28% 7%, 30% 3%, 32% 6%, 34% 2%, 36% 7%, 38% 3%,
    40% 6%, 42% 2%, 44% 7%, 46% 3%, 48% 6%, 50% 2%, 52% 7%, 54% 3%, 56% 6%, 58% 2%,
    60% 7%, 62% 3%, 64% 6%, 66% 2%, 68% 7%, 70% 3%, 72% 6%, 74% 2%, 76% 7%, 78% 3%,
    80% 6%, 82% 2%, 84% 7%, 86% 3%, 88% 6%, 90% 2%, 92% 7%, 94% 3%, 96% 6%, 98% 2%, 100% 7%,
    100% 94%, 98% 90%, 96% 95%, 94% 91%, 92% 96%, 90% 90%, 88% 95%, 86% 91%, 84% 96%, 82% 90%,
    80% 95%, 78% 91%, 76% 96%, 74% 90%, 72% 95%, 70% 91%, 68% 96%, 66% 90%, 64% 95%, 62% 91%,
    60% 96%, 58% 90%, 56% 95%, 54% 91%, 52% 96%, 50% 90%, 48% 95%, 46% 91%, 44% 96%, 42% 90%,
    40% 95%, 38% 91%, 36% 96%, 34% 90%, 32% 95%, 30% 91%, 28% 96%, 26% 90%, 24% 95%, 22% 91%,
    20% 96%, 18% 90%, 16% 95%, 14% 91%, 12% 96%, 10% 90%, 8% 95%, 6% 91%, 4% 96%, 2% 90%, 0 95%
  );
}
.marquee-paper:before{
  content:"";
  position:absolute;
  inset:9px 0;
  background:repeating-linear-gradient(90deg,transparent 0 92px,rgba(255,255,255,.12) 92px 94px);
  opacity:.35;
  pointer-events:none;
}
.marquee-paper:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:10px;
  height:1px;
  background:rgba(255,255,255,.22);
  pointer-events:none;
}
.marquee .marquee-track{
  position:relative;
  z-index:2;
  display:flex;
  width:max-content;
  flex:none;
  align-items:center;
  will-change:transform;
  animation:marqueeV5 24s linear infinite;
}
.marquee .marquee-group{
  display:flex;
  align-items:center;
  flex:none;
}
.marquee .marquee-group span{
  font:800 11px "DM Mono";
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:0 27px;
  text-shadow:1px 1px 0 rgba(0,0,0,.12);
}
.marquee .marquee-group i{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  flex:none;
  border:1px solid rgba(255,255,255,.75);
  border-radius:50%;
  font-style:normal;
  font-size:9px;
}
@keyframes marqueeV5{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.marquee:hover .marquee-track{animation-play-state:paused}
@media(max-width:700px){
  .marquee{height:68px}
  .marquee-paper{height:57px}
  .marquee .marquee-group span{font-size:9px;padding:0 18px}
  .marquee .marquee-group i{width:16px;height:16px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .marquee .marquee-track{animation:none!important}
}