/* Content sizing/accessibility adaptations only; Aurax remains the design source. */
.site-logo a { font-size: 22px; font-weight: 700; white-space: nowrap; }
.site-logo .logo-dark { display: none; }
.main-header.sticky-fixed-top .site-logo > a:first-child { display: block; }
.page-header-content h1 { font-size: clamp(40px, 6vw, 90px); line-height: 1.08; letter-spacing: -0.045em; }
.digital-agency-hero .hero-title { font-size: clamp(60px, 10vw, 160px); }
.portfolio-category { display: block; }
.portfolio-thumb img { width: 100%; height: auto; }
.contact-details a, .footer-list a { overflow-wrap: anywhere; }
.contact-details br, .footer-list br { display: block; }
.contact-details br::after, .footer-list br::after { content: ''; }
.studio-service-inner > *, .page-header-content { min-width: 0; }
.studio-service-items .service-title { overflow-wrap: anywhere; }
footer .footer-list p { color: inherit; }
.breadcrumbs { padding: 20px 0; }
.breadcrumbs a { text-decoration: underline; }
:focus-visible { outline: 3px solid #6600ff; outline-offset: 5px; }
@media (max-width: 767px) {
 .digital-agency-hero .hero-title { font-size: 58px; }
 .page-header-content h1 { font-size: 42px; overflow-wrap: anywhere; }
 .digital-agency-hero .hero-desc, .digital-agency-hero .hero-desc-2 { max-width: 100%; }
 .studio-service-inner { gap: 20px; }
 .portfolio-details h2 { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

/* Original Moser logo from moser-florian.com. */
.main-header.dark-text .site-logo > a:first-child { display: block; color: var(--dl-heading-color); }
.main-header-wapper .site-logo { max-width: none; flex-shrink: 0; }
/* Original gy-5 row's negative margin overlaps header/footer after sidebar removal. */
.faq-section .row { margin-top: 0; }
.faq-section { padding-bottom: 70px; }
/* Reference overview: natural image heights and captions attached to their own image. */
.portfolio-masonry { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 64px 28px; align-items: start; column-count: auto; }
.portfolio-masonry .portfolio-item { display: block; min-width: 0; width: 100%; height: auto !important; margin: 0; break-inside: avoid; vertical-align: top; }
.portfolio-masonry .portfolio-thumb { height: auto !important; cursor: pointer; }
.portfolio-masonry .portfolio-thumb img { width: 100%; height: auto !important; aspect-ratio: auto; object-fit: contain; display: block; }
.portfolio-masonry .portfolio-content { margin-top: 15px; }
.portfolio-masonry .portfolio-title { line-height: 1.2; margin-bottom: 8px; }
.portfolio-masonry .portfolio-category { line-height: 1.4; margin-bottom: 6px; }
.portfolio-masonry .portfolio-category::after { display: none; }
.portfolio-website-url { display: block; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 991px) { .portfolio-masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .portfolio-masonry { grid-template-columns: minmax(0, 1fr); } }

/* Aurax index.html sections reused on the Grav home page. */
.work-portfolio .portfolio-item.square { max-width: 100%; }
.work-portfolio .portfolio-thumb img { width: 100%; height: 100%; object-fit: cover; }
.work-portfolio .portfolio-category { line-height: 1.45; }
.digital-agency-service .service-item { height: 100%; }
.digital-agency-service .service-item h3 { overflow-wrap: anywhere; }
.digital-agency-cta { min-height: 100svh; display: flex; align-items: center; padding: 100px 0; overflow: clip; }
.digital-agency-cta .cta-content { margin-top: 0; }
.digital-agency-cta .cta-content h2 { font-size: clamp(60px, 10vw, 175px); line-height: .96; }
.digital-agency-cta .cta-content h2 span { font-size: clamp(50px, 7vw, 112px); line-height: 1.05; margin-top: 0; }
.digital-agency-cta .cta-img-wrap { pointer-events: none; }
.footer-white .footer-widget ul li.phone a { color: var(--dl-heading-color) !important; }
.footer-big-text { max-width: 100%; }
@media (max-width: 767px) {
 .work-portfolio .portfolio-wrap { margin: 0; }
 .work-portfolio .portfolio-wrap .col-lg-6 { padding: 0 0 45px; }
 .work-portfolio .portfolio-wrap .col-lg-6:nth-child(n) .portfolio-item { margin-top: 0; }
 .work-portfolio .portfolio-thumb, .work-portfolio .portfolio-item.square .portfolio-thumb { height: 320px; }
 .digital-agency-service .section-heading-wrap p { max-width: 100%; margin: 0 0 35px; }
 .digital-agency-cta .cta-content { margin-top: 0; }
 .digital-agency-cta .cta-content h2 { font-size: clamp(46px, 11vw, 68px); letter-spacing: -0.04em; }
 .digital-agency-cta .cta-content h2 span { font-size: clamp(40px, 9vw, 60px); }
 .digital-agency-cta .cta-img-wrap .cta-thumb { opacity: 0.25; }
 .digital-agency-cta .cta-img-wrap img.hand-top, .digital-agency-cta .cta-img-wrap img.hand-bottom { opacity: 0.2; }
 .footer-big-text { font-size: min(11vw, 56px); white-space: nowrap; letter-spacing: -0.04em; }
}