{"id":15284,"date":"2026-09-14T17:48:13","date_gmt":"2026-09-14T15:48:13","guid":{"rendered":"https:\/\/www.ok3d.fr\/?page_id=15284"},"modified":"2026-09-17T04:00:25","modified_gmt":"2026-09-17T02:00:25","slug":"studio","status":"publish","type":"page","link":"https:\/\/www.ok3d.fr\/en\/studio\/","title":{"rendered":"The studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15284\" class=\"elementor elementor-15284\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbe5d3c e-con e-atomic-element e-flexbox-base e-ba436fd \" data-id=\"bbe5d3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bbe5d3c\" data-e-type=\"e-flexbox\" data-id=\"bbe5d3c\">\n    \t\t<div class=\"elementor-element elementor-element-c1d60fd elementor-widget elementor-widget-html\" data-id=\"c1d60fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OK3D \u00b7 Le studio \u00b7 Sans header ni footer \u00b7 Coller le bloc entier dans un widget HTML Elementor -->\r\n<div id=\"ok3d-studio\"><span id=\"ok3d-studio-top\"><\/span><a class=\"skip\" href=\"#ok3d-studio-main\">Aller au contenu<\/a><main id=\"ok3d-studio-main\">\r\n<!-- 01 \u00b7 INTRODUCTION DU STUDIO -->\r\n<section class=\"studio-hero\"><div class=\"wrap\"><div class=\"studio-hero-grid\"><div><p class=\"kicker\">Le studio \/ OK3D<\/p><h1 class=\"studio-title\">Un regard.<br>Trois<br><span class=\"accent-line\">dimensions.<\/span><\/h1><p class=\"studio-intro\">Je suis J\u00e9r\u00e9my, designer digital et cr\u00e9ateur 3D. Je donne forme aux id\u00e9es des marques et des entrepreneurs, de la premi\u00e8re intention \u00e0 l\u2019exp\u00e9rience finale.<\/p><div class=\"studio-actions\"><a class=\"btn btn-primary\" href=\"\/projets\/\">D\u00e9couvrir mes projets <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span><\/a><a class=\"text-link\" href=\"#ok3d-studio-approche\">Mon approche \u2193<\/a><\/div><\/div><div class=\"studio-collage\"><figure class=\"collage-main\"><img decoding=\"async\" src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/t-shirt_site_5-scaled-1.webp\" alt=\"Cr\u00e9ation 3D du t-shirt Kiprun \u00d7 Obvious\" fetchpriority=\"high\"><figcaption>01 \/ DONNER DU VOLUME<\/figcaption><\/figure><figure class=\"collage-small\"><img decoding=\"async\" src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_orora_group_2-2-scaled.png\" alt=\"Identit\u00e9 visuelle Orora\" loading=\"eager\"><figcaption>02 \/ CR\u00c9ER UNE IDENTIT\u00c9<\/figcaption><\/figure><figure class=\"collage-small\"><img decoding=\"async\" src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2025\/11\/PYH_site.jpg\" alt=\"Cr\u00e9ation du site PYH\" loading=\"eager\"><figcaption>03 \/ PENSER L\u2019EXP\u00c9RIENCE<\/figcaption><\/figure><div class=\"collage-label\"><span>IMAGES \u00b7 MARQUES \u00b7 INTERFACES<\/span><span>OK3D \/ S\u00c9LECTION<\/span><\/div><\/div><\/div><div class=\"studio-strip\"><span>3 expertises compl\u00e9mentaires<\/span><span>Un interlocuteur direct<\/span><span>Des cr\u00e9ations sur mesure<\/span><\/div><\/div><\/section>\r\n<!-- 02 \u00b7 PR\u00c9SENTATION PERSONNELLE -->\r\n<section class=\"section wrap\" id=\"ok3d-studio-approche\"><div class=\"studio-about\"><div class=\"reveal\"><p class=\"kicker\">01 \/ Derri\u00e8re les images<\/p><h2 class=\"studio-h2\">Derri\u00e8re OK3D,<br><span>J\u00e9r\u00e9my.<\/span><\/h2><\/div><div class=\"studio-copy reveal\"><p>J\u2019aime faire le lien entre une id\u00e9e, son expression visuelle et la fa\u00e7on dont elle sera d\u00e9couverte.<\/p><p>Avec OK3D, j\u2019accompagne les marques et les entrepreneurs dans la cr\u00e9ation d\u2019un univers qui leur ressemble. Cela peut commencer par un produit \u00e0 pr\u00e9senter, une identit\u00e9 \u00e0 construire ou un site \u00e0 repenser.<\/p><p>La 3D, le graphisme et le web me permettent d\u2019aborder ces projets sous plusieurs angles. Je peux travailler sur une discipline pr\u00e9cise, ou prolonger une m\u00eame direction artistique \u00e0 travers plusieurs supports.<\/p><p>Vous \u00e9changez directement avec la personne qui imagine et r\u00e9alise votre projet. Nous d\u00e9finissons le cap ensemble, puis je donne forme aux id\u00e9es avec des \u00e9tapes de validation claires.<\/p><div class=\"studio-signature\"><span class=\"monogram\" aria-hidden=\"true\">JV<\/span><div><strong>J\u00e9r\u00e9my Vel\u00e9<\/strong><small>Fondateur d\u2019OK3D \u00b7 Designer digital & cr\u00e9ateur 3D<\/small><\/div><\/div><\/div><\/div><\/section>\r\n<!-- 03 \u00b7 LES TROIS EXPERTISES -->\r\n<section class=\"section studio-disciplines\"><div class=\"wrap\"><div class=\"section-head reveal\"><div><p class=\"kicker\">02 \/ Trois fa\u00e7ons de cr\u00e9er<\/p><h2>Des savoir-faire qui<br><span>se r\u00e9pondent.<\/span><\/h2><\/div><p>Une image peut devenir le point de d\u00e9part d\u2019une identit\u00e9. Une identit\u00e9 peut prendre vie en mouvement, puis sur un site.<\/p><\/div><div class=\"discipline-grid\"><a class=\"discipline-card reveal\" href=\"\/services\/modelisation-3d\/\"><div class=\"discipline-media\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/t-shirt_site_5-scaled-1.webp\" alt=\"Kiprun \u2014 Animation 3D &amp; Branding\" loading=\"lazy\" decoding=\"async\"><span>01 \/ EXPERTISE<\/span><\/div><div class=\"discipline-content\"><h3>3D &amp; animation<\/h3><p>Rendre un produit tangible, construire un univers et lui donner du mouvement. Du d\u00e9tail de la mati\u00e8re \u00e0 la mise en sc\u00e8ne.<\/p><span class=\"discipline-link\">Explorer cette expertise <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/a><a class=\"discipline-card reveal\" href=\"\/services\/identite-visuelle\/\"><div class=\"discipline-media contain\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2026\/09\/logo_orora_group_2-2-scaled.png\" alt=\"Orora \u2014 Identit\u00e9s de marque\" loading=\"lazy\" decoding=\"async\"><span>02 \/ EXPERTISE<\/span><\/div><div class=\"discipline-content\"><h3>Design graphique<\/h3><p>Donner \u00e0 une marque une expression reconnaissable, puis la d\u00e9cliner avec coh\u00e9rence sur ses supports de communication.<\/p><span class=\"discipline-link\">Explorer cette expertise <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/a><a class=\"discipline-card reveal\" href=\"\/services\/creation-web\/\"><div class=\"discipline-media\"><img src=\"https:\/\/www.ok3d.fr\/wp-content\/uploads\/2025\/11\/PYH_site.jpg\" alt=\"PYH \u2014 Site web &amp; branding\" loading=\"lazy\" decoding=\"async\"><span>03 \/ EXPERTISE<\/span><\/div><div class=\"discipline-content\"><h3>Webdesign<\/h3><p>Transformer un univers visuel en une exp\u00e9rience claire, avec des pages pens\u00e9es pour les contenus et les usages.<\/p><span class=\"discipline-link\">Explorer cette expertise <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/a><\/div><\/div><\/section>\r\n<section class=\"section studio-toolkit\" aria-labelledby=\"studio-tools-title\"><div class=\"wrap\"><div class=\"section-head reveal\"><div><p class=\"kicker\">03 \/ Les outils derri\u00e8re les id\u00e9es<\/p><h2 id=\"studio-tools-title\">La technique au service<br><span>de la cr\u00e9ation.<\/span><\/h2><\/div><p>Du premier croquis au rendu final, je combine les outils selon les besoins du projet. Une m\u00eame intention, plusieurs fa\u00e7ons de lui donner forme.<\/p><\/div><div class=\"studio-tools-grid\"><article class=\"studio-tool reveal\"><div class=\"studio-tool-top\"><span class=\"studio-tool-icon\" aria-hidden=\"true\">B<\/span><div><h3>Blender<\/h3><p class=\"studio-tool-kind\">3D & animation<\/p><\/div><\/div><h4>Construire, \u00e9clairer, donner vie.<\/h4><p class=\"studio-tool-copy\">Mod\u00e9lisation, mat\u00e9riaux, \u00e9clairage et animation : je cr\u00e9e des univers et des visuels qui mettent en valeur votre produit.<\/p><p class=\"studio-tool-tags\">Mod\u00e9lisation \u00b7 Rendu \u00b7 Animation<\/p><details><summary>Ce que cela apporte \u00e0 votre projet<span aria-hidden=\"true\">+<\/span><\/summary><p>Des images de produits, des films de pr\u00e9sentation et des mises en sc\u00e8ne 3D, avec un travail sur les textures, le cadrage et la lumi\u00e8re.<\/p><\/details><\/article><article class=\"studio-tool reveal\"><div class=\"studio-tool-top\"><span class=\"studio-tool-icon\" aria-hidden=\"true\">Ae<\/span><div><h3>After Effects<\/h3><p class=\"studio-tool-kind\">Motion & compositing<\/p><\/div><\/div><h4>Donner du rythme aux images.<\/h4><p class=\"studio-tool-copy\">J\u2019assemble les s\u00e9quences, anime les \u00e9l\u00e9ments graphiques et soigne les transitions pour construire un film coh\u00e9rent.<\/p><p class=\"studio-tool-tags\">Motion design \u00b7 Compositing \u00b7 Montage<\/p><details><summary>Ce que cela apporte \u00e0 votre projet<span aria-hidden=\"true\">+<\/span><\/summary><p>Des animations de logos, des habillages visuels et des s\u00e9quences qui combinent rendus 3D, typographie et effets pour accompagner votre message.<\/p><\/details><\/article><article class=\"studio-tool reveal\"><div class=\"studio-tool-top\"><span class=\"studio-tool-icon\" aria-hidden=\"true\">Ps \/ Ai<\/span><div><h3>Photoshop & Illustrator<\/h3><p class=\"studio-tool-kind\">Design graphique<\/p><\/div><\/div><h4>Affirmer un univers visuel.<\/h4><p class=\"studio-tool-copy\">De la recherche graphique aux supports finalis\u00e9s, je travaille les images, les formes et les typographies pour construire une identit\u00e9.<\/p><p class=\"studio-tool-tags\">Identit\u00e9 \u00b7 Retouche \u00b7 Supports<\/p><details><summary>Ce que cela apporte \u00e0 votre projet<span aria-hidden=\"true\">+<\/span><\/summary><p>Des logos, des visuels de communication et des d\u00e9clinaisons adapt\u00e9es au web comme \u00e0 l\u2019impression.<\/p><\/details><\/article><article class=\"studio-tool reveal\"><div class=\"studio-tool-top\"><span class=\"studio-tool-icon\" aria-hidden=\"true\">W<\/span><div><h3>WordPress & Elementor<\/h3><p class=\"studio-tool-kind\">Webdesign & int\u00e9gration<\/p><\/div><\/div><h4>Passer de l\u2019univers au site.<\/h4><p class=\"studio-tool-copy\">Je traduis une direction visuelle en pages structur\u00e9es, avec une attention port\u00e9e \u00e0 la navigation, aux contenus et au mobile.<\/p><p class=\"studio-tool-tags\">Webdesign \u00b7 Int\u00e9gration \u00b7 Responsive<\/p><details><summary>Ce que cela apporte \u00e0 votre projet<span aria-hidden=\"true\">+<\/span><\/summary><p>Des sites vitrines et des pages qui pr\u00e9sentent clairement votre activit\u00e9, vos r\u00e9alisations et les moyens de vous contacter.<\/p><\/details><\/article><article class=\"studio-tool reveal\"><div class=\"studio-tool-top\"><span class=\"studio-tool-icon\" aria-hidden=\"true\">IA<\/span><div><h3>Intelligence artificielle<\/h3><p class=\"studio-tool-kind\">Exploration & production<\/p><\/div><\/div><h4>Explorer plus de possibilit\u00e9s.<\/h4><p class=\"studio-tool-copy\">J\u2019int\u00e8gre l\u2019IA lorsque son usage apporte une valeur au projet : recherche de pistes, exploration d\u2019ambiances ou travail sur des visuels.<\/p><p class=\"studio-tool-tags\">Recherche \u00b7 Variations \u00b7 Retouche<\/p><details><summary>Ce que cela apporte \u00e0 votre projet<span aria-hidden=\"true\">+<\/span><\/summary><p>Les propositions sont s\u00e9lectionn\u00e9es, retravaill\u00e9es et int\u00e9gr\u00e9es \u00e0 une direction artistique coh\u00e9rente. L\u2019outil accompagne la cr\u00e9ation ; les choix restent guid\u00e9s par le projet.<\/p><\/details><\/article><article class=\"studio-tool reveal\"><div class=\"studio-tool-top\"><span class=\"studio-tool-icon\" aria-hidden=\"true\">Z \/ MD<\/span><div><h3>ZBrush & Marvelous Designer<\/h3><p class=\"studio-tool-kind\">Sculpture & textile<\/p><\/div><\/div><h4>Aller plus loin dans le d\u00e9tail.<\/h4><p class=\"studio-tool-copy\">Pour les besoins sp\u00e9cifiques, je compl\u00e8te la 3D par la sculpture num\u00e9rique et le travail du v\u00eatement et de ses volumes.<\/p><p class=\"studio-tool-tags\">Sculpture \u00b7 V\u00eatements \u00b7 D\u00e9tails<\/p><details><summary>Ce que cela apporte \u00e0 votre projet<span aria-hidden=\"true\">+<\/span><\/summary><p>Des formes organiques, des d\u00e9tails de surface et des v\u00eatements 3D qui enrichissent les mod\u00e8les et leur mise en sc\u00e8ne.<\/p><\/details><\/article><\/div><p class=\"studio-tool-note\">Le bon outil d\u00e9pend du r\u00e9sultat recherch\u00e9. Je relie ces comp\u00e9tences pour garder une coh\u00e9rence entre votre identit\u00e9, vos images et votre site.<\/p><\/div><\/section>\r\n<!-- 04 \u00b7 COLLABORATION -->\r\n<section class=\"section wrap\"><div class=\"section-head reveal\"><div><p class=\"kicker\">04 \/ Travailler ensemble<\/p><h2>De la libert\u00e9 cr\u00e9ative.<br><span>Un cadre clair.<\/span><\/h2><\/div><\/div><div class=\"studio-principles\"><article class=\"studio-principle reveal\"><span class=\"number\">01 \/ COMPRENDRE<\/span><h3>Partir du bon sujet.<\/h3><p>Vos objectifs, votre public, les supports et les contraintes : nous posons les bases avant de choisir une direction visuelle.<\/p><\/article><article class=\"studio-principle reveal\"><span class=\"number\">02 \/ CONSTRUIRE<\/span><h3>\u00c9changer au bon moment.<\/h3><p>R\u00e9f\u00e9rences, recherches et versions interm\u00e9diaires rendent l\u2019avancement concret. Vous pouvez vous projeter et faire vos retours aux \u00e9tapes cl\u00e9s.<\/p><\/article><article class=\"studio-principle reveal\"><span class=\"number\">03 \/ FINALISER<\/span><h3>Soigner les derniers d\u00e9tails.<\/h3><p>Une mati\u00e8re, un cadrage, une typographie ou un comportement sur mobile : les finitions sont adapt\u00e9es \u00e0 la fa\u00e7on dont la cr\u00e9ation sera utilis\u00e9e.<\/p><\/article><\/div><p class=\"studio-note reveal\">Mon fil conducteur : une cr\u00e9ation qui vous ressemble, qui sert votre message et qui fonctionne dans son contexte.<\/p><\/section>\r\n<section class=\"portfolio-cta\"><div class=\"wrap\"><div><p class=\"kicker\">Faisons connaissance<\/p><h2>Vous avez une id\u00e9e ?<br><span class=\"accent-line\">Parlons de la suite.<\/span><\/h2><p>Un premier \u00e9change pour comprendre votre projet et envisager ensemble la bonne direction.<\/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><\/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-studio{--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-studio,#ok3d-studio *{box-sizing:border-box}\r\n#ok3d-studio img{max-width:none}\r\n#ok3d-studio button,#ok3d-studio input,#ok3d-studio select,#ok3d-studio 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-studio),.elementor-widget-html:has(#ok3d-studio) .elementor-widget-container{width:100%;max-width:none!important}\r\n\r\n\r\n#ok3d-studio{--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-studio *{box-sizing:border-box}#ok3d-studio{scroll-behavior:smooth;scroll-padding-top:100px}#ok3d-studio{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}#ok3d-studio.locked{overflow:hidden}#ok3d-studio button,#ok3d-studio input,#ok3d-studio select,#ok3d-studio textarea{font:inherit}#ok3d-studio button,#ok3d-studio a{-webkit-tap-highlight-color:transparent}#ok3d-studio button{cursor:pointer}#ok3d-studio a{color:inherit;text-decoration:none}#ok3d-studio button{color:inherit}#ok3d-studio img{display:block;width:100%;height:auto}#ok3d-studio ::selection{background:#648cff;color:#080a10}#ok3d-studio :focus-visible{outline:2px solid #90adff;outline-offset:6px}#ok3d-studio h1,#ok3d-studio h2,#ok3d-studio h3,#ok3d-studio p{margin:0}#ok3d-studio h1,#ok3d-studio h2,#ok3d-studio h3{font-family:var(--display);font-weight:500}#ok3d-studio button:disabled{cursor:wait;opacity:.65}#ok3d-studio .wrap{width:min(100%,1600px);margin:auto;padding-inline:var(--gutter)}#ok3d-studio .section{padding-block:112px}#ok3d-studio .kicker{font-size:13px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:14px;color:var(--muted)}#ok3d-studio .kicker::before{content:\"\";width:22px;height:1px;background:var(--blue)}#ok3d-studio .blue{color:var(--blue)}#ok3d-studio .arrow{font-size:24px;line-height:1;display:inline-block;transition:transform .25s}#ok3d-studio .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-studio .btn:hover{border-color:var(--blue);background:#648cff10}#ok3d-studio .btn:hover .arrow{transform:translate(3px,-3px)}#ok3d-studio .btn-primary{background:#537fff;border-color:#537fff;color:#fff}#ok3d-studio .btn-primary:hover{background:#6d92ff;border-color:#6d92ff}#ok3d-studio .text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px}#ok3d-studio .text-link:hover{color:var(--blue)}#ok3d-studio .skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--text);color:var(--bg);padding:10px}#ok3d-studio .skip:focus{top:15px}\r\n#ok3d-studio .header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid var(--line)}#ok3d-studio .header-inner{display:flex;align-items:center;justify-content:space-between;height:94px;gap:24px}#ok3d-studio .logo{font-family:var(--display);font-size:34px;font-weight:700;letter-spacing:-3px;line-height:1}#ok3d-studio .logo span{color:var(--blue)}#ok3d-studio .logo b{display:inline-block;width:7px;height:7px;background:var(--blue);margin-left:5px}#ok3d-studio .nav{display:flex;gap:34px;align-items:center}#ok3d-studio .nav a{font-size:14px;color:#c4cad8;transition:color .2s}#ok3d-studio .nav a:hover{color:#fff}#ok3d-studio .header-contact{font-size:14px;border:1px solid #ffffff40;padding:10px 18px;border-radius:3px}#ok3d-studio .menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 13px;font-size:14px}\r\n#ok3d-studio .hero{position:relative;min-height:850px;min-height:min(940px,100svh);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:#0a0d18}#ok3d-studio .hero-media{position:absolute;inset:0;z-index:-3}#ok3d-studio .hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}#ok3d-studio .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-studio .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-studio .hero-body{padding-top:clamp(165px,19vh,230px);padding-bottom:165px}#ok3d-studio .hero .kicker{color:#c5cfe6;margin-bottom:28px}#ok3d-studio .hero h1{font-size:clamp(60px,7.5vw,116px);letter-spacing:-.065em;line-height:1.02;max-width:1000px}#ok3d-studio .hero h1 em{font-style:normal;color:#92acff}#ok3d-studio .hero-copy{max-width:470px;color:#bdc5d6;margin-top:30px;font-size:17px;line-height:1.8}#ok3d-studio .hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}#ok3d-studio .reel-trigger{display:inline-flex;gap:13px;align-items:center;background:transparent;border:0;font-size:14px;padding:10px 0}#ok3d-studio .play{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;font-size:12px;padding-left:2px}#ok3d-studio .reel-trigger:hover .play{background:var(--blue);border-color:var(--blue)}#ok3d-studio .hero-bottom{position:absolute;bottom:0;width:100%;padding-block:24px;display:flex;justify-content:space-between;align-items:end}#ok3d-studio .hero-signature{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b4bed0;display:flex;gap:20px}#ok3d-studio .hero-signature span+span{border-left:1px solid #ffffff40;padding-left:20px}#ok3d-studio .hero-controls{display:flex;align-items:center;gap:22px;font-size:12px;color:#b4bed0}#ok3d-studio .pause{border:1px solid #ffffff35;background:#080a1055;border-radius:50%;height:36px;width:36px;font-size:13px}#ok3d-studio .scroll-link{font-size:13px;display:flex;gap:14px;align-items:center}#ok3d-studio .hero-index{position:absolute;right:var(--gutter);top:47%;writing-mode:vertical-rl;color:#d4ddf0;letter-spacing:.13em;font-size:12px}\r\n#ok3d-studio .clients{padding-block:34px;border-bottom:1px solid var(--line)}#ok3d-studio .clients-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}#ok3d-studio .clients-label{font-size:12px;color:var(--muted);max-width:115px;line-height:1.7}#ok3d-studio .client-list{display:flex;align-items:center;justify-content:space-between;flex:1;gap:30px}#ok3d-studio .client-list span{font-family:var(--display);font-size:23px;font-weight:600;letter-spacing:-.04em;color:#bec3cf}#ok3d-studio .client-list .kiprun{font-style:italic;letter-spacing:-.08em}#ok3d-studio .client-list .obvious{font-size:19px;letter-spacing:-.04em}#ok3d-studio .client-list .laposte{font-size:20px;font-style:italic}\r\n#ok3d-studio .section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px}#ok3d-studio .section-head h2,#ok3d-studio .about h2,#ok3d-studio .contact h2{font-size:clamp(40px,4.5vw,66px);letter-spacing:-.055em;line-height:1.08;margin-top:20px}#ok3d-studio .section-head h2 span{color:var(--muted)}#ok3d-studio .works{padding-bottom:106px}#ok3d-studio .project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:46px 28px}#ok3d-studio .project:first-child{grid-column:1\/-1}#ok3d-studio .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-studio .project:first-child .project-media{aspect-ratio:2.2}#ok3d-studio .project-media img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.92)}#ok3d-studio .project-media:hover img{transform:scale(1.035);filter:saturate(1.1)}#ok3d-studio .project:first-child .project-media img{object-position:50% 48%}#ok3d-studio .project:nth-child(2) .project-media img{object-position:50% 40%}#ok3d-studio .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-studio .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-studio .project-media:hover .project-play{background:#537fff}#ok3d-studio .project-info{padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:15px}#ok3d-studio .project-info h3{font-size:25px;letter-spacing:-.045em}#ok3d-studio .project-info p{font-size:14px;color:var(--muted);margin-top:4px}#ok3d-studio .project-number{font-family:var(--display);font-size:13px;color:var(--muted);padding-top:7px}#ok3d-studio .work-footer{display:flex;justify-content:center;margin-top:48px}\r\n#ok3d-studio .expertise{border-block:1px solid var(--line);background:var(--surface)}#ok3d-studio .expertise .section-head>p{max-width:350px;color:var(--muted)}#ok3d-studio .service{border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;padding:38px 0;transition:background .25s}#ok3d-studio .service:last-child{border-bottom:1px solid var(--line)}#ok3d-studio .service-num{color:var(--blue);font-family:var(--display);font-size:14px;padding-top:6px}#ok3d-studio .service h3{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.045em}#ok3d-studio .service p{color:var(--muted);max-width:480px;font-size:16px}#ok3d-studio .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#ok3d-studio .tags span{border:1px solid var(--line);padding:4px 10px;border-radius:3px;font-size:12px;color:#c0c7d7}#ok3d-studio .service-title small{display:block;margin-top:12px;color:#8292ba;font-size:13px;font-weight:400}\r\n#ok3d-studio .about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:start}#ok3d-studio .about h2{margin-bottom:28px}#ok3d-studio .about-copy>p{color:#b6bed0;font-size:18px;line-height:1.9;max-width:640px}#ok3d-studio .about-copy>p+p{margin-top:18px;font-size:16px;color:var(--muted)}#ok3d-studio .signature{display:flex;align-items:center;gap:17px;margin-top:30px}#ok3d-studio .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-studio .signature strong{display:block;font-size:16px;font-weight:600}#ok3d-studio .signature small{font-size:13px;color:var(--muted)}#ok3d-studio .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-block:1px solid var(--line);padding-block:28px}#ok3d-studio .stat{padding-inline:30px;border-right:1px solid var(--line)}#ok3d-studio .stat:first-child{padding-left:0}#ok3d-studio .stat:last-child{border:0}#ok3d-studio .stat strong{font-family:var(--display);font-weight:500;font-size:48px;letter-spacing:-.06em;display:block;line-height:1.2}#ok3d-studio .stat strong span{color:var(--blue)}#ok3d-studio .stat p{font-size:13px;color:var(--muted);margin-top:8px}#ok3d-studio .tool-list{display:flex;gap:12px 25px;flex-wrap:wrap;align-items:center;margin-top:30px;font-size:13px;color:#c0c7d7}#ok3d-studio .tool-list>span:first-child{color:var(--muted);margin-right:auto}\r\n#ok3d-studio .method{padding-top:0}#ok3d-studio .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}#ok3d-studio .step{border-top:1px solid var(--line);padding-top:22px}#ok3d-studio .step>span{font-family:var(--display);color:var(--blue);font-size:13px}#ok3d-studio .step h3{font-size:23px;letter-spacing:-.03em;margin-top:22px}#ok3d-studio .step p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}\r\n#ok3d-studio .contact{border-top:1px solid #ffffff25;background:radial-gradient(ellipse at 0% 100%,#14234d 0,transparent 65%),#0e131f}#ok3d-studio .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}#ok3d-studio .contact h2{font-size:clamp(44px,5vw,76px);margin-bottom:28px}#ok3d-studio .contact-intro>p{color:var(--muted);max-width:400px}#ok3d-studio .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-studio .contact-note{display:block;margin-top:35px;font-size:13px;color:#aeb9d0}#ok3d-studio .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}#ok3d-studio .field{display:flex;flex-direction:column;gap:8px}#ok3d-studio .field.full{grid-column:1\/-1}#ok3d-studio .field label{font-size:13px;color:#c7cfdf}#ok3d-studio .field input,#ok3d-studio .field select,#ok3d-studio .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-studio .field input::placeholder,#ok3d-studio .field textarea::placeholder{color:#838fa7}#ok3d-studio .field select{color:#c7cfdf}#ok3d-studio .field select option{background:#101622;color:var(--text)}#ok3d-studio .field textarea{resize:vertical;min-height:105px}#ok3d-studio .form-submit{margin-top:28px;display:flex;align-items:center;gap:24px}#ok3d-studio .form-submit small{color:#aeb9d0;font-size:12px}#ok3d-studio .form-status{margin-top:14px;font-size:14px;color:#c0cfff}#ok3d-studio .form-status.error{color:#ffc1bf}#ok3d-studio .honeypot{position:absolute;left:-9999px;opacity:0}#ok3d-studio .form-privacy{font-size:12px;color:#9ba8c1;margin-top:18px}#ok3d-studio .footer{border-top:1px solid var(--line);background:#080a10}#ok3d-studio .footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:36px}#ok3d-studio .footer-tagline{font-size:14px;color:var(--muted);margin-right:auto;margin-left:22px}#ok3d-studio .footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}#ok3d-studio .footer-links{display:flex;gap:25px}#ok3d-studio .footer-links a:hover{color:white}\r\n#ok3d-studio .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-studio .video-dialog::backdrop{background:#02040bec;backdrop-filter:blur(14px)}#ok3d-studio .dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:20px}#ok3d-studio .dialog-head p{font-size:14px}#ok3d-studio .dialog-close{border:1px solid var(--line);background:transparent;min-width:40px;min-height:40px;font-size:22px}#ok3d-studio .dialog-player{aspect-ratio:16\/9;background:black}#ok3d-studio .dialog-player iframe,#ok3d-studio .dialog-player video{width:100%;height:100%;border:0;display:block}#ok3d-studio .dialog-fallback{font-size:13px;color:var(--muted);padding:13px 20px}#ok3d-studio .dialog-fallback a{text-decoration:underline}#ok3d-studio .reveal{transition:opacity .65s,transform .65s}#ok3d-studio .reveal.pending{opacity:0;transform:translateY(22px)}\r\n@media(min-width:1700px){#ok3d-studio .hero-bottom{max-width:1600px;left:50%;transform:translateX(-50%)}}\r\n@media(max-width:1000px){#ok3d-studio .hero h1{font-size:clamp(60px,9vw,100px)}#ok3d-studio .hero{min-height:820px}#ok3d-studio .hero-index{display:none}#ok3d-studio .nav{gap:20px}#ok3d-studio .about-grid,#ok3d-studio .contact-grid{gap:45px}#ok3d-studio .service{grid-template-columns:45px 1fr 1.1fr;gap:20px}#ok3d-studio .client-list{flex-wrap:wrap;justify-content:center;gap:20px 35px}#ok3d-studio .method-grid{grid-template-columns:1fr 1fr}#ok3d-studio .clients-inner{gap:25px}#ok3d-studio .section{padding-block:85px}#ok3d-studio .method{padding-top:0}#ok3d-studio .client-list span{font-size:20px}}\r\n@media(max-width:700px){#ok3d-studio .header-inner{height:78px}#ok3d-studio .logo{font-size:31px}#ok3d-studio .header-contact{display:none}#ok3d-studio .menu-toggle{display:block}#ok3d-studio .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-studio .nav.open{display:flex}#ok3d-studio .nav a{font-size:17px;padding:12px 0}#ok3d-studio .hero{min-height:810px;min-height:max(810px,100svh)}#ok3d-studio .hero-body{padding-top:156px;padding-bottom:180px}#ok3d-studio .hero h1{font-size:clamp(52px,11.4vw,79px);letter-spacing:-.065em}#ok3d-studio .hero-copy{font-size:16px;max-width:350px}#ok3d-studio .hero .kicker{font-size:11px;letter-spacing:.1em}#ok3d-studio .hero-actions{gap:20px;flex-wrap:wrap}#ok3d-studio .hero-actions .btn{gap:20px;padding-inline:19px}#ok3d-studio .hero::before{background:linear-gradient(90deg,#050811d9,#05081170),linear-gradient(0deg,#080a10,transparent 60%)}#ok3d-studio .hero-media video{object-position:60% center;opacity:.75}#ok3d-studio .hero-bottom{align-items:center;padding-block:22px;gap:20px}#ok3d-studio .hero-signature{display:block;font-size:11px;line-height:1.9}#ok3d-studio .hero-signature span{display:block}#ok3d-studio .hero-signature span+span{border:0;padding:0}#ok3d-studio .hero-controls{gap:16px}#ok3d-studio .scroll-link{display:none}#ok3d-studio .clients{padding-block:25px}#ok3d-studio .clients-inner{display:block}#ok3d-studio .clients-label{max-width:none;text-align:center;margin-bottom:20px}#ok3d-studio .client-list{gap:18px 25px}#ok3d-studio .client-list span{font-size:20px}#ok3d-studio .client-list .obvious{font-size:17px}#ok3d-studio .section{padding-block:65px}#ok3d-studio .section-head{display:block;margin-bottom:30px}#ok3d-studio .section-head .text-link{margin-top:25px}#ok3d-studio .section-head h2,#ok3d-studio .about h2{font-size:43px}#ok3d-studio .section-head>p{margin-top:22px}#ok3d-studio .project-grid{grid-template-columns:1fr;gap:30px}#ok3d-studio .project:first-child{grid-column:auto}#ok3d-studio .project:first-child .project-media,#ok3d-studio .project-media{aspect-ratio:4\/3}#ok3d-studio .project:first-child .project-media img{object-position:center}#ok3d-studio .project-info h3{font-size:24px}#ok3d-studio .project-label{left:15px;top:15px;font-size:11px}#ok3d-studio .project-play{right:15px;bottom:15px;width:44px;height:44px}#ok3d-studio .service{grid-template-columns:25px 1fr;gap:14px;padding-block:30px}#ok3d-studio .service-description{grid-column:2}#ok3d-studio .service h3{font-size:31px}#ok3d-studio .service-title small{margin-top:8px}#ok3d-studio .service p{font-size:15px}#ok3d-studio .about-grid,#ok3d-studio .contact-grid{grid-template-columns:1fr;gap:32px}#ok3d-studio .about-copy>p{font-size:17px}#ok3d-studio .stats{margin-top:35px}#ok3d-studio .stat{padding-inline:15px}#ok3d-studio .stat strong{font-size:37px}#ok3d-studio .stat p{font-size:12px}#ok3d-studio .tool-list{gap:12px 20px}#ok3d-studio .tool-list>span:first-child{width:100%}#ok3d-studio .method{padding-top:0}#ok3d-studio .method-grid{gap:28px 22px}#ok3d-studio .step h3{font-size:22px}#ok3d-studio .step p{font-size:14px}#ok3d-studio .contact h2{font-size:53px}#ok3d-studio .contact-note{margin-top:23px}#ok3d-studio .contact-grid{gap:45px}#ok3d-studio .form-grid{gap:24px 18px}#ok3d-studio .form-submit{align-items:start;flex-direction:column;gap:12px}#ok3d-studio .form-submit .btn{width:100%;justify-content:space-between}#ok3d-studio .footer-top{flex-wrap:wrap;padding-block:28px}#ok3d-studio .footer-tagline{width:calc(100% - 120px);font-size:12px;margin:0}#ok3d-studio .footer-top .text-link{font-size:13px}#ok3d-studio .footer-bottom{flex-direction:column;gap:10px}#ok3d-studio .video-dialog{width:96vw}#ok3d-studio .dialog-head{padding:10px 12px}#ok3d-studio .dialog-player{aspect-ratio:4\/3}#ok3d-studio .dialog-fallback{padding:10px 12px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-studio{scroll-behavior:auto}#ok3d-studio *,#ok3d-studio *::before,#ok3d-studio *::after{animation:none!important;transition:none!important}#ok3d-studio .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-studio .gem-stage.in-view .gem-object{animation:gem-levitate 6s ease-in-out infinite}\r\n#ok3d-studio .gem-stage.draw-in .gem-wire .gw{stroke-dasharray:1;animation:wire-reveal 1.8s ease both}\r\n\r\n#ok3d-studio .expertise{background:#0b0e16;position:relative;overflow:hidden}#ok3d-studio .interactive-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#ok3d-studio .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-studio .experience-card:hover,#ok3d-studio .experience-card:focus-within{border-color:#648cff75;box-shadow:0 20px 55px #0004}#ok3d-studio .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-studio .experience-symbol{font-size:24px;color:#8daaff;line-height:1}#ok3d-studio .service-stage{height:315px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#23346755,transparent 70%);border-block:1px solid #ffffff0b}#ok3d-studio .stage-corner{position:absolute;top:14px;left:18px;font-size:10px;letter-spacing:.14em;color:#9caac7;z-index:3}#ok3d-studio .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-studio .gem-object{position:absolute;left:calc(50% - 122px);top:35px;width:244px;height:244px;transform:translateY(0)}#ok3d-studio .gem-object svg{display:block;width:244px;height:244px}#ok3d-studio .gem-wire{position:absolute;inset:0}#ok3d-studio .gem-wire .gw{fill:none;stroke:#8eaafa;stroke-width:.55}#ok3d-studio .gem-wire .gv{fill:#b5caff;stroke:#0b101c;stroke-width:.45;r:1.15}#ok3d-studio .gem-wire .gs{display:none}#ok3d-studio .gem-render{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));filter:drop-shadow(0 8px 16px #4674ff30)}#ok3d-studio .gem-solid .gf-hi{fill:url(#chrome-high)}#ok3d-studio .gem-solid .gf-lo{fill:url(#chrome-low)}#ok3d-studio .gem-solid .gw{fill:none;stroke:#c0d4ff;stroke-width:.35;opacity:.7}#ok3d-studio .gem-solid .gv{display:none}#ok3d-studio .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-studio .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-studio .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-studio .experience-control{padding:13px 22px;min-height:65px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;gap:16px}#ok3d-studio .experience-control label{font-size:12px;color:#adbad3;white-space:nowrap}#ok3d-studio .experience-control input{width:100%;min-width:40px;accent-color:#8aa8ff;cursor:ew-resize;height:24px}#ok3d-studio .segmented{justify-content:center;gap:5px}#ok3d-studio .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-studio .segmented button[aria-pressed=\"true\"]{background:#7296ff18;color:#dce7ff;border-color:#89a7ff45}#ok3d-studio .segmented button:hover{color:white;background:#7296ff12}#ok3d-studio .experience-copy{padding:27px 24px 0}#ok3d-studio .experience-copy h3{font-size:clamp(26px,2.55vw,39px);line-height:1.13;letter-spacing:-.055em}#ok3d-studio .experience-copy p{font-size:15px;line-height:1.85;color:#a8b5cd;margin-top:20px;min-height:84px}#ok3d-studio .experience-copy .tags{gap:6px;min-height:62px;margin-top:18px;align-content:start}#ok3d-studio .experience-copy .tags span{font-size:11px;padding:3px 7px;height:max-content}#ok3d-studio .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-studio .experience-link span{font-size:22px;color:#8aa8ff;transition:transform .25s}#ok3d-studio .experience-link:hover{color:#9eb8ff}#ok3d-studio .experience-link:hover span{transform:translate(3px,-3px)}\r\n#ok3d-studio .brand-stage{background:radial-gradient(ellipse at 50% 50%,#3a448333,transparent 65%)}#ok3d-studio .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-studio .brand-symbol img{width:162px;filter:invert(1) drop-shadow(0 0 28px #739bff40)}#ok3d-studio .brand-symbol>span{font-family:var(--display);font-size:18px;letter-spacing:.27em;color:#a8bbdf}#ok3d-studio .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-studio .brand-tile{border-radius:3px;overflow:hidden}#ok3d-studio .brand-primary{grid-row:span 3;background:#6389ff;padding:18px;display:flex;flex-direction:column;justify-content:space-between}#ok3d-studio .brand-primary img{width:70px}#ok3d-studio .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-studio .brand-type{background:#eef1ff;color:#172444;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:7px}#ok3d-studio .brand-type strong{font-family:var(--display);font-size:51px;font-weight:500;letter-spacing:-.07em}#ok3d-studio .brand-type span{font-size:7px;letter-spacing:.07em;max-width:48px}#ok3d-studio .brand-swatches{display:flex;gap:0}#ok3d-studio .brand-swatches i{flex:1;background:#648cff}#ok3d-studio .brand-swatches i:nth-child(2){background:#b6c8ff}#ok3d-studio .brand-swatches i:nth-child(3){background:#e9efff}#ok3d-studio .brand-swatches i:nth-child(4){background:#273c6c}#ok3d-studio .brand-note{background:#1b2743;padding:11px 14px;font-size:15px;font-family:var(--display);line-height:1.2;letter-spacing:-.025em}#ok3d-studio .brand-note span{display:block;font-family:var(--font);font-size:7px;margin-top:10px;letter-spacing:.07em;color:#9baed5}#ok3d-studio .brand-stage[data-brand=\"universe\"] .brand-symbol{opacity:0;transform:scale(.78) rotate(-8deg);pointer-events:none}#ok3d-studio .brand-stage[data-brand=\"universe\"] .brand-universe{opacity:1;transform:none}#ok3d-studio .brand-stage[data-brand=\"universe\"] .brand-tile{animation:brand-arrive .6s both}#ok3d-studio .brand-stage[data-brand=\"universe\"] .brand-type{animation-delay:.08s}#ok3d-studio .brand-stage[data-brand=\"universe\"] .brand-swatches{animation-delay:.16s}#ok3d-studio .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-studio .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-studio .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-studio .demo-chrome{height:23px;display:flex;justify-content:space-between;align-items:center;padding-inline:10px;background:#1b253b;color:#99a8c7;font-size:8px}#ok3d-studio .demo-chrome>span:first-child{font-size:6px;letter-spacing:1px;color:#758aaf}#ok3d-studio .demo-page{height:202px;overflow:hidden}#ok3d-studio .demo-nav{height:33px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}#ok3d-studio .demo-nav>strong{font-family:var(--display);font-size:14px;letter-spacing:-1px}#ok3d-studio .demo-nav>strong span{color:#8aa8ff}#ok3d-studio .demo-nav-links{font-size:7px;color:#aab5ca}#ok3d-studio .demo-hamburger{display:none;font-size:11px}#ok3d-studio .demo-hero{height:143px;position:relative;isolation:isolate;padding:13px 15px}#ok3d-studio .demo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#ok3d-studio .demo-hero::before{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,#060b16ed,#060b1688);z-index:-1}#ok3d-studio .demo-hero>div{display:flex;flex-direction:column;align-items:start}#ok3d-studio .demo-hero small{font-size:6px;letter-spacing:.12em;color:#b9c9e9;margin-bottom:7px}#ok3d-studio .demo-hero strong{font-family:var(--display);font-size:25px;line-height:.98;letter-spacing:-.07em;font-weight:500}#ok3d-studio .demo-hero em{color:#a0b7ff;font-style:normal}#ok3d-studio .demo-cta{font-size:6px;background:#527df4;color:#fff;padding:4px 7px;margin-top:9px;border-radius:2px}#ok3d-studio .demo-bottom{display:flex;justify-content:space-between;gap:3px;font-size:5px;letter-spacing:.04em;padding:8px 13px;color:#b4c1dc}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-browser{width:142px;border-radius:16px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-chrome{height:21px;font-size:6px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-nav-links{display:none}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-hamburger{display:block}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-page{height:220px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-nav{padding-inline:12px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-hero{height:161px;padding:17px 12px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-hero strong{font-size:26px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-hero small{font-size:5px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-cta{margin-top:13px}#ok3d-studio .web-stage[data-device=\"mobile\"] .demo-bottom{font-size:4px;padding-inline:10px}\r\n#ok3d-studio .project-preview{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s;background:#0c101a}#ok3d-studio .project-preview.visible{opacity:1}#ok3d-studio .project-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}#ok3d-studio .project-play,#ok3d-studio .project-label{z-index:2}#ok3d-studio .project-media .project-label{transition:background .3s}#ok3d-studio .project-media.preview-playing .project-label{background:#172b57dc}#ok3d-studio .project-media.preview-playing .project-play{background:#537fffaa}#ok3d-studio .method-grid{position:relative;--method-progress:0}#ok3d-studio .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-studio .step{position:relative}#ok3d-studio .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-studio .step.current::before,#ok3d-studio .step.passed::before{background:#9dbbff;box-shadow:0 0 14px #739fffaa}#ok3d-studio .step h3{transition:color .35s}#ok3d-studio .step.current h3{color:#9ab6ff}#ok3d-studio .step>span{transition:color .35s}#ok3d-studio .step.current>span{color:#c0d1ff}#ok3d-studio .hero h1{animation:hero-enter 1.1s cubic-bezier(.2,.8,.2,1) both}#ok3d-studio .hero .hero-copy{animation:hero-enter 1.1s .12s both}#ok3d-studio .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-studio .experience-card:hover .brand-symbol{transform:translateY(-5px)}#ok3d-studio .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-studio .interactive-services{gap:12px}#ok3d-studio .experience-top{padding:17px 15px;font-size:10px;letter-spacing:.035em}#ok3d-studio .experience-copy{padding-inline:17px}#ok3d-studio .service-stage{height:285px}#ok3d-studio .gem-object{top:25px}#ok3d-studio .experience-control{padding-inline:12px;gap:8px;flex-wrap:wrap}#ok3d-studio .experience-control label{font-size:11px}#ok3d-studio .experience-control input{flex:1;min-width:50px}#ok3d-studio .segmented button{font-size:11px;padding-inline:10px}#ok3d-studio .experience-copy p{font-size:14px;min-height:124px}#ok3d-studio .experience-copy .tags{min-height:85px}#ok3d-studio .brand-universe{inset:50px 12px 22px;gap:6px;grid-template-columns:1fr 1fr}#ok3d-studio .brand-primary{padding:12px}#ok3d-studio .brand-primary img{width:50px}#ok3d-studio .brand-primary>span{font-size:16px}#ok3d-studio .brand-type{padding:9px}#ok3d-studio .brand-type strong{font-size:38px}#ok3d-studio .brand-type span{display:none}#ok3d-studio .brand-note{font-size:12px;padding:10px}#ok3d-studio .web-stage{padding-inline:12px}}\r\n@media(max-width:700px){#ok3d-studio .interactive-services{grid-template-columns:1fr;gap:24px}#ok3d-studio .experience-top{font-size:12px;padding:20px 22px}#ok3d-studio .service-stage{height:300px}#ok3d-studio .gem-object{top:26px}#ok3d-studio .experience-copy{padding:25px 24px 0}#ok3d-studio .experience-copy h3{font-size:36px}#ok3d-studio .experience-copy p{min-height:0;font-size:16px}#ok3d-studio .experience-copy .tags{min-height:0;margin-bottom:24px}#ok3d-studio .experience-link{margin-top:20px}#ok3d-studio .brand-universe{inset:47px 30px 23px}#ok3d-studio .brand-primary>span{font-size:23px}#ok3d-studio .brand-type strong{font-size:60px}#ok3d-studio .brand-note{font-size:17px}#ok3d-studio .web-stage{padding-inline:28px}#ok3d-studio .method-grid::before{display:none}#ok3d-studio .step.current{border-top-color:#88a8ff}#ok3d-studio .experience-control label{font-size:13px}#ok3d-studio .segmented button{font-size:14px;min-height:40px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-studio .hero h1,#ok3d-studio .hero .hero-copy,#ok3d-studio .hero .hero-actions{animation:none}#ok3d-studio .experience-card:hover .brand-symbol{transform:none}#ok3d-studio .gem-object{transform:none!important}#ok3d-studio .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-studio,\r\n#ok3d-studio input,\r\n#ok3d-studio textarea,\r\n#ok3d-studio select,\r\n#ok3d-studio button,\r\n#ok3d-studio a,\r\n#ok3d-studio p,\r\n#ok3d-studio span,\r\n#ok3d-studio small,\r\n#ok3d-studio label,\r\n#ok3d-studio strong,\r\n#ok3d-studio em {\r\n  font-family: var(--font) !important;\r\n}\r\n\r\n#ok3d-studio h1,\r\n#ok3d-studio h2,\r\n#ok3d-studio h3,\r\n#ok3d-studio .logo,\r\n#ok3d-studio .client-list span,\r\n#ok3d-studio .project-number,\r\n#ok3d-studio .service-num,\r\n#ok3d-studio .stat strong,\r\n#ok3d-studio .step > span,\r\n#ok3d-studio .brand-symbol > span,\r\n#ok3d-studio .brand-primary > span,\r\n#ok3d-studio .brand-type strong,\r\n#ok3d-studio .brand-note,\r\n#ok3d-studio .demo-nav > strong,\r\n#ok3d-studio .demo-hero strong {\r\n  font-family: var(--display) !important;\r\n}\r\n\r\n#ok3d-studio { color: var(--text) !important; font-size:16px !important; line-height:1.65 !important; }\r\n#ok3d-studio h1,#ok3d-studio h2,#ok3d-studio h3,#ok3d-studio p { margin:0 !important; padding:0; }\r\n#ok3d-studio h1,#ok3d-studio h2,#ok3d-studio h3 { color:var(--text) !important; font-weight:500 !important; text-transform:none !important; }\r\n#ok3d-studio p { color:inherit; }\r\n#ok3d-studio a { color:inherit !important; text-decoration:none !important; }\r\n#ok3d-studio button { color:inherit !important; }\r\n\r\n\/* Header *\/\r\n#ok3d-studio .logo { font-size:34px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-3px !important; color:var(--text) !important; }\r\n#ok3d-studio .logo span { color:var(--blue) !important; }\r\n#ok3d-studio .nav a { font-size:14px !important; line-height:1.4 !important; color:#c4cad8 !important; font-weight:400 !important; }\r\n#ok3d-studio .nav a:hover { color:#fff !important; }\r\n#ok3d-studio .header-contact { font-size:14px !important; color:var(--text) !important; }\r\n\r\n\/* Hero *\/\r\n#ok3d-studio .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-studio .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-studio .hero h1 em { color:#92acff !important; font-style:normal !important; font-family:var(--display) !important; }\r\n#ok3d-studio .hero-copy { font-size:17px !important; line-height:1.8 !important; color:#bdc5d6 !important; font-weight:400 !important; }\r\n#ok3d-studio .btn { font-size:14px !important; line-height:1.4 !important; font-weight:700 !important; color:var(--text) !important; }\r\n#ok3d-studio .btn-primary { color:#fff !important; }\r\n#ok3d-studio .reel-trigger { font-size:14px !important; color:var(--text) !important; }\r\n#ok3d-studio .hero-signature { font-size:12px !important; line-height:1.65 !important; color:#b4bed0 !important; }\r\n#ok3d-studio .hero-controls,#ok3d-studio .scroll-link,#ok3d-studio .hero-index { color:#b4bed0 !important; }\r\n#ok3d-studio .hero-index { color:#d4ddf0 !important; font-size:12px !important; }\r\n\r\n\/* Clients \/ titres de sections *\/\r\n#ok3d-studio .clients-label { font-size:12px !important; line-height:1.7 !important; color:var(--muted) !important; }\r\n#ok3d-studio .client-list span { font-size:23px !important; line-height:1.2 !important; font-weight:600 !important; color:#bec3cf !important; }\r\n#ok3d-studio .client-list .obvious { font-size:19px !important; }\r\n#ok3d-studio .client-list .laposte { font-size:20px !important; }\r\n#ok3d-studio .section-head h2,#ok3d-studio .about h2,#ok3d-studio .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-studio .section-head h2 span { color:var(--muted) !important; font-family:var(--display) !important; }\r\n#ok3d-studio .kicker { font-size:13px !important; color:var(--muted) !important; }\r\n\r\n\/* Projets *\/\r\n#ok3d-studio .project-label { font-size:12px !important; line-height:1.4 !important; color:var(--text) !important; }\r\n#ok3d-studio .project-info h3 { font-size:25px !important; line-height:1.2 !important; letter-spacing:-.045em !important; color:var(--text) !important; }\r\n#ok3d-studio .project-info p { font-size:14px !important; line-height:1.65 !important; color:var(--muted) !important; }\r\n#ok3d-studio .project-number { font-size:13px !important; color:var(--muted) !important; }\r\n\r\n\/* Expertises *\/\r\n#ok3d-studio .experience-top { color:#b1bed6 !important; }\r\n#ok3d-studio .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-studio .experience-copy p { font-size:15px !important; line-height:1.85 !important; color:#a8b5cd !important; }\r\n#ok3d-studio .tags span { font-size:12px !important; line-height:1.4 !important; color:#c0c7d7 !important; }\r\n#ok3d-studio .experience-copy .tags span { font-size:11px !important; }\r\n#ok3d-studio .experience-link { font-size:14px !important; color:var(--text) !important; }\r\n#ok3d-studio .experience-link:hover { color:#9eb8ff !important; }\r\n#ok3d-studio .experience-control label { color:#adbad3 !important; }\r\n#ok3d-studio .segmented button { color:#a7b5cf !important; }\r\n#ok3d-studio .segmented button[aria-pressed=\"true\"] { color:#dce7ff !important; }\r\n\r\n\/* Studio *\/\r\n#ok3d-studio .about-copy > p { font-size:18px !important; line-height:1.9 !important; color:#b6bed0 !important; }\r\n#ok3d-studio .about-copy > p + p { font-size:16px !important; color:var(--muted) !important; }\r\n#ok3d-studio .signature strong { font-size:16px !important; color:var(--text) !important; }\r\n#ok3d-studio .signature small { font-size:13px !important; color:var(--muted) !important; }\r\n#ok3d-studio .stat strong { font-size:48px !important; line-height:1.2 !important; font-weight:500 !important; color:var(--text) !important; }\r\n#ok3d-studio .stat strong span { color:var(--blue) !important; font-family:var(--display) !important; }\r\n#ok3d-studio .stat p { font-size:13px !important; color:var(--muted) !important; }\r\n#ok3d-studio .tool-list { font-size:13px !important; color:#c0c7d7 !important; }\r\n#ok3d-studio .tool-list > span:first-child { color:var(--muted) !important; }\r\n\r\n\/* M\u00e9thode *\/\r\n#ok3d-studio .step > span { font-size:13px !important; color:var(--blue) !important; }\r\n#ok3d-studio .step h3 { font-size:23px !important; line-height:1.2 !important; color:var(--text) !important; }\r\n#ok3d-studio .step p { font-size:14px !important; line-height:1.8 !important; color:var(--muted) !important; }\r\n\r\n\/* Contact \/ formulaire *\/\r\n#ok3d-studio .contact h2 { font-size:clamp(44px,5vw,76px) !important; }\r\n#ok3d-studio .contact-intro > p { color:var(--muted) !important; }\r\n#ok3d-studio .email-link { font-family:var(--display) !important; font-size:clamp(21px,2.2vw,30px) !important; color:var(--text) !important; }\r\n#ok3d-studio .contact-note { font-size:13px !important; color:#aeb9d0 !important; }\r\n#ok3d-studio .field label { font-size:13px !important; color:#c7cfdf !important; }\r\n#ok3d-studio .field input,#ok3d-studio .field select,#ok3d-studio .field textarea { font-size:16px !important; line-height:1.4 !important; color:var(--text) !important; background:transparent !important; }\r\n#ok3d-studio .field input::placeholder,#ok3d-studio .field textarea::placeholder { color:#838fa7 !important; opacity:1 !important; }\r\n#ok3d-studio .form-submit small,#ok3d-studio .form-privacy { color:#aeb9d0 !important; }\r\n\r\n\/* Footer *\/\r\n#ok3d-studio .footer-tagline { font-size:14px !important; color:var(--muted) !important; }\r\n#ok3d-studio .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-studio .logo{font-size:31px !important}\r\n  #ok3d-studio .nav a{font-size:17px !important}\r\n  #ok3d-studio .hero h1{font-size:clamp(52px,11.4vw,79px) !important}\r\n  #ok3d-studio .hero-copy{font-size:16px !important}\r\n  #ok3d-studio .hero .kicker{font-size:11px !important}\r\n  #ok3d-studio .client-list span{font-size:20px !important}\r\n  #ok3d-studio .client-list .obvious{font-size:17px !important}\r\n  #ok3d-studio .section-head h2,#ok3d-studio .about h2{font-size:43px !important}\r\n  #ok3d-studio .project-info h3{font-size:24px !important}\r\n  #ok3d-studio .project-label{font-size:11px !important}\r\n  #ok3d-studio .experience-copy h3{font-size:36px !important}\r\n  #ok3d-studio .experience-copy p{font-size:16px !important}\r\n  #ok3d-studio .about-copy>p{font-size:17px !important}\r\n  #ok3d-studio .stat strong{font-size:37px !important}\r\n  #ok3d-studio .stat p{font-size:12px !important}\r\n  #ok3d-studio .step h3{font-size:22px !important}\r\n  #ok3d-studio .contact h2{font-size:53px !important}\r\n  #ok3d-studio .footer-tagline{font-size:12px !important}\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-studio .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-studio .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-studio .header-inner{transition:height .3s ease}\r\n#ok3d-studio .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-studio .logo{display:flex;align-items:center;flex-shrink:0;line-height:1}\r\n#ok3d-studio .logo img{display:block;width:auto;height:34px;max-width:none;object-fit:contain;transition:transform .3s ease,filter .3s ease}\r\n#ok3d-studio .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-studio .nav a{position:relative;padding:10px 0;transition:color .25s ease}\r\n#ok3d-studio .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-studio .nav a:hover::after,#ok3d-studio .nav a:focus-visible::after{transform:scaleX(1)}\r\n\r\n\/* CTA du header : plus premium sans devenir flashy *\/\r\n#ok3d-studio .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-studio .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-studio .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-studio .header-contact:hover::before{transform:skewX(-18deg) translateX(620%)}\r\n\r\n\/* boutons : plus de mati\u00e8re et micro-mouvement *\/\r\n#ok3d-studio .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-studio .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-studio .btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.16)}\r\n#ok3d-studio .btn:hover::before{transform:translateX(130%)}\r\n#ok3d-studio .btn-primary{box-shadow:0 8px 24px rgba(83,127,255,.14)}\r\n#ok3d-studio .btn-primary:hover{box-shadow:0 12px 34px rgba(83,127,255,.25)}\r\n#ok3d-studio .btn .arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}\r\n#ok3d-studio .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-studio .text-link{position:relative;border-bottom-color:rgba(255,255,255,.18)}\r\n#ok3d-studio .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-studio .text-link:hover::after{transform:scaleX(1)}\r\n\r\n@media(max-width:1000px){\r\n  #ok3d-studio .logo img{height:33px}\r\n}\r\n@media(max-width:700px){\r\n  #ok3d-studio .logo img{height:31px}\r\n  #ok3d-studio .header.is-scrolled .header-inner{height:72px}\r\n  #ok3d-studio .header .nav{top:78px}\r\n  #ok3d-studio .header.is-scrolled .nav{top:72px}\r\n  #ok3d-studio .nav a::after{display:none}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #ok3d-studio .header,#ok3d-studio .header-inner,#ok3d-studio .logo img,#ok3d-studio .nav a::after,#ok3d-studio .header-contact,#ok3d-studio .header-contact::before,#ok3d-studio .btn,#ok3d-studio .btn::before{transition:none!important}\r\n}\r\n\r\n#ok3d-studio [hidden]{display:none!important}\r\n#ok3d-studio [id]{scroll-margin-top:112px}\r\n#ok3d-studio{overflow:clip;isolation:isolate}\r\n#ok3d-studio .header{background:#080a10b8!important;backdrop-filter:blur(12px)}\r\n#ok3d-studio .header .logo img{width:auto!important;height:34px!important;max-width:145px!important}\r\n#ok3d-studio .nav{gap:25px}\r\n#ok3d-studio .nav a[aria-current=\"page\"]{color:#a8bfff!important}\r\n#ok3d-studio .nav a[aria-current=\"page\"]::after{transform:scaleX(1)}\r\n#ok3d-studio .header-inner{min-height:82px}\r\n#ok3d-studio .menu-toggle{min-height:42px;padding-inline:15px}\r\n#ok3d-studio .accent-line{color:#92acff!important;font-family:var(--display)!important}\r\n#ok3d-studio .subtext{color:#aebbd2!important;font-size:17px!important;line-height:1.85!important;margin-top:24px!important;max-width:600px}\r\n#ok3d-studio .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-studio .expert-hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}\r\n#ok3d-studio .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-studio .expert-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:32px}\r\n#ok3d-studio .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-studio .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-studio .visual-header span{font-size:12px!important;letter-spacing:.07em}\r\n#ok3d-studio .expert-picture{height:405px;position:relative;background:#111828;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n#ok3d-studio .expert-picture img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .7s}\r\n#ok3d-studio .expert-picture img.contain{object-fit:contain;padding:25px}\r\n#ok3d-studio .visual-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;border-top:1px solid #ffffff17;padding:12px}\r\n#ok3d-studio .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-studio .visual-tabs button[aria-pressed=\"true\"]{background:#6e93ff18;border-color:#91acff42;color:#e2ebff!important}\r\n#ok3d-studio .visual-caption{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#c5d3ed}\r\n#ok3d-studio .visual-caption button{background:none;border:0;padding:4px;color:#aac1ff!important;font-size:13px}\r\n#ok3d-studio .expert-strip{display:flex;gap:25px;flex-wrap:wrap;padding-top:38px;color:#9aacce;font-size:12px;letter-spacing:.08em}\r\n#ok3d-studio .expert-strip span+span{border-left:1px solid #ffffff25;padding-left:25px}\r\n#ok3d-studio .section-head h2{margin-top:18px!important}\r\n#ok3d-studio .section-head>p{max-width:370px;color:#aebbd2!important;font-size:16px;line-height:1.85}\r\n#ok3d-studio .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}\r\n#ok3d-studio .offer{padding:32px 25px 10px 0;min-width:0}\r\n#ok3d-studio .offer .offer-number{font-family:var(--display)!important;color:#90aeff;font-size:13px}\r\n#ok3d-studio .offer h3{font-size:29px!important;line-height:1.18!important;letter-spacing:-.045em!important;margin-top:27px!important}\r\n#ok3d-studio .offer p{font-size:16px!important;line-height:1.8!important;color:#a7b5ce!important;margin-top:17px!important}\r\n#ok3d-studio .offer ul{list-style:none;margin:22px 0 0;padding:0}\r\n#ok3d-studio .offer li{border-top:1px solid #ffffff14;padding:9px 0;color:#becbe0;font-size:14px;line-height:1.6}\r\n#ok3d-studio .selected-section{background:#0d121d;border-block:1px solid #ffffff18}\r\n#ok3d-studio .selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}\r\n#ok3d-studio .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-studio .selected-card:hover{border-color:#8faeff88;transform:translateY(-4px)}\r\n#ok3d-studio .selected-card a{display:block;height:100%}\r\n#ok3d-studio .selected-media{height:275px;position:relative;background:#151e2e;overflow:hidden}\r\n#ok3d-studio .selected-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}\r\n#ok3d-studio .selected-media.contain img{object-fit:contain;padding:24px}\r\n#ok3d-studio .selected-card:hover img{transform:scale(1.035)}\r\n#ok3d-studio .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-studio .selected-copy{padding:22px}\r\n#ok3d-studio .selected-copy small{color:#9bb1d9;font-size:12px;line-height:1.65;display:block}\r\n#ok3d-studio .selected-copy h3{font-size:25px!important;line-height:1.2!important;letter-spacing:-.04em!important;margin-top:10px!important}\r\n#ok3d-studio .selected-copy p{color:#9eadc6!important;font-size:14px!important;line-height:1.75!important;margin-top:12px!important}\r\n#ok3d-studio .approach-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;align-items:start}\r\n#ok3d-studio .approach-heading{position:sticky;top:125px}\r\n#ok3d-studio .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-studio .approach-step{display:grid;grid-template-columns:40px 1fr;gap:23px;border-top:1px solid #ffffff24;padding:26px 0}\r\n#ok3d-studio .approach-step>span{font-size:13px;color:#8faeff;font-family:var(--display)!important;padding-top:4px}\r\n#ok3d-studio .approach-step h3{font-size:25px!important;line-height:1.25!important;letter-spacing:-.035em!important}\r\n#ok3d-studio .approach-step p{font-size:15px!important;line-height:1.85!important;color:#a5b5ce!important;margin-top:10px!important}\r\n#ok3d-studio .contact h2{margin-top:22px!important;margin-bottom:25px!important}\r\n#ok3d-studio .contact-intro>p:not(.kicker){font-size:16px!important;line-height:1.85!important;color:#a9b9d3!important}\r\n#ok3d-studio .form-grid{gap:26px 22px}\r\n#ok3d-studio .field input,#ok3d-studio .field select,#ok3d-studio .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-studio .field textarea{min-height:115px}\r\n#ok3d-studio .form-status{margin-top:16px!important;line-height:1.8!important}\r\n#ok3d-studio .form-status.error{color:#ffc4c4!important}\r\n#ok3d-studio .form-status.success{color:#b6d3ff!important}\r\n#ok3d-studio .form-privacy{margin-top:18px!important;font-size:12px!important}\r\n#ok3d-studio .form-status a{text-decoration:underline!important}\r\n#ok3d-studio .field input::placeholder,#ok3d-studio .field textarea::placeholder{color:#96a7c4!important}\r\n#ok3d-studio .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-studio .page-dialog::backdrop{background:#020510ed;backdrop-filter:blur(12px)}\r\n#ok3d-studio .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-studio .dialog-top>span{font-size:12px;color:#abbeda;letter-spacing:.1em}\r\n#ok3d-studio .close-dialog{border:1px solid #ffffff40;border-radius:3px;background:transparent;width:42px;height:42px;flex-shrink:0;font-size:25px}\r\n#ok3d-studio .modal-media{height:min(53svh,540px);background:#080b12;display:flex;align-items:center;justify-content:center}\r\n#ok3d-studio .modal-media iframe,#ok3d-studio .modal-media img{width:100%;height:100%;object-fit:contain;border:0;display:block}\r\n#ok3d-studio .modal-copy{padding:30px 35px}\r\n#ok3d-studio .modal-tag{font-size:12px!important;letter-spacing:.08em!important;color:#97b0db!important;text-transform:uppercase}\r\n#ok3d-studio .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-studio .modal-desc{font-size:17px!important;line-height:1.85!important;color:#aebed6!important;margin-top:20px!important}\r\n#ok3d-studio .modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}\r\n#ok3d-studio .modal-nav{padding:18px 30px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:18px}\r\n#ok3d-studio .modal-nav button{background:none;border:0;padding:6px 0;color:#b6cbed!important;font-size:14px}\r\n#ok3d-studio .modal-nav span{font-size:12px;color:#a4b9da}\r\n#ok3d-studio .other-expertises{border-top:1px solid #ffffff1a;padding:28px 0}\r\n#ok3d-studio .other-expertises .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}\r\n#ok3d-studio .other-expertises a{font-size:14px;color:#b6c9ed!important;border-bottom:1px solid #7298ff55;padding-bottom:5px}\r\n#ok3d-studio .reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}\r\n#ok3d-studio .reveal.pending{opacity:0;transform:translateY(20px)}\r\n#ok3d-studio .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-studio .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-studio .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-studio .site-window-nav{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}\r\n#ok3d-studio .site-window-nav img{width:65px;height:auto}\r\n#ok3d-studio .site-window-nav>span{font-size:9px;color:#b4c2d8}\r\n#ok3d-studio .site-window-content{position:relative;isolation:isolate;height:235px;padding:22px;overflow:hidden}\r\n#ok3d-studio .site-window-content>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}\r\n#ok3d-studio .site-window-content::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050b17e8,#050b1770);z-index:-1}\r\n#ok3d-studio .site-window-content small{font-size:8px;color:#c0cee9;letter-spacing:.08em}\r\n#ok3d-studio .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-studio .site-window-content strong em{color:#99b4ff;font-family:var(--display)!important;font-style:normal}\r\n#ok3d-studio .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-studio .site-demo[data-format=\"mobile\"] .site-window{width:200px;border-radius:18px}\r\n#ok3d-studio .site-demo[data-format=\"mobile\"] .site-window-nav{padding-inline:15px}\r\n#ok3d-studio .site-demo[data-format=\"mobile\"] .site-window-nav>span{display:none}\r\n#ok3d-studio .site-demo[data-format=\"mobile\"] .site-window-content{padding:22px 15px}\r\n#ok3d-studio .site-demo[data-format=\"mobile\"] .site-window-content strong{font-size:36px}\r\n#ok3d-studio .site-demo[data-format=\"mobile\"] .site-window-nav::after{content:'\u2630';font-size:15px}\r\n#ok3d-studio .portfolio-intro{padding:165px 0 65px;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 85% 15%,#23396655,transparent 65%)}\r\n#ok3d-studio .portfolio-intro .wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end}\r\n#ok3d-studio .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-studio .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-studio .portfolio-meta strong{font-family:var(--display)!important;color:#e1ebff;font-size:27px;margin-right:8px}\r\n#ok3d-studio .filter-bar{position:sticky;top:82px;z-index:15;border-bottom:1px solid #ffffff1b;background:#080a10ed;backdrop-filter:blur(20px)}\r\n#ok3d-studio .filter-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}\r\n#ok3d-studio .filters{display:flex;flex-wrap:wrap;gap:5px}\r\n#ok3d-studio .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-studio .filters button span{font-size:11px;opacity:.65;margin-left:8px}\r\n#ok3d-studio .filters button[aria-pressed=\"true\"]{background:#7498ff1b;border-color:#759bff66;color:#e0eaff!important}\r\n#ok3d-studio .result-count{font-size:12px!important;color:#9eb1d2!important;white-space:nowrap}\r\n#ok3d-studio .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-studio .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-studio .portfolio-card[data-shape=\"feature\"]{grid-column:span 7}\r\n#ok3d-studio .portfolio-card[data-shape=\"portrait\"]{grid-column:span 5}\r\n#ok3d-studio .portfolio-card[data-shape=\"full\"]{grid-column:span 12}\r\n#ok3d-studio .portfolio-card[data-shape=\"half\"]{grid-column:span 6}\r\n#ok3d-studio .portfolio-card:hover{border-color:#81a3ff88;box-shadow:0 15px 50px #0004}\r\n#ok3d-studio .portfolio-card>a{display:flex;flex-direction:column;height:100%}\r\n#ok3d-studio .p-media{height:280px;position:relative;overflow:hidden;background:#141d2e}\r\n#ok3d-studio .portfolio-card[data-shape=\"feature\"] .p-media,#ok3d-studio .portfolio-card[data-shape=\"portrait\"] .p-media{height:390px}\r\n#ok3d-studio .portfolio-card[data-shape=\"full\"] .p-media{height:430px}\r\n#ok3d-studio .p-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}\r\n#ok3d-studio .portfolio-card:hover .p-media img{transform:scale(1.035)}\r\n#ok3d-studio .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-studio .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-studio .portfolio-card:hover .p-open{transform:rotate(45deg);background:#547eff}\r\n#ok3d-studio .p-film{position:absolute;bottom:22px;left:17px;padding:5px 9px;border-radius:3px;background:#080e1ac9;font-size:11px;color:white}\r\n#ok3d-studio .p-copy{padding:23px;flex:1}\r\n#ok3d-studio .p-tag{font-size:11px!important;letter-spacing:.07em!important;line-height:1.6!important;text-transform:uppercase;color:#95abd2!important}\r\n#ok3d-studio .p-copy h2{font-size:24px!important;line-height:1.22!important;letter-spacing:-.045em!important;margin-top:10px!important}\r\n#ok3d-studio .p-copy .p-desc{font-size:14px!important;line-height:1.8!important;color:#a6b6ce!important;margin-top:13px!important}\r\n#ok3d-studio .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-studio .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-studio .type-sub{font-size:12px;letter-spacing:.14em;color:#7f9cc9;margin-top:24px}\r\n#ok3d-studio .portfolio-cta{padding:75px 0;background:radial-gradient(ellipse at 90% 100%,#22396166,transparent 65%),#0d1420;border-block:1px solid #ffffff1c}\r\n#ok3d-studio .portfolio-cta .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}\r\n#ok3d-studio .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-studio .portfolio-cta p:not(.kicker){margin-top:20px!important;color:#b1c1d8!important;line-height:1.8!important;font-size:16px!important}\r\n#ok3d-studio .header .nav a{white-space:nowrap}\r\n@media(min-width:1001px){#ok3d-studio .header .menu-toggle{display:none}}\r\n@media(max-width:1100px){#ok3d-studio .expert-hero-inner{gap:38px}#ok3d-studio .expert-title{font-size:clamp(46px,5.5vw,66px)!important}#ok3d-studio .expert-picture,#ok3d-studio .site-demo{height:350px}#ok3d-studio .selected-media{height:230px}#ok3d-studio .p-media{height:240px}#ok3d-studio .portfolio-card[data-shape=\"feature\"] .p-media,#ok3d-studio .portfolio-card[data-shape=\"portrait\"] .p-media{height:330px}#ok3d-studio .p-copy{padding:19px}#ok3d-studio .p-copy h2{font-size:22px!important}}\r\n@media(max-width:1000px){#ok3d-studio .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-studio .header .nav.open{display:flex}#ok3d-studio .header .nav a{font-size:17px!important;padding-block:12px}#ok3d-studio .header.is-scrolled .nav{top:82px}#ok3d-studio .header .menu-toggle{display:block}#ok3d-studio .header-contact{display:none}#ok3d-studio .expert-hero-inner{grid-template-columns:1fr;gap:42px}#ok3d-studio .expert-title{font-size:clamp(52px,8.5vw,80px)!important}#ok3d-studio .expert-visual{max-width:690px;width:100%}#ok3d-studio .expert-picture,#ok3d-studio .site-demo{height:430px}#ok3d-studio .offer-grid{gap:20px}#ok3d-studio .offer{padding-right:5px}#ok3d-studio .offer h3{font-size:25px!important}#ok3d-studio .approach-grid{gap:50px}#ok3d-studio .portfolio-intro .wrap{gap:35px}#ok3d-studio .portfolio-intro h1{font-size:clamp(50px,7vw,72px)!important}}\r\n@media(max-width:800px){#ok3d-studio .portfolio-intro .wrap{grid-template-columns:1fr;gap:28px}#ok3d-studio .portfolio-intro{padding-top:150px}#ok3d-studio .portfolio-intro .subtext{max-width:590px}#ok3d-studio .filter-inner{display:block}#ok3d-studio .result-count{margin-top:10px!important}#ok3d-studio .portfolio-card,#ok3d-studio .portfolio-card[data-shape=\"feature\"],#ok3d-studio .portfolio-card[data-shape=\"portrait\"],#ok3d-studio .portfolio-card[data-shape=\"half\"]{grid-column:span 6}#ok3d-studio .portfolio-card[data-shape=\"full\"]{grid-column:span 12}#ok3d-studio .portfolio-card .p-media,#ok3d-studio .portfolio-card[data-shape] .p-media{height:280px}#ok3d-studio .portfolio-card[data-shape=\"full\"] .p-media{height:350px}#ok3d-studio .selected-grid{grid-template-columns:1fr 1fr}#ok3d-studio .selected-card:last-child{grid-column:span 2}#ok3d-studio .selected-card:last-child .selected-media{height:320px}}\r\n@media(max-width:700px){#ok3d-studio .header-inner{min-height:72px;height:78px}#ok3d-studio .header .logo img{height:31px!important;max-width:132px!important}#ok3d-studio .header .nav{top:78px}#ok3d-studio .header.is-scrolled .nav{top:72px}#ok3d-studio .header .nav a::after{display:none}#ok3d-studio .expert-hero{padding-top:130px;padding-bottom:45px}#ok3d-studio .expert-title{font-size:clamp(42px,10.6vw,67px)!important}#ok3d-studio .subtext{font-size:16px!important;margin-top:22px!important}#ok3d-studio .expert-actions{gap:12px}#ok3d-studio .expert-actions .btn{padding-inline:19px;gap:20px}#ok3d-studio .expert-picture,#ok3d-studio .site-demo{height:340px}#ok3d-studio .expert-strip{font-size:11px;gap:15px;padding-top:25px}#ok3d-studio .expert-strip span+span{padding-left:15px}#ok3d-studio .section-head h2{font-size:clamp(34px,10vw,43px)!important}#ok3d-studio .section-head>p{margin-top:20px!important}#ok3d-studio .offer-grid{grid-template-columns:1fr;gap:0}#ok3d-studio .offer{padding:30px 0;border-bottom:1px solid #ffffff18}#ok3d-studio .offer h3{font-size:29px!important;margin-top:17px!important}#ok3d-studio .selected-grid{display:block}#ok3d-studio .selected-card{margin-bottom:22px}#ok3d-studio .selected-card .selected-media,#ok3d-studio .selected-card:last-child .selected-media{height:280px}#ok3d-studio .approach-grid{grid-template-columns:1fr;gap:30px}#ok3d-studio .approach-heading{position:static}#ok3d-studio .approach-heading h2{font-size:43px!important}#ok3d-studio .approach-step{gap:16px}#ok3d-studio .form-grid{grid-template-columns:1fr}#ok3d-studio .field.full{grid-column:auto}#ok3d-studio .contact h2{font-size:clamp(38px,11vw,53px)!important}#ok3d-studio .contact-grid{gap:40px}#ok3d-studio .page-dialog{width:96vw;max-height:94svh}#ok3d-studio .modal-media{height:34svh;min-height:175px}#ok3d-studio .modal-copy{padding:25px 22px}#ok3d-studio .modal-title{font-size:30px!important}#ok3d-studio .modal-desc{font-size:16px!important}#ok3d-studio .modal-actions{flex-direction:column}#ok3d-studio .modal-nav{padding:14px 18px;gap:12px}#ok3d-studio .modal-nav button{font-size:12px}#ok3d-studio .dialog-top{padding:10px 15px}#ok3d-studio .dialog-top>span{font-size:10px}#ok3d-studio .portfolio-intro{padding-top:128px;padding-bottom:40px}#ok3d-studio .portfolio-intro h1{font-size:clamp(45px,12vw,68px)!important}#ok3d-studio .filter-bar{top:72px}#ok3d-studio .filters button{font-size:12px;padding:8px 10px;min-height:38px}#ok3d-studio .filter-inner{padding-block:12px}#ok3d-studio .portfolio-cta .wrap{align-items:start;flex-direction:column}#ok3d-studio .portfolio-cta{padding-block:55px}#ok3d-studio .site-window-content strong{font-size:39px}}\r\n@media(max-width:540px){#ok3d-studio .portfolio-grid{display:block;padding-top:25px;padding-bottom:40px}#ok3d-studio .portfolio-card{margin-bottom:24px}#ok3d-studio .portfolio-card .p-media,#ok3d-studio .portfolio-card[data-shape] .p-media{height:auto;aspect-ratio:1.22}#ok3d-studio .p-copy{padding:23px}#ok3d-studio .p-copy h2{font-size:24px!important}#ok3d-studio .p-copy .p-desc{font-size:15px!important}#ok3d-studio .type-project{font-size:45px}#ok3d-studio .portfolio-meta{gap:20px}#ok3d-studio .visual-tabs button{font-size:12px;padding-inline:11px}#ok3d-studio .visual-caption{padding-inline:15px;gap:10px}#ok3d-studio .visual-caption>span{font-size:12px}#ok3d-studio .visual-caption button{font-size:12px}#ok3d-studio .expert-picture{height:300px}}\r\n@media(max-width:359px){#ok3d-studio .expert-title{font-size:40px!important}#ok3d-studio .expert-picture,#ok3d-studio .site-demo{height:290px}#ok3d-studio .visual-header{padding-inline:14px}#ok3d-studio .visual-header span{font-size:10px!important}#ok3d-studio .site-window-content{padding:18px 14px}#ok3d-studio .site-window-content strong{font-size:32px}#ok3d-studio .expert-strip{gap:9px}#ok3d-studio .expert-strip span+span{padding-left:9px}#ok3d-studio .footer-tagline{width:100%}#ok3d-studio .other-expertises .wrap{flex-direction:column}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-studio *,#ok3d-studio *::before,#ok3d-studio *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#ok3d-studio .reveal.pending{opacity:1;transform:none}}\r\n#ok3d-studio .nav{gap:34px}\r\n#ok3d-studio .expertise-disclosure{position:relative}\r\n#ok3d-studio .expertise-toggle{display:flex;align-items:center;gap:10px;padding:12px 0;border:0;background:transparent!important;font-size:14px!important;color:#c4cad8!important;font-weight:500;line-height:1.5}\r\n#ok3d-studio .expertise-toggle .chevron{font-size:15px;transition:transform .2s;color:#97b1f5}\r\n#ok3d-studio .expertise-toggle[aria-expanded=\"true\"]{color:#c1d2ff!important}\r\n#ok3d-studio .expertise-toggle[aria-expanded=\"true\"] .chevron{transform:rotate(180deg)}\r\n#ok3d-studio .expertise-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:510px;padding-top:16px;z-index:35}\r\n#ok3d-studio .expertise-panel-inner{background:linear-gradient(145deg,#152038fa,#0d1321fc 65%);border:1px solid #829ddd59;border-radius:8px;padding:18px;box-shadow:0 22px 70px #0009;backdrop-filter:blur(24px)}\r\n#ok3d-studio .dd-intro{display:flex;justify-content:space-between;padding:0 8px 13px;font-size:11px!important;letter-spacing:.13em!important;color:#97a9c9!important;border-bottom:1px solid #ffffff18;margin-bottom:7px!important}\r\n#ok3d-studio .nav a.nav-sub-link{display:grid;grid-template-columns:64px 1fr 20px;gap:17px;align-items:center;padding:13px 8px;border:1px solid transparent;border-radius:5px;white-space:normal!important;transition:background .2s,border-color .2s}\r\n#ok3d-studio .nav a.nav-sub-link::after{display:none}\r\n#ok3d-studio .nav a.nav-sub-link:hover,#ok3d-studio .nav a.nav-sub-link:focus-visible{background:#7699ff12;border-color:#8eabff44}\r\n#ok3d-studio .nav-sub-link img{width:64px;height:64px;object-fit:cover;border:1px solid #ffffff22;border-radius:4px}\r\n#ok3d-studio .nav-sub-link strong{display:block;color:#edf2ff!important;font-family:var(--display)!important;font-size:20px!important;font-weight:500;letter-spacing:-.035em;line-height:1.35}\r\n#ok3d-studio .nav-sub-link small{display:block;color:#9db0ce!important;font-size:13px!important;line-height:1.6;margin-top:3px}\r\n#ok3d-studio .nav-sub-link .dd-arrow{font-size:20px;color:#adc4ff;transition:transform .2s}\r\n#ok3d-studio .nav-sub-link:hover .dd-arrow{transform:translate(2px,-2px)}\r\n#ok3d-studio .studio-hero{position:relative;padding:170px 0 65px;background:radial-gradient(ellipse at 83% 35%,#2337635c,transparent 65%);border-bottom:1px solid #ffffff20}\r\n#ok3d-studio .studio-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}\r\n#ok3d-studio .studio-title{font-size:clamp(57px,6.4vw,99px)!important;line-height:1.04!important;letter-spacing:-.065em!important;margin-top:25px!important}\r\n#ok3d-studio .studio-intro{font-size:18px!important;color:#acbad2!important;line-height:1.85!important;margin-top:26px!important;max-width:540px}\r\n#ok3d-studio .studio-actions{display:flex;flex-wrap:wrap;gap:23px;align-items:center;margin-top:30px}\r\n#ok3d-studio .studio-collage{display:grid;grid-template-columns:1fr .78fr;gap:14px;align-items:center;position:relative}\r\n#ok3d-studio .collage-main{grid-row:span 2;min-width:0}\r\n#ok3d-studio .collage-small{min-width:0}\r\n#ok3d-studio .studio-collage figure{margin:0;position:relative;border:1px solid #ffffff26;border-radius:5px;overflow:hidden;background:#101a2e}\r\n#ok3d-studio .studio-collage img{width:100%;object-fit:cover;transition:transform .8s}\r\n#ok3d-studio .studio-collage figure:hover img{transform:scale(1.025)}\r\n#ok3d-studio .collage-main img{height:440px}\r\n#ok3d-studio .collage-small img{height:220px}\r\n#ok3d-studio .collage-small:nth-child(2) img{object-fit:contain;padding:16px;background:radial-gradient(ellipse,#21335466,#0f1627)}\r\n#ok3d-studio .studio-collage figcaption{position:absolute;inset:auto 0 0;padding:35px 14px 13px;background:linear-gradient(transparent,#040917d9);color:#e0e9fc!important;font-size:11px!important;letter-spacing:.09em}\r\n#ok3d-studio .collage-label{grid-column:1\/-1;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#9cb0d2;padding-top:7px}\r\n#ok3d-studio .studio-strip{display:flex;gap:30px;flex-wrap:wrap;padding-top:55px;color:#a8bad9;font-size:13px}\r\n#ok3d-studio .studio-strip span+span{padding-left:30px;border-left:1px solid #ffffff25}\r\n#ok3d-studio .studio-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:105px}\r\n#ok3d-studio .studio-h2{font-size:clamp(37px,4.3vw,63px)!important;line-height:1.09!important;letter-spacing:-.055em!important;margin-top:22px!important}\r\n#ok3d-studio .studio-h2 span{font-family:var(--display)!important;color:#92acff!important}\r\n#ok3d-studio .studio-copy p{font-size:17px!important;color:#aabbd5!important;line-height:1.95!important;margin-bottom:20px!important}\r\n#ok3d-studio .studio-copy p:first-child{font-size:24px!important;line-height:1.65!important;color:#e0e8f7!important;letter-spacing:-.025em!important}\r\n#ok3d-studio .studio-signature{display:flex;align-items:center;gap:17px;border-top:1px solid #ffffff24;margin-top:30px;padding-top:26px}\r\n#ok3d-studio .studio-signature .monogram{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border:1px solid #7d9fe773;border-radius:50%;font-family:var(--display)!important;background:#172646;font-size:21px;color:#bcd0ff}\r\n#ok3d-studio .studio-signature strong{display:block;font-size:17px;color:#eef3ff;font-weight:600}\r\n#ok3d-studio .studio-signature small{font-size:13px;color:#9cb0d0}\r\n#ok3d-studio .studio-disciplines{background:#0d121d;border-block:1px solid #ffffff18}\r\n#ok3d-studio .discipline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\r\n#ok3d-studio .discipline-card{display:flex;flex-direction:column;border:1px solid #ffffff22;border-radius:5px;background:#0a0f19;overflow:hidden;transition:transform .3s,border-color .3s}\r\n#ok3d-studio .discipline-card:hover{transform:translateY(-4px);border-color:#9db6ff80}\r\n#ok3d-studio .discipline-media{height:255px;position:relative;overflow:hidden}\r\n#ok3d-studio .discipline-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}\r\n#ok3d-studio .discipline-card:hover img{transform:scale(1.035)}\r\n#ok3d-studio .discipline-media.contain img{object-fit:contain;padding:20px;background:#141d30}\r\n#ok3d-studio .discipline-media>span{position:absolute;top:15px;left:15px;background:#081222cc;border:1px solid #ffffff30;padding:5px 10px;border-radius:3px;font-size:11px;color:#c8d6f0;letter-spacing:.06em}\r\n#ok3d-studio .discipline-content{padding:26px;flex:1;display:flex;flex-direction:column}\r\n#ok3d-studio .discipline-content h3{font-size:30px!important;letter-spacing:-.045em!important;line-height:1.2!important}\r\n#ok3d-studio .discipline-content p{color:#a3b5d0!important;font-size:16px!important;line-height:1.8!important;margin-top:17px!important;flex:1}\r\n#ok3d-studio .discipline-content .discipline-link{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;padding-top:19px;margin-top:28px;color:#c4d4f4;font-size:13px}\r\n#ok3d-studio .studio-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:46px}\r\n#ok3d-studio .studio-principle{padding-top:28px;border-top:1px solid #ffffff35}\r\n#ok3d-studio .studio-principle .number{font-size:13px;font-family:var(--display)!important;color:#91adf4}\r\n#ok3d-studio .studio-principle h3{font-size:29px!important;line-height:1.25!important;letter-spacing:-.035em!important;margin-top:23px!important}\r\n#ok3d-studio .studio-principle p{font-size:16px!important;color:#a5b7d2!important;line-height:1.85!important;margin-top:16px!important}\r\n#ok3d-studio .studio-note{margin-top:50px!important;padding:26px 30px;border-left:2px solid #648cff;background:#648cff08;color:#c7d7f1!important;font-size:20px!important;line-height:1.7!important;max-width:900px}\r\n@media(max-width:1100px){#ok3d-studio .studio-hero-grid{gap:35px}#ok3d-studio .collage-main img{height:390px}#ok3d-studio .collage-small img{height:185px}#ok3d-studio .studio-about{gap:55px}#ok3d-studio .discipline-content{padding:22px}#ok3d-studio .discipline-content h3{font-size:26px!important}#ok3d-studio .discipline-media{height:215px}}\r\n@media(max-width:1000px){#ok3d-studio .nav{gap:0}#ok3d-studio .nav.open{background:#0d1321;max-height:calc(100dvh - 110px);overflow-y:auto}#ok3d-studio .expertise-toggle{width:100%;justify-content:space-between;font-size:17px!important;padding-block:12px}#ok3d-studio .expertise-panel{position:static;transform:none;width:100%;padding-top:6px;padding-bottom:12px}#ok3d-studio .expertise-panel-inner{padding:10px;box-shadow:none}#ok3d-studio .dd-intro{display:none}#ok3d-studio .nav a.nav-sub-link{grid-template-columns:48px 1fr 20px;gap:12px;padding:11px 6px}#ok3d-studio .nav-sub-link img{width:48px;height:48px}#ok3d-studio .nav-sub-link strong{font-size:18px!important}#ok3d-studio .nav-sub-link small{font-size:12px!important}#ok3d-studio .studio-hero-grid{grid-template-columns:1fr;gap:45px}#ok3d-studio .studio-title{font-size:clamp(58px,10vw,96px)!important}#ok3d-studio .studio-intro{max-width:650px}#ok3d-studio .studio-collage{max-width:760px}#ok3d-studio .collage-main img{height:460px}#ok3d-studio .collage-small img{height:225px}}\r\n@media(max-width:700px){#ok3d-studio .studio-hero{padding-top:128px;padding-bottom:38px}#ok3d-studio .studio-title{font-size:clamp(43px,11.5vw,70px)!important}#ok3d-studio .studio-intro{font-size:16px!important}#ok3d-studio .studio-actions{gap:18px}#ok3d-studio .studio-collage{gap:10px;grid-template-columns:1fr .85fr}#ok3d-studio .collage-main img{height:315px}#ok3d-studio .collage-small img{height:153px}#ok3d-studio .studio-collage figcaption{font-size:9px!important;padding-inline:10px}#ok3d-studio .collage-label{font-size:9px;gap:12px}#ok3d-studio .studio-strip{gap:12px;font-size:11px;padding-top:30px}#ok3d-studio .studio-strip span+span{padding-left:12px}#ok3d-studio .studio-about{grid-template-columns:1fr;gap:30px}#ok3d-studio .studio-h2{font-size:43px!important}#ok3d-studio .studio-copy p:first-child{font-size:21px!important}#ok3d-studio .studio-copy p{font-size:16px!important}#ok3d-studio .discipline-grid,#ok3d-studio .studio-principles{grid-template-columns:1fr;gap:25px}#ok3d-studio .discipline-media{height:275px}#ok3d-studio .discipline-content h3{font-size:30px!important}#ok3d-studio .studio-principle h3{font-size:29px!important;margin-top:16px!important}#ok3d-studio .studio-note{padding:20px;font-size:18px!important}#ok3d-studio .nav-sub-link small{max-width:225px}#ok3d-studio .studio-signature small{font-size:12px}}\r\n@media(max-width:359px){#ok3d-studio .studio-title{font-size:41px!important}#ok3d-studio .studio-h2{font-size:37px!important}#ok3d-studio .collage-main img{height:275px}#ok3d-studio .collage-small img{height:133px}#ok3d-studio .studio-strip{flex-direction:column}#ok3d-studio .studio-strip span+span{border:0;padding:0}#ok3d-studio .nav a.nav-sub-link{grid-template-columns:40px 1fr;gap:9px}#ok3d-studio .nav-sub-link img{width:40px;height:40px}#ok3d-studio .dd-arrow{display:none}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-studio *,#ok3d-studio *::before,#ok3d-studio *::after{transition:none!important;animation:none!important}}\r\n\r\n@media(min-width:1001px){#ok3d-studio .mobile-contact{display:none!important}}\r\n\r\n\/* Page sans header : respiration ajust\u00e9e, styles limit\u00e9s au module. *\/\r\n#ok3d-studio .studio-hero{padding-top:165px}\r\n#ok3d-studio #ok3d-studio-approche{scroll-margin-top:110px}\r\n#ok3d-studio .studio-toolkit{border-bottom:1px solid #ffffff18;background:radial-gradient(ellipse at 100% 20%,#24396530,transparent 65%)}\r\n#ok3d-studio .studio-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}\r\n#ok3d-studio .studio-tool{min-width:0;padding:28px;border:1px solid #9bb6ef30;border-radius:7px;background:linear-gradient(145deg,#141d2e,#0b101a 70%);transition:border-color .25s,transform .25s}\r\n#ok3d-studio .studio-tool:hover{border-color:#92acff80;transform:translateY(-3px)}\r\n#ok3d-studio .studio-tool-top{display:flex;align-items:center;gap:15px;min-height:68px}\r\n#ok3d-studio .studio-tool-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border:1px solid #91adff50;border-radius:11px;background:linear-gradient(135deg,#324b78,#131d32);color:#c3d2ff;font-family:var(--display)!important;font-size:16px;font-weight:500;box-shadow:inset 0 1px #ffffff15,0 8px 25px #0003}\r\n#ok3d-studio .studio-tool h3{font-size:21px!important;line-height:1.25!important;letter-spacing:-.035em!important}\r\n#ok3d-studio .studio-tool-kind{margin-top:5px!important;font-size:11px!important;color:#9cb0d2!important}\r\n#ok3d-studio .studio-tool h4{margin:27px 0 13px!important;color:#edf2ff!important;font-family:var(--display)!important;font-size:21px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:-.025em!important}\r\n#ok3d-studio .studio-tool-copy{color:#aabbd5!important;font-size:14px!important;line-height:1.85!important}\r\n#ok3d-studio .studio-tool-tags{margin-top:22px!important;color:#a8bfff!important;font-size:10px!important;letter-spacing:.03em!important}\r\n#ok3d-studio .studio-tool details{margin-top:22px;border-top:1px solid #ffffff20}\r\n#ok3d-studio .studio-tool summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding-top:12px;cursor:pointer;list-style:none;color:#d4dff4;font-size:12px;line-height:1.5}\r\n#ok3d-studio .studio-tool summary::-webkit-details-marker{display:none}\r\n#ok3d-studio .studio-tool summary span{font-size:22px;color:#92acff;transition:transform .2s}\r\n#ok3d-studio .studio-tool details[open] summary span{transform:rotate(45deg)}\r\n#ok3d-studio .studio-tool summary:focus-visible{outline:2px solid #92acff;outline-offset:4px}\r\n#ok3d-studio .studio-tool details>p{padding-top:12px;color:#aabbd5!important;font-size:13px!important;line-height:1.85!important}\r\n#ok3d-studio .studio-tool-note{margin-top:32px!important;padding-left:20px;border-left:2px solid #648cff;color:#b8c9e5!important;font-size:15px!important;line-height:1.85!important;max-width:780px}\r\n@media(max-width:1100px){#ok3d-studio .studio-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n@media(max-width:700px){#ok3d-studio .studio-hero{padding-top:128px;padding-bottom:40px}#ok3d-studio .studio-tools-grid{grid-template-columns:1fr;gap:18px}#ok3d-studio .studio-tool{padding:24px}#ok3d-studio .studio-tool-top{min-height:54px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-studio .studio-tool,#ok3d-studio .studio-tool summary span{transition:none!important}#ok3d-studio .studio-tool:hover{transform:none}}\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   STUDIO \u2014 harmonisation avec la page Portfolio de r\u00e9f\u00e9rence\r\n   Espacements, hi\u00e9rarchie typographique et couleurs\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\r\n\/* Intro : m\u00eames rep\u00e8res verticaux que Portfolio *\/\r\n#ok3d-studio .studio-hero{\r\n  padding-top:165px!important;\r\n  padding-bottom:65px!important;\r\n  background:\r\n    radial-gradient(ellipse at 85% 15%,rgba(35,57,102,.33),transparent 65%),\r\n    #080a10;\r\n  border-bottom:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n#ok3d-studio .studio-title{\r\n  font-family:var(--display)!important;\r\n  font-size:clamp(56px,6.7vw,96px)!important;\r\n  line-height:1.04!important;\r\n  letter-spacing:-.065em!important;\r\n  font-weight:500!important;\r\n  color:var(--text)!important;\r\n  margin-top:22px!important;\r\n}\r\n\r\n#ok3d-studio .studio-title .accent-line,\r\n#ok3d-studio .accent-line{\r\n  color:#92acff!important;\r\n  font-family:var(--display)!important;\r\n}\r\n\r\n#ok3d-studio .studio-intro{\r\n  max-width:600px;\r\n  margin-top:24px!important;\r\n  color:#aebbd2!important;\r\n  font-size:17px!important;\r\n  line-height:1.85!important;\r\n  font-weight:400!important;\r\n}\r\n\r\n#ok3d-studio .studio-hero .kicker{\r\n  color:var(--muted)!important;\r\n}\r\n\r\n\/* M\u00e9tadonn\u00e9es \/ petits textes : m\u00eame bleu-gris que le portfolio *\/\r\n#ok3d-studio .studio-strip{\r\n  color:#9fb1d1!important;\r\n}\r\n#ok3d-studio .collage-label{\r\n  color:#9fb1d1!important;\r\n}\r\n#ok3d-studio .studio-collage figcaption{\r\n  color:#d5e2fa!important;\r\n}\r\n\r\n\/* Titres de sections : m\u00eames contrastes et proportions *\/\r\n#ok3d-studio .section-head h2,\r\n#ok3d-studio .studio-h2{\r\n  color:var(--text)!important;\r\n  font-family:var(--display)!important;\r\n  font-weight:500!important;\r\n}\r\n#ok3d-studio .section-head h2 span{\r\n  color:var(--muted)!important;\r\n}\r\n#ok3d-studio .studio-h2 span{\r\n  color:#92acff!important;\r\n}\r\n\r\n\/* Corps de texte : palette coh\u00e9rente avec Portfolio *\/\r\n#ok3d-studio .section-head>p,\r\n#ok3d-studio .studio-copy p,\r\n#ok3d-studio .discipline-content p,\r\n#ok3d-studio .studio-principle p,\r\n#ok3d-studio .studio-tool-copy,\r\n#ok3d-studio .studio-tool details>p{\r\n  color:#a6b6ce!important;\r\n}\r\n\r\n#ok3d-studio .studio-copy p:first-child{\r\n  color:#e1ebff!important;\r\n}\r\n\r\n#ok3d-studio .discipline-media>span,\r\n#ok3d-studio .studio-tool-kind,\r\n#ok3d-studio .studio-principle .number{\r\n  color:#95abd2!important;\r\n}\r\n\r\n#ok3d-studio .discipline-content .discipline-link,\r\n#ok3d-studio .studio-tool summary{\r\n  color:#c4d4f4!important;\r\n}\r\n\r\n#ok3d-studio .studio-signature strong,\r\n#ok3d-studio .discipline-content h3,\r\n#ok3d-studio .studio-principle h3,\r\n#ok3d-studio .studio-tool h3,\r\n#ok3d-studio .studio-tool h4{\r\n  color:var(--text)!important;\r\n}\r\n\r\n\/* Tablette : m\u00eame respiration que la page Portfolio *\/\r\n@media(max-width:800px) and (min-width:701px){\r\n  #ok3d-studio .studio-hero{\r\n    padding-top:150px!important;\r\n  }\r\n}\r\n\r\n\/* T\u00e9l\u00e9phone : reprend le rythme vertical et les tailles Portfolio *\/\r\n@media(max-width:700px){\r\n  #ok3d-studio .studio-hero{\r\n    padding-top:128px!important;\r\n    padding-bottom:40px!important;\r\n  }\r\n\r\n  #ok3d-studio .studio-title{\r\n    font-size:clamp(45px,12vw,68px)!important;\r\n    margin-top:22px!important;\r\n  }\r\n\r\n  #ok3d-studio .studio-intro{\r\n    margin-top:22px!important;\r\n    font-size:16px!important;\r\n    line-height:1.8!important;\r\n  }\r\n\r\n  #ok3d-studio .studio-actions{\r\n    margin-top:28px!important;\r\n    gap:14px!important;\r\n  }\r\n\r\n  #ok3d-studio .section-head h2,\r\n  #ok3d-studio .studio-h2{\r\n    font-size:clamp(34px,10vw,43px)!important;\r\n  }\r\n\r\n  #ok3d-studio .section-head>p{\r\n    margin-top:20px!important;\r\n  }\r\n\r\n  #ok3d-studio .studio-strip{\r\n    padding-top:28px!important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<script>(()=>{'use strict';const root=document.getElementById('ok3d-studio');if(!root||root.dataset.ready)return;root.dataset.ready='true';const reduced=matchMedia('(prefers-reduced-motion: reduce)');if(!('IntersectionObserver'in window)||reduced.matches)return;const items=[...root.querySelectorAll('.reveal')];const io=new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.remove('pending');io.unobserve(e.target);}}),{threshold:0});items.forEach(e=>{if(e.getBoundingClientRect().top>innerHeight){e.classList.add('pending');io.observe(e);}});reduced.addEventListener('change',e=>{if(e.matches){items.forEach(el=>el.classList.remove('pending'));io.disconnect();}});})();<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aller au contenu Le studio \/ OK3D Un regard.Troisdimensions. Je suis J\u00e9r\u00e9my, designer digital et cr\u00e9ateur 3D. Je donne forme aux id\u00e9es des marques et des entrepreneurs, de la premi\u00e8re intention \u00e0 l\u2019exp\u00e9rience finale. D\u00e9couvrir mes projets \u2197Mon approche \u2193 01 \/ DONNER DU VOLUME 02 \/ CR\u00c9ER UNE IDENTIT\u00c9 03 \/ PENSER L\u2019EXP\u00c9RIENCE IMAGES [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15284","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=15284"}],"version-history":[{"count":11,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15284\/revisions"}],"predecessor-version":[{"id":15547,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15284\/revisions\/15547"}],"wp:attachment":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/media?parent=15284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}