:root{--primary: #ffffff;--bg: #1c1c1c;--accent: #ccff00;--text: #e8e8e8;--secondary: #a0a0a0;--font-main: Arial, Helvetica, sans-serif;--font-serif: Arial, Helvetica, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);overflow-x:hidden;cursor:none}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background .3s}.cursor.active{width:80px;height:80px;background:transparent;border:2px solid var(--accent)}.cursor.active.small-play{width:45px;height:45px}.cursor-text{font-family:var(--font-main);font-size:.7rem;font-weight:800;color:var(--accent);opacity:0;transition:opacity .3s;letter-spacing:.05em;pointer-events:none;text-transform:uppercase;text-align:center}.cursor.active .cursor-text{opacity:1}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s cubic-bezier(.16,1,.3,1)}.loader-text{display:flex;justify-content:center;align-items:center;opacity:0;animation:pulseLoader 2s forwards}.loader-text img{filter:invert(1)}@keyframes pulseLoader{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}h1,h2,h3{color:var(--primary);font-weight:800}.giant-text{font-family:var(--font-serif);font-size:clamp(2.5rem,8vw,10rem);line-height:.9;letter-spacing:-.05em;margin:0;text-transform:uppercase}.subtitle{font-size:clamp(1.2rem,3vw,2rem);color:var(--text);margin-top:1rem;font-family:var(--font-main)}.top-nav{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;z-index:100;background:linear-gradient(to bottom,rgba(28,28,28,.9) 0%,transparent 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.top-nav .logo{display:flex;align-items:center}.top-nav .logo img{filter:invert(1)}.nav-links{list-style:none;display:flex;gap:3rem;align-items:center}.nav-links li{white-space:nowrap}.nav-links a{color:var(--text);text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;transition:color .3s;cursor:none}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.main-content{width:100vw;overflow-x:hidden}.panel{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:4rem 5vw}.panel.recognition-panel{padding:1rem 5vw;min-height:auto}.panel.hero{padding:0;position:relative;overflow:hidden;height:100vh;min-height:100svh;background-color:#000}.hero-video-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}@media (orientation: portrait){.hero-video:fullscreen{object-fit:contain!important}.hero-video:-webkit-full-screen{object-fit:contain!important}.hero-video:-moz-full-screen{object-fit:contain!important}.hero-video:-ms-fullscreen{object-fit:contain!important}}@media (orientation: landscape){.hero-video:fullscreen{object-fit:cover!important}.hero-video:-webkit-full-screen{object-fit:cover!important}.hero-video:-moz-full-screen{object-fit:cover!important}.hero-video:-ms-fullscreen{object-fit:cover!important}}.hero-controls{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;z-index:10}.hero-ctrl-btn{width:40px;height:40px;border-radius:50%;background:#0f0f0f73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:none;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}.hero-ctrl-btn:hover{background:var(--accent);border-color:var(--accent);color:#000;transform:scale(1.12)}.hero-ctrl-btn svg{flex-shrink:0;transition:transform .25s ease}@media (max-width: 900px){.hero-ctrl-btn{cursor:pointer;width:36px;height:36px}.hero-controls{bottom:16px;right:16px}}.panel.about{min-height:40vh;padding:4rem 5vw;justify-content:center;position:relative}.panel.work-panel{height:auto;min-height:100vh;overflow:visible;padding:0 5vw}.about-container{width:100%;max-width:1200px;margin:0 auto;position:relative}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.4em;color:var(--accent);margin-bottom:2rem;opacity:.8}.about-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:2rem}.about-slider::-webkit-scrollbar{display:none}.about-pane{flex:0 0 100%;scroll-snap-align:center;padding-right:2rem}.about-pane.has-image{display:flex;align-items:center;gap:4rem}.about-pane-text{flex:1}.about-pane-image{flex:0 0 30%;max-width:350px;overflow:hidden}.about-pane-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px #00000080;display:block}@media (max-width: 900px){.about-pane.has-image{flex-direction:column;gap:0}.about-pane-text{margin-bottom:2rem}.about-pane-image{flex:none;width:100%;max-width:250px;align-self:center}}.about-pane h3{font-size:clamp(2rem,5vw,3.5rem);font-family:var(--font-serif);margin-bottom:1.5rem;color:var(--text)}.pane-sub{font-size:1.2rem;color:var(--accent);margin-bottom:2rem;font-style:italic;opacity:.9;letter-spacing:.05em}.about-pane p{font-size:1.1rem;line-height:1.8;max-width:800px;color:var(--primary);opacity:.9}.offer-list{list-style:none;padding:0;margin:1.5rem 0 2.5rem}.offer-list li{font-size:1.1rem;line-height:2;color:var(--primary);opacity:.8;position:relative;padding-left:1.5rem}.offer-list li:before{content:"—";color:var(--accent);position:absolute;left:0}.panel.press{padding:8rem 5vw}.press-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:4rem}.press-item{background:#ffffff05;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);padding:4rem 3rem;text-decoration:none;color:inherit;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:center;border-radius:24px;position:relative;overflow:hidden}.press-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(212,255,0,.05),transparent 60%);opacity:0;transition:opacity .6s ease}.press-item:hover{background:#ffffff0a;border-color:#d4ff0066;transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px #00000080}.press-item:hover:before{opacity:1}.press-source{font-family:var(--font-main);font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.4em;margin-bottom:2rem;display:block;font-weight:700}.press-item h4{font-family:var(--font-serif);font-size:2.2rem;font-weight:500;line-height:1.1;margin-bottom:2.5rem;position:relative;z-index:2}.press-link{font-size:.8rem;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.2rem;display:flex;align-items:center;gap:1rem;transition:gap .4s ease}.press-link:after{content:"→";font-size:1.2rem}.press-item:hover .press-link{gap:1.5rem}.press-watermark{position:absolute;bottom:-20px;right:-10px;font-size:8rem;font-family:var(--font-serif);font-weight:900;opacity:.03;pointer-events:none;text-transform:uppercase;z-index:1}.contact-links .contact-btn{display:inline-block!important;padding:1.2rem 3.5rem!important;background:transparent!important;color:var(--primary)!important;text-decoration:none!important;font-size:1.1rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.1em!important;border:2px solid var(--accent)!important;border-radius:100px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important}.contact-links .contact-btn:hover{background:var(--accent)!important;color:#000!important;transform:translateY(-5px)!important;box-shadow:0 10px 30px #d4ff004d!important}.btn-minimal{display:inline-block;padding:.8rem 2rem;border:1px solid rgba(255,255,255,.2);color:var(--text);text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;transition:all .3s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-minimal:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.slider-indicator{display:flex;gap:1rem;margin-top:3rem}.about-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#1c1c1c80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(204,255,0,.3);color:var(--accent);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:none;z-index:100;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.about-nav-btn svg{width:20px;height:20px;fill:currentColor}.social-icon-link{color:var(--accent);opacity:.7;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.social-icon-link:hover{opacity:1;transform:translateY(-5px) scale(1.1)}.next-btn{right:2vw}.prev-btn{left:2vw}.panel.about:hover .about-nav-btn{opacity:1;pointer-events:auto}.about-nav-btn:hover{background:var(--accent);color:var(--bg)}@media (max-width: 1200px){.about-nav-btn{width:40px;height:40px;background:#1c1c1ccc;border-color:var(--accent)}.next-btn{right:10px}.prev-btn{left:10px}}@media (max-width: 900px){.about-nav-btn{display:none!important}}.slider-indicator span{width:30px;height:2px;background:#fff3;transition:all .3s ease;cursor:pointer}.slider-indicator span:hover{background:#ffffff80;height:4px}.slider-indicator span.active{background:var(--accent);width:60px;height:2px}.image-break{width:100vw;line-height:0;position:relative;background-color:var(--bg);margin-top:-1px;margin-bottom:-1px;overflow:hidden}.break-image{width:100%;height:auto;display:block;filter:brightness(.7);transition:opacity .8s ease}.break-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}.image-break:hover .break-video{opacity:1}.break-caption{position:absolute;bottom:5vh;left:5vw;right:5vw;max-width:800px;font-size:.9rem;line-height:1.5;color:var(--primary);letter-spacing:.03em;opacity:1;font-weight:500;background:#1c1c1c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;z-index:10;border-left:1px solid var(--accent)}.poster-collage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:var(--bg)}.collage-img.poster{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.work-item.wide:hover .collage-img{transform:scale(1.05)}.work-item.wide:hover .collage-img:nth-child(2n){transform:scale(1.08)}.panel.work-panel{display:flex;flex-direction:column;align-items:center;gap:15rem;padding:10rem 5vw}.scattered-item{position:relative;overflow:hidden;border-radius:4px;cursor:none}.pos-1{align-self:flex-start;width:70%;height:400px;margin-left:5%}.pos-2{align-self:flex-end;width:60%;height:350px;margin-right:5%}.pos-3{align-self:center;width:80%;height:450px}.image-wrapper{overflow:hidden;width:100%;height:100%}.poster{width:100%;height:100%;background-size:110% auto;background-position:center;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease}.scattered-item:hover .poster{transform:scale(1.05)}.item-info{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,rgba(28,28,28,.95),transparent);transform:translateY(100%);opacity:0;transition:all .4s ease;pointer-events:none}.reveal-item{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.16,1,.3,1)}.reveal-item.revealed{opacity:1;transform:translateY(0)}.scattered-item:hover .item-info{transform:translateY(0);opacity:1}.item-info h3{font-size:2rem;margin-bottom:.5rem;font-family:var(--font-serif);text-transform:none!important}.item-info span{font-size:.9rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.panel.contact{align-items:center;text-align:center;min-height:60vh}.panel.contact .giant-text{margin-bottom:3rem}.btn-outline{display:inline-block;padding:1.5rem 4rem;font-size:1.2rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:1px solid var(--secondary);color:var(--secondary);transition:all .3s;cursor:none}.btn-outline:hover{background:var(--secondary);color:var(--bg);box-shadow:0 0 20px #a0a0a066}.work-intro .giant-text{font-size:clamp(3.5rem,15vw,18rem);line-height:.85}.work-intro{margin-bottom:0;padding:2rem 5vw;position:relative;overflow:hidden}.work-intro:before{content:"WORKS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12vw;font-weight:900;color:#ffffff08;z-index:-1;pointer-events:none;white-space:nowrap}.work-intro .giant-text{line-height:.9;letter-spacing:-.02em}.accent-text{color:var(--accent)}.page-header{padding:10rem 5vw 4rem;text-align:left}.work-section{padding:4rem 5vw}.section-title{font-size:2rem;margin-bottom:3rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.work-item{position:relative;background:#ffffff08;padding:2rem;border-radius:4px;transition:transform .3s ease,background .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.work-item.has-image{padding:0;overflow:hidden}.work-item .image-wrapper{flex-shrink:0}.work-item.wide{grid-column:1 / -1;padding:0;overflow:hidden;background:transparent}.work-item.wide .image-wrapper{aspect-ratio:16 / 9;height:auto}.work-item:not(.wide) .image-wrapper{aspect-ratio:2 / 3;height:auto}.work-item:hover{transform:translateY(-5px);background:#ffffff12}.item-info-static h3{font-size:1.5rem;margin-bottom:.5rem;text-transform:none!important}.item-info-static span{font-size:.9rem;color:var(--accent)}.item-info-static p{margin-top:1rem;font-size:1rem;line-height:1.6;opacity:.8}.work-item.wide .item-info-static{padding:2rem 0}.bts-section{padding:8rem 0;position:relative;overflow:hidden}.bts-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 27.5vw;gap:2vw;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.bts-slider::-webkit-scrollbar{display:none}.bts-slide{flex:0 0 45vw;height:50vh;scroll-snap-align:center;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease;opacity:.3;transform:scale(.85)}.bts-slide.active{opacity:1;transform:scale(1)}.bts-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}.bts-slide:before{content:attr(data-index);position:absolute;top:-2rem;left:-1rem;font-size:10rem;font-weight:800;color:var(--accent);opacity:.05;z-index:-1;font-family:var(--font-serif)}.footer-simple{padding:8rem 5vw;text-align:center}@media (max-width: 900px){body{cursor:auto}.cursor{display:none!important}.logo{display:block;font-size:1.1rem}.nav-links{display:flex!important;gap:1.2rem}.nav-links a{font-size:.65rem;letter-spacing:.1em}.navbar,.top-nav{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1rem 5vw!important;height:70px!important;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;border-bottom:none!important}.main-content{padding-left:0}.panel{padding:6rem 5vw!important}.panel.work-panel,.panel.press{gap:4rem;padding:4rem 5vw!important}.scattered-item{width:100%!important;height:auto!important;aspect-ratio:16 / 9;margin:0!important;align-self:center!important}.hero-bg{background-attachment:scroll}.work-item.wide .image-wrapper{height:auto}.page-header{padding-top:6rem}.press-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:2rem;scrollbar-width:none}.press-grid::-webkit-scrollbar{display:none}.press-item{flex:0 0 85vw;scroll-snap-align:center}.break-caption{position:relative;bottom:auto;left:auto;right:auto;max-width:100%;background:var(--bg);padding:1.5rem 5vw;font-size:.8rem;border-left:none;border-top:1px solid var(--accent)}.recognition-indicator{display:flex!important;justify-content:center;margin-top:2rem}}.recognition-indicator{display:none}
