{"id":15355,"date":"2026-09-15T02:14:07","date_gmt":"2026-09-15T00:14:07","guid":{"rendered":"https:\/\/www.ok3d.fr\/?page_id=15355"},"modified":"2026-09-24T01:57:49","modified_gmt":"2026-09-23T23:57:49","slug":"pyh","status":"publish","type":"page","link":"https:\/\/www.ok3d.fr\/en\/projets\/pyh\/","title":{"rendered":"PYH"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15355\" class=\"elementor elementor-15355\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e62dd1c e-con-full e-flex e-con e-parent\" data-id=\"e62dd1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0039ac6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0039ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OK3D \u00b7 PAGE PROJET WEB \u00b7 PYH SAP \u00b7 RESPONSIVE \/ INTERACTIVE -->\r\n<div id=\"ok3d-project-pyh\"><span id=\"ok3d-project-pyh-top\"><\/span><a class=\"skip\" href=\"#ok3d-project-pyh-main\">Aller au contenu<\/a>\r\n<main id=\"ok3d-project-pyh-main\">\r\n\r\n<section class=\"case-hero\"><div class=\"wrap\">\r\n<a class=\"case-back\" href=\"\/projets\/\">\u2190 Retour aux projets<\/a>\r\n\r\n<div class=\"case-heading\">\r\n  <div>\r\n    <p class=\"kicker\">Projet \/ Webdesign &amp; plateforme client<\/p>\r\n    <h1 class=\"case-title\">PYH<br><span>SAP.<\/span><\/h1>\r\n  <\/div>\r\n  <div class=\"case-summary\">\r\n    <p class=\"case-lead\">Transformer une offre de coaching \u00e0 domicile en une exp\u00e9rience digitale claire, rassurante et autonome.<\/p>\r\n    <a class=\"text-link\" href=\"#ok3d-project-pyh-live\">Explorer le site <span aria-hidden=\"true\">\u2193<\/span><\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<dl class=\"case-meta\">\r\n  <div><dt>Client<\/dt><dd>Protect Your Health<\/dd><\/div>\r\n  <div><dt>Intervention<\/dt><dd>UX\/UI \u00b7 Webdesign \u00b7 D\u00e9veloppement WordPress<\/dd><\/div>\r\n  <div><dt>Fonctionnalit\u00e9s<\/dt><dd>Inscription \u00b7 Espace adh\u00e9rent \u00b7 Tableau de bord<\/dd><\/div>\r\n  <div><dt>Services<\/dt><dd>Coaching SAP \u00b7 Ost\u00e9opathie \u00b7 Sant\u00e9<\/dd><\/div>\r\n<\/dl>\r\n<\/div><\/section>\r\n\r\n<section class=\"section pyh-live-section\" id=\"ok3d-project-pyh-live\">\r\n  <div class=\"wrap\">\r\n    <div class=\"pyh-live-head reveal\">\r\n      <div>\r\n        <p class=\"kicker\">01 \/ Exp\u00e9rience responsive<\/p>\r\n        <h2 class=\"case-h2\">Un vrai site.<br><span>Dans la page.<\/span><\/h2>\r\n      <\/div>\r\n      <p>Testez directement le projet dans son contexte. Passez de l\u2019ordinateur au mobile et naviguez entre les principaux parcours con\u00e7us pour PYH.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pyh-demo-shell reveal\">\r\n      <div class=\"pyh-demo-toolbar\">\r\n        <div class=\"pyh-demo-pages\" aria-label=\"Pages \u00e0 tester\">\r\n          <button type=\"button\" data-pyh-page=\"\/\" aria-pressed=\"true\">Accueil<\/button>\r\n          <button type=\"button\" data-pyh-page=\"\/coaching_a_domicile_sap\/\" aria-pressed=\"false\">Coaching SAP<\/button>\r\n          <button type=\"button\" data-pyh-page=\"\/osteopathie\/\" aria-pressed=\"false\">Ost\u00e9opathie<\/button>\r\n          <button type=\"button\" data-pyh-page=\"\/inscription\/\" aria-pressed=\"false\">Inscription<\/button>\r\n        <\/div>\r\n        <div class=\"pyh-demo-devices\" aria-label=\"Format d\u2019affichage\">\r\n          <button type=\"button\" data-pyh-device=\"desktop\" aria-pressed=\"true\">\u25b1 Ordinateur<\/button>\r\n          <button type=\"button\" data-pyh-device=\"mobile\" aria-pressed=\"false\">\u25af Mobile<\/button>\r\n          <a class=\"pyh-site-link\" href=\"https:\/\/protectyourhealth.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ouvrir le site \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pyh-stage\">\r\n        <div class=\"pyh-device\" data-device=\"desktop\">\r\n          <div class=\"pyh-browser\">\r\n            <div class=\"pyh-browser-top\" aria-hidden=\"true\">\r\n              <span class=\"pyh-dots\"><i><\/i><i><\/i><i><\/i><\/span>\r\n              <span class=\"pyh-urlbar\" data-pyh-url>protectyourhealth.fr<\/span>\r\n            <\/div>\r\n            <div class=\"pyh-viewport is-live\">\r\n              <iframe\r\n                src=\"https:\/\/protectyourhealth.fr\/\"\r\n                title=\"Protect Your Health \u2014 site interactif int\u00e9gr\u00e9\"\r\n                data-pyh-frame\r\n                loading=\"lazy\"\r\n                scrolling=\"yes\"\r\n                referrerpolicy=\"strict-origin-when-cross-origin\"\r\n                allow=\"fullscreen\">\r\n              <\/iframe>\r\n              <div class=\"pyh-scroll-hint\" aria-hidden=\"true\">\r\n                <span>\u2195<\/span> Scrollez dans le site\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pyh-demo-note\">\r\n        <span><strong>Site int\u00e9gr\u00e9 :<\/strong> naviguez et scrollez directement dans Protect Your Health sans quitter OK3D.<\/span>\r\n        <span>Desktop \u2194 Mobile \u00b7 Navigation r\u00e9elle<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section wrap\">\r\n  <div class=\"case-overview\">\r\n    <div class=\"reveal\">\r\n      <p class=\"kicker\">02 \/ Le projet<\/p>\r\n      <h2 class=\"case-h2\">Plus qu\u2019une vitrine.<br><span>Un parcours de service.<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"case-copy reveal\">\r\n      <p>Protect Your Health r\u00e9unit coaching sportif \u00e0 domicile, accompagnement sant\u00e9 et ost\u00e9opathie dans une m\u00eame plateforme digitale.<\/p>\r\n      <p>Le site devait pr\u00e9senter clairement les diff\u00e9rents services tout en accompagnant le visiteur vers l\u2019inscription, le choix d\u2019une offre et son espace adh\u00e9rent.<\/p>\r\n      <p>Le travail a port\u00e9 sur la direction artistique, l\u2019UX, la hi\u00e9rarchie des contenus, le responsive et l\u2019int\u00e9gration WordPress, avec une attention particuli\u00e8re port\u00e9e aux parcours de conversion et \u00e0 l\u2019exp\u00e9rience apr\u00e8s inscription.<\/p>\r\n\r\n      <div class=\"case-challenge\">\r\n        <strong>L\u2019enjeu<\/strong>\r\n        <p>Faire cohabiter un univers sant\u00e9 rassurant et une logique de plateforme : expliquer l\u2019offre, faciliter l\u2019inscription et donner au client un espace clair pour suivre son accompagnement.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section case-gallery-section\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head reveal\">\r\n      <div>\r\n        <p class=\"kicker\">03 \/ Architecture digitale<\/p>\r\n        <h2>Informer.<br><span>Inscrire. Accompagner.<\/span><\/h2>\r\n      <\/div>\r\n      <p>Le projet articule la pr\u00e9sentation des services, les offres SAP et l\u2019espace membre autour d\u2019un parcours coh\u00e9rent.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pyh-platform\">\r\n      <div class=\"reveal\">\r\n        <div class=\"pyh-feature-list\">\r\n          <div class=\"pyh-feature\">\r\n            <span>01<\/span><div><h3>Pr\u00e9senter les expertises.<\/h3><p>Coaching \u00e0 domicile, sant\u00e9 et ost\u00e9opathie disposent de parcours d\u00e9di\u00e9s pour rendre l\u2019offre imm\u00e9diatement compr\u00e9hensible.<\/p><\/div>\r\n          <\/div>\r\n          <div class=\"pyh-feature\">\r\n            <span>02<\/span><div><h3>Transformer l\u2019int\u00e9r\u00eat en inscription.<\/h3><p>Les formules de coaching SAP sont reli\u00e9es \u00e0 un parcours d\u2019adh\u00e9sion avec cr\u00e9ation de compte et acc\u00e8s membre.<\/p><\/div>\r\n          <\/div>\r\n          <div class=\"pyh-feature\">\r\n            <span>03<\/span><div><h3>Prolonger l\u2019exp\u00e9rience.<\/h3><p>L\u2019espace adh\u00e9rent et le tableau de bord client donnent une continuit\u00e9 au service une fois l\u2019inscription termin\u00e9e.<\/p><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"reveal\">\r\n        <div class=\"pyh-dashboard-card\" aria-label=\"Repr\u00e9sentation du tableau de bord client PYH\">\r\n          <div class=\"pyh-dashboard-top\"><span>PYH \/ ESPACE ADH\u00c9RENT<\/span><span>TABLEAU DE BORD<\/span><\/div>\r\n          <div class=\"pyh-dashboard-body\">\r\n            <div class=\"pyh-dash-stat\"><small>FORMULE<\/small><strong>Coaching SAP<\/strong><\/div>\r\n            <div class=\"pyh-dash-stat\"><small>SUIVI<\/small><strong>Personnalis\u00e9<\/strong><\/div>\r\n            <div class=\"pyh-dash-stat\"><small>COMPTE<\/small><strong>Client<\/strong><\/div>\r\n            <div class=\"pyh-dash-wide\">\r\n              <div class=\"pyh-dash-row\"><small>PARCOURS D\u2019ACCOMPAGNEMENT<\/small><span><\/span><\/div>\r\n              <div class=\"pyh-dash-row\"><small>ACC\u00c8S AUX RESSOURCES<\/small><span style=\"background:linear-gradient(90deg,#7796e8 78%,#25334d 78%)\"><\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pyh-tool-tags\" aria-label=\"Fonctionnalit\u00e9s du projet\">\r\n          <span>WordPress<\/span>\r\n          <span>Elementor<\/span>\r\n          <span>Responsive<\/span>\r\n          <span>Inscription membre<\/span>\r\n          <span>Espace client<\/span>\r\n          <span>UX\/UI<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section pyh-offers\">\r\n  <div class=\"wrap\">\r\n    <div class=\"section-head reveal\">\r\n      <div>\r\n        <p class=\"kicker\">04 \/ Parcours commercial<\/p>\r\n        <h2>Des offres lisibles.<br><span>Un choix imm\u00e9diat.<\/span><\/h2>\r\n      <\/div>\r\n      <p>Le coaching Service \u00e0 la Personne est structur\u00e9 autour de trois niveaux, avec un acc\u00e8s direct au parcours d\u2019inscription.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pyh-offer-grid\">\r\n      <article class=\"pyh-offer reveal\">\r\n        <small>01 \/ BRONZE<\/small><h3>10 s\u00e9ances<\/h3>\r\n        <p>Une formule d\u2019entr\u00e9e claire pour d\u00e9marrer un accompagnement individuel \u00e0 domicile.<\/p>\r\n        <strong>Coaching SAP<\/strong>\r\n      <\/article>\r\n      <article class=\"pyh-offer reveal\">\r\n        <small>02 \/ ARGENT<\/small><h3>20 s\u00e9ances<\/h3>\r\n        <p>Un suivi plus long associ\u00e9 \u00e0 un programme alimentaire personnalis\u00e9.<\/p>\r\n        <strong>Suivi renforc\u00e9<\/strong>\r\n      <\/article>\r\n      <article class=\"pyh-offer reveal\">\r\n        <small>03 \/ OR<\/small><h3>30 s\u00e9ances<\/h3>\r\n        <p>L\u2019offre la plus compl\u00e8te, pens\u00e9e pour inscrire l\u2019accompagnement dans la dur\u00e9e.<\/p>\r\n        <strong>Parcours complet<\/strong>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"section wrap\">\r\n  <div class=\"case-craft\">\r\n    <div class=\"reveal\">\r\n      <p class=\"kicker\">05 \/ La r\u00e9alisation<\/p>\r\n      <h2 class=\"case-h2\">Du parcours UX<br><span>au site en ligne.<\/span><\/h2>\r\n      <p class=\"subtext\">Un travail global, de la structure de l\u2019information \u00e0 l\u2019int\u00e9gration responsive et aux fonctionnalit\u00e9s membres.<\/p>\r\n    <\/div>\r\n    <ol class=\"case-process\">\r\n      <li class=\"reveal\"><span>01<\/span><div><h3>Structurer l\u2019exp\u00e9rience.<\/h3><p>Organiser les services, les offres et les appels \u00e0 l\u2019action pour guider rapidement chaque profil vers le bon parcours.<\/p><\/div><\/li>\r\n      <li class=\"reveal\"><span>02<\/span><div><h3>Cr\u00e9er une identit\u00e9 digitale coh\u00e9rente.<\/h3><p>D\u00e9finir une interface claire et moderne capable d\u2019exprimer \u00e0 la fois le sport, la sant\u00e9 et la dimension humaine de l\u2019accompagnement.<\/p><\/div><\/li>\r\n      <li class=\"reveal\"><span>03<\/span><div><h3>D\u00e9velopper les parcours membres.<\/h3><p>Int\u00e9grer l\u2019inscription, la connexion, les niveaux d\u2019adh\u00e9sion et l\u2019espace client pour transformer le site vitrine en v\u00e9ritable outil de service.<\/p><\/div><\/li>\r\n      <li class=\"reveal\"><span>04<\/span><div><h3>Adapter chaque \u00e9cran.<\/h3><p>Travailler les comportements responsive pour conserver la hi\u00e9rarchie, la lisibilit\u00e9 et les actions principales sur ordinateur comme sur mobile.<\/p><\/div><\/li>\r\n    <\/ol>\r\n  <\/div>\r\n\r\n  <div class=\"case-delivery reveal\">\r\n    <div>\r\n      <h3>Une pr\u00e9sence digitale pens\u00e9e pour accompagner le client avant et apr\u00e8s l\u2019inscription.<\/h3>\r\n      <p class=\"subtext\">Design, contenu, conversion et fonctionnalit\u00e9s r\u00e9unis dans une m\u00eame exp\u00e9rience.<\/p>\r\n    <\/div>\r\n    <div>\r\n      <ul aria-label=\"\u00c9l\u00e9ments r\u00e9alis\u00e9s\">\r\n        <li>UX \/ UI<\/li>\r\n        <li>Webdesign responsive<\/li>\r\n        <li>WordPress \/ Elementor<\/li>\r\n        <li>Inscription & connexion<\/li>\r\n        <li>Espace adh\u00e9rent<\/li>\r\n        <li>Tableau de bord client<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"portfolio-cta\">\r\n  <div class=\"wrap\">\r\n    <div>\r\n      <p class=\"kicker\">Votre prochain projet<\/p>\r\n      <h2>Un site \u00e0 transformer ?<br><span class=\"accent-line\">Cr\u00e9ons une vraie exp\u00e9rience.<\/span><\/h2>\r\n      <p>Identit\u00e9, UX, interface et d\u00e9veloppement : construisons un site qui ne se contente pas d\u2019\u00eatre beau, mais qui accompagne r\u00e9ellement vos utilisateurs.<\/p>\r\n    <\/div>\r\n    <a class=\"btn btn-primary\" href=\"\/webdesign\/#ok3d-web-contact\">Parlons de votre projet <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/main>\r\n<\/div>\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');\r\n\r\n#ok3d-project-pyh{--bg:#080a10;--surface:#0e111a;--text:#f1f3fa;--muted:#a1a8ba;--line:#ffffff20;--blue:#648cff;--font:'Manrope',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--gutter:clamp(22px,5vw,88px);position:relative;width:100%;max-width:none!important;margin:0!important;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow:clip}\r\n#ok3d-project-pyh,#ok3d-project-pyh *{box-sizing:border-box}\r\n#ok3d-project-pyh img{max-width:none}\r\n#ok3d-project-pyh button,#ok3d-project-pyh input,#ok3d-project-pyh select,#ok3d-project-pyh textarea{font-family:inherit}\r\n\/* Force the Elementor HTML widget\/container to span full width when possible. *\/\r\n.elementor-widget-html:has(#ok3d-project-pyh),.elementor-widget-html:has(#ok3d-project-pyh) .elementor-widget-container{width:100%;max-width:none!important}\r\n\r\n\r\n#ok3d-project-pyh{--bg:#080a10;--surface:#0e111a;--text:#f1f3fa;--muted:#a1a8ba;--line:#ffffff20;--blue:#648cff;--font:\"Manrope\",Arial,sans-serif;--display:\"Space Grotesk\",Arial,sans-serif;--gutter:clamp(22px,5vw,88px)}\r\n#ok3d-project-pyh *{box-sizing:border-box}#ok3d-project-pyh{scroll-behavior:smooth;scroll-padding-top:100px}#ok3d-project-pyh{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}#ok3d-project-pyh.locked{overflow:hidden}#ok3d-project-pyh button,#ok3d-project-pyh input,#ok3d-project-pyh select,#ok3d-project-pyh textarea{font:inherit}#ok3d-project-pyh button,#ok3d-project-pyh a{-webkit-tap-highlight-color:transparent}#ok3d-project-pyh button{cursor:pointer}#ok3d-project-pyh a{color:inherit;text-decoration:none}#ok3d-project-pyh button{color:inherit}#ok3d-project-pyh img{display:block;width:100%;height:auto}#ok3d-project-pyh ::selection{background:#648cff;color:#080a10}#ok3d-project-pyh :focus-visible{outline:2px solid #90adff;outline-offset:6px}#ok3d-project-pyh h1,#ok3d-project-pyh h2,#ok3d-project-pyh h3,#ok3d-project-pyh p{margin:0}#ok3d-project-pyh h1,#ok3d-project-pyh h2,#ok3d-project-pyh h3{font-family:var(--display);font-weight:500}#ok3d-project-pyh button:disabled{cursor:wait;opacity:.65}#ok3d-project-pyh .wrap{width:min(100%,1600px);margin:auto;padding-inline:var(--gutter)}#ok3d-project-pyh .section{padding-block:112px}#ok3d-project-pyh .kicker{font-size:13px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:14px;color:var(--muted)}#ok3d-project-pyh .kicker::before{content:\"\";width:22px;height:1px;background:var(--blue)}#ok3d-project-pyh .blue{color:var(--blue)}#ok3d-project-pyh .arrow{font-size:24px;line-height:1;display:inline-block;transition:transform .25s}#ok3d-project-pyh .btn{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:14px 24px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);font-size:14px;font-weight:700;transition:background .25s,border-color .25s,transform .25s}#ok3d-project-pyh .btn:hover{border-color:var(--blue);background:#648cff10}#ok3d-project-pyh .btn:hover .arrow{transform:translate(3px,-3px)}#ok3d-project-pyh .btn-primary{background:#537fff;border-color:#537fff;color:#fff}#ok3d-project-pyh .btn-primary:hover{background:#6d92ff;border-color:#6d92ff}#ok3d-project-pyh .text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px}#ok3d-project-pyh .text-link:hover{color:var(--blue)}#ok3d-project-pyh .skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--text);color:var(--bg);padding:10px}#ok3d-project-pyh .skip:focus{top:15px}\r\n#ok3d-project-pyh .header{position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:1px solid var(--line)}#ok3d-project-pyh .header-inner{display:flex;align-items:center;justify-content:space-between;height:94px;gap:24px}#ok3d-project-pyh .logo{font-family:var(--display);font-size:34px;font-weight:700;letter-spacing:-3px;line-height:1}#ok3d-project-pyh .logo span{color:var(--blue)}#ok3d-project-pyh .logo b{display:inline-block;width:7px;height:7px;background:var(--blue);margin-left:5px}#ok3d-project-pyh .nav{display:flex;gap:34px;align-items:center}#ok3d-project-pyh .nav a{font-size:14px;color:#c4cad8;transition:color .2s}#ok3d-project-pyh .nav a:hover{color:#fff}#ok3d-project-pyh .header-contact{font-size:14px;border:1px solid #ffffff40;padding:10px 18px;border-radius:3px}#ok3d-project-pyh .menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 13px;font-size:14px}\r\n#ok3d-project-pyh .hero{position:relative;min-height:850px;min-height:min(940px,100svh);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:#0a0d18}#ok3d-project-pyh .hero-media{position:absolute;inset:0;z-index:-3}#ok3d-project-pyh .hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}#ok3d-project-pyh .hero::before{content:\"\";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,17,.94),rgba(5,8,17,.76) 40%,rgba(5,8,17,.13) 78%),linear-gradient(0deg,#080a10 0%,transparent 36%,#080a1055)}#ok3d-project-pyh .hero::after{content:\"\";position:absolute;inset:94px 0 0;z-index:-1;background:linear-gradient(90deg,transparent calc(75% - 1px),#ffffff0b 75%,transparent calc(75% + 1px));pointer-events:none}#ok3d-project-pyh .hero-body{padding-top:clamp(165px,19vh,230px);padding-bottom:165px}#ok3d-project-pyh .hero .kicker{color:#c5cfe6;margin-bottom:28px}#ok3d-project-pyh .hero h1{font-size:clamp(60px,7.5vw,116px);letter-spacing:-.065em;line-height:1.02;max-width:1000px}#ok3d-project-pyh .hero h1 em{font-style:normal;color:#92acff}#ok3d-project-pyh .hero-copy{max-width:470px;color:#bdc5d6;margin-top:30px;font-size:17px;line-height:1.8}#ok3d-project-pyh .hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}#ok3d-project-pyh .reel-trigger{display:inline-flex;gap:13px;align-items:center;background:transparent;border:0;font-size:14px;padding:10px 0}#ok3d-project-pyh .play{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;font-size:12px;padding-left:2px}#ok3d-project-pyh .reel-trigger:hover .play{background:var(--blue);border-color:var(--blue)}#ok3d-project-pyh .hero-bottom{position:absolute;bottom:0;width:100%;padding-block:24px;display:flex;justify-content:space-between;align-items:end}#ok3d-project-pyh .hero-signature{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b4bed0;display:flex;gap:20px}#ok3d-project-pyh .hero-signature span+span{border-left:1px solid #ffffff40;padding-left:20px}#ok3d-project-pyh .hero-controls{display:flex;align-items:center;gap:22px;font-size:12px;color:#b4bed0}#ok3d-project-pyh .pause{border:1px solid #ffffff35;background:#080a1055;border-radius:50%;height:36px;width:36px;font-size:13px}#ok3d-project-pyh .scroll-link{font-size:13px;display:flex;gap:14px;align-items:center}#ok3d-project-pyh .hero-index{position:absolute;right:var(--gutter);top:47%;writing-mode:vertical-rl;color:#d4ddf0;letter-spacing:.13em;font-size:12px}\r\n#ok3d-project-pyh .clients{padding-block:34px;border-bottom:1px solid var(--line)}#ok3d-project-pyh .clients-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}#ok3d-project-pyh .clients-label{font-size:12px;color:var(--muted);max-width:115px;line-height:1.7}#ok3d-project-pyh .client-list{display:flex;align-items:center;justify-content:space-between;flex:1;gap:30px}#ok3d-project-pyh .client-list span{font-family:var(--display);font-size:23px;font-weight:600;letter-spacing:-.04em;color:#bec3cf}#ok3d-project-pyh .client-list .kiprun{font-style:italic;letter-spacing:-.08em}#ok3d-project-pyh .client-list .obvious{font-size:19px;letter-spacing:-.04em}#ok3d-project-pyh .client-list .laposte{font-size:20px;font-style:italic}\r\n#ok3d-project-pyh .section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px}#ok3d-project-pyh .section-head h2,#ok3d-project-pyh .about h2,#ok3d-project-pyh .contact h2{font-size:clamp(40px,4.5vw,66px);letter-spacing:-.055em;line-height:1.08;margin-top:20px}#ok3d-project-pyh .section-head h2 span{color:var(--muted)}#ok3d-project-pyh .works{padding-bottom:106px}#ok3d-project-pyh .project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:46px 28px}#ok3d-project-pyh .project:first-child{grid-column:1\/-1}#ok3d-project-pyh .project-media{position:relative;overflow:hidden;aspect-ratio:16\/10;background:var(--surface);border:1px solid var(--line);border-radius:6px;display:block;width:100%;padding:0;text-align:left}#ok3d-project-pyh .project:first-child .project-media{aspect-ratio:2.2}#ok3d-project-pyh .project-media img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.92)}#ok3d-project-pyh .project-media:hover img{transform:scale(1.035);filter:saturate(1.1)}#ok3d-project-pyh .project:first-child .project-media img{object-position:50% 48%}#ok3d-project-pyh .project:nth-child(2) .project-media img{object-position:50% 40%}#ok3d-project-pyh .project-label{position:absolute;left:22px;top:22px;padding:7px 12px;font-size:12px;background:#080a10b8;border:1px solid #ffffff30;border-radius:3px;backdrop-filter:blur(12px)}#ok3d-project-pyh .project-play{position:absolute;right:22px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#080a1055;backdrop-filter:blur(10px);font-size:14px;transition:background .2s}#ok3d-project-pyh .project-media:hover .project-play{background:#537fff}#ok3d-project-pyh .project-info{padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:15px}#ok3d-project-pyh .project-info h3{font-size:25px;letter-spacing:-.045em}#ok3d-project-pyh .project-info p{font-size:14px;color:var(--muted);margin-top:4px}#ok3d-project-pyh .project-number{font-family:var(--display);font-size:13px;color:var(--muted);padding-top:7px}#ok3d-project-pyh .work-footer{display:flex;justify-content:center;margin-top:48px}\r\n#ok3d-project-pyh .expertise{border-block:1px solid var(--line);background:var(--surface)}#ok3d-project-pyh .expertise .section-head>p{max-width:350px;color:var(--muted)}#ok3d-project-pyh .service{border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;padding:38px 0;transition:background .25s}#ok3d-project-pyh .service:last-child{border-bottom:1px solid var(--line)}#ok3d-project-pyh .service-num{color:var(--blue);font-family:var(--display);font-size:14px;padding-top:6px}#ok3d-project-pyh .service h3{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.045em}#ok3d-project-pyh .service p{color:var(--muted);max-width:480px;font-size:16px}#ok3d-project-pyh .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#ok3d-project-pyh .tags span{border:1px solid var(--line);padding:4px 10px;border-radius:3px;font-size:12px;color:#c0c7d7}#ok3d-project-pyh .service-title small{display:block;margin-top:12px;color:#8292ba;font-size:13px;font-weight:400}\r\n#ok3d-project-pyh .about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:start}#ok3d-project-pyh .about h2{margin-bottom:28px}#ok3d-project-pyh .about-copy>p{color:#b6bed0;font-size:18px;line-height:1.9;max-width:640px}#ok3d-project-pyh .about-copy>p+p{margin-top:18px;font-size:16px;color:var(--muted)}#ok3d-project-pyh .signature{display:flex;align-items:center;gap:17px;margin-top:30px}#ok3d-project-pyh .initials{width:51px;height:51px;display:grid;place-items:center;background:#152244;border:1px solid #648cff55;border-radius:50%;font-family:var(--display);color:#b2c6ff}#ok3d-project-pyh .signature strong{display:block;font-size:16px;font-weight:600}#ok3d-project-pyh .signature small{font-size:13px;color:var(--muted)}#ok3d-project-pyh .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-block:1px solid var(--line);padding-block:28px}#ok3d-project-pyh .stat{padding-inline:30px;border-right:1px solid var(--line)}#ok3d-project-pyh .stat:first-child{padding-left:0}#ok3d-project-pyh .stat:last-child{border:0}#ok3d-project-pyh .stat strong{font-family:var(--display);font-weight:500;font-size:48px;letter-spacing:-.06em;display:block;line-height:1.2}#ok3d-project-pyh .stat strong span{color:var(--blue)}#ok3d-project-pyh .stat p{font-size:13px;color:var(--muted);margin-top:8px}#ok3d-project-pyh .tool-list{display:flex;gap:12px 25px;flex-wrap:wrap;align-items:center;margin-top:30px;font-size:13px;color:#c0c7d7}#ok3d-project-pyh .tool-list>span:first-child{color:var(--muted);margin-right:auto}\r\n#ok3d-project-pyh .method{padding-top:0}#ok3d-project-pyh .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}#ok3d-project-pyh .step{border-top:1px solid var(--line);padding-top:22px}#ok3d-project-pyh .step>span{font-family:var(--display);color:var(--blue);font-size:13px}#ok3d-project-pyh .step h3{font-size:23px;letter-spacing:-.03em;margin-top:22px}#ok3d-project-pyh .step p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}\r\n#ok3d-project-pyh .contact{border-top:1px solid #ffffff25;background:radial-gradient(ellipse at 0% 100%,#14234d 0,transparent 65%),#0e131f}#ok3d-project-pyh .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}#ok3d-project-pyh .contact h2{font-size:clamp(44px,5vw,76px);margin-bottom:28px}#ok3d-project-pyh .contact-intro>p{color:var(--muted);max-width:400px}#ok3d-project-pyh .email-link{display:inline-flex;align-items:center;gap:24px;margin-top:34px;font-family:var(--display);font-size:clamp(21px,2.2vw,30px);border-bottom:1px solid #648cff70;padding-bottom:8px}#ok3d-project-pyh .contact-note{display:block;margin-top:35px;font-size:13px;color:#aeb9d0}#ok3d-project-pyh .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}#ok3d-project-pyh .field{display:flex;flex-direction:column;gap:8px}#ok3d-project-pyh .field.full{grid-column:1\/-1}#ok3d-project-pyh .field label{font-size:13px;color:#c7cfdf}#ok3d-project-pyh .field input,#ok3d-project-pyh .field select,#ok3d-project-pyh .field textarea{width:100%;border:0;border-bottom:1px solid #ffffff35;border-radius:0;background:transparent;color:var(--text);padding:10px 0 14px;outline-offset:5px;min-width:0;font-size:16px}#ok3d-project-pyh .field input::placeholder,#ok3d-project-pyh .field textarea::placeholder{color:#838fa7}#ok3d-project-pyh .field select{color:#c7cfdf}#ok3d-project-pyh .field select option{background:#101622;color:var(--text)}#ok3d-project-pyh .field textarea{resize:vertical;min-height:105px}#ok3d-project-pyh .form-submit{margin-top:28px;display:flex;align-items:center;gap:24px}#ok3d-project-pyh .form-submit small{color:#aeb9d0;font-size:12px}#ok3d-project-pyh .form-status{margin-top:14px;font-size:14px;color:#c0cfff}#ok3d-project-pyh .form-status.error{color:#ffc1bf}#ok3d-project-pyh .honeypot{position:absolute;left:-9999px;opacity:0}#ok3d-project-pyh .form-privacy{font-size:12px;color:#9ba8c1;margin-top:18px}\r\n#ok3d-project-pyh .video-dialog{background:#080a10;color:var(--text);border:1px solid #ffffff40;width:min(1120px,94vw);max-width:none;padding:0;border-radius:7px;overflow:visible}#ok3d-project-pyh .video-dialog::backdrop{background:#02040bec;backdrop-filter:blur(14px)}#ok3d-project-pyh .dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:20px}#ok3d-project-pyh .dialog-head p{font-size:14px}#ok3d-project-pyh .dialog-close{border:1px solid var(--line);background:transparent;min-width:40px;min-height:40px;font-size:22px}#ok3d-project-pyh .dialog-player{aspect-ratio:16\/9;background:black}#ok3d-project-pyh .dialog-player iframe,#ok3d-project-pyh .dialog-player video{width:100%;height:100%;border:0;display:block}#ok3d-project-pyh .dialog-fallback{font-size:13px;color:var(--muted);padding:13px 20px}#ok3d-project-pyh .dialog-fallback a{text-decoration:underline}#ok3d-project-pyh .reveal{transition:opacity .65s,transform .65s}#ok3d-project-pyh .reveal.pending{opacity:0;transform:translateY(22px)}\r\n@media(min-width:1700px){#ok3d-project-pyh .hero-bottom{max-width:1600px;left:50%;transform:translateX(-50%)}}\r\n@media(max-width:1000px){#ok3d-project-pyh .hero h1{font-size:clamp(60px,9vw,100px)}#ok3d-project-pyh .hero{min-height:820px}#ok3d-project-pyh .hero-index{display:none}#ok3d-project-pyh .nav{gap:20px}#ok3d-project-pyh .about-grid,#ok3d-project-pyh .contact-grid{gap:45px}#ok3d-project-pyh .service{grid-template-columns:45px 1fr 1.1fr;gap:20px}#ok3d-project-pyh .client-list{flex-wrap:wrap;justify-content:center;gap:20px 35px}#ok3d-project-pyh .method-grid{grid-template-columns:1fr 1fr}#ok3d-project-pyh .clients-inner{gap:25px}#ok3d-project-pyh .section{padding-block:85px}#ok3d-project-pyh .method{padding-top:0}#ok3d-project-pyh .client-list span{font-size:20px}}\r\n@media(max-width:700px){#ok3d-project-pyh .header-inner{height:78px}#ok3d-project-pyh .logo{font-size:31px}#ok3d-project-pyh .header-contact{display:none}#ok3d-project-pyh .menu-toggle{display:block}#ok3d-project-pyh .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b101ded;border-bottom:1px solid var(--line);padding:25px var(--gutter);backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:0}#ok3d-project-pyh .nav.open{display:flex}#ok3d-project-pyh .nav a{font-size:17px;padding:12px 0}#ok3d-project-pyh .hero{min-height:810px;min-height:max(810px,100svh)}#ok3d-project-pyh .hero-body{padding-top:156px;padding-bottom:180px}#ok3d-project-pyh .hero h1{font-size:clamp(52px,11.4vw,79px);letter-spacing:-.065em}#ok3d-project-pyh .hero-copy{font-size:16px;max-width:350px}#ok3d-project-pyh .hero .kicker{font-size:11px;letter-spacing:.1em}#ok3d-project-pyh .hero-actions{gap:20px;flex-wrap:wrap}#ok3d-project-pyh .hero-actions .btn{gap:20px;padding-inline:19px}#ok3d-project-pyh .hero::before{background:linear-gradient(90deg,#050811d9,#05081170),linear-gradient(0deg,#080a10,transparent 60%)}#ok3d-project-pyh .hero-media video{object-position:60% center;opacity:.75}#ok3d-project-pyh .hero-bottom{align-items:center;padding-block:22px;gap:20px}#ok3d-project-pyh .hero-signature{display:block;font-size:11px;line-height:1.9}#ok3d-project-pyh .hero-signature span{display:block}#ok3d-project-pyh .hero-signature span+span{border:0;padding:0}#ok3d-project-pyh .hero-controls{gap:16px}#ok3d-project-pyh .scroll-link{display:none}#ok3d-project-pyh .clients{padding-block:25px}#ok3d-project-pyh .clients-inner{display:block}#ok3d-project-pyh .clients-label{max-width:none;text-align:center;margin-bottom:20px}#ok3d-project-pyh .client-list{gap:18px 25px}#ok3d-project-pyh .client-list span{font-size:20px}#ok3d-project-pyh .client-list .obvious{font-size:17px}#ok3d-project-pyh .section{padding-block:65px}#ok3d-project-pyh .section-head{display:block;margin-bottom:30px}#ok3d-project-pyh .section-head .text-link{margin-top:25px}#ok3d-project-pyh .section-head h2,#ok3d-project-pyh .about h2{font-size:43px}#ok3d-project-pyh .section-head>p{margin-top:22px}#ok3d-project-pyh .project-grid{grid-template-columns:1fr;gap:30px}#ok3d-project-pyh .project:first-child{grid-column:auto}#ok3d-project-pyh .project:first-child .project-media,#ok3d-project-pyh .project-media{aspect-ratio:4\/3}#ok3d-project-pyh .project:first-child .project-media img{object-position:center}#ok3d-project-pyh .project-info h3{font-size:24px}#ok3d-project-pyh .project-label{left:15px;top:15px;font-size:11px}#ok3d-project-pyh .project-play{right:15px;bottom:15px;width:44px;height:44px}#ok3d-project-pyh .service{grid-template-columns:25px 1fr;gap:14px;padding-block:30px}#ok3d-project-pyh .service-description{grid-column:2}#ok3d-project-pyh .service h3{font-size:31px}#ok3d-project-pyh .service-title small{margin-top:8px}#ok3d-project-pyh .service p{font-size:15px}#ok3d-project-pyh .about-grid,#ok3d-project-pyh .contact-grid{grid-template-columns:1fr;gap:32px}#ok3d-project-pyh .about-copy>p{font-size:17px}#ok3d-project-pyh .stats{margin-top:35px}#ok3d-project-pyh .stat{padding-inline:15px}#ok3d-project-pyh .stat strong{font-size:37px}#ok3d-project-pyh .stat p{font-size:12px}#ok3d-project-pyh .tool-list{gap:12px 20px}#ok3d-project-pyh .tool-list>span:first-child{width:100%}#ok3d-project-pyh .method{padding-top:0}#ok3d-project-pyh .method-grid{gap:28px 22px}#ok3d-project-pyh .step h3{font-size:22px}#ok3d-project-pyh .step p{font-size:14px}#ok3d-project-pyh .contact h2{font-size:53px}#ok3d-project-pyh .contact-note{margin-top:23px}#ok3d-project-pyh .contact-grid{gap:45px}#ok3d-project-pyh .form-grid{gap:24px 18px}#ok3d-project-pyh .form-submit{align-items:start;flex-direction:column;gap:12px}#ok3d-project-pyh .form-submit .btn{width:100%;justify-content:space-between}#ok3d-project-pyh .video-dialog{width:96vw}#ok3d-project-pyh .dialog-head{padding:10px 12px}#ok3d-project-pyh .dialog-player{aspect-ratio:4\/3}#ok3d-project-pyh .dialog-fallback{padding:10px 12px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-pyh{scroll-behavior:auto}#ok3d-project-pyh *,#ok3d-project-pyh *::before,#ok3d-project-pyh *::after{animation:none!important;transition:none!important}#ok3d-project-pyh .reveal.pending{opacity:1;transform:none}}\r\n\r\n\/* V2 \u2014 trois exp\u00e9riences, une m\u00eame direction artistique. *\/\r\n@keyframes gem-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}\r\n@keyframes wire-reveal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}\r\n#ok3d-project-pyh .gem-stage.in-view .gem-object{animation:gem-levitate 6s ease-in-out infinite}\r\n#ok3d-project-pyh .gem-stage.draw-in .gem-wire .gw{stroke-dasharray:1;animation:wire-reveal 1.8s ease both}\r\n\r\n#ok3d-project-pyh .expertise{background:#0b0e16;position:relative;overflow:hidden}#ok3d-project-pyh .interactive-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#ok3d-project-pyh .experience-card{min-width:0;position:relative;border:1px solid #ffffff20;border-radius:9px;background:linear-gradient(160deg,#141b2b,#0c111d 65%);overflow:hidden;transition:border-color .4s,box-shadow .4s}#ok3d-project-pyh .experience-card:hover,#ok3d-project-pyh .experience-card:focus-within{border-color:#648cff75;box-shadow:0 20px 55px #0004}#ok3d-project-pyh .experience-top{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;color:#b1bed6}#ok3d-project-pyh .experience-symbol{font-size:24px;color:#8daaff;line-height:1}#ok3d-project-pyh .service-stage{height:315px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#23346755,transparent 70%);border-block:1px solid #ffffff0b}#ok3d-project-pyh .stage-corner{position:absolute;top:14px;left:18px;font-size:10px;letter-spacing:.14em;color:#9caac7;z-index:3}#ok3d-project-pyh .gem-stage{background:linear-gradient(#648cff09 1px,transparent 1px),linear-gradient(90deg,#648cff09 1px,transparent 1px),radial-gradient(ellipse at 50% 60%,#263b7255,transparent 70%);background-size:28px 28px,28px 28px,100% 100%}#ok3d-project-pyh .gem-object{position:absolute;left:calc(50% - 122px);top:35px;width:244px;height:244px;transform:translateY(0)}#ok3d-project-pyh .gem-object svg{display:block;width:244px;height:244px}#ok3d-project-pyh .gem-wire{position:absolute;inset:0}#ok3d-project-pyh .gem-wire .gw{fill:none;stroke:#8eaafa;stroke-width:.55}#ok3d-project-pyh .gem-wire .gv{fill:#b5caff;stroke:#0b101c;stroke-width:.45;r:1.15}#ok3d-project-pyh .gem-wire .gs{display:none}#ok3d-project-pyh .gem-render{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));filter:drop-shadow(0 8px 16px #4674ff30)}#ok3d-project-pyh .gem-solid .gf-hi{fill:url(#chrome-high)}#ok3d-project-pyh .gem-solid .gf-lo{fill:url(#chrome-low)}#ok3d-project-pyh .gem-solid .gw{fill:none;stroke:#c0d4ff;stroke-width:.35;opacity:.7}#ok3d-project-pyh .gem-solid .gv{display:none}#ok3d-project-pyh .compare-line{position:absolute;top:38px;bottom:36px;left:calc(50% - 122px + 244px * var(--split-number,.52));width:1px;background:linear-gradient(transparent,#d5e2ff 20%,#d5e2ff 80%,transparent);pointer-events:none}#ok3d-project-pyh .compare-line span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:28px;height:28px;display:grid;place-items:center;border:1px solid #d5e2ff;background:#19284b;border-radius:50%;color:#e4eeff;font-size:14px}#ok3d-project-pyh .compare-labels{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;color:#8ea1c8;font-size:10px;letter-spacing:.12em}#ok3d-project-pyh .experience-control{padding:13px 22px;min-height:65px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;gap:16px}#ok3d-project-pyh .experience-control label{font-size:12px;color:#adbad3;white-space:nowrap}#ok3d-project-pyh .experience-control input{width:100%;min-width:40px;accent-color:#8aa8ff;cursor:ew-resize;height:24px}#ok3d-project-pyh .segmented{justify-content:center;gap:5px}#ok3d-project-pyh .segmented button{border:1px solid transparent;background:transparent;padding:6px 16px;border-radius:4px;color:#a7b5cf;font-size:13px;min-height:36px;transition:background .25s,color .25s,border-color .25s}#ok3d-project-pyh .segmented button[aria-pressed=\"true\"]{background:#7296ff18;color:#dce7ff;border-color:#89a7ff45}#ok3d-project-pyh .segmented button:hover{color:white;background:#7296ff12}#ok3d-project-pyh .experience-copy{padding:27px 24px 0}#ok3d-project-pyh .experience-copy h3{font-size:clamp(26px,2.55vw,39px);line-height:1.13;letter-spacing:-.055em}#ok3d-project-pyh .experience-copy p{font-size:15px;line-height:1.85;color:#a8b5cd;margin-top:20px;min-height:84px}#ok3d-project-pyh .experience-copy .tags{gap:6px;min-height:62px;margin-top:18px;align-content:start}#ok3d-project-pyh .experience-copy .tags span{font-size:11px;padding:3px 7px;height:max-content}#ok3d-project-pyh .experience-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1c;padding:20px 0;font-size:14px;margin-top:20px}#ok3d-project-pyh .experience-link span{font-size:22px;color:#8aa8ff;transition:transform .25s}#ok3d-project-pyh .experience-link:hover{color:#9eb8ff}#ok3d-project-pyh .experience-link:hover span{transform:translate(3px,-3px)}\r\n#ok3d-project-pyh .brand-stage{background:radial-gradient(ellipse at 50% 50%,#3a448333,transparent 65%)}#ok3d-project-pyh .brand-symbol{position:absolute;inset:36px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:opacity .45s,transform .65s}#ok3d-project-pyh .brand-symbol img{width:162px;filter:invert(1) drop-shadow(0 0 28px #739bff40)}#ok3d-project-pyh .brand-symbol>span{font-family:var(--display);font-size:18px;letter-spacing:.27em;color:#a8bbdf}#ok3d-project-pyh .brand-universe{position:absolute;inset:50px 21px 24px;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 38px .7fr;gap:8px;opacity:0;transform:translateY(20px) scale(.94);transition:opacity .45s,transform .6s;pointer-events:none}#ok3d-project-pyh .brand-tile{border-radius:3px;overflow:hidden}#ok3d-project-pyh .brand-primary{grid-row:span 3;background:#6389ff;padding:18px;display:flex;flex-direction:column;justify-content:space-between}#ok3d-project-pyh .brand-primary img{width:70px}#ok3d-project-pyh .brand-primary>span{font-family:var(--display);font-weight:600;font-size:clamp(16px,1.5vw,22px);line-height:1.16;letter-spacing:-.055em;color:#0b1434}#ok3d-project-pyh .brand-type{background:#eef1ff;color:#172444;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:7px}#ok3d-project-pyh .brand-type strong{font-family:var(--display);font-size:51px;font-weight:500;letter-spacing:-.07em}#ok3d-project-pyh .brand-type span{font-size:7px;letter-spacing:.07em;max-width:48px}#ok3d-project-pyh .brand-swatches{display:flex;gap:0}#ok3d-project-pyh .brand-swatches i{flex:1;background:#648cff}#ok3d-project-pyh .brand-swatches i:nth-child(2){background:#b6c8ff}#ok3d-project-pyh .brand-swatches i:nth-child(3){background:#e9efff}#ok3d-project-pyh .brand-swatches i:nth-child(4){background:#273c6c}#ok3d-project-pyh .brand-note{background:#1b2743;padding:11px 14px;font-size:15px;font-family:var(--display);line-height:1.2;letter-spacing:-.025em}#ok3d-project-pyh .brand-note span{display:block;font-family:var(--font);font-size:7px;margin-top:10px;letter-spacing:.07em;color:#9baed5}#ok3d-project-pyh .brand-stage[data-brand=\"universe\"] .brand-symbol{opacity:0;transform:scale(.78) rotate(-8deg);pointer-events:none}#ok3d-project-pyh .brand-stage[data-brand=\"universe\"] .brand-universe{opacity:1;transform:none}#ok3d-project-pyh .brand-stage[data-brand=\"universe\"] .brand-tile{animation:brand-arrive .6s both}#ok3d-project-pyh .brand-stage[data-brand=\"universe\"] .brand-type{animation-delay:.08s}#ok3d-project-pyh .brand-stage[data-brand=\"universe\"] .brand-swatches{animation-delay:.16s}#ok3d-project-pyh .brand-stage[data-brand=\"universe\"] .brand-note{animation-delay:.24s}@keyframes brand-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}\r\n#ok3d-project-pyh .web-stage{display:flex;justify-content:center;align-items:center;padding:45px 20px 20px;background:radial-gradient(ellipse at 50% 80%,#25305c70,transparent 75%)}#ok3d-project-pyh .demo-browser{width:100%;max-width:355px;border:1px solid #8ca3d655;border-radius:7px;background:#080d17;box-shadow:0 16px 40px #0008;overflow:hidden;transition:width .7s cubic-bezier(.2,.8,.2,1),border-radius .7s}#ok3d-project-pyh .demo-chrome{height:23px;display:flex;justify-content:space-between;align-items:center;padding-inline:10px;background:#1b253b;color:#99a8c7;font-size:8px}#ok3d-project-pyh .demo-chrome>span:first-child{font-size:6px;letter-spacing:1px;color:#758aaf}#ok3d-project-pyh .demo-page{height:202px;overflow:hidden}#ok3d-project-pyh .demo-nav{height:33px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}#ok3d-project-pyh .demo-nav>strong{font-family:var(--display);font-size:14px;letter-spacing:-1px}#ok3d-project-pyh .demo-nav>strong span{color:#8aa8ff}#ok3d-project-pyh .demo-nav-links{font-size:7px;color:#aab5ca}#ok3d-project-pyh .demo-hamburger{display:none;font-size:11px}#ok3d-project-pyh .demo-hero{height:143px;position:relative;isolation:isolate;padding:13px 15px}#ok3d-project-pyh .demo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#ok3d-project-pyh .demo-hero::before{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,#060b16ed,#060b1688);z-index:-1}#ok3d-project-pyh .demo-hero>div{display:flex;flex-direction:column;align-items:start}#ok3d-project-pyh .demo-hero small{font-size:6px;letter-spacing:.12em;color:#b9c9e9;margin-bottom:7px}#ok3d-project-pyh .demo-hero strong{font-family:var(--display);font-size:25px;line-height:.98;letter-spacing:-.07em;font-weight:500}#ok3d-project-pyh .demo-hero em{color:#a0b7ff;font-style:normal}#ok3d-project-pyh .demo-cta{font-size:6px;background:#527df4;color:#fff;padding:4px 7px;margin-top:9px;border-radius:2px}#ok3d-project-pyh .demo-bottom{display:flex;justify-content:space-between;gap:3px;font-size:5px;letter-spacing:.04em;padding:8px 13px;color:#b4c1dc}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-browser{width:142px;border-radius:16px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-chrome{height:21px;font-size:6px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-nav-links{display:none}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-hamburger{display:block}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-page{height:220px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-nav{padding-inline:12px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-hero{height:161px;padding:17px 12px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-hero strong{font-size:26px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-hero small{font-size:5px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-cta{margin-top:13px}#ok3d-project-pyh .web-stage[data-device=\"mobile\"] .demo-bottom{font-size:4px;padding-inline:10px}\r\n#ok3d-project-pyh .project-preview{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s;background:#0c101a}#ok3d-project-pyh .project-preview.visible{opacity:1}#ok3d-project-pyh .project-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}#ok3d-project-pyh .project-play,#ok3d-project-pyh .project-label{z-index:2}#ok3d-project-pyh .project-media .project-label{transition:background .3s}#ok3d-project-pyh .project-media.preview-playing .project-label{background:#172b57dc}#ok3d-project-pyh .project-media.preview-playing .project-play{background:#537fffaa}#ok3d-project-pyh .method-grid{position:relative;--method-progress:0}#ok3d-project-pyh .method-grid::before{content:\"\";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#4264c2,#a6bfff);transform:scaleX(var(--method-progress));transform-origin:left;box-shadow:0 0 12px #729cff77;transition:transform .18s linear}#ok3d-project-pyh .step{position:relative}#ok3d-project-pyh .step::before{content:\"\";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#283858;border:1px solid #8095c150;transition:background .35s,box-shadow .35s}#ok3d-project-pyh .step.current::before,#ok3d-project-pyh .step.passed::before{background:#9dbbff;box-shadow:0 0 14px #739fffaa}#ok3d-project-pyh .step h3{transition:color .35s}#ok3d-project-pyh .step.current h3{color:#9ab6ff}#ok3d-project-pyh .step>span{transition:color .35s}#ok3d-project-pyh .step.current>span{color:#c0d1ff}#ok3d-project-pyh .hero h1{animation:hero-enter 1.1s cubic-bezier(.2,.8,.2,1) both}#ok3d-project-pyh .hero .hero-copy{animation:hero-enter 1.1s .12s both}#ok3d-project-pyh .hero .hero-actions{animation:hero-enter 1.1s .24s both}@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}\r\n@media(min-width:1100px){#ok3d-project-pyh .experience-card:hover .brand-symbol{transform:translateY(-5px)}#ok3d-project-pyh .experience-card:hover .brand-stage[data-brand=\"universe\"] .brand-symbol{transform:scale(.78) rotate(-8deg)}}\r\n@media(max-width:1100px) and (min-width:701px){#ok3d-project-pyh .interactive-services{gap:12px}#ok3d-project-pyh .experience-top{padding:17px 15px;font-size:10px;letter-spacing:.035em}#ok3d-project-pyh .experience-copy{padding-inline:17px}#ok3d-project-pyh .service-stage{height:285px}#ok3d-project-pyh .gem-object{top:25px}#ok3d-project-pyh .experience-control{padding-inline:12px;gap:8px;flex-wrap:wrap}#ok3d-project-pyh .experience-control label{font-size:11px}#ok3d-project-pyh .experience-control input{flex:1;min-width:50px}#ok3d-project-pyh .segmented button{font-size:11px;padding-inline:10px}#ok3d-project-pyh .experience-copy p{font-size:14px;min-height:124px}#ok3d-project-pyh .experience-copy .tags{min-height:85px}#ok3d-project-pyh .brand-universe{inset:50px 12px 22px;gap:6px;grid-template-columns:1fr 1fr}#ok3d-project-pyh .brand-primary{padding:12px}#ok3d-project-pyh .brand-primary img{width:50px}#ok3d-project-pyh .brand-primary>span{font-size:16px}#ok3d-project-pyh .brand-type{padding:9px}#ok3d-project-pyh .brand-type strong{font-size:38px}#ok3d-project-pyh .brand-type span{display:none}#ok3d-project-pyh .brand-note{font-size:12px;padding:10px}#ok3d-project-pyh .web-stage{padding-inline:12px}}\r\n@media(max-width:700px){#ok3d-project-pyh .interactive-services{grid-template-columns:1fr;gap:24px}#ok3d-project-pyh .experience-top{font-size:12px;padding:20px 22px}#ok3d-project-pyh .service-stage{height:300px}#ok3d-project-pyh .gem-object{top:26px}#ok3d-project-pyh .experience-copy{padding:25px 24px 0}#ok3d-project-pyh .experience-copy h3{font-size:36px}#ok3d-project-pyh .experience-copy p{min-height:0;font-size:16px}#ok3d-project-pyh .experience-copy .tags{min-height:0;margin-bottom:24px}#ok3d-project-pyh .experience-link{margin-top:20px}#ok3d-project-pyh .brand-universe{inset:47px 30px 23px}#ok3d-project-pyh .brand-primary>span{font-size:23px}#ok3d-project-pyh .brand-type strong{font-size:60px}#ok3d-project-pyh .brand-note{font-size:17px}#ok3d-project-pyh .web-stage{padding-inline:28px}#ok3d-project-pyh .method-grid::before{display:none}#ok3d-project-pyh .step.current{border-top-color:#88a8ff}#ok3d-project-pyh .experience-control label{font-size:13px}#ok3d-project-pyh .segmented button{font-size:14px;min-height:40px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-pyh .hero h1,#ok3d-project-pyh .hero .hero-copy,#ok3d-project-pyh .hero .hero-actions{animation:none}#ok3d-project-pyh .experience-card:hover .brand-symbol{transform:none}#ok3d-project-pyh .gem-object{transform:none!important}#ok3d-project-pyh .method-grid::before{transform:scaleX(1)}}\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR \/ HELLO HARDENING \u2014 V2\r\n   Force la typographie, les tailles et les couleurs du design\r\n   m\u00eame si Elementor ou le th\u00e8me applique ses propres styles.\r\n   ========================================================= *\/\r\n#ok3d-project-pyh,\r\n#ok3d-project-pyh input,\r\n#ok3d-project-pyh textarea,\r\n#ok3d-project-pyh select,\r\n#ok3d-project-pyh button,\r\n#ok3d-project-pyh a,\r\n#ok3d-project-pyh p,\r\n#ok3d-project-pyh span,\r\n#ok3d-project-pyh small,\r\n#ok3d-project-pyh label,\r\n#ok3d-project-pyh strong,\r\n#ok3d-project-pyh em {\r\n  font-family: var(--font) !important;\r\n}\r\n\r\n#ok3d-project-pyh h1,\r\n#ok3d-project-pyh h2,\r\n#ok3d-project-pyh h3,\r\n#ok3d-project-pyh .logo,\r\n#ok3d-project-pyh .client-list span,\r\n#ok3d-project-pyh .project-number,\r\n#ok3d-project-pyh .service-num,\r\n#ok3d-project-pyh .stat strong,\r\n#ok3d-project-pyh .step > span,\r\n#ok3d-project-pyh .brand-symbol > span,\r\n#ok3d-project-pyh .brand-primary > span,\r\n#ok3d-project-pyh .brand-type strong,\r\n#ok3d-project-pyh .brand-note,\r\n#ok3d-project-pyh .demo-nav > strong,\r\n#ok3d-project-pyh .demo-hero strong {\r\n  font-family: var(--display) !important;\r\n}\r\n\r\n#ok3d-project-pyh { color: var(--text) !important; font-size:16px !important; line-height:1.65 !important; }\r\n#ok3d-project-pyh h1,#ok3d-project-pyh h2,#ok3d-project-pyh h3,#ok3d-project-pyh p { margin:0 !important; padding:0; }\r\n#ok3d-project-pyh h1,#ok3d-project-pyh h2,#ok3d-project-pyh h3 { color:var(--text) !important; font-weight:500 !important; text-transform:none !important; }\r\n#ok3d-project-pyh p { color:inherit; }\r\n#ok3d-project-pyh a { color:inherit !important; text-decoration:none !important; }\r\n#ok3d-project-pyh button { color:inherit !important; }\r\n\r\n\/* Header *\/\r\n#ok3d-project-pyh .logo { font-size:34px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-3px !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .logo span { color:var(--blue) !important; }\r\n#ok3d-project-pyh .nav a { font-size:14px !important; line-height:1.4 !important; color:#c4cad8 !important; font-weight:400 !important; }\r\n#ok3d-project-pyh .nav a:hover { color:#fff !important; }\r\n#ok3d-project-pyh .header-contact { font-size:14px !important; color:var(--text) !important; }\r\n\r\n\/* Hero *\/\r\n#ok3d-project-pyh .hero .kicker { font-size:13px !important; line-height:1.4 !important; letter-spacing:.14em !important; color:#c5cfe6 !important; font-weight:400 !important; }\r\n#ok3d-project-pyh .hero h1 { font-size:clamp(60px,7.5vw,116px) !important; line-height:1.02 !important; letter-spacing:-.065em !important; color:var(--text) !important; font-weight:500 !important; }\r\n#ok3d-project-pyh .hero h1 em { color:#92acff !important; font-style:normal !important; font-family:var(--display) !important; }\r\n#ok3d-project-pyh .hero-copy { font-size:17px !important; line-height:1.8 !important; color:#bdc5d6 !important; font-weight:400 !important; }\r\n#ok3d-project-pyh .btn { font-size:14px !important; line-height:1.4 !important; font-weight:700 !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .btn-primary { color:#fff !important; }\r\n#ok3d-project-pyh .reel-trigger { font-size:14px !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .hero-signature { font-size:12px !important; line-height:1.65 !important; color:#b4bed0 !important; }\r\n#ok3d-project-pyh .hero-controls,#ok3d-project-pyh .scroll-link,#ok3d-project-pyh .hero-index { color:#b4bed0 !important; }\r\n#ok3d-project-pyh .hero-index { color:#d4ddf0 !important; font-size:12px !important; }\r\n\r\n\/* Clients \/ titres de sections *\/\r\n#ok3d-project-pyh .clients-label { font-size:12px !important; line-height:1.7 !important; color:var(--muted) !important; }\r\n#ok3d-project-pyh .client-list span { font-size:23px !important; line-height:1.2 !important; font-weight:600 !important; color:#bec3cf !important; }\r\n#ok3d-project-pyh .client-list .obvious { font-size:19px !important; }\r\n#ok3d-project-pyh .client-list .laposte { font-size:20px !important; }\r\n#ok3d-project-pyh .section-head h2,#ok3d-project-pyh .about h2,#ok3d-project-pyh .contact h2 { font-size:clamp(40px,4.5vw,66px) !important; line-height:1.08 !important; letter-spacing:-.055em !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .section-head h2 span { color:var(--muted) !important; font-family:var(--display) !important; }\r\n#ok3d-project-pyh .kicker { font-size:13px !important; color:var(--muted) !important; }\r\n\r\n\/* Projets *\/\r\n#ok3d-project-pyh .project-label { font-size:12px !important; line-height:1.4 !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .project-info h3 { font-size:25px !important; line-height:1.2 !important; letter-spacing:-.045em !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .project-info p { font-size:14px !important; line-height:1.65 !important; color:var(--muted) !important; }\r\n#ok3d-project-pyh .project-number { font-size:13px !important; color:var(--muted) !important; }\r\n\r\n\/* Expertises *\/\r\n#ok3d-project-pyh .experience-top { color:#b1bed6 !important; }\r\n#ok3d-project-pyh .experience-copy h3 { color:var(--text) !important; font-size:clamp(26px,2.55vw,39px) !important; line-height:1.13 !important; letter-spacing:-.055em !important; }\r\n#ok3d-project-pyh .experience-copy p { font-size:15px !important; line-height:1.85 !important; color:#a8b5cd !important; }\r\n#ok3d-project-pyh .tags span { font-size:12px !important; line-height:1.4 !important; color:#c0c7d7 !important; }\r\n#ok3d-project-pyh .experience-copy .tags span { font-size:11px !important; }\r\n#ok3d-project-pyh .experience-link { font-size:14px !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .experience-link:hover { color:#9eb8ff !important; }\r\n#ok3d-project-pyh .experience-control label { color:#adbad3 !important; }\r\n#ok3d-project-pyh .segmented button { color:#a7b5cf !important; }\r\n#ok3d-project-pyh .segmented button[aria-pressed=\"true\"] { color:#dce7ff !important; }\r\n\r\n\/* Studio *\/\r\n#ok3d-project-pyh .about-copy > p { font-size:18px !important; line-height:1.9 !important; color:#b6bed0 !important; }\r\n#ok3d-project-pyh .about-copy > p + p { font-size:16px !important; color:var(--muted) !important; }\r\n#ok3d-project-pyh .signature strong { font-size:16px !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .signature small { font-size:13px !important; color:var(--muted) !important; }\r\n#ok3d-project-pyh .stat strong { font-size:48px !important; line-height:1.2 !important; font-weight:500 !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .stat strong span { color:var(--blue) !important; font-family:var(--display) !important; }\r\n#ok3d-project-pyh .stat p { font-size:13px !important; color:var(--muted) !important; }\r\n#ok3d-project-pyh .tool-list { font-size:13px !important; color:#c0c7d7 !important; }\r\n#ok3d-project-pyh .tool-list > span:first-child { color:var(--muted) !important; }\r\n\r\n\/* M\u00e9thode *\/\r\n#ok3d-project-pyh .step > span { font-size:13px !important; color:var(--blue) !important; }\r\n#ok3d-project-pyh .step h3 { font-size:23px !important; line-height:1.2 !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .step p { font-size:14px !important; line-height:1.8 !important; color:var(--muted) !important; }\r\n\r\n\/* Contact \/ formulaire *\/\r\n#ok3d-project-pyh .contact h2 { font-size:clamp(44px,5vw,76px) !important; }\r\n#ok3d-project-pyh .contact-intro > p { color:var(--muted) !important; }\r\n#ok3d-project-pyh .email-link { font-family:var(--display) !important; font-size:clamp(21px,2.2vw,30px) !important; color:var(--text) !important; }\r\n#ok3d-project-pyh .contact-note { font-size:13px !important; color:#aeb9d0 !important; }\r\n#ok3d-project-pyh .field label { font-size:13px !important; color:#c7cfdf !important; }\r\n#ok3d-project-pyh .field input,#ok3d-project-pyh .field select,#ok3d-project-pyh .field textarea { font-size:16px !important; line-height:1.4 !important; color:var(--text) !important; background:transparent !important; }\r\n#ok3d-project-pyh .field input::placeholder,#ok3d-project-pyh .field textarea::placeholder { color:#838fa7 !important; opacity:1 !important; }\r\n#ok3d-project-pyh .form-submit small,#ok3d-project-pyh .form-privacy { color:#aeb9d0 !important; }\r\n\r\n\/* Footer *\/\r\n#ok3d-project-pyh .footer-tagline { font-size:14px !important; color:var(--muted) !important; }\r\n#ok3d-project-pyh .footer-bottom { font-size:12px !important; color:var(--muted) !important; }\r\n\r\n\/* Mobile : r\u00e9applique les valeurs originales avec !important *\/\r\n@media(max-width:700px){\r\n  #ok3d-project-pyh .logo{font-size:31px !important}\r\n  #ok3d-project-pyh .nav a{font-size:17px !important}\r\n  #ok3d-project-pyh .hero h1{font-size:clamp(52px,11.4vw,79px) !important}\r\n  #ok3d-project-pyh .hero-copy{font-size:16px !important}\r\n  #ok3d-project-pyh .hero .kicker{font-size:11px !important}\r\n  #ok3d-project-pyh .client-list span{font-size:20px !important}\r\n  #ok3d-project-pyh .client-list .obvious{font-size:17px !important}\r\n  #ok3d-project-pyh .section-head h2,#ok3d-project-pyh .about h2{font-size:43px !important}\r\n  #ok3d-project-pyh .project-info h3{font-size:24px !important}\r\n  #ok3d-project-pyh .project-label{font-size:11px !important}\r\n  #ok3d-project-pyh .experience-copy h3{font-size:36px !important}\r\n  #ok3d-project-pyh .experience-copy p{font-size:16px !important}\r\n  #ok3d-project-pyh .about-copy>p{font-size:17px !important}\r\n  #ok3d-project-pyh .stat strong{font-size:37px !important}\r\n  #ok3d-project-pyh .stat p{font-size:12px !important}\r\n  #ok3d-project-pyh .step h3{font-size:22px !important}\r\n  #ok3d-project-pyh .contact h2{font-size:53px !important}\r\n  \r\n}\r\n\r\n\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HEADER + BOUTONS \u2014 finition premium \/ plus vivante\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#ok3d-project-pyh .header{\r\n  position:fixed!important;\r\n  top:0;left:0;width:100%;\r\n  z-index:80;\r\n  background:linear-gradient(180deg,rgba(8,10,16,.18),rgba(8,10,16,0));\r\n  border-bottom:1px solid rgba(255,255,255,.12);\r\n  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;\r\n}\r\n#ok3d-project-pyh .header.is-scrolled{\r\n  background:rgba(8,10,16,.72);\r\n  -webkit-backdrop-filter:blur(18px) saturate(145%);\r\n  backdrop-filter:blur(18px) saturate(145%);\r\n  border-bottom-color:rgba(100,140,255,.22);\r\n  box-shadow:0 10px 34px rgba(0,0,0,.18),0 1px 0 rgba(100,140,255,.06) inset;\r\n}\r\n#ok3d-project-pyh .header-inner{transition:height .3s ease}\r\n#ok3d-project-pyh .header.is-scrolled .header-inner{height:82px}\r\n\r\n\/* vrai logo : m\u00eame pr\u00e9sence que l'ancien mot-symbole *\/\r\n#ok3d-project-pyh .logo{display:flex;align-items:center;flex-shrink:0;line-height:1}\r\n#ok3d-project-pyh .logo img{display:block;width:auto;height:34px;max-width:none;object-fit:contain;transition:transform .3s ease,filter .3s ease}\r\n#ok3d-project-pyh .logo:hover img{transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(100,140,255,.16))}\r\n\r\n\/* navigation : soulignement bleu anim\u00e9, tr\u00e8s discret *\/\r\n#ok3d-project-pyh .nav a{position:relative;padding:10px 0;transition:color .25s ease}\r\n#ok3d-project-pyh .nav a::after{\r\n  content:\"\";position:absolute;left:0;right:0;bottom:3px;height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--blue),transparent);\r\n  transform:scaleX(0);transform-origin:center;opacity:.85;\r\n  transition:transform .28s cubic-bezier(.2,.8,.2,1);\r\n}\r\n#ok3d-project-pyh .nav a:hover::after,#ok3d-project-pyh .nav a:focus-visible::after{transform:scaleX(1)}\r\n\r\n\/* CTA du header : plus premium sans devenir flashy *\/\r\n#ok3d-project-pyh .header-contact{\r\n  position:relative;overflow:hidden;\r\n  border-color:rgba(130,164,255,.38);\r\n  background:linear-gradient(135deg,rgba(100,140,255,.10),rgba(100,140,255,.025));\r\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);\r\n  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;\r\n}\r\n#ok3d-project-pyh .header-contact::before{\r\n  content:\"\";position:absolute;inset:-60% auto -60% -35%;width:28%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);\r\n  transform:skewX(-18deg) translateX(-220%);transition:transform .65s ease;pointer-events:none;\r\n}\r\n#ok3d-project-pyh .header-contact:hover{\r\n  transform:translateY(-1px);\r\n  border-color:rgba(132,166,255,.72);\r\n  background:linear-gradient(135deg,rgba(100,140,255,.17),rgba(100,140,255,.045));\r\n  box-shadow:0 8px 28px rgba(48,78,166,.12),inset 0 0 0 1px rgba(255,255,255,.035);\r\n}\r\n#ok3d-project-pyh .header-contact:hover::before{transform:skewX(-18deg) translateX(620%)}\r\n\r\n\/* boutons : plus de mati\u00e8re et micro-mouvement *\/\r\n#ok3d-project-pyh .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}\r\n#ok3d-project-pyh .btn::before{\r\n  content:\"\";position:absolute;inset:0;z-index:-1;\r\n  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.10) 48%,transparent 75%);\r\n  transform:translateX(-130%);transition:transform .55s ease;\r\n}\r\n#ok3d-project-pyh .btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.16)}\r\n#ok3d-project-pyh .btn:hover::before{transform:translateX(130%)}\r\n#ok3d-project-pyh .btn-primary{box-shadow:0 8px 24px rgba(83,127,255,.14)}\r\n#ok3d-project-pyh .btn-primary:hover{box-shadow:0 12px 34px rgba(83,127,255,.25)}\r\n#ok3d-project-pyh .btn .arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}\r\n#ok3d-project-pyh .btn:hover .arrow{transform:translate(4px,-4px)}\r\n\r\n\/* lien texte : accent anim\u00e9 au lieu d'un simple changement de couleur *\/\r\n#ok3d-project-pyh .text-link{position:relative;border-bottom-color:rgba(255,255,255,.18)}\r\n#ok3d-project-pyh .text-link::after{content:\"\";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}\r\n#ok3d-project-pyh .text-link:hover::after{transform:scaleX(1)}\r\n\r\n@media(max-width:1000px){\r\n  #ok3d-project-pyh .logo img{height:33px}\r\n}\r\n@media(max-width:700px){\r\n  #ok3d-project-pyh .logo img{height:31px}\r\n  #ok3d-project-pyh .header.is-scrolled .header-inner{height:72px}\r\n  #ok3d-project-pyh .header .nav{top:78px}\r\n  #ok3d-project-pyh .header.is-scrolled .nav{top:72px}\r\n  #ok3d-project-pyh .nav a::after{display:none}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #ok3d-project-pyh .header,#ok3d-project-pyh .header-inner,#ok3d-project-pyh .logo img,#ok3d-project-pyh .nav a::after,#ok3d-project-pyh .header-contact,#ok3d-project-pyh .header-contact::before,#ok3d-project-pyh .btn,#ok3d-project-pyh .btn::before{transition:none!important}\r\n}\r\n\r\n#ok3d-project-pyh [hidden]{display:none!important}\r\n#ok3d-project-pyh [id]{scroll-margin-top:112px}\r\n#ok3d-project-pyh{overflow:clip;isolation:isolate}\r\n#ok3d-project-pyh .header{background:#080a10b8!important;backdrop-filter:blur(12px)}\r\n#ok3d-project-pyh .header .logo img{width:auto!important;height:34px!important;max-width:145px!important}\r\n#ok3d-project-pyh .nav{gap:25px}\r\n#ok3d-project-pyh .nav a[aria-current=\"page\"]{color:#a8bfff!important}\r\n#ok3d-project-pyh .nav a[aria-current=\"page\"]::after{transform:scaleX(1)}\r\n#ok3d-project-pyh .header-inner{min-height:82px}\r\n#ok3d-project-pyh .menu-toggle{min-height:42px;padding-inline:15px}\r\n#ok3d-project-pyh .accent-line{color:#92acff!important;font-family:var(--display)!important}\r\n#ok3d-project-pyh .subtext{color:#aebbd2!important;font-size:17px!important;line-height:1.85!important;margin-top:24px!important;max-width:600px}\r\n#ok3d-project-pyh .expert-hero{padding:170px 0 70px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 83% 25%,#23376355,transparent 65%)}\r\n#ok3d-project-pyh .expert-hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}\r\n#ok3d-project-pyh .expert-title{font-size:clamp(52px,5.65vw,84px)!important;line-height:1.04!important;letter-spacing:-.065em!important;margin-top:24px!important;overflow-wrap:normal}\r\n#ok3d-project-pyh .expert-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:32px}\r\n#ok3d-project-pyh .expert-visual{min-width:0;position:relative;border:1px solid #ffffff25;border-radius:7px;background:#0d1423;overflow:hidden;box-shadow:0 25px 75px #0004}\r\n#ok3d-project-pyh .visual-header{display:flex;justify-content:space-between;gap:15px;padding:14px 19px;border-bottom:1px solid #ffffff16;font-size:12px;color:#9eafd0}\r\n#ok3d-project-pyh .visual-header span{font-size:12px!important;letter-spacing:.07em}\r\n#ok3d-project-pyh .expert-picture{height:405px;position:relative;background:#111828;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n#ok3d-project-pyh .expert-picture img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .7s}\r\n#ok3d-project-pyh .expert-picture img.contain{object-fit:contain;padding:25px}\r\n#ok3d-project-pyh .visual-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;border-top:1px solid #ffffff17;padding:12px}\r\n#ok3d-project-pyh .visual-tabs button{background:transparent;border:1px solid transparent;border-radius:3px;padding:8px 13px;font-size:13px;min-height:39px;color:#aebeda!important}\r\n#ok3d-project-pyh .visual-tabs button[aria-pressed=\"true\"]{background:#6e93ff18;border-color:#91acff42;color:#e2ebff!important}\r\n#ok3d-project-pyh .visual-caption{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#c5d3ed}\r\n#ok3d-project-pyh .visual-caption button{background:none;border:0;padding:4px;color:#aac1ff!important;font-size:13px}\r\n#ok3d-project-pyh .expert-strip{display:flex;gap:25px;flex-wrap:wrap;padding-top:38px;color:#9aacce;font-size:12px;letter-spacing:.08em}\r\n#ok3d-project-pyh .expert-strip span+span{border-left:1px solid #ffffff25;padding-left:25px}\r\n#ok3d-project-pyh .section-head h2{margin-top:18px!important}\r\n#ok3d-project-pyh .section-head>p{max-width:370px;color:#aebbd2!important;font-size:16px;line-height:1.85}\r\n#ok3d-project-pyh .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}\r\n#ok3d-project-pyh .offer{padding:32px 25px 10px 0;min-width:0}\r\n#ok3d-project-pyh .offer .offer-number{font-family:var(--display)!important;color:#90aeff;font-size:13px}\r\n#ok3d-project-pyh .offer h3{font-size:29px!important;line-height:1.18!important;letter-spacing:-.045em!important;margin-top:27px!important}\r\n#ok3d-project-pyh .offer p{font-size:16px!important;line-height:1.8!important;color:#a7b5ce!important;margin-top:17px!important}\r\n#ok3d-project-pyh .offer ul{list-style:none;margin:22px 0 0;padding:0}\r\n#ok3d-project-pyh .offer li{border-top:1px solid #ffffff14;padding:9px 0;color:#becbe0;font-size:14px;line-height:1.6}\r\n#ok3d-project-pyh .selected-section{background:#0d121d;border-block:1px solid #ffffff18}\r\n#ok3d-project-pyh .selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}\r\n#ok3d-project-pyh .selected-card{min-width:0;border:1px solid #ffffff1a;border-radius:5px;background:#0a0f19;overflow:hidden;transition:border-color .3s,transform .3s}\r\n#ok3d-project-pyh .selected-card:hover{border-color:#8faeff88;transform:translateY(-4px)}\r\n#ok3d-project-pyh .selected-card a{display:block;height:100%}\r\n#ok3d-project-pyh .selected-media{height:275px;position:relative;background:#151e2e;overflow:hidden}\r\n#ok3d-project-pyh .selected-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}\r\n#ok3d-project-pyh .selected-media.contain img{object-fit:contain;padding:24px}\r\n#ok3d-project-pyh .selected-card:hover img{transform:scale(1.035)}\r\n#ok3d-project-pyh .selected-media span{position:absolute;bottom:15px;right:15px;background:#080e1bc9;border:1px solid #ffffff65;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:white}\r\n#ok3d-project-pyh .selected-copy{padding:22px}\r\n#ok3d-project-pyh .selected-copy small{color:#9bb1d9;font-size:12px;line-height:1.65;display:block}\r\n#ok3d-project-pyh .selected-copy h3{font-size:25px!important;line-height:1.2!important;letter-spacing:-.04em!important;margin-top:10px!important}\r\n#ok3d-project-pyh .selected-copy p{color:#9eadc6!important;font-size:14px!important;line-height:1.75!important;margin-top:12px!important}\r\n#ok3d-project-pyh .approach-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;align-items:start}\r\n#ok3d-project-pyh .approach-heading{position:sticky;top:125px}\r\n#ok3d-project-pyh .approach-heading h2{font-size:clamp(36px,4vw,56px)!important;line-height:1.09!important;letter-spacing:-.055em!important;margin-top:22px!important}\r\n#ok3d-project-pyh .approach-step{display:grid;grid-template-columns:40px 1fr;gap:23px;border-top:1px solid #ffffff24;padding:26px 0}\r\n#ok3d-project-pyh .approach-step>span{font-size:13px;color:#8faeff;font-family:var(--display)!important;padding-top:4px}\r\n#ok3d-project-pyh .approach-step h3{font-size:25px!important;line-height:1.25!important;letter-spacing:-.035em!important}\r\n#ok3d-project-pyh .approach-step p{font-size:15px!important;line-height:1.85!important;color:#a5b5ce!important;margin-top:10px!important}\r\n#ok3d-project-pyh .contact h2{margin-top:22px!important;margin-bottom:25px!important}\r\n#ok3d-project-pyh .contact-intro>p:not(.kicker){font-size:16px!important;line-height:1.85!important;color:#a9b9d3!important}\r\n#ok3d-project-pyh .form-grid{gap:26px 22px}\r\n#ok3d-project-pyh .field input,#ok3d-project-pyh .field select,#ok3d-project-pyh .field textarea{box-shadow:none!important;border:0!important;border-bottom:1px solid #ffffff40!important;border-radius:0!important;padding:12px 0 15px!important;min-height:49px}\r\n#ok3d-project-pyh .field textarea{min-height:115px}\r\n#ok3d-project-pyh .form-status{margin-top:16px!important;line-height:1.8!important}\r\n#ok3d-project-pyh .form-status.error{color:#ffc4c4!important}\r\n#ok3d-project-pyh .form-status.success{color:#b6d3ff!important}\r\n#ok3d-project-pyh .form-privacy{margin-top:18px!important;font-size:12px!important}\r\n#ok3d-project-pyh .form-status a{text-decoration:underline!important}\r\n#ok3d-project-pyh .field input::placeholder,#ok3d-project-pyh .field textarea::placeholder{color:#96a7c4!important}\r\n#ok3d-project-pyh .page-dialog{width:min(1100px,94vw);max-width:none;max-height:91svh;margin:auto;padding:0;border:1px solid #819acc6b;border-radius:7px;overflow:auto;background:#0b111e;color:#edf2ff;box-shadow:0 30px 100px #0009}\r\n#ok3d-project-pyh .page-dialog::backdrop{background:#020510ed;backdrop-filter:blur(12px)}\r\n#ok3d-project-pyh .dialog-top{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c1220ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20;padding:13px 20px}\r\n#ok3d-project-pyh .dialog-top>span{font-size:12px;color:#abbeda;letter-spacing:.1em}\r\n#ok3d-project-pyh .close-dialog{border:1px solid #ffffff40;border-radius:3px;background:transparent;width:42px;height:42px;flex-shrink:0;font-size:25px}\r\n#ok3d-project-pyh .modal-media{height:min(53svh,540px);background:#080b12;display:flex;align-items:center;justify-content:center}\r\n#ok3d-project-pyh .modal-media iframe,#ok3d-project-pyh .modal-media img{width:100%;height:100%;object-fit:contain;border:0;display:block}\r\n#ok3d-project-pyh .modal-copy{padding:30px 35px}\r\n#ok3d-project-pyh .modal-tag{font-size:12px!important;letter-spacing:.08em!important;color:#97b0db!important;text-transform:uppercase}\r\n#ok3d-project-pyh .modal-title{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.15!important;letter-spacing:-.045em!important;margin-top:12px!important}\r\n#ok3d-project-pyh .modal-desc{font-size:17px!important;line-height:1.85!important;color:#aebed6!important;margin-top:20px!important}\r\n#ok3d-project-pyh .modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}\r\n#ok3d-project-pyh .modal-nav{padding:18px 30px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:18px}\r\n#ok3d-project-pyh .modal-nav button{background:none;border:0;padding:6px 0;color:#b6cbed!important;font-size:14px}\r\n#ok3d-project-pyh .modal-nav span{font-size:12px;color:#a4b9da}\r\n#ok3d-project-pyh .other-expertises{border-top:1px solid #ffffff1a;padding:28px 0}\r\n#ok3d-project-pyh .other-expertises .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}\r\n#ok3d-project-pyh .other-expertises a{font-size:14px;color:#b6c9ed!important;border-bottom:1px solid #7298ff55;padding-bottom:5px}\r\n#ok3d-project-pyh .reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}\r\n#ok3d-project-pyh .reveal.pending{opacity:0;transform:translateY(20px)}\r\n#ok3d-project-pyh .site-demo{padding:20px;width:100%;display:flex;justify-content:center;align-items:center;height:405px;background:radial-gradient(ellipse at 60% 75%,#2b427c66,transparent 75%)}\r\n#ok3d-project-pyh .site-window{width:100%;border:1px solid #adc3ee66;border-radius:8px;overflow:hidden;background:#080d18;transition:width .6s cubic-bezier(.2,.8,.2,1),border-radius .6s;box-shadow:0 20px 45px #0007}\r\n#ok3d-project-pyh .site-window-bar{height:28px;padding:0 12px;background:#1d2941;display:flex;justify-content:space-between;align-items:center;color:#a7b8d4;font-size:10px}\r\n#ok3d-project-pyh .site-window-nav{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}\r\n#ok3d-project-pyh .site-window-nav img{width:65px;height:auto}\r\n#ok3d-project-pyh .site-window-nav>span{font-size:9px;color:#b4c2d8}\r\n#ok3d-project-pyh .site-window-content{position:relative;isolation:isolate;height:235px;padding:22px;overflow:hidden}\r\n#ok3d-project-pyh .site-window-content>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}\r\n#ok3d-project-pyh .site-window-content::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050b17e8,#050b1770);z-index:-1}\r\n#ok3d-project-pyh .site-window-content small{font-size:8px;color:#c0cee9;letter-spacing:.08em}\r\n#ok3d-project-pyh .site-window-content strong{display:block;font-family:var(--display)!important;font-size:43px;line-height:1.02;letter-spacing:-.065em;margin-top:15px}\r\n#ok3d-project-pyh .site-window-content strong em{color:#99b4ff;font-family:var(--display)!important;font-style:normal}\r\n#ok3d-project-pyh .site-window-content .mini-cta{display:inline-block;font-size:9px;padding:7px 10px;background:#537fff;border-radius:3px;margin-top:20px}\r\n#ok3d-project-pyh .site-demo[data-format=\"mobile\"] .site-window{width:200px;border-radius:18px}\r\n#ok3d-project-pyh .site-demo[data-format=\"mobile\"] .site-window-nav{padding-inline:15px}\r\n#ok3d-project-pyh .site-demo[data-format=\"mobile\"] .site-window-nav>span{display:none}\r\n#ok3d-project-pyh .site-demo[data-format=\"mobile\"] .site-window-content{padding:22px 15px}\r\n#ok3d-project-pyh .site-demo[data-format=\"mobile\"] .site-window-content strong{font-size:36px}\r\n#ok3d-project-pyh .site-demo[data-format=\"mobile\"] .site-window-nav::after{content:'\u2630';font-size:15px}\r\n#ok3d-project-pyh .portfolio-intro{padding:165px 0 65px;border-bottom:1px solid #ffffff20;background:radial-gradient(ellipse at 85% 15%,#23396655,transparent 65%)}\r\n#ok3d-project-pyh .portfolio-intro .wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end}\r\n#ok3d-project-pyh .portfolio-intro h1{font-size:clamp(56px,6.7vw,96px)!important;line-height:1.04!important;letter-spacing:-.065em!important;margin-top:22px!important}\r\n#ok3d-project-pyh .portfolio-meta{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff22;padding-top:22px;margin-top:25px;font-size:13px;color:#9fb1d1}\r\n#ok3d-project-pyh .portfolio-meta strong{font-family:var(--display)!important;color:#e1ebff;font-size:27px;margin-right:8px}\r\n#ok3d-project-pyh .filter-bar{position:sticky;top:82px;z-index:15;border-bottom:1px solid #ffffff1b;background:#080a10ed;backdrop-filter:blur(20px)}\r\n#ok3d-project-pyh .filter-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}\r\n#ok3d-project-pyh .filters{display:flex;flex-wrap:wrap;gap:5px}\r\n#ok3d-project-pyh .filters button{padding:10px 14px;min-height:42px;background:none;border:1px solid transparent;border-radius:4px;color:#a9bad5!important;font-size:14px}\r\n#ok3d-project-pyh .filters button span{font-size:11px;opacity:.65;margin-left:8px}\r\n#ok3d-project-pyh .filters button[aria-pressed=\"true\"]{background:#7498ff1b;border-color:#759bff66;color:#e0eaff!important}\r\n#ok3d-project-pyh .result-count{font-size:12px!important;color:#9eb1d2!important;white-space:nowrap}\r\n#ok3d-project-pyh .portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 24px;padding-top:38px;padding-bottom:75px;align-items:stretch}\r\n#ok3d-project-pyh .portfolio-card{grid-column:span 4;min-width:0;border:1px solid #ffffff18;border-radius:6px;background:#0d1320;overflow:hidden;transition:border-color .35s,box-shadow .35s}\r\n#ok3d-project-pyh .portfolio-card[data-shape=\"feature\"]{grid-column:span 7}\r\n#ok3d-project-pyh .portfolio-card[data-shape=\"portrait\"]{grid-column:span 5}\r\n#ok3d-project-pyh .portfolio-card[data-shape=\"full\"]{grid-column:span 12}\r\n#ok3d-project-pyh .portfolio-card[data-shape=\"half\"]{grid-column:span 6}\r\n#ok3d-project-pyh .portfolio-card:hover{border-color:#81a3ff88;box-shadow:0 15px 50px #0004}\r\n#ok3d-project-pyh .portfolio-card>a{display:flex;flex-direction:column;height:100%}\r\n#ok3d-project-pyh .p-media{height:280px;position:relative;overflow:hidden;background:#141d2e}\r\n#ok3d-project-pyh .portfolio-card[data-shape=\"feature\"] .p-media,#ok3d-project-pyh .portfolio-card[data-shape=\"portrait\"] .p-media{height:390px}\r\n#ok3d-project-pyh .portfolio-card[data-shape=\"full\"] .p-media{height:430px}\r\n#ok3d-project-pyh .p-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}\r\n#ok3d-project-pyh .portfolio-card:hover .p-media img{transform:scale(1.035)}\r\n#ok3d-project-pyh .p-kind{position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);font-size:11px;padding:6px 10px;background:#080f20d9;border:1px solid #ffffff30;border-radius:3px;backdrop-filter:blur(12px);color:#d5e2fa;z-index:2}\r\n#ok3d-project-pyh .p-open{position:absolute;bottom:16px;right:16px;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:#0b1325ab;backdrop-filter:blur(10px);font-size:24px;transition:transform .3s,background .3s;z-index:2}\r\n#ok3d-project-pyh .portfolio-card:hover .p-open{transform:rotate(45deg);background:#547eff}\r\n#ok3d-project-pyh .p-film{position:absolute;bottom:22px;left:17px;padding:5px 9px;border-radius:3px;background:#080e1ac9;font-size:11px;color:white}\r\n#ok3d-project-pyh .p-copy{padding:23px;flex:1}\r\n#ok3d-project-pyh .p-tag{font-size:11px!important;letter-spacing:.07em!important;line-height:1.6!important;text-transform:uppercase;color:#95abd2!important}\r\n#ok3d-project-pyh .p-copy h2{font-size:24px!important;line-height:1.22!important;letter-spacing:-.045em!important;margin-top:10px!important}\r\n#ok3d-project-pyh .p-copy .p-desc{font-size:14px!important;line-height:1.8!important;color:#a6b6ce!important;margin-top:13px!important}\r\n#ok3d-project-pyh .text-card .p-media{display:flex;flex-direction:column;justify-content:center;padding:50px 30px 35px;background:linear-gradient(130deg,#203250,#0c1422);border-bottom:1px solid #ffffff15}\r\n#ok3d-project-pyh .type-project{font-family:var(--display)!important;font-size:clamp(34px,3.5vw,54px);line-height:1;letter-spacing:-.065em;color:#baccf0;overflow-wrap:anywhere}\r\n#ok3d-project-pyh .type-sub{font-size:12px;letter-spacing:.14em;color:#7f9cc9;margin-top:24px}\r\n#ok3d-project-pyh .portfolio-cta{padding:75px 0;background:radial-gradient(ellipse at 90% 100%,#22396166,transparent 65%),#0d1420;border-block:1px solid #ffffff1c}\r\n#ok3d-project-pyh .portfolio-cta .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}\r\n#ok3d-project-pyh .portfolio-cta h2{font-size:clamp(36px,4.1vw,60px)!important;line-height:1.12!important;letter-spacing:-.055em!important;margin-top:20px!important}\r\n#ok3d-project-pyh .portfolio-cta p:not(.kicker){margin-top:20px!important;color:#b1c1d8!important;line-height:1.8!important;font-size:16px!important}\r\n#ok3d-project-pyh .header .nav a{white-space:nowrap}\r\n@media(min-width:1001px){#ok3d-project-pyh .header .menu-toggle{display:none}}\r\n@media(max-width:1100px){#ok3d-project-pyh .expert-hero-inner{gap:38px}#ok3d-project-pyh .expert-title{font-size:clamp(46px,5.5vw,66px)!important}#ok3d-project-pyh .expert-picture,#ok3d-project-pyh .site-demo{height:350px}#ok3d-project-pyh .selected-media{height:230px}#ok3d-project-pyh .p-media{height:240px}#ok3d-project-pyh .portfolio-card[data-shape=\"feature\"] .p-media,#ok3d-project-pyh .portfolio-card[data-shape=\"portrait\"] .p-media{height:330px}#ok3d-project-pyh .p-copy{padding:19px}#ok3d-project-pyh .p-copy h2{font-size:22px!important}}\r\n@media(max-width:1000px){#ok3d-project-pyh .header .nav{display:none;position:absolute;top:94px;left:0;right:0;padding:18px var(--gutter);background:#0c1322f5;border-bottom:1px solid #ffffff25;backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:0}#ok3d-project-pyh .header .nav.open{display:flex}#ok3d-project-pyh .header .nav a{font-size:17px!important;padding-block:12px}#ok3d-project-pyh .header.is-scrolled .nav{top:82px}#ok3d-project-pyh .header .menu-toggle{display:block}#ok3d-project-pyh .header-contact{display:none}#ok3d-project-pyh .expert-hero-inner{grid-template-columns:1fr;gap:42px}#ok3d-project-pyh .expert-title{font-size:clamp(52px,8.5vw,80px)!important}#ok3d-project-pyh .expert-visual{max-width:690px;width:100%}#ok3d-project-pyh .expert-picture,#ok3d-project-pyh .site-demo{height:430px}#ok3d-project-pyh .offer-grid{gap:20px}#ok3d-project-pyh .offer{padding-right:5px}#ok3d-project-pyh .offer h3{font-size:25px!important}#ok3d-project-pyh .approach-grid{gap:50px}#ok3d-project-pyh .portfolio-intro .wrap{gap:35px}#ok3d-project-pyh .portfolio-intro h1{font-size:clamp(50px,7vw,72px)!important}}\r\n@media(max-width:800px){#ok3d-project-pyh .portfolio-intro .wrap{grid-template-columns:1fr;gap:28px}#ok3d-project-pyh .portfolio-intro{padding-top:150px}#ok3d-project-pyh .portfolio-intro .subtext{max-width:590px}#ok3d-project-pyh .filter-inner{display:block}#ok3d-project-pyh .result-count{margin-top:10px!important}#ok3d-project-pyh .portfolio-card,#ok3d-project-pyh .portfolio-card[data-shape=\"feature\"],#ok3d-project-pyh .portfolio-card[data-shape=\"portrait\"],#ok3d-project-pyh .portfolio-card[data-shape=\"half\"]{grid-column:span 6}#ok3d-project-pyh .portfolio-card[data-shape=\"full\"]{grid-column:span 12}#ok3d-project-pyh .portfolio-card .p-media,#ok3d-project-pyh .portfolio-card[data-shape] .p-media{height:280px}#ok3d-project-pyh .portfolio-card[data-shape=\"full\"] .p-media{height:350px}#ok3d-project-pyh .selected-grid{grid-template-columns:1fr 1fr}#ok3d-project-pyh .selected-card:last-child{grid-column:span 2}#ok3d-project-pyh .selected-card:last-child .selected-media{height:320px}}\r\n@media(max-width:700px){#ok3d-project-pyh .header-inner{min-height:72px;height:78px}#ok3d-project-pyh .header .logo img{height:31px!important;max-width:132px!important}#ok3d-project-pyh .header .nav{top:78px}#ok3d-project-pyh .header.is-scrolled .nav{top:72px}#ok3d-project-pyh .header .nav a::after{display:none}#ok3d-project-pyh .expert-hero{padding-top:130px;padding-bottom:45px}#ok3d-project-pyh .expert-title{font-size:clamp(42px,10.6vw,67px)!important}#ok3d-project-pyh .subtext{font-size:16px!important;margin-top:22px!important}#ok3d-project-pyh .expert-actions{gap:12px}#ok3d-project-pyh .expert-actions .btn{padding-inline:19px;gap:20px}#ok3d-project-pyh .expert-picture,#ok3d-project-pyh .site-demo{height:340px}#ok3d-project-pyh .expert-strip{font-size:11px;gap:15px;padding-top:25px}#ok3d-project-pyh .expert-strip span+span{padding-left:15px}#ok3d-project-pyh .section-head h2{font-size:clamp(34px,10vw,43px)!important}#ok3d-project-pyh .section-head>p{margin-top:20px!important}#ok3d-project-pyh .offer-grid{grid-template-columns:1fr;gap:0}#ok3d-project-pyh .offer{padding:30px 0;border-bottom:1px solid #ffffff18}#ok3d-project-pyh .offer h3{font-size:29px!important;margin-top:17px!important}#ok3d-project-pyh .selected-grid{display:block}#ok3d-project-pyh .selected-card{margin-bottom:22px}#ok3d-project-pyh .selected-card .selected-media,#ok3d-project-pyh .selected-card:last-child .selected-media{height:280px}#ok3d-project-pyh .approach-grid{grid-template-columns:1fr;gap:30px}#ok3d-project-pyh .approach-heading{position:static}#ok3d-project-pyh .approach-heading h2{font-size:43px!important}#ok3d-project-pyh .approach-step{gap:16px}#ok3d-project-pyh .form-grid{grid-template-columns:1fr}#ok3d-project-pyh .field.full{grid-column:auto}#ok3d-project-pyh .contact h2{font-size:clamp(38px,11vw,53px)!important}#ok3d-project-pyh .contact-grid{gap:40px}#ok3d-project-pyh .page-dialog{width:96vw;max-height:94svh}#ok3d-project-pyh .modal-media{height:34svh;min-height:175px}#ok3d-project-pyh .modal-copy{padding:25px 22px}#ok3d-project-pyh .modal-title{font-size:30px!important}#ok3d-project-pyh .modal-desc{font-size:16px!important}#ok3d-project-pyh .modal-actions{flex-direction:column}#ok3d-project-pyh .modal-nav{padding:14px 18px;gap:12px}#ok3d-project-pyh .modal-nav button{font-size:12px}#ok3d-project-pyh .dialog-top{padding:10px 15px}#ok3d-project-pyh .dialog-top>span{font-size:10px}#ok3d-project-pyh .portfolio-intro{padding-top:128px;padding-bottom:40px}#ok3d-project-pyh .portfolio-intro h1{font-size:clamp(45px,12vw,68px)!important}#ok3d-project-pyh .filter-bar{top:72px}#ok3d-project-pyh .filters button{font-size:12px;padding:8px 10px;min-height:38px}#ok3d-project-pyh .filter-inner{padding-block:12px}#ok3d-project-pyh .portfolio-cta .wrap{align-items:start;flex-direction:column}#ok3d-project-pyh .portfolio-cta{padding-block:55px}#ok3d-project-pyh .site-window-content strong{font-size:39px}}\r\n@media(max-width:540px){#ok3d-project-pyh .portfolio-grid{display:block;padding-top:25px;padding-bottom:40px}#ok3d-project-pyh .portfolio-card{margin-bottom:24px}#ok3d-project-pyh .portfolio-card .p-media,#ok3d-project-pyh .portfolio-card[data-shape] .p-media{height:auto;aspect-ratio:1.22}#ok3d-project-pyh .p-copy{padding:23px}#ok3d-project-pyh .p-copy h2{font-size:24px!important}#ok3d-project-pyh .p-copy .p-desc{font-size:15px!important}#ok3d-project-pyh .type-project{font-size:45px}#ok3d-project-pyh .portfolio-meta{gap:20px}#ok3d-project-pyh .visual-tabs button{font-size:12px;padding-inline:11px}#ok3d-project-pyh .visual-caption{padding-inline:15px;gap:10px}#ok3d-project-pyh .visual-caption>span{font-size:12px}#ok3d-project-pyh .visual-caption button{font-size:12px}#ok3d-project-pyh .expert-picture{height:300px}}\r\n@media(max-width:359px){#ok3d-project-pyh .expert-title{font-size:40px!important}#ok3d-project-pyh .expert-picture,#ok3d-project-pyh .site-demo{height:290px}#ok3d-project-pyh .visual-header{padding-inline:14px}#ok3d-project-pyh .visual-header span{font-size:10px!important}#ok3d-project-pyh .site-window-content{padding:18px 14px}#ok3d-project-pyh .site-window-content strong{font-size:32px}#ok3d-project-pyh .expert-strip{gap:9px}#ok3d-project-pyh .expert-strip span+span{padding-left:9px}#ok3d-project-pyh .other-expertises .wrap{flex-direction:column}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-pyh *,#ok3d-project-pyh *::before,#ok3d-project-pyh *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#ok3d-project-pyh .reveal.pending{opacity:1;transform:none}}\r\n#ok3d-project-pyh .case-hero{\r\n  padding:152px 0 0;\r\n  position:relative;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  background:#080a10;\r\n}\r\n#ok3d-project-pyh .case-hero::before,\r\n#ok3d-project-pyh .case-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  border-radius:50%;\r\n}\r\n#ok3d-project-pyh .case-hero::before{\r\n  width:94%;\r\n  height:112%;\r\n  right:-25%;\r\n  top:-37%;\r\n  background:radial-gradient(\r\n    ellipse at center,\r\n    rgba(94,127,211,.22) 0%,\r\n    rgba(64,94,169,.13) 30%,\r\n    rgba(33,54,103,.055) 51%,\r\n    transparent 71%\r\n  );\r\n  opacity:.9;\r\n  animation:ok3d-project-halo-primary 28s cubic-bezier(.45,0,.55,1) infinite alternate;\r\n}\r\n#ok3d-project-pyh .case-hero::after{\r\n  width:72%;\r\n  height:78%;\r\n  left:-18%;\r\n  bottom:-30%;\r\n  background:radial-gradient(\r\n    ellipse at center,\r\n    rgba(66,100,173,.11) 0%,\r\n    rgba(47,67,131,.055) 34%,\r\n    transparent 70%\r\n  );\r\n  opacity:.66;\r\n  animation:ok3d-project-halo-secondary 36s cubic-bezier(.45,0,.55,1) infinite alternate;\r\n}\r\n#ok3d-project-pyh .case-hero>.wrap{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n@keyframes ok3d-project-halo-primary{\r\n  0%{transform:translate3d(0,0,0) scale(1)}\r\n  50%{transform:translate3d(-6%,7%,0) scale(1.07)}\r\n  100%{transform:translate3d(-12%,2%,0) scale(1.02)}\r\n}\r\n@keyframes ok3d-project-halo-secondary{\r\n  0%{transform:translate3d(0,0,0) scale(.97)}\r\n  50%{transform:translate3d(9%,-8%,0) scale(1.08)}\r\n  100%{transform:translate3d(15%,-3%,0) scale(1.015)}\r\n}\r\n#ok3d-project-pyh .case-back{font-size:14px!important;color:#a7b6d1!important;display:inline-flex;gap:14px;margin-bottom:44px}\r\n#ok3d-project-pyh .case-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end}\r\n#ok3d-project-pyh .case-title{font-size:clamp(66px,8.5vw,128px)!important;line-height:.98!important;letter-spacing:-.065em!important;margin-top:22px!important}\r\n#ok3d-project-pyh .case-title span{font-family:var(--display)!important;color:#92acff!important}\r\n#ok3d-project-pyh .case-lead{font-size:clamp(20px,2.1vw,29px)!important;line-height:1.5!important;letter-spacing:-.02em!important;color:#d5def0!important;max-width:510px;margin-bottom:22px!important}\r\n#ok3d-project-pyh .case-summary .text-link{margin-top:12px}\r\n#ok3d-project-pyh .case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff25;margin-top:50px;padding:26px 0 30px}\r\n#ok3d-project-pyh .case-meta dt{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:#95a5c0;margin-bottom:8px}\r\n#ok3d-project-pyh .case-meta dd{margin:0;font-size:14px;line-height:1.7;color:#e0e7f5}\r\n#ok3d-project-pyh .case-film{position:relative;margin:0;border:1px solid #ffffff25;border-radius:5px;overflow:hidden;background:#070910}\r\n#ok3d-project-pyh .case-film video{display:block;width:100%;height:auto;aspect-ratio:16\/9;object-fit:contain;background:#070910}\r\n#ok3d-project-pyh .film-cover{position:absolute;inset:0 0 43px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;width:100%;border:0;background:linear-gradient(0deg,#0407124d,transparent 60%);color:white!important;font-family:var(--font);font-size:15px!important}\r\n#ok3d-project-pyh .film-cover .play-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#0b14205c;border:1px solid #ffffffa0;backdrop-filter:blur(13px);font-size:25px;padding-left:4px;transition:transform .35s,background .35s}\r\n#ok3d-project-pyh .film-cover:hover .play-ring{transform:scale(1.08);background:#537fffc9}\r\n#ok3d-project-pyh .case-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;font-size:12px;line-height:1.5;color:#acb9d0;background:#0e1421}\r\n#ok3d-project-pyh .case-film figcaption a{color:#c3d2f2!important;text-decoration:underline}\r\n#ok3d-project-pyh .case-video-error{padding:15px 20px;color:#ffc7c7!important;font-size:14px}\r\n#ok3d-project-pyh .case-overview{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;align-items:start}\r\n#ok3d-project-pyh .case-h2{font-size:clamp(36px,4.3vw,64px)!important;line-height:1.08!important;letter-spacing:-.055em!important;margin-top:20px!important}\r\n#ok3d-project-pyh .case-h2 span{color:#92acff!important;font-family:var(--display)!important}\r\n#ok3d-project-pyh .case-copy p{font-size:17px!important;line-height:1.95!important;color:#b0bdd3!important;margin-bottom:22px!important}\r\n#ok3d-project-pyh .case-copy p:first-child{font-size:21px!important;line-height:1.7!important;color:#e0e7f6!important}\r\n#ok3d-project-pyh .case-challenge{border-left:2px solid #648cff;padding:5px 0 5px 24px;margin-top:35px}\r\n#ok3d-project-pyh .case-challenge strong{font-size:12px!important;text-transform:uppercase;letter-spacing:.13em;color:#95b0f1;display:block;margin-bottom:12px}\r\n#ok3d-project-pyh .case-challenge p{font-size:17px!important;color:#d4e0f6!important;margin:0!important}\r\n#ok3d-project-pyh .case-gallery-section{background:#0d121d;border-block:1px solid #ffffff18}\r\n#ok3d-project-pyh .case-gallery{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}\r\n#ok3d-project-pyh .case-gallery figure{margin:0;min-width:0}\r\n#ok3d-project-pyh .case-gallery figure:nth-child(2){padding-top:100px}\r\n#ok3d-project-pyh .case-zoom{position:relative;width:100%;display:block;padding:0;border:1px solid #ffffff25;border-radius:5px;overflow:hidden;background:#11192a;text-align:left}\r\n#ok3d-project-pyh .case-zoom img{display:block;width:100%;height:470px;object-fit:cover;transition:transform .7s}\r\n#ok3d-project-pyh .case-zoom:hover img{transform:scale(1.035)}\r\n#ok3d-project-pyh .case-zoom span{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff88;background:#0a101bb0;backdrop-filter:blur(8px);display:grid;place-items:center;font-size:25px}\r\n#ok3d-project-pyh .case-gallery figcaption{display:flex;gap:20px;align-items:baseline;padding:20px 0;font-size:14px;line-height:1.7;color:#b8c7df}\r\n#ok3d-project-pyh .case-gallery figcaption small{color:#88a3d5;font-size:12px;font-family:var(--display)!important}\r\n#ok3d-project-pyh .case-craft{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}\r\n#ok3d-project-pyh .case-process{list-style:none;padding:0;margin:0}\r\n#ok3d-project-pyh .case-process li{padding:24px 0;border-top:1px solid #ffffff25;display:grid;grid-template-columns:35px 1fr;gap:20px}\r\n#ok3d-project-pyh .case-process li>span{font-size:13px;color:#9db8fb;padding-top:5px}\r\n#ok3d-project-pyh .case-process h3{font-size:26px!important;letter-spacing:-.035em!important;line-height:1.3!important}\r\n#ok3d-project-pyh .case-process p{font-size:16px!important;color:#a9b9d3!important;line-height:1.8!important;margin-top:10px!important}\r\n#ok3d-project-pyh .case-delivery{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0;border-top:1px solid #ffffff25;margin-top:58px}\r\n#ok3d-project-pyh .case-delivery h3{font-size:24px!important;letter-spacing:-.035em!important}\r\n#ok3d-project-pyh .case-delivery ul{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:10px;flex-wrap:wrap}\r\n#ok3d-project-pyh .case-delivery li{font-size:14px;border:1px solid #ffffff22;background:#648cff08;padding:8px 13px;border-radius:3px;color:#becde5}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n#ok3d-project-pyh .case-lightbox{margin:auto;padding:0;border:1px solid #869bc55c;background:#080c16;width:min(1280px,94vw);max-width:none;max-height:94svh;color:#edf2ff;border-radius:5px}\r\n#ok3d-project-pyh .case-lightbox::backdrop{background:#020510ed;backdrop-filter:blur(12px)}\r\n#ok3d-project-pyh .case-lightbox .lightbox-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:20px;border-bottom:1px solid #ffffff22}\r\n#ok3d-project-pyh .case-lightbox p{font-size:14px!important;color:#c6d5ee!important}\r\n#ok3d-project-pyh .case-lightbox button{min-width:44px;min-height:44px;background:none;border:1px solid #ffffff40;border-radius:3px;color:white;font-size:24px}\r\n#ok3d-project-pyh .case-lightbox img{width:100%;height:auto;max-height:78svh;object-fit:contain}\r\n#ok3d-project-pyh .case-hero .kicker{color:#a8b8d6!important}\r\n@media(max-width:1000px){#ok3d-project-pyh .case-heading{gap:40px;grid-template-columns:1.2fr 1fr}#ok3d-project-pyh .case-title{font-size:clamp(65px,9vw,98px)!important}#ok3d-project-pyh .case-overview,#ok3d-project-pyh .case-craft{gap:45px}#ok3d-project-pyh .case-gallery{gap:20px}#ok3d-project-pyh .case-zoom img{height:360px}}\r\n@media(max-width:700px){#ok3d-project-pyh .case-hero{padding-top:115px}#ok3d-project-pyh .case-back{margin-bottom:32px}#ok3d-project-pyh .case-heading{grid-template-columns:1fr;gap:25px}#ok3d-project-pyh .case-title{font-size:clamp(61px,15vw,95px)!important}#ok3d-project-pyh .case-lead{font-size:21px!important;margin-bottom:8px!important}#ok3d-project-pyh .case-meta{grid-template-columns:1fr 1fr;margin-top:32px;gap:22px 15px;padding-block:24px}#ok3d-project-pyh .case-meta dd{font-size:13px}#ok3d-project-pyh .film-cover{inset:0 0 0;bottom:56px;font-size:13px!important;gap:8px}#ok3d-project-pyh .film-cover .play-ring{width:55px;height:55px;font-size:19px}#ok3d-project-pyh .case-film figcaption{padding:10px 12px;gap:15px;font-size:11px;min-height:56px}#ok3d-project-pyh .case-overview,#ok3d-project-pyh .case-craft{grid-template-columns:1fr;gap:30px}#ok3d-project-pyh .case-h2{font-size:42px!important}#ok3d-project-pyh .case-copy p{font-size:16px!important}#ok3d-project-pyh .case-copy p:first-child{font-size:19px!important}#ok3d-project-pyh .case-gallery{grid-template-columns:1fr;gap:25px}#ok3d-project-pyh .case-gallery figure:nth-child(2){padding-top:0}#ok3d-project-pyh .case-zoom img{height:auto;aspect-ratio:1.12;object-fit:cover}#ok3d-project-pyh .case-delivery{grid-template-columns:1fr;gap:30px;margin-top:30px}#ok3d-project-pyh .case-lightbox p{font-size:12px!important}#ok3d-project-pyh .case-process li{gap:13px;grid-template-columns:27px 1fr}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-pyh *,#ok3d-project-pyh *::before,#ok3d-project-pyh *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\r\n\r\n\/* MASTER PROJET \u2014 coh\u00e9rence visuelle globale *\/\r\n@media(max-width:700px){\r\n  #ok3d-project-pyh .case-hero::before{\r\n    width:145%;\r\n    height:72%;\r\n    right:-62%;\r\n    top:-8%;\r\n    animation-duration:34s;\r\n  }\r\n  #ok3d-project-pyh .case-hero::after{\r\n    width:138%;\r\n    height:58%;\r\n    left:-66%;\r\n    bottom:-12%;\r\n    animation-duration:42s;\r\n  }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #ok3d-project-pyh .case-hero::before,\r\n  #ok3d-project-pyh .case-hero::after{\r\n    animation:none!important;\r\n    transform:none!important;\r\n  }\r\n}\r\n\r\n\r\n\r\n#ok3d-project-pyh .case-film>iframe{display:block;width:100%;aspect-ratio:16\/9;border:0;background:#070910}\r\n#ok3d-project-pyh .case-film .case-zoom{position:relative;width:100%;display:block;padding:0;border:0;border-radius:0;overflow:hidden;background:#070910}\r\n#ok3d-project-pyh .case-film .project-overview-image{display:block;width:100%;height:clamp(320px,52vw,760px);object-fit:contain;padding:clamp(12px,2vw,30px);background:radial-gradient(ellipse at center,#1b2946,#070910 72%);transition:transform .7s}\r\n#ok3d-project-pyh .case-film .case-zoom:hover .project-overview-image{transform:scale(1.018)}\r\n#ok3d-project-pyh .case-film .case-zoom>span{position:absolute;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff80;background:#09101dcc;display:grid;place-items:center;font-size:25px}\r\n#ok3d-project-pyh .project-empty-visual{min-height:clamp(320px,52vw,760px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:30px;background:linear-gradient(#648cff09 1px,transparent 1px),linear-gradient(90deg,#648cff09 1px,transparent 1px),radial-gradient(ellipse at 65% 32%,#2f467d66,transparent 60%),#090d16;background-size:38px 38px,38px 38px,100% 100%,100% 100%}\r\n#ok3d-project-pyh .project-empty-visual small{font-size:10px;letter-spacing:.16em;color:#8ea5cf}\r\n#ok3d-project-pyh .project-empty-visual strong{font-family:var(--display)!important;font-size:clamp(46px,7vw,104px);line-height:.95;letter-spacing:-.06em;color:#edf3ff}\r\n#ok3d-project-pyh .project-empty-visual span{font-size:13px;color:#98a8c2}\r\n\r\n\r\n#ok3d-project-pyh .politext-film-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}\r\n#ok3d-project-pyh .politext-film-bar>a{font-size:12px;color:#b8cbee}\r\n#ok3d-project-pyh [data-politext-film-link][hidden]{display:none!important}\r\n#ok3d-project-pyh .politext-format-tabs{display:flex;gap:8px}\r\n#ok3d-project-pyh .politext-format-tabs button{min-height:44px;padding:10px 18px;border:1px solid #8faadd44;border-radius:4px;background:#111b2e;color:#b4c6e4;font-size:13px;transition:background .25s,border-color .25s}\r\n#ok3d-project-pyh .politext-format-tabs button[aria-pressed=true]{background:#253d6a;border-color:#92acff;color:white}\r\n#ok3d-project-pyh .politext-film-stage{padding:clamp(15px,3vw,38px);border:1px solid #92acff33;border-radius:6px;background:radial-gradient(ellipse at 50% 35%,#293f644d,#0a101b 70%)}\r\n#ok3d-project-pyh .politext-player{position:relative;width:100%;max-width:720px;aspect-ratio:1;margin:auto;background:#090f1b;border:1px solid #ffffff20;overflow:hidden;border-radius:4px;box-shadow:0 20px 55px #0004}\r\n#ok3d-project-pyh .politext-player iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}\r\n#ok3d-project-pyh .politext-film-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;gap:24px;text-align:center;background:radial-gradient(ellipse,#243b5f,#0c1422 75%)}\r\n#ok3d-project-pyh .politext-film-empty>span{color:#9fb9e6;font-size:10px;letter-spacing:.13em}\r\n#ok3d-project-pyh .politext-film-empty strong{font-family:var(--display)!important;font-size:clamp(27px,4vw,53px);font-weight:500;letter-spacing:-.05em;line-height:1.1;color:#e6efff}\r\n#ok3d-project-pyh .politext-film-empty small{font-size:12px;color:#9bafd0}\r\n#ok3d-project-pyh .politext-lineup{margin:0}\r\n#ok3d-project-pyh .politext-zoom{position:relative;width:100%;display:block;aspect-ratio:1.55;padding:0;border:1px solid #9ab5e13d;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse,#263959,#0c1422 70%);color:#c9d9f2;text-align:center}\r\n#ok3d-project-pyh .politext-zoom:disabled{opacity:1;cursor:default}\r\n#ok3d-project-pyh .politext-zoom img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}\r\n#ok3d-project-pyh .politext-zoom img[hidden],#ok3d-project-pyh .politext-image-empty[hidden]{display:none!important}\r\n#ok3d-project-pyh .politext-lineup .politext-zoom{aspect-ratio:2}\r\n#ok3d-project-pyh .politext-image-empty{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;border:1px dashed #9bb7e43d;padding:20px}\r\n#ok3d-project-pyh .politext-image-empty small{font-size:10px;color:#91aad2;letter-spacing:.1em}\r\n#ok3d-project-pyh .politext-image-empty strong{font-family:var(--display)!important;font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.03em}\r\n#ok3d-project-pyh .politext-expand{position:absolute;right:18px;bottom:18px;border:1px solid #afc4e988;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#0c172ac9;font-size:25px}\r\n#ok3d-project-pyh .politext-zoom:disabled .politext-expand{display:none}\r\n#ok3d-project-pyh .politext-lineup figcaption{display:flex;align-items:baseline;gap:28px;padding-top:20px}\r\n#ok3d-project-pyh .politext-lineup figcaption small{font-size:10px;letter-spacing:.1em;color:#9bb5df;white-space:nowrap}\r\n#ok3d-project-pyh .politext-lineup figcaption p,#ok3d-project-pyh .politext-small-caption{color:#a9bedc!important;font-size:14px!important;line-height:1.85!important}\r\n#ok3d-project-pyh .politext-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}\r\n#ok3d-project-pyh .politext-focus-grid article{min-width:0;display:flex;flex-direction:column}\r\n#ok3d-project-pyh .politext-focus-grid .case-h2{font-size:clamp(32px,3.6vw,52px)!important}\r\n#ok3d-project-pyh .politext-focus-copy{color:#b2c3dd!important;font-size:16px!important;line-height:1.85!important;margin:25px 0 30px!important;flex:1}\r\n#ok3d-project-pyh .politext-small-caption{margin-top:17px!important}\r\n#ok3d-project-pyh .politext-textile-video{position:relative;width:100%;aspect-ratio:1.55;border:1px solid #9ab5e13d;border-radius:5px;overflow:hidden;background:#090f1b}\r\n#ok3d-project-pyh .politext-textile-video video{display:block;width:100%;height:100%;object-fit:cover;background:#090f1b}\r\n\r\n@media(hover:hover) and (pointer:fine){#ok3d-project-pyh .politext-zoom:not(:disabled):hover img{transform:scale(1.025)}}\r\n@media(max-width:700px){#ok3d-project-pyh .politext-focus-grid{grid-template-columns:1fr;gap:50px}#ok3d-project-pyh .politext-lineup .politext-zoom{aspect-ratio:1.5}#ok3d-project-pyh .politext-lineup figcaption{flex-direction:column;gap:10px}#ok3d-project-pyh .politext-image-empty{inset:12px;padding:15px}#ok3d-project-pyh .politext-image-empty strong{font-size:20px}#ok3d-project-pyh .politext-film-empty{gap:18px;padding:20px}}\r\n@media(prefers-reduced-motion:reduce){#ok3d-project-pyh .politext-zoom img,#ok3d-project-pyh .politext-format-tabs button{transition:none!important}#ok3d-project-pyh .politext-zoom:hover img{transform:none!important}}\r\n\r\n\/* Deux films c\u00f4te \u00e0 c\u00f4te : carr\u00e9 principal et portrait dans un t\u00e9l\u00e9phone. *\/\r\n#ok3d-project-pyh .politext-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.56fr);align-items:center;gap:clamp(25px,4vw,60px);max-width:1080px;margin:0 auto;padding:25px 0;background:radial-gradient(ellipse at 65% 45%,#29467433,transparent 70%)}\r\n#ok3d-project-pyh .politext-duo figure{margin:0;min-width:0}\r\n#ok3d-project-pyh .politext-square-frame{padding:8px;border:1px solid #92acff3d;background:#101a2b;border-radius:10px;box-shadow:0 20px 55px #0004}\r\n#ok3d-project-pyh .politext-square-frame .politext-player{aspect-ratio:1;max-width:none;border:0;border-radius:5px;box-shadow:none}\r\n#ok3d-project-pyh .politext-phone{padding:8px;border:1px solid #92acff77;background:linear-gradient(150deg,#1c2b44,#090f1a);border-radius:28px;box-shadow:0 25px 65px #0006,0 0 45px #537fff0e}\r\n#ok3d-project-pyh .politext-phone .politext-player{aspect-ratio:9\/16;max-width:none;border:0;border-radius:5px 5px 16px 16px;box-shadow:none}\r\n#ok3d-project-pyh .politext-phone-top{height:28px;padding:0 10px 6px;display:flex;align-items:center;justify-content:space-between;gap:15px}\r\n#ok3d-project-pyh .politext-phone-top>span{height:5px;width:42px;border-radius:5px;background:#435676}\r\n#ok3d-project-pyh .politext-phone-top small{font-size:8px;letter-spacing:.15em;color:#8fa9d2}\r\n#ok3d-project-pyh .politext-phone-bottom{height:17px;display:grid;place-items:center}\r\n#ok3d-project-pyh .politext-phone-bottom span{width:65px;height:3px;border-radius:3px;background:#8196b7}\r\n#ok3d-project-pyh .politext-phone .politext-film-empty{padding:20px;gap:25px}\r\n#ok3d-project-pyh .politext-phone .politext-film-empty strong{font-size:clamp(24px,2.6vw,36px)}\r\n#ok3d-project-pyh .politext-phone .politext-film-empty>span{font-size:9px}\r\n#ok3d-project-pyh .politext-duo figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:22px 2px 0}\r\n#ok3d-project-pyh .politext-duo figcaption span{font-size:10px;letter-spacing:.1em;color:#a6c0ee}\r\n#ok3d-project-pyh .politext-duo figcaption p{margin-top:7px!important;font-size:13px!important;line-height:1.7!important;color:#afc1df!important}\r\n#ok3d-project-pyh .politext-duo figcaption a{font-size:11px;white-space:nowrap;color:#c2d5f6}\r\n#ok3d-project-pyh .politext-formats-caption{max-width:1080px;margin:18px auto 0!important;padding-top:20px;border-top:1px solid #ffffff20;color:#a6bad8!important;font-size:14px!important;line-height:1.8!important}\r\n@media(max-width:800px){#ok3d-project-pyh .politext-duo{gap:24px}#ok3d-project-pyh .politext-duo figcaption{flex-direction:column;gap:8px}#ok3d-project-pyh .politext-phone .politext-film-empty{padding:12px;gap:15px}#ok3d-project-pyh .politext-phone .politext-film-empty small{font-size:10px}}\r\n@media(max-width:600px){#ok3d-project-pyh .politext-duo{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:8px}#ok3d-project-pyh .politext-portrait-film{width:min(100%,330px);justify-self:center}#ok3d-project-pyh .politext-phone .politext-film-empty strong{font-size:32px}#ok3d-project-pyh .politext-duo figcaption{flex-direction:row;gap:12px}#ok3d-project-pyh .politext-phone .politext-film-empty small{font-size:12px}}\r\n\r\n\r\n\/* =========================================================\r\n   PYH \u2014 PAGE PROJET WEB \/ LIVE RESPONSIVE EXPERIENCE\r\n   ========================================================= *\/\r\n#ok3d-project-pyh .pyh-live-section{\r\n  background:#0d121d;\r\n  border-block:1px solid #ffffff18;\r\n}\r\n#ok3d-project-pyh .pyh-live-head{\r\n  display:grid;\r\n  grid-template-columns:1fr .72fr;\r\n  gap:60px;\r\n  align-items:end;\r\n  margin-bottom:42px;\r\n}\r\n#ok3d-project-pyh .pyh-live-head>p{\r\n  color:#aebbd2!important;\r\n  font-size:16px!important;\r\n  line-height:1.85!important;\r\n  max-width:510px;\r\n  justify-self:end;\r\n}\r\n#ok3d-project-pyh .pyh-demo-shell{\r\n  border:1px solid #ffffff24;\r\n  background:linear-gradient(150deg,#101725,#080c14);\r\n  border-radius:8px;\r\n  overflow:hidden;\r\n  box-shadow:0 25px 80px #0005;\r\n}\r\n#ok3d-project-pyh .pyh-demo-toolbar{\r\n  min-height:70px;\r\n  padding:13px 16px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n  border-bottom:1px solid #ffffff18;\r\n  background:#0b111de8;\r\n}\r\n#ok3d-project-pyh .pyh-demo-pages,\r\n#ok3d-project-pyh .pyh-demo-devices{\r\n  display:flex;\r\n  gap:6px;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n}\r\n#ok3d-project-pyh .pyh-demo-toolbar button{\r\n  min-height:40px;\r\n  border:1px solid transparent;\r\n  border-radius:4px;\r\n  padding:8px 12px;\r\n  background:transparent;\r\n  color:#aebed9!important;\r\n  font-size:12px!important;\r\n  letter-spacing:.02em;\r\n  transition:.25s ease;\r\n}\r\n#ok3d-project-pyh .pyh-demo-toolbar button:hover{\r\n  background:#ffffff08;\r\n  color:white!important;\r\n}\r\n#ok3d-project-pyh .pyh-demo-toolbar button[aria-pressed=\"true\"]{\r\n  background:#648cff17;\r\n  border-color:#8aa7ff55;\r\n  color:#e6edff!important;\r\n}\r\n#ok3d-project-pyh .pyh-demo-toolbar .pyh-site-link{\r\n  font-size:12px!important;\r\n  color:#c3d3f3!important;\r\n  border-bottom:1px solid #6f96ff55;\r\n  padding-bottom:4px;\r\n  margin-left:6px;\r\n}\r\n#ok3d-project-pyh .pyh-stage{\r\n  min-height:660px;\r\n  padding:clamp(18px,3vw,44px);\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n  background:\r\n    linear-gradient(#648cff08 1px,transparent 1px),\r\n    linear-gradient(90deg,#648cff08 1px,transparent 1px),\r\n    radial-gradient(ellipse at 50% 30%,#27406f55,transparent 68%),\r\n    #080c14;\r\n  background-size:34px 34px,34px 34px,100% 100%,100% 100%;\r\n}\r\n#ok3d-project-pyh .pyh-device{\r\n  width:min(100%,1320px);\r\n  transition:width .65s cubic-bezier(.2,.8,.2,1),border-radius .65s,transform .65s;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"]{\r\n  width:390px;\r\n}\r\n#ok3d-project-pyh .pyh-browser{\r\n  width:100%;\r\n  border:1px solid #94aee066;\r\n  background:#070b12;\r\n  border-radius:9px;\r\n  overflow:hidden;\r\n  box-shadow:0 28px 85px #0008,0 0 55px #4f79e510;\r\n  transition:border-radius .65s;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-browser{\r\n  border-radius:28px;\r\n}\r\n#ok3d-project-pyh .pyh-browser-top{\r\n  height:38px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:0 14px;\r\n  background:#151f31;\r\n  border-bottom:1px solid #ffffff13;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-browser-top{\r\n  height:29px;\r\n  justify-content:center;\r\n}\r\n#ok3d-project-pyh .pyh-dots{\r\n  display:flex;\r\n  gap:5px;\r\n}\r\n#ok3d-project-pyh .pyh-dots i{\r\n  width:7px;height:7px;border-radius:50%;background:#687892;\r\n}\r\n#ok3d-project-pyh .pyh-urlbar{\r\n  flex:1;\r\n  height:20px;\r\n  border:1px solid #ffffff12;\r\n  border-radius:4px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#8394b1;\r\n  font-size:9px;\r\n  letter-spacing:.04em;\r\n  background:#0a101b;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-dots,\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-urlbar{\r\n  display:none;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-browser-top::before{\r\n  content:\"\";\r\n  width:58px;height:5px;border-radius:6px;background:#586980;\r\n}\r\n#ok3d-project-pyh .pyh-viewport{\r\n  position:relative;\r\n  width:100%;\r\n  height:690px;\r\n  background:#0d1420;\r\n  overflow:hidden;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-viewport{\r\n  height:700px;\r\n}\r\n#ok3d-project-pyh .pyh-viewport iframe{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  border:0;\r\n  background:white;\r\n  opacity:0;\r\n  transition:opacity .35s;\r\n}\r\n#ok3d-project-pyh .pyh-viewport.is-live iframe{opacity:1}\r\n#ok3d-project-pyh .pyh-preview-cover{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  background:\r\n    radial-gradient(ellipse at 82% 18%,#45567938,transparent 50%),\r\n    linear-gradient(145deg,#f1f0e9,#deddd4);\r\n  color:#20251f;\r\n  transition:opacity .35s,visibility .35s;\r\n}\r\n#ok3d-project-pyh .pyh-viewport.is-live .pyh-preview-cover{\r\n  opacity:0;\r\n  visibility:hidden;\r\n  pointer-events:none;\r\n}\r\n#ok3d-project-pyh .pyh-fake-nav{\r\n  padding:19px clamp(18px,3vw,45px);\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:20px;\r\n  border-bottom:1px solid #252c251a;\r\n}\r\n#ok3d-project-pyh .pyh-fake-brand{\r\n  font-family:var(--display)!important;\r\n  font-weight:700;\r\n  font-size:23px;\r\n  letter-spacing:-.055em;\r\n}\r\n#ok3d-project-pyh .pyh-fake-links{\r\n  display:flex;gap:22px;font-size:10px;letter-spacing:.04em;color:#566057;\r\n}\r\n#ok3d-project-pyh .pyh-fake-member{\r\n  border:1px solid #34403640;\r\n  padding:7px 10px;border-radius:3px;font-size:9px;\r\n}\r\n#ok3d-project-pyh .pyh-fake-hero{\r\n  flex:1;\r\n  display:grid;\r\n  grid-template-columns:1.1fr .9fr;\r\n  align-items:center;\r\n  gap:30px;\r\n  padding:clamp(35px,6vw,90px) clamp(25px,6vw,95px);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n#ok3d-project-pyh .pyh-fake-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-6%;top:9%;\r\n  width:43%;aspect-ratio:1;\r\n  border-radius:48% 52% 54% 46%;\r\n  background:\r\n    radial-gradient(circle at 45% 32%,#ffffff73,transparent 14%),\r\n    linear-gradient(145deg,#c5c7bd,#8e988d);\r\n  box-shadow:inset -25px -25px 70px #53625955;\r\n}\r\n#ok3d-project-pyh .pyh-fake-copy{\r\n  max-width:650px;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n#ok3d-project-pyh .pyh-fake-copy small{\r\n  color:#607064!important;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  font-size:9px!important;\r\n}\r\n#ok3d-project-pyh .pyh-fake-copy strong{\r\n  display:block;\r\n  font-family:var(--display)!important;\r\n  font-size:clamp(38px,5vw,76px);\r\n  line-height:1.02;\r\n  letter-spacing:-.065em;\r\n  max-width:700px;\r\n  margin-top:15px;\r\n  color:#1e251f;\r\n}\r\n#ok3d-project-pyh .pyh-fake-copy p{\r\n  max-width:470px;\r\n  margin-top:22px!important;\r\n  color:#586359!important;\r\n  font-size:14px!important;\r\n  line-height:1.75!important;\r\n}\r\n#ok3d-project-pyh .pyh-launch{\r\n  margin-top:26px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  border:0;\r\n  padding:12px 15px;\r\n  min-height:46px;\r\n  border-radius:3px;\r\n  background:#222b24;\r\n  color:#fff!important;\r\n  font-size:12px!important;\r\n}\r\n#ok3d-project-pyh .pyh-launch span{font-size:18px}\r\n#ok3d-project-pyh .pyh-fake-services{\r\n  padding:16px clamp(18px,3vw,45px) 25px;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:10px;\r\n}\r\n#ok3d-project-pyh .pyh-fake-services span{\r\n  border-top:1px solid #29322c40;\r\n  padding-top:10px;\r\n  font-size:9px;\r\n  letter-spacing:.07em;\r\n  text-transform:uppercase;\r\n  color:#566058;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-nav{\r\n  padding:14px 16px;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-brand{font-size:18px}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-links{display:none}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-member{font-size:8px}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-hero{\r\n  grid-template-columns:1fr;\r\n  padding:42px 24px 30px;\r\n  align-items:start;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-hero::after{\r\n  width:70%;\r\n  right:-25%;\r\n  top:48%;\r\n  opacity:.76;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-copy strong{\r\n  font-size:42px;\r\n  max-width:310px;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-copy p{\r\n  font-size:12px!important;\r\n  max-width:285px;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-services{\r\n  grid-template-columns:1fr;\r\n  gap:7px;\r\n  padding:12px 24px 22px;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-fake-services span{padding-top:7px}\r\n#ok3d-project-pyh .pyh-demo-note{\r\n  padding:13px 18px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  flex-wrap:wrap;\r\n  border-top:1px solid #ffffff18;\r\n  color:#95a6c2;\r\n  font-size:11px;\r\n  line-height:1.6;\r\n}\r\n#ok3d-project-pyh .pyh-demo-note strong{\r\n  color:#cbd8ee;\r\n  font-weight:500;\r\n}\r\n#ok3d-project-pyh .pyh-platform{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.15fr;\r\n  gap:80px;\r\n  align-items:start;\r\n}\r\n#ok3d-project-pyh .pyh-feature-list{\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n}\r\n#ok3d-project-pyh .pyh-feature{\r\n  display:grid;\r\n  grid-template-columns:42px 1fr;\r\n  gap:22px;\r\n  padding:27px 0;\r\n  border-top:1px solid #ffffff22;\r\n}\r\n#ok3d-project-pyh .pyh-feature>span{\r\n  color:#91adf4;\r\n  font-size:12px;\r\n  padding-top:4px;\r\n}\r\n#ok3d-project-pyh .pyh-feature h3{\r\n  font-size:25px!important;\r\n  line-height:1.25!important;\r\n  letter-spacing:-.04em!important;\r\n}\r\n#ok3d-project-pyh .pyh-feature p{\r\n  color:#a7b6cd!important;\r\n  font-size:15px!important;\r\n  line-height:1.85!important;\r\n  margin-top:9px!important;\r\n}\r\n#ok3d-project-pyh .pyh-dashboard-card{\r\n  margin-top:38px;\r\n  border:1px solid #ffffff20;\r\n  background:linear-gradient(145deg,#111a2a,#0a101a);\r\n  border-radius:7px;\r\n  overflow:hidden;\r\n}\r\n#ok3d-project-pyh .pyh-dashboard-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:15px;\r\n  padding:15px 18px;\r\n  border-bottom:1px solid #ffffff16;\r\n  font-size:11px;\r\n  color:#9cb0cf;\r\n  letter-spacing:.06em;\r\n}\r\n#ok3d-project-pyh .pyh-dashboard-body{\r\n  padding:22px;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:12px;\r\n}\r\n#ok3d-project-pyh .pyh-dash-stat{\r\n  padding:18px;\r\n  min-height:116px;\r\n  border:1px solid #ffffff14;\r\n  background:#0d1421;\r\n  border-radius:4px;\r\n}\r\n#ok3d-project-pyh .pyh-dash-stat small{\r\n  font-size:10px!important;\r\n  letter-spacing:.08em;\r\n  color:#879ab9!important;\r\n}\r\n#ok3d-project-pyh .pyh-dash-stat strong{\r\n  display:block;\r\n  font-family:var(--display)!important;\r\n  margin-top:14px;\r\n  color:#e4ecfb;\r\n  font-size:25px;\r\n  font-weight:500;\r\n}\r\n#ok3d-project-pyh .pyh-dash-wide{\r\n  grid-column:1\/-1;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:12px;\r\n}\r\n#ok3d-project-pyh .pyh-dash-row{\r\n  border:1px solid #ffffff14;\r\n  background:#0d1421;\r\n  border-radius:4px;\r\n  padding:16px 18px;\r\n}\r\n#ok3d-project-pyh .pyh-dash-row span{\r\n  display:block;\r\n  height:5px;\r\n  margin-top:12px;\r\n  background:linear-gradient(90deg,#7796e8 62%,#25334d 62%);\r\n  border-radius:5px;\r\n}\r\n#ok3d-project-pyh .pyh-dash-row small{\r\n  color:#8ea0bd!important;\r\n  font-size:10px!important;\r\n}\r\n#ok3d-project-pyh .pyh-offers{\r\n  background:#0d121d;\r\n  border-block:1px solid #ffffff18;\r\n}\r\n#ok3d-project-pyh .pyh-offer-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:18px;\r\n}\r\n#ok3d-project-pyh .pyh-offer{\r\n  border:1px solid #ffffff1e;\r\n  background:#0a1019;\r\n  padding:26px;\r\n  border-radius:5px;\r\n}\r\n#ok3d-project-pyh .pyh-offer small{\r\n  color:#91a8d0!important;\r\n  font-size:11px!important;\r\n  letter-spacing:.1em;\r\n}\r\n#ok3d-project-pyh .pyh-offer h3{\r\n  font-size:31px!important;\r\n  margin-top:12px!important;\r\n}\r\n#ok3d-project-pyh .pyh-offer p{\r\n  color:#a6b6cf!important;\r\n  font-size:14px!important;\r\n  line-height:1.75!important;\r\n  margin-top:13px!important;\r\n}\r\n#ok3d-project-pyh .pyh-offer strong{\r\n  display:block;\r\n  margin-top:24px;\r\n  color:#dce6f9;\r\n  font-family:var(--display)!important;\r\n  font-size:19px;\r\n  font-weight:500;\r\n}\r\n#ok3d-project-pyh .pyh-tool-tags{\r\n  margin-top:22px;\r\n  display:flex;\r\n  gap:8px;\r\n  flex-wrap:wrap;\r\n}\r\n#ok3d-project-pyh .pyh-tool-tags span{\r\n  border:1px solid #ffffff22;\r\n  background:#648cff08;\r\n  padding:6px 10px;\r\n  border-radius:3px;\r\n  font-size:12px;\r\n  color:#bdcae0;\r\n}\r\n@media(max-width:900px){\r\n  #ok3d-project-pyh .pyh-live-head,\r\n  #ok3d-project-pyh .pyh-platform{grid-template-columns:1fr;gap:35px}\r\n  #ok3d-project-pyh .pyh-live-head>p{justify-self:start}\r\n  #ok3d-project-pyh .pyh-stage{min-height:600px}\r\n  #ok3d-project-pyh .pyh-viewport{height:600px}\r\n  #ok3d-project-pyh .pyh-offer-grid{grid-template-columns:1fr 1fr}\r\n  #ok3d-project-pyh .pyh-offer:last-child{grid-column:1\/-1}\r\n}\r\n@media(max-width:700px){\r\n  #ok3d-project-pyh .pyh-demo-toolbar{align-items:flex-start;flex-direction:column}\r\n  #ok3d-project-pyh .pyh-demo-pages{width:100%}\r\n  #ok3d-project-pyh .pyh-demo-toolbar button{font-size:11px!important;padding-inline:9px}\r\n  #ok3d-project-pyh .pyh-demo-devices{width:100%;justify-content:space-between}\r\n  #ok3d-project-pyh .pyh-stage{min-height:610px;padding:20px 12px}\r\n  #ok3d-project-pyh .pyh-device[data-device=\"desktop\"]{width:100%}\r\n  #ok3d-project-pyh .pyh-device[data-device=\"mobile\"]{width:min(100%,365px)}\r\n  #ok3d-project-pyh .pyh-viewport{height:560px}\r\n  #ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-viewport{height:620px}\r\n  #ok3d-project-pyh .pyh-fake-links{display:none}\r\n  #ok3d-project-pyh .pyh-dashboard-body{grid-template-columns:1fr}\r\n  #ok3d-project-pyh .pyh-dash-wide{grid-template-columns:1fr}\r\n  #ok3d-project-pyh .pyh-offer-grid{grid-template-columns:1fr}\r\n  #ok3d-project-pyh .pyh-offer:last-child{grid-column:auto}\r\n}\r\n@media(max-width:430px){\r\n  #ok3d-project-pyh .pyh-demo-pages{display:grid;grid-template-columns:1fr 1fr}\r\n  #ok3d-project-pyh .pyh-demo-pages button{width:100%}\r\n}\r\n\r\n\r\n\/* PYH V2 \u2014 v\u00e9ritable site int\u00e9gr\u00e9 et scrollable dans le portfolio *\/\r\n#ok3d-project-pyh .pyh-viewport{\r\n  position:relative;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n#ok3d-project-pyh .pyh-viewport iframe{\r\n  display:block;\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  border:0;\r\n  opacity:1!important;\r\n  pointer-events:auto;\r\n  background:#fff;\r\n}\r\n#ok3d-project-pyh .pyh-scroll-hint{\r\n  position:absolute;\r\n  z-index:5;\r\n  right:16px;\r\n  bottom:16px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:8px 11px;\r\n  border:1px solid rgba(255,255,255,.26);\r\n  border-radius:999px;\r\n  background:rgba(8,12,20,.78);\r\n  -webkit-backdrop-filter:blur(12px);\r\n  backdrop-filter:blur(12px);\r\n  color:#dce7fb;\r\n  font-size:11px;\r\n  letter-spacing:.02em;\r\n  pointer-events:none;\r\n  box-shadow:0 8px 30px rgba(0,0,0,.22);\r\n}\r\n#ok3d-project-pyh .pyh-scroll-hint span{\r\n  color:#9bb6ff!important;\r\n  font-size:14px!important;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"desktop\"] .pyh-viewport{\r\n  height:760px;\r\n}\r\n#ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-viewport{\r\n  height:720px;\r\n}\r\n@media(max-width:700px){\r\n  #ok3d-project-pyh .pyh-stage{min-height:0}\r\n  #ok3d-project-pyh .pyh-device[data-device=\"desktop\"] .pyh-viewport{height:660px}\r\n  #ok3d-project-pyh .pyh-device[data-device=\"mobile\"] .pyh-viewport{height:690px}\r\n  #ok3d-project-pyh .pyh-scroll-hint{right:10px;bottom:10px;font-size:10px}\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(()=>{'use strict';\r\nconst root=document.getElementById('ok3d-project-pyh');\r\nif(!root||root.dataset.ready)return;\r\nroot.dataset.ready='true';\r\nconst $=s=>root.querySelector(s), $$=s=>[...root.querySelectorAll(s)];\r\n\r\nconst reduced=matchMedia('(prefers-reduced-motion:reduce)');\r\nif('IntersectionObserver' in window && !reduced.matches){\r\n  const observer=new IntersectionObserver(entries=>entries.forEach(e=>{\r\n    if(e.isIntersecting){e.target.classList.remove('pending');observer.unobserve(e.target);}\r\n  }),{threshold:.06});\r\n  $$('.reveal').forEach(el=>{el.classList.add('pending');observer.observe(el);});\r\n}\r\n\r\nconst BASE='https:\/\/protectyourhealth.fr';\r\nconst frame=$('[data-pyh-frame]');\r\nconst viewport=$('.pyh-viewport');\r\nconst device=$('.pyh-device');\r\nconst urlLabel=$('[data-pyh-url]');\r\nconst launch=$('[data-pyh-launch]');\r\nlet currentPath='\/';\r\nlet live=true;\r\n\r\nfunction fullUrl(path){\r\n  if(!path.startsWith('\/')) path='\/'+path;\r\n  return BASE+path;\r\n}\r\nfunction updateUrlLabel(path){\r\n  if(!urlLabel)return;\r\n  const clean=path==='\/'?'':path.replace(\/^\\\/|\\\/$\/g,'');\r\n  urlLabel.textContent='protectyourhealth.fr'+(clean?'\/'+clean:'');\r\n}\r\nfunction loadLive(){\r\n  if(!frame||!viewport)return;\r\n  frame.src=fullUrl(currentPath);\r\n  viewport.classList.add('is-live');\r\n  live=true;\r\n}\r\nlaunch?.addEventListener('click',loadLive);\r\n\r\n$$('[data-pyh-page]').forEach(btn=>{\r\n  btn.addEventListener('click',()=>{\r\n    currentPath=btn.dataset.pyhPage||'\/';\r\n    $$('[data-pyh-page]').forEach(b=>b.setAttribute('aria-pressed',String(b===btn)));\r\n    updateUrlLabel(currentPath);\r\n    if(live) frame.src=fullUrl(currentPath);\r\n  });\r\n});\r\n\r\n$$('[data-pyh-device]').forEach(btn=>{\r\n  btn.addEventListener('click',()=>{\r\n    const mode=btn.dataset.pyhDevice==='mobile'?'mobile':'desktop';\r\n    device.dataset.device=mode;\r\n    $$('[data-pyh-device]').forEach(b=>b.setAttribute('aria-pressed',String(b===btn)));\r\n  });\r\n});\r\n\r\nframe?.addEventListener('load',()=>{viewport?.classList.add('is-live');});\r\nupdateUrlLabel(currentPath);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aller au contenu \u2190 Retour aux projets Projet \/ Webdesign &amp; plateforme client PYHSAP. Transformer une offre de coaching \u00e0 domicile en une exp\u00e9rience digitale claire, rassurante et autonome. Explorer le site \u2193 Client Protect Your Health Intervention UX\/UI \u00b7 Webdesign \u00b7 D\u00e9veloppement WordPress Fonctionnalit\u00e9s Inscription \u00b7 Espace adh\u00e9rent \u00b7 Tableau de bord Services Coaching [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":14833,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15355","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15355","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=15355"}],"version-history":[{"count":7,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15355\/revisions"}],"predecessor-version":[{"id":15602,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/15355\/revisions\/15602"}],"up":[{"embeddable":true,"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/pages\/14833"}],"wp:attachment":[{"href":"https:\/\/www.ok3d.fr\/en\/wp-json\/wp\/v2\/media?parent=15355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}