@font-face{font-family:SharpGrotesk;src:url('assets/sharp-grotesk.otf') format('opentype');font-display:swap;font-weight:400 900}
:root{--black:#111;--white:#f5f5f2;--lime:#e4ff5e;--line:#393939}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:400 17px/1.4 SharpGrotesk,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--lime);color:var(--black)}
.site-header{height:74px;position:absolute;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid #ffffff2a}.brand{width:155px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:30px;font-size:13px;font-weight:700;letter-spacing:.04em}.desktop-nav a:hover,.mobile-nav a:hover,footer a:hover{color:var(--lime)}.menu-toggle,.mobile-nav{display:none}.section-pad{padding:clamp(70px,8vw,120px) clamp(22px,5vw,80px)}.eyebrow,.hero-label,.card-index{font-size:13px;font-weight:700;letter-spacing:.09em}
.hero{min-height:650px;height:89svh;max-height:1000px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:110px 25px 85px;text-align:center}.hero-label{color:#aaa}.hero h1{width:min(72vw,880px);margin:55px 0 0}.hero h1 img{width:100%;height:auto}.hero-script{font:400 clamp(42px,6vw,88px)/1 Zeyada,cursive;color:var(--lime);margin:-3px 0 0;transform:rotate(-3deg)}.hero-scroll{position:absolute;bottom:35px;display:flex;gap:20px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.1em}.hero-scroll span{font:30px/1 Arial,sans-serif}.hero-scroll:hover{color:var(--lime)}
.intro{display:grid;grid-template-columns:1fr 2.1fr;gap:35px;background:#e8e8e5;color:var(--black)}h2,h3,p{margin-top:0}.intro h2,.section-heading h2,.contact h2{font-weight:700;letter-spacing:-.065em;line-height:.97}.intro h2{font-size:clamp(46px,6vw,86px);margin:0 0 25px}.intro em,.section-heading em{font-style:normal;color:#777}.intro p{font-size:clamp(18px,2vw,24px);line-height:1.4;max-width:750px;margin:0}
.services{background:#171717}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:35px;margin-bottom:55px}.section-heading h2{font-size:clamp(48px,7vw,100px);margin:0;min-width:60%}.services .section-heading h2 em{color:var(--lime)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{min-height:290px;border:1px solid #4b4b4b;padding:30px;display:flex;flex-direction:column;transition:background .25s,border-color .25s}.service-card:hover{background:#242424;border-color:#aaa}.service-card:nth-child(5){grid-column:span 2;min-height:230px}.card-index{color:var(--lime)}.service-card h3{font-size:clamp(31px,3.8vw,54px);line-height:1;letter-spacing:-.06em;margin:35px 0 20px}.service-card p{color:#bdbdbd;font-size:17px;line-height:1.45;max-width:590px;margin:0}.card-link{display:inline-flex;gap:24px;align-items:center;align-self:start;font-size:13px;font-weight:700;letter-spacing:.07em;margin-top:24px;border-bottom:1px solid currentColor;padding-bottom:5px}.card-link:hover{color:var(--lime)}
.team{background:#111}.team .section-heading h2{max-width:700px}.inline-seven{display:inline-block;width:.55em;height:.8em;object-fit:contain;vertical-align:-.08em;filter:invert(1)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portrait{width:100%;aspect-ratio:4/4.5;object-fit:cover;object-position:center 35%;filter:grayscale(1);transition:filter .3s}.person:hover .portrait{filter:none}.person-heading{border-bottom:1px solid #555;padding:16px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.person-heading h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.05em;margin:0}.person-heading h3 span{color:var(--lime);font-size:.65em;letter-spacing:0}.person-heading>span{color:#999;font-size:12px}.person p{color:#bcbcbc;font-size:15px;margin:12px 0 0}.team-note{border-top:1px solid #555;margin:65px 0 0;padding-top:22px;font-size:20px;color:#bbb}.team-note strong{color:var(--lime);font-weight:700}
.contact{background:#e8e8e5;color:#111;padding-top:70px;padding-bottom:75px}.contact-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:30px}.contact h2{font-size:clamp(48px,7vw,90px);margin:0 0 15px}.contact p{margin:0;font-size:18px}.contact-link{font-size:16px;font-weight:700;letter-spacing:.02em;border-bottom:2px solid #111;padding-bottom:8px;display:flex;gap:30px;white-space:nowrap}.contact-link:hover{color:#777}footer{padding:50px clamp(22px,5vw,80px);display:flex;align-items:end;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:12px;font-weight:700;letter-spacing:.04em}.footer-logo{width:190px}.footer-logo img{width:100%;height:auto}footer>div{display:flex;gap:25px}footer p{color:#888;margin:0}
.creator-main{min-height:calc(100svh - 110px);padding:180px clamp(22px,5vw,80px) 70px;display:flex;flex-direction:column}.section-kicker{font-size:13px;font-weight:700;letter-spacing:.09em}.creator-main h1{font-size:clamp(75px,15vw,240px);font-weight:700;letter-spacing:-.08em;line-height:.85;margin:90px 0}.creator-main em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--lime)}.creator-foot{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:auto}.creator-foot p{font-size:22px;line-height:1.4;max-width:560px}.creator-foot>div{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.contact-button{background:var(--lime);color:#111;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:22px 26px;min-width:300px;font-size:14px;font-weight:700}.contact-button span{font-size:23px}.back-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}
@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #aaa;color:#fff;padding:9px 13px;font-size:12px;font-weight:700}.mobile-nav.open{display:flex}.mobile-nav{position:absolute;top:74px;left:0;right:0;z-index:19;background:#171717;padding:25px;flex-direction:column;gap:18px;font-size:20px;font-weight:700}.intro{grid-template-columns:1fr}.section-heading h2{min-width:0}.team-grid{gap:10px}.contact-row{align-items:start;flex-direction:column}.creator-foot{align-items:start;flex-direction:column}}
@media(max-width:620px){.site-header{height:68px}.brand{width:130px}.mobile-nav{top:68px}.hero{height:75svh;min-height:520px;padding:105px 22px 80px}.hero-label{font-size:10px}.hero h1{width:90vw;margin-top:35px}.hero-script{font-size:48px;margin-top:12px}.section-pad{padding:70px 22px}.intro h2{font-size:50px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:57px;margin-top:20px}.service-grid,.team-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(5){grid-column:auto;min-height:0;padding:26px}.service-card h3{font-size:37px;margin:30px 0 16px}.service-card p{font-size:16px}.person{margin-bottom:30px}.portrait{aspect-ratio:4/4}.person-heading h3{font-size:26px}.team-note{margin-top:20px}.contact{padding-top:60px;padding-bottom:65px}.contact h2{font-size:58px}.contact-link{font-size:13px;white-space:normal}footer{display:block;padding:45px 22px}footer>div{margin:30px 0;flex-direction:column;gap:12px}.creator-main{padding:150px 22px 60px}.creator-main h1{font-size:clamp(62px,13.5vw,100px);margin:90px 0 70px}.creator-foot p{font-size:18px}.creator-foot>div{width:100%;align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
/* Team editorial layout */
.team{position:relative;overflow:hidden;background:#101010}.team-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.1fr);gap:35px;align-items:start;margin-bottom:58px}.team-heading h2{font-size:clamp(64px,8vw,132px);font-weight:700;letter-spacing:-.075em;line-height:.88;margin:0}.inline-seven{width:.75em;height:1.03em;vertical-align:-.13em;filter:invert(82%) sepia(27%) saturate(1019%) hue-rotate(13deg) brightness(109%) contrast(101%)}.team-heading-line{grid-column:1/-1;height:1px;background:var(--lime);margin-top:10px}.team-grid{gap:12px}.person{position:relative;min-width:0}.person:nth-child(2){margin-top:46px}.person:nth-child(3){margin-top:92px}.portrait{display:block;width:100%;height:auto;aspect-ratio:4/4.65;background:#303030;border:1px solid #555;object-fit:cover;object-position:center 32%;filter:grayscale(.5);transition:filter .3s,transform .3s}.person:hover .portrait{filter:none;transform:translateY(-6px)}.person:first-child .portrait{object-position:center 40%}.person-heading{border-bottom:1px solid var(--lime);padding-top:20px}.team-note{border-top:1px solid #555;margin:70px 0 0;padding:28px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:25px}.team-note span{font-size:12px;font-weight:700;letter-spacing:.09em;color:#aaa}.team-note strong{font-size:clamp(26px,4vw,58px);letter-spacing:-.06em;line-height:1;color:var(--lime)}
@media(max-width:850px){.team-heading{grid-template-columns:1fr;gap:22px}.team-heading-line{grid-column:auto}.person:nth-child(2),.person:nth-child(3){margin-top:0}}
@media(max-width:620px){.team-heading h2{font-size:clamp(54px,12vw,82px)}.inline-seven{width:.78em}.team-grid{gap:0}.person{margin-bottom:36px}.portrait{aspect-ratio:4/4.2;filter:none}.team-note{display:block;margin-top:15px}.team-note strong{display:block;margin-top:15px;font-size:37px}}

/* Entrance: logo reveal and pointer response */
.hero{isolation:isolate;overflow:hidden;background:#0d0d0e;min-height:620px;height:90svh;max-height:1100px;padding:120px 30px 100px;perspective:1100px}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff0c 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#ffffff09 50%,transparent 50.1%);background-size:120px 120px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%);opacity:.35;pointer-events:none}.hero-ambient{position:absolute;inset:-30%;background:radial-gradient(circle at var(--px,50%) var(--py,52%),#dfff5435 0%,#dfff5410 18%,transparent 43%);opacity:.22;transition:opacity .4s;pointer-events:none}.hero:hover .hero-ambient{opacity:.52}.hero-label{position:relative;z-index:2;font-size:12px;color:#a9a9a9;letter-spacing:.16em;animation:hero-label-in .8s .9s both}.logo-stage{position:relative;z-index:1;width:min(78vw,1040px);aspect-ratio:722/123;margin:45px auto 5px;display:grid;place-items:center;transform-style:preserve-3d;--rx:0deg;--ry:0deg}.logo-face{position:relative;z-index:3;width:100%!important;margin:0!important;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(32px);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;animation:logo-arrive 1.4s cubic-bezier(.16,1,.3,1) both}.logo-face img{width:100%;height:auto;filter:drop-shadow(0 15px 30px #0008)}.logo-echo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:brightness(0) saturate(100%) invert(91%) sepia(45%) saturate(859%) hue-rotate(12deg) brightness(104%) contrast(101%) blur(3px);transform:translate(0,0) scale(1.015);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}.logo-stage:hover .logo-echo{opacity:.48;transform:translate(var(--dx,0px),var(--dy,0px)) scale(1.015)}.logo-stage:hover .logo-face{filter:drop-shadow(0 0 28px #e4ff5e45)}.logo-frame{position:absolute;z-index:0;inset:-20% -5%;pointer-events:none}.logo-frame span{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);transform:scaleX(0);transform-origin:center;animation:frame-scan 1.4s .12s ease-out both}.logo-frame span:first-child{top:4%}.logo-frame span:last-child{bottom:4%;animation-delay:.3s}.hero-scroll{animation:hero-label-in .8s 1.1s both}
@keyframes logo-arrive{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(30px) scale(.95);filter:blur(10px)}45%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scale(1);filter:blur(0)}}@keyframes frame-scan{0%{transform:scaleX(0);opacity:0}40%{opacity:1}75%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}@keyframes hero-label-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.hero{height:80svh;min-height:510px;padding:110px 20px 85px}.hero-label{font-size:10px;letter-spacing:.1em}.logo-stage{width:94vw;aspect-ratio:722/123;margin:45px auto}.hero::before{background-size:80px 80px}.hero-ambient{opacity:.32}.logo-frame{inset:-50% -2%}}
@media(prefers-reduced-motion:reduce){.logo-face,.hero-label,.hero-scroll,.logo-frame span{animation:none!important}.logo-face{clip-path:none!important;transform:none!important}.logo-echo{display:none}.hero-ambient{opacity:.18!important}}

/* Regular prose, original display typography */
@font-face{font-family:SpaceGrotesk;src:url('assets/space-grotesk-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body{font-family:SpaceGrotesk,Arial,sans-serif}
h1,h2,h3,.desktop-nav,.mobile-nav,.hero-scroll,.team-note strong,.contact-button,.card-link,.contact-link{font-family:SharpGrotesk,Arial,sans-serif}
p,.hero-label,.eyebrow,.card-index,.section-kicker,.team-note span{font-family:SpaceGrotesk,Arial,sans-serif;font-weight:400}
.project-highlight{position:relative;display:inline-block;isolation:isolate;color:#111;background:transparent;padding:.05em .1em .09em;margin-left:-.1em;line-height:1.05}
.project-highlight::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--lime);transform-origin:left;transform:scaleX(1)}
.intro.motion-ready .project-highlight::before{transform:scaleX(0);transition:transform .85s cubic-bezier(.16,1,.3,1)}
.intro.motion-ready.is-visible .project-highlight::before{transform:scaleX(1)}
.project-highlight:hover::before{transform:scaleX(1) rotate(-2deg)!important}
.services .section-heading h2,.service-card h3{text-transform:uppercase}
.services .section-heading h2{font-size:clamp(40px,6.3vw,90px)}
.service-card h3{font-size:clamp(28px,3.3vw,48px)}
@media(hover:hover) and (pointer:fine){body,body *{cursor:url('assets/cursor-seven.png') 16 2,auto}a,button,a *{cursor:url('assets/cursor-seven.png') 16 2,pointer}input,textarea,[contenteditable=true]{cursor:text}}
@media(max-width:620px){.services .section-heading h2{font-size:clamp(34px,9vw,56px)}.service-card h3{font-size:clamp(25px,7.8vw,37px)}.intro h2{font-size:clamp(39px,11vw,50px)}}
@media(prefers-reduced-motion:reduce){.intro.motion-ready .project-highlight::before{transform:scaleX(1);transition:none}.project-highlight:hover::before{transform:none!important}}