:root {
  --dg-terracotta: #BF7E73;
  --dg-yellow: #FFFAD9;
  --dg-blue: #2D3340;
  --dg-white: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { color: var(--dg-blue); background: var(--dg-white); }

.site-header.standard,
.site-header.solid {
  background: var(--dg-yellow) !important;
}

.logo-brand img { display: none !important; }
.logo-brand::after {
  content: 'DESIGN GOHL';
  display: block;
  color: var(--dg-blue);
  font-size: clamp(20px, 2.1vw, 32px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}

.main-navigation a,
.footer-menu a {
  color: var(--dg-blue) !important;
  letter-spacing: .08em;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.footer-menu a:hover {
  color: var(--dg-terracotta) !important;
}

.site-footer {
  background: var(--dg-blue) !important;
  color: var(--dg-yellow) !important;
}
.site-footer a,
.site-footer p,
.site-footer .footer-socials a {
  color: var(--dg-yellow) !important;
}
.site-footer a:hover { color: var(--dg-terracotta) !important; }

a { transition: color .2s ease, background-color .2s ease, opacity .2s ease; }
a:hover { color: var(--dg-terracotta); }

/* Home: single-image landing page */
.page-id-1196 .site-content { padding-top: 0 !important; }
.dg-home-hero {
  width: 100vw;
  min-height: calc(100vh - 96px);
  margin-left: calc(50% - 50vw);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.dg-home-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(45,51,64,.04), rgba(45,51,64,.16));
  pointer-events: none;
}

/* Studio */
.dg-studio {
  max-width: 1240px;
  margin: 0 auto;
  padding: 48px 24px 96px;
}
.dg-studio-intro {
  background: var(--dg-yellow);
  padding: clamp(48px, 8vw, 110px) clamp(28px, 7vw, 100px);
  margin-bottom: 28px;
  text-align: center;
}
.dg-studio-intro h1 {
  color: var(--dg-terracotta);
  font-size: clamp(30px, 4.6vw, 62px);
  line-height: 1.12;
  margin: 0;
}
.dg-studio-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 620px;
  margin-bottom: 28px;
  background: var(--dg-yellow);
}
.dg-studio-split.dg-reverse .dg-studio-media { order: -1; }
.dg-studio-copy {
  padding: clamp(38px, 6vw, 80px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dg-studio-copy h2 {
  color: var(--dg-terracotta);
  font-size: clamp(30px, 4vw, 52px);
  margin: 0 0 8px;
}
.dg-studio-kicker {
  color: var(--dg-blue);
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.dg-studio-copy p { font-size: 17px; line-height: 1.65; }
.dg-studio-media { min-height: 540px; }
.dg-studio-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Work grid hover */
.page-id-68 .cbp-caption-activeWrap {
  background-color: rgba(191,126,115,.94) !important;
}
.page-id-68 .cbp-l-caption-title,
.page-id-68 .cbp-l-caption-desc {
  color: var(--dg-yellow) !important;
}
.page-id-68 .cbp-caption-defaultWrap img {
  transition: transform .45s ease;
}
.page-id-68 .cbp-item:hover .cbp-caption-defaultWrap img {
  transform: scale(1.025);
}
.page-id-68 h1,
.page-id-68 h2 {
  color: var(--dg-blue);
}

@media (max-width: 767px) {
  .logo-brand::after { font-size: 18px; }
  .dg-home-hero { min-height: calc(100vh - 72px); }
  .dg-studio { padding: 24px 14px 56px; }
  .dg-studio-split { grid-template-columns: 1fr; min-height: 0; }
  .dg-studio-split.dg-reverse .dg-studio-media { order: 0; }
  .dg-studio-media { min-height: 420px; }
  .dg-studio-copy { padding: 38px 26px 48px; }
}:root {
  --dg-terracotta: #BF7E73;
  --dg-yellow: #FFFAD9;
  --dg-blue: #2D3340;
  --dg-white: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { color: var(--dg-blue); background: var(--dg-white); }

.site-header.standard,
.site-header.solid {
  background: var(--dg-yellow) !important;
}

.logo-brand img { display: none !important; }
.logo-brand::after {
  content: 'DESIGN GOHL';
  display: block;
  color: var(--dg-blue);
  font-size: clamp(20px, 2.1vw, 32px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}

.main-navigation a,
.footer-menu a {
  color: var(--dg-blue) !important;
  letter-spacing: .08em;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.footer-menu a:hover {
  color: var(--dg-terracotta) !important;
}

.site-footer {
  background: var(--dg-blue) !important;
  color: var(--dg-yellow) !important;
}
.site-footer a,
.site-footer p,
.site-footer .footer-socials a {
  color: var(--dg-yellow) !important;
}
.site-footer a:hover { color: var(--dg-terracotta) !important; }

a { transition: color .2s ease, background-color .2s ease, opacity .2s ease; }
a:hover { color: var(--dg-terracotta); }

/* Home: single-image landing page */
.page-id-1196 .site-content { padding-top: 0 !important; }
.dg-home-hero {
  width: 100vw;
  min-height: calc(100vh - 96px);
  margin-left: calc(50% - 50vw);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.dg-home-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(45,51,64,.04), rgba(45,51,64,.16));
  pointer-events: none;
}

/* Studio */
.dg-studio {
  max-width: 1240px;
  margin: 0 auto;
  padding: 48px 24px 96px;
}
.dg-studio-intro {
  background: var(--dg-yellow);
  padding: clamp(48px, 8vw, 110px) clamp(28px, 7vw, 100px);
  margin-bottom: 28px;
  text-align: center;
}
.dg-studio-intro h1 {
  color: var(--dg-terracotta);
  font-size: clamp(30px, 4.6vw, 62px);
  line-height: 1.12;
  margin: 0;
}
.dg-studio-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 620px;
  margin-bottom: 28px;
  background: var(--dg-yellow);
}
.dg-studio-split.dg-reverse .dg-studio-media { order: -1; }
.dg-studio-copy {
  padding: clamp(38px, 6vw, 80px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dg-studio-copy h2 {
  color: var(--dg-terracotta);
  font-size: clamp(30px, 4vw, 52px);
  margin: 0 0 8px;
}
.dg-studio-kicker {
  color: var(--dg-blue);
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.dg-studio-copy p { font-size: 17px; line-height: 1.65; }
.dg-studio-media { min-height: 540px; }
.dg-studio-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Work grid hover */
.page-id-68 .cbp-caption-activeWrap {
  background-color: rgba(191,126,115,.94) !important;
}
.page-id-68 .cbp-l-caption-title,
.page-id-68 .cbp-l-caption-desc {
  color: var(--dg-yellow) !important;
}
.page-id-68 .cbp-caption-defaultWrap img {
  transition: transform .45s ease;
}
.page-id-68 .cbp-item:hover .cbp-caption-defaultWrap img {
  transform: scale(1.025);
}
.page-id-68 h1,
.page-id-68 h2 {
  color: var(--dg-blue);
}

@media (max-width: 767px) {
  .logo-brand::after { font-size: 18px; }
  .dg-home-hero { min-height: calc(100vh - 72px); }
  .dg-studio { padding: 24px 14px 56px; }
  .dg-studio-split { grid-template-columns: 1fr; min-height: 0; }
  .dg-studio-split.dg-reverse .dg-studio-media { order: 0; }
  .dg-studio-media { min-height: 420px; }
  .dg-studio-copy { padding: 38px 26px 48px; }
}

/* Design Gohl supplied header logo */
.logo-brand {
  display: block !important;
  width: 230px !important;
  height: 85px !important;
}
.logo-brand::after {
  content: '' !important;
  display: block !important;
  width: 230px !important;
  height: 85px !important;
  background: #fff url('https://ift.cyu.mybluehost.me/website_bf86925a/wp-content/uploads/2026/07/Design-Gohl-Favicon-Text-Logo_Full-Color_2026.png') center center / contain no-repeat !important;
}
.logo-brand img { display: none !important; }
@media (max-width: 767px) {
  .logo-brand,
  .logo-brand::after {
    width: 180px !important;
    height: 66px !important;
  }
}