{"id":2882,"date":"2022-12-25T14:23:13","date_gmt":"2022-12-25T14:23:13","guid":{"rendered":"https:\/\/weblearnbd.net\/wp\/harry\/?page_id=2882"},"modified":"2026-10-28T07:44:50","modified_gmt":"2026-10-28T07:44:50","slug":"servizi-pubblicitari","status":"publish","type":"page","link":"https:\/\/gilbertkablan.it\/en\/servizi-pubblicitari\/","title":{"rendered":"Servizi pubblicitari"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2882\" class=\"elementor elementor-2882\">\n\t\t\t\t<div class=\"elementor-element elementor-element-045cee0 e-con-full e-flex e-con e-parent\" data-id=\"045cee0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e45f74 elementor-widget elementor-widget-html\" data-id=\"5e45f74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   GILBERT KABLAN \u2014 SERVICES\r\n   ========================================================= *\/\r\n\r\n.gk-services {\r\n    --gk-bg: #050505;\r\n    --gk-text: #ffffff;\r\n    --gk-muted: rgba(255,255,255,.68);\r\n    --gk-soft: rgba(255,255,255,.06);\r\n    --gk-border: rgba(255,255,255,.16);\r\n    --gk-border-strong: rgba(255,255,255,.30);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--gk-bg);\r\n    color: var(--gk-text);\r\n\r\n    font-family: inherit;\r\n}\r\n\r\n.gk-services * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gk-services a {\r\n    color: inherit;\r\n}\r\n\r\n.gk-services-container {\r\n    width: min(1250px, calc(100% - 64px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VIDEO\r\n   ========================================================= *\/\r\n\r\n.gk-services-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100vh;\r\n    height: 100svh;\r\n\r\n    min-height: 600px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #050505;\r\n}\r\n\r\n.gk-services-hero video {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n\r\n    transform: scale(1);\r\n\r\n    transition:\r\n        transform 1.2s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.gk-services-hero:hover video {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO OVERLAY\r\n   ========================================================= *\/\r\n\r\n.gk-services-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0,0,0,.48) 0%,\r\n            rgba(0,0,0,.10) 30%,\r\n            rgba(0,0,0,.08) 60%,\r\n            rgba(0,0,0,.68) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TOP BAR\r\n   ========================================================= *\/\r\n\r\n.gk-services-topbar {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    padding: 28px 34px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 12px;\r\n    line-height: 1;\r\n\r\n    letter-spacing: .08em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n.gk-services-hero-content {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    padding: 30px;\r\n\r\n    text-align: center;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.gk-services-hero-label {\r\n    margin-bottom: 18px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .18em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: .82;\r\n}\r\n\r\n.gk-services-hero-title {\r\n    margin: 0;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: clamp(70px, 13vw, 190px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: .82;\r\n\r\n    letter-spacing: -.055em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO BOTTOM\r\n   ========================================================= *\/\r\n\r\n.gk-services-bottom {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 100%;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    padding: 28px 34px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n   ========================================================= *\/\r\n\r\n.gk-services-label {\r\n    margin: 0 0 30px;\r\n\r\n    color: rgba(255,255,255,.55);\r\n\r\n    font-size: 10px;\r\n    line-height: 1;\r\n\r\n    letter-spacing: .18em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gk-services-display {\r\n    margin: 0;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: clamp(50px, 7.4vw, 112px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: .9;\r\n\r\n    letter-spacing: -.055em;\r\n}\r\n\r\n.gk-services-heading {\r\n    margin: 0;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: clamp(34px, 4vw, 62px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: .96;\r\n\r\n    letter-spacing: -.04em;\r\n}\r\n\r\n.gk-services p {\r\n    color: var(--gk-muted);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.gk-services-intro {\r\n    padding: clamp(100px, 12vw, 180px) 0;\r\n}\r\n\r\n.gk-services-intro-title {\r\n    max-width: 1100px;\r\n}\r\n\r\n.gk-services-intro-bottom {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .9fr)\r\n        minmax(0, 1.1fr);\r\n\r\n    gap: clamp(50px, 8vw, 130px);\r\n\r\n    align-items: end;\r\n\r\n    margin-top: clamp(55px, 8vw, 100px);\r\n}\r\n\r\n.gk-services-intro-description {\r\n    max-width: 680px;\r\n}\r\n\r\n.gk-services-intro-description p {\r\n    margin: 0;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n\r\n.gk-services-actions {\r\n    display: flex;\r\n\r\n    gap: 12px;\r\n\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.gk-services-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 46px;\r\n\r\n    padding: 0 20px;\r\n\r\n    border: 1px solid var(--gk-border-strong);\r\n\r\n    color: #ffffff !important;\r\n\r\n    background: transparent;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: .11em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        color .3s ease,\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.gk-services-button:hover {\r\n    background: #ffffff;\r\n\r\n    color: #050505 !important;\r\n\r\n    border-color: #ffffff;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.gk-services-button--white {\r\n    background: #ffffff;\r\n\r\n    color: #050505 !important;\r\n\r\n    border-color: #ffffff;\r\n}\r\n\r\n.gk-services-button--white:hover {\r\n    background: transparent;\r\n\r\n    color: #ffffff !important;\r\n\r\n    border-color: var(--gk-border-strong);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PILLARS\r\n   ========================================================= *\/\r\n\r\n.gk-services-pillars {\r\n    padding-bottom: clamp(100px, 12vw, 170px);\r\n}\r\n\r\n.gk-services-pillars-head {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(180px, .32fr)\r\n        minmax(0, 1fr);\r\n\r\n    gap: clamp(50px, 9vw, 150px);\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.gk-services-pillars-copy {\r\n    max-width: 760px;\r\n}\r\n\r\n.gk-services-pillars-copy p {\r\n    margin: 25px 0 0;\r\n}\r\n\r\n.gk-services-pillars-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    border-top: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-pillar {\r\n    position: relative;\r\n\r\n    min-height: 370px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding: 30px;\r\n\r\n    border-right: 1px solid var(--gk-border);\r\n    border-bottom: 1px solid var(--gk-border);\r\n\r\n    transition:\r\n        background .4s ease,\r\n        color .4s ease,\r\n        transform .4s ease;\r\n}\r\n\r\n.gk-services-pillar:first-child {\r\n    border-left: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-pillar:hover {\r\n    background: #ffffff;\r\n\r\n    color: #050505;\r\n\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.gk-services-pillar-number {\r\n    font-size: 10px;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    color: rgba(255,255,255,.45);\r\n}\r\n\r\n.gk-services-pillar:hover .gk-services-pillar-number {\r\n    color: rgba(5,5,5,.48);\r\n}\r\n\r\n.gk-services-pillar-bottom h3 {\r\n    margin: 0 0 18px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: clamp(27px, 2.7vw, 40px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -.035em;\r\n}\r\n\r\n.gk-services-pillar:hover h3 {\r\n    color: #050505 !important;\r\n}\r\n\r\n.gk-services-pillar p {\r\n    max-width: 330px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.63);\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n.gk-services-pillar:hover p {\r\n    color: rgba(5,5,5,.65);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES GRID\r\n   ========================================================= *\/\r\n\r\n.gk-services-list-section {\r\n    padding-bottom: clamp(110px, 13vw, 180px);\r\n}\r\n\r\n.gk-services-list-head {\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.gk-services-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    border-top: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-service {\r\n    min-height: 310px;\r\n\r\n    padding: 30px;\r\n\r\n    border-right: 1px solid var(--gk-border);\r\n    border-bottom: 1px solid var(--gk-border);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.gk-service:nth-child(odd) {\r\n    border-left: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-service:hover {\r\n    background: var(--gk-soft);\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.gk-service-top {\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 65px;\r\n}\r\n\r\n.gk-service-number {\r\n    color: rgba(255,255,255,.40);\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n.gk-service-arrow {\r\n    color: rgba(255,255,255,.52);\r\n\r\n    font-size: 17px;\r\n\r\n    transform: rotate(-45deg);\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.gk-service:hover .gk-service-arrow {\r\n    transform: rotate(0deg);\r\n}\r\n\r\n.gk-service h3 {\r\n    margin: 0 0 20px;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: clamp(28px, 3vw, 42px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: -.035em;\r\n}\r\n\r\n.gk-service p {\r\n    max-width: 560px;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n.gk-service-tags {\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 28px;\r\n}\r\n\r\n.gk-service-tag {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 30px;\r\n\r\n    padding: 0 11px;\r\n\r\n    border: 1px solid rgba(255,255,255,.14);\r\n\r\n    color: rgba(255,255,255,.60);\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: .08em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   METHOD\r\n   ========================================================= *\/\r\n\r\n.gk-services-method {\r\n    padding-bottom: clamp(110px, 13vw, 180px);\r\n}\r\n\r\n.gk-services-method-head {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(180px, .32fr)\r\n        minmax(0, 1fr);\r\n\r\n    gap: clamp(50px, 9vw, 150px);\r\n\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.gk-services-method-copy {\r\n    max-width: 760px;\r\n}\r\n\r\n.gk-services-method-copy p {\r\n    margin: 25px 0 0;\r\n}\r\n\r\n.gk-services-method-track {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(7, minmax(0, 1fr));\r\n\r\n    border-top: 1px solid var(--gk-border);\r\n    border-left: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-step {\r\n    min-height: 190px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding: 20px;\r\n\r\n    border-right: 1px solid var(--gk-border);\r\n    border-bottom: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-step-number {\r\n    color: rgba(255,255,255,.38);\r\n\r\n    font-size: 9px;\r\n}\r\n\r\n.gk-services-step-name {\r\n    color: #ffffff;\r\n\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PARTNER\r\n   ========================================================= *\/\r\n\r\n.gk-services-partner {\r\n    padding-bottom: clamp(110px, 13vw, 180px);\r\n}\r\n\r\n.gk-services-partner-inner {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .9fr)\r\n        minmax(0, 1.1fr);\r\n\r\n    gap: clamp(55px, 8vw, 130px);\r\n}\r\n\r\n.gk-services-partner-copy p {\r\n    margin: 28px 0 0;\r\n}\r\n\r\n.gk-services-partner-list {\r\n    border-top: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-partner-row {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        120px\r\n        minmax(0, 1fr);\r\n\r\n    gap: 30px;\r\n\r\n    padding: 24px 0;\r\n\r\n    border-bottom: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-partner-row span:first-child {\r\n    color: rgba(255,255,255,.42);\r\n\r\n    font-size: 9px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.gk-services-partner-row span:last-child {\r\n    color: rgba(255,255,255,.80);\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n   ========================================================= *\/\r\n\r\n.gk-services-contact {\r\n    padding: clamp(110px, 14vw, 210px) 0;\r\n\r\n    border-top: 1px solid var(--gk-border);\r\n}\r\n\r\n.gk-services-contact-title {\r\n    max-width: 1050px;\r\n}\r\n\r\n.gk-services-contact-text {\r\n    max-width: 620px;\r\n\r\n    margin: 45px 0 40px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.gk-services-footer {\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    padding: 30px 34px;\r\n\r\n    border-top: 1px solid rgba(255,255,255,.12);\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n\r\n    letter-spacing: .1em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .gk-services-container {\r\n        width: min(100% - 48px, 1250px);\r\n    }\r\n\r\n    .gk-services-pillars-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gk-services-pillar {\r\n        min-height: 280px;\r\n\r\n        border-left: 1px solid var(--gk-border);\r\n    }\r\n\r\n    .gk-services-method-track {\r\n        grid-template-columns:\r\n            repeat(4, minmax(0, 1fr));\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .gk-services-container {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    .gk-services-hero {\r\n        height: 100vh;\r\n        height: 100svh;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n    .gk-services-hero video {\r\n        transform: none !important;\r\n    }\r\n\r\n    .gk-services-topbar {\r\n        padding: 18px 20px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n    .gk-services-bottom {\r\n        padding: 18px 20px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: .08em;\r\n    }\r\n\r\n    .gk-services-hero-content {\r\n        padding: 20px;\r\n    }\r\n\r\n    .gk-services-hero-label {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: .14em;\r\n    }\r\n\r\n    .gk-services-hero-title {\r\n        font-size: clamp(55px, 16vw, 100px);\r\n    }\r\n\r\n    .gk-services-intro-bottom,\r\n    .gk-services-pillars-head,\r\n    .gk-services-method-head,\r\n    .gk-services-partner-inner {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n    .gk-services-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gk-service {\r\n        border-left: 1px solid var(--gk-border);\r\n    }\r\n\r\n    .gk-services-method-track {\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .gk-services-partner-row {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n    .gk-services-footer {\r\n        padding: 24px 20px;\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .gk-services-container {\r\n        width: calc(100% - 32px);\r\n    }\r\n\r\n    .gk-services-hero-title {\r\n        font-size: 55px;\r\n    }\r\n\r\n    .gk-services-actions {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .gk-services-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .gk-services-method-track {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .gk-services-hero video,\r\n    .gk-services-pillar,\r\n    .gk-service,\r\n    .gk-service-arrow,\r\n    .gk-services-button {\r\n        transition: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"gk-services\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-hero\">\r\n\r\n\r\n        <video\r\n            id=\"gkServicesVideo\"\r\n            autoplay\r\n muted\r\n loop\r\n playsinline\r\n webkit-playsinline\r\n preload=\"auto\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <source\r\n                src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/10\/Showreel2026.mp4\"\r\n                type=\"video\/mp4\"\r\n            >\r\n\r\n        <\/video>\r\n\r\n\r\n        <div class=\"gk-services-hero-overlay\"><\/div>\r\n\r\n\r\n        <div class=\"gk-services-topbar\">\r\n\r\n            <span>\r\n                Gilbert Kablan\r\n            <\/span>\r\n\r\n            <span>\r\n                Services \u2014 2026\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gk-services-hero-content\">\r\n\r\n            <div class=\"gk-services-hero-label\">\r\n                Creative Direction \u00b7 Design \u00b7 Digital\r\n            <\/div>\r\n\r\n            <h1 class=\"gk-services-hero-title\">\r\n                Servizi\r\n            <\/h1>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gk-services-bottom\">\r\n\r\n            <span>\r\n                Strategy \u00b7 Design \u00b7 Production\r\n            <\/span>\r\n\r\n            <span>\r\n                Scroll \u2193\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         INTRO\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-intro\">\r\n\r\n        <div class=\"gk-services-container\">\r\n\r\n\r\n            <div class=\"gk-services-label\">\r\n                What I Do \u2014 2026\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gk-services-intro-title\">\r\n\r\n                <h2 class=\"gk-services-display\">\r\n                    Idee, identit\u00e0<br>\r\n                    e strumenti digitali.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gk-services-intro-bottom\">\r\n\r\n\r\n                <div class=\"gk-services-actions\">\r\n\r\n                    <a\r\n                        class=\"gk-services-button gk-services-button--white\"\r\n                        href=\"mailto:gilbert@gilbertkablan.com\"\r\n                    >\r\n                        Parliamo del progetto\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        class=\"gk-services-button\"\r\n                        href=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/08\/Gilbert_Kablan_2026.pdf\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                    >\r\n                        Scarica il CV\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gk-services-intro-description\">\r\n\r\n                    <p>\r\n                        Lavoro tra direzione creativa, design e strategia digitale\r\n                        per costruire identit\u00e0, contenuti ed esperienze coerenti\r\n                        con gli obiettivi del brand.\r\n                        <br><br>\r\n                        Dal concept alla produzione, fino alla pubblicazione e\r\n                        alla misurazione dei risultati.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         THREE AREAS\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-pillars\">\r\n\r\n        <div class=\"gk-services-container\">\r\n\r\n\r\n            <div class=\"gk-services-pillars-head\">\r\n\r\n                <div>\r\n\r\n                    <div class=\"gk-services-label\">\r\n                        Areas\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gk-services-pillars-copy\">\r\n\r\n                    <h2 class=\"gk-services-heading\">\r\n                        Tre aree.<br>\r\n                        Una sola direzione.\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Strategia, linguaggio visivo e strumenti digitali\r\n                        vengono sviluppati come parti dello stesso sistema.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"gk-services-pillars-grid\">\r\n\r\n\r\n                <article class=\"gk-services-pillar\">\r\n\r\n                    <div class=\"gk-services-pillar-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div class=\"gk-services-pillar-bottom\">\r\n\r\n                        <h3>\r\n                            Direzione<br>Creativa\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Concept, art direction e sviluppo di una direzione\r\n                            visiva capace di dare coerenza alla comunicazione.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-services-pillar\">\r\n\r\n                    <div class=\"gk-services-pillar-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div class=\"gk-services-pillar-bottom\">\r\n\r\n                        <h3>\r\n                            Design &amp;<br>Contenuti\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Identit\u00e0, graphic design, fotografia, video,\r\n                            motion design e visual content per diversi canali.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-services-pillar\">\r\n\r\n                    <div class=\"gk-services-pillar-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div class=\"gk-services-pillar-bottom\">\r\n\r\n                        <h3>\r\n                            Digitale &amp;<br>Strategia\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Web, UX\/UI, advertising, SEO e analytics per\r\n                            trasformare la comunicazione in un sistema misurabile.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SERVICES\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-list-section\">\r\n\r\n        <div class=\"gk-services-container\">\r\n\r\n\r\n            <div class=\"gk-services-list-head\">\r\n\r\n                <div class=\"gk-services-label\">\r\n                    Services\r\n                <\/div>\r\n\r\n                <h2 class=\"gk-services-heading\">\r\n                    Cosa posso fare<br>\r\n                    per un progetto.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"gk-services-grid\">\r\n\r\n\r\n                <article class=\"gk-service\">\r\n\r\n                    <div class=\"gk-service-top\">\r\n                        <span class=\"gk-service-number\">01<\/span>\r\n                        <span class=\"gk-service-arrow\">\u2192<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>Creative Direction<\/h3>\r\n\r\n                    <p>\r\n                        Definizione del concept, della direzione visiva e del\r\n                        linguaggio creativo del progetto.\r\n                    <\/p>\r\n\r\n                    <div class=\"gk-service-tags\">\r\n                        <span class=\"gk-service-tag\">Concept<\/span>\r\n                        <span class=\"gk-service-tag\">Art Direction<\/span>\r\n                        <span class=\"gk-service-tag\">Campaign Development<\/span>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-service\">\r\n\r\n                    <div class=\"gk-service-top\">\r\n                        <span class=\"gk-service-number\">02<\/span>\r\n                        <span class=\"gk-service-arrow\">\u2192<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>Branding &amp; Identity<\/h3>\r\n\r\n                    <p>\r\n                        Costruzione o evoluzione dell\u2019identit\u00e0 di un brand,\r\n                        dal posizionamento al sistema visivo.\r\n                    <\/p>\r\n\r\n                    <div class=\"gk-service-tags\">\r\n                        <span class=\"gk-service-tag\">Naming<\/span>\r\n                        <span class=\"gk-service-tag\">Logo<\/span>\r\n                        <span class=\"gk-service-tag\">Rebranding<\/span>\r\n                        <span class=\"gk-service-tag\">Guidelines<\/span>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-service\">\r\n\r\n                    <div class=\"gk-service-top\">\r\n                        <span class=\"gk-service-number\">03<\/span>\r\n                        <span class=\"gk-service-arrow\">\u2192<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>Graphic &amp; Digital Design<\/h3>\r\n\r\n                    <p>\r\n                        Materiali visivi per campagne, social, editorial,\r\n                        presentazioni e touchpoint digitali.\r\n                    <\/p>\r\n\r\n                    <div class=\"gk-service-tags\">\r\n                        <span class=\"gk-service-tag\">Advertising<\/span>\r\n                        <span class=\"gk-service-tag\">Editorial<\/span>\r\n                        <span class=\"gk-service-tag\">Social<\/span>\r\n                        <span class=\"gk-service-tag\">Digital Assets<\/span>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-service\">\r\n\r\n                    <div class=\"gk-service-top\">\r\n                        <span class=\"gk-service-number\">04<\/span>\r\n                        <span class=\"gk-service-arrow\">\u2192<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>Web &amp; UX\/UI<\/h3>\r\n\r\n                    <p>\r\n                        Siti, landing page ed esperienze digitali responsive,\r\n                        con attenzione a struttura, usabilit\u00e0 e identit\u00e0.\r\n                    <\/p>\r\n\r\n                    <div class=\"gk-service-tags\">\r\n                        <span class=\"gk-service-tag\">Web Design<\/span>\r\n                        <span class=\"gk-service-tag\">Landing Page<\/span>\r\n                        <span class=\"gk-service-tag\">E-commerce<\/span>\r\n                        <span class=\"gk-service-tag\">UX\/UI<\/span>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-service\">\r\n\r\n                    <div class=\"gk-service-top\">\r\n                        <span class=\"gk-service-number\">05<\/span>\r\n                        <span class=\"gk-service-arrow\">\u2192<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>Digital Marketing<\/h3>\r\n\r\n                    <p>\r\n                        Strategia, acquisizione e analisi per collegare\r\n                        comunicazione, traffico e risultati.\r\n                    <\/p>\r\n\r\n                    <div class=\"gk-service-tags\">\r\n                        <span class=\"gk-service-tag\">SEO<\/span>\r\n                        <span class=\"gk-service-tag\">GA4<\/span>\r\n                        <span class=\"gk-service-tag\">Google Ads<\/span>\r\n                        <span class=\"gk-service-tag\">Social ADV<\/span>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n\r\n                <article class=\"gk-service\">\r\n\r\n                    <div class=\"gk-service-top\">\r\n                        <span class=\"gk-service-number\">06<\/span>\r\n                        <span class=\"gk-service-arrow\">\u2192<\/span>\r\n                    <\/div>\r\n\r\n                    <h3>Content &amp; Visual Production<\/h3>\r\n\r\n                    <p>\r\n                        Produzione di contenuti visivi e audiovisivi,\r\n                        dal concept alla post-produzione.\r\n                    <\/p>\r\n\r\n                    <div class=\"gk-service-tags\">\r\n                        <span class=\"gk-service-tag\">Photography<\/span>\r\n                        <span class=\"gk-service-tag\">Video<\/span>\r\n                        <span class=\"gk-service-tag\">Motion Design<\/span>\r\n                        <span class=\"gk-service-tag\">3D<\/span>\r\n                        <span class=\"gk-service-tag\">AI Production<\/span>\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         METHOD\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-method\">\r\n\r\n        <div class=\"gk-services-container\">\r\n\r\n\r\n            <div class=\"gk-services-method-head\">\r\n\r\n                <div class=\"gk-services-label\">\r\n                    Method\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gk-services-method-copy\">\r\n\r\n                    <h2 class=\"gk-services-heading\">\r\n                        Prima la direzione.<br>\r\n                        Poi l\u2019esecuzione.\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Ogni progetto parte dal problema e dall\u2019obiettivo.\r\n                        Il design viene dopo, come conseguenza di una direzione precisa.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gk-services-method-track\">\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">01<\/span>\r\n                    <span class=\"gk-services-step-name\">Problema<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">02<\/span>\r\n                    <span class=\"gk-services-step-name\">Ricerca<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">03<\/span>\r\n                    <span class=\"gk-services-step-name\">Idea<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">04<\/span>\r\n                    <span class=\"gk-services-step-name\">Direzione creativa<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">05<\/span>\r\n                    <span class=\"gk-services-step-name\">Sistema visivo<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">06<\/span>\r\n                    <span class=\"gk-services-step-name\">Produzione<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"gk-services-step\">\r\n                    <span class=\"gk-services-step-number\">07<\/span>\r\n                    <span class=\"gk-services-step-name\">Misurazione<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         PARTNER\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-partner\">\r\n\r\n        <div class=\"gk-services-container\">\r\n\r\n            <div class=\"gk-services-partner-inner\">\r\n\r\n\r\n                <div class=\"gk-services-partner-copy\">\r\n\r\n                    <div class=\"gk-services-label\">\r\n                        Collaboration\r\n                    <\/div>\r\n\r\n                    <h2 class=\"gk-services-heading\">\r\n                        Un partner creativo,<br>\r\n                        non solo un fornitore.\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Posso entrare nel progetto su un singolo output oppure\r\n                        affiancare aziende, team marketing e agenzie come\r\n                        riferimento creativo esterno.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gk-services-partner-list\">\r\n\r\n                    <div class=\"gk-services-partner-row\">\r\n                        <span>Projects<\/span>\r\n                        <span>Branding, campagne, siti, contenuti e lanci.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"gk-services-partner-row\">\r\n                        <span>Support<\/span>\r\n                        <span>Supporto creativo continuativo per marketing team e aziende.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"gk-services-partner-row\">\r\n                        <span>External CD<\/span>\r\n                        <span>Direzione creativa esterna per coordinare identit\u00e0, campagne e produzione.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"gk-services-partner-row\">\r\n                        <span>Production<\/span>\r\n                        <span>Coordinamento di designer, developer, fotografi, video maker e specialisti.<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTACT\r\n         ====================================================== -->\r\n\r\n    <section class=\"gk-services-contact\">\r\n\r\n        <div class=\"gk-services-container\">\r\n\r\n\r\n            <div class=\"gk-services-label\">\r\n                Start a Project\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gk-services-contact-title\">\r\n\r\n                <h2 class=\"gk-services-display\">\r\n                    Hai un progetto?<br>\r\n                    Diamogli una direzione.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gk-services-contact-text\">\r\n\r\n                <p>\r\n                    Raccontami il progetto, il problema o l\u2019obiettivo.\r\n                    Partiamo da l\u00ec.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gk-services-actions\">\r\n\r\n                <a\r\n                    class=\"gk-services-button gk-services-button--white\"\r\n                    href=\"mailto:gilbert@gilbertkablan.com\"\r\n                >\r\n                    Contattami\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FOOTER\r\n         ====================================================== -->\r\n\r\n    <footer class=\"gk-services-footer\">\r\n\r\n        <span>\r\n            Gilbert Kablan\r\n        <\/span>\r\n\r\n        <span>\r\n            Studio59\r\n        <\/span>\r\n\r\n    <\/footer>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function() {\r\n\r\n    const video =\r\n        document.getElementById(\"gkServicesVideo\");\r\n\r\n    if (!video) {\r\n        return;\r\n    }\r\n\r\n    function startVideo() {\r\n\r\n        video.muted = true;\r\n\r\n        video.setAttribute(\"muted\", \"\");\r\n        video.setAttribute(\"playsinline\", \"\");\r\n        video.setAttribute(\"webkit-playsinline\", \"\");\r\n\r\n        const playPromise =\r\n            video.play();\r\n\r\n        if (playPromise !== undefined) {\r\n\r\n            playPromise.catch(function() {});\r\n\r\n        }\r\n\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            startVideo\r\n        );\r\n\r\n    } else {\r\n\r\n        startVideo();\r\n\r\n    }\r\n\r\n    document.addEventListener(\r\n        \"visibilitychange\",\r\n        function() {\r\n\r\n            if (document.visibilityState === \"visible\") {\r\n                startVideo();\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Gilbert Kablan Services \u2014 2026 Creative Direction \u00b7 Design \u00b7 Digital Servizi Strategy \u00b7 Design \u00b7 Production Scroll \u2193 What I Do \u2014 2026 Idee, identit\u00e0 e strumenti digitali. Parliamo del progetto Scarica il CV Lavoro tra direzione creativa, design e strategia digitale per costruire identit\u00e0, contenuti ed esperienze coerenti con gli obiettivi del brand. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"ngg_post_thumbnail":0,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-2882","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/2882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/comments?post=2882"}],"version-history":[{"count":34,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/2882\/revisions"}],"predecessor-version":[{"id":45888,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/2882\/revisions\/45888"}],"wp:attachment":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/media?parent=2882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}