{"id":7,"date":"2026-03-20T15:58:21","date_gmt":"2026-03-20T15:58:21","guid":{"rendered":"https:\/\/dev.davidgriso.com\/?page_id=7"},"modified":"2026-04-27T18:54:29","modified_gmt":"2026-04-27T16:54:29","slug":"home","status":"publish","type":"page","link":"https:\/\/dev.davidgriso.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56ae1870 e-con-full dg-hero e-flex e-con e-parent\" data-id=\"56ae1870\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4361d8a0 elementor-widget elementor-widget-html\" data-id=\"4361d8a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@1,900&family=Inter:wght@400;500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');\n\n:root {\n  --accent: #e0d862;\n  --bg: #0a0a0a;\n  --main-bg: #0d0b0b;\n  --cream: #f0ede6;\n  --cream-dim: #e1ded7;\n  --cream-muted: #c8c3b5;\n}\n\nbody.dg-page,\nbody.dg-page.elementor-page {\n  background: var(--main-bg);\n  color: var(--cream);\n  font-family: \"Inter\", sans-serif;\n  overflow: hidden;\n}\n\nbody.dg-page.menu-open { overflow: hidden; }\n\n\/* ============ HERO CONTAINER ============ *\/\n.dg-hero {\n  position: relative !important;\n  width: 100vw !important;\n  min-height: 100vh !important;\n  height: 100vh !important;\n  overflow: hidden !important;\n  background-color: var(--main-bg) !important;\n  background-size: cover !important;\n  background-position: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.dg-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: inherit;\n  background-size: cover;\n  background-position: center;\n  filter: grayscale(100%);\n  z-index: 0;\n}\n\n.dg-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.38);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.dg-hero > .e-con-inner,\n.dg-hero > .elementor-element {\n  position: relative;\n  z-index: 2;\n}\n\n\/* ============ NAME BLOCK (top-left) ============ *\/\n.dg-name-block {\n  position: absolute !important;\n  top: 18px !important;\n  left: 24px !important;\n  z-index: 10 !important;\n  width: auto !important;\n  padding: 0 !important;\n  gap: 0 !important;\n}\n\n.dg-name-block .dg-name h1.elementor-heading-title {\n  font-family: \"Playfair Display\", serif !important;\n  font-size: clamp(3.5rem, 9.5vw, 8.5rem) !important;\n  font-weight: 400 !important;\n  color: var(--cream) !important;\n  letter-spacing: -0.02em !important;\n  line-height: 1 !important;\n  margin: 0 !important;\n}\n\n.dg-name-block .dg-available {\n  margin-top: 8px !important;\n}\n\n.dg-name-block .dg-available .elementor-widget-container,\n.dg-name-block .dg-available .elementor-widget-container p {\n  font-size: 10px !important;\n  letter-spacing: 0.28em !important;\n  color: var(--cream-muted) !important;\n  text-transform: uppercase !important;\n  font-family: \"Inter\", sans-serif !important;\n  margin: 0 !important;\n}\n\n\/* ============ DESCRIPTOR (right) ============ *\/\n.dg-descriptor {\n  position: absolute !important;\n  right: 4vw !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  z-index: 10 !important;\n  text-align: right !important;\n  width: auto !important;\n  padding: 0 !important;\n  gap: 0 !important;\n  align-items: flex-end !important;\n}\n\n.dg-descriptor .dg-word .elementor-heading-title {\n  font-family: \"Barlow Condensed\", sans-serif !important;\n  font-weight: 900 !important;\n  font-size: clamp(2.8rem, 5.5vw, 5rem) !important;\n  color: var(--cream) !important;\n  text-transform: uppercase !important;\n  line-height: 0.9 !important;\n  margin: 0 !important;\n  font-style: italic !important;\n}\n\n.dg-descriptor .dg-word.dg-italic .elementor-heading-title {\n  font-family: \"Playfair Display\", serif !important;\n  font-weight: 400 !important;\n  color: var(--accent) !important;\n  font-style: italic !important;\n}\n\n.dg-descriptor .dg-stories-btn {\n  margin-top: 22px !important;\n}\n\n.dg-descriptor .dg-stories-btn .elementor-button {\n  border: 1.5px solid var(--cream) !important;\n  color: var(--cream) !important;\n  background: transparent !important;\n  border-radius: 999px !important;\n  padding: 11px 32px !important;\n  font-size: 11px !important;\n  letter-spacing: 0.2em !important;\n  text-transform: uppercase !important;\n  font-family: \"Inter\", sans-serif !important;\n  font-weight: 400 !important;\n  transition: background 0.25s ease, color 0.25s ease !important;\n}\n\n.dg-descriptor .dg-stories-btn .elementor-button:hover {\n  background: var(--cream) !important;\n  color: var(--main-bg) !important;\n}\n\n.dg-descriptor .dg-barcode {\n  margin-top: 20px !important;\n  text-align: right !important;\n}\n.dg-descriptor .dg-barcode .elementor-widget-container {\n  display: inline-block !important;\n}\n\n\/* ============ PHOTOGRAPHER TITLE (bottom-left) ============ *\/\n.dg-photographer-title {\n  position: absolute !important;\n  bottom: 52px !important;\n  left: 3vw !important;\n  z-index: 10 !important;\n  width: auto !important;\n  padding: 0 !important;\n  gap: 0 !important;\n  line-height: 0.92 !important;\n}\n\n.dg-photographer-title .dg-pt-line .elementor-heading-title {\n  font-family: \"Barlow Condensed\", sans-serif !important;\n  font-weight: 900 !important;\n  font-style: italic !important;\n  font-size: clamp(1.8rem, 4vw, 3.2rem) !important;\n  color: var(--cream) !important;\n  text-transform: uppercase !important;\n  margin: 0 !important;\n  line-height: 0.92 !important;\n}\n\n.dg-photographer-title .dg-pt-line.dg-accent .elementor-heading-title {\n  color: var(--accent) !important;\n}\n\n\/* ============ META CARD (bottom-right) ============ *\/\n.dg-meta-card-wrap {\n  position: absolute !important;\n  bottom: 52px !important;\n  right: 4vw !important;\n  z-index: 10 !important;\n  width: auto !important;\n  padding: 0 !important;\n}\n\n.dg-meta-card {\n  border: 1px solid rgba(224, 216, 98, 0.45);\n  display: grid;\n  grid-template-columns: 28px 1fr;\n  font-family: \"Inter\", sans-serif;\n  background: transparent;\n  min-width: 280px;\n}\n.dg-meta-card .vertical-label {\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 8px;\n  letter-spacing: 0.2em;\n  color: var(--accent);\n  background: rgba(0, 0, 0, 0.5);\n  padding: 8px 6px;\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dg-meta-card .meta-right {\n  display: flex;\n  flex-direction: column;\n}\n.dg-meta-card .meta-top {\n  display: flex;\n  justify-content: space-between;\n  padding: 5px 10px;\n  border-bottom: 1px solid rgba(224, 216, 98, 0.35);\n  font-size: 9px;\n  color: var(--accent);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.dg-meta-card .meta-bottom {\n  padding: 5px 10px;\n  font-size: 8px;\n  color: var(--accent);\n  line-height: 1.7;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n\/* ============ CONTACT BAR (bottom) ============ *\/\n.dg-contact-bar {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  z-index: 10 !important;\n  height: 40px !important;\n  border-top: 0.5px solid rgba(240, 237, 230, 0.18) !important;\n  display: flex !important;\n  flex-direction: row !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  padding: 0 3vw !important;\n  gap: 0 !important;\n  flex-wrap: nowrap !important;\n}\n\n.dg-contact-bar .dg-contact-item {\n  width: auto !important;\n  padding: 0 !important;\n}\n.dg-contact-bar .dg-contact-item .elementor-heading-title,\n.dg-contact-bar .dg-contact-item a {\n  font-size: 9px !important;\n  letter-spacing: 0.2em !important;\n  color: var(--accent) !important;\n  text-transform: uppercase !important;\n  font-family: \"Inter\", sans-serif !important;\n  text-decoration: none !important;\n  font-weight: 400 !important;\n  transition: opacity 0.2s ease !important;\n  margin: 0 !important;\n}\n.dg-contact-bar .dg-contact-item a:hover { opacity: 0.7 !important; }\n\n\/* ============ PRELOADER ============ *\/\n#preloader {\n  position: fixed; top: 0; left: 0;\n  width: 100%; height: 100vh;\n  z-index: 9999998;\n  background: var(--bg);\n  display: flex; align-items: center; justify-content: center;\n  overflow: hidden; pointer-events: none;\n}\n.preloader-split-heading {\n  display: flex; overflow: hidden;\n  width: 100vw; justify-content: center;\n  z-index: 99; position: absolute;\n}\n.preloader-split-heading h2 {\n  font-family: \"Playfair Display\", serif;\n  font-size: 8vw; line-height: 1em;\n  letter-spacing: -0.14em;\n  color: var(--accent);\n  margin: 0; white-space: nowrap;\n}\n.preloader-split-heading span.inner {\n  position: relative; display: inline-block;\n  vertical-align: bottom; opacity: 0;\n}\n.images_wrapper {\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 40vw; height: 0;\n  border-radius: 10px; overflow: hidden;\n}\n.images_content {\n  position: absolute; top: 0; left: 0;\n  width: 100%; height: 100%;\n  background-size: cover; background-position: center;\n  filter: grayscale(1);\n  border: 2px solid var(--main-bg);\n  display: none;\n}\n.images_content.first  { background-image: url('https:\/\/images.unsplash.com\/photo-1606800052052-a08af7148866?w=800&q=80'); }\n.images_content.second { background-image: url('https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?w=800&q=80'); }\n.images_content.third  { background-image: url('https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?w=800&q=80'); }\n.images_content.fourth { background-image: url('https:\/\/images.unsplash.com\/photo-1529636444744-adffc9135a5e?w=800&q=80'); }\n.images_content.fifth  { background-image: url('https:\/\/images.unsplash.com\/photo-1606800052052-a08af7148866?w=800&q=80'); }\n.images_content.sixth  { background-image: url('https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?w=800&q=80'); }\n\n\/* ============ HAMBURGER ============ *\/\n.hamburger {\n  position: fixed; top: 22px; right: 28px;\n  z-index: 1000; cursor: pointer;\n  background: transparent; border: 0; padding: 6px;\n}\n.hamburger span {\n  display: block; width: 24px; height: 1.5px;\n  background: var(--cream); margin: 5px 0;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n.hamburger:hover span:nth-child(1) { transform: translateX(-2px); }\n.hamburger:hover span:nth-child(3) { transform: translateX(2px); }\n\n\/* ============ MENU OVERLAY ============ *\/\n.menu-overlay {\n  position: fixed; inset: 0; z-index: 9999;\n  background: var(--bg);\n  visibility: hidden; pointer-events: none;\n  clip-path: inset(0 0 100% 0);\n  transition: clip-path 0.85s cubic-bezier(.76,0,.24,1), visibility 0s linear 0.85s;\n}\n.menu-overlay.is-open {\n  visibility: visible; pointer-events: auto;\n  clip-path: inset(0 0 0 0);\n  transition: clip-path 0.85s cubic-bezier(.76,0,.24,1);\n}\n.menu-bg-image {\n  position: absolute; inset: 0;\n  background-image: url('https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?w=1600&q=80');\n  background-size: cover; background-position: center;\n  filter: grayscale(1) brightness(0.32);\n  opacity: 0;\n  transition: opacity 0.7s ease 0.25s;\n}\n.menu-overlay.is-open .menu-bg-image { opacity: 0.55; }\n.menu-grain {\n  position: absolute; inset: 0; pointer-events: none;\n  opacity: 0.06; mix-blend-mode: overlay;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n.menu-close {\n  position: absolute; top: 18px; right: 24px;\n  width: 42px; height: 42px;\n  background: transparent; border: 0; cursor: pointer; z-index: 5;\n}\n.menu-close span {\n  position: absolute; top: 50%; left: 50%;\n  width: 26px; height: 1.5px;\n  background: var(--cream);\n  transition: background 0.25s ease;\n}\n.menu-close span:first-child { transform: translate(-50%,-50%) rotate(45deg); }\n.menu-close span:last-child  { transform: translate(-50%,-50%) rotate(-45deg); }\n.menu-close:hover span { background: var(--accent); }\n.menu-corner-tag {\n  position: absolute; top: 22px; left: 28px; z-index: 5;\n  font-family: \"Inter\", sans-serif;\n  font-size: 10px; letter-spacing: 0.3em;\n  text-transform: uppercase; color: var(--cream-muted);\n}\n.menu-corner-tag em {\n  color: var(--accent); font-style: italic;\n  font-family: \"Playfair Display\", serif;\n  text-transform: lowercase; letter-spacing: 0; font-size: 13px;\n}\n.menu-inner {\n  position: relative; z-index: 2;\n  height: 100%; width: 100%;\n  display: grid; grid-template-rows: 1fr auto;\n  padding: 16vh 6vw 10vh;\n}\n.menu-list {\n  list-style: none; margin: 0; padding: 0;\n  display: flex; flex-direction: column;\n  gap: clamp(6px, 1vh, 14px);\n}\n.menu-item { overflow: hidden; position: relative; }\n.menu-item a {\n  display: flex; align-items: baseline;\n  gap: clamp(14px, 2vw, 28px);\n  text-decoration: none; color: var(--cream);\n  font-family: \"Playfair Display\", serif;\n  font-weight: 400;\n  font-size: clamp(2.6rem, 7.5vw, 6.5rem);\n  line-height: 1.05; letter-spacing: -0.02em;\n  transform: translateY(110%);\n  transition: transform 0.7s cubic-bezier(.76,0,.24,1), color 0.3s ease;\n  will-change: transform;\n}\n.menu-overlay.is-open .menu-item a { transform: translateY(0); }\n.menu-overlay.is-open .menu-item:nth-child(1) a { transition-delay: 0.35s, 0s; }\n.menu-overlay.is-open .menu-item:nth-child(2) a { transition-delay: 0.42s, 0s; }\n.menu-overlay.is-open .menu-item:nth-child(3) a { transition-delay: 0.49s, 0s; }\n.menu-overlay.is-open .menu-item:nth-child(4) a { transition-delay: 0.56s, 0s; }\n.menu-overlay.is-open .menu-item:nth-child(5) a { transition-delay: 0.63s, 0s; }\n.menu-item a:hover { color: var(--accent); }\n.menu-item a:hover .menu-label { font-style: italic; }\n.menu-num {\n  font-family: \"Inter\", sans-serif;\n  font-size: 11px; font-weight: 500;\n  letter-spacing: 0.3em; color: var(--accent);\n  align-self: flex-start; padding-top: 1.4em;\n}\n.menu-label em { font-style: italic; color: var(--accent); }\n.menu-contact {\n  display: flex; gap: clamp(24px, 6vw, 80px);\n  flex-wrap: wrap; align-items: flex-end;\n  border-top: 1px solid rgba(240, 237, 230, 0.12);\n  padding-top: 28px;\n  opacity: 0; transform: translateY(20px);\n  transition: opacity 0.6s ease 0.75s, transform 0.6s ease 0.75s;\n}\n.menu-overlay.is-open .menu-contact { opacity: 1; transform: translateY(0); }\n.menu-contact-block { display: flex; flex-direction: column; gap: 6px; }\n.menu-eyebrow {\n  font-size: 9px; letter-spacing: 0.3em;\n  color: var(--cream-muted); text-transform: uppercase;\n}\n.menu-contact-block a {\n  color: var(--cream); text-decoration: none;\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(15px, 1.4vw, 19px);\n  transition: color 0.25s ease;\n}\n.menu-contact-block a:hover { color: var(--accent); }\n.menu-spacer { flex: 1 0 auto; }\n.menu-stamp {\n  text-align: right; font-family: \"Inter\", sans-serif;\n  font-size: 9px; letter-spacing: 0.25em;\n  color: var(--cream-muted); text-transform: uppercase;\n}\n.menu-stamp em {\n  color: var(--accent); font-family: \"Playfair Display\", serif;\n  font-style: italic; text-transform: lowercase;\n  letter-spacing: 0; font-size: 13px;\n}\n\n\/* ============ MOBILE ============ *\/\n@media (max-width: 768px) {\n  .dg-name-block .dg-name h1.elementor-heading-title { font-size: clamp(2.5rem, 12vw, 4rem) !important; }\n  .dg-meta-card-wrap { display: none !important; }\n  .dg-descriptor .dg-word .elementor-heading-title { font-size: clamp(2rem, 8vw, 3rem) !important; }\n  .dg-descriptor .dg-word.dg-italic .elementor-heading-title { font-size: clamp(2rem, 8vw, 3rem) !important; }\n  .dg-photographer-title .dg-pt-line .elementor-heading-title { font-size: clamp(1.4rem, 5vw, 2.2rem) !important; }\n  .dg-contact-bar .dg-contact-item .elementor-heading-title,\n  .dg-contact-bar .dg-contact-item a { font-size: 8px !important; }\n  .dg-contact-bar { padding: 0 4vw !important; }\n  .dg-contact-bar .dg-contact-center { display: none !important; }\n  .preloader-split-heading h2 { font-size: 11vw; }\n  .images_wrapper { width: 70vw; }\n  .menu-inner { padding: 14vh 7vw 8vh; }\n  .menu-item a { font-size: clamp(2.2rem, 11vw, 4rem); gap: 14px; }\n  .menu-num { font-size: 10px; padding-top: 1.1em; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0c20c9 elementor-widget elementor-widget-html\" data-id=\"2d0c20c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- PRELOADER -->\n<div id=\"preloader\">\n  <div class=\"preloader-split-heading\">\n    <h2>\n      <span class=\"inner\">D<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">A<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">V<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">I<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">D<\/span><span class=\"inner\">&nbsp;&nbsp;<\/span><span class=\"inner\">G<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">R<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">I<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">S<\/span><span class=\"inner\">&nbsp;<\/span><span class=\"inner\">O<\/span>\n    <\/h2>\n  <\/div>\n  <div class=\"images_wrapper\">\n    <div class=\"images_content first\"><\/div>\n    <div class=\"images_content second\"><\/div>\n    <div class=\"images_content third\"><\/div>\n    <div class=\"images_content fourth\"><\/div>\n    <div class=\"images_content fifth\"><\/div>\n    <div class=\"images_content sixth\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- HAMBURGER -->\n<button class=\"hamburger\" aria-label=\"Open menu\" aria-controls=\"menu-overlay\" aria-expanded=\"false\">\n  <span><\/span><span><\/span><span><\/span>\n<\/button>\n\n<!-- MENU OVERLAY -->\n<nav id=\"menu-overlay\" class=\"menu-overlay\" aria-hidden=\"true\">\n  <div class=\"menu-bg-image\"><\/div>\n  <div class=\"menu-grain\"><\/div>\n  <div class=\"menu-corner-tag\">Index <em>\u00b7<\/em> 2024<\/div>\n  <button class=\"menu-close\" aria-label=\"Close menu\"><span><\/span><span><\/span><\/button>\n  <div class=\"menu-inner\">\n    <ul class=\"menu-list\">\n      <li class=\"menu-item\"><a href=\"#\"><span class=\"menu-num\">01<\/span><span class=\"menu-label\">Portfolio<\/span><\/a><\/li>\n      <li class=\"menu-item\"><a href=\"#\"><span class=\"menu-num\">02<\/span><span class=\"menu-label\">About <em>us<\/em><\/span><\/a><\/li>\n      <li class=\"menu-item\"><a href=\"#\"><span class=\"menu-num\">03<\/span><span class=\"menu-label\"><em>Stories<\/em><\/span><\/a><\/li>\n      <li class=\"menu-item\"><a href=\"#\"><span class=\"menu-num\">04<\/span><span class=\"menu-label\">Contact<\/span><\/a><\/li>\n      <li class=\"menu-item\"><a href=\"#\"><span class=\"menu-num\">05<\/span><span class=\"menu-label\">Blog<\/span><\/a><\/li>\n    <\/ul>\n    <div class=\"menu-contact\">\n      <div class=\"menu-contact-block\">\n        <span class=\"menu-eyebrow\">Phone<\/span>\n        <a href=\"tel:+34699033926\">T. 699 033 926<\/a>\n      <\/div>\n      <div class=\"menu-contact-block\">\n        <span class=\"menu-eyebrow\">Email<\/span>\n        <a href=\"mailto:hola@davidgriso.com\">hola@davidgriso.com<\/a>\n      <\/div>\n      <div class=\"menu-contact-block\">\n        <span class=\"menu-eyebrow\">Social<\/span>\n        <a href=\"https:\/\/instagram.com\/david_griso\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n      <\/div>\n      <div class=\"menu-spacer\"><\/div>\n      <div class=\"menu-stamp\">Barcelona <em>\u00b7<\/em> Worldwide<\/div>\n    <\/div>\n  <\/div>\n<\/nav>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d83b702 e-con-full dg-name-block e-flex e-con e-child\" data-id=\"2d83b702\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4988a789 dg-name elementor-widget elementor-widget-heading\" data-id=\"4988a789\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">David Griso<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3e7ff2 dg-available elementor-widget elementor-widget-text-editor\" data-id=\"3e3e7ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tAvailable Worldwide\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-521ac2b9 e-con-full dg-descriptor e-flex e-con e-child\" data-id=\"521ac2b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c64a794 dg-word elementor-widget elementor-widget-heading\" data-id=\"6c64a794\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Honest<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c9cedb6 dg-word elementor-widget elementor-widget-heading\" data-id=\"7c9cedb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creative<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48bbfb67 dg-word dg-italic elementor-widget elementor-widget-heading\" data-id=\"48bbfb67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Storyteller<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70f98cf4 dg-stories-btn elementor-widget elementor-widget-button\" data-id=\"70f98cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Stories<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b47839 dg-barcode elementor-widget elementor-widget-html\" data-id=\"79b47839\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"barcode\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29425cec e-con-full dg-photographer-title e-flex e-con e-child\" data-id=\"29425cec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-581c5baf dg-pt-line elementor-widget elementor-widget-heading\" data-id=\"581c5baf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Natural &amp;<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65b6047b dg-pt-line elementor-widget elementor-widget-heading\" data-id=\"65b6047b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Cinematographic<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d4670b dg-pt-line dg-accent elementor-widget elementor-widget-heading\" data-id=\"55d4670b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Wedding<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41ed7eec dg-pt-line dg-accent elementor-widget elementor-widget-heading\" data-id=\"41ed7eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Photograper<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4255954b e-con-full dg-meta-card-wrap e-flex e-con e-child\" data-id=\"4255954b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c2ee9b2 elementor-widget elementor-widget-html\" data-id=\"5c2ee9b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"dg-meta-card\">\n  <div class=\"vertical-label\">BCN 24<\/div>\n  <div class=\"meta-right\">\n    <div class=\"meta-top\">\n      <span>Art Director \u00a9 David Griso<\/span>\n      <span>24<\/span>\n    <\/div>\n    <div class=\"meta-bottom\">\n      Vallespir Street, Barcelona, Catalunya<br>\n      Designed for Innovation<br>\n      Lover of People\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3373d8d5 e-con-full dg-contact-bar e-flex e-con e-child\" data-id=\"3373d8d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6edb7c0f dg-contact-item dg-contact-left elementor-widget elementor-widget-heading\" data-id=\"6edb7c0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"tel:+34699033926\">T. 699 033 926<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7562cd4d dg-contact-item dg-contact-center elementor-widget elementor-widget-heading\" data-id=\"7562cd4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"mailto:hola@davidgriso.com\">E. hola@davidgriso.com<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-236faf74 dg-contact-item dg-contact-right elementor-widget elementor-widget-heading\" data-id=\"236faf74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/instagram.com\/david_griso\" target=\"_blank\">Instagram<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46771367 elementor-widget elementor-widget-html\" data-id=\"46771367\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script>\ndocument.body.classList.add('dg-page');\n\n\/* BARCODE *\/\n(function buildBarcode() {\n  const target = document.querySelector('.dg-barcode .elementor-widget-container') || document.getElementById('barcode');\n  if (!target) return;\n  const SVG_NS = \"http:\/\/www.w3.org\/2000\/svg\";\n  const bars = 80, barWidth = 1, gap = 1.5, maxH = 24, minH = 8;\n  const totalWidth = bars * (barWidth + gap);\n  const svg = document.createElementNS(SVG_NS, \"svg\");\n  svg.setAttribute(\"xmlns\", SVG_NS);\n  svg.setAttribute(\"width\", totalWidth);\n  svg.setAttribute(\"height\", maxH);\n  svg.setAttribute(\"viewBox\", `0 0 ${totalWidth} ${maxH}`);\n  svg.style.display = \"block\";\n  for (let i = 0; i < bars; i++) {\n    const h = Math.floor(Math.random() * (maxH - minH + 1)) + minH;\n    const rect = document.createElementNS(SVG_NS, \"rect\");\n    rect.setAttribute(\"x\", i * (barWidth + gap));\n    rect.setAttribute(\"y\", maxH - h);\n    rect.setAttribute(\"width\", barWidth);\n    rect.setAttribute(\"height\", h);\n    rect.setAttribute(\"fill\", \"#e0d862\");\n    svg.appendChild(rect);\n  }\n  target.appendChild(svg);\n})();\n\n\/* PRELOADER + HERO ENTRANCE *\/\nwindow.addEventListener(\"load\", () => {\n  if (typeof gsap === 'undefined') return;\n  const letters = document.querySelectorAll(\".preloader-split-heading span.inner\");\n  const wrapper = document.querySelector(\".images_wrapper\");\n  const panels  = document.querySelectorAll(\".images_content\");\n\n  const heroEls = [\n    \".dg-name-block .dg-name\",\n    \".dg-name-block .dg-available\",\n    \".hamburger\",\n    \".dg-descriptor .dg-word\",\n    \".dg-descriptor .dg-stories-btn\",\n    \".dg-descriptor .dg-barcode\",\n    \".dg-photographer-title .dg-pt-line\",\n    \".dg-meta-card-wrap\",\n    \".dg-contact-bar .dg-contact-item\"\n  ];\n  gsap.set(heroEls, { opacity: 0, y: 28 });\n  gsap.set(letters, { y: \"100%\", opacity: 0 });\n\n  const tl = gsap.timeline();\n  tl.to(letters, { opacity: 1, y: \"0%\", duration: 0.6, stagger: 0.045, ease: \"power3.out\" });\n  tl.to(wrapper, { height: \"40vh\", duration: 0.7, ease: \"power2.inOut\" }, \"-=0.2\");\n  panels.forEach((panel) => {\n    tl.call(() => {\n      panels.forEach(p => p.style.display = \"none\");\n      panel.style.display = \"block\";\n    });\n    tl.to({}, { duration: 0.22 });\n  });\n  tl.to(\"#preloader\", {\n    yPercent: -100, duration: 0.95, ease: \"power3.inOut\",\n    onComplete: () => {\n      const el = document.getElementById(\"preloader\");\n      if (el) el.style.display = \"none\";\n    }\n  }, \"+=0.05\");\n\n  const e = \"power3.out\";\n  tl.to(\".dg-name-block .dg-name\",          { opacity: 1, y: 0, duration: 1.0,  ease: e }, \"-=0.65\");\n  tl.to(\".dg-name-block .dg-available\",     { opacity: 1, y: 0, duration: 0.7,  ease: e }, \"-=0.85\");\n  tl.to(\".hamburger\",                       { opacity: 1, y: 0, duration: 0.6,  ease: e }, \"-=0.85\");\n  tl.to(\".dg-descriptor .dg-word\",          { opacity: 1, y: 0, duration: 0.95, stagger: 0.13, ease: e }, \"-=0.75\");\n  tl.to(\".dg-descriptor .dg-stories-btn\",   { opacity: 1, y: 0, duration: 0.7,  ease: e }, \"-=0.45\");\n  tl.to(\".dg-descriptor .dg-barcode\",       { opacity: 1, y: 0, duration: 0.55, ease: e }, \"-=0.55\");\n  tl.to(\".dg-photographer-title .dg-pt-line\",{opacity: 1, y: 0, duration: 0.95, stagger: 0.11, ease: e }, \"-=0.95\");\n  tl.to(\".dg-meta-card-wrap\",               { opacity: 1, y: 0, duration: 0.75, ease: e }, \"-=0.7\");\n  tl.to(\".dg-contact-bar .dg-contact-item\", { opacity: 1, y: 0, duration: 0.6,  stagger: 0.08, ease: e }, \"-=0.55\");\n});\n\n\/* MENU *\/\n(function setupMenu() {\n  const overlay = document.getElementById(\"menu-overlay\");\n  const openBtn = document.querySelector(\".hamburger\");\n  const closeBtn = document.querySelector(\".menu-close\");\n  if (!overlay || !openBtn || !closeBtn) return;\n  const open = () => {\n    overlay.classList.add(\"is-open\");\n    overlay.setAttribute(\"aria-hidden\", \"false\");\n    openBtn.setAttribute(\"aria-expanded\", \"true\");\n    document.body.classList.add(\"menu-open\");\n  };\n  const close = () => {\n    overlay.classList.remove(\"is-open\");\n    overlay.setAttribute(\"aria-hidden\", \"true\");\n    openBtn.setAttribute(\"aria-expanded\", \"false\");\n    document.body.classList.remove(\"menu-open\");\n  };\n  openBtn.addEventListener(\"click\", open);\n  closeBtn.addEventListener(\"click\", close);\n  document.addEventListener(\"keydown\", (e) => {\n    if (e.key === \"Escape\" && overlay.classList.contains(\"is-open\")) close();\n  });\n})();\n<\/script>\n\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>D&nbsp;A&nbsp;V&nbsp;I&nbsp;D&nbsp;&nbsp;G&nbsp;R&nbsp;I&nbsp;S&nbsp;O Index \u00b7 2024 01Portfolio 02About us 03Stories 04Contact 05Blog Phone T. 699 033 926 Email hola@davidgriso.com Social Instagram Barcelona \u00b7 Worldwide David Griso Available Worldwide Honest Creative Storyteller Stories Natural &amp; Cinematographic Wedding Photograper BCN 24 Art Director \u00a9 David Griso 24 Vallespir Street, Barcelona, Catalunya Designed for Innovation Lover of People T. 699 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":29,"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/dev.davidgriso.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}