*, *::before, *::after {box-sizing: border-box;}html, body {height: 100%;}html {scroll-behavior: smooth;}@media (prefers-color-scheme: dark) {:root {color-scheme: light dark;}}body {margin: 0;background: #000;color: #fff;font-family: 'Radley', Georgia, 'Times New Roman', Times, serif;}:root {--primary-color: #0EA5A6;--secondary-color: #5EEAD4;--primary-text-aa: #2DD4BF;}.hero {position: relative;height: 100vh;padding: 1rem;overflow: clip;}.hero::before {content: "";position: absolute;z-index: 1;top: 10%;left: 50%;transform: translateX(-50%) rotate(185deg) scale(1.5);width: clamp(320px, 70vw, 720px);aspect-ratio: 2 / 3;background-image: url('assets/branch_vertical.png');background-repeat: no-repeat;background-size: contain;background-position: center top;opacity: 0.65;filter: brightness(1);animation: portraitGlow 3s ease-in-out infinite alternate;pointer-events: none;}@keyframes portraitGlow {0% {filter: brightness(1);}100% {filter: brightness(1.5);}}@media (prefers-reduced-motion: reduce) {.hero::before {animation: none;}}.hero-content {position: relative;z-index: 10;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;text-align: center;height: 100%;}.monogram {position: relative;bottom: 8rem;left: 50%;transform: translateX(-50%);z-index: 15;width: 60px;height: 60px;border-radius: 50%;background: var(--primary-color);display: flex;align-items: center;justify-content: center;color: #EAE8DF;font-style: italic;font-size: 32px;line-height: 1;letter-spacing: 0.02em;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}.monogram::after {content: "";position: absolute;inset: -5px;border: 4px solid var(--primary-color);border-radius: 50%;pointer-events: none;opacity: 0.95;}.first-r {position: relative;top: -4px;right: -6px;}.second-r {position: relative;top: 6px;right: 2px;}@media (min-width: 768px) {.hero-content {justify-content: center;}.monogram {width: 60px;height: 60px;bottom: 8rem;}}h1 {font-style: italic;font-size: 5rem;}h2 {font-size: 3rem;}h3 {font-size: 1.5rem;word-break: keep-all;}.about {padding: 1rem;z-index: 10;position: relative;}.about p {font-size: 1.25rem;}.r-portrait {max-width: 100%;}.background-items-wrapper {display: flex;flex-wrap: wrap;align-items: flex-start;padding: 1rem;gap: 3rem;}.background .background-items-wrapper h3 {height: auto;}@media (min-width: 768px) {.background .background-items-wrapper h3 {height: 7rem;}}.background-item {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;width: 100%;}.background-item-line {width: 100%;border-bottom: 2px solid var(--primary-color);}.text-align-center {text-align: center;}.layout-col {display: flex;flex-direction: column;}.logo-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-evenly;gap: 0.75rem 1.5rem;margin: 0.5rem 0 1.5rem 0;}.logo-row .logo {height: 70px;width: auto;display: block;opacity: 0.95;transition: opacity .2s ease;max-width: 350px;object-fit: contain;}.logo-row .logo.short-width {max-width: 80px;object-fit: cover;}.logo-row .logo:hover {opacity: 1;}.white-bg {background: white;}.first-items {display: flex;flex-direction: column;}.first-items .logo {height: 35px;}.top-nav {position: sticky;top: 0;z-index: 1000;display: flex;gap: .75rem;align-items: center;justify-content: center;padding: .5rem .75rem;background: rgba(0, 0, 0, 0.5);backdrop-filter: saturate(140%) blur(6px);border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 35%, transparent);}.top-nav .nav-links a {color: var(--primary-text-aa);text-decoration: none;padding: .25rem .5rem;border-radius: .5rem;transition: background-color .15s ease, color .15s ease;white-space: nowrap;}.top-nav .nav-links a:hover {background: rgba(255, 255, 255, 0.06);color: var(--secondary-color);}#about, #services, #projects, #testimonials, #contact {scroll-margin-top: 64px;}#about, #background, #services, #projects, #testimonials {min-height: 90vh;justify-content: center;}@media (max-width: 767px) {.top-nav {justify-content: space-between;padding: .5rem .75rem;gap: .75rem;}.top-nav .nav-links {position: absolute;left: 0;right: 0;top: 100%;display: none;flex-direction: column;gap: .25rem;padding: .5rem;background: rgba(0, 0, 0, 0.7);backdrop-filter: saturate(140%) blur(6px);border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 35%, transparent);}.top-nav[data-open="true"] .nav-links {display: flex;}.top-nav .nav-links a {font-size: 1rem;background: rgba(255, 255, 255, 0.05);border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);}.nav-toggle {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 8px;border: 1px solid color-mix(in srgb, var(--primary-color) 35%, transparent);background: rgba(255, 255, 255, 0.05);cursor: pointer;}.nav-toggle:focus-visible {outline: 2px solid var(--secondary-color);outline-offset: 3px;}.nav-toggle .bar {width: 20px;height: 2px;background: var(--primary-text-aa);margin: 2px 0;border-radius: 2px;transition: transform .2s ease, opacity .2s ease;}.top-nav[data-open="true"] .nav-toggle .bar:nth-child(2) {opacity: 0;}.top-nav[data-open="true"] .nav-toggle .bar:nth-child(1) {transform: translateY(4px) rotate(45deg);}.top-nav[data-open="true"] .nav-toggle .bar:nth-child(3) {transform: translateY(-4px) rotate(-45deg);}}@media (min-width: 768px) {.top-nav {justify-content: center;}.nav-toggle {display: none;}.top-nav .nav-links {display: flex;gap: .75rem;position: static;padding: 0;background: transparent;border: 0;}.top-nav .nav-links a {background: transparent;border-color: transparent;}}.scroll-top {position: fixed;right: 1rem;bottom: 1rem;z-index: 1100;width: 44px;height: 44px;border-radius: 9999px;border: 1px solid color-mix(in srgb, var(--secondary-color) 55%, transparent);background: var(--secondary-color);color: #001314;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 10px 24px -10px color-mix(in srgb, var(--secondary-color) 60%, transparent);cursor: pointer;opacity: 0;transform: translateY(8px) scale(.95);pointer-events: none;transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;}.scroll-top:hover {box-shadow: 0 14px 28px -12px color-mix(in srgb, var(--secondary-color) 70%, transparent);}.scroll-top.visible {opacity: 1;transform: translateY(0) scale(1);pointer-events: auto;}.background, .services, .projects {max-width: 1200px;margin: 0 auto;padding: 1rem;}.contact {padding: 3rem 1rem 4rem;max-width: 960px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: 1rem;border-top: 1px solid color-mix(in srgb, var(--primary-color) 45%, transparent);}.contact h2 {margin: 0 0 .25rem 0;letter-spacing: .02em;color: var(--primary-text-aa);}.contact p {margin: 0;text-align: center;line-height: 1.7;max-width: 60ch;}.contact-actions {margin-top: 1rem;display: flex;flex-wrap: wrap;gap: .75rem;justify-content: center;}.btn {display: inline-flex;align-items: center;justify-content: center;gap: .5rem;padding: .7rem 1.1rem;border-radius: .75rem;border: 1px solid transparent;font-weight: 600;text-decoration: none;transition: transform .06s ease, box-shadow .2s ease, background-color .15s ease, border-color .15s ease, color .15s ease;will-change: transform;}.btn:active {transform: translateY(1px);}.btn-primary {background: var(--primary-color);color: #ffffff;border-color: color-mix(in srgb, var(--primary-color) 60%, transparent);box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--primary-color) 45%, transparent);}.btn-primary:hover {background: color-mix(in srgb, var(--primary-color) 85%, #0b7778);}.btn-outline {color: var(--secondary-color);border-color: color-mix(in srgb, var(--secondary-color) 70%, transparent);}.btn-outline:hover {color: #001314;background: var(--secondary-color);box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--secondary-color) 45%, transparent);}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}::selection {background: color-mix(in srgb, var(--secondary-color) 70%, transparent);color: #001314;}:focus-visible {outline: 2px solid var(--secondary-color);outline-offset: 3px;}a {color: var(--secondary-color);text-decoration-color: color-mix(in srgb, var(--secondary-color) 50%, transparent);}a:hover {color: var(--primary-color);text-decoration-color: var(--primary-color);}.testimonials {padding: 2rem 1rem;display: grid;grid-template-columns: 1fr;gap: 1.5rem;max-width: 1100px;margin: 0 auto;}.testimonials>h2 {text-align: center;margin: 0 0 0.5rem 0;letter-spacing: 0.02em;grid-column: 1 / -1;}@media (min-width: 900px) {.testimonials {grid-template-columns: repeat(2, 1fr);}.testimonials>h2 {grid-column: 1 / -1;}.branch {transform: scale(1);}}.testimonial-item {display: flex;flex-direction: column;position: relative;padding: 1.25rem 1.25rem 1.25rem 1.25rem;background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(14, 165, 166, 0.55);border-left: 4px solid var(--primary-color);border-radius: 12px;backdrop-filter: blur(1px);transition: border-color .2s ease, border-left-color .2s ease, box-shadow .2s ease;}.testimonial-item:hover {border-left-color: var(--secondary-color);border-color: rgba(14, 165, 166, 0.5);box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--secondary-color) 35%, transparent);}.testimonial-item::before {content: "\201C";position: absolute;top: -12px;left: 10px;font-size: 4rem;color: var(--primary-color);opacity: 0.15;line-height: 1;pointer-events: none;}.testimonial-item p {margin: 0;line-height: 1.7;}.testimonial-item h4 {margin: 0.75rem 0 0 0;font-weight: 500;color: var(--primary-color);}.testimonial-item>div:last-child {margin-top: auto;padding-top: 0.5rem;border-top: 1px dashed color-mix(in srgb, var(--secondary-color) 60%, transparent);}.testimonial-item>div:last-child p {margin: 0.15rem 0;line-height: 1.5;}.testimonial-item>div:last-child p:first-child {font-weight: 600;letter-spacing: 0.01em;color: var(--secondary-color);}.testimonial-item>div:last-child p:nth-child(2) {color: var(--primary-text-aa);}.testimonial-item>div:last-child p:last-child {color: rgba(255, 255, 255, 0.75);}@media (min-width: 768px) {h1 {font-size: 3.5rem;}.about {display: grid;grid-template-columns: 1.2fr 0.8fr;align-items: center;gap: 2rem;max-width: 1200px;margin: 0 auto;}.r-portrait {justify-self: center;max-width: 420px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.08);}.background-items-wrapper {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2rem;}.services .background-items-wrapper {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2rem;}.hero::before {transform: translateX(-50%) rotate(185deg) scale(1) translateY(15%);}@media (min-width: 1024px) {.hero {padding: 2rem;}h1 {font-size: 4rem;}.hero::before {top: -54%;left: 48%;transform: rotate(210deg);width: clamp(460px, 45vw, 900px);aspect-ratio: 2 / 3;}}.background-items-wrapper {grid-template-columns: repeat(3, minmax(0, 1fr));}.services .background-items-wrapper {grid-template-columns: repeat(4, minmax(0, 1fr));align-items: baseline;}.testimonials {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1280px) {h1 {font-size: 4.5rem;}.testimonials {grid-template-columns: repeat(2, 1fr);}.contact {max-width: 1100px;}}.logo {max-height: 200px;}.background-logo {width: 84px;height: 84px;border-radius: 50%;background: var(--primary-color);display: flex;align-items: center;justify-content: center;margin: 0.75rem auto;box-shadow: 0 8px 28px -12px color-mix(in srgb, var(--primary-color) 50%, transparent);}.background-logo img {width: 44px;height: 44px;object-fit: contain;display: block;}ul {height: 250px;display: flex;flex-direction: column;justify-content: space-evenly;}.primary-underline {border-bottom: 1px solid var(--primary-color);padding-bottom: 0.5rem;}.invert {filter: invert(1);}.remove-white {filter: grayscale(1) contrast(5);object-fit: fill;}.bw {filter: grayscale(1) contrast(5) invert(1);}.projects {display: flex;flex-direction: column;justify-content: space-evenly;}.service-item-header {height: auto;}@media (min-width: 768px) {.service-item-header {height: 4rem;}}.logo.arthuss {display: flex;align-items: center;justify-content: center;font-size: 22px;}