@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;700&display=swap');
:root{--bg:#050505;--fg:#f2f0e9;--acid:#d9ff33;--line:#292929;--pad:clamp(20px,3.3vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;font-size:15px;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:auto}button,input,textarea{font:inherit}main{overflow:hidden}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:22px var(--pad);display:flex;align-items:flex-start;justify-content:space-between;mix-blend-mode:difference;transition:.3s}.brand{font:900 24px/.72 'Archivo Black';letter-spacing:-2px;position:relative;color:#fff}.brand .custom-logo,.brand .fallback-logo{width:90px;height:auto}.menu-toggle{position:relative;z-index:3;border:0;background:transparent;color:#fff;font-weight:700;letter-spacing:.1em;cursor:pointer}.site-nav{position:fixed;inset:0;background:#d9ff33;color:#050505;display:grid;place-items:center;transform:translateY(-105%);transition:transform .6s cubic-bezier(.77,0,.18,1);mix-blend-mode:normal}.site-nav.open{transform:none}.site-nav ul{list-style:none;padding:0;margin:0;text-align:center}.site-nav a{font:900 clamp(50px,10vw,150px)/.85 'Archivo Black';letter-spacing:-.07em;text-transform:uppercase}.site-nav a:hover{-webkit-text-stroke:2px #050505;color:transparent}
.hero{height:100svh;min-height:620px;position:relative;display:flex;align-items:flex-end;padding:var(--pad)}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media video{height:100%;object-fit:cover}.video-placeholder{height:100%;display:grid;place-items:center;background:repeating-linear-gradient(0deg,#111 0,#111 2px,#0b0b0b 2px,#0b0b0b 5px);color:#555;letter-spacing:.25em}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.72))}.hero h1{position:relative;margin:0 0 6vh;font:900 clamp(48px,8.7vw,150px)/.82 'Archivo Black';letter-spacing:-.07em;text-transform:uppercase;max-width:15ch}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--acid)}.scroll-cue{position:absolute;right:var(--pad);bottom:var(--pad);font-size:12px;font-weight:700;letter-spacing:.15em}
.section-pad{padding:clamp(100px,12vw,200px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:start;border-top:1px solid var(--line);padding-top:16px;margin-bottom:clamp(60px,9vw,150px)}.section-head>p{margin:0;font-size:11px;letter-spacing:.15em}.section-head>p:last-child{text-align:right}.section-head h2,.section-head h1{margin:0;font:900 clamp(54px,9vw,150px)/.76 'Archivo Black';letter-spacing:-.075em}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(35px,6vw,100px) 20px}.work-card{grid-column:span 6;opacity:0;transform:translateY(45px);transition:.8s cubic-bezier(.2,.7,.2,1)}.work-card:nth-child(3n){grid-column:3/span 8}.work-card.in{opacity:1;transform:none}.work-image{position:relative;aspect-ratio:16/10;background:#171717;overflow:hidden}.work-image img{height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s,filter .5s}.placeholder{height:100%;display:grid;place-items:center;color:#4a4a4a;background:linear-gradient(135deg,#171717,#0b0b0b);font-weight:700;letter-spacing:.15em}.view{position:absolute;inset:auto 0 0;background:var(--acid);color:#000;padding:15px;transform:translateY(101%);transition:.35s;font-size:12px;font-weight:700}.work-card a:hover img{transform:scale(1.035);filter:saturate(1.1)}.work-card a:hover .view{transform:none}.work-meta{display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid var(--line)}.work-meta h3,.work-meta h2{font:900 clamp(21px,2vw,34px)/1 'Archivo Black';margin:0;letter-spacing:-.04em}.work-meta p{margin:2px 0 0;font-size:11px;text-align:right}
.studio{background:var(--fg);color:var(--bg)}.studio .section-head{border-color:#bbb}.studio-copy{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;margin-bottom:10vw}.studio-copy h2{font:900 clamp(48px,7vw,120px)/.85 'Archivo Black';letter-spacing:-.07em;margin:0}.studio-copy .bio-text{max-width:68ch}.studio-copy .bio-text p{font-size:clamp(16px,1.35vw,21px);line-height:1.55;margin:0 0 1.2em}.founders{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,55px)}.founder{margin:0}.founder-photo{aspect-ratio:1/1;overflow:hidden;background:#cfcfcf}.founder-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .35s,transform .7s}.founder:hover img{filter:grayscale(0);transform:scale(1.02)}.founder figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #aaa;padding-top:14px;margin-top:14px}.founder h3{font:900 clamp(19px,2vw,32px)/1 'Archivo Black';letter-spacing:-.04em;margin:0}.founder p{font-size:10px;letter-spacing:.1em;text-align:right;margin:3px 0 0}
.showreel{background:var(--acid);color:#050505}.showreel .section-head{border-color:#657900}.reel-wrap{aspect-ratio:16/9;background:#000}.reel-wrap iframe{width:100%;height:100%}.reel-placeholder{height:100%;min-height:50vw;background:repeating-linear-gradient(0deg,#0c0c0c 0,#0c0c0c 2px,#070707 2px,#070707 5px);display:grid;place-items:center}.reel-placeholder button{border:2px solid var(--acid);border-radius:50%;width:clamp(150px,18vw,270px);aspect-ratio:1;background:transparent;color:var(--acid);font:900 clamp(22px,3vw,44px)/.9 'Archivo Black';cursor:pointer}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-grid>div>p{line-height:1.4}.big-email{font:900 clamp(28px,4vw,65px)/1 'Archivo Black';letter-spacing:-.05em;border-bottom:3px solid var(--acid);word-break:break-word}.contact form label{display:block;font-size:10px;letter-spacing:.16em;border-bottom:1px solid var(--line);padding:25px 0}.contact input,.contact textarea{display:block;width:100%;border:0;background:none;color:var(--fg);font-size:20px;padding:12px 0;resize:none;outline:none}.contact input:focus,.contact textarea:focus{color:var(--acid)}.submit{margin-top:35px;border:0;background:var(--acid);padding:18px 25px;font-weight:700;cursor:pointer}.hp{position:absolute!important;left:-9999px!important}.form-note{color:var(--acid);font-size:12px;letter-spacing:.1em}.site-footer{padding:30px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;font-size:11px;letter-spacing:.1em}.site-footer p{margin:0}.site-footer p:nth-child(2){text-align:center}.site-footer div{text-align:right}.site-footer a{margin-left:20px}
.project-single,.archive-works{padding-top:180px}.project-title{margin-bottom:60px}.project-title h1{font:900 clamp(60px,12vw,190px)/.8 'Archivo Black';letter-spacing:-.08em;margin:0}.project-video{aspect-ratio:16/9;background:#111}.project-video iframe,.project-video img{width:100%;height:100%;object-fit:cover}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:50px 0 100px;font-size:clamp(18px,2vw,30px)}.project-info p{margin:0}.next-work{font-weight:700;border-bottom:1px solid}.generic{padding-top:180px}
@media(max-width:780px){.site-header{padding-top:16px}.brand{font-size:19px}.hero{padding-bottom:75px}.hero h1{font-size:clamp(43px,14.5vw,78px)}.scroll-cue{left:var(--pad);right:auto}.section-head{grid-template-columns:50px 1fr}.section-head>p:last-child{display:none}.section-head h2,.section-head h1{font-size:clamp(52px,18vw,95px)}.work-grid{display:block}.work-card,.work-card:nth-child(3n){margin-bottom:60px}.work-meta{display:block}.work-meta p{text-align:left}.studio-copy,.contact-grid,.project-info{grid-template-columns:1fr}.studio-copy{gap:35px}.founders{grid-template-columns:1fr}.founder{margin-bottom:45px}.founder figcaption{display:block}.founder p{text-align:left}.contact form{margin-top:60px}.site-footer{grid-template-columns:1fr;gap:14px}.site-footer p:nth-child(2),.site-footer div{text-align:left}.site-footer a{margin:0 18px 0 0}.project-title h1{font-size:16vw}}
.glitch-hit{animation:glitch-jolt .26s steps(2,end);text-shadow:-5px 0 #ff244f,5px 0 #16e7ff}.brand.glitch-hit{filter:drop-shadow(-4px 0 #ff244f) drop-shadow(4px 0 #16e7ff)}
@keyframes glitch-jolt{0%{transform:translate(0)}20%{transform:translate(-4px,2px) skewX(-5deg)}42%{transform:translate(5px,-1px)}65%{transform:translate(-2px,0);clip-path:inset(35% 0 20%)}100%{transform:translate(0);clip-path:inset(0)}}
.work-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.035) 4px);opacity:0;transition:opacity .25s}.work-card a:hover .work-image:after{opacity:1}.work-card a:hover .work-image img{filter:saturate(1.15) drop-shadow(-5px 0 rgba(255,20,70,.8)) drop-shadow(5px 0 rgba(0,225,255,.8))}
.film-modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.96);padding:clamp(55px,7vw,110px) var(--pad) var(--pad);display:flex;align-items:center;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.film-modal.open{visibility:visible;opacity:1}.film-modal-inner{width:min(1500px,100%);margin:auto}.film-modal-frame{aspect-ratio:16/9;background:#090909}.film-modal-frame iframe{width:100%;height:100%;border:0}.film-modal-title{font:900 clamp(20px,2vw,34px)/1 'Archivo Black';letter-spacing:-.04em;margin:15px 0 0}.film-modal-close{position:absolute;right:var(--pad);top:25px;border:0;background:transparent;color:#fff;font-weight:700;letter-spacing:.12em;cursor:pointer}.modal-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.work-card{opacity:1;transform:none}.glitch-hit{text-shadow:none;filter:none}}



/* Peso massimo consentito: 700 */
.hero h1 {
    font: 300 clamp(48px, 8.7vw, 150px) / 0.82 "Archivo Black";
    letter-spacing: -0.07em;
    text-transform: uppercase;
}

.section-head h2, .section-head h1 {
    margin: 0;
    font: 300 clamp(54px,9vw,150px)/.76 'Archivo Black';
    letter-spacing: -.075em;
    }

    .work-meta h3, .work-meta h2 {
        font: 300 clamp(21px,2vw,34px)/1 'Archivo Black';
        margin: 0;
        letter-spacing: -.04em;
        }

        .founder h3 {
            font: 300 clamp(19px,2vw,32px)/1 'Archivo Black';
            letter-spacing: -.04em;
            margin: 0;
            }



                .big-email {
                    font: 200 clamp(28px,4vw,38px)/1 'Archivo Black';
                    letter-spacing: -.05em;
                    border-bottom: 3px solid var(--acid);
                    word-break: break-word;
                    }


                    /* Header: niente negativo su tutto il contenitore */
.site-header {
    mix-blend-mode: normal;
}

/* Logo e pulsante restano leggibili sopra la pagina */
.brand,
.menu-toggle {
    mix-blend-mode: difference;
}

/* Pannello menu pieno e isolato dalla pagina sottostante */
.site-nav {
    z-index: 1;
    background: #d9ff33;
    color: #050505;
    mix-blend-mode: normal;
    isolation: isolate;
}

/* Menu ordinato verticalmente */
.site-nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(12px, 2vh, 28px);
    width: 100%;
}

/* Dimensione più controllata */
.site-nav a {
    display: block;
    color: #050505;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(50px, 8vw, 120px);
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: -0.07em;
    text-transform: uppercase;
}

/* Hover leggibile con piccolo richiamo glitch */
.site-nav a:hover {
    color: #050505;
    -webkit-text-stroke: 0;
    text-shadow:
        -4px 0 #ff244f,
        4px 0 #16e7ff;
    transform: skewX(-3deg);
}

.site-header .brand {
    position: relative;
    z-index: 3;
    display: block;
    width: 110px;
    mix-blend-mode: difference;
}

.site-header .brand .custom-logo-link {
    display: block;
    width: 100%;
}

.site-header .brand .custom-logo,
.site-header .brand .fallback-logo {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}


.project-title h1 {
    font: 200 clamp(60px,12vw,130px)/.8 'Archivo Black';
    letter-spacing: -.08em;
    margin: 0;
    }


    @media (max-width: 780px) {
        .project-content {
            grid-template-columns: 1fr;
            gap: 40px;
        }
    
        .project-description {
            position: static;
        }
    
        .project-video {
            grid-row: 1;
        }
    
        .project-description {
            grid-row: 2;
        }
    }


    .wp-block-paragraph a {
        color: var(--acid);
    }