/**
 * Digital Kreativ — Om oss mobile/tablet finish
 * Scope page #344 only. Desktop PSD rules remain in om-oss-psd.css.
 * Typeface/teal palette follow the approved homepage.
 * The contact form intentionally has NO reimplementation here:
 * assets/css/mobile-contact-parity.css is shared with home #78.
 */
@media (max-width:1024px) {
 body.page-id-344 {--dkom-accent:#3edfd0;--dkom-space:48px;background:#000!important;color:#fff!important}
 body.page-id-344 .elementor.elementor-344,
 body.page-id-344 .elementor.elementor-344 > .e-con {overflow-x:clip;max-width:100%!important}
 body.page-id-344 .dk-om-intro-inner {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:32px!important;width:min(620px,calc(100% - 48px))!important;
 }
 body.page-id-344 .dk-om-intro-visual {width:100%!important;max-width:520px!important;height:auto!important;aspect-ratio:487/556;margin:0 auto!important;overflow:hidden!important}
 body.page-id-344 .dk-om-intro-photo,body.page-id-344 .dk-om-intro-photo .elementor-widget-container {height:100%!important}
 body.page-id-344 .dk-om-intro-photo img {width:100%!important;height:100%!important;object-fit:cover!important}
 body.page-id-344 .dk-om-intro-content {transform:none!important;max-width:100%!important}
 body.page-id-344 .dk-om-intro-heading {width:100%!important;max-width:100%!important}
 body.page-id-344 .dk-om-intro-checks {width:100%!important}
 body.page-id-344 .dk-om-philosophy-inner {width:min(750px,calc(100% - 48px))!important}
 body.page-id-344 .dk-om-philosophy-cards {width:100%!important}
 body.page-id-344 .dk-om-philosophy-card {height:auto!important;min-height:0!important}
}
@media (min-width:768px) and (max-width:1024px) {
 body.page-id-344 .dk-om-hero {min-height:300px!important}
 body.page-id-344 .dk-om-intro {padding:60px 0 50px!important}
 body.page-id-344 .dk-om-philosophy {padding:65px 0!important}
 body.page-id-344 .dk-om-philosophy-cards {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
 body.page-id-344 .dk-om-philosophy-card:nth-child(3) {grid-column:1/-1;max-width:calc(50% - 11px);margin:0 auto!important}
 body.page-id-344 .dk-om-philosophy-card-heading {min-height:0!important}
 body.page-id-344 .dk-om-check p {font:400 15px/1.5 'Poppins',Arial,sans-serif!important}
 body.page-id-344 .dkt-v2 .dkt-v2__intro h2 {white-space:normal!important;overflow-wrap:normal!important}
}
@media (max-width:767px) {
 body.page-id-344 {--dkom-space:clamp(42px,12.3077vw,48px)}
 body.page-id-344 .elementor.elementor-344 {width:100%!important;overflow-x:clip!important}
 body.page-id-344 :is(.dk-om-hero,.dk-om-intro,.dk-om-philosophy,.dkt-v2-mount,.dks-statistics,.dk-om-contact) {overflow-x:clip}
 /* Same dark backgrounds, cyan accent, and two approved typefaces. */
 body.page-id-344 .dk-om-hero {background-color:#000a10!important;background-size:cover!important;background-position:60% center!important}
 body.page-id-344 .dk-om-hero-inner {width:calc(100% - 40px)!important;min-height:180px!important}
 body:not(#dk-font-override).page-id-344 .dk-om-hero-title .elementor-heading-title {color:#fff!important;font:700 clamp(30px,8.2vw,36px)/1.2 'Playfair Display',Georgia,serif!important}
 body.page-id-344 .dk-om-breadcrumb,
 body.page-id-344 .dk-om-breadcrumb p,
 body.page-id-344 .dk-om-breadcrumb a {color:#fff!important;font:400 12.5px/1.6 'Poppins',Arial,sans-serif!important}
 body.page-id-344 .dk-om-intro {background:#000!important;padding:var(--dkom-space) 0 24px!important;min-height:0!important}
 body.page-id-344 .dk-om-intro-inner {width:calc(100% - 40px)!important;gap:30px!important}
 body.page-id-344 .dk-om-intro-visual {height:auto!important;aspect-ratio:487/556;max-width:450px!important;border-radius:20px!important}
 body.page-id-344 .dk-om-intro-photo img {border-radius:20px!important}
 body.page-id-344 .dk-om-intro-cta {width:min(310px,calc(100% - 30px))!important;bottom:20px!important}
 body.page-id-344 .dk-om-intro-cta .elementor-button {min-height:45px!important;padding:9px 17px!important;font:500 13.5px/1.3 'Poppins',Arial,sans-serif!important;color:#031b1b!important;background:#3edfd0!important}
 body.page-id-344 .dk-om-intro-content {transform:none!important;min-width:0!important}
 body.page-id-344 .dk-om-intro-kicker {margin:0 0 16px!important}
 body:not(#dk-font-override).page-id-344 .dk-om-intro-kicker .elementor-heading-title {color:#d0dddc!important;font:400 11.5px/1.5 'Poppins',Arial,sans-serif!important;white-space:normal!important;overflow-wrap:break-word!important}
 body.page-id-344 .dk-om-intro-heading {margin:0 0 24px!important}
 body:not(#dk-font-override).page-id-344 .dk-om-intro-heading .elementor-heading-title {color:#3edfd0!important;font:700 clamp(26px,7vw,34px)/1.24 'Playfair Display',Georgia,serif!important;letter-spacing:0!important;overflow-wrap:normal!important}
 body.page-id-344 .dk-om-intro-lead {border-left:4px solid #3edfd0!important;margin:0 0 19px!important;padding:0 0 0 16px!important}
 body.page-id-344 .dk-om-intro-description {margin:0 0 24px!important}
 body.page-id-344 :is(.dk-om-intro-lead,.dk-om-intro-description) p {color:#fff!important;font:400 14px/1.75 'Poppins',Arial,sans-serif!important;overflow-wrap:break-word!important}
 body.page-id-344 .dk-om-intro-checks {grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
 body.page-id-344 .dk-om-check {min-width:0!important}
 body.page-id-344 .dk-om-check p {color:#fff!important;font:400 14px/1.5 'Poppins',Arial,sans-serif!important;gap:10px!important;white-space:normal!important}
 body.page-id-344 .dk-om-check span {flex:0 0 23px!important;width:23px!important;height:23px!important}
 /* Adjacent section rhythm: 24+22 = 46px from features to statistics. */
 body.page-id-344 .dks-statistics {height:auto!important;min-height:0!important;background:#000!important;color:#fff!important}
 body.page-id-344 .dks-statistics .dks-inner.elementor-element {
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-rows:repeat(2,minmax(112px,auto))!important;
   width:min(calc(100% - 56px),310px)!important;max-width:310px!important;
   height:auto!important;margin:0 auto!important;padding:22px 0 0!important;gap:0!important;
 }
 body.page-id-344 .dks-statistics .dks-cell {
  position:relative!important;min-width:0!important;min-height:112px!important;height:auto!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  gap:0!important;margin:0!important;padding:11px 10px 11px 0!important;
  border:0!important;
 }
 body.page-id-344 .dks-statistics .dks-cell:nth-child(even) {padding-left:22px!important;padding-right:0!important}
 body.page-id-344 .dks-statistics .dks-cell:nth-child(odd) {border-right:1px solid rgba(62,223,208,.43)!important}
 body.page-id-344 .dks-statistics .dks-cell:nth-child(-n+2)::after {content:""!important;position:absolute!important;left:0!important;right:14px!important;bottom:0!important;height:1px!important;background:rgba(62,223,208,.46)!important}
 body.page-id-344 .dks-statistics .dks-cell:nth-child(2)::after {left:22px!important;right:0!important}
 body.page-id-344 .dks-statistics .dks-value,body.page-id-344 .dks-statistics .dks-label {width:100%!important;margin:0!important;padding:0!important}
 body:not(#dk-font-override).page-id-344 .dks-statistics .dks-value .elementor-heading-title {font:700 25px/1.15 'Poppins',Arial,sans-serif!important;color:#3edfd0!important;letter-spacing:0!important;white-space:nowrap!important}
 body:not(#dk-font-override).page-id-344 .dks-statistics .dks-label .elementor-heading-title {margin:10px 0 0!important;color:#fff!important;font:400 13px/1.55 'Poppins',Arial,sans-serif!important;white-space:normal!important}
 body.page-id-344 .dks-statistics .dks-note {display:none!important}
 /* Neutral charcoal keeps matching the PSD, not a new turquoise fill. */
 body.page-id-344 .dk-om-philosophy {padding:48px 0 20px!important;min-height:0!important;background-color:#1b1b1b!important}
 body.page-id-344 .dk-om-philosophy-inner {width:calc(100% - 40px)!important}
 body.page-id-344 .dk-om-philosophy-kicker {margin:0 0 17px!important}
 body:not(#dk-font-override).page-id-344 .dk-om-philosophy-kicker .elementor-heading-title {color:#fff!important;font:400 13px/1.5 'Poppins',Arial,sans-serif!important}
 body.page-id-344 .dk-om-philosophy-heading {margin:0 0 22px!important}
 body:not(#dk-font-override).page-id-344 .dk-om-philosophy-heading .elementor-heading-title {color:#3edfd0!important;font:700 clamp(25px,7.15vw,33px)/1.27 'Playfair Display',Georgia,serif!important;letter-spacing:0!important}
 body.page-id-344 .dk-om-philosophy-intro {margin:0 0 27px!important}
 body.page-id-344 .dk-om-philosophy-intro p {color:#fff!important;font:400 14px/1.72 'Poppins',Arial,sans-serif!important;margin:0 0 16px!important}
 body.page-id-344 .dk-om-philosophy-cards {grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:460px!important;gap:18px!important}
 body.page-id-344 .dk-om-philosophy-card {width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:24px!important;border-radius:18px!important;border-color:rgba(62,223,208,.8)!important;background:rgba(4,8,9,.93)!important}
 /* The first card has no permanent selected/hover background on touchscreens. */
 body.page-id-344 .dk-om-philosophy-icon {width:54px!important;height:54px!important;min-height:54px!important;margin:0 0 20px!important}
 body.page-id-344 .dk-om-philosophy-card-heading {width:100%!important;min-height:0!important;margin:0 0 15px!important}
 body:not(#dk-font-override).page-id-344 .dk-om-philosophy-card-heading .elementor-heading-title {color:#fff!important;font:600 18px/1.38 'Poppins',Arial,sans-serif!important;letter-spacing:0!important}
 /* Card titles remain white by default, with desktop hover accent. */
 body.page-id-344 .dk-om-philosophy-card-copy,body.page-id-344 .dk-om-philosophy-card-copy p {color:#fff!important;font:400 14px/1.68 'Poppins',Arial,sans-serif!important;margin:0!important}
 /* 20px end-of-philosophy padding + 28px reviews start => 48px. */
 body.page-id-344 .dkt-v2 {background:#000!important;color:#fff!important;height:auto!important}
 body.page-id-344 .dkt-v2 .dkt-v2__inner {padding-top:28px!important;padding-bottom:20px!important}
 body.page-id-344 .dkt-v2 .dkt-v2__eyebrow {color:#fff!important;font-family:'Poppins',Arial,sans-serif!important}
 body.page-id-344 .dkt-v2 .dkt-v2__intro h2 {color:#3edfd0!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important}
 body.page-id-344 .dkt-v2 .dkt-v2__intro p {color:#fff!important;font-family:'Poppins',Arial,sans-serif!important;font-weight:400!important}
 body.page-id-344 .dkt-v2 .dkt-v2__quote {color:#fff!important;font-family:'Poppins',Arial,sans-serif!important}
 body.page-id-344 .dkt-v2 .dkt-v2__name {color:#3edfd0!important;font-family:'Poppins',Arial,sans-serif!important}
 /* The homepage's mobile contact CSS is enqueued for this page as well;
    no competing CF7 input widths, colors, fonts, paddings or backgrounds. */
 body.page-id-344 .dk-om-contact {margin:0!important;width:100%!important;max-width:none!important}
}
@media(max-width:359px){
 body.page-id-344 .dk-om-intro-inner,body.page-id-344 .dk-om-philosophy-inner {width:calc(100% - 30px)!important}
 body.page-id-344 .dk-om-intro-checks {grid-template-columns:minmax(0,1fr)!important}
 body.page-id-344 .dks-statistics .dks-inner.elementor-element {width:min(calc(100% - 36px),286px)!important}
 body.page-id-344 .dks-statistics .dks-cell:nth-child(even) {padding-left:12px!important}
 body.page-id-344 .dks-statistics .dks-label .elementor-heading-title {font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){body.page-id-344 .dk-om-intro-cta .elementor-button{transition:none!important}}