@font-face {
  font-family: 'SAMUER Clash Display';
  src: url('/fonts/clash-display-variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122;
}
body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,textarea,label,li) {
  font-family: 'SAMUER Clash Display', Arial, sans-serif !important;
}
/* The captured negative tracking was tuned for a different font. */
html[lang="en"] body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,textarea,label,li,small) {
  letter-spacing: normal !important;
  word-spacing: .04em;
  --framer-letter-spacing: 0em !important;
}
body {
  --token-7d692461-fc25-4666-b920-02b5d4b7fd88: #630c12 !important;
  --token-ceefc67a-9b61-453a-8be3-39d59a68b191: #630c12 !important;
  --token-22f4863c-820a-486d-90c6-4d403800b6bf: #000000 !important;
  --token-cc4ee81b-44a8-4c43-b3d3-c3ce80cfe2b1: #000000 !important;
  --token-5cf1b248-1ef3-4269-82ff-9245b25ee4c1: #ffffff !important;
  --token-58b3fb0c-6673-481b-88d2-11f662490b02: #ffffff !important;
  background: #ffffff;
}

@font-face { font-family: 'SAMUER Arabic'; src: url('/fonts/unisirwan-din-next-ultralight.ttf') format('truetype'); font-style: normal; font-weight: 200; font-display: swap; unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF; }
.samuer-languages { position: fixed; top: 20px; right: 80px; z-index: 2147483000; display: flex; gap: 4px; }
.samuer-language-link { display: grid; place-items: center; min-height: 40px; min-width: 44px; padding: 0 8px; background: #fff; color: #000000; border: 1px solid #630c1255; text-decoration: none; font: 600 14px/1.5 Tahoma, Arial, sans-serif; transition: background .2s, color .2s; }
.samuer-language-link:hover { background: #f2f2f2; }
.samuer-language-link:focus-visible { outline: 3px solid #630c12; outline-offset: 3px; }
.samuer-language-link:is([lang="ar"],[lang="ckb"]) { font-family: 'SAMUER Arabic',Tahoma,sans-serif !important; }
.agency-page .samuer-languages { position: static; flex-wrap: nowrap; margin-inline-start: auto; }
.agency-page header { flex-wrap: wrap; }
html[data-supported-languages] .ska-hero-year-badge { right: 210px; }
@media (max-width: 600px) {
  /* The same year is already part of the agency wordmark. */
  html[data-supported-languages] .ska-hero-year-badge { display: none; }
}
@media (max-width: 359px) {
  html[data-supported-languages] .ska-hero-nav { padding-top: 76px; }
}
html[dir="rtl"] body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,input,textarea,label,li,small) { font-family: 'SAMUER Arabic','SAMUER Clash Display',Tahoma,Arial,sans-serif !important; letter-spacing: 0 !important; --framer-letter-spacing: 0em !important; }
html[dir="rtl"] :is(p,label,input,textarea) { direction: rtl; }
html[dir="rtl"] :is(p,h1,h2,h3,h4,h5,h6) { --framer-text-alignment: right; }
html[dir="rtl"] [data-samuer-ar-text] { direction: rtl; }
/* Keep Arabic letters joined without overriding the layout of buttons, labels or custom motion. */
html[dir="rtl"] .framer-text span:is([style*="inline-block"],[style*="white-space"]) { display: contents !important; transform: none !important; opacity: 1 !important; white-space: inherit !important; }
html[dir="rtl"] .framer-text { --framer-line-height: 1.6em; }
html[dir="rtl"] p.framer-text { line-height: 1.75 !important; }
html[dir="rtl"] :is(h1,h2,h3,h4,h5,h6) { line-height: 1.35 !important; }
html[dir="rtl"] :is(input[type="email"],input[type="tel"],a[href^="tel:"],a[href^="mailto:"]) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] :is(.ska-hero-title,.samuer-footer-wordmark,.samuer-loader-counter,.flex-carousel,.samuer-projects-stage,.samuer-process-viewport,.samuer-team-hover__portraits) { direction: ltr; }
html[dir="rtl"] .ska-hero-description { text-align: center; line-height: 1.8; }
html[dir="rtl"] .ska-hero-nav { direction: ltr; }
html[dir="rtl"] .ska-hero-cta { flex-direction: row-reverse; }
/* Captured JS reveals must not hide page introductions when motion is disabled. */
.framer-1rc3vjh br { display: none; }
@media (prefers-reduced-motion: reduce) {
  [data-framer-name="Title"] :is([data-framer-name="Subtitle"] [style*="will-change"], form[style*="will-change"]) { opacity: 1 !important; transform: none !important; }
}
@media (max-width: 600px) {
  html[lang="en"] [data-framer-name="Contact us section"] :is(h1,h2) { font-size: clamp(32px, 9vw, 54px) !important; overflow-wrap: normal; word-break: normal; }
}
html[dir="rtl"] .samuer-projects-heading { font-size: clamp(38px,6vw,96px); }
html[dir="rtl"] .samuer-process-copy { direction: rtl; text-align: center; }
html[dir="rtl"] .samuer-process-copy p { line-height: 1.65; }
html[dir="rtl"] .samuer-process-heading { font-size: clamp(64px,10vw,150px); }
html[dir="rtl"] .samuer-faq-item button { text-align: right; }
html[dir="rtl"] .samuer-faq-answer p { text-align: right; line-height: 1.8; }
html[dir="rtl"] .samuer-faq-ready :is(.framer-ad13hs,.framer-15qnm33) { white-space: normal !important; }
html[dir="rtl"] .samuer-menu-links a { font-size: clamp(30px,5vw,60px); }
@media (min-width: 1000px) {
  html[dir="rtl"] .samuer-menu-heading { padding-top: 44px; }
}
html[dir="rtl"] .samuer-team-hover__name { letter-spacing: 0; }
html[dir="rtl"] .samuer-team-hover__name span { display: inline !important; }
html[dir="rtl"] :is(.framer-1jul3j9,[data-framer-name="Fact counter"]) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .samuer-team-hover__name-window { height: 1.6em; font-size: clamp(3.5rem,8.9vw,8.9rem); }
html[dir="rtl"] .samuer-process-heading { max-width: min(75vw,650px); white-space: normal; text-align: center; }
html[dir="rtl"] .ska-quote-headline span { display: contents !important; white-space: inherit !important; }
html[dir="rtl"] ul:has(> .ticker-item) { direction: ltr; }
html[dir="rtl"] [data-framer-name="Our Team"] .framer-gl8uko h2 { white-space: nowrap !important; }
html[dir="rtl"] :is(.framer-bze7w5,.framer-xmayf3) { white-space: normal !important; }
/* Rollover copies must clear the Arabic line height, including wrapped award names. */
html[dir="rtl"] .framer-XYeJV .framer-1njs9c3 { min-width: 0; width: 100%; padding-inline-end: 12px; box-sizing: border-box; }
html[dir="rtl"] .framer-XYeJV :is(.framer-1k9unhh,.framer-7vqbq6) { width: 100%; white-space: normal; }
html[dir="rtl"] .framer-XYeJV:not(.hover) .framer-1k9unhh { top: -100%; }
html[dir="rtl"] .framer-XYeJV.hover .framer-7vqbq6 { bottom: -100%; }
html[dir="rtl"] .framer-g9vvfp-container section > div { width: 100%; min-width: 0; max-width: 100%; direction: rtl; text-align: right !important; line-height: 1.5 !important; }
html[dir="rtl"] .framer-g9vvfp-container span { display: contents !important; white-space: inherit !important; }
/* The removed quote portrait no longer triggers this captured text reveal. */
html[dir="rtl"] section.framer-mvejsh .framer-npp6o { opacity: 1 !important; transform: none !important; }
html[lang="ar"] form::after { content: 'نموذج تجريبي · استخدم بيانات تجريبية. لا يتم إرسال البيانات أو حفظها.'; }
html[lang="ckb"] form::after { content: 'فۆڕمی تاقیکردنەوە · زانیاریی نموونە بەکاربهێنە. هیچ زانیارییەک نانێردرێت و پاشەکەوت ناکرێت.'; }
@media (max-width: 600px) {
  .samuer-languages { top: 18px; right: 76px; }
  .samuer-language-link { min-width: 38px; min-height: 40px; }
  html[dir="rtl"] [data-framer-component-type="RichTextContainer"] { max-width: 100%; }
  html[dir="rtl"] .samuer-process-heading { font-size: 60px; }
  html[dir="rtl"] .samuer-faq-ready .framer-ad13hs h3 { font-size: clamp(36px,11vw,56px); }
  html[dir="rtl"] .samuer-team-hover__name-window { font-size: clamp(2rem,8.6vw,2.7rem); }
}

@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-old(root) { z-index: 1; }
::view-transition-new(root) { z-index: 2; animation: samuer-page-reveal .95s cubic-bezier(.4, 0, .2, 1) both; }
@keyframes samuer-page-reveal {
  0% { clip-path: inset(50% round 2vw); transform: scale(1.12); }
  100% { clip-path: inset(0 round 0); transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) { ::view-transition-new(root) { animation: none; } }

.framer-sh5jl7 .framer-1icz3iy { display: block !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; }
.framer-sh5jl7 .framer-1icz3iy:not(:has(.samuer-projects)) { min-height: calc(clamp(560px,74vh,760px) + 278px) !important; }
.framer-sh5jl7 .framer-81tamj { display: grid !important; grid-template-columns: 1fr 2fr; align-content: end; gap: 28px; box-sizing: border-box; width: 100% !important; height: auto !important; min-height: 400px; padding: 100px 40px 52px; }
.samuer-projects-heading { grid-column: 2; margin: 0; font-size: clamp(48px,6.6vw,104px); font-weight: 600; line-height: .98; letter-spacing: -.035em; }
.samuer-projects-intro { grid-column: 2; max-width: 460px; margin: 0; font-size: 16px; line-height: 1.5; letter-spacing: 0; }
body:has(.samuer-projects.is-viewing) :is(.framer-1a9wq7r-container, .framer-1wyk3am-container) { display: none; }
.samuer-projects { width: 100%; color: #000000; background: #fff; }
.samuer-projects-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: end; gap: 28px; border-block: 1px solid #00000026; padding: 24px 40px; }
.samuer-projects-toolbar label { display: flex; flex-direction: column; gap: 8px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.samuer-projects-toolbar select, .samuer-projects-toolbar input { display: block; width: 100%; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #00000040; border-radius: 0; color: #000000; background: #fff; font-size: 14px; }
.samuer-projects-total { align-self: center; font-size: 12px; }
.samuer-projects-search { max-width: 360px; width: 100%; justify-self: end; }
.samuer-projects-stage { height: clamp(560px, 74vh, 760px); background: #f2f2f2; }
.samuer-projects-stage:has(.is-unavailable) { height: auto; }
.samuer-projects-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 40px; border-bottom: 1px solid #00000026; }
.samuer-projects-bottom p { margin: 0; font-size: 12px; color: #630c12; }
.samuer-projects-play { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 48px; padding: 12px 20px; border: 1px solid #000000; background: #000000; color: #fff; font-size: 14px; cursor: pointer; transition: background .2s, color .2s; }
.samuer-projects-play:hover { background: #f2f2f2; color: #000000; }
.samuer-projects-play span { transition: transform .2s; }
.samuer-projects-play:hover span { transform: translate(2px,-2px); }
.samuer-projects-index { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid #00000026; }
.samuer-projects-index button { display: flex; align-items: center; gap: 12px; justify-content: flex-start; padding: 20px; min-height: 64px; border: 0; border-right: 1px solid #00000026; background: transparent; color: inherit; cursor: pointer; text-align: left; font-size: 14px; transition: background .2s; }
.samuer-projects-index button:hover { background: #f2f2f2; }
.samuer-projects-index button span:first-child { color: #630c12; font-size: 10px; }
.samuer-projects-index button span:last-child { margin-left: auto; }
.samuer-projects-empty { display: grid; place-content: center; justify-items: center; min-height: 320px; padding: 32px; text-align: center; }
.samuer-projects-empty button { min-height: 44px; padding: 10px 18px; border: 1px solid #000000; color: #000000; background: #f2f2f2; cursor: pointer; }
.samuer-projects-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding: 40px; background: #f2f2f2; }
.samuer-projects-grid button { min-width: 0; padding: 0; background: transparent; border: 0; color: inherit; text-align: left; cursor: pointer; }
.samuer-projects-grid img { display: block; width: 100%; aspect-ratio: 9/16; object-fit: contain; margin-bottom: 16px; }
.samuer-projects-grid span, .samuer-projects-grid small { display: block; margin-top: 6px; }
@media (max-width: 700px) {
  .framer-sh5jl7 .framer-81tamj { grid-template-columns: minmax(0,1fr); min-height: 320px; padding: 100px 20px 36px; gap: 24px; }
  .samuer-projects-heading, .samuer-projects-intro { grid-column: 1; }
  .framer-sh5jl7 .framer-1icz3iy:not(:has(.samuer-projects)) { min-height: 1010px !important; }
  .samuer-projects-toolbar { grid-template-columns: minmax(0,1fr) auto; padding: 20px; gap: 16px; }
  .samuer-projects-search { grid-column: 1 / -1; max-width: none; }
  .samuer-projects-stage { height: clamp(300px, 70vw, 360px); }
  .samuer-projects-bottom { padding: 20px; align-items: stretch; flex-direction: column; gap: 16px; }
  .samuer-projects-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .samuer-projects-index button { padding: 16px; border-bottom: 1px solid #00000026; font-size: 12px; }
  .samuer-projects-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 20px; gap: 16px; }
}
[data-framer-name="Social accounts"] > :not(.samuer-social-links) { display: none !important; }
[data-framer-name="Contact us section"] [data-framer-name="Extra text block"], [data-framer-name="Contact us section"] .framer-16b2yvt { display: none !important; }
header.framer-unWgt { display: none !important; }
.samuer-social-links { display: flex; align-items: center; gap: 16px; color: inherit; }
.samuer-social-links a, .samuer-social-links span { display: inline-flex; width: 18px; height: 18px; color: inherit; }
.samuer-social-links svg { width: 100%; height: 100%; }
.samuer-social-pending { opacity: .55; }
.ska-hero-social-list .samuer-social-pending { display: inline-flex; width: 16px; height: 16px; }

[data-framer-name="Features"] [data-framer-name="people"],
#services [data-framer-name="Facts"] > [data-framer-name="Bottom"] { display: none !important; }
#services .framer-bvcqq2, #services .framer-bvcqq2 p { max-width: 100%; min-width: 0; white-space: normal !important; }
#services .framer-1m0qae4 { width: 100% !important; max-width: 100%; min-width: 0; }
#services .framer-1m0qae4 p { white-space: normal !important; overflow-wrap: break-word; }
html[dir="rtl"] #services :is(.framer-1m0qae4,.framer-bvcqq2) { padding-inline-end: 24px; box-sizing: border-box; }
html[dir="rtl"] #services :is(.framer-1m0qae4,.framer-bvcqq2) p { text-align: right !important; }

.samuer-process-replaced { display: none !important; }
.samuer-process-host { width: 100%; flex: none; }
/* The fixed blur obscures process copy on short screens and adds eight backdrop passes. */
body:has(.samuer-process.is-reading) .framer-1a9wq7r-container { display: none; }
.samuer-process { position: relative; height: calc(var(--process-height, 100svh) * 5); background: #f2f2f2; color: #000000; font-family: "Host Grotesk", sans-serif; }
.samuer-process-viewport { position: sticky; top: 0; height: var(--process-height, 100svh); overflow: hidden; }
.samuer-process-track { position: relative; width: 500%; height: 100%; }
.samuer-process-heading { position: absolute; left: 10%; top: 50%; width: max-content; margin: 0; transform: translate(-50%, -50%); font-size: clamp(72px, 13vw, 210px); line-height: .78; letter-spacing: -.075em; font-weight: 750; text-align: center; z-index: 1; }
.samuer-process-heading span { display: block; }
.samuer-process-line { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.samuer-process-line path { fill: none; stroke: #630c12; stroke-width: 13; stroke-linecap: round; visibility: hidden; }
.samuer-process-step { position: absolute; width: min(34vw, 420px); transform: translate(-50%, -50%); }
.samuer-process-step-1 { left: 27%; top: 35%; }
.samuer-process-step-2 { left: 47%; top: 65%; }
.samuer-process-step-3 { left: 67%; top: 35%; }
.samuer-process-step-4 { left: 87%; top: 65%; }
.samuer-process-number { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto; border-radius: 50%; background: #630c12; color: #fff; font-weight: 700; font-size: 18px; opacity: 0; transform: scale(.7); transition: opacity .35s, transform .35s; }
.samuer-process-copy { position: absolute; left: 0; width: 100%; opacity: 0; transform: translateY(12px); transition: opacity .18s, transform .18s; }
.samuer-process-step-1 .samuer-process-copy, .samuer-process-step-3 .samuer-process-copy { bottom: 72px; }
.samuer-process-step-2 .samuer-process-copy, .samuer-process-step-4 .samuer-process-copy { top: 72px; }
.samuer-process-step.is-visible .samuer-process-number, .samuer-process-step.is-visible .samuer-process-copy { opacity: 1; transform: none; }
.samuer-process-copy h3 { margin: 8px 0 14px; font-size: clamp(25px, 2.8vw, 46px); line-height: 1; letter-spacing: -.045em; }
.samuer-process-copy p { margin: 0; font-size: clamp(14px, 1.15vw, 17px); line-height: 1.4; }
.samuer-process-copy .samuer-process-label { color: #630c12; font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .12em; }
.samuer-process-hint { position: absolute; bottom: 4%; left: 50%; transform: translateX(-50%); font-size: 11px; letter-spacing: .12em; white-space: nowrap; }
@media (max-width: 700px) {
  .samuer-process-heading { font-size: clamp(65px, 17vw, 110px); }
  .samuer-process-step { width: 68vw; }
  .samuer-process-copy h3 { font-size: clamp(24px, 7vw, 34px); }
  .samuer-process-copy p { font-size: 14px; }
  .samuer-process-number { width: 42px; height: 42px; font-size: 15px; }
  .samuer-process-step-1 .samuer-process-copy, .samuer-process-step-3 .samuer-process-copy { bottom: 56px; }
  .samuer-process-step-2 .samuer-process-copy, .samuer-process-step-4 .samuer-process-copy { top: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .samuer-process { height: auto; }
  .samuer-process-viewport { position: relative; height: auto; overflow: visible; padding: 80px 24px; }
  .samuer-process-track { width: auto; height: auto; transform: none !important; }
  .samuer-process-heading { position: static; width: auto; transform: none; text-align: left; margin-bottom: 70px; }
  .samuer-process-line, .samuer-process-hint { display: none; }
  .samuer-process-step { position: static; width: auto; transform: none; margin: 0 0 55px; }
  .samuer-process-number, .samuer-process-copy { position: static; opacity: 1; transform: none; transition: none; }
  .samuer-process-number { margin: 0; }
  .samuer-process-copy { margin-top: 16px; }
}

@media (max-height: 700px) and (prefers-reduced-motion: no-preference) {
  .samuer-process-step { width: min(78vw, 420px); }
  .samuer-process-step-1, .samuer-process-step-3 { top: 45%; }
  .samuer-process-step-2, .samuer-process-step-4 { top: 55%; }
  .samuer-process-copy h3 { font-size: 22px; }
  .samuer-process-copy p { font-size: 13px; }
  .samuer-process-step-1 .samuer-process-copy, .samuer-process-step-3 .samuer-process-copy { bottom: 48px; }
  .samuer-process-step-2 .samuer-process-copy, .samuer-process-step-4 .samuer-process-copy { top: 48px; }
}

[data-samuer-copy] br { display: none; }

[data-framer-name="Buy button"],#framer-badge-container,[data-framer-name="Made in Framer"],.framer-YbpMm,[data-framer-name="Blog posts"],[data-framer-name="Subscribe"],[data-framer-name="Reviews"],.framer-do74ss-container,.framer-9876n,.framer-1gir7z1-container,[data-framer-name="More works"]{display:none!important}
[data-framer-name="Main"] > [data-framer-name="Portfolio"] > .framer-1vhbng8,
[data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Showreel"],
[data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Awards wrapper"] { display: none !important; }
.samuer-all-work { position: relative; z-index: 10; display: flex; align-items: center; justify-content: center; align-self: center; min-height: 56px; width: min(300px, calc(100% - 48px)); margin: 40px auto 64px; padding: 0 24px; background: #630c12; color: #fff; font: 700 13px "Host Grotesk", sans-serif; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background .2s ease, color .2s ease; }
.samuer-all-work:hover { background: #fff; color: #000000; }
.samuer-all-work:focus-visible { outline: 3px solid #630c12; outline-offset: 4px; }
.framer-acbhbu-container{pointer-events:none!important;opacity:0!important;display:none!important}

/* SKA AGENCY — Centered Who We Are Scroll Reveal */
[data-framer-name="Hello"] .framer-vy3d1e,
[data-framer-name="Hello"] .framer-1semxbv,
[data-framer-name="Hello"] .framer-1nj6gho-container,
[data-framer-name="Hello"] .framer-1jlihvp,
[data-framer-name="Services"] .framer-mj951m { display: none !important; }

[data-framer-name="Hello"] [data-framer-name="Quote"],
[data-framer-name="Hello"] .framer-1cwonxw,
[data-framer-name="Hello"] .framer-1ldnz2x,
[data-framer-name="Hello"] .framer-8e69xh-container,
[data-framer-name="Hello"] .framer-1siq50b {
  mix-blend-mode: normal !important;
}

[data-framer-name="Hello"] .framer-8e69xh-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

[data-framer-name="Hello"] .framer-8e69xh-container > *:not(.ska-quote-root) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.ska-quote-root {
  width: 100% !important;
  max-width: 660px !important;
  margin: 0 auto !important;
  padding: 10px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
}

@media (min-width: 1200px) {
  .ska-quote-root {
    max-width: 780px !important;
  }
}

.ska-quote-headline {
  font-family: "DM Sans", "DM Sans Placeholder", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: clamp(24px, 3.6vw, 54px) !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000 !important;
}

.ska-word-wrap {
  display: inline-block !important;
  white-space: nowrap !important;
  margin-right: 0.28em !important;
}

.ska-char {
  display: inline !important;
  color: rgb(195, 195, 195) !important;
  transition: color 0.08s ease-out !important;
}
@media (max-width: 810px) {
  [data-framer-name="Hello"] [data-framer-name="Author wrapper"],
  [data-framer-name="Hello"] [data-framer-name="Author wrapper"] * { min-width: 0 !important; max-width: 100% !important; }
  [data-framer-name="Hello"] [data-framer-name="Author wrapper"] .framer-1nj6gho-container,
  [data-framer-name="Hello"] [data-framer-name="Author wrapper"] .framer-1nj6gho-container > * { width: 100% !important; }
  [data-framer-name="Hello"] [data-framer-name="Author wrapper"] .framer-10bl4wr { flex: 1 1 0 !important; }
  [data-framer-name="Hello"] [data-framer-name="Author wrapper"] p { white-space: normal !important; }
}
form::after{content:'Local demo · Use sample details. Nothing is sent or stored.';font:12px/1.5 Arial,sans-serif;flex-basis:100%;margin:12px 0;color:inherit}
.clone-result{border:1px solid #444;padding:32px;max-width:min(90vw,500px);background:#050505;color:white;font:16px/1.5 Arial,sans-serif}
.clone-result::backdrop{background:#0008;backdrop-filter:blur(8px)}
.clone-result button{display:block;width:100%;margin-top:24px;padding:14px;border:0;background:#fff;color:#000;cursor:pointer}
[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #630c12;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
html,body{overflow-x:clip}
@media(max-width:360px){.framer-17duvkq-container{max-width:calc(100vw - 30px)!important}.framer-j2JSb{max-width:100%!important}.framer-j2JSb a[href^="tel:"] p{font-size:14px!important}.framer-j2JSb .framer-1wjiyii p{font-size:8px!important}}

section[data-framer-name="Our Team"] { display: none !important; }
[data-framer-name="Our Team"] [data-framer-name="Team members"].samuer-team-mount{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}
.samuer-team-mount > :not(.samuer-team-hover) { display: none !important; }
[data-framer-name="Timeline"] [data-framer-name="Quote block"],
[data-framer-name="Timeline"] .framer-lg7hvq { display: none !important; }
[data-framer-name="Our Team"] [data-framer-name="Title"] > .ssr-variant:has(> [data-framer-name="Subheading"]),
[data-framer-name="Our Team"] [data-framer-name="Title"] > [data-framer-name="Subheading"] { display: none !important; }
[data-framer-name="Our Team"] [data-framer-name="Title"] > [data-framer-name="Heading"] { flex: 1 1 100% !important; width: 100% !important; min-width: 0; }
[data-framer-name="Our Team"] [data-framer-name="Heading"] .framer-1hgelcp { width: 100%; }
[data-framer-name="Our Team"] [data-framer-name="Heading"] h2 { font-size: clamp(2.2rem, 5vw, 5.5rem) !important; white-space: normal; }
.samuer-team-hover{position:relative;width:100%;height:clamp(520px,42.5vw,680px);min-height:520px;overflow:hidden;color:#080808}
.samuer-team-hover__eyebrow{position:absolute;top:26px;left:26px;margin:0;color:#6b6b68;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.samuer-team-hover__portraits{position:absolute;top:24.5%;left:50%;display:flex;align-items:center;gap:18px;height:194px;transform:translateX(-50%)}
.samuer-team-hover__portrait{position:relative;display:block;flex:none;width:98px;height:120px;padding:0;overflow:hidden;border:1px solid rgba(0,0,0,.16);border-radius:0;background:#e7e7e3;cursor:pointer;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),border-color .25s ease}
.samuer-team-hover__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1);transition:filter .5s ease}
.samuer-team-hover__portrait.is-active img{filter:grayscale(0)}
.samuer-team-hover__portrait.is-active{width:158px;height:194px;border-color:#630c12}
.samuer-team-hover__portrait:focus-visible{outline:2px solid #630c12;outline-offset:4px}
.samuer-team-hover__name-window{position:absolute;top:58%;left:0;width:100%;height:clamp(3.5rem,8.9vw,8.9rem);overflow:hidden;pointer-events:none}
.samuer-team-hover__name{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;color:#630c12;font:800 clamp(3.5rem,8.9vw,8.9rem)/1 Arial,Helvetica,sans-serif;letter-spacing:-.085em;text-align:center;text-transform:uppercase;white-space:nowrap;visibility:hidden;transform:translateY(100%)}
.samuer-team-hover__name span{display:inline-block;transform:translateY(0);transition:transform .75s cubic-bezier(.22,1,.36,1)}
.samuer-team-hover__name.is-visible{visibility:visible}
.samuer-team-hover__name.is-visible span{transform:translateY(-100%)}
.samuer-team-hover__role{position:absolute;top:calc(58% + 164px);left:0;width:100%;margin:0;color:#686866;font:500 12px/1.4 Arial,sans-serif;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.samuer-team-hover__hint{position:absolute;bottom:30px;left:26px;display:flex;align-items:center;gap:10px;margin:0;color:#777;font:500 10px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.samuer-team-hover__hint::before{width:26px;height:2px;background:#630c12;content:""}
@media(max-width:900px){.samuer-team-hover{height:560px}.samuer-team-hover__portraits{top:23%;gap:10px;height:158px}.samuer-team-hover__portrait{width:80px;height:98px}.samuer-team-hover__portrait.is-active{width:128px;height:158px}.samuer-team-hover__name-window{top:56%;height:clamp(3rem,10vw,5rem)}.samuer-team-hover__name{font-size:clamp(3rem,10vw,5rem)}.samuer-team-hover__role{top:calc(56% + 112px)}}
@media(min-width:481px) and (max-width:680px){.samuer-team-hover__portraits{left:0;width:100%;box-sizing:border-box;justify-content:flex-start;padding:0 8px;overflow-x:auto;transform:none;scrollbar-width:none}.samuer-team-hover__portraits::-webkit-scrollbar{display:none}}
@media(max-width:480px){.samuer-team-hover{height:520px;min-height:520px}.samuer-team-hover__eyebrow{top:20px;left:20px;max-width:calc(100% - 40px)}.samuer-team-hover__portraits{top:22%;left:0;width:100%;box-sizing:border-box;justify-content:flex-start;gap:6px;height:116px;padding:0 8px;overflow-x:auto;transform:none;scrollbar-width:none}.samuer-team-hover__portraits::-webkit-scrollbar{display:none}.samuer-team-hover__portrait{width:68px;height:84px}.samuer-team-hover__portrait.is-active{width:94px;height:116px}.samuer-team-hover__name-window{top:55%;height:clamp(2rem,8.6vw,2.7rem)}.samuer-team-hover__name{font-size:clamp(2rem,8.6vw,2.7rem);letter-spacing:-.07em}.samuer-team-hover__role{top:calc(55% + 84px);font-size:10px}.samuer-team-hover__hint{bottom:20px;left:20px;font-size:9px}}

.samuer-team-hover__portraits { left: 50%; width: min(100%, 904px); height: 204px; box-sizing: border-box; justify-content: center; gap: clamp(3px, 1vw, 12px); padding: 0 8px; overflow: visible; transform: translateX(-50%); }
.samuer-team-hover__portrait { flex: 1 1 0; min-width: 0; max-width: 108px; width: auto; height: auto; aspect-ratio: 108 / 130; transition: flex-grow .5s cubic-bezier(.16,1,.3,1), max-width .5s cubic-bezier(.16,1,.3,1), border-color .25s ease; }
.samuer-team-hover__portrait.is-active { flex-grow: 1.55; max-width: 168px; width: auto; height: auto; }
@media(max-width:900px) { .samuer-team-hover__portraits { height: 168px; } }
@media(max-width:480px) { .samuer-team-hover__portraits { height: 126px; } }
.samuer-team-hover__name-window { height: 1.2em; font-size: clamp(3.5rem,8.9vw,8.9rem); }
.samuer-team-hover__name { font-size: inherit; line-height: 1.15; transform: none; }
.samuer-team-hover__name span { transform: translateY(115%); }
.samuer-team-hover__name.is-visible span { transform: none; }
.samuer-team-hover__hint { border: 0; background: transparent; padding: 8px 0; min-height: 44px; cursor: pointer; }
@media(max-width:900px) { .samuer-team-hover__name-window { font-size: clamp(3rem,10vw,5rem); } }
@media(max-width:480px) { .samuer-team-hover__name-window { font-size: clamp(2rem,8.6vw,2.7rem); } }
@media(prefers-reduced-motion:reduce) {
  .samuer-team-hover__name span, .samuer-team-hover__portrait, .samuer-team-hover__portrait img { transition: none; }
}

/* ==========================================================================
   Hero Section Replacement (WebGL Interactive Fluid + Editorial Typography)
   ========================================================================== */
[data-framer-name="Hero Section"].ska-fluid-hero > :not([data-samuer-hero-content]) { display: none !important; }
[data-framer-name="Hero Section"].ska-fluid-hero {
  --ska-hero-ink: #000000;
  --ska-hero-muted: rgba(17, 12, 10, 0.58);
  --ska-hero-line: rgba(17, 12, 10, 0.16);
  --ska-hero-orange: #630c12;
  --ska-hero-red: #630c12;
  position: relative !important;
  z-index: 6 !important;
  width: 100vw !important;
  height: auto !important;
  min-height: 100svh !important;
  display: flex !important;
  flex-direction: column;
  overflow: visible !important;
  overflow-x: clip !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  isolation: isolate;
  font-family: "Host Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  user-select: none;
  touch-action: pan-y !important;
}

.ska-fluid-hero [data-hero-fluid-layer] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  filter: grayscale(1);
}

.ska-fluid-hero [data-hero-fluid-layer] canvas {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  touch-action: pan-y !important;
}

.ska-hero-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem 3.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 20;
  box-sizing: border-box;
  pointer-events: auto;

  /* Full-width top frosted-glass bar */
  background: rgba(18, 14, 12, 0.45);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.35), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05);
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.ska-hero-nav .ska-hero-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  cursor: pointer;
}

.ska-hero-nav .ska-hero-brand p {
  color: #000000;
  font-family: "Host Grotesk", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0;
  text-transform: uppercase;
}





.ska-hero-nav-spacer {
  width: 160px;
}

/* --- Top-left Year Badge ---------------------------------------------- */
.ska-hero-year-badge {
  position: absolute;
  top: 92px;
  left: 3.5rem;
  z-index: 15;
  pointer-events: none;
}

.ska-hero-year {
  margin: 0;
  color: var(--ska-hero-ink);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.ska-hero-year sup {
  margin-left: 2px;
  font-size: 0.65em;
}

/* --- Center Hero Block: Services Bar + SAMUER Title -------------------- */
.ska-hero-center {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(1140px, calc(100vw - 7rem));
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
  pointer-events: auto;
}

.ska-hero-services-bar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  padding-bottom: 0;
  margin-bottom: 0.35rem;
  box-sizing: border-box;
}

.ska-hero-service-item {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex: 1;
  min-width: 0;
  font-size: clamp(.76rem, 1vw, 1.05rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ska-hero-service-item:last-child { flex: none; }
.ska-hero-service-item:not(:last-child)::after { content: ''; flex: 1; height: 1px; margin: 0 1rem; background: #a0a0a0; }

.ska-hero-service-index {
  color: #000000;
  font-weight: 600;
}

.ska-hero-service-text {
  color: #000000;
}

.ska-hero-wordmark {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.ska-hero-title {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Cal Sans", "Host Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18vw;
  font-weight: 700;
  line-height: 0.86;
  letter-spacing: -0.042em;
  text-transform: uppercase;
  text-align: center;
  user-select: none;
  touch-action: pan-y !important;
  cursor: default;

  color: #000000;
  -webkit-text-fill-color: #000000;
}

/* --- Description + CTA ---------------------------------------------------- */
.ska-hero-content {
  position: absolute;
  left: 50%;
  bottom: 84px;
  transform: translateX(-50%);
  width: min(480px, calc(100% - 3rem));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  z-index: 15;
  pointer-events: auto;
}

.ska-hero-description {
  margin: 0;
  color: var(--ska-hero-ink);
  font-size: 0.98rem;
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
}

.ska-hero-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 52px;
  padding: 0 1.5rem;
  border-radius: 6px;
  background: #080808;
  color: #fff;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(8, 8, 8, 0.25);
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ska-hero-cta-icon {
  position: absolute;
  right: 1.35rem;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.ska-hero-cta:hover,
.ska-hero-cta:focus-visible {
  background: var(--ska-hero-red);
  box-shadow: 0 14px 36px rgba(99, 12, 18, 0.3);
  transform: translateY(-2px);
}

.ska-hero-cta:hover .ska-hero-cta-icon,
.ska-hero-cta:focus-visible .ska-hero-cta-icon {
  transform: rotate(90deg);
}

.ska-hero-cta:focus-visible {
  outline: 2px solid var(--ska-hero-ink);
  outline-offset: 3px;
}

/* --- Bottom line: socials + Stay Connected & brand ticker -------------- */
.ska-hero-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 68px;
  padding: 0 3.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 3rem;
  z-index: 20;
  box-sizing: border-box;
  border-top: 1px solid var(--ska-hero-line);
  background: rgba(250, 244, 237, 0.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: auto;
}

.ska-hero-social {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-right: 2rem;
  border-right: 1px solid var(--ska-hero-line);
}

.ska-hero-social-list {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ska-hero-social-list a {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--ska-hero-ink);
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.ska-hero-social-list svg {
  width: 17px;
  height: 17px;
}

.ska-hero-social-list a:hover,
.ska-hero-social-list a:focus-visible {
  background: var(--ska-hero-red);
  color: #fff;
  transform: translateY(-2px);
}

.ska-hero-social-label {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 0.9rem;
  border-left: 1px solid var(--ska-hero-line);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.25;
  text-transform: uppercase;
}

.ska-hero-social-label span:first-child {
  color: var(--ska-hero-muted);
}

.ska-hero-social-label span:last-child {
  color: var(--ska-hero-ink);
}

.ska-hero-brands {
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.ska-hero-brands-track {
  display: flex;
  width: max-content;
  animation: ska-hero-brands-scroll 26s linear infinite;
}

.ska-hero-brands:hover .ska-hero-brands-track {
  animation-play-state: paused;
}

.ska-hero-brands-list {
  display: flex;
  align-items: center;
  flex: none;
  gap: 4.2rem;
  margin: 0;
  padding: 0 2.1rem;
  list-style: none;
}

.ska-hero-brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 42px;
}

.ska-hero-brand-logo { display: block; width: auto; max-width: 112px; height: 38px; object-fit: contain; }
.ska-hero-brand-logo[alt="One Chickn"] { width: 70px; object-fit: cover; }

@keyframes ska-hero-brands-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .ska-hero-brands-track {
    animation: none;
  }
}

@media (max-width: 1200px) {
  .ska-hero-services-bar {
    gap: 0.8rem;
  }
  .ska-hero-service-item {
    font-size: 0.68rem;
    letter-spacing: 0.07em;
  }
}

@media (max-width: 1000px) {
  .ska-hero-nav {
    padding: 1rem 1.5rem;
    flex-direction: column;
    gap: 0.65rem;
  }
  .ska-hero-nav-spacer {
    display: none;
  }
  .ska-hero-year-badge {
    top: 112px;
    left: 1.5rem;
  }
  .ska-hero-center {
    top: 41%;
    width: calc(100vw - 3rem);
  }
  .ska-hero-services-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem 1rem;
    padding-bottom: 0.6rem;
  }
  .ska-hero-service-item {
    padding-left: 0;
    border-left: 0;
    font-size: 0.68rem;
  }
  .ska-hero-service-item::after { display: none; }
  .ska-hero-footer {
    height: auto;
    padding: 0.7rem 1.5rem;
    grid-template-columns: 1fr;
    gap: 0.6rem;
    justify-items: center;
  }
  .ska-hero-social {
    padding-right: 0;
    border-right: 0;
  }
  .ska-hero-brands {
    width: 100%;
    grid-row: 1;
  }
  .ska-hero-content {
    bottom: 110px;
  }
}

@media (max-width: 600px) {
  .ska-hero-year-badge {
    top: 96px;
    left: 1rem;
  }
  .ska-hero-year {
    font-size: 0.74rem;
  }
  .ska-hero-center {
    top: 39%;
    width: calc(100vw - 2rem);
  }
  .ska-hero-services-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem 0.6rem;
    padding-bottom: 0.5rem;
  }
  .ska-hero-service-item {
    font-size: 0.58rem;
    gap: 0.25rem;
  }
  .ska-hero-title {
    line-height: 0.9;
  }
  .ska-hero-content {
    width: calc(100% - 2rem);
    bottom: 96px;
    gap: 0.75rem;
  }
  .ska-hero-description {
    font-size: 0.85rem;
    text-align: center;
  }
  .ska-hero-cta {
    height: 46px;
  }
  .ska-hero-footer {
    padding: 0.55rem 1rem;
  }
  .ska-hero-brands-list {
    gap: 2.5rem;
    padding: 0 1.25rem;
  }
}

/* Centered hero layout */
.ska-hero-nav { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border: 0; box-shadow: none; padding: 1.4rem 2.5rem; }
.ska-hero-nav .ska-hero-brand p { font-size: .72rem; letter-spacing: .03em; }
.ska-hero-nav .ska-hero-brand sup { margin-left: 2px; font-size: .65em; }
.ska-hero-brand-year { display: block; margin-top: 3px; font-size: .7em; line-height: 1; }
.ska-hero-nav .ska-hero-brand img { width: 20px !important; height: 20px !important; }
.ska-hero-year-badge { top: 1.65rem; right: 2.5rem; left: auto; z-index: 21; }
.ska-hero-year { font-size: .68rem; }
/* Content stays in flow so long translations cannot cover the bottom ticker. */
.ska-hero-center { position: relative; top: auto; left: auto; transform: none; flex: none; width: 86%; margin: 25svh auto 32px; }
.ska-hero-services-bar { margin-bottom: clamp(1.25rem, 3vh, 2.3rem); }
.ska-hero-content { position: static; transform: none; width: min(700px, 100%); align-items: center; gap: 1.2rem; margin-top: calc(clamp(1.4rem, 3vh, 2.2rem) + 20px); }
.ska-hero-description { text-align: center; font-size: 1.5rem; line-height: 1.45; }
.ska-hero-cta { box-sizing: border-box; width: min(265px, 100%); height: 56px; border-radius: 3px; font-size: .76rem; }
.ska-hero-footer { position: relative; flex: none; margin-top: auto; height: 58px; padding: 0 2.5rem; background: rgba(242,242,242,.86); backdrop-filter: none; -webkit-backdrop-filter: none; }
.ska-hero-social-label { flex-direction: row; gap: .3em; white-space: nowrap; }
@media (max-width: 1000px) {
  .ska-hero-nav { flex-direction: row; gap: 0; padding: 1rem 1.5rem; }
  .ska-hero-year-badge { top: 1.3rem; right: 1.5rem; left: auto; }
  .ska-hero-center { width: calc(100% - 3rem); }
  .ska-hero-footer { height: auto; min-height: 72px; padding: .6rem 1.5rem; }
}
@media (max-width: 600px) {
  .ska-hero-nav { flex-direction: column; align-items: flex-start; gap: .7rem; padding: 1rem; }
  .ska-hero-year-badge { top: 1.25rem; right: 1rem; }
  .ska-hero-center { width: calc(100% - 2rem); margin-top: 27svh; }
  .ska-hero-services-bar { margin-bottom: 1.5rem; }
  .ska-hero-content { width: min(350px, 100%); margin-top: calc(1.5rem + 10px); }
  .ska-hero-description { font-size: 1.1rem; }
  .ska-hero-footer { padding: .5rem 1rem; }
}
@media (orientation: landscape) and (max-height: 650px) {
  [data-framer-name="Hero Section"].ska-fluid-hero { min-height: 720px !important; }
}


/* Services Section: 6 Cards Grid Extension & Layout Polish */
.framer-1iorqv4 .ska-cloned-variant {
  width: 100%;
}
.framer-1iorqv4 .ska-cloned-variant .framer-1cpqci3-container {
  width: 100%;
}
.framer-1iorqv4 .framer-3aajre img {
  object-fit: cover !important;
}
.framer-1iorqv4 .framer-16eg50o p {
  opacity: 1 !important;
  transform: none !important;
}
/* Cloned service headings have no Framer animation controller to reveal their words. */
.framer-1iorqv4 .framer-16eg50o [data-samuer-copy] span {
  display: inline !important;
  opacity: 1 !important;
  transform: none !important;
}
.framer-1iorqv4 .framer-1qdfh7m,
.framer-1iorqv4 .framer-n6bxm8 {
  opacity: 1 !important;
  transform: none !important;
}
/* Remove the repeated reference section labels and legacy contact address. */
.framer-dD0qv,
a[href^="mailto:hello@neiden.project"] {
  display: none !important;
}

/* SavoirFaire-inspired entry in the site's beige and brown palette. */
#samuer-loader {
  --counter-width: 22.5vw;
  position: fixed; inset: 0; z-index: 2147483647;
  background: #f2f2f2; color: #630c12; overflow: hidden;
  transition: opacity .7s ease;
}
#samuer-loader.is-dissolving { opacity: 0; pointer-events: none; }
#samuer-loader::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, transparent calc(25% - .5px), rgba(99,12,18,.13) 25%, transparent calc(25% + .5px), transparent calc(50% - .5px), rgba(99,12,18,.13) 50%, transparent calc(50% + .5px), transparent calc(75% - .5px), rgba(99,12,18,.13) 75%, transparent calc(75% + .5px)); pointer-events: none; }
#samuer-loader::after { content: 'SAMUER AGENCY'; position: absolute; top: clamp(24px, 3vw, 48px); left: clamp(24px, 3vw, 48px); font: 600 12px/1.2 sans-serif; letter-spacing: .12em; }
.samuer-loader-counter {
  position: absolute; top: 50%; left: 0; width: var(--counter-width);
  height: min(25vw, 60svh); display: flex; transform: translateY(-50%);
}
.samuer-loader-column { width: 50%; height: 100%; position: relative; overflow: hidden; }
.samuer-loader-numeral { position: absolute; inset: 0; width: 100%; height: 100%; transform: translateX(-105%); }
.samuer-loader-numeral:first-child { transform: none; }
.samuer-loader-numeral path { fill: none; stroke: currentColor; stroke-width: 6.5; }
.is-running .samuer-loader-counter { animation: samuer-counter-travel 3.6s cubic-bezier(.76,0,.24,1) both; }
@keyframes samuer-counter-travel {
  0%, 16.666% { transform: translate(0, -50%); }
  33.333% { transform: translate(calc((100vw - var(--counter-width)) * .25), -50%); }
  50% { transform: translate(calc((100vw - var(--counter-width)) * .5), -50%); }
  66.666% { transform: translate(calc((100vw - var(--counter-width)) * .75), -50%); }
  83.333%, 100% { transform: translate(calc(100vw - var(--counter-width)), -50%); }
}
.is-running .samuer-loader-numeral {
  animation: samuer-number-in .6s cubic-bezier(.76,0,.24,1) calc(var(--step) * .6s) both,
             samuer-number-out .6s cubic-bezier(.76,0,.24,1) calc((var(--step) + 1) * .6s) forwards;
}
.is-running .samuer-loader-numeral:last-child { animation: samuer-number-in .6s cubic-bezier(.76,0,.24,1) 2.4s both; }
@keyframes samuer-number-in { from { transform: translateX(-105%); } to { transform: translateX(0); } }
@keyframes samuer-number-out { from { transform: translateX(0); } to { transform: translateX(105%); } }
@media (max-width: 768px) {
  #samuer-loader { --counter-width: 55vw; }
  .samuer-loader-counter { height: min(62vw, 50svh); }
}
@media (prefers-reduced-motion: reduce) {
  #samuer-loader { transition: none; }
  .is-running .samuer-loader-counter, .is-running .samuer-loader-numeral { animation: none; }
}
.samuer-entry-letter { display: inline-block; color: #000000; -webkit-text-fill-color: #000000; animation: samuer-letter-in .85s cubic-bezier(.16,1,.3,1) both; animation-delay: calc(.22s + var(--letter) * .075s); }
@keyframes samuer-letter-in { from { clip-path: inset(-20% 100% -20% -10%); transform: translateX(-.18em); opacity: 0; } to { clip-path: inset(-20% -10% -20% -10%); transform: translateX(0); opacity: 1; } }
.samuer-intro-reveal .ska-hero-nav, .samuer-intro-reveal .ska-hero-year-badge { animation: samuer-detail-in .7s .1s both; }
.samuer-intro-reveal .ska-hero-services-bar { animation: samuer-detail-in .7s .3s both; }
.samuer-intro-reveal .ska-hero-content, .samuer-intro-reveal .ska-hero-footer { animation: samuer-detail-in .7s .65s both; }
@keyframes samuer-detail-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .samuer-intro-reveal .ska-hero-nav, .samuer-intro-reveal .ska-hero-year-badge, .samuer-intro-reveal .ska-hero-services-bar, .samuer-intro-reveal .ska-hero-content, .samuer-intro-reveal .ska-hero-footer, .samuer-entry-letter { animation: none; }
}
.ska-hero-brand-name { color: var(--ska-hero-ink); opacity: .78; font: 600 14px/1 sans-serif; white-space: nowrap; transition: opacity .25s ease, color .25s ease; }
.ska-hero-brand-item:hover .ska-hero-brand-name { opacity: 1; color: var(--ska-hero-red); }

/* SAMUER menu */
.framer-18lx15k[data-framer-name="menu"],
section[data-framer-name="Blog posts"],
.framer-gvDcQ li:has(a[href$="/blog"]),
.framer-gvDcQ li:has(a[href$="/career"]),
.framer-gvDcQ li:has(a[href$="/404"]) { display: none !important; }
.framer-R5ksj, .framer-8t5wwm-container, .framer-1xfdlgj-container, .framer-17duvkq-container, .framer-2kCzu { display: none !important; }
a[href$="/privacy"], a[href$="/privacy/"], a[href$="/terms-of-services"], a[href$="/terms-of-services/"] { display: none !important; }
html.samuer-menu-open { overflow: hidden; }
#main { transform-origin: center top; transition: transform .85s cubic-bezier(.4,0,.2,1), border-radius .85s cubic-bezier(.4,0,.2,1); }
html.samuer-menu-open #main { transform: translateY(50svh) scale(.95); border-radius: 20px; overflow: clip; }
.samuer-menu-toggle { position: fixed; z-index: 10002; top: 4px; right: 16px; width: 48px; height: 48px; border: 0; background: #000000; cursor: pointer; display: grid; place-content: center; gap: 5px; }
.samuer-menu-toggle span { display: block; width: 23px; height: 2px; background: white; transition: transform .35s cubic-bezier(.4,0,.2,1); }
.samuer-menu-toggle.is-open span:first-child { transform: translateY(3.5px) rotate(45deg); }
.samuer-menu-toggle.is-open span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.samuer-menu-toggle:focus-visible { outline: 3px solid #a0a0a0; outline-offset: 2px; }
.samuer-menu-panel { position: fixed; inset: 0 0 auto; height: 50svh; z-index: 10001; overflow: auto; background: #000000; color: #f2f2f2; visibility: hidden; opacity: 0; transition: opacity .6s cubic-bezier(.4,0,.2,1), visibility 0s linear .85s; }
.samuer-menu-panel.is-open { visibility: visible; opacity: 1; transition: opacity .6s cubic-bezier(.4,0,.2,1); }
.samuer-menu-content { min-height: 100%; padding: 32px clamp(24px,5vw,80px); display: grid; grid-template-columns: 1fr 2fr 1.3fr; gap: 32px; align-items: center; font-family: "Host Grotesk", sans-serif; }
.samuer-menu-heading { align-self: start; font-weight: 700; }
.samuer-menu-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 30px; }
.samuer-menu-links a { color: inherit; text-decoration: none; font-size: clamp(22px, 2.6vw, 42px); font-weight: 600; opacity: 0; transform: translateY(14px); transition: transform .5s cubic-bezier(.4,0,.2,1), opacity .5s cubic-bezier(.4,0,.2,1); }
.samuer-menu-panel.is-open .samuer-menu-links a { opacity: 1; transform: none; }
.samuer-menu-links a:hover, .samuer-menu-contact a:hover { color: #a0a0a0; }
.samuer-menu-links a:focus-visible, .samuer-menu-contact a:focus-visible { outline: 2px solid #a0a0a0; outline-offset: 3px; }
.samuer-menu-contact { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.samuer-menu-contact span { color: #a0a0a0; font-size: 12px; letter-spacing: .12em; }
.samuer-menu-contact a { color: inherit; text-decoration: none; font-size: clamp(14px, 1.4vw, 21px); overflow-wrap: anywhere; }
@media (max-width: 999px) { html.samuer-menu-open #main { transform: translateY(65svh) scale(.85); } .samuer-menu-panel { height: 65svh; } .samuer-menu-content { padding: 72px 24px 24px; grid-template-columns: 1fr; gap: 12px; align-content: center; } .samuer-menu-heading { margin-bottom: 8px; } .samuer-menu-links a { font-size: clamp(18px, 5vw, 28px); } .samuer-menu-contact { gap: 5px; margin-top: 10px; } }
@media (prefers-reduced-motion: reduce) { #main, .samuer-menu-panel, .samuer-menu-links a, .samuer-menu-toggle span { transition: none !important; } }
.framer-j2JSb [data-framer-name="Fullscreen"] {
  background: radial-gradient(ellipse at 90% 10%, rgba(99, 12, 18, .45), transparent 55%), #000000 !important;
  border: 1px solid rgba(160, 160, 160, .35);
  box-shadow: 0 24px 80px rgba(12, 12, 12, .35);
}
.framer-j2JSb [data-framer-name="Fullscreen"] .framer-d1p9id {
  background: url('/samuer-loader-logo.webp') center / contain no-repeat;
}
.framer-j2JSb [data-framer-name="Fullscreen"] .framer-d1p9id > [data-framer-component-type="SVG"] { opacity: 0; }
.framer-j2JSb [data-framer-name="Fullscreen"] .framer-gvDcQ a p {
  font-family: "Host Grotesk", sans-serif !important;
  letter-spacing: -.025em !important;
  font-size: clamp(16px, 1.5vw, 21px) !important;
}
.framer-j2JSb [data-framer-name="Fullscreen"] .framer-gvDcQ a { transition: opacity .25s ease; }
.framer-j2JSb [data-framer-name="Fullscreen"] .framer-gvDcQ a:hover { opacity: .72; }

/* Contact and studio statement */
[data-framer-name="Contact form"] [data-framer-name="Contacts"],
section.framer-mvejsh,
footer.framer-anvll { background: radial-gradient(ellipse at 15% 20%, rgba(99, 12, 18, .3) 0%, transparent 55%), #000000 !important; }
[data-framer-name="Contact form"] [data-framer-component-type="Shader"],
section.framer-mvejsh [data-framer-component-type="Shader"] { opacity: .8; mix-blend-mode: soft-light; filter: sepia(.35); }
section.framer-mvejsh [data-framer-name="Image"],
section.framer-mvejsh [data-framer-name="Quote person"] { display: none !important; }
.samuer-footer-content { display: grid; grid-template-columns: 1fr 2fr; align-items: start; width: 100%; padding: 64px 0; color: #fff; }
footer [data-framer-name="Lined grid"] { pointer-events: none !important; }
.samuer-footer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-right: 24px; }
.samuer-footer-nav a { position: relative; display: block; overflow: hidden; color: inherit; font-size: clamp(16px, 1.6vw, 24px); line-height: 1.5; text-decoration: none; }
.samuer-footer-nav a span, .samuer-footer-nav a::after { display: block; transition: transform .35s ease; }
.samuer-footer-nav a::after { content: attr(data-label); position: absolute; inset: 0; transform: translateY(100%); }
.samuer-footer-nav a:hover span, .samuer-footer-nav a:focus-visible span { transform: translateY(-100%); }
.samuer-footer-nav a:hover::after, .samuer-footer-nav a:focus-visible::after { transform: translateY(0); }
.samuer-footer-nav a:focus-visible { outline: 2px solid #f2f2f2; outline-offset: 4px; }
.samuer-footer-wordmark { font-size: clamp(36px, 7.4vw, 150px); font-weight: 500; line-height: 1; letter-spacing: -.065em; white-space: nowrap; align-self: center; }
@media (max-width: 600px) {
  .samuer-footer-content { grid-template-columns: 1fr; gap: 40px; padding: 40px 0; }
  .samuer-footer-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; padding: 0; }
  .samuer-footer-wordmark { font-size: 10.5vw; }
}

.samuer-work-image { background-position: center; background-size: cover; }
[data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Wrapper"] .framer-1sphto1 { height: calc(100vh - 15px) !important; }
@media (max-width: 600px) {
  [data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Wrapper"] .framer-1m0ozyk { gap: 22px !important; }
  [data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Wrapper"] .framer-1sphto1 { height: auto !important; padding-block: 0 !important; }
  [data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Project item"] [data-framer-name="Image"] { transform: none !important; }
  [data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Project item"] a[data-framer-name="Mobile"] > :is(.framer-1qd9vn7, [data-framer-name="Title"]) { position: absolute !important; left: 0; right: 0; z-index: 2; padding: 10px !important; }
  [data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Project item"] a[data-framer-name="Mobile"] > .framer-1qd9vn7 { top: 0; background: linear-gradient(#000b, transparent); }
  [data-framer-name="Main"] > [data-framer-name="Portfolio"] > [data-framer-name="Portfolio"] [data-framer-name="Project item"] a[data-framer-name="Mobile"] > [data-framer-name="Title"] { bottom: 0; background: linear-gradient(transparent, #000b); }
}

/* Replace template statistics and the placeholder author in the two SKA sections. */
[data-framer-name="Features"] .framer-19ozna5-container,
[data-framer-name="Features"] .framer-d0zjnb,
#strategy .framer-gghczt,
#strategy .framer-pxvzcb,
#strategy .framer-1uog4j5,
#strategy .framer-1wal2k6 h3:not(:first-child),
#strategy .framer-1jx9t8e p:not(:first-child),
#strategy .framer-19uz4v3 h4:not(:first-child) { display: none !important; }
#strategy .framer-1wal2k6 h3:first-child { white-space: pre-line; }
[data-framer-name="Features"] .framer-1pt8tlx { flex-wrap: wrap !important; column-gap: .3em !important; }
[data-framer-name="Features"] .framer-1d0esb7 img { object-fit: cover !important; }
[data-framer-name="Features"] .framer-w6zjc > div:first-child::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #00000055, transparent 35%, #000000 100%); pointer-events: none; }
[data-framer-name="Features"] .framer-uyk3a4 > div:first-child::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #fff, transparent 24%, transparent 65%, #fff); pointer-events: none; }
.ska-impact-stat { margin: 0; color: #fff; font: 700 clamp(28px, 3vw, 44px)/1.05 "DM Sans", sans-serif; letter-spacing: -.04em; }
.samuer-work-image > img { visibility: hidden !important; }
.samuer-work-preview { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; pointer-events: none; opacity: 0; transition: opacity .3s ease; }
.samuer-work-preview.is-ready { opacity: 1; }
.samuer-work-dialog { position: fixed; inset: 0; margin: auto; width: min(96vw, 1080px); height: min(92dvh, 940px); max-width: none; max-height: none; border: 0; padding: 0; background: #000000; color: #ffffff; overflow: hidden; }
.samuer-work-dialog[open] { display: flex; flex-direction: column; animation: samuer-work-open .45s cubic-bezier(.22,1,.36,1) both; }
.samuer-work-dialog::backdrop { background: #000000dc; }
.samuer-work-dialog-bar { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; font: 600 12px/1 sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.samuer-work-dialog-bar button { border: 1px solid #f2f2f280; background: transparent; color: inherit; padding: 10px 14px; cursor: pointer; }
.samuer-work-dialog video { min-height: 0; min-width: 0; width: 100%; height: 0; flex: 1 1 0; object-fit: contain; }
@keyframes samuer-work-open { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .samuer-work-dialog[open] { animation: none; } }

/* Scroll-led FAQ */
.samuer-faq-ready { min-height: 550svh !important; overflow: visible !important; align-items: flex-start !important; justify-content: flex-start !important; }
.samuer-faq-ready > [data-framer-name="Content"] { position: sticky !important; top: 0; min-height: 100svh; align-content: center; }
.samuer-faq-ready [data-framer-name="FAQ Accordion"] > :not(.samuer-scroll-faq) { display: none !important; }
.samuer-scroll-faq { width: 100%; }
.samuer-faq-item { border-top: 1px solid #d4d4d4; }
.samuer-faq-item:last-child { border-bottom: 1px solid #d4d4d4; }
.samuer-faq-item button { width: 100%; min-height: 62px; padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 0; background: transparent; color: #000000; text-align: left; cursor: pointer; font: 600 12px/1.4 sans-serif; text-transform: uppercase; }
.samuer-faq-item button:focus-visible { outline: 2px solid #630c12; outline-offset: -2px; }
.samuer-faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .25s ease, opacity .25s ease; }
.samuer-faq-answer[aria-hidden="false"] { grid-template-rows: 1fr; opacity: 1; }
.samuer-faq-answer > div { overflow: hidden; }
.samuer-faq-answer p { margin: 0; padding: 0 20px 22px; color: #555; font: 14px/1.5 sans-serif; }
@media (prefers-reduced-motion: reduce) { .samuer-faq-ready { min-height: 0 !important; } .samuer-faq-ready > [data-framer-name="Content"] { position: relative !important; min-height: 0; } .samuer-faq-answer { transition: none; } }
@media (max-width: 767px) {
  .samuer-faq-ready [data-framer-name="Heading"] { gap: 20px !important; }
  .samuer-faq-ready [data-framer-name="Heading"] > [data-framer-name="Title"] { padding-top: 20px !important; gap: 12px !important; }
  .samuer-faq-item button { min-height: 48px; padding: 12px; }
  .samuer-faq-answer p { padding: 0 12px 14px; font-size: 13px; }
  .samuer-faq-ready > [data-framer-name="Content"] { max-height: 100svh; overflow-y: auto; }
}

.flex-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-x: contain;
  outline: none;
}

.flex-carousel[data-hover='open'] {
  cursor: zoom-in;
}

.flex-carousel[data-hover='close'] {
  cursor: zoom-out;
}

.flex-carousel[data-dragging] {
  cursor: grabbing;
}

.flex-carousel:focus-visible {
  box-shadow: inset 0 0 0 2px #630c12;
}

.flex-carousel__navigation { position: absolute; inset: 50% 24px auto; display: flex; justify-content: space-between; transform: translateY(-50%); pointer-events: none; }
.flex-carousel__navigation button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #000000; background: #fff; color: #000000; cursor: pointer; pointer-events: auto; font-size: 22px; transition: background .2s, color .2s, transform .2s; }
.flex-carousel__navigation button:hover { background: #000000; color: #fff; transform: scale(1.06); }
.flex-carousel.is-unavailable { overflow: visible; height: auto; }
.flex-carousel.is-unavailable > canvas { display: none !important; }
.flex-carousel__fallback { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; padding: 24px; }
.flex-carousel__fallback button { padding: 0; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.flex-carousel__fallback img { width: 100%; aspect-ratio: 9/16; object-fit: contain; }
.flex-carousel__fallback span { display: block; padding-top: 12px; }
@media (max-width: 700px) { .flex-carousel__fallback { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } .flex-carousel__navigation { inset-inline: 12px; } }

.flex-carousel__caption {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% + var(--flex-carousel-half) * var(--flex-carousel-lift, 1) + 22px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  pointer-events: none;
  text-align: center;
  animation: flex-carousel-reveal 900ms ease both;
}

@media (max-width: 700px) {
  .flex-carousel__caption { top: calc(50% + var(--flex-carousel-half) * var(--flex-carousel-lift, 1) - 4px); }
}

.flex-carousel__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  animation: flex-carousel-title 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.flex-carousel__subtitle {
  font-weight: 400;
  color: #630c12;
}

.flex-carousel__count {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: #630c12;
  transition: opacity 400ms ease;
}

.flex-carousel__count[data-hidden] {
  opacity: 0;
}

.flex-carousel__digits {
  display: inline-flex;
}

.flex-carousel__digit {
  display: inline-block;
  height: 1em;
  overflow: hidden;
}

.flex-carousel__reel {
  display: flex;
  flex-direction: column;
  transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.flex-carousel__reel span {
  height: 1em;
}

.flex-carousel__slash {
  opacity: 0.6;
}

.flex-carousel__live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes flex-carousel-title {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes flex-carousel-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .flex-carousel__caption,
  .flex-carousel__title {
    animation: none;
  }

  .flex-carousel__reel {
    transition: none;
  }
}


/* Retire the captured contact/footer layouts, including their empty wrappers. */
#main [data-framer-name="Contact form"],
#main footer,
#main [class$="-container"]:has(> footer) { display: none !important; }

.samuer-site-footer {
  position: relative;
  width: 100%;
  padding: 0;
  color: #fff;
  background: radial-gradient(ellipse at 15% 20%, rgba(99,12,18,.3) 0%, transparent 55%), #000000;
  font: 500 16px/1.5 'SAMUER Clash Display', Arial, sans-serif;
  text-align: start;
}
.samuer-site-footer *, .samuer-site-footer *::before, .samuer-site-footer *::after { box-sizing: border-box; }
.samuer-footer-width {
  max-width: 1550px;
  width: calc(100% - 80px);
  margin: auto;
  border-inline: 1px solid #ffffff1a;
  background: linear-gradient(to right, transparent calc(100%/3 - 1px), #ffffff1a calc(100%/3 - 1px), #ffffff1a calc(100%/3), transparent calc(100%/3), transparent calc(200%/3 - 1px), #ffffff1a calc(200%/3 - 1px), #ffffff1a calc(200%/3), transparent calc(200%/3));
}
.samuer-footer-contact { display: grid; grid-template-columns: 1fr 2fr; gap: 90px 0; padding: 150px 0 100px; }
.samuer-site-footer p { max-width: none; margin: 0; }
.samuer-site-footer .samuer-footer-intro { align-self: center; padding-inline-end: 40px; color: #ffffff66; font-size: 16px; line-height: 1.5; letter-spacing: -.05em; }
.samuer-footer-contact h2 { margin: 0; padding: 0; font-size: clamp(56px,6.667vw,96px); font-weight: 600; line-height: 1; letter-spacing: -.065em; color: #fff; }
.samuer-footer-details { min-width: 0; padding-inline-end: 30px; }
.samuer-site-footer .samuer-footer-label { margin: 0 0 40px; color: #ffffff66; font-size: 12px; line-height: 1; text-transform: uppercase; }
.samuer-footer-details > a { display: block; width: fit-content; max-width: 100%; color: #fff; text-decoration: none; line-height: 1.5; white-space: nowrap; }
.samuer-footer-phone { font-size: clamp(17px,2vw,26px); letter-spacing: -.04em; }
.samuer-footer-email { font-size: clamp(13px,1.3vw,18px); letter-spacing: -.04em; }
.samuer-footer-details > a:hover { color: #f2f2f2; }
.samuer-site-footer .samuer-footer-social-label { margin: 75px 0 24px; }
.samuer-site-footer .samuer-social-links { color: #fff; }
.samuer-footer-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 0; margin: 0; min-width: 0; }
.samuer-footer-form label { position: relative; display: flex; flex-direction: column; min-width: 0; color: #fff; }
.samuer-footer-form label::after { content: ''; position: absolute; inset-inline-end: 0; top: 20px; width: 12px; height: 12px; background: #630c12; clip-path: polygon(0 0,100% 0,100% 100%); pointer-events: none; }
.samuer-footer-form label > span { padding-bottom: 8px; font-size: 12px; line-height: 1; text-align: end; text-transform: uppercase; }
.samuer-footer-form :is(input,textarea) { width: 100%; min-width: 0; border: 1px solid #ffffff1a; border-radius: 0; padding: 20px; background: transparent; color: #fff; font-size: 14px; line-height: 20px; outline-offset: -2px; }
.samuer-footer-form :is(input,textarea)::placeholder { color: #ffffff66; opacity: 1; }
.samuer-footer-form input { height: 60px; }
.samuer-footer-form :is(input,textarea):focus-visible { outline: 2px solid #a0a0a0; }
.samuer-footer-form textarea { height: 100px; resize: vertical; }
.samuer-footer-wide { grid-column: 1 / -1; }
.samuer-footer-form button { position: relative; min-height: 60px; padding: 16px 40px; border: 0; border-radius: 0; background: #fff; color: #000000; font-size: 12px; font-weight: 600; text-transform: uppercase; cursor: pointer; transition: background .25s; }
.samuer-footer-form button span { position: absolute; inset-inline-end: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 400; }
.samuer-footer-form button:hover { background: #f2f2f2; }
.samuer-footer-form::after { grid-column: 1 / -1; margin: 0; color: #ffffff66; }
.samuer-site-footer :is(a,button):focus-visible { outline: 2px solid #f2f2f2; outline-offset: 3px; }
.samuer-site-footer .samuer-footer-content { border-top: 1px solid #ffffff1a; }
.samuer-site-footer .samuer-footer-nav { margin: 0; }
.samuer-site-footer .samuer-footer-nav a { transform: none; }

@media (max-width: 1199px) {
  .samuer-footer-contact { gap: 60px 0; padding: 100px 0 80px; }
  .samuer-footer-width { width: calc(100% - 40px); }
  .samuer-footer-details { padding-inline-end: 16px; }
}
@media (max-width: 809px) {
  .samuer-footer-width { background: none; }
  .samuer-footer-contact { grid-template-columns: minmax(0,1fr); gap: 40px; padding: 80px 0 60px; }
  .samuer-site-footer .samuer-footer-intro { max-width: 500px; padding: 0; }
  .samuer-site-footer .samuer-footer-label { margin-bottom: 24px; }
  .samuer-site-footer .samuer-footer-social-label { margin-top: 40px; }
  .samuer-footer-form :is(input,textarea) { padding: 16px; }
  .samuer-footer-form button { grid-column: 1 / -1; }
  .samuer-site-footer .samuer-footer-content { grid-template-columns: minmax(0,1fr); gap: 40px; padding: 40px 0; }
  .samuer-site-footer .samuer-footer-nav { display: grid; grid-template-columns: 1fr 1fr; padding: 0; gap: 12px 24px; }
  .samuer-site-footer .samuer-footer-wordmark { font-size: 10.5vw; }
}
@media (prefers-reduced-motion: reduce) {
  .samuer-site-footer *, .samuer-site-footer *::after { transition: none !important; }
}