@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{--bg:#0c0c0c;--text:#f8f8f8;--muted:#969696;--line:#292929;--accent:#ffc21c;--font:'Poppins',Arial,sans-serif;--display:'Poppins',Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.06em;line-height:1.05}header{max-width:1600px;margin:auto;height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px}.logo img{width:62px;height:43px;object-fit:contain}.logo span{font-size:11px;margin-top:17px}nav{display:flex;align-items:center;gap:37px;font-size:12px}nav a{color:#bdbdbd;transition:color .2s}nav a:hover{color:#fff}nav a:last-child span{margin-left:10px;color:#777}.hero{padding:70px 5% 120px;min-height:740px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-brand{display:flex;flex-direction:column;align-items:center;gap:21px;margin-bottom:37px}.hero-brand img{width:102px;height:70px;object-fit:contain}.hero-brand span,.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--muted)}.hero h1{font-size:clamp(76px,9.4vw,150px);line-height:.99;animation:appear .7s both}.hero h1 span{color:#858585}.hero p{font-size:13px;line-height:1.8;color:#9e9e9e;margin-top:31px}.project-cta{display:inline-flex;align-items:center;gap:45px;padding:9px 0;border-bottom:1px solid #555;font-size:11px;margin-top:29px;transition:border-color .2s}.project-cta:hover{border-color:var(--accent)}.project-cta span{color:var(--accent);font-size:16px}.section{max-width:1600px;margin:auto;padding-inline:5%;scroll-margin-top:24px}.projects{padding-bottom:130px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:12px}.section-heading h2{font-size:clamp(44px,4.4vw,70px)}.accent{color:var(--accent)}.filters{display:flex;gap:20px;flex-wrap:wrap}.filters button{padding:8px 0;font-size:10px;color:#888;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.filters button:hover{color:#fff}.filters button.active{color:#eee;border-color:#ccc}.demo-note{font-size:9px;color:#777;margin-bottom:30px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 32px}.project-card:first-child{grid-column:1/-1}.project-art-button{display:block;position:relative;width:100%;padding:0;overflow:hidden;text-align:left;background:#202020;aspect-ratio:1.4}.project-card:first-child .project-art-button{aspect-ratio:2.1}.project-art-button svg,.project-art-button img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1)}.project-art-button:hover svg,.project-art-button:hover img{transform:scale(1.025)}.image-arrow{position:absolute;right:22px;bottom:20px;font-size:25px;color:#fff;opacity:0;transition:opacity .25s}.project-art-button:hover .image-arrow,.project-art-button:focus-visible .image-arrow{opacity:1}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:19px 0 7px}.project-meta h3{font-size:clamp(21px,2vw,29px);letter-spacing:-.035em}.project-meta .status{color:#929292;font-size:9px;white-space:nowrap}.project-info p{font-size:12px;color:#929292;max-width:420px}.demo-label{font-size:8px;color:#757575;margin-top:7px;display:block}#project-error{font-size:12px;color:#aaa;margin-top:20px}.about{padding-block:95px 130px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.about h2{font-size:17px;letter-spacing:-.02em;color:#999;margin-top:8px}.statement{font-family:var(--display);font-size:clamp(32px,3.5vw,55px);line-height:1.18;letter-spacing:-.045em}.about-copy{max-width:430px;font-size:13px;line-height:1.9;color:#929292;margin-top:27px}.contact{border-top:1px solid var(--line);padding-block:95px 110px;display:flex;align-items:end;justify-content:space-between;gap:70px}.contact h2{font-size:clamp(38px,5vw,77px);margin-top:26px}.contact h2 span{color:#858585}.contact-details{min-width:245px;padding-bottom:6px}#contact-links{display:flex;flex-direction:column;align-items:start;gap:15px}#contact-links a,#contact-links button{font-size:13px;border-bottom:1px solid #555;padding:7px 0;display:flex;gap:45px;justify-content:space-between;transition:border-color .2s}#contact-links a:hover,#contact-links button:hover{border-color:var(--accent)}#contact-links button span{color:#888;font-size:11px}.contact-note{font-size:10px;color:#757575;max-width:245px;margin-top:13px}footer{max-width:1440px;margin:0 auto;border-top:1px solid var(--line);padding:26px 0 32px;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:10px}footer>a{font-size:11px;color:#d0d0d0}footer small{font-size:9px}.skip{position:fixed;top:-100px;left:15px;padding:12px;background:var(--accent);color:#111;z-index:30}.skip:focus{top:10px}dialog{width:min(90%,600px);padding:50px;background:#141414;color:var(--text);border:1px solid #363636}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-size:clamp(30px,4vw,48px);margin:28px 0 14px}dialog p{font-size:13px;line-height:1.8;color:#aaa}.dialog-status{margin-bottom:20px!important;font-size:10px!important}.close{position:absolute;right:17px;top:10px;font-size:27px}.close-action{padding:8px 0;margin-top:28px;font-size:11px;border-bottom:1px solid #777}.close-action span{margin-left:30px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);background:#f3f3f3;color:#191919;padding:16px 23px;width:max-content;max-width:90%;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1599px){footer{margin-inline:5%}}@media(max-width:760px){header{height:83px;padding-inline:6%}.logo img{width:49px;height:34px}.logo span{font-size:9px;margin-top:12px}nav{gap:20px;font-size:11px}nav a:last-child span{display:none}.hero{min-height:650px;padding:62px 6% 95px}.hero-brand{gap:19px;margin-bottom:32px}.hero-brand img{width:85px;height:59px}.hero-brand span{font-size:8px}.hero h1{font-size:clamp(66px,13vw,98px)}.hero p{font-size:12px;margin-top:27px}.project-cta{margin-top:23px}.section{padding-inline:6%}.projects{padding-bottom:75px}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading h2{font-size:45px}.filters{gap:21px}.filters button{font-size:9px;padding-block:4px}.demo-note{margin-top:14px;margin-bottom:23px;font-size:8px}.project-grid{grid-template-columns:1fr;gap:38px}.project-card:first-child{grid-column:auto}.project-card:first-child .project-art-button,.project-art-button{aspect-ratio:1.25}.project-meta{gap:12px;margin-top:15px}.project-meta h3{font-size:24px}.project-meta .status{font-size:8px}.project-info p{font-size:11px}.about{padding-block:60px 75px;grid-template-columns:1fr;gap:30px}.about h2{font-size:14px}.statement{font-size:38px}.about-copy{font-size:12px;max-width:390px}.contact{padding-block:60px 75px;flex-direction:column;align-items:start;gap:32px}.contact h2{font-size:46px;margin-top:20px}.contact-details{width:100%;min-width:0}.contact-note{max-width:none}footer{margin-inline:6%;padding-block:22px 27px;flex-wrap:wrap;gap:14px}footer small{flex-basis:100%}dialog{padding:40px 25px}}@media(max-width:370px){nav{gap:15px}header{padding-inline:5%}.logo span{display:none}.hero h1{font-size:64px}.project-meta{align-items:start;flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Composition inspirée de la référence : titre à gauche, identité en volume à droite. */
header{position:relative;z-index:2;height:112px;justify-content:flex-start;gap:50px;background:transparent}
header .logo{padding-right:38px;border-right:1px solid #ffffff18}
header nav{gap:38px;margin-right:auto}header nav a{font-size:13px;color:#d1d1d1}
.header-discord{border:1px solid #ffffff26;border-radius:7px;font-size:12px;padding:11px 18px;display:flex;gap:27px;align-items:center;transition:border-color .2s}.header-discord:hover{border-color:var(--accent)}
.hero{position:relative;isolation:isolate;overflow:hidden;max-width:1600px;margin:-112px auto 0;padding:220px 5% 120px;min-height:890px;display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:center;text-align:left;background:radial-gradient(ellipse at 76% 52%,#ffc21c08,transparent 37%)}
.hero:before{content:'';position:absolute;inset:0 0 15%;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent)}
.hero-copy{position:relative;z-index:1}.hero-kicker{display:block;font-size:9px;letter-spacing:.15em;color:#9a9a9a;margin-bottom:28px}.hero-kicker:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:10px;vertical-align:middle}
.hero h1{font-weight:700;font-size:clamp(42px,4.65vw,75px);line-height:1.08;letter-spacing:-.045em;animation:appear .7s both}.hero h1 span{color:var(--accent)}.hero p{margin-top:27px;max-width:480px;font-size:15px;line-height:1.7;color:#929292}
.hero-actions{display:flex;gap:13px;align-items:center;margin-top:34px}.project-cta{margin:0;background:#fff;color:#111;border:1px solid #fff;border-radius:8px;padding:14px 20px;font-size:12px;font-weight:600;gap:28px;transition:background .2s,transform .2s}.project-cta span{color:#111;font-size:18px;line-height:1}.project-cta:hover{background:#e7e7e7;border-color:#e7e7e7;transform:translateY(-2px)}.discord-cta{border-radius:8px;padding:14px 20px;background:var(--accent);color:#17130a;font-size:12px;font-weight:600;border:1px solid var(--accent);transition:background .2s,transform .2s}.discord-cta:hover{background:#ffd35b;transform:translateY(-2px)}
.hero-art{position:relative;align-self:stretch;min-height:500px;pointer-events:none}.logo-watermark{position:absolute;width:810px;height:auto;max-width:none;top:-240px;right:-250px;opacity:.018;transform:rotate(-16deg)}
.logo-sculpture{position:absolute;width:430px;aspect-ratio:960/660;transform:perspective(900px) rotateY(-25deg) rotateX(15deg) rotate(-12deg);filter:drop-shadow(0 30px 30px #0007)}.logo-depth,.logo-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.logo-depth{background:#b27b08;mask:url('/logo.svg') center/contain no-repeat;-webkit-mask:url('/logo.svg') center/contain no-repeat}.logo-face{filter:drop-shadow(-1px -1px 0 #fff5)}.sculpture-main{top:88px;right:-5px}.sculpture-small{width:146px;left:-8px;bottom:0;transform:perspective(700px) rotateY(25deg) rotateX(-15deg) rotate(20deg)}.sculpture-tiny{width:74px;top:14px;left:5px;transform:perspective(500px) rotateY(-20deg) rotate(20deg)}
.depth-1{transform:translate(0.85px,1.1px);background:#d79c13}
.depth-2{transform:translate(1.7px,2.2px);background:#d79c13}
.depth-3{transform:translate(2.55px,3.3px);background:#d79c13}
.depth-4{transform:translate(3.4px,4.4px);background:#d79c13}
.depth-5{transform:translate(4.25px,5.5px);background:#b98209}
.depth-6{transform:translate(5.1px,6.6px);background:#b98209}
.depth-7{transform:translate(5.95px,7.7px);background:#b98209}
.depth-8{transform:translate(6.8px,8.8px);background:#b98209}
.depth-9{transform:translate(7.65px,9.9px);background:#b98209}
.depth-10{transform:translate(8.5px,11.0px);background:#b98209}
.depth-11{transform:translate(9.35px,12.1px);background:#805407}
.depth-12{transform:translate(10.2px,13.2px);background:#805407}
.depth-13{transform:translate(11.05px,14.3px);background:#805407}
.depth-14{transform:translate(11.9px,15.4px);background:#805407}
.depth-15{transform:translate(12.75px,16.5px);background:#805407}
.depth-16{transform:translate(13.6px,17.6px);background:#805407}

@media(min-width:1600px){.hero{min-height:940px}}
@media(max-width:1100px){header{gap:32px}header .logo{padding-right:25px}.hero{grid-template-columns:1.15fr 1fr;min-height:790px;padding-top:195px;padding-bottom:100px}.hero h1{font-size:4.7vw}.hero-art{min-height:420px}.sculpture-main{width:330px;top:95px;right:-15px}.sculpture-small{width:110px;bottom:10px}.hero-actions{gap:10px}.project-cta,.discord-cta{padding:12px 15px;font-size:11px}.project-cta{gap:20px}.hero p{font-size:13px}}
@media(max-width:760px){header{height:85px;gap:0;justify-content:space-between;padding-inline:6%}header .logo{border:0;padding:0}header nav{margin:0;gap:22px}header nav a{font-size:11px}.header-discord{display:none}.hero{margin-top:-85px;padding:145px 6% 60px;min-height:auto;grid-template-columns:1fr;gap:20px}.hero-copy{max-width:560px}.hero-kicker{font-size:8px;margin-bottom:22px}.hero h1{font-size:clamp(35px,7.5vw,55px);letter-spacing:-.045em;line-height:1.1}.hero p{font-size:13px;margin-top:22px}.hero-actions{margin-top:27px;gap:11px}.project-cta,.discord-cta{font-size:11px;padding:13px 16px}.project-cta{gap:17px}.hero-art{min-height:285px;max-width:480px;width:100%;justify-self:center}.sculpture-main{width:290px;right:20px;top:37px}.sculpture-small{width:94px;left:10px;bottom:5px}.sculpture-tiny{width:53px;left:7px;top:18px}.logo-watermark{width:570px;top:-200px;right:-190px}.projects{padding-top:25px}}
@media(max-width:370px){header nav{gap:16px}.hero{padding-inline:5%}.hero h1{font-size:34px}.hero-actions{gap:8px}.project-cta,.discord-cta{padding:12px;font-size:10px}.project-cta{gap:12px}.sculpture-main{width:250px;right:15px}.hero-art{min-height:250px}.sculpture-small{width:78px}}

/* État sans projet : la galerie réapparaît dès que des projets sont ajoutés. */
.projects-empty{min-height:320px;display:flex;align-items:center;padding:45px 0 65px;border-block:1px solid var(--line);margin-top:35px}.projects-empty p{font-family:var(--display);font-size:clamp(40px,6vw,90px);font-weight:500;line-height:1.08;letter-spacing:-.045em}.projects-empty p span{color:#777}.image-arrow{font-size:11px;background:#0c0c0cbf;border-radius:4px;padding:8px 12px}.project-cta span{font-family:Arial,sans-serif;font-weight:400;font-size:23px}.header-discord{gap:0}@media(max-width:760px){.projects-empty{min-height:230px;margin-top:27px;padding:35px 0 45px}.projects-empty p{font-size:clamp(35px,8vw,55px)}}

/* Première version de l’ouverture : le logo se relève, puis le rideau se lève. */
.site-intro{position:fixed;inset:0;z-index:1000;background:#0c0c0c;display:grid;place-items:center;overflow:hidden;animation:intro-curtain .7s cubic-bezier(.76,0,.24,1) 1.35s forwards}
.intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;perspective:800px;padding:55px;transform:translateY(-5px)}
.intro-logo{width:clamp(165px,21vw,270px);height:auto;display:block;transform-origin:50% 100%;animation:intro-rise 1.12s cubic-bezier(.22,.8,.25,1) both;filter:drop-shadow(0 5px 0 #c58d16)}
.intro-studio{font-family:var(--display);font-size:11px;letter-spacing:.5em;padding-left:.5em;color:#dedede;margin-top:23px;animation:intro-word .5s ease .65s both}
.intro-skip{position:absolute;bottom:32px;right:5%;font-size:11px;color:#777;padding:9px 0;transition:color .2s}.intro-skip:hover{color:#fff}
html.intro-playing{overflow:hidden}html.intro-playing #site-shell{pointer-events:none}
@keyframes intro-rise{0%{opacity:0;transform:translateY(85px) rotateX(72deg) scale(.92)}22%{opacity:1}78%{transform:translateY(-9px) rotateX(-3deg) scale(1)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
@keyframes intro-word{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-curtain{0%{transform:translateY(0);visibility:visible}100%{transform:translateY(-100%);visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important}}

/* Bande Fortnite / P0P : boucle continue sans dépendance externe. */
.brand-marquee{position:relative;overflow:hidden;background:var(--accent);color:#101010;margin:0 0 90px;width:100%;padding:29px 0}.marquee-track{display:flex;width:max-content;animation:brand-scroll 32s linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;gap:65px;padding-right:65px;flex:none}.marquee-item{display:flex;align-items:center;gap:8px;flex:none;height:55px}.marquee-item img{display:block;object-fit:contain;flex:none}.marquee-fortnite{width:150px;height:42px}.marquee-pop{width:80px;height:55px;filter:brightness(0)}.marquee-studio{font-size:11px;font-weight:500;margin-top:19px}.marquee-dot{width:5px;height:5px;border-radius:50%;background:#101010;opacity:.35;flex:none}.marquee-toggle{position:absolute;right:13px;bottom:4px;padding:3px 8px;background:var(--accent);color:#332a0c;font-size:9px;border-radius:3px;line-height:1.4}.marquee-toggle:focus-visible{outline-color:#111;outline-offset:2px}.brand-marquee.is-paused .marquee-track{animation-play-state:paused}@keyframes brand-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:760px){.brand-marquee{padding:22px 0;margin-bottom:45px}.marquee-group{gap:43px;padding-right:43px}.marquee-item{height:46px}.marquee-fortnite{width:125px;height:35px}.marquee-pop{width:67px;height:46px}.marquee-studio{font-size:10px;margin-top:14px}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important;will-change:auto}.marquee-toggle{display:none}}

/* Mise en page fluide : téléphone, tablette, ordinateur et grand écran. */
:root{--gutter:clamp(20px,5vw,96px);--content-width:1440px}
header,.section,.hero{max-width:calc(var(--content-width) + var(--gutter)*2);padding-inline:var(--gutter)}
header{height:104px;gap:clamp(22px,3vw,50px)}header .logo{flex-shrink:0;padding-right:clamp(20px,3vw,38px)}header nav{gap:clamp(20px,2.6vw,40px)}header nav a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}header .header-discord{min-height:44px;flex-shrink:0;font-size:13px}
.hero{margin-top:-104px;padding-top:170px;padding-bottom:70px;min-height:clamp(640px,100svh,900px);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(20px,4vw,70px)}
.hero-copy,.hero-art,.section>div{min-width:0}.hero h1{font-size:clamp(32px,4.6vw,76px);line-height:1.1}.hero p{font-size:clamp(14px,1.12vw,17px);max-width:38ch}.hero-kicker{font-size:clamp(9px,.7vw,11px)}
.hero-art{min-height:clamp(350px,35vw,540px);width:100%;max-width:650px;justify-self:center}.sculpture-main{width:80%;top:20%;right:0}.sculpture-small{width:26%;left:0;bottom:4%}.sculpture-tiny{width:13%;left:1%;top:3%}.logo-watermark{width:145%;right:-35%;top:-30%}
.hero-actions{flex-wrap:wrap;gap:12px}.project-cta,.discord-cta{min-height:48px;padding:13px 20px;font-size:14px;line-height:1.4;justify-content:center;display:inline-flex;align-items:center}.project-cta{gap:22px}.hero-actions>.project-cta,.hero-actions>.discord-cta{white-space:normal;text-align:center}
.section{scroll-margin-top:35px}.projects{padding-bottom:clamp(60px,7vw,120px)}.about{gap:clamp(30px,7vw,100px);padding-block:clamp(60px,7vw,100px)}.about-copy{font-size:14px;max-width:46ch}.contact{gap:clamp(30px,5vw,75px);padding-block:clamp(60px,7vw,105px)}.contact-details{min-width:0;max-width:100%}#contact-links a,#contact-links button{min-height:44px;font-size:14px;overflow-wrap:anywhere;align-items:center}.contact h2{font-size:clamp(38px,4.8vw,76px)}
.projects-empty{min-height:clamp(220px,23vw,340px);padding-block:clamp(30px,4vw,60px)}.projects-empty p{font-size:clamp(36px,6vw,88px);overflow-wrap:normal}.projects-empty p span{white-space:nowrap}.project-grid{gap:clamp(30px,4vw,58px) clamp(20px,2.5vw,36px)}.project-meta{flex-wrap:wrap;gap:8px 18px}.project-info p{font-size:13px}.filters button{min-height:44px;font-size:12px}.image-arrow{opacity:1}
footer{max-width:var(--content-width);margin-inline:auto;width:calc(100% - var(--gutter)*2);align-items:center;font-size:11px;flex-wrap:wrap}footer a{min-height:44px;display:inline-flex;align-items:center}footer small{font-size:10px}
.brand-marquee{padding-block:26px;margin-bottom:clamp(42px,6vw,90px)}.brand-marquee:after{content:'';position:absolute;top:0;right:0;bottom:0;width:90px;background:linear-gradient(90deg,transparent,var(--accent) 45%);pointer-events:none;z-index:1}.marquee-toggle{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #16161640;border-radius:50%;padding:0;right:16px;top:50%;bottom:auto;transform:translateY(-50%);color:#161616;background:var(--accent);z-index:2}.marquee-icon{grid-area:1/1;display:block;pointer-events:none}.icon-play{display:none}.is-paused .icon-pause{display:none}.is-paused .icon-play{display:block}
.intro-skip{min-width:44px;min-height:44px;font-size:12px;right:var(--gutter);bottom:max(20px,env(safe-area-inset-bottom))}.intro-logo{max-width:60vw}.intro-stage{padding:35px}dialog{max-height:calc(100svh - 40px);overflow:auto}.close{width:44px;height:44px;display:grid;place-items:center}.close-action{min-height:44px;font-size:13px}
@media(min-width:1800px){.hero{min-height:900px}.hero h1{font-size:76px}.hero p{font-size:17px}.hero-art{min-height:540px}}
@media(min-width:640px) and (max-width:1023px){header{height:92px;gap:24px}header .logo{padding-right:20px}header nav{gap:23px}header nav a{font-size:13px}.header-discord{display:none}.hero{margin-top:-92px;padding-top:145px;padding-bottom:70px;min-height:660px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px}.hero h1{font-size:clamp(31px,4.5vw,46px)}.hero p{font-size:14px}.hero-art{min-height:340px;max-width:none}.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,270px);margin-top:28px}.project-cta,.discord-cta{font-size:13px}.about{grid-template-columns:.65fr 1.35fr}.statement{font-size:clamp(32px,4.5vw,45px)}.contact{flex-direction:row;align-items:end;gap:35px}.contact h2{font-size:clamp(34px,4.7vw,48px)}.contact-details{max-width:40%}.section-heading{flex-direction:row;align-items:center}.section-heading h2{font-size:48px}.project-grid{grid-template-columns:1fr 1fr}.project-card:first-child{grid-column:1/-1}.project-card:first-child .project-art-button{aspect-ratio:1.8}.project-art-button{aspect-ratio:1.3}.logo span{display:block}}
@media(max-width:639px){:root{--gutter:clamp(18px,5.5vw,32px)}header{height:84px;gap:12px;justify-content:space-between}header .logo{padding:0;border:0;gap:6px}.logo img{width:49px;height:34px}.logo span{font-size:10px;margin-top:12px}header nav{gap:clamp(10px,3vw,20px);margin:0}header nav a{font-size:12px;min-height:44px}.header-discord{display:none}.hero{margin-top:-84px;padding-top:126px;padding-bottom:38px;min-height:0;grid-template-columns:minmax(0,1fr);gap:25px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(29px,8.1vw,48px);line-height:1.12}.hero-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:23px}.hero p{font-size:14px;line-height:1.75;margin-top:23px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px;margin-top:27px}.project-cta,.discord-cta{font-size:13px;min-height:50px;padding:12px 15px;gap:13px}.hero-art{min-height:0;aspect-ratio:1.32;width:min(100%,420px);max-width:420px;justify-self:center}.sculpture-main{width:78%;top:14%;right:2%}.sculpture-small{width:24%;left:1%;bottom:4%}.sculpture-tiny{width:12%;left:1%;top:0}.logo-watermark{width:140%;top:-35%;right:-25%}.brand-marquee{padding-block:21px}.marquee-group{gap:38px;padding-right:38px}.marquee-item{height:46px}.marquee-fortnite{width:125px;height:35px}.marquee-pop{width:67px;height:46px}.marquee-toggle{right:12px}.projects{padding-top:0}.section-heading{flex-direction:column;align-items:start;gap:12px}.section-heading h2{font-size:43px}.projects-empty{margin-top:25px;min-height:230px}.projects-empty p{font-size:clamp(32px,8vw,47px)}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:15px}.statement{font-size:clamp(32px,8vw,42px)}.about-copy{font-size:14px;line-height:1.8;margin-top:22px}.contact{flex-direction:column;align-items:start;gap:28px}.contact h2{font-size:clamp(36px,9vw,54px)}.contact-details{width:100%;max-width:none}.contact-note{font-size:12px}.project-grid{grid-template-columns:minmax(0,1fr)}footer{gap:8px 18px;padding-block:20px}footer small{flex-basis:100%;line-height:1.6}.intro-logo{width:190px}.intro-stage{padding:20px}}
@media(max-width:420px){.hero-actions{grid-template-columns:1fr}.project-cta,.discord-cta{font-size:14px}.hero-art{width:min(100%,330px);aspect-ratio:1.25}.hero h1{font-size:clamp(28px,8.2vw,35px)}.hero-actions{gap:10px}}
@media(max-width:359px){.logo span{display:none}header nav{gap:12px}.hero h1{font-size:28px}.hero-kicker{font-size:8px}.hero p{font-size:13px}.projects-empty p{font-size:31px}}
@media(max-height:550px) and (min-width:640px){.hero{min-height:580px;padding-top:130px;padding-bottom:45px}.hero-art{min-height:300px}}
@media(prefers-reduced-motion:reduce){.marquee-toggle{display:none}}

/* Contrôle discret, au même emplacement et gabarit que les anciens libellés. */
.marquee-toggle{width:28px;height:20px;min-width:28px;min-height:20px;border:0;border-radius:3px;right:13px;top:auto;bottom:4px;transform:none;padding:3px 8px}.marquee-toggle .marquee-icon{width:12px;height:12px}.brand-marquee:after{display:none}

/* Accès à la documentation des maps. */
.projects-empty{flex-direction:column;align-items:flex-start;justify-content:center;gap:27px}.guide-entry{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:13px;border-bottom:1px solid #555;padding:8px 0;transition:border-color .2s}.guide-entry:hover{border-color:var(--accent)}.guide-entry span{font-size:20px;color:var(--accent)}

/* Discord reste accessible par une icône discrète tout en bas du site. */
.footer-end{display:flex;align-items:center;gap:23px}.footer-end small{flex-basis:auto}.footer-discord{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;flex:none;color:#d0d0d0;border-radius:5px;transition:color .2s,background .2s}.discord-glyph{display:block;width:24px;height:24px;background:currentColor;mask:url('/discord.svg') center/contain no-repeat;-webkit-mask:url('/discord.svg') center/contain no-repeat}.footer-discord:hover{color:var(--accent);background:#ffffff04}@media(max-width:639px){.footer-end{width:100%;justify-content:space-between;gap:14px}.footer-end small{flex-basis:auto;max-width:calc(100% - 58px)}}

/* Discord reste dans le coin de l’écran pendant la navigation. */
.footer-discord{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:50;background:transparent;border:0;border-radius:0;box-shadow:none}.footer-discord:hover{background:transparent}.footer-end{padding-right:52px}@media(max-width:639px){.footer-discord{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.footer-end{padding-right:0}.footer-end small{max-width:calc(100% - 58px)}}

/* Typographie géométrique et grasse, proche de la référence fournie. */
.hero h1{font-weight:700;letter-spacing:-.025em;line-height:1.14}.hero p{font-weight:500}.section-heading h2{font-weight:600;letter-spacing:-.035em}.statement{font-weight:500;letter-spacing:-.035em}

/* Choix de langue : bouton jaune et options en grille sur fond sombre. */
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-left:auto}.language-selector{position:relative}.language-trigger{display:flex;align-items:center;justify-content:center;gap:11px;min-width:77px;min-height:44px;padding:10px 15px;background:var(--accent);color:#17130a;border:1px solid var(--accent);border-radius:9px;font-size:14px;font-weight:700;line-height:1;cursor:pointer}.language-trigger svg{transition:transform .2s}.language-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.language-trigger:hover{background:#ffd050}.language-panel{position:absolute;right:0;top:calc(100% + 12px);width:260px;max-width:calc(100vw - 32px);padding:12px;background:#151515;border:1px solid #333;border-radius:14px;box-shadow:0 14px 35px #0008;display:grid;grid-template-columns:1fr 1fr;gap:9px;z-index:100}.language-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:80px;background:#262626;border:1px solid #363636;border-radius:9px;color:#a9a9a9;padding:13px 12px;font-size:11px;line-height:1.4;transition:background .2s,color .2s}.language-option strong{font-size:23px;line-height:1;font-weight:700}.language-option:hover{background:#343434;color:white}.language-option[aria-pressed="true"]{background:#fff;color:#111;border-color:white}.language-option[aria-pressed="true"]:hover{background:#f0f0f0}.hero h1 .hero-line{color:var(--text)}.project-cta>[data-i18n]{font:inherit;color:inherit;line-height:inherit}.embedded-guide .sidebar-link>[data-i18n]{font-size:inherit;font-weight:inherit;opacity:1}
@media(max-width:1023px){.header-actions{gap:0}.language-trigger{min-width:68px;padding:10px 12px}}
@media(max-width:639px){header{gap:10px}header nav{gap:13px;margin-left:auto}.header-actions{margin-left:0}.language-trigger{min-width:60px;min-height:40px;padding:10px;gap:7px;font-size:12px;border-radius:7px}.language-trigger svg{width:12px;height:12px}.language-panel{width:235px;top:calc(100% + 10px)}.language-option{min-height:75px}.language-option strong{font-size:21px}.logo span{display:none}.language-selector .header-discord{display:none}}
@media(max-width:359px){header nav{gap:10px}header nav a{font-size:11px}.language-trigger{min-width:54px;padding:10px 8px}}

/* Le studio : titre à gauche, présentation courte à droite. */
.about{display:block;padding-top:clamp(60px,7vw,105px);padding-bottom:clamp(70px,8vw,125px)}.about h2.studio-label{display:flex;align-items:center;gap:11px;margin:0;color:#b1b1b1;font-family:var(--font);font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.studio-label:before{content:'';display:block;flex:none;width:5px;height:5px;border-radius:50%;background:var(--accent)}.about-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,110px);margin-top:36px}.about .statement{font-size:clamp(35px,4.25vw,64px);line-height:1.16;letter-spacing:-.045em;font-weight:600;max-width:none}.studio-accent{color:var(--accent)}.about .about-copy{margin:0;max-width:43ch;font-size:clamp(14px,1.1vw,17px);line-height:1.9;color:#9b9b9b;justify-self:end}@media(min-width:640px) and (max-width:1023px){.about-layout{gap:35px;grid-template-columns:1.05fr 1fr}.about .statement{font-size:clamp(32px,4.2vw,43px)}.about .about-copy{font-size:14px}}@media(max-width:639px){.about-layout{grid-template-columns:minmax(0,1fr);gap:27px;margin-top:28px}.about .statement{font-size:clamp(32px,8.2vw,48px)}.about .about-copy{font-size:14px;line-height:1.85;max-width:42ch;justify-self:start}.about h2.studio-label{font-size:10px}}

/* Actualités du studio, sans annonces fictives. */
.blog{border-top:1px solid #242424}.blog-intro{margin:18px 0 36px;color:#9b9b9b;font-size:15px;line-height:1.7}.blog-empty{margin:0;padding:28px 0;border-top:1px solid #292929;color:#b5b5b5;font-size:14px}.blog-post{padding:30px 0;border-top:1px solid #292929;max-width:850px}.blog-post time{font-size:12px;color:var(--accent)}.blog-post h3{font-size:clamp(22px,3vw,32px);line-height:1.3;margin:12px 0 16px;letter-spacing:-.025em}.blog-post p{color:#a6a6a6;line-height:1.85;font-size:15px;white-space:pre-line;overflow-wrap:anywhere}@media(max-width:639px){header nav{gap:10px}header nav a{font-size:11px}.blog-intro{font-size:14px;margin-bottom:28px}.blog-empty{font-size:13px}.blog-post p{font-size:14px}}@media(max-width:359px){header nav{gap:8px}.language-trigger{min-width:48px;padding:10px 6px}}

/* Le Blog possède sa propre page. */
.blog-page #main{min-height:calc(100svh - 210px)}.blog-page .blog{border-top:0;padding-top:clamp(55px,8vw,110px);padding-bottom:100px}.blog-page #blog-title{font-size:clamp(48px,7vw,90px);font-weight:600;letter-spacing:-.045em}.blog-page header nav a[aria-current="page"]{color:var(--accent)}

/* UEFN rejoint les marques de la bande défilante. */
.marquee-uefn{gap:12px}.uefn-name{font-size:34px;font-weight:700;letter-spacing:-.045em;line-height:1}.uefn-caption{font-size:9px;font-weight:500;line-height:1.4;letter-spacing:0}@media(max-width:639px){.uefn-name{font-size:28px}.uefn-caption{font-size:8px}.marquee-uefn{gap:9px}}
/* Menu public qui réapparaît à la remontée, sans déplacer le contenu. */
:root{--site-header-height:104px}html{scroll-padding-top:calc(var(--site-header-height) + 18px)}#site-shell>header.scroll-header{position:sticky;top:0;z-index:200;transition:transform .24s ease,background-color .2s ease,border-color .2s ease;border-bottom:1px solid transparent;transform:translateY(0)}#site-shell>header.scroll-header.is-scrolled{background:#0c0c0cf5;border-bottom-color:#ffffff12}#site-shell>header.scroll-header.is-hidden{transform:translateY(-102%);pointer-events:none}@media(min-width:640px) and (max-width:1023px){:root{--site-header-height:92px}}@media(max-width:639px){:root{--site-header-height:84px}}@media(prefers-reduced-motion:reduce){#site-shell>header.scroll-header{transition:none}}
#site-shell>.skip{z-index:300}