{"id":15451,"date":"2026-09-16T01:14:46","date_gmt":"2026-09-15T23:14:46","guid":{"rendered":"https:\/\/www.ok3d.fr\/?page_id=15451"},"modified":"2026-09-16T01:15:38","modified_gmt":"2026-09-15T23:15:38","slug":"alpine-x-obvious","status":"publish","type":"page","link":"https:\/\/www.ok3d.fr\/en\/projets\/alpine-x-obvious\/","title":{"rendered":"Alpine \u00d7 Obvious"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15451\" class=\"elementor elementor-15451\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e62dd1c e-con-full e-flex e-con e-parent\" data-id=\"e62dd1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0039ac6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0039ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OK3D \u00b7 ALPINE \u00d7 OBVIOUS \u00b7 Elementor HTML \u00b7 Sans header ni footer -->\r\n<div id=\"ok3d-project-alpine\"><a class=\"skip\" href=\"#ok3d-project-alpine-main\">Aller au contenu<\/a><main id=\"ok3d-project-alpine-main\">\r\n<section class=\"case-hero\"><div class=\"wrap\"><a class=\"case-back\" href=\"\/projets\/\">\u2190 Retour aux projets<\/a><div class=\"case-heading\"><div><p class=\"kicker\">Art car \/ Animation 3D<\/p><h1 class=\"case-title\">Alpine \u00d7<br>Obvious<span>.<\/span><\/h1><\/div><div class=\"case-summary\"><p class=\"case-lead\">Du motif au paysage.<br>Une Alpine, un relief, un m\u00eame langage.<\/p><a class=\"text-link\" href=\"#ok3d-project-alpine-film\">D\u00e9couvrir le film <span aria-hidden=\"true\">\u2193<\/span><\/a><\/div><\/div>\r\n<dl class=\"case-meta\"><div><dt>Projet<\/dt><dd>A110 Sastruga<\/dd><\/div><div><dt>Cr\u00e9ation du covering<\/dt><dd>Collectif Obvious<\/dd><\/div><div><dt>Mon intervention<\/dt><dd>Texturing \u00b7 Animation 3D \u00b7 Paysage \u00b7 Rendu<\/dd><\/div><div><dt>Exposition de l\u2019art car<\/dt><dd>Art Paris 2022<\/dd><\/div><\/dl>\r\n<figure class=\"case-film\" id=\"ok3d-project-alpine-film\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1058636442?title=0&amp;byline=0&amp;portrait=0\" title=\"Alpine \u00d7 Obvious \u2014 animation 3D par OK3D\" allow=\"fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\"><\/iframe><figcaption><span>LE FILM \u2014 TURNAROUND 3D<\/span><span>A110 Sastruga \/ Paysage enneig\u00e9<\/span><\/figcaption><\/figure><\/div><\/section>\r\n<section class=\"section wrap\"><div class=\"case-overview\"><div class=\"reveal\"><p class=\"kicker\">01 \/ La collaboration<\/p><h2 class=\"case-h2\">L\u2019air dessine.<br><span>La 3D r\u00e9v\u00e8le.<\/span><\/h2><\/div><div class=\"case-copy reveal\"><p>Une carrosserie blanche, un motif bleu et une cr\u00e9ation \u00e0 la rencontre de l\u2019automobile, de l\u2019art et de l\u2019intelligence artificielle.<\/p><p>Pour Alpine, le collectif Obvious imagine le covering de l\u2019A110 Sastruga. Son processus associe un circuit imaginaire g\u00e9n\u00e9r\u00e9 \u00e0 partir de l\u2019histoire sportive de la marque \u00e0 une mod\u00e9lisation de l\u2019\u00e9coulement de l\u2019air. Le dessin s\u2019inspire des sastrugi, ces reliefs fa\u00e7onn\u00e9s par le vent dans la neige.<\/p><div class=\"case-challenge\"><strong>Mon r\u00f4le \u2014 OK3D \/ J\u00e9r\u00e9my Vel\u00e9<\/strong><p>Prendre en charge le texturing de l\u2019Alpine 3D \u00e0 partir du covering imagin\u00e9 par Obvious, puis r\u00e9aliser l\u2019animation en rotation et construire son environnement montagneux. Le motif n\u2019est pas cr\u00e9\u00e9 par OK3D : il est int\u00e9gr\u00e9 et travaill\u00e9 sur le mod\u00e8le 3D avant de se prolonger dans le d\u00e9cor.<\/p><\/div><\/div><\/div><\/section>\r\n<section class=\"section alpine-terrain\"><div class=\"wrap\"><div class=\"alpine-section-head reveal\"><p class=\"kicker\">02 \/ Du covering au relief<\/p><h2 class=\"case-h2\">La m\u00eame forme,<br><span>deux lectures, un paysage.<\/span><\/h2><p class=\"subtext\">Le motif d\u00e9pli\u00e9 sert ici de forme source. En le traduisant en lecture topographique, j\u2019obtiens une structure de relief qui devient ensuite un paysage 3D \u00e0 part enti\u00e8re. Glissez le curseur pour comparer l\u2019origine graphique et sa transformation.<\/p><\/div><div class=\"alpine-pair alpine-evolution-grid\">\r\n<figure class=\"alpine-visual alpine-compare-figure reveal\"><div class=\"alpine-compare-card\" data-compare style=\"--compare:56%\"><div class=\"alpine-compare-head\"><span>Avant<\/span><span>Apr\u00e8s<\/span><\/div><div class=\"alpine-compare-stage\"><img class=\"alpine-compare-base\" src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2023\/11\/comparaison2.webp\" alt=\"Motif transform\u00e9 en lecture topographique\" loading=\"lazy\" decoding=\"async\"><div class=\"alpine-compare-overlay\" aria-hidden=\"true\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2023\/11\/comparaison1.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"alpine-compare-divider\" aria-hidden=\"true\"><span><\/span><\/div><input class=\"alpine-compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"56\" aria-label=\"Comparer la forme source et le motif en relief\"><\/div><div class=\"alpine-compare-note\"><strong>Comparatif interactif<\/strong><p>Le covering imagin\u00e9 par Obvious se transforme ici en lecture de relief. La g\u00e9om\u00e9trie reste la m\u00eame, seul le mode de lecture \u00e9volue.<\/p><\/div><\/div><figcaption>01 \/ Forme source \u2192 motif au relief \u2014 un avant \/ apr\u00e8s interactif pour lire clairement la continuit\u00e9 entre le dessin d\u2019origine et sa traduction topographique.<\/figcaption><\/figure><figure class=\"alpine-visual reveal\"><button class=\"alpine-image alpine-image-cover\" type=\"button\" data-asset=\"montagnesPerspective\" aria-label=\"Agrandir : Vue 3D en perspective de la cha\u00eene de montagnes\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/montain_mapv3.1.png\" alt=\"Vue 3D en perspective de la cha\u00eene de montagnes\" loading=\"lazy\" decoding=\"async\"><span class=\"alpine-zoom\" aria-hidden=\"true\">\u2197<\/span><\/button><figcaption>02 \/ La forme en volume \u2014 une vue 3D en perspective de la cha\u00eene de montagnes g\u00e9n\u00e9r\u00e9e \u00e0 partir de cette m\u00eame structure, pour faire passer le motif dans un v\u00e9ritable environnement.<\/figcaption><\/figure>\r\n<\/div><div class=\"alpine-story reveal\"><span>FORME SOURCE<\/span><b aria-hidden=\"true\">\u2192<\/b><span>LECTURE TOPOGRAPHIQUE<\/span><b aria-hidden=\"true\">\u2192<\/b><span>CHA\u00ceNE DE MONTAGNES 3D<\/span><\/div><\/div><\/section>\r\n<section class=\"section wrap\"><div class=\"case-craft\"><div class=\"reveal\"><p class=\"kicker\">03 \/ La mise en mouvement<\/p><h2 class=\"case-h2\">Faire tourner<br><span>le regard.<\/span><\/h2><p class=\"subtext\">Une animation qui met en valeur le covering imagin\u00e9 par Obvious, son int\u00e9gration en textures sur l\u2019Alpine 3D et le paysage construit \u00e0 partir de sa g\u00e9om\u00e9trie.<\/p><a class=\"text-link alpine-replay\" href=\"#ok3d-project-alpine-film\">Revoir le film <span aria-hidden=\"true\">\u2191<\/span><\/a><\/div><ol class=\"case-process\"><li class=\"reveal\"><span>01<\/span><div><h3>Le turnaround.<\/h3><p>Un mouvement autour de l\u2019A110 pour r\u00e9v\u00e9ler progressivement sa silhouette, le covering con\u00e7u par Obvious et son int\u00e9gration sur le mod\u00e8le 3D.<\/p><\/div><\/li><li class=\"reveal\"><span>02<\/span><div><h3>Le d\u00e9cor sur mesure.<\/h3><p>Des montagnes enneig\u00e9es cr\u00e9\u00e9es en 3D \u00e0 partir du motif d\u00e9pli\u00e9 : le paysage fait partie de l\u2019histoire de la voiture.<\/p><\/div><\/li><li class=\"reveal\"><span>03<\/span><div><h3>Textures, lumi\u00e8re et rendu.<\/h3><p>Un travail de texturing sur l\u2019Alpine pour restituer proprement la carrosserie, les mati\u00e8res et le motif fourni, puis une mise en lumi\u00e8re pens\u00e9e pour pr\u00e9server les nuances du blanc et faire ressortir les lignes bleues.<\/p><\/div><\/li><\/ol><\/div><\/section>\r\n<section class=\"section alpine-exhibition\"><div class=\"wrap\"><div class=\"alpine-section-head reveal\"><p class=\"kicker\">04 \/ Dans le r\u00e9el<\/p><h2 class=\"case-h2\">De l\u2019image<br><span>\u00e0 l\u2019exposition.<\/span><\/h2><p class=\"subtext\">L\u2019A110 Sastruga a \u00e9t\u00e9 pr\u00e9sent\u00e9e \u00e0 Art Paris 2022, au Grand Palais \u00c9ph\u00e9m\u00e8re. La voiture r\u00e9elle dialogue ici avec la formule utilis\u00e9e par Obvious pour g\u00e9n\u00e9rer le relief et prolonger cet univers.<\/p><\/div><div class=\"alpine-pair alpine-real\">\r\n<figure class=\"alpine-visual  reveal\"><button class=\"alpine-image\" type=\"button\" data-asset=\"voitureReelle\" aria-label=\"Agrandir : L\u2019Alpine A110 Sastruga r\u00e9elle\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/ALPINE-X-OBVIOUS.jpg\" alt=\"L\u2019Alpine A110 Sastruga r\u00e9elle\" loading=\"lazy\" decoding=\"async\"><span class=\"alpine-zoom\" aria-hidden=\"true\">\u2197<\/span><\/button><figcaption>La voiture r\u00e9elle \u2014 covering Obvious \u00d7 Alpine. <a href=\"https:\/\/www.alpine-cars.co.uk\/collaborations\/a110-obvious.html\" target=\"_blank\" rel=\"noopener noreferrer\">Source photo : Alpine \u2197<\/a><\/figcaption><\/figure><figure class=\"alpine-visual  reveal\"><button class=\"alpine-image\" type=\"button\" data-asset=\"maquette\" aria-label=\"Agrandir : La formule du relief\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/624d6b8bbacd6.jpg\" alt=\"La formule du relief\" loading=\"lazy\" decoding=\"async\"><span class=\"alpine-zoom\" aria-hidden=\"true\">\u2197<\/span><\/button><figcaption>La formule du relief \u2014 base visuelle utilis\u00e9e par Obvious pour g\u00e9n\u00e9rer le volume et la logique du paysage enneig\u00e9.<\/figcaption><\/figure>\r\n<\/div><div class=\"alpine-credits\"><p><strong>Cr\u00e9ation artistique &amp; covering<\/strong><br>Obvious \u00d7 Alpine<\/p><p><strong>Texturing, animation &amp; environnement 3D<\/strong><br>OK3D \u2014 J\u00e9r\u00e9my Vel\u00e9<\/p><p><strong>Exposition<\/strong><br>Art Paris 2022 \u00b7 Grand Palais \u00c9ph\u00e9m\u00e8re<\/p><\/div><\/div><\/section>\r\n<section class=\"portfolio-cta\"><div class=\"wrap\"><div><p class=\"kicker\">Votre prochain projet<\/p><h2>Un univers \u00e0 r\u00e9v\u00e9ler ?<br><span class=\"accent-line\">Donnons-lui vie.<\/span><\/h2><p>Un produit, une intention artistique, un d\u00e9cor \u00e0 imaginer. Cr\u00e9ons les images qui leur donnent toute leur dimension.<\/p><\/div><a class=\"btn btn-primary\" href=\"\/#contact\">Parlons de votre projet <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/section><\/main>\r\n<dialog class=\"case-lightbox\" aria-labelledby=\"alpine-lightbox-title\"><div class=\"lightbox-top\"><p id=\"alpine-lightbox-title\"><\/p><button type=\"button\" data-close aria-label=\"Fermer l\u2019image\">\u00d7<\/button><\/div><img alt=\"\" data-full-image><\/dialog><\/div>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');\r\n\r\n#ok3d-project-alpine{--bg:#080a10;--surface:#0e111a;--text:#f1f3fa;--muted:#a1a8ba;--line:#ffffff20;--blue:#648cff;--font:'Manrope',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--gutter:clamp(22px,5vw,88px);position:relative;width:100%;max-width:none!important;margin:0!important;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow:clip}\r\n#ok3d-project-alpine,#ok3d-project-alpine *{box-sizing:border-box}\r\n#ok3d-project-alpine img{max-width:none}\r\n#ok3d-project-alpine button,#ok3d-project-alpine input,#ok3d-project-alpine select,#ok3d-project-alpine textarea{font-family:inherit}\r\n\/* Force the Elementor HTML widget\/container to span full width when possible. *\/\r\n.elementor-widget-html:has(#ok3d-project-alpine),.elementor-widget-html:has(#ok3d-project-alpine) .elementor-widget-container{width:100%;max-width:none!important}\r\n\r\n\r\n#ok3d-project-alpine{--bg:#080a10;--surface:#0e111a;--text:#f1f3fa;--muted:#a1a8ba;--line:#ffffff20;--blue:#648cff;--font:\"Manrope\",Arial,sans-serif;--display:\"Space Grotesk\",Arial,sans-serif;--gutter:clamp(22px,5vw,88px)}\r\n#ok3d-project-alpine *{box-sizing:border-box}#ok3d-project-alpine{scroll-behavior:smooth;scroll-padding-top:100px}#ok3d-project-alpine{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}#ok3d-project-alpine.locked{overflow:hidden}#ok3d-project-alpine button,#ok3d-project-alpine input,#ok3d-project-alpine select,#ok3d-project-alpine textarea{font:inherit}#ok3d-project-alpine button,#ok3d-project-alpine a{-webkit-tap-highlight-color:transparent}#ok3d-project-alpine button{cursor:pointer}#ok3d-project-alpine a{color:inherit;text-decoration:none}#ok3d-project-alpine button{color:inherit}#ok3d-project-alpine img{display:block;width:100%;height:auto}#ok3d-project-alpine ::selection{background:#648cff;color:#080a10}#ok3d-project-alpine :focus-visible{outline:2px solid #90adff;outline-offset:6px}#ok3d-project-alpine h1,#ok3d-project-alpine h2,#ok3d-project-alpine h3,#ok3d-project-alpine p{margin:0}#ok3d-project-alpine h1,#ok3d-project-alpine h2,#ok3d-project-alpine h3{font-family:var(--display);font-weight:500}#ok3d-project-alpine button:disabled{cursor:wait;opacity:.65}#ok3d-project-alpine .wrap{width:min(100%,1600px);margin:auto;padding-inline:var(--gutter)}#ok3d-project-alpine .section{padding-block:112px}#ok3d-project-alpine .kicker{font-size:13px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:14px;color:var(--muted)}#ok3d-project-alpine .kicker::before{content:\"\";width:22px;height:1px;background:var(--blue)}#ok3d-project-alpine .blue{color:var(--blue)}#ok3d-project-alpine .arrow{font-size:24px;line-height:1;display:inline-block;transition:transform .25s}#ok3d-project-alpine .btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:14px 24px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);font-size:14px;font-weight:700;transition:background .25s,border-color .25s,transform .25s}#ok3d-project-alpine .btn:hover{border-color:var(--blue);background:#648cff10}#ok3d-project-alpine .btn:hover .arrow{transform:translate(3px,-3px)}#ok3d-project-alpine .btn-primary{background:#537fff;border-color:#537fff;color:#fff}#ok3d-project-alpine .btn-primary:hover{background:#6d92ff;border-color:#6d92ff}#ok3d-project-alpine .text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px}#ok3d-project-alpine .text-link:hover{color:var(--blue)}#ok3d-project-alpine .skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--text);color:var(--bg);padding:10px}#ok3d-project-alpine .skip:focus{top:15px}\r\n#ok3d-project-alpine .header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid var(--line)}#ok3d-project-alpine .header-inner{display:flex;align-items:center;justify-content:space-between;height:94px;gap:24px}#ok3d-project-alpine .logo{font-family:var(--display);font-size:34px;font-weight:700;letter-spacing:-3px;line-height:1}#ok3d-project-alpine .logo span{color:var(--blue)}#ok3d-project-alpine .logo b{display:inline-block;width:7px;height:7px;background:var(--blue);margin-left:5px}#ok3d-project-alpine .nav{display:flex;gap:34px;align-items:center}#ok3d-project-alpine .nav a{font-size:14px;color:#c4cad8;transition:color .2s}#ok3d-project-alpine .nav a:hover{color:#fff}#ok3d-project-alpine .header-contact{font-size:14px;border:1px solid #ffffff40;padding:10px 18px;border-radius:3px}#ok3d-project-alpine .menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 13px;font-size:14px}\r\n#ok3d-project-alpine .hero{position:relative;min-height:850px;min-height:min(940px,100svh);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:#0a0d18}#ok3d-project-alpine .hero-media{position:absolute;inset:0;z-index:-3}#ok3d-project-alpine .hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}#ok3d-project-alpine .hero::before{content:\"\";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,17,.94),rgba(5,8,17,.76) 40%,rgba(5,8,17,.13) 78%),linear-gradient(0deg,#080a10 0%,transparent 36%,#080a1055)}#ok3d-project-alpine .hero::after{content:\"\";position:absolute;inset:94px 0 0;z-index:-1;background:linear-gradient(90deg,transparent calc(75% - 1px),#ffffff0b 75%,transparent calc(75% + 1px));pointer-events:none}#ok3d-project-alpine .hero-body{padding-top:clamp(165px,19vh,230px);padding-bottom:165px}#ok3d-project-alpine .hero .kicker{color:#c5cfe6;margin-bottom:28px}#ok3d-project-alpine .hero h1{font-size:clamp(60px,7.5vw,116px);letter-spacing:-.065em;line-height:1.02;max-width:1000px}#ok3d-project-alpine .hero h1 em{font-style:normal;color:#92acff}#ok3d-project-alpine .hero-copy{max-width:470px;color:#bdc5d6;margin-top:30px;font-size:17px;line-height:1.8}#ok3d-project-alpine .hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}#ok3d-project-alpine .reel-trigger{display:inline-flex;gap:13px;align-items:center;background:transparent;border:0;font-size:14px;padding:10px 0}#ok3d-project-alpine .play{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;font-size:12px;padding-left:2px}#ok3d-project-alpine .reel-trigger:hover .play{background:var(--blue);border-color:var(--blue)}#ok3d-project-alpine .hero-bottom{position:absolute;bottom:0;width:100%;padding-block:24px;display:flex;justify-content:space-between;align-items:end}#ok3d-project-alpine .hero-signature{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b4bed0;display:flex;gap:20px}#ok3d-project-alpine .hero-signature span+span{border-left:1px solid #ffffff40;padding-left:20px}#ok3d-project-alpine .hero-controls{display:flex;align-items:center;gap:22px;font-size:12px;color:#b4bed0}#ok3d-project-alpine .pause{border:1px solid #ffffff35;background:#080a1055;border-radius:50%;height:36px;width:36px;font-size:13px}#ok3d-project-alpine .scroll-link{font-size:13px;display:flex;gap:14px;align-items:center}#ok3d-project-alpine .hero-index{position:absolute;right:var(--gutter);top:47%;writing-mode:vertical-rl;color:#d4ddf0;letter-spacing:.13em;font-size:12px}\r\n#ok3d-project-alpine .clients{padding-block:34px;border-bottom:1px solid var(--line)}#ok3d-project-alpine .clients-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}#ok3d-project-alpine .clients-label{font-size:12px;color:var(--muted);max-width:115px;line-height:1.7}#ok3d-project-alpine .client-list{display:flex;align-items:center;justify-content:space-between;flex:1;gap:30px}#ok3d-project-alpine .client-list span{font-family:var(--display);font-size:23px;font-weight:600;letter-spacing:-.04em;color:#bec3cf}#ok3d-project-alpine .client-list .kiprun{font-style:italic;letter-spacing:-.08em}#ok3d-project-alpine .client-list .obvious{font-size:19px;letter-spacing:-.04em}#ok3d-project-alpine .client-list .laposte{font-size:20px;font-style:italic}\r\n#ok3d-project-alpine .section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px}#ok3d-project-alpine .section-head h2,#ok3d-project-alpine .about h2,#ok3d-project-alpine .contact h2{font-size:clamp(40px,4.5vw,66px);letter-spacing:-.055em;line-height:1.08;margin-top:20px}#ok3d-project-alpine .section-head h2 span{color:var(--muted)}#ok3d-project-alpine .works{padding-bottom:106px}#ok3d-project-alpine .project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:46px 28px}#ok3d-project-alpine .project:first-child{grid-column:1\/-1}#ok3d-project-alpine .project-media{position:relative;overflow:hidden;aspect-ratio:16\/10;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:block;width:100%;padding:0;text-align:left}#ok3d-project-alpine .project:first-child .project-media{aspect-ratio:2.2}#ok3d-project-alpine .project-media img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.92)}#ok3d-project-alpine .project-media:hover img{transform:scale(1.035);filter:saturate(1.1)}#ok3d-project-alpine .project:first-child .project-media img{object-position:50% 48%}#ok3d-project-alpine .project:nth-child(2) .project-media img{object-position:50% 40%}#ok3d-project-alpine .project-label{position:absolute;left:22px;top:22px;padding:7px 12px;font-size:12px;background:#080a10b8;border:1px solid #ffffff30;border-radius:3px;backdrop-filter:blur(12px)}#ok3d-project-alpine .project-play{position:absolute;right:22px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#080a1055;backdrop-filter:blur(10px);font-size:14px;transition:background .2s}#ok3d-project-alpine .project-media:hover .project-play{background:#537fff}#ok3d-project-alpine .project-info{padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:15px}#ok3d-project-alpine .project-info h3{font-size:25px;letter-spacing:-.045em}#ok3d-project-alpine .project-info p{font-size:14px;color:var(--muted);margin-top:4px}#ok3d-project-alpine .project-number{font-family:var(--display);font-size:13px;color:var(--muted);padding-top:7px}#ok3d-project-alpine .work-footer{display:flex;justify-content:center;margin-top:48px}\r\n#ok3d-project-alpine .expertise{border-block:1px solid var(--line);background:var(--surface)}#ok3d-project-alpine .expertise .section-head>p{max-width:350px;color:var(--muted)}#ok3d-project-alpine .service{border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;padding:38px 0;transition:background .25s}#ok3d-project-alpine .service:last-child{border-bottom:1px solid var(--line)}#ok3d-project-alpine .service-num{color:var(--blue);font-family:var(--display);font-size:14px;padding-top:6px}#ok3d-project-alpine .service h3{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.045em}#ok3d-project-alpine .service p{color:var(--muted);max-width:480px;font-size:16px}#ok3d-project-alpine .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#ok3d-project-alpine .tags span{border:1px solid var(--line);padding:4px 10px;border-radius:3px;font-size:12px;color:#c0c7d7}#ok3d-project-alpine .service-title small{display:block;margin-top:12px;color:#8292ba;font-size:13px;font-weight:400}\r\n#ok3d-project-alpine .about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:start}#ok3d-project-alpine .about h2{margin-bottom:28px}#ok3d-project-alpine .about-copy>p{color:#b6bed0;font-size:18px;line-height:1.9;max-width:640px}#ok3d-project-alpine .about-copy>p+p{margin-top:18px;font-size:16px;color:var(--muted)}#ok3d-project-alpine .signature{display:flex;align-items:center;gap:17px;margin-top:30px}#ok3d-project-alpine .initials{width:51px;height:51px;display:grid;place-items:center;background:#152244;border:1px solid #648cff55;border-radius:50%;font-family:var(--display);color:#b2c6ff}#ok3d-project-alpine .signature strong{display:block;font-size:16px;font-weight:600}#ok3d-project-alpine .signature small{font-size:13px;color:var(--muted)}#ok3d-project-alpine .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-block:1px solid var(--line);padding-block:28px}#ok3d-project-alpine .stat{padding-inline:30px;border-right:1px solid var(--line)}#ok3d-project-alpine .stat:first-child{padding-left:0}#ok3d-project-alpine .stat:last-child{border:0}#ok3d-project-alpine .stat strong{font-family:var(--display);font-weight:500;font-size:48px;letter-spacing:-.06em;display:block;line-height:1.2}#ok3d-project-alpine .stat strong span{color:var(--blue)}#ok3d-project-alpine .stat p{font-size:13px;color:var(--muted);margin-top:8px}#ok3d-project-alpine .tool-list{display:flex;gap:12px 25px;flex-wrap:wrap;align-items:center;margin-top:30px;font-size:13px;color:#c0c7d7}#ok3d-project-alpine .tool-list>span:first-child{color:var(--muted);margin-right:auto}\r\n#ok3d-project-alpine .method{padding-top:0}#ok3d-project-alpine .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}#ok3d-project-alpine .step{border-top:1px solid var(--line);padding-top:22px}#ok3d-project-alpine .step>span{font-family:var(--display);color:var(--blue);font-size:13px}#ok3d-project-alpine .step h3{font-size:23px;letter-spacing:-.03em;margin-top:22px}#ok3d-project-alpine .step p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}\r\n#ok3d-project-alpine .contact{border-top:1px solid #ffffff25;background:radial-gradient(ellipse at 0% 100%,#14234d 0,transparent 65%),#0e131f}#ok3d-project-alpine .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}#ok3d-project-alpine .contact h2{font-size:clamp(44px,5vw,76px);margin-bottom:28px}#ok3d-project-alpine .contact-intro>p{color:var(--muted);max-width:400px}#ok3d-project-alpine .email-link{display:inline-flex;align-items:center;gap:24px;margin-top:34px;font-family:var(--display);font-size:clamp(21px,2.2vw,30px);border-bottom:1px solid #648cff70;padding-bottom:8px}#ok3d-project-alpine .contact-note{display:block;margin-top:35px;font-size:13px;color:#aeb9d0}#ok3d-project-alpine .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}#ok3d-project-alpine .field{display:flex;flex-direction:column;gap:8px}#ok3d-project-alpine .field.full{grid-column:1\/-1}#ok3d-project-alpine .field label{font-size:13px;color:#c7cfdf}#ok3d-project-alpine .field input,#ok3d-project-alpine .field select,#ok3d-project-alpine .field textarea{width:100%;border:0;border-bottom:1px solid #ffffff35;border-radius:0;background:transparent;color:var(--text);padding:10px 0 14px;outline-offset:5px;min-width:0;font-size:16px}#ok3d-project-alpine .field input::placeholder,#ok3d-project-alpine .field textarea::placeholder{color:#838fa7}#ok3d-project-alpine .field select{color:#c7cfdf}#ok3d-project-alpine .field select option{background:#101622;color:var(--text)}#ok3d-project-alpine .field textarea{resize:vertical;min-height:105px}#ok3d-project-alpine .form-submit{margin-top:28px;display:flex;align-items:center;gap:24px}#ok3d-project-alpine .form-submit small{color:#aeb9d0;font-size:12px}#ok3d-project-alpine .form-status{margin-top:14px;font-size:14px;color:#c0cfff}#ok3d-project-alpine .form-status.error{color:#ffc1bf}#ok3d-project-alpine .honeypot{position:absolute;left:-9999px;opacity:0}#ok3d-project-alpine .form-privacy{font-size:12px;color:#9ba8c1;margin-top:18px}\r\n#ok3d-project-alpine .video-dialog{background:#080a10;color:var(--text);border:1px solid #ffffff40;width:min(1120px,94vw);max-width:none;padding:0;border-radius:7px;overflow:visible}#ok3d-project-alpine .video-dialog::backdrop{background:#02040bec;backdrop-filter:blur(14px)}#ok3d-project-alpine .dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:20px}#ok3d-project-alpine .dialog-head p{font-size:14px}#ok3d-project-alpine .dialog-close{border:1px solid var(--line);background:transparent;min-width:40px;min-height:40px;font-size:22px}#ok3d-project-alpine .dialog-player{aspect-ratio:16\/9;background:black}#ok3d-project-alpine .dialog-player iframe,#ok3d-project-alpine .dialog-player video{width:100%;height:100%;border:0;display:block}#ok3d-project-alpine .dialog-fallback{font-size:13px;color:var(--muted);padding:13px 20px}#ok3d-project-alpine .dialog-fallback a{text-decoration:underline}#ok3d-project-alpine .reveal{transition:opacity .65s,transform .65s}#ok3d-project-alpine .reveal.pending{opacity:0;transform:translateY(22px)}\r\n@media(min-width:1700px){#ok3d-project-alpine .hero-bottom{max-width:1600px;left:50%;transform:translateX(-50%)}}\r\n@media(max-width:1000px){#ok3d-project-alpine .hero h1{font-size:clamp(60px,9vw,100px)}#ok3d-project-alpine .hero{min-height:820px}#ok3d-project-alpine .hero-index{display:none}#ok3d-project-alpine .nav{gap:20px}#ok3d-project-alpine .about-grid,#ok3d-project-alpine .contact-grid{gap:45px}#ok3d-project-alpine .service{grid-template-columns:45px 1fr 1.1fr;gap:20px}#ok3d-project-alpine .client-list{flex-wrap:wrap;justify-content:center;gap:20px 35px}#ok3d-project-alpine .method-grid{grid-template-columns:1fr 1fr}#ok3d-project-alpine .clients-inner{gap:25px}#ok3d-project-alpine .section{padding-block:85px}#ok3d-project-alpine .method{padding-top:0}#ok3d-project-alpine .client-list span{font-size:20px}}\r\n@media(max-width:700px){#ok3d-project-alpine .header-inner{height:78px}#ok3d-project-alpine .logo{font-size:31px}#ok3d-project-alpine .header-contact{display:none}#ok3d-project-alpine .menu-toggle{display:block}#ok3d-project-alpine .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b101ded;border-bottom:1px solid var(--line);padding:25px var(--gutter);backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:0}#ok3d-project-alpine .nav.open{display:flex}#ok3d-project-alpine .nav a{font-size:17px;padding:12px 0}#ok3d-project-alpine .hero{min-height:810px;min-height:max(810px,100svh)}#ok3d-project-alpine .hero-body{padding-top:156px;padding-bottom:180px}#ok3d-project-alpine .hero h1{font-size:clamp(52px,11.4vw,79px);letter-spacing:-.065em}#ok3d-project-alpine .hero-copy{font-size:16px;max-width:350px}#ok3d-project-alpine .hero .kicker{font-size:11px;letter-spacing:.1em}#ok3d-project-alpine .hero-actions{gap:20px;flex-wrap:wrap}#ok3d-project-alpine .hero-actions .btn{gap:20px;padding-inline:19px}#ok3d-project-alpine .hero::before{background:linear-gradient(90deg,#050811d9,#05081170),linear-gradient(0deg,#080a10,transparent 60%)}#ok3d-project-alpine .hero-media video{object-position:60% center;opacity:.75}#ok3d-project-alpine .hero-bottom{align-items:center;padding-block:22px;gap:20px}#ok3d-project-alpine .hero-signature{display:block;font-size:11px;line-height:1.9}#ok3d-project-alpine .hero-signature span{display:block}#ok3d-project-alpine .hero-signature span+span{border:0;padding:0}#ok3d-project-alpine .hero-controls{gap:16px}#ok3d-project-alpine .scroll-link{display:none}#ok3d-project-alpine .clients{padding-block:25px}#ok3d-project-alpine .clients-inner{display:block}#ok3d-project-alpine .clients-label{max-width:none;text-align:center;margin-bottom:20px}#ok3d-project-alpine .client-list{gap:18px 25px}#ok3d-project-alpine .client-list span{font-size:20px}#ok3d-project-alpine .client-list .obvious{font-size:17px}#ok3d-project-alpine .section{padding-block:65px}#ok3d-project-alpine .section-head{display:block;margin-bottom:30px}#ok3d-project-alpine .section-head .text-link{margin-top:25px}#ok3d-project-alpine .section-head h2,#ok3d-project-alpine .about h2{font-size:43px}#ok3d-project-alpine .section-head>p{margin-top:22px}#ok3d-project-alpine .project-grid{grid-template-columns:1fr;gap:30px}#ok3d-project-alpine .project:first-child{grid-column:auto}#ok3d-project-alpine .project:first-child .project-media,#ok3d-project-alpine .project-media{aspect-ratio:4\/3}#ok3d-project-alpine .project:first-child .project-media img{object-position:center}#ok3d-project-alpine .project-info h3{font-size:24px}#ok3d-project-alpine .project-label{left:15px;top:15px;font-size:11px}#ok3d-project-alpine .project-play{right:15px;bottom:15px;width:44px;height:44px}#ok3d-project-alpine .service{grid-template-columns:25px 1fr;gap:14px;padding-block:30px}#ok3d-project-alpine .service-description{grid-column:2}#ok3d-project-alpine .service h3{font-size:31px}#ok3d-project-alpine .service-title small{margin-top:8px}#ok3d-project-alpine .service p{font-size:15px}#ok3d-project-alpine .about-grid,#ok3d-project-alpine .contact-grid{grid-template-columns:1fr;gap:32px}#ok3d-project-alpine .about-copy>p{font-size:17px}#ok3d-project-alpine .stats{margin-top:35px}#ok3d-project-alpine .stat{padding-inline:15px}#ok3d-project-alpine .stat strong{font-size:37px}#ok3d-project-alpine .stat p{font-size:12px}#ok3d-project-alpine .tool-list{gap:12px 20px}#ok3d-project-alpine .tool-list>span:first-child{width:100%}#ok3d-project-alpine .method{padding-top:0}#ok3d-project-alpine .method-grid{gap:28px 22px}#ok3d-project-alpine .step h3{font-size:22px}#ok3d-project-alpine .step p{font-size:14px}#ok3d-project-alpine .contact h2{font-size:53px}#ok3d-project-alpine .contact-note{margin-top:23px}#ok3d-project-alpine .contact-grid{gap:45px}#ok3d-project-alpine .form-grid{gap:24px 18px}#ok3d-project-alpine .form-submit{align-items:start;flex-direction:column;gap:12px}#ok3d-project-alpine .form-submit .btn{width:100%;justify-content:space-between}#ok3d-project-alpine .video-dialog{width:96vw}#ok3d-project-alpine .dialog-head{padding:10px 12px}#ok3d-project-alpine .dialog-player{aspect-ratio:4\/3}#ok3d-project-alpine .dialog-fallback{padding:10px 12px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-alpine{scroll-behavior:auto}#ok3d-project-alpine *,#ok3d-project-alpine *::before,#ok3d-project-alpine *::after{animation:none!important;transition:none!important}#ok3d-project-alpine .reveal.pending{opacity:1;transform:none}}\r\n\r\n\/* V2 \u2014 trois exp\u00e9riences, une m\u00eame direction artistique. *\/\r\n@keyframes gem-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}\r\n@keyframes wire-reveal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}\r\n#ok3d-project-alpine .gem-stage.in-view .gem-object{animation:gem-levitate 6s ease-in-out infinite}\r\n#ok3d-project-alpine .gem-stage.draw-in .gem-wire .gw{stroke-dasharray:1;animation:wire-reveal 1.8s ease both}\r\n\r\n#ok3d-project-alpine .expertise{background:#0b0e16;position:relative;overflow:hidden}#ok3d-project-alpine .interactive-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#ok3d-project-alpine .experience-card{min-width:0;position:relative;border:1px solid #ffffff20;border-radius:9px;background:linear-gradient(160deg,#141b2b,#0c111d 65%);overflow:hidden;transition:border-color .4s,box-shadow .4s}#ok3d-project-alpine .experience-card:hover,#ok3d-project-alpine .experience-card:focus-within{border-color:#648cff75;box-shadow:0 20px 55px #0004}#ok3d-project-alpine .experience-top{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;color:#b1bed6}#ok3d-project-alpine .experience-symbol{font-size:24px;color:#8daaff;line-height:1}#ok3d-project-alpine .service-stage{height:315px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#23346755,transparent 70%);border-block:1px solid #ffffff0b}#ok3d-project-alpine .stage-corner{position:absolute;top:14px;left:18px;font-size:10px;letter-spacing:.14em;color:#9caac7;z-index:3}#ok3d-project-alpine .gem-stage{background:linear-gradient(#648cff09 1px,transparent 1px),linear-gradient(90deg,#648cff09 1px,transparent 1px),radial-gradient(ellipse at 50% 60%,#263b7255,transparent 70%);background-size:28px 28px,28px 28px,100% 100%}#ok3d-project-alpine .gem-object{position:absolute;left:calc(50% - 122px);top:35px;width:244px;height:244px;transform:translateY(0)}#ok3d-project-alpine .gem-object svg{display:block;width:244px;height:244px}#ok3d-project-alpine .gem-wire{position:absolute;inset:0}#ok3d-project-alpine .gem-wire .gw{fill:none;stroke:#8eaafa;stroke-width:.55}#ok3d-project-alpine .gem-wire .gv{fill:#b5caff;stroke:#0b101c;stroke-width:.45;r:1.15}#ok3d-project-alpine .gem-wire .gs{display:none}#ok3d-project-alpine .gem-render{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));filter:drop-shadow(0 8px 16px #4674ff30)}#ok3d-project-alpine .gem-solid .gf-hi{fill:url(#chrome-high)}#ok3d-project-alpine .gem-solid .gf-lo{fill:url(#chrome-low)}#ok3d-project-alpine .gem-solid .gw{fill:none;stroke:#c0d4ff;stroke-width:.35;opacity:.7}#ok3d-project-alpine .gem-solid .gv{display:none}#ok3d-project-alpine .compare-line{position:absolute;top:38px;bottom:36px;left:calc(50% - 122px + 244px * var(--split-number,.52));width:1px;background:linear-gradient(transparent,#d5e2ff 20%,#d5e2ff 80%,transparent);pointer-events:none}#ok3d-project-alpine .compare-line span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:28px;height:28px;display:grid;place-items:center;border:1px solid #d5e2ff;background:#19284b;border-radius:50%;color:#e4eeff;font-size:14px}#ok3d-project-alpine .compare-labels{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;color:#8ea1c8;font-size:10px;letter-spacing:.12em}#ok3d-project-alpine .experience-control{padding:13px 22px;min-height:65px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;gap:16px}#ok3d-project-alpine .experience-control label{font-size:12px;color:#adbad3;white-space:nowrap}#ok3d-project-alpine .experience-control input{width:100%;min-width:40px;accent-color:#8aa8ff;cursor:ew-resize;height:24px}#ok3d-project-alpine .segmented{justify-content:center;gap:5px}#ok3d-project-alpine .segmented button{border:1px solid transparent;background:transparent;padding:6px 16px;border-radius:4px;color:#a7b5cf;font-size:13px;min-height:36px;transition:background .25s,color .25s,border-color .25s}#ok3d-project-alpine .segmented button[aria-pressed=\"true\"]{background:#7296ff18;color:#dce7ff;border-color:#89a7ff45}#ok3d-project-alpine .segmented button:hover{color:white;background:#7296ff12}#ok3d-project-alpine .experience-copy{padding:27px 24px 0}#ok3d-project-alpine .experience-copy h3{font-size:clamp(26px,2.55vw,39px);line-height:1.13;letter-spacing:-.055em}#ok3d-project-alpine .experience-copy p{font-size:15px;line-height:1.85;color:#a8b5cd;margin-top:20px;min-height:84px}#ok3d-project-alpine .experience-copy .tags{gap:6px;min-height:62px;margin-top:18px;align-content:start}#ok3d-project-alpine .experience-copy .tags span{font-size:11px;padding:3px 7px;height:max-content}#ok3d-project-alpine .experience-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1c;padding:20px 0;font-size:14px;margin-top:20px}#ok3d-project-alpine .experience-link span{font-size:22px;color:#8aa8ff;transition:transform .25s}#ok3d-project-alpine .experience-link:hover{color:#9eb8ff}#ok3d-project-alpine .experience-link:hover span{transform:translate(3px,-3px)}\r\n#ok3d-project-alpine .brand-stage{background:radial-gradient(ellipse at 50% 50%,#3a448333,transparent 65%)}#ok3d-project-alpine .brand-symbol{position:absolute;inset:36px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:opacity .45s,transform .65s}#ok3d-project-alpine .brand-symbol img{width:162px;filter:invert(1) drop-shadow(0 0 28px #739bff40)}#ok3d-project-alpine .brand-symbol>span{font-family:var(--display);font-size:18px;letter-spacing:.27em;color:#a8bbdf}#ok3d-project-alpine .brand-universe{position:absolute;inset:50px 21px 24px;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 38px .7fr;gap:8px;opacity:0;transform:translateY(20px) scale(.94);transition:opacity .45s,transform .6s;pointer-events:none}#ok3d-project-alpine .brand-tile{border-radius:3px;overflow:hidden}#ok3d-project-alpine .brand-primary{grid-row:span 3;background:#6389ff;padding:18px;display:flex;flex-direction:column;justify-content:space-between}#ok3d-project-alpine .brand-primary img{width:70px}#ok3d-project-alpine .brand-primary>span{font-family:var(--display);font-weight:600;font-size:clamp(16px,1.5vw,22px);line-height:1.16;letter-spacing:-.055em;color:#0b1434}#ok3d-project-alpine .brand-type{background:#eef1ff;color:#172444;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:7px}#ok3d-project-alpine .brand-type strong{font-family:var(--display);font-size:51px;font-weight:500;letter-spacing:-.07em}#ok3d-project-alpine .brand-type span{font-size:7px;letter-spacing:.07em;max-width:48px}#ok3d-project-alpine .brand-swatches{display:flex;gap:0}#ok3d-project-alpine .brand-swatches i{flex:1;background:#648cff}#ok3d-project-alpine .brand-swatches i:nth-child(2){background:#b6c8ff}#ok3d-project-alpine .brand-swatches i:nth-child(3){background:#e9efff}#ok3d-project-alpine .brand-swatches i:nth-child(4){background:#273c6c}#ok3d-project-alpine .brand-note{background:#1b2743;padding:11px 14px;font-size:15px;font-family:var(--display);line-height:1.2;letter-spacing:-.025em}#ok3d-project-alpine .brand-note span{display:block;font-family:var(--font);font-size:7px;margin-top:10px;letter-spacing:.07em;color:#9baed5}#ok3d-project-alpine .brand-stage[data-brand=\"universe\"] .brand-symbol{opacity:0;transform:scale(.78) rotate(-8deg);pointer-events:none}#ok3d-project-alpine .brand-stage[data-brand=\"universe\"] .brand-universe{opacity:1;transform:none}#ok3d-project-alpine .brand-stage[data-brand=\"universe\"] .brand-tile{animation:brand-arrive .6s both}#ok3d-project-alpine .brand-stage[data-brand=\"universe\"] .brand-type{animation-delay:.08s}#ok3d-project-alpine .brand-stage[data-brand=\"universe\"] .brand-swatches{animation-delay:.16s}#ok3d-project-alpine .brand-stage[data-brand=\"universe\"] .brand-note{animation-delay:.24s}@keyframes brand-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\r\n#ok3d-project-alpine .web-stage{display:flex;justify-content:center;align-items:center;padding:45px 20px 20px;background:radial-gradient(ellipse at 50% 80%,#25305c70,transparent 75%)}#ok3d-project-alpine .demo-browser{width:100%;max-width:355px;border:1px solid #8ca3d655;border-radius:7px;background:#080d17;box-shadow:0 16px 40px #0008;overflow:hidden;transition:width .7s cubic-bezier(.2,.8,.2,1),border-radius .7s}#ok3d-project-alpine .demo-chrome{height:23px;display:flex;justify-content:space-between;align-items:center;padding-inline:10px;background:#1b253b;color:#99a8c7;font-size:8px}#ok3d-project-alpine .demo-chrome>span:first-child{font-size:6px;letter-spacing:1px;color:#758aaf}#ok3d-project-alpine .demo-page{height:202px;overflow:hidden}#ok3d-project-alpine .demo-nav{height:33px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}#ok3d-project-alpine .demo-nav>strong{font-family:var(--display);font-size:14px;letter-spacing:-1px}#ok3d-project-alpine .demo-nav>strong span{color:#8aa8ff}#ok3d-project-alpine .demo-nav-links{font-size:7px;color:#aab5ca}#ok3d-project-alpine .demo-hamburger{display:none;font-size:11px}#ok3d-project-alpine .demo-hero{height:143px;position:relative;isolation:isolate;padding:13px 15px}#ok3d-project-alpine .demo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#ok3d-project-alpine .demo-hero::before{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,#060b16ed,#060b1688);z-index:-1}#ok3d-project-alpine .demo-hero>div{display:flex;flex-direction:column;align-items:start}#ok3d-project-alpine .demo-hero small{font-size:6px;letter-spacing:.12em;color:#b9c9e9;margin-bottom:7px}#ok3d-project-alpine .demo-hero strong{font-family:var(--display);font-size:25px;line-height:.98;letter-spacing:-.07em;font-weight:500}#ok3d-project-alpine .demo-hero em{color:#a0b7ff;font-style:normal}#ok3d-project-alpine .demo-cta{font-size:6px;background:#527df4;color:#fff;padding:4px 7px;margin-top:9px;border-radius:2px}#ok3d-project-alpine .demo-bottom{display:flex;justify-content:space-between;gap:3px;font-size:5px;letter-spacing:.04em;padding:8px 13px;color:#b4c1dc}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-browser{width:142px;border-radius:16px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-chrome{height:21px;font-size:6px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-nav-links{display:none}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-hamburger{display:block}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-page{height:220px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-nav{padding-inline:12px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-hero{height:161px;padding:17px 12px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-hero strong{font-size:26px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-hero small{font-size:5px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-cta{margin-top:13px}#ok3d-project-alpine .web-stage[data-device=\"mobile\"] .demo-bottom{font-size:4px;padding-inline:10px}\r\n#ok3d-project-alpine .project-preview{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s;background:#0c101a}#ok3d-project-alpine .project-preview.visible{opacity:1}#ok3d-project-alpine .project-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}#ok3d-project-alpine .project-play,#ok3d-project-alpine .project-label{z-index:2}#ok3d-project-alpine .project-media .project-label{transition:background .3s}#ok3d-project-alpine .project-media.preview-playing .project-label{background:#172b57dc}#ok3d-project-alpine .project-media.preview-playing .project-play{background:#537fffaa}#ok3d-project-alpine .method-grid{position:relative;--method-progress:0}#ok3d-project-alpine .method-grid::before{content:\"\";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#4264c2,#a6bfff);transform:scaleX(var(--method-progress));transform-origin:left;box-shadow:0 0 12px #729cff77;transition:transform .18s linear}#ok3d-project-alpine .step{position:relative}#ok3d-project-alpine .step::before{content:\"\";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#283858;border:1px solid #8095c150;transition:background .35s,box-shadow .35s}#ok3d-project-alpine .step.current::before,#ok3d-project-alpine .step.passed::before{background:#9dbbff;box-shadow:0 0 14px #739fffaa}#ok3d-project-alpine .step h3{transition:color .35s}#ok3d-project-alpine .step.current h3{color:#9ab6ff}#ok3d-project-alpine .step>span{transition:color .35s}#ok3d-project-alpine .step.current>span{color:#c0d1ff}#ok3d-project-alpine .hero h1{animation:hero-enter 1.1s cubic-bezier(.2,.8,.2,1) both}#ok3d-project-alpine .hero .hero-copy{animation:hero-enter 1.1s .12s both}#ok3d-project-alpine .hero .hero-actions{animation:hero-enter 1.1s .24s both}@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n@media(min-width:1100px){#ok3d-project-alpine .experience-card:hover .brand-symbol{transform:translateY(-5px)}#ok3d-project-alpine .experience-card:hover .brand-stage[data-brand=\"universe\"] .brand-symbol{transform:scale(.78) rotate(-8deg)}}\r\n@media(max-width:1100px) and (min-width:701px){#ok3d-project-alpine .interactive-services{gap:12px}#ok3d-project-alpine .experience-top{padding:17px 15px;font-size:10px;letter-spacing:.035em}#ok3d-project-alpine .experience-copy{padding-inline:17px}#ok3d-project-alpine .service-stage{height:285px}#ok3d-project-alpine .gem-object{top:25px}#ok3d-project-alpine .experience-control{padding-inline:12px;gap:8px;flex-wrap:wrap}#ok3d-project-alpine .experience-control label{font-size:11px}#ok3d-project-alpine .experience-control input{flex:1;min-width:50px}#ok3d-project-alpine .segmented button{font-size:11px;padding-inline:10px}#ok3d-project-alpine .experience-copy p{font-size:14px;min-height:124px}#ok3d-project-alpine .experience-copy .tags{min-height:85px}#ok3d-project-alpine .brand-universe{inset:50px 12px 22px;gap:6px;grid-template-columns:1fr 1fr}#ok3d-project-alpine .brand-primary{padding:12px}#ok3d-project-alpine .brand-primary img{width:50px}#ok3d-project-alpine .brand-primary>span{font-size:16px}#ok3d-project-alpine .brand-type{padding:9px}#ok3d-project-alpine .brand-type strong{font-size:38px}#ok3d-project-alpine .brand-type span{display:none}#ok3d-project-alpine .brand-note{font-size:12px;padding:10px}#ok3d-project-alpine .web-stage{padding-inline:12px}}\r\n@media(max-width:700px){#ok3d-project-alpine .interactive-services{grid-template-columns:1fr;gap:24px}#ok3d-project-alpine .experience-top{font-size:12px;padding:20px 22px}#ok3d-project-alpine .service-stage{height:300px}#ok3d-project-alpine .gem-object{top:26px}#ok3d-project-alpine .experience-copy{padding:25px 24px 0}#ok3d-project-alpine .experience-copy h3{font-size:36px}#ok3d-project-alpine .experience-copy p{min-height:0;font-size:16px}#ok3d-project-alpine .experience-copy .tags{min-height:0;margin-bottom:24px}#ok3d-project-alpine .experience-link{margin-top:20px}#ok3d-project-alpine .brand-universe{inset:47px 30px 23px}#ok3d-project-alpine .brand-primary>span{font-size:23px}#ok3d-project-alpine .brand-type strong{font-size:60px}#ok3d-project-alpine .brand-note{font-size:17px}#ok3d-project-alpine .web-stage{padding-inline:28px}#ok3d-project-alpine .method-grid::before{display:none}#ok3d-project-alpine .step.current{border-top-color:#88a8ff}#ok3d-project-alpine .experience-control label{font-size:13px}#ok3d-project-alpine .segmented button{font-size:14px;min-height:40px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-alpine .hero h1,#ok3d-project-alpine .hero .hero-copy,#ok3d-project-alpine .hero .hero-actions{animation:none}#ok3d-project-alpine .experience-card:hover .brand-symbol{transform:none}#ok3d-project-alpine .gem-object{transform:none!important}#ok3d-project-alpine .method-grid::before{transform:scaleX(1)}}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR \/ HELLO HARDENING \u2014 V2\r\n   Force la typographie, les tailles et les couleurs du design\r\n   m\u00eame si Elementor ou le th\u00e8me applique ses propres styles.\r\n   ========================================================= *\/\r\n#ok3d-project-alpine,\r\n#ok3d-project-alpine input,\r\n#ok3d-project-alpine textarea,\r\n#ok3d-project-alpine select,\r\n#ok3d-project-alpine button,\r\n#ok3d-project-alpine a,\r\n#ok3d-project-alpine p,\r\n#ok3d-project-alpine span,\r\n#ok3d-project-alpine small,\r\n#ok3d-project-alpine label,\r\n#ok3d-project-alpine strong,\r\n#ok3d-project-alpine em {\r\n  font-family: var(--font) !important;\r\n}\r\n\r\n#ok3d-project-alpine h1,\r\n#ok3d-project-alpine h2,\r\n#ok3d-project-alpine h3,\r\n#ok3d-project-alpine .logo,\r\n#ok3d-project-alpine .client-list span,\r\n#ok3d-project-alpine .project-number,\r\n#ok3d-project-alpine .service-num,\r\n#ok3d-project-alpine .stat strong,\r\n#ok3d-project-alpine .step > span,\r\n#ok3d-project-alpine .brand-symbol > span,\r\n#ok3d-project-alpine .brand-primary > span,\r\n#ok3d-project-alpine .brand-type strong,\r\n#ok3d-project-alpine .brand-note,\r\n#ok3d-project-alpine .demo-nav > strong,\r\n#ok3d-project-alpine .demo-hero strong {\r\n  font-family: var(--display) !important;\r\n}\r\n\r\n#ok3d-project-alpine { color: var(--text) !important; font-size:16px !important; line-height:1.65 !important; }\r\n#ok3d-project-alpine h1,#ok3d-project-alpine h2,#ok3d-project-alpine h3,#ok3d-project-alpine p { margin:0 !important; padding:0; }\r\n#ok3d-project-alpine h1,#ok3d-project-alpine h2,#ok3d-project-alpine h3 { color:var(--text) !important; font-weight:500 !important; text-transform:none !important; }\r\n#ok3d-project-alpine p { color:inherit; }\r\n#ok3d-project-alpine a { color:inherit !important; text-decoration:none !important; }\r\n#ok3d-project-alpine button { color:inherit !important; }\r\n\r\n\/* Header *\/\r\n#ok3d-project-alpine .logo { font-size:34px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-3px !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .logo span { color:var(--blue) !important; }\r\n#ok3d-project-alpine .nav a { font-size:14px !important; line-height:1.4 !important; color:#c4cad8 !important; font-weight:400 !important; }\r\n#ok3d-project-alpine .nav a:hover { color:#fff !important; }\r\n#ok3d-project-alpine .header-contact { font-size:14px !important; color:var(--text) !important; }\r\n\r\n\/* Hero *\/\r\n#ok3d-project-alpine .hero .kicker { font-size:13px !important; line-height:1.4 !important; letter-spacing:.14em !important; color:#c5cfe6 !important; font-weight:400 !important; }\r\n#ok3d-project-alpine .hero h1 { font-size:clamp(60px,7.5vw,116px) !important; line-height:1.02 !important; letter-spacing:-.065em !important; color:var(--text) !important; font-weight:500 !important; }\r\n#ok3d-project-alpine .hero h1 em { color:#92acff !important; font-style:normal !important; font-family:var(--display) !important; }\r\n#ok3d-project-alpine .hero-copy { font-size:17px !important; line-height:1.8 !important; color:#bdc5d6 !important; font-weight:400 !important; }\r\n#ok3d-project-alpine .btn { font-size:14px !important; line-height:1.4 !important; font-weight:700 !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .btn-primary { color:#fff !important; }\r\n#ok3d-project-alpine .reel-trigger { font-size:14px !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .hero-signature { font-size:12px !important; line-height:1.65 !important; color:#b4bed0 !important; }\r\n#ok3d-project-alpine .hero-controls,#ok3d-project-alpine .scroll-link,#ok3d-project-alpine .hero-index { color:#b4bed0 !important; }\r\n#ok3d-project-alpine .hero-index { color:#d4ddf0 !important; font-size:12px !important; }\r\n\r\n\/* Clients \/ titres de sections *\/\r\n#ok3d-project-alpine .clients-label { font-size:12px !important; line-height:1.7 !important; color:var(--muted) !important; }\r\n#ok3d-project-alpine .client-list span { font-size:23px !important; line-height:1.2 !important; font-weight:600 !important; color:#bec3cf !important; }\r\n#ok3d-project-alpine .client-list .obvious { font-size:19px !important; }\r\n#ok3d-project-alpine .client-list .laposte { font-size:20px !important; }\r\n#ok3d-project-alpine .section-head h2,#ok3d-project-alpine .about h2,#ok3d-project-alpine .contact h2 { font-size:clamp(40px,4.5vw,66px) !important; line-height:1.08 !important; letter-spacing:-.055em !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .section-head h2 span { color:var(--muted) !important; font-family:var(--display) !important; }\r\n#ok3d-project-alpine .kicker { font-size:13px !important; color:var(--muted) !important; }\r\n\r\n\/* Projets *\/\r\n#ok3d-project-alpine .project-label { font-size:12px !important; line-height:1.4 !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .project-info h3 { font-size:25px !important; line-height:1.2 !important; letter-spacing:-.045em !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .project-info p { font-size:14px !important; line-height:1.65 !important; color:var(--muted) !important; }\r\n#ok3d-project-alpine .project-number { font-size:13px !important; color:var(--muted) !important; }\r\n\r\n\/* Expertises *\/\r\n#ok3d-project-alpine .experience-top { color:#b1bed6 !important; }\r\n#ok3d-project-alpine .experience-copy h3 { color:var(--text) !important; font-size:clamp(26px,2.55vw,39px) !important; line-height:1.13 !important; letter-spacing:-.055em !important; }\r\n#ok3d-project-alpine .experience-copy p { font-size:15px !important; line-height:1.85 !important; color:#a8b5cd !important; }\r\n#ok3d-project-alpine .tags span { font-size:12px !important; line-height:1.4 !important; color:#c0c7d7 !important; }\r\n#ok3d-project-alpine .experience-copy .tags span { font-size:11px !important; }\r\n#ok3d-project-alpine .experience-link { font-size:14px !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .experience-link:hover { color:#9eb8ff !important; }\r\n#ok3d-project-alpine .experience-control label { color:#adbad3 !important; }\r\n#ok3d-project-alpine .segmented button { color:#a7b5cf !important; }\r\n#ok3d-project-alpine .segmented button[aria-pressed=\"true\"] { color:#dce7ff !important; }\r\n\r\n\/* Studio *\/\r\n#ok3d-project-alpine .about-copy > p { font-size:18px !important; line-height:1.9 !important; color:#b6bed0 !important; }\r\n#ok3d-project-alpine .about-copy > p + p { font-size:16px !important; color:var(--muted) !important; }\r\n#ok3d-project-alpine .signature strong { font-size:16px !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .signature small { font-size:13px !important; color:var(--muted) !important; }\r\n#ok3d-project-alpine .stat strong { font-size:48px !important; line-height:1.2 !important; font-weight:500 !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .stat strong span { color:var(--blue) !important; font-family:var(--display) !important; }\r\n#ok3d-project-alpine .stat p { font-size:13px !important; color:var(--muted) !important; }\r\n#ok3d-project-alpine .tool-list { font-size:13px !important; color:#c0c7d7 !important; }\r\n#ok3d-project-alpine .tool-list > span:first-child { color:var(--muted) !important; }\r\n\r\n\/* M\u00e9thode *\/\r\n#ok3d-project-alpine .step > span { font-size:13px !important; color:var(--blue) !important; }\r\n#ok3d-project-alpine .step h3 { font-size:23px !important; line-height:1.2 !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .step p { font-size:14px !important; line-height:1.8 !important; color:var(--muted) !important; }\r\n\r\n\/* Contact \/ formulaire *\/\r\n#ok3d-project-alpine .contact h2 { font-size:clamp(44px,5vw,76px) !important; }\r\n#ok3d-project-alpine .contact-intro > p { color:var(--muted) !important; }\r\n#ok3d-project-alpine .email-link { font-family:var(--display) !important; font-size:clamp(21px,2.2vw,30px) !important; color:var(--text) !important; }\r\n#ok3d-project-alpine .contact-note { font-size:13px !important; color:#aeb9d0 !important; }\r\n#ok3d-project-alpine .field label { font-size:13px !important; color:#c7cfdf !important; }\r\n#ok3d-project-alpine .field input,#ok3d-project-alpine .field select,#ok3d-project-alpine .field textarea { font-size:16px !important; line-height:1.4 !important; color:var(--text) !important; background:transparent !important; }\r\n#ok3d-project-alpine .field input::placeholder,#ok3d-project-alpine .field textarea::placeholder { color:#838fa7 !important; opacity:1 !important; }\r\n#ok3d-project-alpine .form-submit small,#ok3d-project-alpine .form-privacy { color:#aeb9d0 !important; }\r\n\r\n\/* Footer *\/\r\n#ok3d-project-alpine .footer-tagline { font-size:14px !important; color:var(--muted) !important; }\r\n#ok3d-project-alpine .footer-bottom { font-size:12px !important; color:var(--muted) !important; }\r\n\r\n\/* Mobile : r\u00e9applique les valeurs originales avec !important *\/\r\n@media(max-width:700px){\r\n  #ok3d-project-alpine .logo{font-size:31px !important}\r\n  #ok3d-project-alpine .nav a{font-size:17px !important}\r\n  #ok3d-project-alpine .hero h1{font-size:clamp(52px,11.4vw,79px) !important}\r\n  #ok3d-project-alpine .hero-copy{font-size:16px !important}\r\n  #ok3d-project-alpine .hero .kicker{font-size:11px !important}\r\n  #ok3d-project-alpine .client-list span{font-size:20px !important}\r\n  #ok3d-project-alpine .client-list .obvious{font-size:17px !important}\r\n  #ok3d-project-alpine .section-head h2,#ok3d-project-alpine .about h2{font-size:43px !important}\r\n  #ok3d-project-alpine .project-info h3{font-size:24px !important}\r\n  #ok3d-project-alpine .project-label{font-size:11px !important}\r\n  #ok3d-project-alpine .experience-copy h3{font-size:36px !important}\r\n  #ok3d-project-alpine .experience-copy p{font-size:16px !important}\r\n  #ok3d-project-alpine .about-copy>p{font-size:17px !important}\r\n  #ok3d-project-alpine .stat strong{font-size:37px !important}\r\n  #ok3d-project-alpine .stat p{font-size:12px !important}\r\n  #ok3d-project-alpine .step h3{font-size:22px !important}\r\n  #ok3d-project-alpine .contact h2{font-size:53px !important}\r\n  \r\n}\r\n\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER + BOUTONS \u2014 finition premium \/ plus vivante\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#ok3d-project-alpine .header{\r\n  position:fixed!important;\r\n  top:0;left:0;width:100%;\r\n  z-index:80;\r\n  background:linear-gradient(180deg,rgba(8,10,16,.18),rgba(8,10,16,0));\r\n  border-bottom:1px solid rgba(255,255,255,.12);\r\n  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;\r\n}\r\n#ok3d-project-alpine .header.is-scrolled{\r\n  background:rgba(8,10,16,.72);\r\n  -webkit-backdrop-filter:blur(18px) saturate(145%);\r\n  backdrop-filter:blur(18px) saturate(145%);\r\n  border-bottom-color:rgba(100,140,255,.22);\r\n  box-shadow:0 10px 34px rgba(0,0,0,.18),0 1px 0 rgba(100,140,255,.06) inset;\r\n}\r\n#ok3d-project-alpine .header-inner{transition:height .3s ease}\r\n#ok3d-project-alpine .header.is-scrolled .header-inner{height:82px}\r\n\r\n\/* vrai logo : m\u00eame pr\u00e9sence que l'ancien mot-symbole *\/\r\n#ok3d-project-alpine .logo{display:flex;align-items:center;flex-shrink:0;line-height:1}\r\n#ok3d-project-alpine .logo img{display:block;width:auto;height:34px;max-width:none;object-fit:contain;transition:transform .3s ease,filter .3s ease}\r\n#ok3d-project-alpine .logo:hover img{transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(100,140,255,.16))}\r\n\r\n\/* navigation : soulignement bleu anim\u00e9, tr\u00e8s discret *\/\r\n#ok3d-project-alpine .nav a{position:relative;padding:10px 0;transition:color .25s ease}\r\n#ok3d-project-alpine .nav a::after{\r\n  content:\"\";position:absolute;left:0;right:0;bottom:3px;height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--blue),transparent);\r\n  transform:scaleX(0);transform-origin:center;opacity:.85;\r\n  transition:transform .28s cubic-bezier(.2,.8,.2,1);\r\n}\r\n#ok3d-project-alpine .nav a:hover::after,#ok3d-project-alpine .nav a:focus-visible::after{transform:scaleX(1)}\r\n\r\n\/* CTA du header : plus premium sans devenir flashy *\/\r\n#ok3d-project-alpine .header-contact{\r\n  position:relative;overflow:hidden;\r\n  border-color:rgba(130,164,255,.38);\r\n  background:linear-gradient(135deg,rgba(100,140,255,.10),rgba(100,140,255,.025));\r\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);\r\n  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;\r\n}\r\n#ok3d-project-alpine .header-contact::before{\r\n  content:\"\";position:absolute;inset:-60% auto -60% -35%;width:28%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);\r\n  transform:skewX(-18deg) translateX(-220%);transition:transform .65s ease;pointer-events:none;\r\n}\r\n#ok3d-project-alpine .header-contact:hover{\r\n  transform:translateY(-1px);\r\n  border-color:rgba(132,166,255,.72);\r\n  background:linear-gradient(135deg,rgba(100,140,255,.17),rgba(100,140,255,.045));\r\n  box-shadow:0 8px 28px rgba(48,78,166,.12),inset 0 0 0 1px rgba(255,255,255,.035);\r\n}\r\n#ok3d-project-alpine .header-contact:hover::before{transform:skewX(-18deg) translateX(620%)}\r\n\r\n\/* boutons : plus de mati\u00e8re et micro-mouvement *\/\r\n#ok3d-project-alpine .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}\r\n#ok3d-project-alpine .btn::before{\r\n  content:\"\";position:absolute;inset:0;z-index:-1;\r\n  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.10) 48%,transparent 75%);\r\n  transform:translateX(-130%);transition:transform .55s ease;\r\n}\r\n#ok3d-project-alpine .btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.16)}\r\n#ok3d-project-alpine .btn:hover::before{transform:translateX(130%)}\r\n#ok3d-project-alpine .btn-primary{box-shadow:0 8px 24px rgba(83,127,255,.14)}\r\n#ok3d-project-alpine .btn-primary:hover{box-shadow:0 12px 34px rgba(83,127,255,.25)}\r\n#ok3d-project-alpine .btn .arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}\r\n#ok3d-project-alpine .btn:hover .arrow{transform:translate(4px,-4px)}\r\n\r\n\/* lien texte : accent anim\u00e9 au lieu d'un simple changement de couleur *\/\r\n#ok3d-project-alpine .text-link{position:relative;border-bottom-color:rgba(255,255,255,.18)}\r\n#ok3d-project-alpine .text-link::after{content:\"\";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}\r\n#ok3d-project-alpine .text-link:hover::after{transform:scaleX(1)}\r\n\r\n@media(max-width:1000px){\r\n  #ok3d-project-alpine .logo img{height:33px}\r\n}\r\n@media(max-width:700px){\r\n  #ok3d-project-alpine .logo img{height:31px}\r\n  #ok3d-project-alpine .header.is-scrolled .header-inner{height:72px}\r\n  #ok3d-project-alpine .header .nav{top:78px}\r\n  #ok3d-project-alpine .header.is-scrolled .nav{top:72px}\r\n  #ok3d-project-alpine .nav a::after{display:none}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #ok3d-project-alpine .header,#ok3d-project-alpine .header-inner,#ok3d-project-alpine .logo img,#ok3d-project-alpine .nav a::after,#ok3d-project-alpine .header-contact,#ok3d-project-alpine .header-contact::before,#ok3d-project-alpine .btn,#ok3d-project-alpine .btn::before{transition:none!important}\r\n}\r\n\r\n#ok3d-project-alpine [hidden]{display:none!important}\r\n#ok3d-project-alpine [id]{scroll-margin-top:112px}\r\n#ok3d-project-alpine{overflow:clip;isolation:isolate}\r\n#ok3d-project-alpine .header{background:#080a10b8!important;backdrop-filter:blur(12px)}\r\n#ok3d-project-alpine .header .logo img{width:auto!important;height:34px!important;max-width:145px!important}\r\n#ok3d-project-alpine .nav{gap:25px}\r\n#ok3d-project-alpine .nav a[aria-current=\"page\"]{color:#a8bfff!important}\r\n#ok3d-project-alpine .nav a[aria-current=\"page\"]::after{transform:scaleX(1)}\r\n#ok3d-project-alpine .header-inner{min-height:82px}\r\n#ok3d-project-alpine .menu-toggle{min-height:42px;padding-inline:15px}\r\n#ok3d-project-alpine .accent-line{color:#92acff!important;font-family:var(--display)!important}\r\n#ok3d-project-alpine .subtext{color:#aebbd2!important;font-size:17px!important;line-height:1.85!important;margin-top:24px!important;max-width:600px}\r\n#ok3d-project-alpine .expert-hero{padding:170px 0 70px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 83% 25%,#23376355,transparent 65%)}\r\n#ok3d-project-alpine .expert-hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}\r\n#ok3d-project-alpine .expert-title{font-size:clamp(52px,5.65vw,84px)!important;line-height:1.04!important;letter-spacing:-.065em!important;margin-top:24px!important;overflow-wrap:normal}\r\n#ok3d-project-alpine .expert-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:32px}\r\n#ok3d-project-alpine .expert-visual{min-width:0;position:relative;border:1px solid #ffffff25;border-radius:7px;background:#0d1423;overflow:hidden;box-shadow:0 25px 75px #0004}\r\n#ok3d-project-alpine .visual-header{display:flex;justify-content:space-between;gap:15px;padding:14px 19px;border-bottom:1px solid #ffffff16;font-size:12px;color:#9eafd0}\r\n#ok3d-project-alpine .visual-header span{font-size:12px!important;letter-spacing:.07em}\r\n#ok3d-project-alpine .expert-picture{height:405px;position:relative;background:#111828;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n#ok3d-project-alpine .expert-picture img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .7s}\r\n#ok3d-project-alpine .expert-picture img.contain{object-fit:contain;padding:25px}\r\n#ok3d-project-alpine .visual-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;border-top:1px solid #ffffff17;padding:12px}\r\n#ok3d-project-alpine .visual-tabs button{background:transparent;border:1px solid transparent;border-radius:3px;padding:8px 13px;font-size:13px;min-height:39px;color:#aebeda!important}\r\n#ok3d-project-alpine .visual-tabs button[aria-pressed=\"true\"]{background:#6e93ff18;border-color:#91acff42;color:#e2ebff!important}\r\n#ok3d-project-alpine .visual-caption{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#c5d3ed}\r\n#ok3d-project-alpine .visual-caption button{background:none;border:0;padding:4px;color:#aac1ff!important;font-size:13px}\r\n#ok3d-project-alpine .expert-strip{display:flex;gap:25px;flex-wrap:wrap;padding-top:38px;color:#9aacce;font-size:12px;letter-spacing:.08em}\r\n#ok3d-project-alpine .expert-strip span+span{border-left:1px solid #ffffff25;padding-left:25px}\r\n#ok3d-project-alpine .section-head h2{margin-top:18px!important}\r\n#ok3d-project-alpine .section-head>p{max-width:370px;color:#aebbd2!important;font-size:16px;line-height:1.85}\r\n#ok3d-project-alpine .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}\r\n#ok3d-project-alpine .offer{padding:32px 25px 10px 0;min-width:0}\r\n#ok3d-project-alpine .offer .offer-number{font-family:var(--display)!important;color:#90aeff;font-size:13px}\r\n#ok3d-project-alpine .offer h3{font-size:29px!important;line-height:1.18!important;letter-spacing:-.045em!important;margin-top:27px!important}\r\n#ok3d-project-alpine .offer p{font-size:16px!important;line-height:1.8!important;color:#a7b5ce!important;margin-top:17px!important}\r\n#ok3d-project-alpine .offer ul{list-style:none;margin:22px 0 0;padding:0}\r\n#ok3d-project-alpine .offer li{border-top:1px solid #ffffff14;padding:9px 0;color:#becbe0;font-size:14px;line-height:1.6}\r\n#ok3d-project-alpine .selected-section{background:#0d121d;border-block:1px solid #ffffff18}\r\n#ok3d-project-alpine .selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}\r\n#ok3d-project-alpine .selected-card{min-width:0;border:1px solid #ffffff1a;border-radius:5px;background:#0a0f19;overflow:hidden;transition:border-color .3s,transform .3s}\r\n#ok3d-project-alpine .selected-card:hover{border-color:#8faeff88;transform:translateY(-4px)}\r\n#ok3d-project-alpine .selected-card a{display:block;height:100%}\r\n#ok3d-project-alpine .selected-media{height:275px;position:relative;background:#151e2e;overflow:hidden}\r\n#ok3d-project-alpine .selected-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}\r\n#ok3d-project-alpine .selected-media.contain img{object-fit:contain;padding:24px}\r\n#ok3d-project-alpine .selected-card:hover img{transform:scale(1.035)}\r\n#ok3d-project-alpine .selected-media span{position:absolute;bottom:15px;right:15px;background:#080e1bc9;border:1px solid #ffffff65;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:white}\r\n#ok3d-project-alpine .selected-copy{padding:22px}\r\n#ok3d-project-alpine .selected-copy small{color:#9bb1d9;font-size:12px;line-height:1.65;display:block}\r\n#ok3d-project-alpine .selected-copy h3{font-size:25px!important;line-height:1.2!important;letter-spacing:-.04em!important;margin-top:10px!important}\r\n#ok3d-project-alpine .selected-copy p{color:#9eadc6!important;font-size:14px!important;line-height:1.75!important;margin-top:12px!important}\r\n#ok3d-project-alpine .approach-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;align-items:start}\r\n#ok3d-project-alpine .approach-heading{position:sticky;top:125px}\r\n#ok3d-project-alpine .approach-heading h2{font-size:clamp(36px,4vw,56px)!important;line-height:1.09!important;letter-spacing:-.055em!important;margin-top:22px!important}\r\n#ok3d-project-alpine .approach-step{display:grid;grid-template-columns:40px 1fr;gap:23px;border-top:1px solid #ffffff24;padding:26px 0}\r\n#ok3d-project-alpine .approach-step>span{font-size:13px;color:#8faeff;font-family:var(--display)!important;padding-top:4px}\r\n#ok3d-project-alpine .approach-step h3{font-size:25px!important;line-height:1.25!important;letter-spacing:-.035em!important}\r\n#ok3d-project-alpine .approach-step p{font-size:15px!important;line-height:1.85!important;color:#a5b5ce!important;margin-top:10px!important}\r\n#ok3d-project-alpine .contact h2{margin-top:22px!important;margin-bottom:25px!important}\r\n#ok3d-project-alpine .contact-intro>p:not(.kicker){font-size:16px!important;line-height:1.85!important;color:#a9b9d3!important}\r\n#ok3d-project-alpine .form-grid{gap:26px 22px}\r\n#ok3d-project-alpine .field input,#ok3d-project-alpine .field select,#ok3d-project-alpine .field textarea{box-shadow:none!important;border:0!important;border-bottom:1px solid #ffffff40!important;border-radius:0!important;padding:12px 0 15px!important;min-height:49px}\r\n#ok3d-project-alpine .field textarea{min-height:115px}\r\n#ok3d-project-alpine .form-status{margin-top:16px!important;line-height:1.8!important}\r\n#ok3d-project-alpine .form-status.error{color:#ffc4c4!important}\r\n#ok3d-project-alpine .form-status.success{color:#b6d3ff!important}\r\n#ok3d-project-alpine .form-privacy{margin-top:18px!important;font-size:12px!important}\r\n#ok3d-project-alpine .form-status a{text-decoration:underline!important}\r\n#ok3d-project-alpine .field input::placeholder,#ok3d-project-alpine .field textarea::placeholder{color:#96a7c4!important}\r\n#ok3d-project-alpine .page-dialog{width:min(1100px,94vw);max-width:none;max-height:91svh;margin:auto;padding:0;border:1px solid #819acc6b;border-radius:7px;overflow:auto;background:#0b111e;color:#edf2ff;box-shadow:0 30px 100px #0009}\r\n#ok3d-project-alpine .page-dialog::backdrop{background:#020510ed;backdrop-filter:blur(12px)}\r\n#ok3d-project-alpine .dialog-top{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c1220ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20;padding:13px 20px}\r\n#ok3d-project-alpine .dialog-top>span{font-size:12px;color:#abbeda;letter-spacing:.1em}\r\n#ok3d-project-alpine .close-dialog{border:1px solid #ffffff40;border-radius:3px;background:transparent;width:42px;height:42px;flex-shrink:0;font-size:25px}\r\n#ok3d-project-alpine .modal-media{height:min(53svh,540px);background:#080b12;display:flex;align-items:center;justify-content:center}\r\n#ok3d-project-alpine .modal-media iframe,#ok3d-project-alpine .modal-media img{width:100%;height:100%;object-fit:contain;border:0;display:block}\r\n#ok3d-project-alpine .modal-copy{padding:30px 35px}\r\n#ok3d-project-alpine .modal-tag{font-size:12px!important;letter-spacing:.08em!important;color:#97b0db!important;text-transform:uppercase}\r\n#ok3d-project-alpine .modal-title{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.15!important;letter-spacing:-.045em!important;margin-top:12px!important}\r\n#ok3d-project-alpine .modal-desc{font-size:17px!important;line-height:1.85!important;color:#aebed6!important;margin-top:20px!important}\r\n#ok3d-project-alpine .modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}\r\n#ok3d-project-alpine .modal-nav{padding:18px 30px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:18px}\r\n#ok3d-project-alpine .modal-nav button{background:none;border:0;padding:6px 0;color:#b6cbed!important;font-size:14px}\r\n#ok3d-project-alpine .modal-nav span{font-size:12px;color:#a4b9da}\r\n#ok3d-project-alpine .other-expertises{border-top:1px solid #ffffff1a;padding:28px 0}\r\n#ok3d-project-alpine .other-expertises .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}\r\n#ok3d-project-alpine .other-expertises a{font-size:14px;color:#b6c9ed!important;border-bottom:1px solid #7298ff55;padding-bottom:5px}\r\n#ok3d-project-alpine .reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}\r\n#ok3d-project-alpine .reveal.pending{opacity:0;transform:translateY(20px)}\r\n#ok3d-project-alpine .site-demo{padding:20px;width:100%;display:flex;justify-content:center;align-items:center;height:405px;background:radial-gradient(ellipse at 60% 75%,#2b427c66,transparent 75%)}\r\n#ok3d-project-alpine .site-window{width:100%;border:1px solid #adc3ee66;border-radius:8px;overflow:hidden;background:#080d18;transition:width .6s cubic-bezier(.2,.8,.2,1),border-radius .6s;box-shadow:0 20px 45px #0007}\r\n#ok3d-project-alpine .site-window-bar{height:28px;padding:0 12px;background:#1d2941;display:flex;justify-content:space-between;align-items:center;color:#a7b8d4;font-size:10px}\r\n#ok3d-project-alpine .site-window-nav{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}\r\n#ok3d-project-alpine .site-window-nav img{width:65px;height:auto}\r\n#ok3d-project-alpine .site-window-nav>span{font-size:9px;color:#b4c2d8}\r\n#ok3d-project-alpine .site-window-content{position:relative;isolation:isolate;height:235px;padding:22px;overflow:hidden}\r\n#ok3d-project-alpine .site-window-content>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}\r\n#ok3d-project-alpine .site-window-content::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050b17e8,#050b1770);z-index:-1}\r\n#ok3d-project-alpine .site-window-content small{font-size:8px;color:#c0cee9;letter-spacing:.08em}\r\n#ok3d-project-alpine .site-window-content strong{display:block;font-family:var(--display)!important;font-size:43px;line-height:1.02;letter-spacing:-.065em;margin-top:15px}\r\n#ok3d-project-alpine .site-window-content strong em{color:#99b4ff;font-family:var(--display)!important;font-style:normal}\r\n#ok3d-project-alpine .site-window-content .mini-cta{display:inline-block;font-size:9px;padding:7px 10px;background:#537fff;border-radius:3px;margin-top:20px}\r\n#ok3d-project-alpine .site-demo[data-format=\"mobile\"] .site-window{width:200px;border-radius:18px}\r\n#ok3d-project-alpine .site-demo[data-format=\"mobile\"] .site-window-nav{padding-inline:15px}\r\n#ok3d-project-alpine .site-demo[data-format=\"mobile\"] .site-window-nav>span{display:none}\r\n#ok3d-project-alpine .site-demo[data-format=\"mobile\"] .site-window-content{padding:22px 15px}\r\n#ok3d-project-alpine .site-demo[data-format=\"mobile\"] .site-window-content strong{font-size:36px}\r\n#ok3d-project-alpine .site-demo[data-format=\"mobile\"] .site-window-nav::after{content:'\u2630';font-size:15px}\r\n#ok3d-project-alpine .portfolio-intro{padding:165px 0 65px;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 85% 15%,#23396655,transparent 65%)}\r\n#ok3d-project-alpine .portfolio-intro .wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end}\r\n#ok3d-project-alpine .portfolio-intro h1{font-size:clamp(56px,6.7vw,96px)!important;line-height:1.04!important;letter-spacing:-.065em!important;margin-top:22px!important}\r\n#ok3d-project-alpine .portfolio-meta{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff22;padding-top:22px;margin-top:25px;font-size:13px;color:#9fb1d1}\r\n#ok3d-project-alpine .portfolio-meta strong{font-family:var(--display)!important;color:#e1ebff;font-size:27px;margin-right:8px}\r\n#ok3d-project-alpine .filter-bar{position:sticky;top:82px;z-index:15;border-bottom:1px solid #ffffff1b;background:#080a10ed;backdrop-filter:blur(20px)}\r\n#ok3d-project-alpine .filter-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}\r\n#ok3d-project-alpine .filters{display:flex;flex-wrap:wrap;gap:5px}\r\n#ok3d-project-alpine .filters button{padding:10px 14px;min-height:42px;background:none;border:1px solid transparent;border-radius:4px;color:#a9bad5!important;font-size:14px}\r\n#ok3d-project-alpine .filters button span{font-size:11px;opacity:.65;margin-left:8px}\r\n#ok3d-project-alpine .filters button[aria-pressed=\"true\"]{background:#7498ff1b;border-color:#759bff66;color:#e0eaff!important}\r\n#ok3d-project-alpine .result-count{font-size:12px!important;color:#9eb1d2!important;white-space:nowrap}\r\n#ok3d-project-alpine .portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 24px;padding-top:38px;padding-bottom:75px;align-items:stretch}\r\n#ok3d-project-alpine .portfolio-card{grid-column:span 4;min-width:0;border:1px solid #ffffff18;border-radius:6px;background:#0d1320;overflow:hidden;transition:border-color .35s,box-shadow .35s}\r\n#ok3d-project-alpine .portfolio-card[data-shape=\"feature\"]{grid-column:span 7}\r\n#ok3d-project-alpine .portfolio-card[data-shape=\"portrait\"]{grid-column:span 5}\r\n#ok3d-project-alpine .portfolio-card[data-shape=\"full\"]{grid-column:span 12}\r\n#ok3d-project-alpine .portfolio-card[data-shape=\"half\"]{grid-column:span 6}\r\n#ok3d-project-alpine .portfolio-card:hover{border-color:#81a3ff88;box-shadow:0 15px 50px #0004}\r\n#ok3d-project-alpine .portfolio-card>a{display:flex;flex-direction:column;height:100%}\r\n#ok3d-project-alpine .p-media{height:280px;position:relative;overflow:hidden;background:#141d2e}\r\n#ok3d-project-alpine .portfolio-card[data-shape=\"feature\"] .p-media,#ok3d-project-alpine .portfolio-card[data-shape=\"portrait\"] .p-media{height:390px}\r\n#ok3d-project-alpine .portfolio-card[data-shape=\"full\"] .p-media{height:430px}\r\n#ok3d-project-alpine .p-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}\r\n#ok3d-project-alpine .portfolio-card:hover .p-media img{transform:scale(1.035)}\r\n#ok3d-project-alpine .p-kind{position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);font-size:11px;padding:6px 10px;background:#080f20d9;border:1px solid #ffffff30;border-radius:3px;backdrop-filter:blur(12px);color:#d5e2fa;z-index:2}\r\n#ok3d-project-alpine .p-open{position:absolute;bottom:16px;right:16px;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:#0b1325ab;backdrop-filter:blur(10px);font-size:24px;transition:transform .3s,background .3s;z-index:2}\r\n#ok3d-project-alpine .portfolio-card:hover .p-open{transform:rotate(45deg);background:#547eff}\r\n#ok3d-project-alpine .p-film{position:absolute;bottom:22px;left:17px;padding:5px 9px;border-radius:3px;background:#080e1ac9;font-size:11px;color:white}\r\n#ok3d-project-alpine .p-copy{padding:23px;flex:1}\r\n#ok3d-project-alpine .p-tag{font-size:11px!important;letter-spacing:.07em!important;line-height:1.6!important;text-transform:uppercase;color:#95abd2!important}\r\n#ok3d-project-alpine .p-copy h2{font-size:24px!important;line-height:1.22!important;letter-spacing:-.045em!important;margin-top:10px!important}\r\n#ok3d-project-alpine .p-copy .p-desc{font-size:14px!important;line-height:1.8!important;color:#a6b6ce!important;margin-top:13px!important}\r\n#ok3d-project-alpine .text-card .p-media{display:flex;flex-direction:column;justify-content:center;padding:50px 30px 35px;background:linear-gradient(130deg,#203250,#0c1422);border-bottom:1px solid #ffffff15}\r\n#ok3d-project-alpine .type-project{font-family:var(--display)!important;font-size:clamp(34px,3.5vw,54px);line-height:1;letter-spacing:-.065em;color:#baccf0;overflow-wrap:anywhere}\r\n#ok3d-project-alpine .type-sub{font-size:12px;letter-spacing:.14em;color:#7f9cc9;margin-top:24px}\r\n#ok3d-project-alpine .portfolio-cta{padding:75px 0;background:radial-gradient(ellipse at 90% 100%,#22396166,transparent 65%),#0d1420;border-block:1px solid #ffffff1c}\r\n#ok3d-project-alpine .portfolio-cta .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}\r\n#ok3d-project-alpine .portfolio-cta h2{font-size:clamp(36px,4.1vw,60px)!important;line-height:1.12!important;letter-spacing:-.055em!important;margin-top:20px!important}\r\n#ok3d-project-alpine .portfolio-cta p:not(.kicker){margin-top:20px!important;color:#b1c1d8!important;line-height:1.8!important;font-size:16px!important}\r\n#ok3d-project-alpine .header .nav a{white-space:nowrap}\r\n@media(min-width:1001px){#ok3d-project-alpine .header .menu-toggle{display:none}}\r\n@media(max-width:1100px){#ok3d-project-alpine .expert-hero-inner{gap:38px}#ok3d-project-alpine .expert-title{font-size:clamp(46px,5.5vw,66px)!important}#ok3d-project-alpine .expert-picture,#ok3d-project-alpine .site-demo{height:350px}#ok3d-project-alpine .selected-media{height:230px}#ok3d-project-alpine .p-media{height:240px}#ok3d-project-alpine .portfolio-card[data-shape=\"feature\"] .p-media,#ok3d-project-alpine .portfolio-card[data-shape=\"portrait\"] .p-media{height:330px}#ok3d-project-alpine .p-copy{padding:19px}#ok3d-project-alpine .p-copy h2{font-size:22px!important}}\r\n@media(max-width:1000px){#ok3d-project-alpine .header .nav{display:none;position:absolute;top:94px;left:0;right:0;padding:18px var(--gutter);background:#0c1322f5;border-bottom:1px solid #ffffff25;backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:0}#ok3d-project-alpine .header .nav.open{display:flex}#ok3d-project-alpine .header .nav a{font-size:17px!important;padding-block:12px}#ok3d-project-alpine .header.is-scrolled .nav{top:82px}#ok3d-project-alpine .header .menu-toggle{display:block}#ok3d-project-alpine .header-contact{display:none}#ok3d-project-alpine .expert-hero-inner{grid-template-columns:1fr;gap:42px}#ok3d-project-alpine .expert-title{font-size:clamp(52px,8.5vw,80px)!important}#ok3d-project-alpine .expert-visual{max-width:690px;width:100%}#ok3d-project-alpine .expert-picture,#ok3d-project-alpine .site-demo{height:430px}#ok3d-project-alpine .offer-grid{gap:20px}#ok3d-project-alpine .offer{padding-right:5px}#ok3d-project-alpine .offer h3{font-size:25px!important}#ok3d-project-alpine .approach-grid{gap:50px}#ok3d-project-alpine .portfolio-intro .wrap{gap:35px}#ok3d-project-alpine .portfolio-intro h1{font-size:clamp(50px,7vw,72px)!important}}\r\n@media(max-width:800px){#ok3d-project-alpine .portfolio-intro .wrap{grid-template-columns:1fr;gap:28px}#ok3d-project-alpine .portfolio-intro{padding-top:150px}#ok3d-project-alpine .portfolio-intro .subtext{max-width:590px}#ok3d-project-alpine .filter-inner{display:block}#ok3d-project-alpine .result-count{margin-top:10px!important}#ok3d-project-alpine .portfolio-card,#ok3d-project-alpine .portfolio-card[data-shape=\"feature\"],#ok3d-project-alpine .portfolio-card[data-shape=\"portrait\"],#ok3d-project-alpine .portfolio-card[data-shape=\"half\"]{grid-column:span 6}#ok3d-project-alpine .portfolio-card[data-shape=\"full\"]{grid-column:span 12}#ok3d-project-alpine .portfolio-card .p-media,#ok3d-project-alpine .portfolio-card[data-shape] .p-media{height:280px}#ok3d-project-alpine .portfolio-card[data-shape=\"full\"] .p-media{height:350px}#ok3d-project-alpine .selected-grid{grid-template-columns:1fr 1fr}#ok3d-project-alpine .selected-card:last-child{grid-column:span 2}#ok3d-project-alpine .selected-card:last-child .selected-media{height:320px}}\r\n@media(max-width:700px){#ok3d-project-alpine .header-inner{min-height:72px;height:78px}#ok3d-project-alpine .header .logo img{height:31px!important;max-width:132px!important}#ok3d-project-alpine .header .nav{top:78px}#ok3d-project-alpine .header.is-scrolled .nav{top:72px}#ok3d-project-alpine .header .nav a::after{display:none}#ok3d-project-alpine .expert-hero{padding-top:130px;padding-bottom:45px}#ok3d-project-alpine .expert-title{font-size:clamp(42px,10.6vw,67px)!important}#ok3d-project-alpine .subtext{font-size:16px!important;margin-top:22px!important}#ok3d-project-alpine .expert-actions{gap:12px}#ok3d-project-alpine .expert-actions .btn{padding-inline:19px;gap:20px}#ok3d-project-alpine .expert-picture,#ok3d-project-alpine .site-demo{height:340px}#ok3d-project-alpine .expert-strip{font-size:11px;gap:15px;padding-top:25px}#ok3d-project-alpine .expert-strip span+span{padding-left:15px}#ok3d-project-alpine .section-head h2{font-size:clamp(34px,10vw,43px)!important}#ok3d-project-alpine .section-head>p{margin-top:20px!important}#ok3d-project-alpine .offer-grid{grid-template-columns:1fr;gap:0}#ok3d-project-alpine .offer{padding:30px 0;border-bottom:1px solid #ffffff18}#ok3d-project-alpine .offer h3{font-size:29px!important;margin-top:17px!important}#ok3d-project-alpine .selected-grid{display:block}#ok3d-project-alpine .selected-card{margin-bottom:22px}#ok3d-project-alpine .selected-card .selected-media,#ok3d-project-alpine .selected-card:last-child .selected-media{height:280px}#ok3d-project-alpine .approach-grid{grid-template-columns:1fr;gap:30px}#ok3d-project-alpine .approach-heading{position:static}#ok3d-project-alpine .approach-heading h2{font-size:43px!important}#ok3d-project-alpine .approach-step{gap:16px}#ok3d-project-alpine .form-grid{grid-template-columns:1fr}#ok3d-project-alpine .field.full{grid-column:auto}#ok3d-project-alpine .contact h2{font-size:clamp(38px,11vw,53px)!important}#ok3d-project-alpine .contact-grid{gap:40px}#ok3d-project-alpine .page-dialog{width:96vw;max-height:94svh}#ok3d-project-alpine .modal-media{height:34svh;min-height:175px}#ok3d-project-alpine .modal-copy{padding:25px 22px}#ok3d-project-alpine .modal-title{font-size:30px!important}#ok3d-project-alpine .modal-desc{font-size:16px!important}#ok3d-project-alpine .modal-actions{flex-direction:column}#ok3d-project-alpine .modal-nav{padding:14px 18px;gap:12px}#ok3d-project-alpine .modal-nav button{font-size:12px}#ok3d-project-alpine .dialog-top{padding:10px 15px}#ok3d-project-alpine .dialog-top>span{font-size:10px}#ok3d-project-alpine .portfolio-intro{padding-top:128px;padding-bottom:40px}#ok3d-project-alpine .portfolio-intro h1{font-size:clamp(45px,12vw,68px)!important}#ok3d-project-alpine .filter-bar{top:72px}#ok3d-project-alpine .filters button{font-size:12px;padding:8px 10px;min-height:38px}#ok3d-project-alpine .filter-inner{padding-block:12px}#ok3d-project-alpine .portfolio-cta .wrap{align-items:start;flex-direction:column}#ok3d-project-alpine .portfolio-cta{padding-block:55px}#ok3d-project-alpine .site-window-content strong{font-size:39px}}\r\n@media(max-width:540px){#ok3d-project-alpine .portfolio-grid{display:block;padding-top:25px;padding-bottom:40px}#ok3d-project-alpine .portfolio-card{margin-bottom:24px}#ok3d-project-alpine .portfolio-card .p-media,#ok3d-project-alpine .portfolio-card[data-shape] .p-media{height:auto;aspect-ratio:1.22}#ok3d-project-alpine .p-copy{padding:23px}#ok3d-project-alpine .p-copy h2{font-size:24px!important}#ok3d-project-alpine .p-copy .p-desc{font-size:15px!important}#ok3d-project-alpine .type-project{font-size:45px}#ok3d-project-alpine .portfolio-meta{gap:20px}#ok3d-project-alpine .visual-tabs button{font-size:12px;padding-inline:11px}#ok3d-project-alpine .visual-caption{padding-inline:15px;gap:10px}#ok3d-project-alpine .visual-caption>span{font-size:12px}#ok3d-project-alpine .visual-caption button{font-size:12px}#ok3d-project-alpine .expert-picture{height:300px}}\r\n@media(max-width:359px){#ok3d-project-alpine .expert-title{font-size:40px!important}#ok3d-project-alpine .expert-picture,#ok3d-project-alpine .site-demo{height:290px}#ok3d-project-alpine .visual-header{padding-inline:14px}#ok3d-project-alpine .visual-header span{font-size:10px!important}#ok3d-project-alpine .site-window-content{padding:18px 14px}#ok3d-project-alpine .site-window-content strong{font-size:32px}#ok3d-project-alpine .expert-strip{gap:9px}#ok3d-project-alpine .expert-strip span+span{padding-left:9px}#ok3d-project-alpine .other-expertises .wrap{flex-direction:column}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-alpine *,#ok3d-project-alpine *::before,#ok3d-project-alpine *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#ok3d-project-alpine .reveal.pending{opacity:1;transform:none}}\r\n#ok3d-project-alpine .case-hero{\r\n  padding:152px 0 0;\r\n  position:relative;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  background:#080a10;\r\n}\r\n#ok3d-project-alpine .case-hero::before,\r\n#ok3d-project-alpine .case-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  border-radius:50%;\r\n}\r\n#ok3d-project-alpine .case-hero::before{\r\n  width:94%;\r\n  height:112%;\r\n  right:-25%;\r\n  top:-37%;\r\n  background:radial-gradient(\r\n    ellipse at center,\r\n    rgba(94,127,211,.22) 0%,\r\n    rgba(64,94,169,.13) 30%,\r\n    rgba(33,54,103,.055) 51%,\r\n    transparent 71%\r\n  );\r\n  opacity:.9;\r\n  animation:ok3d-project-halo-primary 28s cubic-bezier(.45,0,.55,1) infinite alternate;\r\n}\r\n#ok3d-project-alpine .case-hero::after{\r\n  width:72%;\r\n  height:78%;\r\n  left:-18%;\r\n  bottom:-30%;\r\n  background:radial-gradient(\r\n    ellipse at center,\r\n    rgba(66,100,173,.11) 0%,\r\n    rgba(47,67,131,.055) 34%,\r\n    transparent 70%\r\n  );\r\n  opacity:.66;\r\n  animation:ok3d-project-halo-secondary 36s cubic-bezier(.45,0,.55,1) infinite alternate;\r\n}\r\n#ok3d-project-alpine .case-hero>.wrap{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n@keyframes ok3d-project-halo-primary{\r\n  0%{transform:translate3d(0,0,0) scale(1)}\r\n  50%{transform:translate3d(-6%,7%,0) scale(1.07)}\r\n  100%{transform:translate3d(-12%,2%,0) scale(1.02)}\r\n}\r\n@keyframes ok3d-project-halo-secondary{\r\n  0%{transform:translate3d(0,0,0) scale(.97)}\r\n  50%{transform:translate3d(9%,-8%,0) scale(1.08)}\r\n  100%{transform:translate3d(15%,-3%,0) scale(1.015)}\r\n}\r\n#ok3d-project-alpine .case-back{font-size:14px!important;color:#a7b6d1!important;display:inline-flex;gap:14px;margin-bottom:44px}\r\n#ok3d-project-alpine .case-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end}\r\n#ok3d-project-alpine .case-title{font-size:clamp(66px,8.5vw,128px)!important;line-height:.98!important;letter-spacing:-.065em!important;margin-top:22px!important}\r\n#ok3d-project-alpine .case-title span{font-family:var(--display)!important;color:#92acff!important}\r\n#ok3d-project-alpine .case-lead{font-size:clamp(20px,2.1vw,29px)!important;line-height:1.5!important;letter-spacing:-.02em!important;color:#d5def0!important;max-width:510px;margin-bottom:22px!important}\r\n#ok3d-project-alpine .case-summary .text-link{margin-top:12px}\r\n#ok3d-project-alpine .case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff25;margin-top:50px;padding:26px 0 30px}\r\n#ok3d-project-alpine .case-meta dt{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:#95a5c0;margin-bottom:8px}\r\n#ok3d-project-alpine .case-meta dd{margin:0;font-size:14px;line-height:1.7;color:#e0e7f5}\r\n#ok3d-project-alpine .case-film{position:relative;margin:0;border:1px solid #ffffff25;border-radius:5px;overflow:hidden;background:#070910}\r\n#ok3d-project-alpine .case-film video{display:block;width:100%;height:auto;aspect-ratio:16\/9;object-fit:contain;background:#070910}\r\n#ok3d-project-alpine .film-cover{position:absolute;inset:0 0 43px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;width:100%;border:0;background:linear-gradient(0deg,#0407124d,transparent 60%);color:white!important;font-family:var(--font);font-size:15px!important}\r\n#ok3d-project-alpine .film-cover .play-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#0b14205c;border:1px solid #ffffffa0;backdrop-filter:blur(13px);font-size:25px;padding-left:4px;transition:transform .35s,background .35s}\r\n#ok3d-project-alpine .film-cover:hover .play-ring{transform:scale(1.08);background:#537fffc9}\r\n#ok3d-project-alpine .case-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;font-size:12px;line-height:1.5;color:#acb9d0;background:#0e1421}\r\n#ok3d-project-alpine .case-film figcaption a{color:#c3d2f2!important;text-decoration:underline}\r\n#ok3d-project-alpine .case-video-error{padding:15px 20px;color:#ffc7c7!important;font-size:14px}\r\n#ok3d-project-alpine .case-overview{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;align-items:start}\r\n#ok3d-project-alpine .case-h2{font-size:clamp(36px,4.3vw,64px)!important;line-height:1.08!important;letter-spacing:-.055em!important;margin-top:20px!important}\r\n#ok3d-project-alpine .case-h2 span{color:#92acff!important;font-family:var(--display)!important}\r\n#ok3d-project-alpine .case-copy p{font-size:17px!important;line-height:1.95!important;color:#b0bdd3!important;margin-bottom:22px!important}\r\n#ok3d-project-alpine .case-copy p:first-child{font-size:21px!important;line-height:1.7!important;color:#e0e7f6!important}\r\n#ok3d-project-alpine .case-challenge{border-left:2px solid #648cff;padding:5px 0 5px 24px;margin-top:35px}\r\n#ok3d-project-alpine .case-challenge strong{font-size:12px!important;text-transform:uppercase;letter-spacing:.13em;color:#95b0f1;display:block;margin-bottom:12px}\r\n#ok3d-project-alpine .case-challenge p{font-size:17px!important;color:#d4e0f6!important;margin:0!important}\r\n#ok3d-project-alpine .case-gallery-section{background:#0d121d;border-block:1px solid #ffffff18}\r\n#ok3d-project-alpine .case-gallery{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}\r\n#ok3d-project-alpine .case-gallery figure{margin:0;min-width:0}\r\n#ok3d-project-alpine .case-gallery figure:nth-child(2){padding-top:100px}\r\n#ok3d-project-alpine .case-zoom{position:relative;width:100%;display:block;padding:0;border:1px solid #ffffff25;border-radius:5px;overflow:hidden;background:#11192a;text-align:left}\r\n#ok3d-project-alpine .case-zoom img{display:block;width:100%;height:470px;object-fit:cover;transition:transform .7s}\r\n#ok3d-project-alpine .case-zoom:hover img{transform:scale(1.035)}\r\n#ok3d-project-alpine .case-zoom span{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff88;background:#0a101bb0;backdrop-filter:blur(8px);display:grid;place-items:center;font-size:25px}\r\n#ok3d-project-alpine .case-gallery figcaption{display:flex;gap:20px;align-items:baseline;padding:20px 0;font-size:14px;line-height:1.7;color:#b8c7df}\r\n#ok3d-project-alpine .case-gallery figcaption small{color:#88a3d5;font-size:12px;font-family:var(--display)!important}\r\n#ok3d-project-alpine .case-craft{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}\r\n#ok3d-project-alpine .case-process{list-style:none;padding:0;margin:0}\r\n#ok3d-project-alpine .case-process li{padding:24px 0;border-top:1px solid #ffffff25;display:grid;grid-template-columns:35px 1fr;gap:20px}\r\n#ok3d-project-alpine .case-process li>span{font-size:13px;color:#9db8fb;padding-top:5px}\r\n#ok3d-project-alpine .case-process h3{font-size:26px!important;letter-spacing:-.035em!important;line-height:1.3!important}\r\n#ok3d-project-alpine .case-process p{font-size:16px!important;color:#a9b9d3!important;line-height:1.8!important;margin-top:10px!important}\r\n#ok3d-project-alpine .case-delivery{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0;border-top:1px solid #ffffff25;margin-top:58px}\r\n#ok3d-project-alpine .case-delivery h3{font-size:24px!important;letter-spacing:-.035em!important}\r\n#ok3d-project-alpine .case-delivery ul{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:10px;flex-wrap:wrap}\r\n#ok3d-project-alpine .case-delivery li{font-size:14px;border:1px solid #ffffff22;background:#648cff08;padding:8px 13px;border-radius:3px;color:#becde5}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n#ok3d-project-alpine .case-lightbox{margin:auto;padding:0;border:1px solid #869bc55c;background:#080c16;width:min(1280px,94vw);max-width:none;max-height:94svh;color:#edf2ff;border-radius:5px}\r\n#ok3d-project-alpine .case-lightbox::backdrop{background:#020510ed;backdrop-filter:blur(12px)}\r\n#ok3d-project-alpine .case-lightbox .lightbox-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:20px;border-bottom:1px solid #ffffff22}\r\n#ok3d-project-alpine .case-lightbox p{font-size:14px!important;color:#c6d5ee!important}\r\n#ok3d-project-alpine .case-lightbox button{min-width:44px;min-height:44px;background:none;border:1px solid #ffffff40;border-radius:3px;color:white;font-size:24px}\r\n#ok3d-project-alpine .case-lightbox img{width:100%;height:auto;max-height:78svh;object-fit:contain}\r\n#ok3d-project-alpine .case-hero .kicker{color:#a8b8d6!important}\r\n@media(max-width:1000px){#ok3d-project-alpine .case-heading{gap:40px;grid-template-columns:1.2fr 1fr}#ok3d-project-alpine .case-title{font-size:clamp(65px,9vw,98px)!important}#ok3d-project-alpine .case-overview,#ok3d-project-alpine .case-craft{gap:45px}#ok3d-project-alpine .case-gallery{gap:20px}#ok3d-project-alpine .case-zoom img{height:360px}}\r\n@media(max-width:700px){#ok3d-project-alpine .case-hero{padding-top:115px}#ok3d-project-alpine .case-back{margin-bottom:32px}#ok3d-project-alpine .case-heading{grid-template-columns:1fr;gap:25px}#ok3d-project-alpine .case-title{font-size:clamp(61px,15vw,95px)!important}#ok3d-project-alpine .case-lead{font-size:21px!important;margin-bottom:8px!important}#ok3d-project-alpine .case-meta{grid-template-columns:1fr 1fr;margin-top:32px;gap:22px 15px;padding-block:24px}#ok3d-project-alpine .case-meta dd{font-size:13px}#ok3d-project-alpine .film-cover{inset:0 0 0;bottom:56px;font-size:13px!important;gap:8px}#ok3d-project-alpine .film-cover .play-ring{width:55px;height:55px;font-size:19px}#ok3d-project-alpine .case-film figcaption{padding:10px 12px;gap:15px;font-size:11px;min-height:56px}#ok3d-project-alpine .case-overview,#ok3d-project-alpine .case-craft{grid-template-columns:1fr;gap:30px}#ok3d-project-alpine .case-h2{font-size:42px!important}#ok3d-project-alpine .case-copy p{font-size:16px!important}#ok3d-project-alpine .case-copy p:first-child{font-size:19px!important}#ok3d-project-alpine .case-gallery{grid-template-columns:1fr;gap:25px}#ok3d-project-alpine .case-gallery figure:nth-child(2){padding-top:0}#ok3d-project-alpine .case-zoom img{height:auto;aspect-ratio:1.12;object-fit:cover}#ok3d-project-alpine .case-delivery{grid-template-columns:1fr;gap:30px;margin-top:30px}#ok3d-project-alpine .case-lightbox p{font-size:12px!important}#ok3d-project-alpine .case-process li{gap:13px;grid-template-columns:27px 1fr}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-alpine *,#ok3d-project-alpine *::before,#ok3d-project-alpine *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\r\n\r\n\/* MASTER PROJET \u2014 coh\u00e9rence visuelle globale *\/\r\n@media(max-width:700px){\r\n  #ok3d-project-alpine .case-hero::before{\r\n    width:145%;\r\n    height:72%;\r\n    right:-62%;\r\n    top:-8%;\r\n    animation-duration:34s;\r\n  }\r\n  #ok3d-project-alpine .case-hero::after{\r\n    width:138%;\r\n    height:58%;\r\n    left:-66%;\r\n    bottom:-12%;\r\n    animation-duration:42s;\r\n  }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #ok3d-project-alpine .case-hero::before,\r\n  #ok3d-project-alpine .case-hero::after{\r\n    animation:none!important;\r\n    transform:none!important;\r\n  }\r\n}\r\n\r\n\r\n\r\n#ok3d-project-alpine .case-film>iframe{display:block;width:100%;aspect-ratio:16\/9;border:0;background:#070910}\r\n#ok3d-project-alpine .case-film .case-zoom{position:relative;width:100%;display:block;padding:0;border:0;border-radius:0;overflow:hidden;background:#070910}\r\n#ok3d-project-alpine .case-film .project-overview-image{display:block;width:100%;height:clamp(320px,52vw,760px);object-fit:contain;padding:clamp(12px,2vw,30px);background:radial-gradient(ellipse at center,#1b2946,#070910 72%);transition:transform .7s}\r\n#ok3d-project-alpine .case-film .case-zoom:hover .project-overview-image{transform:scale(1.018)}\r\n#ok3d-project-alpine .case-film .case-zoom>span{position:absolute;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff80;background:#09101dcc;display:grid;place-items:center;font-size:25px}\r\n#ok3d-project-alpine .project-empty-visual{min-height:clamp(320px,52vw,760px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:30px;background:linear-gradient(#648cff09 1px,transparent 1px),linear-gradient(90deg,#648cff09 1px,transparent 1px),radial-gradient(ellipse at 65% 32%,#2f467d66,transparent 60%),#090d16;background-size:38px 38px,38px 38px,100% 100%,100% 100%}\r\n#ok3d-project-alpine .project-empty-visual small{font-size:10px;letter-spacing:.16em;color:#8ea5cf}\r\n#ok3d-project-alpine .project-empty-visual strong{font-family:var(--display)!important;font-size:clamp(46px,7vw,104px);line-height:.95;letter-spacing:-.06em;color:#edf3ff}\r\n#ok3d-project-alpine .project-empty-visual span{font-size:13px;color:#98a8c2}\r\n\r\n\r\n#ok3d-project-alpine [hidden]{display:none!important}\r\n#ok3d-project-alpine .alpine-terrain{background:radial-gradient(ellipse at 85% 30%,#648cff12,transparent 60%),#0d121d;border-block:1px solid var(--line)}\r\n#ok3d-project-alpine .alpine-section-head{max-width:860px;margin-bottom:44px}\r\n#ok3d-project-alpine .alpine-section-head .subtext,#ok3d-project-alpine .case-craft .subtext{margin-top:24px;max-width:720px;color:#aab8ce;line-height:1.85}\r\n#ok3d-project-alpine .alpine-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}\r\n#ok3d-project-alpine .alpine-visual{margin:0;min-width:0}\r\n#ok3d-project-alpine .alpine-image{display:block;position:relative;width:100%;aspect-ratio:4\/3;padding:0;overflow:hidden;border:1px solid #ffffff26;border-radius:6px;background:radial-gradient(ellipse at 50% 90%,#223353,#0b101b 75%);color:var(--text)}\r\n#ok3d-project-alpine .alpine-image:disabled{opacity:1;cursor:default}\r\n#ok3d-project-alpine .alpine-image img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}\r\n#ok3d-project-alpine .alpine-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:28px;gap:14px}\r\n#ok3d-project-alpine .alpine-placeholder small{font-size:10px;letter-spacing:.17em;color:#8da7d9}\r\n#ok3d-project-alpine .alpine-placeholder strong{font-family:var(--display);font-size:clamp(24px,3vw,42px);line-height:1.2;font-weight:500;letter-spacing:-.04em}\r\n#ok3d-project-alpine .alpine-placeholder em{font-size:12px;font-style:normal;color:#92a0b7}\r\n#ok3d-project-alpine .alpine-zoom{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%;background:#080a10a8;transition:background .3s}\r\n#ok3d-project-alpine .alpine-image:disabled .alpine-zoom{display:none}\r\n#ok3d-project-alpine .alpine-visual figcaption{padding-top:16px;font-size:13px;color:#a5b4ce;line-height:1.7}\r\n#ok3d-project-alpine .alpine-visual figcaption a{display:block;color:#92acff;text-decoration:underline}\r\n#ok3d-project-alpine .alpine-story{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:center;margin-top:35px;font-size:11px;letter-spacing:.13em;color:#a4b9df}\r\n#ok3d-project-alpine .alpine-story b{color:#648cff;font-weight:400}\r\n#ok3d-project-alpine .alpine-replay{margin-top:28px}\r\n#ok3d-project-alpine .alpine-exhibition{border-top:1px solid var(--line)}\r\n#ok3d-project-alpine .alpine-real{grid-template-columns:1.15fr 1fr;align-items:start}\r\n#ok3d-project-alpine .alpine-real .alpine-visual:nth-child(2){margin-top:64px}\r\n#ok3d-project-alpine .alpine-credits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);margin-top:48px;padding-top:28px;font-size:12px;color:#9faec7}\r\n#ok3d-project-alpine .alpine-credits strong{font-weight:500;color:#ecf1fc;line-height:2.3}\r\n@media(hover:hover) and (pointer:fine){#ok3d-project-alpine .alpine-image:not(:disabled):hover img{transform:scale(1.025)}#ok3d-project-alpine .alpine-image:hover .alpine-zoom{background:#345abb}}\r\n@media(max-width:700px){#ok3d-project-alpine .alpine-pair,#ok3d-project-alpine .alpine-real{grid-template-columns:1fr;gap:32px}#ok3d-project-alpine .alpine-real .alpine-visual:nth-child(2){margin-top:0}#ok3d-project-alpine .alpine-credits{grid-template-columns:1fr}#ok3d-project-alpine .case-film figcaption{flex-wrap:wrap;gap:4px}#ok3d-project-alpine .case-h2{font-size:clamp(32px,9vw,42px)!important}}\r\n\r\n#ok3d-project-alpine .alpine-evolution-grid{align-items:start}\r\n#ok3d-project-alpine .alpine-compare-figure{display:flex;flex-direction:column}\r\n#ok3d-project-alpine .alpine-compare-card{border:1px solid #ffffff22;border-radius:8px;background:linear-gradient(180deg,#111827,#0a0f18 72%);padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.28)}\r\n#ok3d-project-alpine .alpine-compare-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;padding-inline:2px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#96abcf}\r\n#ok3d-project-alpine .alpine-compare-stage{position:relative;aspect-ratio:4\/3;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#223353,#0b101b 75%);border:1px solid #ffffff18}\r\n#ok3d-project-alpine .alpine-compare-base,#ok3d-project-alpine .alpine-compare-overlay img{width:100%;height:100%;object-fit:contain;display:block}\r\n#ok3d-project-alpine .alpine-compare-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare,56%)) 0 0)}\r\n#ok3d-project-alpine .alpine-compare-divider{position:absolute;top:0;bottom:0;left:var(--compare,56%);width:1px;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(8,10,16,.25),0 0 16px rgba(100,140,255,.35);transform:translateX(-50%);pointer-events:none}\r\n#ok3d-project-alpine .alpine-compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.46);background:rgba(8,10,16,.74);backdrop-filter:blur(10px);display:grid;place-items:center}\r\n#ok3d-project-alpine .alpine-compare-divider span::before{content:'\u2194';font-size:18px;line-height:1;color:#edf3ff;transform:translateY(-1px)}\r\n#ok3d-project-alpine .alpine-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}\r\n#ok3d-project-alpine .alpine-compare-range::-webkit-slider-thumb{appearance:none;width:44px;height:44px}\r\n#ok3d-project-alpine .alpine-compare-range::-moz-range-thumb{width:44px;height:44px;border:0;background:transparent}\r\n#ok3d-project-alpine .alpine-compare-note{display:grid;gap:6px;padding:14px 2px 2px}\r\n#ok3d-project-alpine .alpine-compare-note strong{font-family:var(--display);font-size:14px;font-weight:500;letter-spacing:-.02em;color:#f0f4ff}\r\n#ok3d-project-alpine .alpine-compare-note p{font-size:13px;line-height:1.75;color:#9fb0cd}\r\n#ok3d-project-alpine .alpine-image-cover{\r\n  border:0!important;\r\n  background:transparent!important;\r\n}\r\n#ok3d-project-alpine .alpine-image-cover img{\r\n  width:100%!important;\r\n  height:100%!important;\r\n  object-fit:cover!important;\r\n  object-position:center!important;\r\n}\r\n@media(hover:hover) and (pointer:fine){#ok3d-project-alpine .alpine-compare-card:hover{border-color:#ffffff32;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(100,140,255,.16) inset}}\r\n@media(max-width:700px){#ok3d-project-alpine .alpine-compare-card{padding:10px}#ok3d-project-alpine .alpine-compare-head{font-size:10px;margin-bottom:10px}#ok3d-project-alpine .alpine-compare-note{padding-top:12px}#ok3d-project-alpine .alpine-story{gap:10px 14px}}\r\n\r\n<\/style>\r\n<script>\r\n(()=>{'use strict';\r\nconst root=document.getElementById('ok3d-project-alpine');\r\nif(!root||root.dataset.alpineReady)return;\r\nroot.dataset.alpineReady='true';\r\nconst dialog=root.querySelector('.case-lightbox');\r\nconst full=dialog?.querySelector('[data-full-image]');\r\nlet opener=null, oldOverflow='';\r\nroot.querySelectorAll('[data-asset]').forEach(button=>{\r\n  const img=button.querySelector('img');\r\n  if(!img||!img.getAttribute('src')) return;\r\n  button.disabled=false;\r\n  button.addEventListener('click',()=>{\r\n    if(!dialog||!full) return;\r\n    full.src=img.src;\r\n    full.alt=img.alt;\r\n    const title=dialog.querySelector('p');\r\n    if(title) title.textContent=img.alt;\r\n    opener=button;\r\n    oldOverflow=document.body.style.overflow;\r\n    dialog.showModal();\r\n    document.body.style.overflow='hidden';\r\n  });\r\n});\r\nif(dialog){\r\n  dialog.querySelector('[data-close]')?.addEventListener('click',()=>dialog.close());\r\n  dialog.addEventListener('close',()=>{\r\n    document.body.style.overflow=oldOverflow;\r\n    if(full) full.removeAttribute('src');\r\n    opener?.focus?.({preventScroll:true});\r\n  });\r\n  dialog.addEventListener('click',e=>{\r\n    if(e.target!==dialog) return;\r\n    const b=dialog.getBoundingClientRect();\r\n    if(e.clientX<b.left||e.clientX>b.right||e.clientY<b.top||e.clientY>b.bottom) dialog.close();\r\n  });\r\n}\r\nroot.querySelectorAll('[data-compare]').forEach(compare=>{\r\n  const range=compare.querySelector('.alpine-compare-range');\r\n  const update=()=>compare.style.setProperty('--compare', `${range.value}%`);\r\n  if(!range) return;\r\n  update();\r\n  ['input','change'].forEach(evt=>range.addEventListener(evt, update, {passive:true}));\r\n});\r\nconst reduced=window.matchMedia('(prefers-reduced-motion:reduce)');\r\nif('IntersectionObserver' in window && !reduced.matches){\r\n  const observer=new IntersectionObserver(entries=>entries.forEach(entry=>{\r\n    if(entry.isIntersecting){\r\n      entry.target.classList.remove('pending');\r\n      observer.unobserve(entry.target);\r\n    }\r\n  }),{threshold:.06});\r\n  root.querySelectorAll('.reveal').forEach(el=>{\r\n    el.classList.add('pending');\r\n    observer.observe(el);\r\n  });\r\n  reduced.addEventListener?.('change',()=>{\r\n    if(reduced.matches){\r\n      observer.disconnect();\r\n      root.querySelectorAll('.pending').forEach(el=>el.classList.remove('pending'));\r\n    }\r\n  });\r\n}\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aller au contenu \u2190 Retour aux projets Art car \/ Animation 3D Alpine \u00d7Obvious. Du motif au paysage.Une Alpine, un relief, un m\u00eame langage. D\u00e9couvrir le film \u2193 Projet A110 Sastruga Cr\u00e9ation du covering Collectif Obvious Mon intervention Texturing \u00b7 Animation 3D \u00b7 Paysage \u00b7 Rendu Exposition de l\u2019art car Art Paris 2022 LE FILM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14833,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/comments?post=15451"}],"version-history":[{"count":2,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15451\/revisions"}],"predecessor-version":[{"id":15458,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15451\/revisions\/15458"}],"up":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/14833"}],"wp:attachment":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/media?parent=15451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}