{"title":"PHOTOGRAPHIE","description":"","products":[{"product_id":"grs-vision","title":"GRS VISION","description":"\u003csection class=\"grs-hero\"\u003e\n  \u003cimg class=\"grs-bg-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1078\/4702\/4979\/files\/a5f8721d-33b4-4ada-a129-a504ed7679b6.png?v=1782744196\" alt=\"Caméra GRS VISION\"\u003e\n\n  \u003cheader class=\"grs-header\"\u003e\n    \u003cdiv class=\"grs-logo-wrap\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1078\/4702\/4979\/files\/GRS_VISON.jpg?v=1782741848\" alt=\"GRS VISION\"\u003e\n      \u003cspan\u003eGRS VISION\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"grs-worldwide\"\u003eVIDÉASTE \/ PHOTOGRAPHE · WORLDWIDE\u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003cmain class=\"grs-content\"\u003e\n    \u003ch1\u003eGRS VISION\u003c\/h1\u003e\n    \u003cp class=\"grs-tagline\"\u003eRACONTER. CAPTURER. MARQUER.\u003c\/p\u003e\n    \u003cp class=\"grs-description\"\u003e\n      Films de mariage, événements, clips, publicités et contenus premium.\n      Une vision cinématographique pour transformer chaque moment en image forte, élégante et mémorable.\n    \u003c\/p\u003e\n  \u003c\/main\u003e\n\n  \u003cdiv class=\"grs-desktop-buttons\"\u003e\n    \u003ca class=\"grs-btn grs-btn-filled\" href=\"https:\/\/wa.me\/33659713872?text=Bonjour%20GRS%20VISION%2C%20je%20souhaite%20avoir%20des%20informations%20pour%20une%20prestation%20vid%C3%A9o%20%2F%20photo.\" target=\"_blank\"\u003e\n      WhatsApp\n      \u003csmall\u003eRéponse rapide\u003c\/small\u003e\n    \u003c\/a\u003e\n    \u003ca class=\"grs-btn\" href=\"#grs-devis\"\u003e\n      Demander un devis\n      \u003csmall\u003eProjet sur mesure\u003c\/small\u003e\n    \u003c\/a\u003e\n    \u003ca class=\"grs-btn\" href=\"#grs-portfolio\"\u003e\n      Voir le portfolio\n      \u003csmall\u003eNos réalisations\u003c\/small\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"grs-mobile-actions\"\u003e\n    \u003ca class=\"grs-mobile-btn grs-mobile-btn-filled\" href=\"https:\/\/wa.me\/33659713872?text=Bonjour%20GRS%20VISION%2C%20je%20souhaite%20avoir%20des%20informations%20pour%20une%20prestation%20vid%C3%A9o%20%2F%20photo.\" target=\"_blank\"\u003eWhatsApp\u003c\/a\u003e\n    \u003ca class=\"grs-mobile-btn\" href=\"#grs-devis\"\u003eDevis\u003c\/a\u003e\n    \u003ca class=\"grs-mobile-btn\" href=\"#grs-portfolio\"\u003ePortfolio\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cfooter class=\"grs-footer\"\u003e\n    \u003cdiv class=\"grs-stats\"\u003e\n      \u003cdiv class=\"grs-stat\"\u003e\n        \u003cstrong\u003e1794\u003c\/strong\u003e\n        \u003cspan\u003eFollowers\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"grs-stat\"\u003e\n        \u003cstrong\u003e36.4K\u003c\/strong\u003e\n        \u003cspan\u003eLikes\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cnav class=\"grs-socials\"\u003e\n      \u003ca href=\"https:\/\/www.instagram.com\/grsvision\/\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n      \u003ca href=\"https:\/\/www.tiktok.com\/@grsvision\" target=\"_blank\"\u003eTikTok\u003c\/a\u003e\n      \u003ca href=\"https:\/\/snapchat.com\/t\/uD8azBAH\" target=\"_blank\"\u003eSnapchat\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \u003c\/footer\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.grs-hero,\n.grs-hero *{\n  box-sizing:border-box;\n}\n\n.grs-hero{\n  position:relative;\n  min-height:100vh;\n  overflow:hidden;\n  background:#000;\n  color:#fff;\n  font-family:Inter, Arial, sans-serif;\n}\n\n.grs-bg-img{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:right center;\n  z-index:1;\n}\n\n.grs-hero::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:1;\n  background:\n    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.42) 48%, rgba(0,0,0,.08) 100%),\n    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.62));\n  pointer-events:none;\n}\n\n.grs-header{\n  position:absolute;\n  z-index:2;\n  top:32px;\n  left:5.5vw;\n  right:5.5vw;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding-bottom:24px;\n  border-bottom:1px solid rgba(255,255,255,.22);\n}\n\n.grs-logo-wrap{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  user-select:none;\n}\n\n.grs-logo-wrap img{\n  width:50px;\n  height:50px;\n  object-fit:cover;\n  border:none;\n  box-shadow:none;\n}\n\n.grs-logo-wrap span{\n  font-size:24px;\n  font-weight:850;\n  letter-spacing:3px;\n  text-transform:uppercase;\n}\n\n.grs-worldwide{\n  font-size:10px;\n  letter-spacing:5px;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.85);\n  font-weight:800;\n}\n\n.grs-content{\n  position:relative;\n  z-index:2;\n  min-height:100vh;\n  padding:170px 5.5vw 250px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  max-width:760px;\n}\n\n.grs-content h1{\n  margin:0;\n  font-size:clamp(58px,8vw,118px);\n  line-height:.9;\n  font-weight:950;\n  letter-spacing:-2.5px;\n  text-transform:uppercase;\n  background:linear-gradient(180deg,#fff 0%,#d9d9d9 38%,#7d7d7d 100%);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  text-shadow:0 12px 28px rgba(0,0,0,.75);\n}\n\n.grs-tagline{\n  margin:28px 0 0;\n  font-size:12px;\n  letter-spacing:6px;\n  text-transform:uppercase;\n  font-weight:800;\n}\n\n.grs-description{\n  max-width:630px;\n  margin:22px 0 0;\n  font-size:16px;\n  line-height:1.7;\n  color:rgba(255,255,255,.92);\n}\n\n.grs-desktop-buttons{\n  position:absolute;\n  z-index:3;\n  left:5.5vw;\n  bottom:150px;\n  display:flex;\n  gap:16px;\n}\n\n.grs-btn{\n  width:210px;\n  min-height:68px;\n  padding:14px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n  gap:6px;\n  border:1px solid rgba(255,255,255,.5);\n  background:rgba(0,0,0,.3);\n  color:#fff!important;\n  text-decoration:none!important;\n  text-transform:uppercase;\n  font-size:11px;\n  letter-spacing:1.5px;\n  font-weight:850;\n  border-radius:0!important;\n  transition:transform .25s ease, background .25s ease, border-color .25s ease, opacity .25s ease;\n}\n\n.grs-btn:hover,\n.grs-btn:focus,\n.grs-btn:active{\n  transform:translateY(-4px);\n  border-color:#fff!important;\n  background:rgba(255,255,255,.1)!important;\n  color:#fff!important;\n}\n\n.grs-btn small{\n  font-size:10px;\n  letter-spacing:.2px;\n  text-transform:none;\n  font-weight:500;\n  color:rgba(255,255,255,.72);\n}\n\n.grs-btn-filled{\n  background:linear-gradient(180deg,#fff,#bdbdbd);\n  color:#050505!important;\n}\n\n.grs-btn-filled:hover,\n.grs-btn-filled:focus,\n.grs-btn-filled:active{\n  background:#fff!important;\n  color:#050505!important;\n}\n\n.grs-btn-filled small{\n  color:rgba(0,0,0,.65);\n}\n\n.grs-mobile-actions{\n  display:none;\n}\n\n.grs-footer{\n  position:absolute;\n  z-index:6;\n  left:0;\n  right:0;\n  bottom:0;\n  min-height:108px;\n  display:grid;\n  grid-template-columns:380px 1fr;\n  align-items:center;\n  border-top:1px solid rgba(255,255,255,.22);\n  background:rgba(0,0,0,.55);\n}\n\n.grs-stats{\n  height:100%;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n}\n\n.grs-stat{\n  padding:22px 5.5vw;\n  border-right:1px solid rgba(255,255,255,.2);\n}\n\n.grs-stat strong{\n  display:block;\n  font-size:34px;\n  font-weight:300;\n  letter-spacing:7px;\n  line-height:1;\n}\n\n.grs-stat span{\n  display:block;\n  margin-top:10px;\n  font-size:10px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.7);\n}\n\n.grs-socials{\n  position:relative;\n  z-index:7;\n  display:flex;\n  justify-content:flex-end;\n  gap:42px;\n  padding:0 5.5vw;\n}\n\n.grs-socials a{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  color:#fff!important;\n  text-decoration:none!important;\n  font-size:10px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n  font-weight:800;\n  opacity:1!important;\n  visibility:visible!important;\n  transition:opacity .25s ease, transform .25s ease;\n}\n\n.grs-socials a::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-6px;\n  width:0;\n  height:1px;\n  background:#fff;\n  transition:width .25s ease;\n}\n\n.grs-socials:hover a{\n  opacity:.45!important;\n}\n\n.grs-socials a:hover,\n.grs-socials a:focus,\n.grs-socials a:active{\n  opacity:1!important;\n  visibility:visible!important;\n  color:#fff!important;\n  transform:translateY(-2px);\n}\n\n.grs-socials a:hover::after,\n.grs-socials a:focus::after,\n.grs-socials a:active::after{\n  width:100%;\n}\n\n\/* MOBILE UNIQUEMENT *\/\n@media(max-width:900px){\n  .grs-hero{\n    min-height:0!important;\n    height:326px!important;\n    max-height:326px!important;\n  }\n\n  .grs-bg-img{\n    object-position:76% center;\n  }\n\n  .grs-hero::after{\n    background:\n      linear-gradient(90deg, rgba(0,0,0,.80), rgba(0,0,0,.38), rgba(0,0,0,.08)),\n      linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.72));\n  }\n\n  .grs-header{\n    top:10px;\n    left:14px;\n    right:14px;\n    padding-bottom:9px;\n  }\n\n  .grs-logo-wrap{\n    gap:9px;\n  }\n\n  .grs-logo-wrap img{\n    width:32px;\n    height:32px;\n  }\n\n  .grs-logo-wrap span{\n    font-size:14px;\n    letter-spacing:1.2px;\n  }\n\n  .grs-worldwide{\n    display:none;\n  }\n\n  .grs-content{\n    min-height:0!important;\n    height:auto!important;\n    padding:70px 14px 0!important;\n    max-width:100%;\n    justify-content:flex-start;\n  }\n\n  .grs-content h1{\n    font-size:31px;\n    line-height:.9;\n    letter-spacing:-.7px;\n  }\n\n  .grs-tagline{\n    margin-top:8px;\n    font-size:7px;\n    letter-spacing:1.8px;\n    line-height:1.2;\n  }\n\n  .grs-description{\n    max-width:100%;\n    margin-top:8px;\n    font-size:9.5px;\n    line-height:1.36;\n  }\n\n  .grs-desktop-buttons{\n    display:none;\n  }\n\n  .grs-mobile-actions{\n    position:absolute;\n    z-index:3;\n    left:0;\n    right:0;\n    top:180px;\n    bottom:auto;\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:6px;\n    padding:0 10px;\n  }\n\n  .grs-mobile-btn,\n  .grs-mobile-btn:visited{\n    height:30px;\n    min-width:0;\n    width:100%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border:1px solid rgba(255,255,255,.5)!important;\n    background:rgba(0,0,0,.46)!important;\n    color:#fff!important;\n    text-decoration:none!important;\n    text-transform:uppercase;\n    font-size:6.7px;\n    letter-spacing:.65px;\n    font-weight:850;\n    border-radius:0!important;\n    transition:transform .22s ease, background .22s ease, border-color .22s ease;\n  }\n\n  .grs-mobile-btn:hover,\n  .grs-mobile-btn:focus,\n  .grs-mobile-btn:active{\n    transform:translateY(-2px);\n    background:rgba(255,255,255,.12)!important;\n    border-color:#fff!important;\n    color:#fff!important;\n    opacity:1!important;\n    visibility:visible!important;\n  }\n\n  .grs-mobile-btn-filled,\n  .grs-mobile-btn-filled:hover,\n  .grs-mobile-btn-filled:focus,\n  .grs-mobile-btn-filled:active{\n    background:linear-gradient(180deg,#fff,#bdbdbd)!important;\n    color:#050505!important;\n  }\n\n  .grs-footer{\n    position:absolute;\n    z-index:6;\n    left:0;\n    right:0;\n    bottom:0;\n    min-height:76px;\n    display:block;\n    background:rgba(0,0,0,.62);\n    opacity:1!important;\n    visibility:visible!important;\n  }\n\n  .grs-stats{\n    height:auto;\n    grid-template-columns:1fr 1fr;\n  }\n\n  .grs-stat{\n    padding:7px 14px 5px;\n  }\n\n  .grs-stat strong{\n    font-size:24px;\n    letter-spacing:4px;\n    line-height:1;\n  }\n\n  .grs-stat span{\n    display:block;\n    margin-top:4px;\n    font-size:7px;\n    letter-spacing:1.4px;\n  }\n\n  .grs-socials{\n    position:relative;\n    z-index:7;\n    justify-content:space-between;\n    gap:0;\n    padding:8px 14px 6px;\n    border-top:1px solid rgba(255,255,255,.2);\n    opacity:1!important;\n    visibility:visible!important;\n  }\n\n  .grs-socials a{\n    position:relative;\n    z-index:8;\n    font-size:10.5px;\n    letter-spacing:1.3px;\n    font-weight:900;\n    opacity:1!important;\n    visibility:visible!important;\n    color:#fff!important;\n    text-decoration:none!important;\n  }\n}\n\n@media(max-width:380px){\n  .grs-hero{\n    height:310px!important;\n    max-height:310px!important;\n  }\n\n  .grs-content{\n    padding:66px 12px 0!important;\n  }\n\n  .grs-content h1{\n    font-size:28px;\n  }\n\n  .grs-logo-wrap span{\n    font-size:13px;\n  }\n\n  .grs-mobile-actions{\n    top:172px;\n    padding:0 8px;\n    gap:5px;\n  }\n\n  .grs-mobile-btn{\n    height:28px;\n    font-size:6px;\n  }\n\n  .grs-footer{\n    min-height:72px;\n  }\n\n  .grs-stat{\n    padding:6px 12px 5px;\n  }\n\n  .grs-stat strong{\n    font-size:22px;\n  }\n\n  .grs-stat span{\n    font-size:6.5px;\n    margin-top:3px;\n  }\n\n  .grs-socials{\n    padding:7px 12px 5px;\n  }\n\n  .grs-socials a{\n    font-size:9px;\n    letter-spacing:1px;\n  }\n}\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"grs-portfolio-light\" id=\"grs-portfolio\"\u003e\n  \u003cdiv class=\"grs-portfolio-light-head\"\u003e\n    \u003cspan\u003ePORTFOLIO\u003c\/span\u003e\n    \u003ch2\u003eNos réalisations\u003c\/h2\u003e\n    \u003cp\u003eUne sélection de films, clips, événements et contenus premium réalisés par GRS VISION.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"grs-portfolio-light-grid\"\u003e\n    \u003cdiv class=\"grs-video-card grs-video-large\"\u003e\n      \u003cvideo src=\"LIEN_VIDEO_1.mp4\" autoplay muted loop playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"grs-video-info\"\u003e\n        \u003cspan\u003eMariage\u003c\/span\u003e\n        \u003cstrong\u003eFilm cinématique\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-video-card\"\u003e\n      \u003cvideo src=\"LIEN_VIDEO_2.mp4\" autoplay muted loop playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"grs-video-info\"\u003e\n        \u003cspan\u003eÉvénement\u003c\/span\u003e\n        \u003cstrong\u003eAftermovie\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-video-card\"\u003e\n      \u003cvideo src=\"LIEN_VIDEO_3.mp4\" autoplay muted loop playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"grs-video-info\"\u003e\n        \u003cspan\u003eClip\u003c\/span\u003e\n        \u003cstrong\u003eProduction vidéo\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-video-card grs-video-large\"\u003e\n      \u003cvideo src=\"LIEN_VIDEO_4.mp4\" autoplay muted loop playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"grs-video-info\"\u003e\n        \u003cspan\u003ePublicité\u003c\/span\u003e\n        \u003cstrong\u003eContenu premium\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-video-card\"\u003e\n      \u003cvideo src=\"LIEN_VIDEO_5.mp4\" autoplay muted loop playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"grs-video-info\"\u003e\n        \u003cspan\u003eSocial media\u003c\/span\u003e\n        \u003cstrong\u003eReel cinématique\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-video-card\"\u003e\n      \u003cvideo src=\"LIEN_VIDEO_6.mp4\" autoplay muted loop playsinline preload=\"metadata\"\u003e\u003c\/video\u003e\n      \u003cdiv class=\"grs-video-info\"\u003e\n        \u003cspan\u003eCorporate\u003c\/span\u003e\n        \u003cstrong\u003eImage de marque\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.grs-portfolio-light,\n.grs-portfolio-light *{\n  box-sizing:border-box;\n}\n\n.grs-portfolio-light{\n  padding:115px 6vw;\n  background:\n    radial-gradient(circle at top left, rgba(255,255,255,.9), transparent 34%),\n    linear-gradient(180deg, #f7f7f5 0%, #e8e8e5 100%);\n  color:#080808;\n  overflow:hidden;\n}\n\n.grs-portfolio-light-head{\n  width:min(1180px,100%);\n  margin:0 auto 62px;\n}\n\n.grs-portfolio-light-head span{\n  display:block;\n  margin-bottom:14px;\n  font-size:10px;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  color:#777;\n  font-weight:850;\n}\n\n.grs-portfolio-light-head h2{\n  margin:0;\n  max-width:820px;\n  font-size:clamp(46px,7vw,104px);\n  line-height:.88;\n  font-weight:950;\n  letter-spacing:-4px;\n  text-transform:uppercase;\n  color:#111;\n}\n\n.grs-portfolio-light-head p{\n  max-width:560px;\n  margin:26px 0 0;\n  font-size:14px;\n  line-height:1.8;\n  color:#555;\n}\n\n.grs-portfolio-light-grid{\n  width:min(1280px,100%);\n  margin:auto;\n  display:grid;\n  grid-template-columns:1.2fr .8fr .8fr;\n  gap:16px;\n  align-items:stretch;\n}\n\n.grs-video-card{\n  position:relative;\n  min-height:430px;\n  overflow:hidden;\n  background:#111;\n  border:1px solid rgba(0,0,0,.12);\n  box-shadow:0 22px 60px rgba(0,0,0,.12);\n}\n\n.grs-video-large{\n  grid-row:span 2;\n  min-height:680px;\n}\n\n.grs-video-card video{\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n  filter:contrast(1.05) saturate(.95);\n  transition:transform .7s ease, filter .7s ease;\n}\n\n.grs-video-card::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(180deg, transparent 45%, rgba(0,0,0,.72) 100%);\n  pointer-events:none;\n}\n\n.grs-video-info{\n  position:absolute;\n  z-index:2;\n  left:24px;\n  right:24px;\n  bottom:22px;\n  color:#fff;\n}\n\n.grs-video-info span{\n  display:block;\n  margin-bottom:8px;\n  font-size:8px;\n  letter-spacing:3px;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.72);\n  font-weight:850;\n}\n\n.grs-video-info strong{\n  display:block;\n  font-size:24px;\n  line-height:1.05;\n  font-weight:800;\n  letter-spacing:-.5px;\n}\n\n.grs-video-card:hover video{\n  transform:scale(1.045);\n  filter:contrast(1.12) saturate(1);\n}\n\n@media(max-width:900px){\n  .grs-portfolio-light{\n    padding:72px 14px;\n  }\n\n  .grs-portfolio-light-head{\n    margin-bottom:34px;\n  }\n\n  .grs-portfolio-light-head span{\n    font-size:8px;\n    letter-spacing:2.5px;\n  }\n\n  .grs-portfolio-light-head h2{\n    font-size:38px;\n    line-height:.92;\n    letter-spacing:-1.2px;\n  }\n\n  .grs-portfolio-light-head p{\n    margin-top:16px;\n    font-size:11px;\n    line-height:1.65;\n  }\n\n  .grs-portfolio-light-grid{\n    grid-template-columns:1fr 1fr;\n    gap:8px;\n  }\n\n  .grs-video-card,\n  .grs-video-large{\n    grid-row:auto;\n    min-height:255px;\n  }\n\n  .grs-video-info{\n    left:12px;\n    right:12px;\n    bottom:12px;\n  }\n\n  .grs-video-info span{\n    margin-bottom:5px;\n    font-size:6px;\n    letter-spacing:1.4px;\n  }\n\n  .grs-video-info strong{\n    font-size:13px;\n    line-height:1.1;\n  }\n}\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"grs-approach\"\u003e\n  \u003cdiv class=\"grs-approach-inner\"\u003e\n\n    \u003cdiv class=\"grs-approach-head\"\u003e\n      \u003cspan\u003eNOTRE APPROCHE\u003c\/span\u003e\n      \u003ch2\u003eL’image est un langage.\u003c\/h2\u003e\n      \u003cp\u003e\n        Chez GRS VISION, chaque projet est pensé comme une œuvre cinématographique :\n        direction artistique, rythme, émotion et finition premium.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-approach-list\"\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e01\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eVision cinématographique\u003c\/h3\u003e\n          \u003cp\u003eDes images pensées comme un film, avec une vraie intention visuelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e02\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eDirection artistique\u003c\/h3\u003e\n          \u003cp\u003eLumière, cadrage, mouvement et ambiance sont travaillés avec précision.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e03\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eExigence premium\u003c\/h3\u003e\n          \u003cp\u003eMontage, colorimétrie et rendu final sont soignés dans chaque détail.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e04\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eProjet sur mesure\u003c\/h3\u003e\n          \u003cp\u003eMariage, clip, événement ou marque : chaque histoire reçoit son traitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.grs-approach,\n.grs-approach *{\n  box-sizing:border-box;\n}\n\n.grs-approach{\n  padding:130px 6vw;\n  background:\n    radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 32%),\n    linear-gradient(180deg,#050505 0%,#111 48%,#030303 100%);\n  color:#fff;\n  overflow:hidden;\n}\n\n.grs-approach-inner{\n  width:min(1180px,100%);\n  margin:auto;\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:90px;\n  align-items:start;\n}\n\n.grs-approach-head{\n  position:sticky;\n  top:90px;\n}\n\n.grs-approach-head span{\n  display:block;\n  margin-bottom:22px;\n  font-size:10px;\n  letter-spacing:5px;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.55);\n  font-weight:850;\n}\n\n.grs-approach-head h2{\n  margin:0;\n  font-size:clamp(54px,7vw,104px);\n  line-height:.88;\n  font-weight:950;\n  letter-spacing:-4px;\n  text-transform:uppercase;\n  background:linear-gradient(180deg,#fff,#bdbdbd 52%,#4d4d4d);\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.grs-approach-head p{\n  max-width:440px;\n  margin:28px 0 0;\n  font-size:14px;\n  line-height:1.9;\n  color:rgba(255,255,255,.68);\n}\n\n.grs-approach-list{\n  border-top:1px solid rgba(255,255,255,.18);\n}\n\n.grs-approach-list article{\n  display:grid;\n  grid-template-columns:110px 1fr;\n  gap:34px;\n  padding:42px 0;\n  border-bottom:1px solid rgba(255,255,255,.18);\n}\n\n.grs-approach-list article \u003e span{\n  font-size:54px;\n  line-height:1;\n  font-weight:200;\n  letter-spacing:-2px;\n  color:rgba(255,255,255,.18);\n}\n\n.grs-approach-list h3{\n  margin:0;\n  font-size:28px;\n  line-height:1;\n  font-weight:850;\n  letter-spacing:-.8px;\n  color:#fff;\n}\n\n.grs-approach-list p{\n  max-width:520px;\n  margin:16px 0 0;\n  font-size:13px;\n  line-height:1.85;\n  color:rgba(255,255,255,.62);\n}\n\n@media(max-width:900px){\n  .grs-approach{\n    padding:78px 18px;\n  }\n\n  .grs-approach-inner{\n    grid-template-columns:1fr;\n    gap:44px;\n  }\n\n  .grs-approach-head{\n    position:relative;\n    top:auto;\n  }\n\n  .grs-approach-head span{\n    font-size:8px;\n    letter-spacing:3px;\n    margin-bottom:16px;\n  }\n\n  .grs-approach-head h2{\n    font-size:42px;\n    letter-spacing:-1.5px;\n  }\n\n  .grs-approach-head p{\n    margin-top:18px;\n    font-size:11.5px;\n    line-height:1.7;\n  }\n\n  .grs-approach-list article{\n    grid-template-columns:58px 1fr;\n    gap:18px;\n    padding:28px 0;\n  }\n\n  .grs-approach-list article \u003e span{\n    font-size:34px;\n  }\n\n  .grs-approach-list h3{\n    font-size:20px;\n  }\n\n  .grs-approach-list p{\n    margin-top:10px;\n    font-size:11px;\n    line-height:1.65;\n  }\n}\n\u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"grs-kara-light-story\"\u003e\n  \u003cdiv class=\"grs-kara-light-inner\"\u003e\n\n    \u003cdiv class=\"grs-kara-light-text\"\u003e\n      \u003cspan\u003ePARCOURS\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Kara, une vision\u003cbr\u003e\n        construite sur l’instinct.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"grs-kara-light-lead\"\u003e\n        Depuis plus de 5 ans, Kara avance en autodidacte avec une idée simple :\n        transformer chaque image en souvenir fort, élégant et mémorable.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"grs-kara-light-story-text\"\u003e\n        \u003cp\u003e\n          Depuis son plus jeune âge, Kara a toujours eu un rapport naturel à l’image.\n          Photogénique, attentif aux détails et sensible à l’esthétique, il comprend très tôt\n          qu’une image peut transmettre une émotion, une attitude et une histoire.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Créateur de \u003cstrong\u003e7 VIE LA\u003c\/strong\u003e, Kara développe depuis plusieurs années une véritable\n          vision artistique autour de l'image, de l'identité visuelle et de la direction créative.\n          Aujourd'hui, il met cette expérience au service de \u003cstrong\u003eGRS VISION\u003c\/strong\u003e, accompagné de\n          son équipe, avec une seule ambition : produire des images qui marquent les esprits et traversent le temps.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"grs-kara-light-facts\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003e+5\u003c\/strong\u003e\n          \u003csmall\u003eans d’expérience\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003e100%\u003c\/strong\u003e\n          \u003csmall\u003eautodidacte\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cstrong\u003e2\u003c\/strong\u003e\n          \u003csmall\u003eunivers créatifs\u003c\/small\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"grs-kara-light-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1078\/4702\/4979\/files\/621125661_18550148593057467_5649533558237217978_n_4fabafbf-a497-4627-8e77-7e4dcf5204f5.jpg?v=1782783006\" alt=\"Kara - GRS VISION\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.grs-kara-light-story,\n.grs-kara-light-story *{\n  box-sizing:border-box;\n}\n\n.grs-kara-light-story{\n  position:relative;\n  overflow:hidden;\n  padding:120px 6vw 0;\n  min-height:820px;\n  background:\n    radial-gradient(circle at 78% 42%, rgba(255,255,255,.75), transparent 36%),\n    linear-gradient(135deg,#f8f8f5 0%,#e8e8e3 52%,#cfcfca 100%);\n  color:#111;\n}\n\n.grs-kara-light-story::before{\n  content:\"KARA\";\n  position:absolute;\n  right:-5vw;\n  top:60px;\n  font-size:clamp(120px,21vw,320px);\n  line-height:.8;\n  font-weight:950;\n  letter-spacing:-14px;\n  color:rgba(0,0,0,.045);\n  pointer-events:none;\n  user-select:none;\n}\n\n.grs-kara-light-inner{\n  position:relative;\n  z-index:2;\n  width:min(1280px,100%);\n  margin:auto;\n  min-height:700px;\n  display:grid;\n  grid-template-columns:1fr .85fr;\n  gap:70px;\n  align-items:end;\n}\n\n.grs-kara-light-text{\n  max-width:720px;\n  padding-bottom:110px;\n}\n\n.grs-kara-light-text \u003e span{\n  display:block;\n  margin-bottom:18px;\n  font-size:10px;\n  letter-spacing:5px;\n  text-transform:uppercase;\n  color:#777;\n  font-weight:850;\n}\n\n.grs-kara-light-text h2{\n  margin:0;\n  max-width:820px;\n  font-size:clamp(48px,6.5vw,92px);\n  line-height:.9;\n  font-weight:950;\n  letter-spacing:-4px;\n  text-transform:uppercase;\n  color:#111;\n}\n\n.grs-kara-light-lead{\n  max-width:620px;\n  margin:30px 0 0;\n  font-size:17px;\n  line-height:1.7;\n  color:#333;\n}\n\n.grs-kara-light-story-text{\n  max-width:650px;\n  margin-top:34px;\n  padding-top:34px;\n  border-top:1px solid rgba(0,0,0,.16);\n  display:grid;\n  gap:18px;\n}\n\n.grs-kara-light-story-text p{\n  margin:0;\n  font-size:14px;\n  line-height:1.9;\n  color:#555;\n}\n\n.grs-kara-light-story-text strong{\n  color:#111;\n  font-weight:850;\n}\n\n.grs-kara-light-facts{\n  margin-top:38px;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  max-width:650px;\n  border-top:1px solid rgba(0,0,0,.16);\n  border-bottom:1px solid rgba(0,0,0,.16);\n}\n\n.grs-kara-light-facts div{\n  padding:20px 18px;\n  border-right:1px solid rgba(0,0,0,.16);\n}\n\n.grs-kara-light-facts div:last-child{\n  border-right:none;\n}\n\n.grs-kara-light-facts strong{\n  display:block;\n  font-size:34px;\n  line-height:1;\n  font-weight:300;\n  letter-spacing:2px;\n  color:#111;\n}\n\n.grs-kara-light-facts small{\n  display:block;\n  margin-top:8px;\n  font-size:8px;\n  letter-spacing:1.8px;\n  text-transform:uppercase;\n  color:#666;\n  font-weight:800;\n}\n\n.grs-kara-light-image{\n  position:relative;\n  min-height:700px;\n  display:flex;\n  align-items:flex-end;\n  justify-content:flex-end;\n  overflow:visible;\n}\n\n.grs-kara-light-image img{\n  display:block;\n  width:auto;\n  max-width:none;\n  height:720px;\n  object-fit:contain;\n  filter:drop-shadow(0 35px 70px rgba(0,0,0,.24));\n}\n\n@media(max-width:900px){\n  .grs-kara-light-story{\n    padding:0;\n    min-height:auto;\n    background:#f4f4f1;\n  }\n\n  .grs-kara-light-story::before{\n    content:\"KARA\";\n    top:24px;\n    right:-18px;\n    font-size:82px;\n    letter-spacing:-4px;\n    color:rgba(0,0,0,.045);\n  }\n\n  .grs-kara-light-inner{\n    width:100%;\n    min-height:auto;\n    display:flex;\n    flex-direction:column-reverse;\n    gap:0;\n  }\n\n  .grs-kara-light-image{\n    width:100%;\n    min-height:0;\n    height:390px;\n    margin:0;\n    overflow:hidden;\n    justify-content:center;\n    align-items:flex-end;\n    background:\n      linear-gradient(180deg, #e9e9e5 0%, #d8d8d2 100%);\n  }\n\n  .grs-kara-light-image img{\n    width:100%;\n    height:100%;\n    max-width:none;\n    object-fit:cover;\n    object-position:center top;\n    filter:none;\n  }\n\n  .grs-kara-light-text{\n    width:100%;\n    max-width:none;\n    padding:42px 18px 58px;\n  }\n\n  .grs-kara-light-text \u003e span{\n    margin-bottom:14px;\n    font-size:8px;\n    letter-spacing:3px;\n  }\n\n  .grs-kara-light-text h2{\n    max-width:100%;\n    font-size:36px;\n    line-height:.92;\n    letter-spacing:-1.2px;\n  }\n\n  .grs-kara-light-lead{\n    margin-top:18px;\n    font-size:12.5px;\n    line-height:1.65;\n  }\n\n  .grs-kara-light-story-text{\n    margin-top:22px;\n    padding-top:22px;\n    gap:14px;\n  }\n\n  .grs-kara-light-story-text p{\n    font-size:11px;\n    line-height:1.7;\n  }\n\n  .grs-kara-light-facts{\n    margin-top:24px;\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .grs-kara-light-facts div{\n    padding:14px 7px;\n  }\n\n  .grs-kara-light-facts strong{\n    font-size:22px;\n  }\n\n  .grs-kara-light-facts small{\n    font-size:5.8px;\n    letter-spacing:.65px;\n    line-height:1.35;\n  }\n}\n\n@media(max-width:380px){\n  .grs-kara-light-image{\n    height:340px;\n  }\n\n  .grs-kara-light-text h2{\n    font-size:32px;\n  }\n\n  .grs-kara-light-text{\n    padding:38px 16px 52px;\n  }\n}\n\u003c\/style\u003e","brand":"WESTAFY COLLECTION","offers":[{"title":"Default Title","offer_id":54137779487059,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1078\/4702\/4979\/files\/GRS_VISON.jpg?v=1782741848"}],"url":"https:\/\/westafy.co\/collections\/photographie.oembed","provider":"WESTAFY COLLECTION","version":"1.0","type":"link"}