.elementor-20 .elementor-element.elementor-element-657f3f0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-20 .elementor-element.elementor-element-0a29180 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e80fd70 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-20 .elementor-element.elementor-element-0646514 > .elementor-container{max-width:1000px;}.elementor-20 .elementor-element.elementor-element-0646514{padding:100px 100px 0px 100px;}.elementor-20 .elementor-element.elementor-element-4d48964 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-e7bc109 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:57px;font-weight:400;letter-spacing:0.7px;word-spacing:9px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#242526;}.elementor-20 .elementor-element.elementor-element-e7bc109 .elementor-heading-title a{transition-duration:1.8s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-91ba6f9 > .elementor-widget-container{padding:12px 0px 12px 0px;}.elementor-20 .elementor-element.elementor-element-91ba6f9{text-align:start;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:25px;color:#242526;}.elementor-20 .elementor-element.elementor-element-91ba6f9 p{margin-block-end:16px;}.elementor-20 .elementor-element.elementor-element-91ba6f9 a{transition-duration:0.8s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-09b1745 .elementor-button{background-color:#242526;font-family:"Arial", Sans-serif;font-size:17px;font-weight:600;fill:#DCD8D3;color:#DCD8D3;border-radius:25px 25px 25px 25px;padding:14px 42px 14px 42px;}.elementor-20 .elementor-element.elementor-element-09b1745 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-09b1745 .elementor-button:focus{background-color:#006BB6;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-09b1745 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-09b1745 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-09b1745 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-bc159ba .elementor-button{background-color:#242526;font-family:"Arial", Sans-serif;font-size:17px;font-weight:600;fill:#DCD8D3;color:#DCD8D3;border-radius:25px 25px 25px 25px;padding:14px 42px 14px 42px;}.elementor-20 .elementor-element.elementor-element-bc159ba .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-bc159ba .elementor-button:focus{background-color:#006BB6;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-bc159ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-bc159ba .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-bc159ba .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-f8f4291 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-20 .elementor-element.elementor-element-f8f4291 > .elementor-container{max-width:1000px;min-height:127px;}.elementor-20 .elementor-element.elementor-element-f8f4291{margin-top:0px;margin-bottom:00px;padding:100px 0px 0100px 0px;}.elementor-20 .elementor-element.elementor-element-74e875c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-74e875c{text-align:center;}.elementor-20 .elementor-element.elementor-element-74e875c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#7C7C7C;}.elementor-20 .elementor-element.elementor-element-45d2e33{--e-image-carousel-slides-to-show:5;}.elementor-20 .elementor-element.elementor-element-45d2e33 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;width:5px;height:5px;}.elementor-20 .elementor-element.elementor-element-45d2e33 .swiper-wrapper{display:flex;align-items:center;}body.elementor-page-20:not(.elementor-motion-effects-element-type-background), body.elementor-page-20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://davidsvogel.com/wp-content/uploads/2025/11/DC-website-BG.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}@media(max-width:1366px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-6c789e3{width:100%;}}@media(max-width:1366px){.elementor-20 .elementor-element.elementor-element-0646514 > .elementor-container{max-width:750px;}.elementor-20 .elementor-element.elementor-element-0646514{margin-top:90px;margin-bottom:90px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4d48964 > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-20 .elementor-element.elementor-element-91ba6f9 > .elementor-widget-container{padding:12px 0px 12px 0px;}.elementor-20 .elementor-element.elementor-element-91ba6f9{line-height:24px;word-spacing:0px;}.elementor-20 .elementor-element.elementor-element-91ba6f9 p{margin-block-end:18px;}.elementor-20 .elementor-element.elementor-element-f8f4291 > .elementor-container{max-width:1179px;min-height:229px;}.elementor-bc-flex-widget .elementor-20 .elementor-element.elementor-element-6c789e3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20 .elementor-element.elementor-element-6c789e3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20 .elementor-element.elementor-element-6c789e3.elementor-column > .elementor-widget-wrap{justify-content:center;}body.elementor-page-20:not(.elementor-motion-effects-element-type-background), body.elementor-page-20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-0646514 > .elementor-container{max-width:750px;}.elementor-20 .elementor-element.elementor-element-91ba6f9 p{margin-block-end:24px;}.elementor-20 .elementor-element.elementor-element-45d2e33 .swiper-pagination-bullet{width:6px;height:6px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-e80fd70{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-e80fd70 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-0646514 > .elementor-container{max-width:515px;}.elementor-20 .elementor-element.elementor-element-0646514{padding:18px 18px 18px 18px;}.elementor-20 .elementor-element.elementor-element-4d48964 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e7bc109 > .elementor-widget-container{margin:-4px -4px -4px -4px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e7bc109{text-align:start;}.elementor-20 .elementor-element.elementor-element-e7bc109 .elementor-heading-title{font-size:35px;}.elementor-20 .elementor-element.elementor-element-91ba6f9{text-align:start;letter-spacing:0px;}.elementor-20 .elementor-element.elementor-element-91ba6f9 p{margin-block-end:7px;}.elementor-20 .elementor-element.elementor-element-f8f4291{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-45d2e33 .swiper-pagination-bullet{width:4px;height:4px;}}/* Start custom CSS for video, class: .elementor-element-e80fd70 *//* ========== FULL BLEED SELF-HOSTED VIDEO ========== */
.video-fullbleed-wrapper {
  position: relative;
  width: 100vw !important;           /* full viewport width */
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  background: #000;
  cursor: pointer;
  z-index: 1;
}

/* Maintain a 16:9 aspect ratio on desktop */
.video-fullbleed-wrapper::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 ratio */
}

/* Make the video fill and scale responsively */
.video-fullbleed-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

/* Play button overlay */
.video-fullbleed-wrapper .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  z-index: 2;
}

.video-fullbleed-wrapper .play-button::after {
  content: "";
  border-style: solid;
  border-width: 18px 0 18px 28px;
  border-color: transparent transparent transparent #fff;
  margin-left: 6px;
}

.video-fullbleed-wrapper .play-button:hover {
  background: rgba(0, 0, 0, 0.7);
}

/* ===== MOBILE ADJUSTMENTS ===== */
@media (max-width: 768px) {
  /* Change video height by adjusting padding-top */
  .video-fullbleed-wrapper::before {
    padding-top: 80%; /* taller video on mobile, adjust % as needed */
  }

  /* Smaller play button */
  .video-fullbleed-wrapper .play-button {
    width: 64px;
    height: 64px;
  }

  .video-fullbleed-wrapper .play-button::after {
    border-width: 12px 0 12px 20px;
    margin-left: 4px;
  }
}

/* Prevent horizontal scrollbars */
html, body {
  overflow-x: hidden;
  
}
/* ===== DESKTOP: reduce hero video height ===== */
@media (min-width: 1025px) {
  .video-fullbleed-wrapper::before {
    padding-top: 40%; /* smaller than 56.25% (16:9). Try 35–50% */
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0a29180 *//* Reduce hero video height on desktop only */
@media (min-width: 1024px) {
  .hero-video,
  .hero-section,
  .wp-block-cover {
    height: 60vh;
    min-height: 60vh;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0646514 *//* =============================================
   1. DOT GRID BACKGROUND PATTERN
   Replaces the swirl graphic with a subtle
   dot grid — clean, modern, data-science feel
   ============================================= */

.elementor-section.elementor-top-section {
  background-image: radial-gradient(circle, #c8c8c8 1px, transparent 1px);
  background-size: 24px 24px;
  background-color: #ffffff;
}

/* If the above targets too many sections, use a
   more specific class from Elementor on just the
   bio section. Right-click the section in
   Elementor → Edit Section → Advanced → CSS Classes
   and add: "bio-section", then use: */

.bio-section {
  background-image: radial-gradient(circle, #c8c8c8 1px, transparent 1px);
  background-size: 24px 24px;
  background-color: #ffffff;
}


/* =============================================
   2. FROSTED GLASS CONTENT CARD
   Wraps the bio text in a modern glass-effect
   card with blur, soft shadow, and border
   ============================================= */

.bio-section .elementor-widget-wrap,
.bio-section .elementor-column-wrap {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  padding: 48px 52px !important;
  max-width: 780px;
  margin: 60px auto !important;
}


/* =============================================
   3. BODY TEXT — READABILITY IMPROVEMENTS
   Tightens line length and improves spacing
   ============================================= */

.bio-section .elementor-widget-text-editor p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #2a2a2a;
  max-width: 680px;
}


/* =============================================
   4. HEADING REFINEMENT
   Makes "HI, I'M DAVID" feel more intentional
   ============================================= */

.bio-section h1,
.bio-section h2 {
  font-size: 2.6rem;
  letter-spacing: 0.04em;
  font-weight: 800;
  color: #111111;
  margin-bottom: 20px;
}/* End custom CSS */