@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--pink:#ff1493;--pink-light:#ff4db8;--pink-dark:#8a0750;--black:#050505;--dark:#0b0b0b;--gray:#8c8c8c;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}#engine-canvas{z-index:0;pointer-events:none;opacity:.72;width:100%;height:100%;position:fixed;inset:0}main{z-index:1;position:relative}nav{z-index:100;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 6vw;display:flex;position:fixed;top:0;left:0}.nav-name{letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:700}.nav-name span{color:var(--pink)}.nav-links{gap:35px;list-style:none;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:2px;color:#aaa;font-size:12px;transition:color .3s}.nav-links a:hover{color:var(--pink)}.hero{height:400vh;position:relative}.hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.hero-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 20%,#00000059 65%,#000000e6 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:700px;position:absolute;bottom:12vh;left:7vw}.eyebrow{color:var(--pink);letter-spacing:5px;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:600}.hero h1{letter-spacing:-5px;font-size:clamp(55px,8vw,125px);font-weight:800;line-height:.9}.hero h1 span{color:var(--pink);text-shadow:0 0 10px #ff1493b3,0 0 35px #ff149359}.hero-description{color:#aaa;max-width:500px;margin-top:30px;font-size:16px;line-height:1.7}.scroll-indicator{z-index:2;color:#777;letter-spacing:3px;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:10vh;right:6vw}.scroll-line{background:linear-gradient(to bottom, var(--pink), transparent);width:1px;height:70px}section{padding:140px 7vw;position:relative}.section-label{color:var(--pink);letter-spacing:4px;text-transform:uppercase;margin-bottom:25px;font-size:11px;font-weight:600}.section-title{letter-spacing:-3px;max-width:900px;font-size:clamp(40px,6vw,80px);line-height:.95}.section-title span{color:var(--pink)}.about{background:linear-gradient(#0505059e,#050505d1);grid-template-columns:1fr 1fr;align-items:center;gap:10vw;min-height:90vh;display:grid}.about-copy{max-width:600px}.about-copy p{color:#aaa;margin-top:35px;font-size:18px;line-height:1.8}.about-stats{grid-template-columns:1fr 1fr;gap:2px;display:grid}.stat{background:#0c0c0ce0;border:1px solid #1c1c1c;padding:45px 30px}.stat-number{color:var(--pink);font-size:55px;font-weight:700}.stat-label{color:#777;text-transform:uppercase;letter-spacing:2px;margin-top:8px;font-size:12px}.projects{background:#080808;min-height:100vh;position:relative}.work-category{margin-top:110px;position:relative}.work-category-title{color:#777;letter-spacing:4px;text-transform:uppercase;margin-bottom:30px;font-size:11px;font-weight:600}.project-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:50px;display:grid}.project{cursor:pointer;background:#111;border:1px solid #1b1b1b;min-height:500px;position:relative;overflow:hidden}.project-image{background:#111;position:absolute;inset:0;overflow:hidden}.project-image img{object-fit:cover;opacity:.88;width:100%;height:100%;transition:transform .7s,opacity .5s;display:block}.project:hover .project-image img{opacity:1;transform:scale(1.05)}.project-image:after{content:"";background:radial-gradient(circle,#ff14932e,#0000 60%);position:absolute;inset:0}.project-info{z-index:2;position:absolute;bottom:35px;left:35px}.project-number{color:var(--pink);letter-spacing:3px;font-size:11px}.project h3{margin-top:10px;font-size:30px}.project p{color:#888;margin-top:8px}.project-wide{min-height:560px}.video-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.video-project{aspect-ratio:16/9;background:#111;border:1px solid #1b1b1b;position:relative;overflow:hidden}.video-project video{object-fit:contain;opacity:.8;background:#050505;width:100%;height:100%;transition:transform .7s,opacity .5s;position:absolute;inset:0}.video-project:hover video{opacity:1;transform:scale(1.02)}.video-project:after{content:"";pointer-events:none;background:linear-gradient(#0000000d 35%,#000000e6);position:absolute;inset:0}.video-info{z-index:2;position:absolute;bottom:35px;left:35px}.logo-category{position:relative}.logo-grid{grid-template-rows:repeat(2,clamp(120px,10vw,180px));grid-template-columns:repeat(3,1fr);gap:clamp(10px,.8vw,16px);width:min(100%,1400px);max-width:1400px;margin-top:40px;margin-left:auto;margin-right:auto;display:grid}.logo-item{cursor:pointer;background:#0d0d0d;border:1px solid #1b1b1b;justify-content:center;align-items:center;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.logo-item:hover{border:1px solid var(--pink);transform:scale(1.02)}.logo-item img{object-fit:contain;width:75%;height:75%;transition:transform .4s;display:block}.logo-item:hover img{transform:scale(1.05)}.branding-section{isolation:isolate;position:relative}.branding-section .section-title{margin-bottom:15px}.project-description{color:#888;margin-bottom:40px;font-size:15px}.branding-showcase{grid-template-rows:repeat(2,clamp(180px,15vw,280px));grid-template-columns:repeat(3,1fr);gap:clamp(10px,.8vw,16px);width:min(100%,1600px);max-width:1600px;margin-left:auto;margin-right:auto;display:grid;position:relative}.branding-item{cursor:pointer;background:#0d0d0d;border:1px solid #1b1b1b;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.branding-item:hover{border:1px solid var(--pink);z-index:2;transform:scale(1.02);box-shadow:0 0 20px #ff14931f}.branding-item img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.branding-item:hover img{transform:scale(1.04)}.section-lightbox{z-index:50;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;padding:80px 40px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.section-lightbox.active{opacity:1;visibility:visible;pointer-events:auto}.lightbox-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000eb;position:absolute;inset:0}.lightbox-image{z-index:2;object-fit:contain;border:2px solid var(--pink);width:auto;max-width:min(90%,1200px);height:auto;max-height:80vh;transition:transform .3s;display:block;position:relative;transform:scale(.94);box-shadow:0 0 40px #ff149340,0 20px 80px #000000b3}.section-lightbox.active .lightbox-image{transform:scale(1)}.gallery-section{background:#050505;position:relative}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px;display:grid}.gallery-item{aspect-ratio:1;cursor:pointer;background:#111;border:1px solid #191919;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.gallery-item:hover{border:1px solid var(--pink);z-index:2;transform:scale(1.02)}.gallery-item img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .5s,opacity .4s;display:block}.gallery-item:hover img{opacity:1;transform:scale(1.06)}.contact{background:radial-gradient(circle,#ff14931a,#0000 55%);flex-direction:column;justify-content:center;min-height:80vh;display:flex}.contact h2{letter-spacing:-6px;font-size:clamp(55px,9vw,130px);line-height:.85}.contact h2 span{color:var(--pink)}.contact-button{border:1px solid var(--pink);width:fit-content;color:var(--pink);letter-spacing:3px;text-transform:uppercase;margin-top:50px;padding:18px 30px;font-size:12px;font-weight:600;transition:background .3s,color .3s,box-shadow .3s;display:inline-block}.contact-button:hover{background:var(--pink);color:#000;box-shadow:0 0 25px #ff149380}footer{z-index:2;color:#555;letter-spacing:2px;text-transform:uppercase;background:#050505;border-top:1px solid #171717;justify-content:space-between;padding:30px 7vw;font-size:11px;display:flex;position:relative}@media (width<=800px){nav{padding:0 5vw}.nav-links{display:none}.hero{height:300vh}.hero-content{bottom:10vh;left:5vw;right:5vw}.hero h1{letter-spacing:-3px}.scroll-indicator{display:none}section{padding:100px 5vw}.about{grid-template-columns:1fr;gap:60px}.project-grid{grid-template-columns:1fr}.project,.project-wide{min-height:400px}.video-grid{grid-template-columns:1fr}.video-project{aspect-ratio:16/9}.logo-grid{grid-template-rows:repeat(3,130px);grid-template-columns:repeat(2,1fr)}.branding-showcase{grid-template-rows:repeat(3,190px);grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.section-lightbox{padding:60px 20px}.lightbox-image{max-width:92%;max-height:75vh}.contact h2{letter-spacing:-3px}footer{flex-direction:column;gap:10px}}