/*
Theme Name: SO6 Studio
Theme URI: https://so6.fr
Author: SO6 Studio
Description: Thème sur mesure minimal et vidéo-first pour SO6 Studio.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: so6-studio
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;letter-spacing:.13em}a{color:inherit;text-decoration:none}.page{position:relative;overflow:hidden;min-height:100vh}header{height:205px;position:relative;z-index:10}.logo{position:absolute;left:50%;top:57px;transform:translateX(-50%);width:190px;height:105px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover}.left-label{position:absolute;left:6%;top:74px;font-size:10px;line-height:2.05;letter-spacing:.28em}.left-label span{display:block}.left-label i,.profile i,.values i{display:block;width:38px;height:3px;background:#c9ff00;margin-top:12px}.desktop-nav{position:absolute;right:6%;top:68px;display:flex;flex-direction:column;gap:18px;font-size:10px;letter-spacing:.18em}.desktop-nav a:hover{color:#a8d800}.lines{width:32px;margin-top:2px}.lines i{display:block;height:1px;background:#111;margin:5px 0}.mobile-toggle{display:none}.human-shadow{position:absolute;z-index:0;left:50%;top:230px;width:340px;height:1200px;transform:translateX(-50%);filter:blur(11px);opacity:.44}.human-shadow>*{position:absolute;background:#252525}.head{width:105px;height:120px;left:117px;top:0;border-radius:48% 52% 45% 55%}.body{width:250px;height:430px;left:43px;top:105px;border-radius:45% 45% 20% 20%}.arm{width:65px;height:470px;top:180px;border-radius:40px}.al{left:22px;transform:rotate(7deg)}.ar{right:15px;transform:rotate(-8deg)}.leg{width:82px;height:680px;top:485px;border-radius:40px}.ll{left:73px;transform:rotate(4deg)}.lr{right:72px;transform:rotate(-3deg)}main{position:relative;z-index:2}.showreel{width:88%;max-width:1220px;margin:18px auto 0;position:relative;aspect-ratio:auto;
height:auto;background:#111;overflow:hidden}.showreel iframe{width:100%;height:100%;border:0}.watch{position:absolute;left:25px;bottom:20px;color:#fff;font-size:9px;text-shadow:0 1px 5px #000;pointer-events:none}.studio{width:88%;max-width:1220px;margin:110px auto 0;display:grid;grid-template-columns:1fr .9fr 1fr;gap:7%;position:relative;z-index:3;align-items:start}.profile{max-width:290px}.profile.right{justify-self:end}.profile img{width:125px;height:125px;object-fit:cover;filter:grayscale(100%)}.profile h2{font-size:14px;line-height:1.55;letter-spacing:.3em;font-weight:500;margin:22px 0 0;color:#b7e900}.profile i{width:35px;height:2px;margin:12px 0 20px}.profile p{font-size:10px;line-height:1.85;letter-spacing:.11em;margin:0}.values{text-align:center;padding-top:35px;background:rgba(255,255,255,.38)}.values i{width:46px;height:3px;margin:0 auto 30px}.values i:last-child{margin:30px auto 0}.values p{font-size:15px;line-height:1.55;letter-spacing:0;margin:0 0 27px}.values strong{font-size:16px}footer{width:88%;max-width:1220px;margin:110px auto 35px;display:flex;justify-content:space-between;position:relative;z-index:4;font-size:9px;letter-spacing:.2em}.mobile-menu{display:none}
@media(max-width:720px){header{height:165px}.left-label,.desktop-nav{display:none}.logo{top:48px;width:150px;height:85px}.mobile-toggle{display:block;position:absolute;right:20px;top:27px;border:0;background:none;font-size:9px;letter-spacing:.2em}.human-shadow{top:185px;transform:translateX(-50%) scale(.72);transform-origin:top center}.showreel{width:92%;margin-top:0;aspect-ratio:16/9}.studio{width:84%;grid-template-columns:1fr;gap:65px;margin-top:75px}.profile.right{justify-self:end}.profile img{width:105px;height:105px}.values{grid-row:2;padding-top:0;background:rgba(255,255,255,.7)}.values p{font-size:14px}.values strong{font-size:15px}footer{width:92%;margin-top:80px}.mobile-menu{position:fixed;inset:0;background:#fff;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:28px;font-size:18px}.mobile-menu.open{display:flex}.close{position:absolute;right:20px;top:27px;border:0;background:none;font-size:9px;letter-spacing:.2em}}.tagline{
  position:absolute;
  top:178px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  text-align:center;
  font-size:12px;
  font-weight:400;
  letter-spacing:.08em;
  color:#111;
  z-index:20;
}

@media(min-width:721px){
.tagline{
  position:absolute;
  top:178px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  text-align:center;
  font-size:12px;
  font-weight:400;
  letter-spacing:.08em;
  color:#111;
  z-index:20;
}
}/* SHOWREEL IMAGE FIXE */
.showreel {
    background: #000;

    overflow: hidden;
}

.showreel-cover {
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.showreel-cover img {
    width: 70%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    display: block;
}.showreel {
aspect-ratio: 16 / 7.5 !important;
    background: #111 !important;
}

.showreel-cover {
    position: absolute;
    inset: 0;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.showreel-cover img {
    height: 82% !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block;
.showreel {
    height: 430px !important;
    aspect-ratio: auto !important;
}
    z-index: 100 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}.showreel {
    aspect-ratio: 16 / 6 !important;
}.showreel iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
}.tagline {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
}.studio .profile img {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover !important;
}.desktop-nav {
    z-index: 999999 !important;
    pointer-events: auto !important;
}

.desktop-nav a {
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}
.desktop-nav {
    position: fixed !important;
    top: 68px !important;
    right: 6% !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
}

.desktop-nav * {
    pointer-events: auto !important;
}

body.page-campagnes iframe {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}@media screen and (max-width: 720px) {
    iframe[src*="vimeo"] {
        width: 96vw !important;
        max-width: none !important;
        height: 54vw !important;
        display: block !important;
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }