/* Du miel dans les yeux — identity, 1 November 2026. */
:root{--bg:#171411;--panel:#211d18;--ink:#fff1d4;--muted:#b1a79a;--line:#3c332b;--lime:#f7b928;--lilac:#e8bf79}
.site-header{height:112px;background:#fff1d4;color:#211a14;border-color:#211a1414}
.header-logo{display:block;width:194px;height:97px;object-fit:contain;mix-blend-mode:darken}
.navigation nav{color:#51483c;font-size:13px}.navigation .nav-play{color:#705009}.navigation nav a:hover{color:#211a14}.contact-link{border-color:#211a1440;font-size:13px}.contact-link:hover{background:#211a14;color:#fff1d4}
.brand-intro{background:#fff1d4;color:#211a14;overflow:hidden}
.hero{grid-template-columns:1.06fr 1fr;min-height:690px;padding-top:24px;column-gap:16px}
.hero-copy{padding:22px 0 46px}.hero .eyebrow{color:#776449;font-size:9px;letter-spacing:1.55px;margin-bottom:22px}.hero .status-dot{background:#a4740b;box-shadow:none}
.hero-logotype{margin:0 0 20px;width:calc(100% + 30px);max-width:650px;line-height:0;transform:translateX(-24px)}
.hero-logotype img{display:block;width:100%;height:auto;mix-blend-mode:darken}
.brand-promise{font-size:clamp(25px,2.5vw,37px);line-height:1.18;letter-spacing:-1.2px;font-weight:700;margin:0 0 20px}.brand-promise em{font-family:Georgia,serif;font-weight:400;color:#8a5410}
.hero-description{color:#655945;max-width:405px;font-size:14px;line-height:1.8;margin-bottom:25px}.hero .button-lime{background:#211a14;color:#fff1d4;border-radius:100px;padding-inline:23px}.hero .button-lime:hover{background:#4c3620}.hero .button-text{color:#51483c}.hero .play-icon{border-color:#a28c6c}.hero-note{color:#796b56;margin-top:22px}.hero-note>span{color:#966415}
.hero-world{height:520px;margin-top:-20px;width:calc(100% + 24px);margin-left:-12px}.world-glow{background:radial-gradient(ellipse at 52% 49%,#dca64524,transparent 65%)}.orbital-line{border-color:#a27c4125}.scene-label,.scene-bottom{color:#75634b}.tiny-cross,.scene-live{color:#806231}.scene-live i{background:#a4740b}.motion-toggle{color:#6a5536;border-color:#b69a70}.floating-tag{background:#fff7e8e8;border-color:#a1793e3b;box-shadow:0 10px 30px #775c2210;color:#55452e}.tag-code>span{color:#956b0b}.tag-race>span:last-child{color:#79634a}.tag-race strong{color:#382b1e}.tag-race-icon{color:#9b6d0a}.hero-fallback{background:#fff1d4}.hero-fallback strong{color:#211a14}.hero-fallback a{color:#78580e}
.hero-bottom{border-color:#211a1426;color:#786b58;letter-spacing:1.1px}.hero-bottom a{color:#51412a}.hero-bottom a span{color:#92620d}.skill-strip{background:#211a14}.skill-strip i{color:#f7b928}.section-heading h2>span,h2>span{color:#e8bf79}.projects-footnote{color:#b1a79a}.project-info p{color:#b1a79a}.play-section{background:#211c17}.about-art{background:#252019}.about-cube .cube-side img{display:block;object-fit:contain}.contact-orb{background:#f7b928;color:#211a14}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand .footer-wordmark{font-size:20px;letter-spacing:-.6px;line-height:1.3;color:#fff1d4}.footer-wordmark small{display:block;font-size:11px;letter-spacing:0;color:#b1a79a;margin-top:6px}
@media(min-width:1600px){.hero-world{height:580px}.hero{min-height:740px}}
@media(max-width:1150px){.hero{min-height:640px}.hero-world{height:470px}.header-logo{width:180px;height:90px}.navigation{gap:18px}.navigation nav{gap:22px}.hero .button{font-size:11px;padding-inline:17px}.hero-logotype{transform:translateX(-18px);width:calc(100% + 20px)}}
@media(max-width:800px){.site-header{height:100px}.header-logo{width:160px;height:80px}.navigation nav{gap:16px;font-size:11px}.contact-link{font-size:11px;padding:9px 14px}.hero{grid-template-columns:1fr 1fr;min-height:590px;column-gap:0}.hero-copy{padding-top:25px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero-logotype{width:calc(100% + 30px);margin-bottom:18px}.brand-promise{font-size:27px}.hero-description{font-size:12px}.hero-world{height:400px}.hero-actions{gap:8px}.hero .button{font-size:10px}.tag-code{left:0}.hero-bottom{font-size:7px}}
@media(max-width:580px){.site-header{height:90px}.navigation{gap:10px}.header-logo{width:152px;height:76px}.navigation nav{display:none}.contact-link{display:flex;font-size:11px;padding:10px 15px;gap:12px}.hero{grid-template-columns:1fr;min-height:0;padding-top:22px}.hero-copy{padding:12px 0 0}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:14px}.hero-logotype{width:calc(100% + 28px);max-width:480px;margin:0 0 12px;transform:translateX(-14px)}.brand-promise{font-size:29px;margin-bottom:16px}.brand-promise br{display:none}.hero-description{font-size:13px;max-width:400px;margin-bottom:21px}.hero .button{font-size:11px;min-height:46px}.hero-actions{gap:10px}.hero-note{font-size:9px;margin-top:18px}.hero-world{width:calc(100% + 34px);height:350px;margin:10px -17px -4px}.scene-label{top:15px}.scene-bottom{bottom:5px}.tag-code{left:16px;top:85px}.tag-race{bottom:47px;right:19px}.hero-bottom{font-size:6px;letter-spacing:.5px;margin-top:16px;padding-block:19px;gap:12px}.footer-brand .footer-wordmark{font-size:19px}.footer-brand img{width:44px;height:44px}.footer-wordmark small{font-size:10px}}

@media(max-width:580px){.hero-actions{flex-direction:row;align-items:center}.hero .button-text{font-size:10px;gap:7px;padding-inline:0}.hero .button-lime{padding-inline:17px}.hero-actions .play-icon{width:21px;height:21px}.hero-note{margin-top:13px}}
