{"id":2830,"date":"2021-06-09T11:22:50","date_gmt":"2021-06-09T09:22:50","guid":{"rendered":"https:\/\/celinegns.de?page_id=2830"},"modified":"2026-08-13T19:57:49","modified_gmt":"2026-08-13T17:57:49","slug":"alpine-content-story","status":"publish","type":"page","link":"https:\/\/celinegns.de\/en\/alpine-content-story\/","title":{"rendered":"Alpine Content Story"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2830\" class=\"elementor elementor-2830\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c4437e5 elementor-section-height-min-height elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"7c4437e5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-696e2557\" data-id=\"696e2557\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-87a381a elementor-widget elementor-widget-heading\" data-id=\"87a381a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Alpine Content Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb4b767 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cb4b767\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0d336dc\" data-id=\"0d336dc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f855a1 elementor-widget elementor-widget-html\" data-id=\"2f855a1\" 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\r\n\r\n\r\n<article class=\"acb-project\">\r\n\r\n\r\n  <!-- =====================================================\r\n       PROJEKT\u00dcBERBLICK\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"acb-overview\"\r\n    aria-labelledby=\"acb-overview-title\"\r\n  >\r\n\r\n    <div class=\"acb-container\">\r\n\r\n      <div class=\"acb-overview-grid\">\r\n\r\n\r\n        <div class=\"acb-overview-copy\">\r\n\r\n          <p class=\"acb-kicker\">\r\n            Sample project\r\n          <\/p>\r\n\r\n          <h2 id=\"acb-overview-title\">\r\n            Here\u2019s what content for an alpine stay could look like.\r\n          <\/h2>\r\n\r\n          <p class=\"acb-lead\">\r\n            A self-initiated project showing how visual content for an alpine accommodation can be created and used across website and social media.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <dl class=\"acb-meta\">\r\n\r\n          <div class=\"acb-meta-row\">\r\n            <dt>Project type<\/dt>\r\n            <dd>Self-initiated concept project<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"acb-meta-row\">\r\n            <dt>Example<\/dt>\r\n            <dd>Alpine accommodation \u00b7 Dam\u00fcls<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"acb-meta-row\">\r\n            <dt>Content<\/dt>\r\n            <dd>Photo \u00b7 Social Media \u00b7 Website \u00b7 Reel<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"acb-meta-row\">\r\n            <dt>Focus<\/dt>\r\n            <dd>Content \u00b7 UX \u00b7 Implementation<\/dd>\r\n          <\/div>\r\n\r\n        <\/dl>\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       01 \u00b7 ANWENDUNG\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"acb-section acb-application\"\r\n    aria-labelledby=\"acb-application-title\"\r\n  >\r\n\r\n    <div class=\"acb-container\">\r\n\r\n\r\n      <div class=\"acb-section-heading\">\r\n\r\n        <span class=\"acb-number\" aria-hidden=\"true\">\r\n          01\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <p class=\"acb-small-label\">\r\n            Application\r\n          <\/p>\r\n\r\n          <h2 id=\"acb-application-title\">\r\n            One content library. Multiple channels.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"acb-section-copy\">\r\n\r\n          <p>\r\n            The same content can be adapted for your website, social media, and Reels.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           WEBSITE\r\n           VISUAL LINKS \/ TEXT RECHTS\r\n      ================================================== -->\r\n\r\n      <div class=\"acb-use-row\">\r\n\r\n\r\n        <div class=\"acb-use-visual\">\r\n\r\n\r\n          <!-- WEBSITE MOCKUP -->\r\n\r\n          <div class=\"acb-browser\">\r\n\r\n\r\n            <div class=\"acb-browser-bar\">\r\n\r\n              <div class=\"acb-browser-dots\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n              <\/div>\r\n\r\n              <div class=\"acb-browser-address\">\r\n                Alpine accommodation \u00b7 Dam\u00fcls\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"acb-demo-site\">\r\n\r\n\r\n              <div class=\"acb-demo-nav\">\r\n\r\n                <strong>\r\n                  DAM\u00dcLS\r\n                <\/strong>\r\n\r\n                <div>\r\n                  <span>Accommodation<\/span>\r\n                  <span>Surrounding<\/span>\r\n                  <span>Tours<\/span>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"acb-demo-hero\">\r\n\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\r\n                  alt=\"\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n\r\n                <div class=\"acb-demo-overlay\"><\/div>\r\n\r\n                <div class=\"acb-demo-copy\">\r\n\r\n                  <span>\r\n                    Accommodation &amp; Surroundings\r\n                  <\/span>\r\n\r\n                  <strong>\r\n                    The outdoors starts right outside your door.\r\n                  <\/strong>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"acb-demo-cards\">\r\n\r\n\r\n                <div>\r\n\r\n                  <img\r\n                    src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_02-e1786529343254.jpg\"\r\n                    alt=\"\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                  >\r\n\r\n                  <span>\r\n                    Starting point\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <img\r\n                    src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\r\n                    alt=\"\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                  >\r\n\r\n                  <span>\r\n                    On the go\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div>\r\n\r\n                  <img\r\n                    src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_06.jpg\"\r\n                    alt=\"\"\r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                  >\r\n\r\n                  <span>\r\n                    Summit\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"acb-use-copy\">\r\n\r\n          <p class=\"acb-use-label\">\r\n            Website\r\n          <\/p>\r\n\r\n          <h3>\r\n            Content for your online presence.\r\n          <\/h3>\r\n\r\n          <p>\r\n            New imagery can be seamlessly integrated into your existing website or combined with a refreshed structure and design.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           SOCIAL MEDIA\r\n           TEXT LINKS \/ VISUAL RECHTS\r\n      ================================================== -->\r\n\r\n      <div class=\"acb-use-row acb-use-row--reverse\">\r\n\r\n\r\n        <div class=\"acb-use-copy\">\r\n\r\n          <p class=\"acb-use-label\">\r\n            Social Media\r\n          <\/p>\r\n\r\n          <h3>\r\n            A series, not just individual images.\r\n          <\/h3>\r\n\r\n          <p>\r\n            The content created can be turned into a cohesive series that works across multiple posts.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"acb-use-visual\">\r\n\r\n\r\n          <!-- SOCIAL MEDIA MOCKUP -->\r\n\r\n          <div class=\"acb-social\">\r\n\r\n\r\n            <div class=\"acb-social-head\">\r\n\r\n              <div class=\"acb-social-avatar\">\r\n\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\r\n                  alt=\"\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n              <div>\r\n\r\n                <strong>\r\n                  Alpine accommodation\r\n                <\/strong>\r\n\r\n                <span>\r\n                  Dam\u00fcls\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"acb-social-grid\">\r\n\r\n\r\n              <div>\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\r\n                  alt=\"Alpine Unterkunft in Dam\u00fcls\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n              <\/div>\r\n\r\n\r\n              <div>\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_10.jpg\"\r\n                  alt=\"Berglandschaft rund um Dam\u00fcls\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n              <\/div>\r\n\r\n\r\n              <div>\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\r\n                  alt=\"Person unterwegs in alpiner Landschaft\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n              <\/div>\r\n\r\n\r\n              <div>\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_04.jpg\"\r\n                  alt=\"Person beim Wandern auf einem Bergweg\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n              <\/div>\r\n\r\n\r\n              <div>\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_06.jpg\"\r\n                  alt=\"Gipfel w\u00e4hrend einer Wanderung in Dam\u00fcls\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n              <\/div>\r\n\r\n\r\n              <div>\r\n                <img\r\n                  src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_03-e1786529193568.jpg\"\r\n                  alt=\"Detailaufnahme eines alpinen Aufenthalts\"\r\n                  loading=\"lazy\"\r\n                  decoding=\"async\"\r\n                >\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           REEL\r\n           VISUAL LINKS \/ TEXT RECHTS\r\n      ================================================== -->\r\n\r\n      <div class=\"acb-use-row acb-use-row--reel\">\r\n\r\n\r\n        <div class=\"acb-use-visual acb-use-visual--phone\">\r\n\r\n\r\n          <div class=\"acb-phone\">\r\n\r\n            <div class=\"acb-phone-notch\"><\/div>\r\n\r\n            <div class=\"acb-phone-screen\">\r\n\r\n              <img\r\n                src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\r\n                alt=\"Beispiel f\u00fcr vertikalen Outdoor-Content\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n\r\n              <div class=\"acb-phone-gradient\"><\/div>\r\n\r\n              <div class=\"acb-phone-content\">\r\n\r\n                <span>\r\n                  Dam\u00fcls\r\n                <\/span>\r\n\r\n                <strong>\r\n                  Out in the mountains\r\n                <\/strong>\r\n\r\n              <\/div>\r\n\r\n              <div class=\"acb-phone-play\" aria-hidden=\"true\">\r\n                \u25b6\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"acb-use-copy\">\r\n\r\n          <p class=\"acb-use-label\">\r\n            Reels\r\n          <\/p>\r\n\r\n          <h3>\r\n            Bringing movement to social media.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Additional vertical footage can be used to create short Reels and capture the experience in motion.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\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       02 \u00b7 CONTENT VOR ORT\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"acb-section acb-section-line\"\r\n    aria-labelledby=\"acb-production-title\"\r\n  >\r\n\r\n    <div class=\"acb-container\">\r\n\r\n\r\n      <div class=\"acb-section-heading\">\r\n\r\n        <span class=\"acb-number\" aria-hidden=\"true\">\r\n          02\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <p class=\"acb-small-label\">\r\n            Content created on location\r\n          <\/p>\r\n\r\n          <h2 id=\"acb-production-title\">\r\n            From the stay to the summit.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"acb-section-copy\">\r\n\r\n          <p>\r\n            Five images come together to tell the story of the stay as one cohesive series.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"acb-production-grid\">\r\n\r\n\r\n        <!-- 01 -->\r\n\r\n        <div class=\"acb-production-item\">\r\n\r\n          <p class=\"acb-image-label\">\r\n            Accommodation\r\n          <\/p>\r\n\r\n          <figure>\r\n\r\n            <img\r\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_01.jpg\"\r\n              alt=\"Alpine Unterkunft in Dam\u00fcls\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 02 -->\r\n\r\n        <div class=\"acb-production-item\">\r\n\r\n          <p class=\"acb-image-label\">\r\n            Starting point\r\n          <\/p>\r\n\r\n          <figure>\r\n\r\n            <img\r\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_10.jpg\"\r\n              alt=\"Berglandschaft am Ausgangspunkt einer Wanderung\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 03 -->\r\n\r\n        <div class=\"acb-production-item\">\r\n\r\n          <p class=\"acb-image-label\">\r\n            On the go\r\n          <\/p>\r\n\r\n          <figure>\r\n\r\n            <img\r\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_05.jpg\"\r\n              alt=\"Person unterwegs in der Berglandschaft von Dam\u00fcls\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 04 -->\r\n\r\n        <div class=\"acb-production-item\">\r\n\r\n          <p class=\"acb-image-label\">\r\n            Movement\r\n          <\/p>\r\n\r\n          <figure>\r\n\r\n            <img\r\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_04.jpg\"\r\n              alt=\"Person beim Wandern auf einem Bergweg\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- 05 -->\r\n\r\n        <div class=\"acb-production-item\">\r\n\r\n          <p class=\"acb-image-label\">\r\n            Summit\r\n          <\/p>\r\n\r\n          <figure>\r\n\r\n            <img\r\n              src=\"https:\/\/celinegns.de\/wp-content\/uploads\/2026\/08\/Damuels_06.jpg\"\r\n              alt=\"Gipfelkreuz in der Berglandschaft rund um Dam\u00fcls\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\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       03 \u00b7 KONZEPT\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"acb-section acb-section-line\"\r\n    aria-labelledby=\"acb-concept-title\"\r\n  >\r\n\r\n    <div class=\"acb-container\">\r\n\r\n\r\n      <div class=\"acb-section-heading\">\r\n\r\n        <span class=\"acb-number\" aria-hidden=\"true\">\r\n          03\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <p class=\"acb-small-label\">\r\n            Concept\r\n          <\/p>\r\n\r\n          <h2 id=\"acb-concept-title\">\r\n            To keep everything consistent.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"acb-section-copy\">\r\n\r\n          <p>\r\n            Before production, we define which moments to capture and which channels the content will be used for.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- KONZEPT ABLAUF -->\r\n\r\n      <div class=\"acb-journey\">\r\n\r\n\r\n        <div>\r\n\r\n          <span>\r\n            01\r\n          <\/span>\r\n\r\n          <p>\r\n            Accommodation\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <span>\r\n            02\r\n          <\/span>\r\n\r\n          <p>\r\n            Starting point\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <span>\r\n            03\r\n          <\/span>\r\n\r\n          <p>\r\n            On the go\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <span>\r\n            04\r\n          <\/span>\r\n\r\n          <p>\r\n            Summit\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <p class=\"acb-ux-note\">\r\n        My background in Design Management and UX shapes the planning process, so the content is created with its final use in mind from the very beginning.\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"acb-cta\"\r\n    aria-labelledby=\"acb-cta-title\"\r\n  >\r\n\r\n    <div class=\"acb-container\">\r\n\r\n      <div class=\"acb-cta-grid\">\r\n\r\n\r\n        <div>\r\n\r\n          <p class=\"acb-kicker\">\r\n            Your project\r\n          <\/p>\r\n\r\n          <h2 id=\"acb-cta-title\">\r\n            Could this approach work for your place too?\r\n          <\/h2>\r\n\r\n          <p class=\"acb-cta-text\">\r\n            I plan and create content on location and can also support you in bringing it to life across your website and social media.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"acb-cta-action\">\r\n\r\n          <a\r\n            href=\"\/en\/kontakt\/\"\r\n            class=\"acb-button\"\r\n          >\r\n            Request a project\r\n            <span aria-hidden=\"true\">\u2192<\/span>\r\n          <\/a>\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<\/article>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASIS\r\n========================================================= *\/\r\n\r\n.acb-project {\r\n\r\n  --bg: #080808;\r\n  --bg-soft: #0b0b0b;\r\n\r\n  --white: #f5f3ef;\r\n  --gray: #aaa7a2;\r\n\r\n  --gold: #b49367;\r\n  --gold-hover: #c8a777;\r\n\r\n  --line: rgba(255,255,255,.09);\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--bg);\r\n  color: var(--white);\r\n\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n\r\n}\r\n\r\n\r\n.acb-project *,\r\n.acb-project *::before,\r\n.acb-project *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.acb-project h2,\r\n.acb-project h3,\r\n.acb-project p,\r\n.acb-project figure,\r\n.acb-project dl,\r\n.acb-project dt,\r\n.acb-project dd {\r\n  margin: 0;\r\n  font-family: \"Montserrat\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.acb-container {\r\n\r\n  width: min(calc(100% - 32px), 1690px);\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPO\r\n========================================================= *\/\r\n\r\n.acb-project h2 {\r\n\r\n  color: var(--white);\r\n\r\n  font-size: clamp(43px,4.1vw,70px);\r\n  font-weight: 300;\r\n\r\n  line-height: 1.09;\r\n\r\n  letter-spacing: -.035em;\r\n\r\n}\r\n\r\n\r\n.acb-kicker,\r\n.acb-small-label,\r\n.acb-use-label,\r\n.acb-image-label {\r\n\r\n  color: var(--gold);\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: .17em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.acb-kicker {\r\n  margin-bottom: 28px !important;\r\n}\r\n\r\n\r\n.acb-small-label {\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n\r\n.acb-use-label {\r\n  margin-bottom: 17px !important;\r\n}\r\n\r\n\r\n.acb-image-label {\r\n  margin-bottom: 14px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERVIEW\r\n========================================================= *\/\r\n\r\n.acb-overview {\r\n\r\n  padding:\r\n    22px 0\r\n    clamp(95px,6.5vw,120px);\r\n\r\n}\r\n\r\n\r\n.acb-overview-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,52%)\r\n    minmax(470px,35%);\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 70px;\r\n\r\n  align-items: start;\r\n\r\n}\r\n\r\n\r\n.acb-overview-copy h2 {\r\n  max-width: 980px;\r\n}\r\n\r\n\r\n.acb-lead {\r\n\r\n  max-width: 820px;\r\n\r\n  margin-top: 34px !important;\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: clamp(16px,1.2vw,19px);\r\n  font-weight: 300;\r\n\r\n  line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   META\r\n========================================================= *\/\r\n\r\n.acb-meta {\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-meta-row {\r\n\r\n  min-height: 76px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    145px 1fr;\r\n\r\n  gap: 25px;\r\n\r\n  align-items: center;\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-meta dt {\r\n\r\n  color: var(--gold);\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.acb-meta dd {\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: 15px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTIONS\r\n========================================================= *\/\r\n\r\n.acb-section {\r\n\r\n  padding:\r\n    clamp(88px,6vw,110px)\r\n    0;\r\n\r\n}\r\n\r\n\r\n.acb-section-line {\r\n\r\n  border-top:\r\n    1px solid rgba(255,255,255,.04);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n========================================================= *\/\r\n\r\n.acb-section-heading {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    80px\r\n    minmax(0,44%)\r\n    minmax(360px,34%);\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 45px;\r\n\r\n  align-items: start;\r\n\r\n  margin-bottom:\r\n    clamp(45px,3.5vw,58px);\r\n\r\n}\r\n\r\n\r\n.acb-number {\r\n\r\n  padding-top: 4px;\r\n\r\n  color: var(--white);\r\n\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: .1em;\r\n\r\n}\r\n\r\n\r\n.acb-section-copy {\r\n\r\n  padding-top: 35px;\r\n\r\n}\r\n\r\n\r\n.acb-section-copy p {\r\n\r\n  max-width: 540px;\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   APPLICATION ROWS\r\n========================================================= *\/\r\n\r\n.acb-use-row {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.25fr)\r\n    minmax(320px,.55fr);\r\n\r\n  gap:\r\n    clamp(50px,7vw,120px);\r\n\r\n  align-items: center;\r\n\r\n  padding:\r\n    clamp(50px,4.5vw,75px)\r\n    0;\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-use-row:last-child {\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-use-row--reverse {\r\n\r\n  grid-template-columns:\r\n    minmax(320px,.55fr)\r\n    minmax(0,1.25fr);\r\n\r\n}\r\n\r\n\r\n.acb-use-copy {\r\n\r\n  max-width: 500px;\r\n\r\n}\r\n\r\n\r\n.acb-use-copy h3 {\r\n\r\n  max-width: 470px;\r\n\r\n  color: var(--white);\r\n\r\n  font-size:\r\n    clamp(27px,2.25vw,40px);\r\n\r\n  font-weight: 300;\r\n\r\n  line-height: 1.18;\r\n\r\n  letter-spacing: -.025em;\r\n\r\n}\r\n\r\n\r\n.acb-use-copy > p:last-child {\r\n\r\n  max-width: 470px;\r\n\r\n  margin-top: 20px;\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WEBSITE MOCKUP\r\n========================================================= *\/\r\n\r\n.acb-browser {\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #111;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.12);\r\n\r\n  border-radius: 7px;\r\n\r\n  box-shadow:\r\n    0 24px 60px rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n.acb-browser-bar {\r\n\r\n  min-height: 42px;\r\n\r\n  padding: 0 15px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    80px 1fr 80px;\r\n\r\n  align-items: center;\r\n\r\n  background: #171717;\r\n\r\n}\r\n\r\n\r\n.acb-browser-dots {\r\n\r\n  display: flex;\r\n  gap: 6px;\r\n\r\n}\r\n\r\n\r\n.acb-browser-dots span {\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.acb-browser-address {\r\n\r\n  justify-self: center;\r\n\r\n  width: min(75%,320px);\r\n\r\n  padding: 6px 15px;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n  color:\r\n    rgba(255,255,255,.42);\r\n\r\n  font-size: 9px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.acb-demo-site {\r\n\r\n  background: #f3f0ea;\r\n\r\n}\r\n\r\n\r\n.acb-demo-nav {\r\n\r\n  min-height: 58px;\r\n\r\n  padding:\r\n    0 clamp(18px,2.5vw,40px);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  color: #111;\r\n\r\n}\r\n\r\n\r\n.acb-demo-nav strong {\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .17em;\r\n\r\n}\r\n\r\n\r\n.acb-demo-nav > div {\r\n\r\n  display: flex;\r\n  gap: 25px;\r\n\r\n}\r\n\r\n\r\n.acb-demo-nav span {\r\n\r\n  color: #555;\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.acb-demo-hero {\r\n\r\n  position: relative;\r\n\r\n  height:\r\n    clamp(270px,28vw,450px);\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.acb-demo-hero > img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n.acb-demo-overlay {\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0,0,0,.58),\r\n      rgba(0,0,0,.08)\r\n    );\r\n\r\n}\r\n\r\n\r\n.acb-demo-copy {\r\n\r\n  position: absolute;\r\n\r\n  left: clamp(22px,4vw,60px);\r\n  bottom: clamp(25px,4vw,55px);\r\n\r\n  max-width: 460px;\r\n\r\n}\r\n\r\n\r\n.acb-demo-copy span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color: #d6b58b;\r\n\r\n  font-size: 8px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.acb-demo-copy strong {\r\n\r\n  display: block;\r\n\r\n  color: #fff;\r\n\r\n  font-size:\r\n    clamp(28px,3.5vw,50px);\r\n\r\n  font-weight: 300;\r\n\r\n  line-height: 1.06;\r\n\r\n}\r\n\r\n\r\n.acb-demo-cards {\r\n\r\n  padding:\r\n    clamp(15px,2vw,28px);\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap: 14px;\r\n\r\n}\r\n\r\n\r\n.acb-demo-cards img {\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 16 \/ 9;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n.acb-demo-cards span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 8px;\r\n\r\n  color: #444;\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: .09em;\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL MEDIA\r\n========================================================= *\/\r\n\r\n.acb-social {\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    clamp(16px,2vw,28px);\r\n\r\n  background: #111;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  border-radius: 7px;\r\n\r\n}\r\n\r\n\r\n.acb-social-head {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n.acb-social-avatar {\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  border-radius: 50%;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.acb-social-avatar img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n.acb-social-head > div:last-child {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 2px;\r\n\r\n}\r\n\r\n\r\n.acb-social-head strong {\r\n\r\n  color: var(--white);\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n.acb-social-head span {\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: 9px;\r\n\r\n}\r\n\r\n\r\n.acb-social-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap: 7px;\r\n\r\n}\r\n\r\n\r\n.acb-social-grid > div {\r\n\r\n  aspect-ratio: 1 \/ 1;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #151515;\r\n\r\n}\r\n\r\n\r\n.acb-social-grid img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REEL \/ PHONE\r\n========================================================= *\/\r\n\r\n.acb-use-visual--phone {\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n.acb-phone {\r\n\r\n  position: relative;\r\n\r\n  width:\r\n    min(100%,300px);\r\n\r\n  padding: 8px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.16);\r\n\r\n  border-radius: 32px;\r\n\r\n  background: #151515;\r\n\r\n}\r\n\r\n\r\n.acb-phone-notch {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 3;\r\n\r\n  top: 16px;\r\n  left: 50%;\r\n\r\n  width: 66px;\r\n  height: 18px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius: 20px;\r\n\r\n  background: #080808;\r\n\r\n}\r\n\r\n\r\n.acb-phone-screen {\r\n\r\n  position: relative;\r\n\r\n  aspect-ratio: 9 \/ 16;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 25px;\r\n\r\n}\r\n\r\n\r\n.acb-phone-screen > img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n.acb-phone-gradient {\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent 45%,\r\n      rgba(0,0,0,.7)\r\n    );\r\n\r\n}\r\n\r\n\r\n.acb-phone-content {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  left: 21px;\r\n  right: 21px;\r\n  bottom: 27px;\r\n\r\n}\r\n\r\n\r\n.acb-phone-content span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color: #d7b587;\r\n\r\n  font-size: 8px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .15em;\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.acb-phone-content strong {\r\n\r\n  display: block;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 21px;\r\n  font-weight: 400;\r\n\r\n  line-height: 1.15;\r\n\r\n}\r\n\r\n\r\n.acb-phone-play {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.6);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #fff;\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCTION\r\n========================================================= *\/\r\n\r\n.acb-production-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(5,minmax(0,1fr));\r\n\r\n  gap:\r\n    clamp(14px,1.2vw,22px);\r\n\r\n}\r\n\r\n\r\n.acb-production-item {\r\n\r\n  min-width: 0;\r\n\r\n}\r\n\r\n\r\n.acb-production-item figure {\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 4 \/ 5;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #111;\r\n\r\n}\r\n\r\n\r\n.acb-production-item img {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .7s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONCEPT JOURNEY\r\n========================================================= *\/\r\n\r\n.acb-journey {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n  border-bottom:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-journey > div {\r\n\r\n  min-height: 115px;\r\n\r\n  padding:\r\n    24px\r\n    clamp(18px,2vw,32px);\r\n\r\n}\r\n\r\n\r\n.acb-journey > div + div {\r\n\r\n  border-left:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-journey span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  color: var(--gold);\r\n\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n\r\n}\r\n\r\n\r\n.acb-journey p {\r\n\r\n  color: var(--white);\r\n\r\n  font-size:\r\n    clamp(17px,1.35vw,22px);\r\n\r\n  font-weight: 300;\r\n\r\n}\r\n\r\n\r\n.acb-ux-note {\r\n\r\n  max-width: 760px;\r\n\r\n  margin-top: 28px !important;\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: 13px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1.75;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.acb-cta {\r\n\r\n  padding:\r\n    clamp(90px,6.5vw,120px)\r\n    0;\r\n\r\n  background:\r\n    var(--bg-soft);\r\n\r\n  border-top:\r\n    1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.acb-cta-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,58%)\r\n    minmax(320px,34%);\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 65px;\r\n\r\n  align-items: end;\r\n\r\n}\r\n\r\n\r\n.acb-cta-text {\r\n\r\n  max-width: 670px;\r\n\r\n  margin-top: 27px !important;\r\n\r\n  color: var(--gray);\r\n\r\n  font-size: 15px;\r\n  font-weight: 300;\r\n\r\n  line-height: 1.8;\r\n\r\n}\r\n\r\n\r\n.acb-cta-action {\r\n\r\n  display: flex;\r\n\r\n  justify-content: flex-end;\r\n\r\n}\r\n\r\n\r\n.acb-button {\r\n\r\n  min-width: 275px;\r\n  min-height: 62px;\r\n\r\n  padding: 0 26px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 40px;\r\n\r\n  border:\r\n    1px solid var(--gold);\r\n\r\n  color: var(--white);\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    background-color .3s ease,\r\n    color .3s ease;\r\n\r\n}\r\n\r\n\r\n.acb-button span {\r\n\r\n  color: var(--gold);\r\n\r\n  font-size: 21px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n\r\n  .acb-production-item:hover img {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .acb-button:hover {\r\n    background: var(--gold);\r\n    color: #080808;\r\n  }\r\n\r\n  .acb-button:hover span {\r\n    color: #080808;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1100px) {\r\n\r\n  .acb-container {\r\n    width: calc(100% - 64px);\r\n  }\r\n\r\n\r\n  .acb-overview-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 55px;\r\n  }\r\n\r\n\r\n  .acb-meta {\r\n    max-width: 760px;\r\n  }\r\n\r\n\r\n  .acb-section-heading {\r\n\r\n    grid-template-columns:\r\n      55px 1fr;\r\n\r\n    gap: 25px;\r\n\r\n  }\r\n\r\n\r\n  .acb-section-copy {\r\n\r\n    grid-column: 2;\r\n    padding-top: 0;\r\n\r\n  }\r\n\r\n\r\n  .acb-use-row,\r\n  .acb-use-row--reverse {\r\n\r\n    grid-template-columns:\r\n      1.25fr .75fr;\r\n\r\n    gap: 45px;\r\n\r\n  }\r\n\r\n\r\n  .acb-production-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(3,1fr);\r\n\r\n  }\r\n\r\n\r\n  .acb-cta-grid {\r\n\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n\r\n  }\r\n\r\n\r\n  .acb-cta-action {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:700px) {\r\n\r\n  .acb-container {\r\n    width: calc(100% - 36px);\r\n  }\r\n\r\n\r\n  .acb-project h2 {\r\n\r\n    font-size:\r\n      clamp(37px,10vw,49px);\r\n\r\n  }\r\n\r\n\r\n  .acb-overview {\r\n\r\n    padding:\r\n      55px 0 75px;\r\n\r\n  }\r\n\r\n\r\n  .acb-overview-grid {\r\n    gap: 42px;\r\n  }\r\n\r\n\r\n  .acb-lead {\r\n\r\n    margin-top:\r\n      26px !important;\r\n\r\n    font-size: 16px;\r\n\r\n  }\r\n\r\n\r\n  .acb-meta-row {\r\n\r\n    min-height: auto;\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 6px;\r\n\r\n    padding: 17px 0;\r\n\r\n  }\r\n\r\n\r\n  .acb-section {\r\n\r\n    padding:\r\n      65px 0;\r\n\r\n  }\r\n\r\n\r\n  .acb-section-heading {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: 30px;\r\n\r\n  }\r\n\r\n\r\n  .acb-number {\r\n    display: none;\r\n  }\r\n\r\n\r\n  .acb-section-copy {\r\n    grid-column: auto;\r\n  }\r\n\r\n\r\n  .acb-section-copy p {\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  \/* APPLICATION *\/\r\n\r\n  .acb-use-row,\r\n  .acb-use-row--reverse {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 28px;\r\n\r\n    padding: 45px 0;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Auf Mobile soll immer erst das Visual\r\n    und danach der Text kommen.\r\n  *\/\r\n\r\n  .acb-use-row--reverse\r\n  .acb-use-visual {\r\n    order: 1;\r\n  }\r\n\r\n\r\n  .acb-use-row--reverse\r\n  .acb-use-copy {\r\n    order: 2;\r\n  }\r\n\r\n\r\n  .acb-use-copy {\r\n    max-width: 540px;\r\n  }\r\n\r\n\r\n  .acb-use-copy h3 {\r\n\r\n    font-size:\r\n      clamp(26px,7.5vw,34px);\r\n\r\n  }\r\n\r\n\r\n  .acb-use-copy > p:last-child {\r\n\r\n    margin-top: 15px;\r\n\r\n  }\r\n\r\n\r\n  \/* WEBSITE *\/\r\n\r\n  .acb-demo-nav > div {\r\n    display: none;\r\n  }\r\n\r\n\r\n  .acb-demo-hero {\r\n    height: 270px;\r\n  }\r\n\r\n\r\n  .acb-demo-copy strong {\r\n    font-size: 31px;\r\n  }\r\n\r\n\r\n  .acb-demo-cards {\r\n    gap: 7px;\r\n  }\r\n\r\n\r\n  .acb-demo-cards span {\r\n    font-size: 6px;\r\n  }\r\n\r\n\r\n  \/* SOCIAL *\/\r\n\r\n  .acb-social {\r\n    padding: 13px;\r\n  }\r\n\r\n\r\n  .acb-social-grid {\r\n    gap: 4px;\r\n  }\r\n\r\n\r\n  \/* REEL *\/\r\n\r\n  .acb-use-visual--phone {\r\n\r\n    justify-content: flex-start;\r\n\r\n  }\r\n\r\n\r\n  .acb-phone {\r\n\r\n    width: 62%;\r\n    max-width: 270px;\r\n\r\n  }\r\n\r\n\r\n  \/* PRODUCTION *\/\r\n\r\n  .acb-production-grid {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 27px;\r\n\r\n  }\r\n\r\n\r\n  \/* JOURNEY *\/\r\n\r\n  .acb-journey {\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n\r\n  }\r\n\r\n\r\n  .acb-journey > div:nth-child(3),\r\n  .acb-journey > div:nth-child(4) {\r\n\r\n    border-top:\r\n      1px solid var(--line);\r\n\r\n  }\r\n\r\n\r\n  .acb-journey > div:nth-child(3) {\r\n\r\n    border-left: 0;\r\n\r\n  }\r\n\r\n\r\n  \/* CTA *\/\r\n\r\n  .acb-cta {\r\n\r\n    padding: 75px 0;\r\n\r\n  }\r\n\r\n\r\n  .acb-button {\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:390px) {\r\n\r\n  .acb-container {\r\n    width: calc(100% - 28px);\r\n  }\r\n\r\n\r\n  .acb-journey {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n  }\r\n\r\n\r\n  .acb-journey > div + div {\r\n\r\n    border-left: 0;\r\n    border-top: 1px solid var(--line);\r\n\r\n  }\r\n\r\n\r\n  .acb-phone {\r\n\r\n    width: 75%;\r\n\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  .acb-project *,\r\n  .acb-project *::before,\r\n  .acb-project *::after {\r\n\r\n    transition: none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Alpine Content Beispiel Beispielprojekt So k\u00f6nnte Content f\u00fcr einen alpinen Aufenthalt aussehen. Ein selbst initiiertes Beispiel, das zeigt, wie Inhalte f\u00fcr eine alpine Unterkunft produziert und f\u00fcr Website und Social Media eingesetzt werden k\u00f6nnen. Projektart Selbst initiiertes Beispielprojekt Beispiel Alpine Unterkunft \u00b7 Dam\u00fcls Inhalte Foto \u00b7 Social Media \u00b7 Website \u00b7 Reel Fokus Content \u00b7 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-2830","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Alpine Content Story - Portfolio | C\u00e9line Genesi<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alpine Content Story - Portfolio | C\u00e9line Genesi\" \/>\n<meta property=\"og:description\" content=\"Alpine Content Beispiel Beispielprojekt So k\u00f6nnte Content f\u00fcr einen alpinen Aufenthalt aussehen. Ein selbst initiiertes Beispiel, das zeigt, wie Inhalte f\u00fcr eine alpine Unterkunft produziert und f\u00fcr Website und Social Media eingesetzt werden k\u00f6nnen. Projektart Selbst initiiertes Beispielprojekt Beispiel Alpine Unterkunft \u00b7 Dam\u00fcls Inhalte Foto \u00b7 Social Media \u00b7 Website \u00b7 Reel Fokus Content \u00b7 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/celinegns.de\/en\/alpine-content-story\/\" \/>\n<meta property=\"og:site_name\" content=\"Portfolio | C\u00e9line Genesi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-13T17:57:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/alpine-content-story\\\/\",\"url\":\"https:\\\/\\\/celinegns.de\\\/alpine-content-story\\\/\",\"name\":\"Alpine Content Story - Portfolio | C\u00e9line Genesi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/#website\"},\"datePublished\":\"2021-06-09T09:22:50+00:00\",\"dateModified\":\"2026-08-13T17:57:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/alpine-content-story\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/celinegns.de\\\/alpine-content-story\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/alpine-content-story\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/celinegns.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alpine Content Story\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/#website\",\"url\":\"https:\\\/\\\/celinegns.de\\\/\",\"name\":\"Portfolio | C\u00e9line Genesi\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/#\\\/schema\\\/person\\\/5c754218beda160e3ad9952190007834\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/celinegns.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/celinegns.de\\\/#\\\/schema\\\/person\\\/5c754218beda160e3ad9952190007834\",\"name\":\"cgenesi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\",\"url\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\",\"contentUrl\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\",\"width\":1024,\"height\":995,\"caption\":\"cgenesi\"},\"logo\":{\"@id\":\"https:\\\/\\\/celinegns.de\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-1-1024x995.png\"},\"sameAs\":[\"celinegns\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Alpine Content Story - Portfolio | C\u00e9line Genesi","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Alpine Content Story - Portfolio | C\u00e9line Genesi","og_description":"Alpine Content Beispiel Beispielprojekt So k\u00f6nnte Content f\u00fcr einen alpinen Aufenthalt aussehen. Ein selbst initiiertes Beispiel, das zeigt, wie Inhalte f\u00fcr eine alpine Unterkunft produziert und f\u00fcr Website und Social Media eingesetzt werden k\u00f6nnen. Projektart Selbst initiiertes Beispielprojekt Beispiel Alpine Unterkunft \u00b7 Dam\u00fcls Inhalte Foto \u00b7 Social Media \u00b7 Website \u00b7 Reel Fokus Content \u00b7 [&hellip;]","og_url":"https:\/\/celinegns.de\/en\/alpine-content-story\/","og_site_name":"Portfolio | C\u00e9line Genesi","article_modified_time":"2026-08-13T17:57:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/celinegns.de\/alpine-content-story\/","url":"https:\/\/celinegns.de\/alpine-content-story\/","name":"Alpine Content Story - Portfolio | C\u00e9line Genesi","isPartOf":{"@id":"https:\/\/celinegns.de\/#website"},"datePublished":"2021-06-09T09:22:50+00:00","dateModified":"2026-08-13T17:57:49+00:00","breadcrumb":{"@id":"https:\/\/celinegns.de\/alpine-content-story\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/celinegns.de\/alpine-content-story\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/celinegns.de\/alpine-content-story\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/celinegns.de\/"},{"@type":"ListItem","position":2,"name":"Alpine Content Story"}]},{"@type":"WebSite","@id":"https:\/\/celinegns.de\/#website","url":"https:\/\/celinegns.de\/","name":"Portfolio | C\u00e9line Genesi","description":"","publisher":{"@id":"https:\/\/celinegns.de\/#\/schema\/person\/5c754218beda160e3ad9952190007834"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/celinegns.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/celinegns.de\/#\/schema\/person\/5c754218beda160e3ad9952190007834","name":"cgenesi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png","url":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png","contentUrl":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png","width":1024,"height":995,"caption":"cgenesi"},"logo":{"@id":"https:\/\/celinegns.de\/wp-content\/uploads\/2021\/05\/logo-1-1024x995.png"},"sameAs":["celinegns"]}]}},"_links":{"self":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages\/2830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/comments?post=2830"}],"version-history":[{"count":10,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages\/2830\/revisions"}],"predecessor-version":[{"id":4158,"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/pages\/2830\/revisions\/4158"}],"wp:attachment":[{"href":"https:\/\/celinegns.de\/en\/wp-json\/wp\/v2\/media?parent=2830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}