/* LBH Holding — GOLD historique, composition éditoriale et parcours clairs. */
:root{--gold:hsl(45 93% 50%);--gold-light:hsl(45 96% 62%);--acid:var(--gold);--ink:#080c13;--panel:#111722;--text:#f6f5ef;--muted:#aeb6c2;--line:#ffffff1c}
html{scroll-padding-top:104px}body{background:var(--ink);color:var(--text)}h1,h2,h3{font-weight:500}h2{font-size:clamp(35px,4.1vw,58px);letter-spacing:-.055em}.container{width:min(1280px,calc(100% - 72px))}.section{padding:92px 0}.eyebrow{font-size:10px;letter-spacing:.14em}.lead{color:var(--muted)}.btn{border-radius:999px;min-height:48px;padding:15px 24px;font-size:13px;gap:16px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.btn-primary{background:var(--gold);border-color:var(--gold);color:#211707}.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);box-shadow:0 6px 25px #eaa90c22;transform:translateY(-2px)}.inline-link{font-size:13px;gap:12px}.inline-link:hover{color:var(--gold)}
.site-header{background:#080c13ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(20px)}.nav{height:80px}.site-header .brand,.site-footer .brand{font-size:23px;letter-spacing:-.06em;gap:11px}.site-header .brand span,.site-footer .brand span{font-size:9px;letter-spacing:.17em;color:#d9cba5}.site-header .brand .logo-mark,.site-footer .brand .logo-mark{width:32px;height:32px;border-radius:8px}.nav-links{gap:30px}.nav-links a{position:relative;font-size:12px;color:#bac0ca}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-cta{min-height:40px;padding:9px 17px;border-color:#a27a2d60;color:#eed59a;margin-left:8px}.nav-cta:hover{background:#eaa90c14;border-color:var(--gold);color:#ffde82}
.gold-hero{padding:66px 0 58px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#b27b1210,transparent 60%)}.gold-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.gold-hero-copy{padding:10px 0 20px}.gold-hero-copy h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(54px,5.7vw,83px);line-height:1.08;letter-spacing:-.065em;margin-top:25px;max-width:10ch}.gold-hero-copy h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em;color:var(--gold);white-space:nowrap}.gold-hero-copy .lead{font-size:15px;line-height:1.8;max-width:43ch;margin-top:27px}.gold-hero-copy .hero-actions{gap:24px;margin-top:30px}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;color:#8491a3;margin-top:30px}.hero-note-line{width:30px;height:1px;background:#c99a355c}.hero-project-browser{position:relative;min-width:0}.hero-project-browser:before{content:'';position:absolute;z-index:-1;inset:0 8%;border-radius:50%;background:#d89c1720;filter:blur(80px)}.preview-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bdb9af;font-size:10px;padding:0 4px 16px}.preview-label>span:last-child{font-size:9px;color:#917b4b;letter-spacing:.08em}.hero-panels{border:1px solid #b68a3550;border-radius:16px;overflow:hidden;box-shadow:0 22px 80px #0003,0 2px 4px #0003}.hero-project-panel{background:var(--project-paper);color:var(--project-ink);animation:preview-enter .3s ease-out}.hero-preview-link{display:block}.hero-preview-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;min-height:102px;background:var(--project-paper);color:var(--project-ink);border-bottom:1px solid var(--project-line)}.preview-open{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--project-line);border-radius:50%;color:var(--project-ink);transition:transform .25s}.preview-open svg{width:15px;height:15px}.hero-preview-link:hover .preview-open{transform:rotate(6deg);border-color:var(--project-color)}.hero-preview-link>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}.hero-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 23px;font-size:10px;color:var(--project-muted);background:var(--project-paper);font-family:var(--project-font);border-top:1px solid var(--project-line)}.hero-preview-bottom>span:first-child{font-weight:600}.hero-project-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}.hero-project-tab{border:1px solid #ffffff20;background:transparent;color:#a7afbc;padding:12px 14px;font-size:11px;border-radius:30px;cursor:pointer;min-height:44px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.hero-project-tab:hover{border-color:#a8853f;color:#f4d792}.hero-project-tab[aria-selected=true]{border-color:#ca9b4150;background:#d3a23812;color:#f7d885}.preview-instruction{text-align:center;font-size:10px;color:#738096;margin-top:10px}@keyframes preview-enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
.stack-band{background:#0d121c;border-color:#ffffff10;margin:0;padding:24px 0}.stack-label{margin-bottom:16px}.stack-label .mono{font-size:9px;letter-spacing:.12em;color:#a6aeb8}.stack-label .stack-hint{color:#69778d;font-size:9px}.native-tool{height:64px}.native-tool>svg{height:29px;max-width:76px}.tool-github,.tool-revolut{height:50px;margin-block:7px;border-radius:8px}.marquee-track{animation-duration:55s}.logo-marquee{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.gold-portfolio .section-top{margin-bottom:28px;align-items:center}.gold-portfolio .section-top h2{margin-top:19px}.gold-portfolio .section-top p{line-height:1.8;color:#aab3c0;font-size:13px}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 27px}.project-filters{display:flex;flex-wrap:wrap;gap:8px}.project-filter{border:1px solid #ffffff22;background:#ffffff03;color:#aeb8c6;padding:10px 17px;min-height:44px;cursor:pointer;border-radius:30px;font-size:11px;font-weight:500;transition:border-color .2s,background .2s,color .2s}.project-filter:hover{border-color:#bd903e; color:#ffe1a1}.project-filter[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#211707}.project-count{font-size:10px;color:#8592a6;white-space:nowrap}.gold-portfolio .portfolio-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.gold-portfolio .project-card{grid-column:span 2;min-width:0;border-radius:16px!important;box-shadow:0 12px 38px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}.gold-portfolio .project-card:nth-child(-n+2){grid-column:span 3}.gold-portfolio .project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0004}.gold-portfolio .project-card:focus-within{outline:2px solid var(--gold);outline-offset:4px}.gold-portfolio .project-card .project-card-body{padding:27px 27px 24px}.gold-portfolio .project-head{margin-bottom:22px}.gold-portfolio .project-head .mono{font-size:9px;letter-spacing:.075em}.gold-portfolio .project-card p{font-size:13px;line-height:1.7;margin-top:22px;max-width:35ch}.gold-portfolio .project-card-footer{margin-top:auto;padding-top:20px;gap:20px}.gold-portfolio .project-card-body>p{margin-bottom:23px}.gold-portfolio .project-card-footer .inline-link{position:static;font-size:12px}.gold-portfolio .project-card-footer .inline-link:after{content:'';position:absolute;inset:0;z-index:1}.project-site-link{display:inline-flex;align-items:center;gap:7px;position:relative;z-index:2;font-size:11px;white-space:nowrap;color:var(--project-muted);padding:5px 0}.project-site-link svg{width:13px;height:13px}.project-site-link:hover{color:var(--project-ink);text-decoration:underline;text-underline-offset:4px}.gold-portfolio .portfolio-grid.is-filtered .project-card{grid-column:span 3}.gold-portfolio .portfolio-grid.is-single .project-card{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr}.gold-portfolio .portfolio-grid.is-single .project-card-body{padding:36px}.gold-portfolio .portfolio-grid.is-single .project-visual{align-self:stretch;display:flex;align-items:center}.gold-portfolio .portfolio-grid.is-single .project-native-title{margin-top:5px!important}
.gold-approach{background:#0d131f;border-block:1px solid #ffffff13}.gold-approach .approach-layout{gap:100px;align-items:start}.gold-approach h2{max-width:12ch}.gold-approach .lead{font-size:15px;line-height:1.9;max-width:38ch}.gold-approach .principle{padding:25px 0;border-color:#ffffff16;gap:18px;grid-template-columns:30px 1fr}.gold-approach .principle:first-child{padding-top:0}.gold-approach .principle .mono{color:#bf984a;font-size:10px}.gold-approach .principle h3{font-size:26px;line-height:1.2;letter-spacing:-.035em}.gold-approach .principle p{font-size:13px;color:#95a2b5;line-height:1.8;margin-top:11px;max-width:42ch}.faq-layout{grid-template-columns:.9fr 1.1fr;gap:85px}.faq summary{font-size:13px;padding-block:22px}.faq summary:hover{color:var(--acid)}.faq .answer{font-size:13px;line-height:1.9}.faq-intro p{color:#99a6b8;max-width:34ch}.faq details[open] summary{color:var(--acid)}.contact-banner{background:var(--gold);color:#211707;padding:56px 0}.contact-banner h2{font-family:Manrope,sans-serif;font-size:clamp(38px,4.8vw,67px);font-weight:500;line-height:1.1;letter-spacing:-.055em;max-width:12ch}.contact-banner .mono{color:#78602d;font-size:9px;letter-spacing:.11em}.contact-banner .btn{background:#1b1c21;border-color:#1b1c21;color:#fff1ca;padding:17px 28px}.contact-banner .btn:hover{background:#2f3036;transform:translateY(-2px)}.contact-banner p{color:#6c572f}.contact-banner:after{display:none}.site-footer{background:#080c13;padding:55px 0 24px}.footer-grid{grid-template-columns:1.5fr .8fr .8fr 1fr}.footer-grid p{color:#8e9cb0;font-size:12px;max-width:33ch}.footer-h{color:#a48b57;font-size:9px;letter-spacing:.11em}.footer-links{font-size:12px;color:#aeb9c9;gap:9px}.footer-bottom{color:#7d8ba0;border-color:#ffffff15;font-size:10px}.footer-wordmark{display:none}.footer-bottom a{color:#9da9ba}.page-hero:not(.native-project-page .page-hero){background:radial-gradient(ellipse at 90% -60%,#b8841510,transparent 66%)}.page-hero .eyebrow{color:var(--acid)}.native-project-page .page-hero .eyebrow{color:var(--project-color)}.nav-toggle{border-color:#ffffff20;padding:11px;background:#ffffff02}.mobile-menu.open{background:#0d131f;padding:18px 24px 24px;border-color:#ffffff15;font-size:14px}.mobile-menu a{padding:8px 0}.mobile-menu a.active{color:var(--gold)}[hidden]{display:none!important}
@media(min-width:1500px){.gold-hero{padding:85px 0 70px}.gold-hero-grid{gap:95px}}
@media(max-width:1100px){.gold-hero-grid{gap:38px}.gold-hero-copy h1{font-size:64px}.hero-project-tab{padding:9px}.gold-portfolio .project-card{grid-column:span 3}.gold-portfolio .project-card:last-child{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr}.gold-portfolio .project-card:last-child .project-card-body{padding:30px}.gold-approach .approach-layout{gap:65px}.portfolio-toolbar{align-items:start;flex-direction:column;gap:14px}.hero-preview-top{padding:18px 20px}.preview-label>span:last-child{display:none}}
@media(max-width:780px){.container{width:calc(100% - 44px)}.nav{height:72px}.section{padding:65px 0}.gold-hero{padding:36px 0 35px}.gold-hero-grid{grid-template-columns:1fr;gap:35px}.gold-hero-copy{padding:0}.gold-hero-copy h1{font-size:clamp(53px,9vw,72px);max-width:11ch;margin-top:23px}.gold-hero-copy .lead{font-size:14px;max-width:45ch;margin-top:23px}.gold-hero-copy .hero-actions{margin-top:25px;gap:22px}.hero-note{margin-top:23px;font-size:10px}.hero-project-browser{width:min(580px,100%);margin-inline:auto}.preview-label{padding-bottom:12px;font-size:10px}.hero-preview-top{min-height:86px;padding:16px 20px}.hero-project-tabs{justify-content:start;margin-top:15px;gap:7px}.hero-project-tab{font-size:10px;padding:9px 12px}.preview-instruction{text-align:left;font-size:9px}.hero-preview-bottom{padding:12px 18px}.stack-band{padding:21px 0}.stack-label{margin-bottom:12px}.gold-portfolio .section-top{gap:17px}.gold-portfolio .section-top p{font-size:13px}.portfolio-toolbar{margin-top:27px;margin-bottom:23px;gap:15px}.project-filter{padding:9px 15px;min-height:44px;font-size:11px}.project-filters{gap:7px}.gold-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gold-portfolio .project-card,.gold-portfolio .project-card:nth-child(-n+2){grid-column:auto}.gold-portfolio .project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.gold-portfolio .project-card .project-card-body{padding:24px}.gold-portfolio .project-card:last-child .project-card-body{padding:24px}.gold-portfolio .portfolio-grid.is-filtered .project-card{grid-column:auto}.gold-portfolio .portfolio-grid.is-single .project-card{grid-column:1/-1}.gold-portfolio .portfolio-grid.is-single .project-card-body{padding:28px}.gold-approach .approach-layout{grid-template-columns:1fr;gap:38px}.gold-approach .lead{max-width:45ch;font-size:14px}.gold-approach .principle h3{font-size:24px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-intro p{max-width:43ch}.contact-banner{padding:42px 0}.contact-banner .container{gap:28px}.contact-banner h2{font-size:48px}.contact-banner .mono{font-size:8px;max-width:29ch;line-height:1.6}.site-footer{padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-grid p{max-width:43ch}.footer-bottom{margin-top:30px;padding-top:22px;gap:16px}.footer-legal{flex-wrap:wrap;row-gap:14px}.native-project-page .page-hero{padding-top:35px!important}.native-project-page .project-page-hero .hero-actions{gap:20px}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.gold-hero-copy h1{font-size:54px;line-height:1.1}.gold-hero-copy h1 em{font-size:53px;letter-spacing:-.065em}.gold-hero-copy .hero-actions{flex-wrap:wrap;gap:20px}.gold-hero-copy .hero-actions .btn{font-size:12px;padding:14px 20px;gap:15px}.gold-hero-copy .inline-link{font-size:11px}.gold-hero-grid{gap:32px}.hero-project-tabs{gap:6px}.hero-project-tab{padding:8px 10px}.preview-label{font-size:9px}.hero-note{font-size:9px}.gold-portfolio .portfolio-grid{grid-template-columns:1fr}.gold-portfolio .project-card,.gold-portfolio .project-card:nth-child(-n+2),.gold-portfolio .project-card:last-child,.gold-portfolio .portfolio-grid.is-filtered .project-card,.gold-portfolio .portfolio-grid.is-single .project-card{grid-column:auto;display:flex}.gold-portfolio .project-card .project-card-body,.gold-portfolio .portfolio-grid.is-single .project-card-body{padding:25px}.gold-portfolio .project-card p{max-width:37ch}.gold-portfolio .project-head{margin-bottom:20px}.gold-portfolio .section-top h2{font-size:40px}.gold-portfolio .project-count{font-size:10px}.gold-portfolio .project-card-footer{padding-top:17px}.gold-portfolio .project-card:last-child .native-site-visual{width:100%}.faq-intro h2{font-size:40px}.contact-banner h2{font-size:44px}.hero-preview-bottom{font-size:9px}.project-site-link{font-size:11px}.preview-open{width:30px;height:30px}.native-tool{width:93px}.tool-github,.tool-revolut{width:72px;margin-inline:10px}.tools-grid{gap:14px}}
@media(max-width:360px){.gold-hero-copy h1{font-size:47px}.gold-hero-copy h1 em{font-size:46px}.project-filter{font-size:10px;padding:9px 12px}.hero-project-tab{padding:8px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-project-panel{animation:none}.gold-portfolio .project-card:hover,.btn-primary:hover{transform:none}}