:root{--black:#0e0e0e;--white:#fffffc;--red:#df0001;--gray:#aaa;--line:rgba(255,255,252,.22);--display:"Archivo Black",Arial,sans-serif;--sans:"Inter",Arial,sans-serif;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:15px/1.55 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-60px;left:20px;padding:10px;background:var(--red);z-index:200}.skip-link:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.header{position:absolute;z-index:20;top:0;width:100%;height:108px;padding:0 max(34px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:block;width:178px;height:58px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.header nav,.header nav a{display:flex}.header nav{gap:46px}.header nav a,footer nav a{align-items:center;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.07em}.header nav a:hover{color:var(--red)}.menu-button{display:none}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.7) 42%,rgba(5,5,5,.12) 75%),linear-gradient(0deg,rgba(5,5,5,.7),transparent 55%)}.hero-mark{position:absolute;width:min(40vw,600px);right:-3%;top:18%;opacity:.88}.hero-copy{position:absolute;z-index:3;left:max(34px,calc((100vw - var(--max))/2));top:50%;transform:translateY(-42%);max-width:780px}.hero h1,.section h2,.manifesto h2,.about h2{font:400 clamp(64px,7vw,118px)/.88 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0}.hero h1 em{display:block;color:var(--red);font-style:normal}.hero-copy>p{text-transform:uppercase;letter-spacing:.12em;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:220px;padding:18px 22px;border:1px solid var(--red);background:transparent;color:var(--white);text-transform:uppercase;font-size:12px;font-weight:700;cursor:pointer}.button.primary{background:var(--red)}.button:hover{background:var(--white);border-color:var(--white);color:var(--black)}.focus-mark{position:absolute;z-index:2;width:260px;height:160px;left:49%;top:26%}.focus-mark i{position:absolute;width:34px;height:34px;border-color:var(--red)}.focus-mark i:nth-child(1){left:0;top:0;border-left:5px solid var(--red);border-top:5px solid var(--red)}.focus-mark i:nth-child(2){right:0;top:0;border-right:5px solid var(--red);border-top:5px solid var(--red)}.focus-mark i:nth-child(3){left:0;bottom:0;border-left:5px solid var(--red);border-bottom:5px solid var(--red)}.focus-mark i:nth-child(4){right:0;bottom:0;border-right:5px solid var(--red);border-bottom:5px solid var(--red)}.sound-toggle,.hero-index{position:absolute;bottom:24px;z-index:3;color:var(--gray);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sound-toggle{right:34px;border:0;background:none;cursor:pointer}.sound-toggle span{color:var(--red)}.hero-index{left:34px}
.section{max-width:var(--max);margin:auto;padding:130px 34px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.section-head h2{font-size:clamp(46px,5vw,78px)}.section-head h2 span,.contact h2 span{color:var(--red)}.section-head p{max-width:400px;color:var(--gray);margin:0}.work-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.video-frame{position:relative;aspect-ratio:9/14;background:#181818;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}.video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 40%);pointer-events:none}.video-frame>span{position:absolute;z-index:2;right:14px;top:12px;font-size:10px;color:var(--gray)}.play{position:absolute;z-index:3;left:18px;bottom:18px;width:46px;height:46px;border:1px solid var(--white);background:transparent;color:var(--white);cursor:pointer}.work:hover .play{background:var(--red);border-color:var(--red)}.work-meta{display:flex;justify-content:space-between;align-items:baseline;padding-top:15px;border-top:1px solid var(--line)}.work-meta h3{font:400 clamp(22px,2vw,34px)/1 var(--display);text-transform:uppercase;margin:0}.work-meta p{font-size:9px;color:var(--gray);text-transform:uppercase}
.manifesto{position:relative;background:var(--red);overflow:hidden}.manifesto>img{position:absolute;width:60%;right:-10%;top:-90%;opacity:.2;filter:brightness(0)}.manifesto-inner{position:relative;z-index:1;max-width:var(--max);min-height:460px;margin:auto;padding:80px 34px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px}.manifesto h2{font-size:clamp(58px,7vw,106px)}.manifesto p{font-size:18px;max-width:580px}.manifesto p strong{display:block;margin-top:20px}
.about{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:820px}.about-media{position:relative;overflow:hidden}.about-media>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block}.camera-corners{position:absolute;left:10%;bottom:12%;width:150px;height:100px;border:5px solid var(--red);clip-path:polygon(0 0,25% 0,25% 5%,5% 5%,5% 35%,0 35%,0 0,100% 0,100% 35%,95% 35%,95% 5%,75% 5%,75% 0,100% 0,100% 100%,75% 100%,75% 95%,95% 95%,95% 65%,100% 65%,100% 100%,0 100%,0 65%,5% 65%,5% 95%,25% 95%,25% 100%,0 100%)}.about-copy{padding:100px clamp(34px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.label{color:var(--red);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em}.about h2{font-size:clamp(52px,5vw,78px);margin:18px 0 36px}.about-copy>p:not(.label){color:var(--gray);max-width:540px}.about-copy>strong{margin-top:20px}
.contact{display:grid;grid-template-columns:1.2fr auto;gap:70px;align-items:center;border-top:1px solid var(--line)}.contact h2{font-size:clamp(48px,6vw,88px)}.contact p{color:var(--gray);max-width:560px}.contact-button{min-width:310px;padding:24px;border-color:var(--red)}footer{max-width:var(--max);margin:auto;padding:30px 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr auto;gap:40px;align-items:center;color:var(--gray);font-size:10px}footer .logo{width:140px;height:46px}footer nav{display:flex;gap:28px;color:var(--white)}
.reel-modal{width:min(520px,94vw);padding:0;border:1px solid var(--line);background:#090909;color:var(--white)}.reel-modal::backdrop{background:rgba(0,0,0,.9)}.reel-modal>div{padding:24px}.reel-modal p{font:24px var(--display);text-transform:uppercase;margin:0 0 14px}.reel-modal video{width:100%;max-height:78vh;display:block}.reel-modal small{display:block;color:var(--gray);margin-top:10px}.modal-close{position:absolute;right:8px;top:2px;z-index:2;border:0;background:none;color:white;font-size:32px;cursor:pointer}.reveal{opacity:1}.reveal.visible{animation:reveal .6s ease both}@keyframes reveal{from{opacity:.1;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:820px){.header{height:76px;padding:0 20px}.header .logo{width:125px;height:42px}.header nav{display:none;position:absolute;top:0;left:0;width:100%;padding:100px 24px 35px;background:var(--black);flex-direction:column}.header nav.open{display:flex}.menu-button{display:flex;position:relative;z-index:2;flex-direction:column;gap:7px;border:0;background:none;padding:10px}.menu-button>span:not(.sr-only){width:28px;height:2px;background:var(--white)}.hero{min-height:720px}.hero-mark{width:78vw;right:-28%;top:24%}.hero-copy{left:20px;right:20px;top:53%}.hero h1{font-size:clamp(54px,16vw,76px)}.focus-mark{left:auto;right:20px;top:24%;width:130px;height:90px}.sound-toggle{right:20px}.hero-index{left:20px}.section{padding:85px 20px}.section-head{display:block}.section-head p{margin-top:24px}.work-list{grid-template-columns:1fr 1fr;gap:36px 10px}.video-frame{aspect-ratio:9/14}.work-meta{display:block}.work-meta p{margin:7px 0}.manifesto-inner{padding:70px 20px;grid-template-columns:1fr;gap:34px}.manifesto h2{font-size:14vw}.manifesto p{font-size:15px}.about{grid-template-columns:1fr;min-height:0}.about-media{aspect-ratio:4/5}.about-copy{padding:75px 20px}.contact{grid-template-columns:1fr}.contact-button{min-width:0;width:100%}footer{grid-template-columns:1fr;gap:16px;padding:25px 20px}footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.visible{animation:none}.hero-video{display:none}}
@media(max-width:820px){.hero-index{display:none}}
.hero-video{border:0;pointer-events:none}.video-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}.reel-modal iframe{width:100%;height:min(76vh,760px);aspect-ratio:9/16;border:0;display:block;margin:auto}
.contact-actions{display:grid;gap:12px}.instagram-button{border-color:var(--line)}.instagram-button span{color:var(--gray);font-size:10px}.hover-preview{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;pointer-events:none}.work.is-previewing .video-frame>img{opacity:0}.work.is-previewing .play{background:var(--red);border-color:var(--red)}
@media(max-width:820px){.contact-actions{width:100%}.instagram-button span{font-size:9px}}
.hero-video{inset:auto;left:50%;top:50%;width:max(100vw,56.25svh);height:max(100svh,177.78vw);transform:translate(-50%,-50%)}