.direction-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px;background:#111;border-bottom:1px solid #3b3b3b;color:#bbb;position:relative;z-index:12}.direction-bar b{font-weight:400;color:#fff;margin-right:10px}.direction-bar i{font-style:normal;color:#999;margin-left:8px}.direction-bar>div{display:flex;gap:20px;align-items:center}.direction-bar a[aria-current=true]{color:#fff;border-bottom:1px solid #aaa;padding:9px 0}.direction-bar a:first-child{margin-right:10px;text-decoration:underline;text-underline-offset:3px}.portal-demo-link{margin-top:24px}.portal-preview{padding:45px 5% 85px}.portal-banner{padding:14px 18px;margin-bottom:25px;border:1px solid #444;background:#171717;font-size:11px;color:#bcbcbc;line-height:1.8}.portal-shell{display:grid;grid-template-columns:220px 1fr;min-height:420px;border:1px solid #3a3a3a;background:#101010}.portal-nav{display:flex;flex-direction:column;border-right:1px solid #333;padding:22px 16px}.portal-nav a{padding:17px 14px;font-size:12px;color:#bbb}.portal-nav a[aria-current=page]{background:#2d2d2d;color:white;border-left:2px solid #ccc}.portal-content{padding:42px}.portal-content .eyebrow{color:#999}.portal-content h1{font-size:39px;font-weight:400;letter-spacing:-1.3px;margin:18px 0 20px}.portal-content>p{font-size:13px;color:#bbb;line-height:1.9;max-width:550px}.portal-empty{border-top:1px solid #333;margin-top:35px;padding-top:30px}.portal-empty h2{font-size:23px;font-weight:400;margin:0 0 13px}.portal-empty p{font-size:12px;color:#bbb;line-height:1.9;max-width:500px}.portal-empty .button{margin-top:25px}
/* 01 / Monolithe — une présence éditoriale, le produit comme architecture. */
[data-direction=monolithe] body{background:#070707}[data-direction=monolithe] .hero{height:740px;min-height:650px}[data-direction=monolithe] .hero-content{padding-top:110px;max-width:770px}[data-direction=monolithe] .hero h1{font-size:clamp(62px,6.8vw,96px);line-height:.98;letter-spacing:-5px;font-weight:400}[data-direction=monolithe] .hero-description{margin-top:28px}[data-direction=monolithe] .hero:after{background:linear-gradient(90deg,#02060ae8, #02060a5c 44%,transparent 73%),linear-gradient(0deg,#030608a3,transparent 28%)}[data-direction=monolithe] .header{height:90px;background:#070707}[data-direction=monolithe] .brand{font-weight:800;letter-spacing:-1.7px}[data-direction=monolithe] .section-heading h2{font-size:54px}[data-direction=monolithe] .universe-visual{border:0;background:#101010}[data-direction=monolithe] .universe-index{font-family:monospace;color:#c4c4c4}[data-direction=monolithe] .universe h3{font-weight:400}[data-direction=monolithe] .project{background:#111;border:0;margin-left:0;margin-right:0;padding-left:5%;padding-right:5%}[data-direction=monolithe] .project-intro{padding-left:0}[data-direction=monolithe] .project h2{font-size:59px;letter-spacing:-2.8px}[data-direction=monolithe] .project-steps{padding-right:0}[data-direction=monolithe] .button{border-radius:0;background:#222}[data-direction=monolithe] .page-intro{padding-top:75px;padding-bottom:55px}[data-direction=monolithe] .page-intro h1{font-size:70px;font-weight:400;letter-spacing:-3.8px}[data-direction=monolithe] .catalogue-shell{grid-template-columns:235px 1fr;gap:55px}[data-direction=monolithe] .category-button{padding:22px 12px}[data-direction=monolithe] .category-button[aria-pressed=true]{background:#232323;box-shadow:inset 2px 0 #d4d4d4}[data-direction=monolithe] .product-grid{grid-template-columns:minmax(0,1fr);max-width:740px}[data-direction=monolithe] .product-card .visual{aspect-ratio:1.75;border-color:#202020}[data-direction=monolithe] .product-card .visual img{object-fit:contain}[data-direction=monolithe] .product-card h3{font-size:28px}[data-direction=monolithe] .product-card .range{margin-top:25px}[data-direction=monolithe] .account-panel,[data-direction=monolithe] .contact-form{background:#0e0e0e;border-color:#333}
/* 02 / Prisme — une grille architecturale et une précision technique. */
[data-direction=prisme]{--line:#3a3a3a}[data-direction=prisme] body{background:#080808;font-family:Arial,Helvetica,sans-serif}[data-direction=prisme] .header{background:#0d0d0d;height:86px;border-bottom:1px solid #464646}[data-direction=prisme] .brand{font-weight:700;letter-spacing:1px;font-size:29px}[data-direction=prisme] .brand span{font-weight:700}[data-direction=prisme] .header nav{font-size:11px;gap:28px}[data-direction=prisme] .eyebrow,[data-direction=prisme] .range{font-family:'Courier New',monospace;letter-spacing:1.8px}[data-direction=prisme] .hero{margin:28px 3% 0;height:655px;min-height:0;border:1px solid #444;background:#101010;isolation:isolate}[data-direction=prisme] .hero-image{left:42%;width:58%;height:100%;object-position:56% center}[data-direction=prisme] .hero:after{background:linear-gradient(90deg,#111 0%,#111 38%,#1110 65%)}[data-direction=prisme] .hero-content{padding:90px 4%;max-width:650px}[data-direction=prisme] .hero .eyebrow{font-size:9px;letter-spacing:1px;color:#b6b6b6}[data-direction=prisme] .hero h1{font-size:clamp(51px,4.9vw,72px);letter-spacing:-3.6px;line-height:1.02;font-weight:500;max-width:520px}[data-direction=prisme] .hero h1 em{color:#b8b8b8}[data-direction=prisme] .hero-description{font-size:13px;max-width:285px;line-height:1.9}[data-direction=prisme] .hero-actions{gap:20px}[data-direction=prisme] .button{font-family:Arial,sans-serif;border-radius:0;padding:15px 18px;border:1px solid #777;background:linear-gradient(140deg,#383838,#1b1b1b);font-size:11px}[data-direction=prisme] .hero-bottom{left:4%;right:4%;bottom:24px;border-top:1px solid #ffffff35;padding-top:20px;font-family:'Courier New',monospace;font-size:8px;letter-spacing:.6px}[data-direction=prisme] .hero-bottom>span:nth-child(2){display:none}[data-direction=prisme] .section{padding:78px 6%}[data-direction=prisme] .section-heading h2{font-size:43px;letter-spacing:-1.8px}[data-direction=prisme] .universes{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#3b3b3b;border:1px solid #3b3b3b}[data-direction=prisme] .universe{padding:15px 14px 24px;background:#111;position:relative}[data-direction=prisme] .universe-visual{border:0;aspect-ratio:1.04;background:#111}[data-direction=prisme] .universe-index{top:0;left:0;color:#aaa;font-size:8px;font-family:'Courier New',monospace}[data-direction=prisme] .universe h3{font-size:12px;line-height:1.5;margin-top:20px}[data-direction=prisme] .universe>p{font-size:8px;letter-spacing:1.1px}[data-direction=prisme] .project{margin:0 3% 80px;background:linear-gradient(100deg,#161616,#090909);border:1px solid #4b4b4b}[data-direction=prisme] .project-intro{padding:48px}[data-direction=prisme] .project h2{font-size:44px;letter-spacing:-1.7px}[data-direction=prisme] .project-step>span{font-family:'Courier New',monospace}[data-direction=prisme] .page-intro{padding:48px 4% 33px;border-bottom:1px solid #333;background:linear-gradient(110deg,#1c1c1c,#090909);margin-bottom:28px}[data-direction=prisme] .page-intro h1{font-size:50px;letter-spacing:-2px;margin:15px 0}[data-direction=prisme] .page-intro>p:last-child{font-size:12px}[data-direction=prisme] .catalogue-shell{padding:0 4% 80px;grid-template-columns:230px 1fr;gap:24px}[data-direction=prisme] .category-aside{background:#121212;border:1px solid #3d3d3d;padding:20px 15px}[data-direction=prisme] .category-label{font-family:'Courier New',monospace;font-size:9px;letter-spacing:1px;margin:0 0 20px}[data-direction=prisme] .category-button{font-size:11px;padding:20px 10px}[data-direction=prisme] .category-button[aria-pressed=true]{border:1px solid #777;box-shadow:none;background:linear-gradient(125deg,#333,#161616)}[data-direction=prisme] .category-hint{font-size:10px;padding:0 8px}[data-direction=prisme] .catalogue-topbar{background:#131313;border:1px solid #383838;padding:18px;margin-bottom:18px;align-items:center;flex-direction:row}[data-direction=prisme] .catalogue-topbar h2{font-size:19px}[data-direction=prisme] .catalogue-topbar span{font-family:'Courier New',monospace;font-size:9px}[data-direction=prisme] .catalogue-disclaimer{background:#0e0e0e;border:1px solid #333;padding:12px;font-size:10px;margin-bottom:22px}[data-direction=prisme] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}[data-direction=prisme] .product-card{padding:15px;border:1px solid #484848;background:linear-gradient(150deg,#202020,#111);position:relative;box-shadow:inset 0 1px #ffffff10}[data-direction=prisme] .product-card:before{content:'↗';position:absolute;right:18px;top:15px;color:#ccc;z-index:2;font-size:18px}[data-direction=prisme] .product-card .visual{border:0;aspect-ratio:1.1;background:#111}[data-direction=prisme] .product-card .visual img{object-fit:contain}[data-direction=prisme] .product-card h3{font-size:20px}[data-direction=prisme] .product-card h3 span{display:none}[data-direction=prisme] .product-card>p:last-child{font-size:11px}[data-direction=prisme] .product-card .range{font-size:9px;margin-top:22px}[data-direction=prisme] .detail-image{border-color:#555}[data-direction=prisme] .account-panel,[data-direction=prisme] .contact-form{background:linear-gradient(130deg,#1b1b1b,#0b0b0b);border-color:#555}[data-direction=prisme] .account-tabs,[data-direction=prisme] .auth-button{border-color:#555}[data-direction=prisme] .portal-shell{background:#111;border-color:#555}[data-direction=prisme] .portal-nav{background:#191919}
/* 03 / Orbite — un luxe calme, des volumes et des arrondis maîtrisés. */
[data-direction=orbite]{--line:#373737;--radius:30px}[data-direction=orbite] body{background:#080808}[data-direction=orbite] .header{background:#080808;height:98px;border-bottom:0;padding-left:6%;padding-right:6%}[data-direction=orbite] .brand{font-size:29px;font-weight:600;letter-spacing:1.2px}[data-direction=orbite] .brand span{font-weight:300}[data-direction=orbite] .header nav{padding:6px 7px 6px 24px;border:1px solid #3e3e3e;background:#141414;border-radius:40px;gap:26px;font-size:11px}[data-direction=orbite] .header nav .account-link{border-radius:30px;background:#292929;border:1px solid #737373;padding:12px 18px;gap:12px}[data-direction=orbite] .header nav>a[aria-current=page]:after{left:2px;bottom:6px}[data-direction=orbite] .offers-link{padding-right:13px}[data-direction=orbite] .hero{height:620px;min-height:0;margin:0 3%;border-radius:32px;background:#111;overflow:hidden;border:1px solid #383838}[data-direction=orbite] .hero-image{top:auto;bottom:0;left:0;width:100%;height:50%;object-fit:cover;object-position:center 35%;opacity:1}[data-direction=orbite] .hero:after{background:linear-gradient(180deg,#111 0%,#111 29%,#111c 39%,transparent 69%),linear-gradient(0deg,#05050555,transparent 20%)}[data-direction=orbite] .hero-content{text-align:center;padding:52px 5% 0;max-width:none;margin:0 auto;position:relative;z-index:1}[data-direction=orbite] .hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:25px}[data-direction=orbite] .hero h1{max-width:800px;margin:0 auto;font-size:clamp(48px,5.3vw,76px);font-weight:300;letter-spacing:-3.8px;line-height:1.02}[data-direction=orbite] .hero h1 br{display:none}[data-direction=orbite] .hero h1 em{color:#d9d9d9}[data-direction=orbite] .hero-description{font-size:12px;line-height:1.8;max-width:none;margin:22px auto 0;color:#c3c3c3}[data-direction=orbite] .hero-description br{display:none}[data-direction=orbite] .hero-actions{justify-content:center;margin-top:25px;gap:26px}[data-direction=orbite] .button{border-radius:30px;background:linear-gradient(125deg,#353535,#1b1b1b);padding:15px 23px;font-size:11px;border-color:#7e7e7e}[data-direction=orbite] .hero-bottom{left:4%;right:4%;font-size:8px;bottom:24px}[data-direction=orbite] .hero-bottom>span:nth-child(2){display:none}[data-direction=orbite] .section{padding:90px 9%}[data-direction=orbite] .section-heading h2{font-size:48px;font-weight:300;letter-spacing:-2px}[data-direction=orbite] .universes{display:flex;flex-direction:column;gap:0}[data-direction=orbite] .universe{display:grid;grid-template-columns:105px 1fr 180px;gap:35px;align-items:center;padding:18px 0;border-top:1px solid #333}[data-direction=orbite] .universe:last-child{border-bottom:1px solid #333}[data-direction=orbite] .universe-visual{width:105px;aspect-ratio:1;border-radius:18px;border:1px solid #333;background:#111}[data-direction=orbite] .universe-index{top:8px;left:9px;font-size:7px}[data-direction=orbite] .universe h3{font-size:25px;font-weight:300;letter-spacing:-.6px;margin:0}[data-direction=orbite] .universe>p{font-size:9px;letter-spacing:1.6px;text-align:right}[data-direction=orbite] .project{border-radius:30px;margin-left:5%;margin-right:5%;background:radial-gradient(ellipse at 20% 20%,#222,#111 75%);border:1px solid #424242}[data-direction=orbite] .project-intro{padding:58px}[data-direction=orbite] .project h2{font-size:49px;font-weight:300;letter-spacing:-2px}[data-direction=orbite] .project-step h3{font-weight:300}[data-direction=orbite] .footer{border-radius:32px 32px 0 0;background:#101010;padding-top:55px}[data-direction=orbite] .page-intro{text-align:center;padding:57px 6% 49px}[data-direction=orbite] .page-intro h1{font-size:59px;font-weight:300;letter-spacing:-2.5px}[data-direction=orbite] .page-intro>p:last-child{margin-left:auto;margin-right:auto;font-size:12px}[data-direction=orbite] .catalogue-shell{grid-template-columns:225px 1fr;gap:40px;padding-left:6%;padding-right:6%}[data-direction=orbite] .category-button{border:0;padding:18px 16px;border-radius:28px;margin-bottom:8px;font-size:11px}[data-direction=orbite] .category-button[aria-pressed=true]{box-shadow:none;background:#2a2a2a;border:1px solid #767676}[data-direction=orbite] .category-label{padding-left:15px;font-size:9px;letter-spacing:1.4px}[data-direction=orbite] .category-hint{padding-left:15px;font-size:10px}[data-direction=orbite] .catalogue-topbar{border-bottom:0;margin-bottom:22px;padding-bottom:0}[data-direction=orbite] .searchbox input{border-radius:30px;padding-left:18px;background:#111}[data-direction=orbite] .catalogue-topbar h2{font-weight:300;font-size:24px}[data-direction=orbite] .catalogue-disclaimer{border:1px solid #353535;border-radius:15px;background:#111;font-size:10px;padding:15px 20px}[data-direction=orbite] .product-grid{grid-template-columns:minmax(0,1fr)}[data-direction=orbite] .product-card{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto 1fr;column-gap:30px;align-items:start;padding:22px;border:1px solid #3c3c3c;border-radius:28px;background:radial-gradient(ellipse at 40% 20%,#212121,#121212)}[data-direction=orbite] .product-card .visual{grid-column:1;grid-row:1/4;border:0;aspect-ratio:1;border-radius:20px}[data-direction=orbite] .product-card .visual img{object-fit:contain}[data-direction=orbite] .product-card .range{grid-column:2;grid-row:1;margin-top:25px;font-size:9px}[data-direction=orbite] .product-card h3{grid-column:2;grid-row:2;font-size:27px;line-height:1.1;font-weight:300;letter-spacing:-1px;margin-top:12px;align-items:flex-start}[data-direction=orbite] .product-card>p:last-child{grid-column:2;grid-row:3;font-size:11px;margin-top:20px;line-height:1.9}[data-direction=orbite] .example{border-radius:10px}[data-direction=orbite] .contact-form,[data-direction=orbite] .account-panel,[data-direction=orbite] .offers-state,[data-direction=orbite] .detail-image,[data-direction=orbite] .portal-shell{border-radius:25px}[data-direction=orbite] .contact-form{padding:38px}[data-direction=orbite] label input,[data-direction=orbite] label select,[data-direction=orbite] label textarea{border-radius:12px}[data-direction=orbite] .auth-button{border-radius:30px}[data-direction=orbite] .portal-shell{overflow:hidden}[data-direction=orbite] .portal-nav a{border-radius:25px;border-left:0}[data-direction=orbite] .account-page{background:#080808}[data-direction=orbite] .offers-page h1,[data-direction=orbite] .contact-intro h1,[data-direction=orbite] .account-title{font-weight:300}
@media(max-width:1100px) and (min-width:701px){[data-direction=orbite] .header nav{gap:16px;font-size:10px;padding-left:18px}[data-direction=orbite] .header nav .account-link{padding:11px 13px}[data-direction=orbite] .header{padding-left:4%;padding-right:4%}[data-direction=orbite] .brand{font-size:25px}[data-direction=orbite] .offers-link{gap:6px;padding-right:9px}[data-direction=orbite] .catalogue-shell{grid-template-columns:200px 1fr;gap:25px}[data-direction=orbite] .product-card{padding:18px;column-gap:20px}[data-direction=orbite] .product-card h3{font-size:23px}[data-direction=prisme] .header nav{gap:20px;font-size:10px}[data-direction=prisme] .hero-content{padding-top:110px}[data-direction=prisme] .hero h1{font-size:58px}[data-direction=monolithe] .hero h1{font-size:78px}[data-direction=monolithe] .hero-content{max-width:650px}}
@media(max-width:700px){.direction-bar{height:38px;font-size:9px}.direction-bar i{display:none}.direction-bar>div{gap:14px}.direction-bar a:first-child{margin-right:0}.direction-bar b{margin-right:6px}.portal-preview{padding:30px 5% 55px}.portal-banner{font-size:10px}.portal-shell{grid-template-columns:1fr}.portal-nav{border:0;border-bottom:1px solid #333;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.portal-nav a{padding:13px 10px;font-size:11px}.portal-content{padding:27px 22px}.portal-content h1{font-size:32px}.portal-content>p{font-size:12px}.portal-empty h2{font-size:22px}.portal-empty p{font-size:11px}[data-direction] .header{height:78px}[data-direction] .header nav{top:77px;font-size:12px;gap:0}[data-direction] .header nav .account-link{padding:15px 12px}[data-direction=monolithe] .hero{height:745px;min-height:0}[data-direction=monolithe] .hero-content{padding:342px 6% 0;max-width:none}[data-direction=monolithe] .hero h1{font-size:50px;line-height:1.02;letter-spacing:-2.7px}[data-direction=monolithe] .hero:after{background:linear-gradient(0deg,#04090ff5 0%,#04090fca 32%,#04090f4d 58%,transparent 85%)}[data-direction=monolithe] .section-heading h2{font-size:37px}[data-direction=monolithe] .project{padding-left:5%;padding-right:5%}[data-direction=monolithe] .project-intro{padding:34px 16px 15px}[data-direction=monolithe] .project h2{font-size:41px;letter-spacing:-2px}[data-direction=monolithe] .project-steps{padding:15px 16px 25px}[data-direction=monolithe] .page-intro{padding-top:42px;padding-bottom:34px}[data-direction=monolithe] .page-intro h1{font-size:47px;letter-spacing:-2px}[data-direction=monolithe] .catalogue-shell{display:block}[data-direction=monolithe] .category-button{padding:17px}[data-direction=monolithe] .product-card .visual{aspect-ratio:1.4}[data-direction=monolithe] .product-card h3{font-size:25px}[data-direction=prisme] .hero{margin:15px 4% 0;height:740px;border-color:#444}[data-direction=prisme] .hero-image{left:0;top:0;width:100%;height:340px;object-position:60% 26%}[data-direction=prisme] .hero:after{background:linear-gradient(0deg,#111 0%,#111 51%,#111c 60%,transparent 86%)}[data-direction=prisme] .hero-content{padding:330px 6% 0;max-width:none}[data-direction=prisme] .hero h1{font-size:44px;letter-spacing:-2px;line-height:1.02;max-width:320px}[data-direction=prisme] .hero .eyebrow{font-size:7px;letter-spacing:.5px;margin-bottom:19px}[data-direction=prisme] .hero-description{font-size:11px;margin-top:20px}[data-direction=prisme] .hero-actions{gap:18px;margin-top:25px;align-items:flex-start;flex-direction:column}[data-direction=prisme] .hero-actions .button{min-height:44px;padding:13px 15px;font-size:10px}[data-direction=prisme] .hero-actions .text-link{font-size:10px}[data-direction=prisme] .hero-bottom{font-size:7px;bottom:16px;padding-top:13px;left:6%;right:6%;letter-spacing:0}[data-direction=prisme] .hero-bottom i{display:none}[data-direction=prisme] .section{padding:60px 5%}[data-direction=prisme] .section-heading h2{font-size:36px}[data-direction=prisme] .universes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}[data-direction=prisme] .universe{padding:12px 12px 20px}[data-direction=prisme] .universe h3{font-size:11px}[data-direction=prisme] .universe:last-child{padding:12px;grid-template-columns:1fr 1fr;column-gap:15px}[data-direction=prisme] .project{margin:0 4% 60px}[data-direction=prisme] .project-intro{padding:32px 23px 20px}[data-direction=prisme] .project h2{font-size:37px}[data-direction=prisme] .project-steps{padding:10px 23px 25px}[data-direction=prisme] .page-intro{padding:40px 5% 30px}[data-direction=prisme] .page-intro h1{font-size:40px}[data-direction=prisme] .catalogue-shell{display:block;padding-left:5%;padding-right:5%}[data-direction=prisme] .category-aside{padding:0;border:0;background:none}[data-direction=prisme] .category-button{font-size:12px;padding:17px}[data-direction=prisme] .catalogue-topbar{flex-direction:column;align-items:stretch;padding:16px;gap:15px}[data-direction=prisme] .catalogue-disclaimer{font-size:9px}[data-direction=prisme] .product-grid{grid-template-columns:1fr}[data-direction=prisme] .product-card{padding:17px}[data-direction=prisme] .product-card .visual{aspect-ratio:1.3}[data-direction=prisme] .product-card .range{font-size:9px}[data-direction=prisme] .product-card h3{font-size:24px}[data-direction=prisme] .product-card>p:last-child{font-size:11px}[data-direction=orbite] .header{padding:0 6%}[data-direction=orbite] .header nav{border-radius:0;padding:12px 5% 22px;background:#111;border:0;border-bottom:1px solid #555;gap:0}[data-direction=orbite] .header nav>a[aria-current=page]:after{left:12px;bottom:10px}[data-direction=orbite] .header nav .account-link{border-radius:26px;margin:12px 0}[data-direction=orbite] .hero{height:660px;border-radius:24px;margin:0 4%}[data-direction=orbite] .hero-content{padding:40px 5% 0}[data-direction=orbite] .hero h1{font-size:45px;letter-spacing:-2.4px;line-height:1.04;max-width:320px}[data-direction=orbite] .hero h1 br{display:none}[data-direction=orbite] .hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:23px}[data-direction=orbite] .hero-description{font-size:11px;max-width:270px;line-height:1.8;margin-top:22px}[data-direction=orbite] .hero-actions{flex-direction:column;gap:18px;margin-top:25px}[data-direction=orbite] .hero-actions .button{font-size:10px;padding:13px 20px}[data-direction=orbite] .hero-actions .text-link{font-size:10px}[data-direction=orbite] .hero-image{height:42%;object-position:63% center}[data-direction=orbite] .hero:after{background:linear-gradient(180deg,#111 0%,#111 48%,#111c 55%,transparent 78%),linear-gradient(0deg,#0007,transparent 18%)}[data-direction=orbite] .hero-bottom{font-size:6px;letter-spacing:.3px;left:6%;right:6%;bottom:20px}[data-direction=orbite] .hero-bottom i{width:12px}[data-direction=orbite] .section{padding:60px 6%}[data-direction=orbite] .section-heading h2{font-size:36px}[data-direction=orbite] .universe,[data-direction=orbite] .universe:last-child{display:grid;grid-template-columns:70px 1fr;gap:8px 18px;padding:16px 0}[data-direction=orbite] .universe-visual,[data-direction=orbite] .universe:last-child .universe-visual{width:70px;grid-column:1;grid-row:1/3;border-radius:14px}[data-direction=orbite] .universe h3,[data-direction=orbite] .universe:last-child h3{grid-column:2;grid-row:1;font-size:18px;align-self:end;margin:0 0 6px;line-height:1.3}[data-direction=orbite] .universe>p,[data-direction=orbite] .universe:last-child>p{grid-column:2;grid-row:2;text-align:left;font-size:7px;align-self:start}[data-direction=orbite] .project{margin:0 4% 60px;border-radius:24px}[data-direction=orbite] .project-intro{padding:34px 25px 20px}[data-direction=orbite] .project h2{font-size:38px}[data-direction=orbite] .project-steps{padding:10px 25px 25px}[data-direction=orbite] .page-intro{padding:42px 5% 35px}[data-direction=orbite] .page-intro h1{font-size:44px;letter-spacing:-2px}[data-direction=orbite] .catalogue-shell{display:block;padding-left:5%;padding-right:5%}[data-direction=orbite] .mobile-category{border-radius:27px}[data-direction=orbite] .category-list{padding:10px;border-radius:0 0 20px 20px;margin:0 10px}[data-direction=orbite] .category-button{margin-bottom:4px;font-size:12px;padding:16px}[data-direction=orbite] .catalogue-topbar h2{font-size:22px}[data-direction=orbite] .product-card{display:block;padding:18px;border-radius:24px}[data-direction=orbite] .product-card .visual{aspect-ratio:1.2;border-radius:18px}[data-direction=orbite] .product-card .range{margin:23px 0 9px}[data-direction=orbite] .product-card h3{margin:0;font-size:26px}[data-direction=orbite] .product-card>p:last-child{margin-top:14px;font-size:11px}[data-direction=orbite] .contact-form{padding:27px 20px}}
.led-studio{align-self:start;min-width:0}.led-stage{height:440px;background:radial-gradient(ellipse at 50% 34%,#262626,#101010 70%);position:relative;border:1px solid #414141;overflow:hidden}.led-aura{position:absolute;inset:15% 2%;background:radial-gradient(ellipse,rgba(var(--led-color,255,255,255),.23),transparent 66%);opacity:0;transition:opacity .35s;pointer-events:none}.is-on .led-aura{opacity:1}.led-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;position:relative;z-index:1}.led-canvas.dragging{cursor:grabbing}.led-stage-label{position:absolute;top:21px;left:22px;right:22px;display:flex;gap:12px;justify-content:space-between;align-items:center;z-index:2;font-size:8px;letter-spacing:1.2px;pointer-events:none}.led-state{font-size:9px;letter-spacing:0;color:#ddd;border:1px solid #666;background:#141414cc;padding:7px 10px}.is-on .led-state{border-color:#aaa;color:#fff}.led-stage-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:2;gap:10px}.led-stage-bottom>span{font-size:9px;color:#bcbcbc}.led-stage-bottom>div{display:flex;gap:7px}.led-stage-bottom button{border:1px solid #666;width:33px;height:33px;background:#171717dd;color:#fff;font-size:18px;border-radius:2px}.led-stage-bottom button:hover{background:#333}.led-simulation{padding:20px 0}.led-start{width:100%}.led-temperature-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:9px;letter-spacing:1px}.led-off{border:1px solid #555;background:#171717;color:#fff;padding:9px 13px;font-size:10px;letter-spacing:0}.led-off[aria-pressed=true]{border-color:#ccc;background:#333}.led-temperatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.led-temperatures button{border:1px solid #444;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#171717;padding:17px 13px;color:#fff;min-width:0}.led-temperatures button[aria-pressed=true]{border:1px solid #ccc;background:#303030;box-shadow:inset 0 -2px #d9d9d9}.led-temperatures button i{width:17px;height:17px;border-radius:50%;display:block;box-shadow:0 0 16px #ffffff2b}.led-temperatures .warm{background:#ffd18d}.led-temperatures .neutral{background:#ffedce}.led-temperatures .cold{background:#e0ecff}.led-temperatures button b{font-size:14px;font-weight:400}.led-temperatures button>span{font-size:9px;color:#c1c1c1;line-height:1.5}.led-disclaimer{font-size:10px;line-height:1.8;color:#aaa;margin-top:17px}.led-fallback{position:absolute;inset:25%;font-size:13px;line-height:1.8;color:#ccc;text-align:center}[data-direction=prisme] .led-stage{border-color:#707070}[data-direction=prisme] .led-stage-label{font-family:'Courier New',monospace}[data-direction=orbite] .led-stage{border-radius:26px}[data-direction=orbite] .led-temperatures button{border-radius:17px}[data-direction=orbite] .led-off{border-radius:25px}[data-direction=orbite] .led-stage-bottom button{border-radius:50%}[data-direction=orbite] .led-state{border-radius:20px}
@media(max-width:700px){.led-stage{height:350px}.led-stage-label{top:17px;left:15px;right:15px;font-size:7px;letter-spacing:.6px}.led-state{font-size:8px;padding:7px}.led-stage-bottom{left:15px;right:15px;bottom:15px}.led-stage-bottom>span{font-size:8px}.led-stage-bottom button{width:31px;height:31px}.led-temperatures{gap:7px}.led-temperatures button{padding:14px 10px;gap:9px}.led-temperatures button b{font-size:13px}.led-temperatures button>span{font-size:8px}.led-disclaimer{font-size:9px}.led-simulation{padding-bottom:0}.product-detail .detail-content{padding-top:33px}}
[hidden]{display:none!important}
/* Commande permanente : deux SVG distincts, synchronisés avec le modèle 3D. */
.led-simulation-actions{display:flex;align-items:stretch;gap:12px;margin-bottom:20px}.led-simulation-actions .led-start{flex:1;width:auto;min-width:0}.led-power{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:160px;min-height:54px;padding:11px 18px;border:1px solid #676767;border-radius:30px;background:linear-gradient(125deg,#242424,#141414);color:#fff;font-size:12px;box-shadow:inset 0 1px #ffffff12;transition:background .2s,border-color .2s}.led-power-icon{display:block;width:50px;height:31px;flex:none;filter:drop-shadow(0 2px 3px #0005)}.led-power-label{min-width:47px;text-align:left}.led-power:hover{border-color:#b5b5b5;background:#2e2e2e}.led-power[aria-pressed=true]{background:linear-gradient(120deg,#3e3e3e,#242424);border-color:#bdbdbd;box-shadow:inset 0 1px #ffffff29,0 0 22px #ffffff08}.led-power:disabled{opacity:.5;cursor:default}.led-temperature-panel{padding-top:1px}[data-direction=prisme] .led-power,[data-direction=monolithe] .led-power{border-radius:2px}
@media(max-width:700px){.led-simulation-actions{gap:9px;margin-bottom:20px}.led-simulation-actions .led-start{padding:12px 14px;gap:8px;font-size:10px}.led-power{min-width:130px;min-height:49px;padding:9px 11px;gap:9px;font-size:11px}.led-power-icon{width:43px;height:28px}.led-power-label{min-width:43px}}@media(max-width:350px){.led-simulation-actions{flex-direction:column}.led-power{width:100%;min-height:49px}.led-power-label{min-width:47px}}