@keyframes fadeUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}@keyframes scrollDrop {0% {top: -10px;opacity: 0;}20% {opacity: 1;}80% {opacity: 1;}100% {top: 60px;opacity: 0;}}@media only screen and (min-width: 0rem) {#services-hero {position: relative;z-index: 300;transition: opacity 0.6s ease;top: 0;width: 100%;height: 100vh;background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://websthetic.tor1.cdn.digitaloceanspaces.com/meet-the-team.webp') center / cover no-repeat;background-color: #000;display: flex;flex-direction: column;justify-content: center;overflow: visible;padding: 64px 0;box-sizing: border-box;}#services-hero .hero-top {position: relative;z-index: 1;display: flex;align-items: flex-start;padding: 10rem 1.5rem 0;}#services-hero .hero-left {flex: 1;display: flex;flex-direction: column;justify-content: flex-start;padding-bottom: 0;}#services-hero .hero-eyebrow {font-family: var(--bodyFont);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.25em;text-transform: uppercase;color: var(--primary);margin-bottom: 1rem;display: none;align-items: center;gap: 0.75rem;opacity: 0;animation: fadeUp 0.6s ease 0.2s forwards;}#services-hero .hero-eyebrow::before {content: '';width: 28px;height: 1.5px;background: var(--primary);flex-shrink: 0;}#services-hero .hero-heading {font-family: "Bebas Neue", serif;font-size: clamp(4rem, 10vw, 10rem);line-height: 0.92;letter-spacing: -0.01em;color: #fff;text-transform: uppercase;opacity: 0;animation: fadeUp 0.7s ease 0.35s forwards;}#services-hero .hero-heading .accent {color: var(--primary);}#services-hero .hero-right {width: 320px;flex-shrink: 0;display: none;flex-direction: column;justify-content: flex-end;padding-bottom: 2rem;padding-left: 3rem;border-left: 1px solid rgba(255, 255, 255, 0.1);margin-left: 3rem;opacity: 0;animation: fadeUp 0.7s ease 0.6s forwards;}#services-hero .hero-right p {font-size: 1rem;line-height: 1.85;color: rgba(255, 255, 255, 0.55);font-weight: 300;}#services-hero .hero-right::before {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: var(--primary);margin-bottom: 1.25rem;flex-shrink: 0;}#services-hero .hero-bottom {position: relative;z-index: 3;display: flex;flex-direction: column;align-items: flex-start;gap: 1.25rem;padding: 1.5rem 1.5rem 0;border-top: 1px solid rgba(255, 255, 255, 0.08);margin-top: 1.75rem;opacity: 0;animation: fadeUp 0.6s ease 0.8s forwards;}#services-hero .hero-subtext-mobile {font-size: 1rem;line-height: 1.75;color: rgba(255, 255, 255, 0.8);font-weight: 300;}#services-hero .scroll-indicator {display: flex;flex-direction: column;align-items: center;gap: 0.5rem;flex-shrink: 0;}#services-hero .scroll-label {font-size: 0.8rem;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;color: rgba(255, 255, 255, 0.5);}#services-hero .scroll-line {width: 1px;height: 45px;background: rgba(255, 255, 255, 0.12);position: relative;overflow: hidden;border-radius: 1px;}#services-hero .scroll-dot {position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 2px;height: 10px;background: var(--primary);border-radius: 2px;animation: scrollDrop 1.8s ease-in-out infinite 1.2s;}}@media only screen and (min-width: 48rem) {#services-hero .hero-top {padding: 0 2.5rem;}#services-hero .hero-bottom {padding: 1.5rem 2.5rem 0;margin-top: 2rem;}#services-hero .hero-eyebrow {display: none;}}@media only screen and (min-width: 64rem) {#services-hero {display: grid;height: 100vh;grid-template-rows: 1fr auto;justify-content: unset;flex-direction: unset;padding: 0;padding-top: 64px;}#services-hero .hero-top {align-items: flex-end;padding: 100px 3.75rem 0;}#services-hero .hero-left {justify-content: flex-end;padding-bottom: 2rem;}#services-hero .hero-bottom {display: grid;grid-template-columns: 1fr auto;flex-direction: unset;align-items: end;padding: 1.25rem 3.75rem clamp(2.5rem, 5vw, 4rem);margin-top: 0;}#services-hero .hero-right {display: flex;}#services-hero .hero-eyebrow {display: flex;}#services-hero .hero-subtext-mobile {display: none;}}#viewport {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;overflow: hidden;background: #fff;transition: opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1);}#viewport.fading-out {pointer-events: none;}#canvas {position: absolute;top: 0;left: 0;will-change: transform;}#timeline-svg {position: absolute;top: 0;left: 0;pointer-events: none;z-index: 0;}.content-block {position: absolute;width: min(1100px, 92vw);padding: 56px;gap: 56px;transform: translate(-50%, -50%);display: flex;flex-direction: row;align-items: center;z-index: 1;text-align: left;background: #fff;border-radius: 16px;border: 1px solid rgba(0, 0, 0, 0.08);box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);}.content-block.block-flip {flex-direction: row-reverse;}.block-text {flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 12px;}.content-block .date {font-size: 1.25rem;font-family: "Bebas Neue", serif;letter-spacing: 0.32em;text-transform: uppercase;color: var(--primary);}.content-block h2 {font-size: clamp(1.75rem, 3.5vw, 2.75rem);font-weight: 700;line-height: 1.15;color: #1a1a1a !important;font-family: "Bebas Neue", serif;text-transform: uppercase;}.content-block p {font-size: 1rem;font-family: var(--bodyFont);line-height: 1.9;color: rgba(0, 0, 0, 0.55) !important;margin-bottom: 0;}.block-photo {width: 480px;flex-shrink: 0;position: relative;z-index: 2;}.img-stack {width: 100%;height: 400px;border-radius: 10px;overflow: hidden;position: relative;background: rgba(0, 0, 0, 0.04);border: 1px solid rgba(0, 0, 0, 0.07);}.stack-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;display: block;opacity: 0;}.stack-bg {position: absolute;inset: -10px;background-size: cover;background-position: center;filter: blur(18px);opacity: 0.4;transform: scale(1.05);z-index: 0;}.img-thumbs {display: flex;flex-wrap: wrap;gap: 5px;margin-top: 8px;width: 100%;}.thumb-img {width: 50px;height: 50px;flex-shrink: 0;object-fit: cover;border-radius: 3px;cursor: pointer;opacity: 0.45;border: 1.5px solid transparent;transition: opacity 0.2s ease, border-color 0.2s ease;display: block;}.thumb-img:hover {opacity: 0.75;}.thumb-img.thumb-active {opacity: 1;border-color: var(--primary);}@media only screen and (max-width: 48rem) {.content-block {flex-direction: column;padding: 24px 20px;gap: 20px;}.block-photo {width: 100%;}.img-stack {height: 200px;}}.section-counter {position: fixed;top: 36px;left: 50%;transform: translateX(-50%);z-index: 100;color: rgba(0, 0, 0, 0.2);font-size: 0.76rem;letter-spacing: 0.15em;font-family: 'Georgia', serif;transition: opacity 0.4s ease;}#current-num {color: rgba(0, 0, 0, 0.55);font-size: 1.3rem;font-weight: bold;display: inline-block;min-width: 2ch;}.scroll-hint {position: fixed;bottom: 36px;left: 50%;transform: translateX(-50%);color: rgba(0, 0, 0, 0.25);font-size: 0.68rem;letter-spacing: 0.28em;text-transform: uppercase;z-index: 100;font-family: "Bebas Neue", serif;animation: bounce 2s ease-in-out infinite;transition: opacity 0.5s;}.scroll-hint.hidden {opacity: 0;}@keyframes bounce {0%, 100% {transform: translateX(-50%) translateY(0);}50% {transform: translateX(-50%) translateY(-5px);}}#outro-section {position: relative;z-index: 1;background: #fff;display: flex;align-items: center;justify-content: center;padding: clamp(4rem, 10vw, 8rem) clamp(1.5rem, 5vw, 4rem);}.outro-inner {width: 100%;max-width: 1100px;display: grid;grid-template-columns: 1fr;gap: 2.5rem;align-items: center;}.outro-left {display: flex;flex-direction: column;gap: 1.5rem;}.outro-heading {font-family: var(--headerFont);font-size: 3.813rem;font-weight: 700;line-height: 1.2;color: #1a1a1a !important;text-transform: uppercase;opacity: 0;transform: translateY(20px);transition: opacity 0.65s ease, transform 0.65s ease;}.outro-heading.in-view {opacity: 1;transform: translateY(0);}.outro-accent {color: var(--primary);}.outro-body {display: flex;flex-direction: column;gap: 0.65rem;width: 100%;opacity: 0;transform: translateY(16px);transition: opacity 0.65s ease 0.1s, transform 0.65s ease 0.1s;}.outro-body.in-view {opacity: 1;transform: translateY(0);}.outro-body p {font-size: 0.9rem;font-family: var(--bodyFont);line-height: 1.9;color: rgba(0, 0, 0, 0.55) !important;}.outro-body p.callout {font-weight: 700;color: #1a1a1a;font-size: 0.95rem;}.outro-divider {border: none;border-top: 1px solid rgba(0, 0, 0, 0.1);width: 100%;margin: 0;opacity: 0;transition: opacity 0.65s ease 0.2s;}.outro-divider.in-view {opacity: 1;}.outro-buttons {display: flex;flex-direction: column;gap: 10px;width: 100%;opacity: 0;transform: translateY(16px);transition: opacity 0.65s ease 0.3s, transform 0.65s ease 0.3s;}.outro-buttons.in-view {opacity: 1;transform: translateY(0);}.outro-btn-primary {font-family: "Bebas Neue", serif;font-size: clamp(16px, 1.25vw, 24px);font-weight: 700;line-height: clamp(2rem, 3.5vw, 2.5rem);text-align: center;text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;color: #fff;background: var(--primary);border: 3px solid var(--primary);border-radius: 50px;padding: 0 2rem;width: 100%;display: inline-block;box-sizing: border-box;transition: background 0.3s, border-color 0.3s, transform 0.3s;}.outro-btn-primary:hover {background: #000;border-color: #000;transform: translateY(-2px);}.outro-btn-row {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}.outro-btn-ghost {display: flex;align-items: center;justify-content: center;font-family: "Bebas Neue", serif;font-size: 16px;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;text-decoration: none;color: #000;background: transparent;border: 2px solid #000;border-radius: 50px;padding: 0.4rem 0.5rem;transition: border-color 0.2s, color 0.2s, transform 0.2s;text-align: center;}.outro-btn-ghost:hover {border-color: var(--primary);color: var(--primary);transform: translateY(-2px);}.outro-image {width: 100%;border-radius: 8px;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.08);flex-shrink: 0;opacity: 0;transform: translateY(16px);transition: opacity 0.65s ease 0.2s, transform 0.65s ease 0.2s;box-shadow: 0 24px 64px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.06);}.outro-image.in-view {opacity: 1;transform: translateY(0);}.outro-image img {width: 100%;height: 100%;aspect-ratio: 16 / 10;object-fit: cover;display: block;}@media only screen and (min-width: 64rem) {.outro-inner {grid-template-columns: 48fr 52fr;gap: 4rem;align-items: stretch;}.outro-image {height: 100%;}.outro-image img {aspect-ratio: unset;height: 100%;}}@media only screen and (max-width: 47.9375rem) {#viewport {position: relative;width: 100%;height: auto;overflow: visible;background: #fff;}#canvas {position: relative;width: 100%;height: auto !important;transform: none !important;display: flex;flex-direction: column;align-items: center;padding: 2rem 1.25rem;box-sizing: border-box;gap: 0;}#timeline-svg {display: none;}.content-block {position: relative !important;left: 0 !important;top: 0 !important;transform: none !important;width: 100%;box-sizing: border-box;flex-direction: column;padding: 24px 20px;gap: 20px;}.content-block.block-flip {flex-direction: column;}.block-photo {width: 100%;}.img-stack {height: 220px;}.section-counter, .scroll-hint, #scroll-spacer {display: none !important;}}