@charset "UTF-8";
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

/* BKG Ajans — a restrained, typography-led identity. */
:root {
  --paper: #f7f7f2;
  --white: #fff;
  --ink: #141414;
  --muted: #66665f;
  --line: #d7d7cf;
  --soft: #edede6;
  --gutter: clamp(24px, 4.6vw, 88px);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --font: Arial, Helvetica, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
svg { display: block; }
button, input, textarea, select { border-radius: 0; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { font-weight: 600; line-height: 1.06; }
::selection { color: var(--paper); background: var(--ink); }
:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-offset: 3px; }
input, textarea, select { min-width: 0; }
.wrap { width: min(100%, 1760px); margin-inline: auto; padding-inline: var(--gutter); }
.section { padding-block: clamp(80px, 8.8vw, 150px); }
.section-bottom { padding-bottom: clamp(80px, 8.8vw, 150px); }
.eyebrow { display: block; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: .15em; text-transform: uppercase; }
.skip-link { position: fixed; z-index: 100; top: -100px; left: 20px; padding: 12px 20px; color: var(--paper); background: var(--ink); }
.skip-link:focus { top: 12px; }
.site-header { position: relative; z-index: 30; border-bottom: 1px solid var(--line); background: var(--paper); }
.header-inner { display: flex; height: 100px; align-items: center; justify-content: space-between; gap: 30px; }
.wordmark { display: inline-flex; flex-direction: column; align-items: center; flex: 0 0 auto; width: 80px; line-height: .8; }
.wordmark-main { font-size: 38px; font-weight: 900; letter-spacing: -.08em; }
.wordmark-point { margin-left: 1px; }
.wordmark-sub { margin: 9px 0 0 6px; font-size: 9px; font-weight: 600; letter-spacing: .54em; }
.wordmark-image { width: 94px; height: 94px; object-fit: contain; }
.wordmark:has(.wordmark-image) .wordmark-sub { margin-top: 8px; margin-left: 5px; }
.desktop-nav { display: flex; align-items: center; gap: clamp(24px, 2.6vw, 50px); margin-left: auto; margin-right: clamp(25px, 4vw, 78px); }
.desktop-nav a { position: relative; padding-block: 9px; font-size: 13px; font-weight: 500; }
.desktop-nav a::after { position: absolute; right: 0; bottom: 1px; left: 0; height: 1px; background: currentColor; content: ''; transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease); }
.desktop-nav a:hover::after, .desktop-nav a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.header-contact { display: inline-flex; align-items: center; gap: 30px; padding-block: 10px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 600; line-height: 1.2; }
.header-contact span { font-size: 22px; transition: transform .25s var(--ease); }
.header-contact:hover span { transform: translate(3px, -3px); }
.menu-toggle { display: none; align-items: center; justify-content: center; flex-direction: column; gap: 7px; width: 44px; height: 44px; padding: 8px; border: 0; background: transparent; color: var(--ink); }
.menu-toggle span { display: block; width: 25px; height: 1.5px; background: currentColor; transition: transform .25s, opacity .25s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4.25px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4.25px) rotate(-45deg); }
.mobile-nav { display: none; }

/* Hero */
.hero { position: relative; overflow: hidden; color: var(--paper); background: #141414; }
.hero::before { position: absolute; top: -50%; right: -23%; width: 72vw; height: 72vw; max-width: 1250px; max-height: 1250px; border: 1px solid #ffffff0b; border-radius: 50%; box-shadow: 0 0 0 150px #ffffff02, 0 0 0 300px #ffffff02; content: ''; pointer-events: none; }
.hero-grain { position: absolute; inset: 0; opacity: .055; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E"); pointer-events: none; }
.hero-inner { position: relative; z-index: 1; padding-top: 33px; padding-bottom: 20px; }
.hero-topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hero-topline .eyebrow { display: flex; align-items: center; gap: 11px; font-size: 9px; letter-spacing: .17em; }
.status-dot { width: 5px; height: 5px; background: #f7f7f2; border-radius: 50%; box-shadow: 0 0 0 4px #f7f7f21a; }
.hero-location { color: #a0a09b; font-size: 9px; letter-spacing: .15em; }
.hero-title-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: clamp(52px, 6.8vw, 110px); margin-bottom: clamp(50px, 6vw, 98px); }
.hero h1 { max-width: 1130px; margin: 0 0 0 -.06em; font-size: clamp(72px, 9.35vw, 160px); font-weight: 600; line-height: .96; letter-spacing: -.076em; text-wrap: balance; }
.hero-asterisk { align-self: flex-start; margin-top: .1em; margin-right: 1vw; font-family: Arial, sans-serif; font-size: clamp(74px, 13vw, 190px); font-weight: 400; line-height: 1; animation: asterisk-turn 26s linear infinite; }
.hero-bottom { display: grid; grid-template-columns: minmax(0, 1.25fr) 1fr .55fr; align-items: center; gap: 6%; padding-bottom: 58px; }
.hero-description { max-width: 410px; margin-bottom: 0; color: #b6b6b0; font-size: clamp(14px, 1.2vw, 18px); line-height: 1.8; }
.round-link { display: inline-flex; width: fit-content; align-items: center; justify-self: center; gap: 22px; color: #f7f7f2; font-size: 13px; }
.round-arrow { display: grid; place-items: center; width: 63px; height: 63px; border: 1px solid #f7f7f264; border-radius: 50%; font-size: 30px; transition: color .3s, background .3s, transform .4s var(--ease); }
.round-link:hover .round-arrow { color: var(--ink); background: var(--paper); transform: rotate(45deg); }
.hero-signature { display: flex; flex-direction: column; align-items: center; justify-self: end; width: 180px; }
.hero-signature img { width: 145px; height: 102px; object-fit: contain; }
.hero-signature span { margin-top: 13px; color: #8e8e88; font-size: 6px; letter-spacing: .22em; }
.hero-baseline { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid #ffffff28; color: #a0a09b; font-size: 8px; letter-spacing: .16em; }
.hero-baseline a { display: inline-flex; align-items: center; gap: 18px; text-transform: uppercase; }
.hero-baseline a span { color: var(--paper); font-size: 19px; }
.design-ticker { overflow: hidden; padding-block: 25px; border-bottom: 1px solid var(--line); background: var(--paper); user-select: none; }
.ticker-track { display: flex; align-items: center; gap: 56px; width: max-content; animation: ticker 38s linear infinite; }
.ticker-track span { flex: 0 0 auto; font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: .015em; }
.ticker-track i { flex: 0 0 auto; font-size: 23px; font-style: normal; line-height: 1; }
@keyframes ticker { to { transform: translateX(-50%); } }
@keyframes asterisk-turn { to { transform: rotate(360deg); } }

/* Shared editorial sections */
.section-heading { display: grid; grid-template-columns: 1fr 2.25fr; gap: 6%; margin-bottom: 65px; }
.section-index { margin-top: 8px; }
.section-heading h2 { max-width: 830px; margin-bottom: 22px; font-size: clamp(40px, 4.25vw, 72px); font-weight: 500; letter-spacing: -.057em; line-height: 1.08; text-wrap: balance; }
.section-heading p { max-width: 520px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }
.section-action { display: flex; justify-content: flex-end; margin-top: 35px; }
.text-link { display: inline-flex; width: fit-content; align-items: center; gap: 32px; padding: 5px 0 9px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 600; line-height: 1.4; }
.text-link > span { font-size: 23px; line-height: 1; transition: transform .3s var(--ease); }
.text-link:hover > span { transform: translate(3px, -3px); }
.text-link.light { border-bottom-color: #ffffff70; }
.service-list { border-top: 1px solid var(--line); }
.service-row { display: grid; grid-template-columns: 7% minmax(0, 1fr) minmax(0, .8fr) 42px; align-items: center; column-gap: 2%; min-height: 140px; padding: 28px 8px 28px 0; border-bottom: 1px solid var(--line); transition: padding .35s var(--ease), background .35s; }
.service-number { align-self: start; padding-top: 6px; color: #73736a; font-size: 10px; }
.service-row h3, .service-row h2 { margin: 0; font-size: clamp(26px, 2.7vw, 43px); font-weight: 500; line-height: 1.1; letter-spacing: -.04em; }
.service-row p { max-width: 400px; margin: 0; padding-right: 20px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.service-arrow { display: flex; justify-content: center; font-size: 37px; font-weight: 400; line-height: 1; transition: transform .35s var(--ease); }
.service-row:hover { padding-left: 18px; background: var(--soft); }
.service-row:hover .service-arrow { transform: rotate(45deg); }
.projects-section { padding-top: 0; }
.project-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; column-gap: 32px; row-gap: 58px; }
.project-card:nth-child(even) { margin-top: 80px; }
.project-image { position: relative; overflow: hidden; aspect-ratio: 1.27; background: #e1e1d9; }
.project-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.project-card:hover img { transform: scale(1.035); }
.project-open { position: absolute; right: 20px; bottom: 20px; display: grid; place-items: center; width: 48px; height: 48px; color: var(--ink); background: var(--paper); border-radius: 50%; font-size: 24px; transition: transform .3s; }
.project-card:hover .project-open { transform: rotate(45deg); }
.project-placeholder { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 180px; font-weight: 600; line-height: 1; letter-spacing: -.09em; }
.project-placeholder i { font-size: 70px; font-weight: 400; font-style: normal; }
.project-caption { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-top: 21px; }
.project-caption h2, .project-caption h3 { margin: 0; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -.035em; }
.project-caption > span { color: var(--muted); font-size: 11px; }
.project-invitation { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 455px; overflow: hidden; background: var(--soft); }
.invitation-art { position: relative; display: grid; place-items: center; min-height: 440px; overflow: hidden; }
.invitation-art > span { position: absolute; width: 300px; height: 300px; border: 1px solid #bbbcb2; border-radius: 50%; transform: rotate(-25deg); }
.invitation-art > span:nth-child(2) { width: 240px; height: 350px; transform: rotate(35deg); }
.invitation-art > span:nth-child(3) { width: 175px; height: 395px; transform: rotate(60deg); }
.invitation-art > i { position: relative; margin: 0 0 13px -10px; font-size: 200px; line-height: 1; font-style: normal; }
.invitation-content { align-self: center; padding: 65px 70px 65px 30px; }
.invitation-content .eyebrow { color: var(--muted); }
.invitation-content h3, .invitation-content h2 { margin: 26px 0 24px; font-size: clamp(42px, 4.5vw, 76px); font-weight: 500; letter-spacing: -.055em; line-height: 1.04; }
.invitation-content p { max-width: 370px; margin-bottom: 28px; color: var(--muted); font-size: 14px; line-height: 1.85; }
.about-band { padding-block: clamp(72px, 8vw, 145px); color: var(--paper); background: var(--ink); }
.about-band-top { display: flex; align-items: center; justify-content: space-between; }
.about-band-top .eyebrow { color: #b7b7af; }
.asterisk-small { font-size: 67px; line-height: 1; }
.about-band h2 { max-width: 1220px; margin-top: 52px; margin-bottom: 65px; font-size: clamp(56px, 7.55vw, 129px); font-weight: 500; line-height: 1.02; letter-spacing: -.062em; text-wrap: balance; }
.about-band-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.about-band-note { padding-top: 5px; color: #8f8f89; font-size: 10px; font-weight: 600; line-height: 1.8; letter-spacing: .13em; }
.about-band-bottom p { max-width: 540px; margin-bottom: 25px; color: #b7b7af; font-size: 16px; line-height: 1.8; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.process-item { padding-top: 20px; border-top: 1px solid var(--ink); }
.process-number { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; color: var(--muted); font-size: 11px; }
.process-number i { color: var(--ink); font-size: 22px; line-height: 1; font-style: normal; }
.process-item h3 { margin-bottom: 17px; font-size: 24px; font-weight: 500; letter-spacing: -.045em; line-height: 1.15; }
.process-item p { max-width: 280px; margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.85; }
.journal-section { padding-top: 0; }
.journal-list { border-top: 1px solid var(--line); }
.journal-row { display: grid; grid-template-columns: 1fr 2.25fr 40px; gap: 6%; align-items: center; padding: 32px 0; border-bottom: 1px solid var(--line); transition: padding .35s var(--ease), background .3s; }
.journal-row:hover { padding-inline: 18px; background: var(--soft); }
.journal-category { color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }
.journal-row h3 { margin-bottom: 0; font-size: clamp(22px, 2.2vw, 34px); font-weight: 500; line-height: 1.25; letter-spacing: -.04em; }
.journal-arrow { font-size: 32px; line-height: 1; }
.faq-section { padding-top: 0; }
.faq-layout { display: grid; grid-template-columns: 1fr 1.35fr; gap: 12%; }
.faq-layout h2 { max-width: 390px; margin-top: 24px; margin-bottom: 28px; font-size: clamp(40px, 4.3vw, 66px); font-weight: 500; line-height: 1.08; letter-spacing: -.055em; }
.faq-list { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 0; font-size: 16px; font-weight: 500; line-height: 1.45; cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary span { flex: 0 0 auto; color: var(--muted); font-size: 26px; font-weight: 400; line-height: 1; transition: transform .25s; }
.faq-item[open] summary span { transform: rotate(45deg); }
.faq-answer { padding: 0 45px 23px 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.faq-answer p { margin-bottom: 15px; }
.faq-answer p:last-child { margin-bottom: 0; }
.contact-cta { padding-block: clamp(65px, 7.6vw, 130px); border-top: 1px solid var(--line); background: #eeeeE8; }
.contact-cta .eyebrow { color: var(--muted); }
.contact-cta a { display: flex; align-items: center; justify-content: space-between; gap: 6%; margin-top: 33px; }
.contact-cta h2 { max-width: 1100px; margin-bottom: 0; font-size: clamp(55px, 7vw, 116px); font-weight: 500; line-height: 1; letter-spacing: -.066em; text-wrap: balance; }
.contact-cta a > span { flex: 0 0 auto; margin-top: -10px; font-size: clamp(70px, 9vw, 150px); font-weight: 400; line-height: 1; transition: transform .35s var(--ease); }
.contact-cta a:hover > span { transform: translate(8px, -8px); }
.contact-cta p { margin-top: 28px; margin-bottom: 0; color: var(--muted); font-size: 14px; }
.contact-cta.compact h2 { max-width: 980px; font-size: clamp(48px, 6.3vw, 100px); }

/* Footer */
.site-footer { padding-top: 72px; color: #ecece7; background: var(--ink); }
.footer-top { display: grid; grid-template-columns: 1.1fr .75fr 1fr; gap: 10%; padding-bottom: 80px; }
.footer-brand .wordmark { width: 95px; }
.footer-brand .wordmark-main { font-size: 45px; }
.footer-brand .wordmark-sub { font-size: 10px; }
.footer-brand .wordmark-image { width: 150px; height: 150px; }
.footer-brand p { max-width: 220px; margin: 26px 0 0; color: #96968f; font-size: 13px; }
.footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-links .eyebrow, .footer-contact .eyebrow { margin-bottom: 15px; color: #898982; font-size: 8px; }
.footer-links a { font-size: 13px; }
.footer-links a:hover, .footer-contact a:hover, .footer-bottom a:hover { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.footer-contact { display: flex; flex-direction: column; align-items: flex-start; }
.footer-email { margin-bottom: 9px; font-size: clamp(18px, 1.7vw, 26px); letter-spacing: -.03em; }
.footer-contact > a:not(.footer-email) { color: #a5a59d; font-size: 13px; }
.footer-contact address { max-width: 290px; margin-top: 26px; color: #8f8f88; font-size: 11px; font-style: normal; line-height: 1.85; }
.footer-bottom { display: flex; align-items: center; gap: 38px; padding-block: 23px; border-top: 1px solid #ffffff23; color: #8f8f88; font-size: 9px; }
.back-to-top { display: inline-flex; align-items: center; gap: 18px; margin-left: auto; }
.back-to-top span { color: var(--paper); font-size: 19px; }

/* Internal pages */
.page-intro { padding-top: 40px; padding-bottom: clamp(60px, 7.6vw, 125px); }
.breadcrumb { display: inline-flex; align-items: center; gap: 17px; color: var(--muted); font-size: 11px; }
.breadcrumb:hover { color: var(--ink); }
.breadcrumb span { color: #a2a299; }
.page-intro-grid { display: grid; grid-template-columns: 1fr 2.25fr; gap: 6%; margin-top: 78px; }
.page-intro-grid > .eyebrow, .detail-label { padding-top: 12px; }
.page-intro h1 { max-width: 1050px; margin-bottom: 27px; font-size: clamp(58px, 6.4vw, 108px); font-weight: 500; line-height: 1.03; letter-spacing: -.065em; overflow-wrap: anywhere; text-wrap: balance; }
.page-intro p { max-width: 590px; margin-bottom: 0; color: var(--muted); font-size: 17px; line-height: 1.8; }
.archive-services .service-row { min-height: 160px; }
.archive-services .service-row h2 { font-size: clamp(30px, 3.2vw, 51px); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 65px 28px; }
.blog-card-image { display: block; height: auto; aspect-ratio: 1.35; overflow: hidden; background: var(--soft); }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.blog-card:hover .blog-card-image img { transform: scale(1.035); }
.blog-placeholder { display: flex; align-items: center; justify-content: center; position: relative; height: 100%; background: #e2e2da; }
.blog-placeholder span { position: absolute; left: 22px; top: 20px; font-size: 8px; letter-spacing: .14em; }
.blog-placeholder i { font-size: 130px; line-height: 1; font-style: normal; }
.blog-card:nth-child(3n+2) .blog-placeholder { color: var(--paper); background: var(--ink); }
.blog-card:nth-child(3n+2) .blog-placeholder i { transform: rotate(20deg); }
.blog-card:nth-child(3n+3) .blog-placeholder { color: var(--ink); background: #d1d1c8; }
.blog-card:nth-child(3n+3) .blog-placeholder i { transform: rotate(40deg); }
.blog-meta { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 21px; margin-bottom: 16px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .035em; }
.blog-card h2 { margin-bottom: 14px; font-size: clamp(22px, 2.05vw, 31px); font-weight: 500; line-height: 1.23; letter-spacing: -.045em; }
.blog-card h2 a { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; }
.blog-card h2 a span { flex: 0 0 auto; margin-top: 2px; font-size: 25px; }
.blog-card p { margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.detail-intro { padding-bottom: 65px; }
.detail-intro h1 { font-size: clamp(47px, 5.7vw, 94px); }
.detail-label time { display: block; margin-top: 20px; color: var(--muted); font-size: 11px; }
.detail-cover { margin-bottom: 75px; }
.detail-cover img { width: 100%; max-height: 810px; height: auto; object-fit: cover; }
.detail-body-grid { display: grid; grid-template-columns: 1fr 2.25fr; gap: 6%; }
.detail-aside { align-self: start; position: sticky; top: 30px; padding-top: 27px; border-top: 1px solid var(--line); }
.detail-aside .eyebrow { margin-bottom: 25px; }
.detail-aside dl { margin: 0 0 20px; }
.detail-aside dt { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.detail-aside dd { margin: 5px 0 0; font-size: 16px; }
.detail-aside p { max-width: 255px; margin-top: 30px; margin-bottom: 24px; color: var(--muted); font-size: 13px; }
.detail-aside .text-link { display: flex; margin-top: 15px; font-size: 12px; }
.prose { color: #44443e; font-size: 17px; line-height: 1.9; overflow-wrap: anywhere; }
.prose p { margin-bottom: 1.7em; }
.prose p:last-child { margin-bottom: 0; }
.prose a { text-decoration: underline; text-underline-offset: 4px; }
.prose h2 { margin-top: 1.8em; margin-bottom: .8em; color: var(--ink); font-size: 34px; font-weight: 500; letter-spacing: -.04em; }
.prose h3 { margin-top: 1.6em; color: var(--ink); font-size: 25px; font-weight: 500; line-height: 1.3; }
.prose ul, .prose ol { padding-left: 1.4em; }
.prose li { margin-bottom: .6em; }
.detail-prose { max-width: 890px; padding-top: 20px; border-top: 1px solid var(--line); }
.detail-prose > p:first-child { color: var(--ink); font-size: 21px; line-height: 1.75; }
.related-section { padding-top: 75px; background: var(--soft); }
.related-heading { display: grid; grid-template-columns: 1fr 2.25fr; gap: 6%; margin-bottom: 50px; }
.related-heading h2 { margin: 0; font-size: 45px; font-weight: 500; letter-spacing: -.05em; }
.general-prose { max-width: 890px; margin-left: 32.6%; padding-top: 35px; border-top: 1px solid var(--line); }
.about-manifesto { padding-block: 95px; color: var(--paper); background: var(--ink); }
.about-manifesto-grid { display: grid; grid-template-columns: 1fr 1.3fr; align-items: center; gap: 15%; }
.about-symbol { display: flex; flex-direction: column; align-items: center; }
.about-symbol img { width: 100%; max-width: 380px; height: 270px; object-fit: contain; }
.about-symbol > span { margin-top: 40px; color: #91918a; font-size: 7px; letter-spacing: .19em; }
.about-manifesto-copy .eyebrow { margin-bottom: 34px; color: #999990; }
.about-manifesto-copy h2 { max-width: 610px; margin-bottom: 35px; font-size: clamp(42px, 4.3vw, 70px); font-weight: 500; line-height: 1.07; letter-spacing: -.055em; }
.prose-light { color: #b2b2aa; font-size: 15px; }
.location-strip { padding-block: 60px; border-block: 1px solid var(--line); }
.location-strip .wrap { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; gap: 8%; }
.location-strip p { margin-bottom: 0; font-size: 30px; line-height: 1.35; letter-spacing: -.04em; }
.location-strip .text-link { justify-self: end; }
.location-strip + .contact-cta { border-top: 0; }
.error-page { padding-top: 90px; padding-bottom: 120px; }
.error-number { display: flex; align-items: center; gap: .1em; margin-top: 35px; font-size: clamp(150px, 27vw, 380px); font-weight: 600; line-height: 1; letter-spacing: -.08em; }
.error-number > span { font-size: .65em; font-weight: 400; }
.error-content { margin-top: 40px; }
.error-content h1 { font-size: 32px; font-weight: 500; letter-spacing: -.04em; }
.error-content p { margin-bottom: 28px; color: var(--muted); font-size: 15px; }

/* Contact form */
.contact-intro { padding-bottom: 82px; }
.contact-section { display: grid; grid-template-columns: 1fr 1.65fr; align-items: start; gap: 12%; }
.contact-info { padding-top: 27px; border-top: 1px solid var(--line); }
.contact-info > .eyebrow { margin-bottom: 26px; }
.contact-direct { display: block; width: fit-content; font-size: clamp(20px, 2vw, 30px); line-height: 1.3; letter-spacing: -.035em; }
.contact-direct.phone { margin-top: 10px; color: var(--muted); font-size: 20px; }
.contact-direct:hover { text-decoration: underline; text-underline-offset: 6px; }
.contact-address { margin-top: 50px; margin-bottom: 26px; }
.contact-address .eyebrow { margin-bottom: 17px; }
.contact-address address { max-width: 290px; color: var(--muted); font-size: 14px; font-style: normal; line-height: 1.85; }
.contact-area { display: block; margin-top: 16px; color: var(--muted); font-size: 11px; }
.contact-signature { width: 155px; height: 130px; margin-top: 47px; object-fit: contain; }
.contact-form-panel { padding-top: 24px; border-top: 1px solid var(--ink); }
.form-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 45px; font-size: 14px; }
.form-intro > span { color: var(--muted); font-size: 9px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 26px; }
.form-field { min-width: 0; }
.form-field.full-width { grid-column: 1 / -1; }
.form-field > label { display: block; margin-bottom: 11px; font-size: 12px; font-weight: 600; }
.form-field > label > span:not(.optional) { margin-left: 2px; }
.form-field .optional { font-weight: 400; color: var(--muted); }
.form-field input, .form-field select, .form-field textarea { display: block; width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid #bcbcb1; color: var(--ink); background: transparent; font-size: 14px; line-height: 1.5; transition: border-color .2s; }
.form-field select { min-height: 48px; padding-right: 24px; cursor: pointer; }
.form-field textarea { min-height: 145px; resize: vertical; }
.form-field input::placeholder, .form-field textarea::placeholder { color: #808077; opacity: 1; font-size: 12px; }
.form-field input:focus, .form-field textarea:focus, .form-field select:focus { border-color: var(--ink); }
.form-field input[aria-invalid="true"], .form-field textarea[aria-invalid="true"], .form-field select[aria-invalid="true"] { border-color: #a2352c; }
.field-error { margin: 8px 0 0; color: #973025; font-size: 11px; line-height: 1.55; }
.form-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.consent-field { display: flex; align-items: flex-start; gap: 12px; margin-top: 27px; }
.consent-field input { flex: 0 0 auto; width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--ink); }
.consent-field label { max-width: 550px; color: var(--muted); font-size: 10px; line-height: 1.75; }
.consent-field label a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.button { display: inline-flex; justify-content: space-between; align-items: center; gap: 45px; min-height: 59px; padding: 17px 23px; border: 1px solid var(--ink); font-size: 13px; font-weight: 500; line-height: 1.4; transition: color .3s, background .3s; }
.button > span:last-child { font-size: 25px; line-height: 1; transition: transform .3s; }
.button:hover > span:last-child { transform: translate(3px, -3px); }
.button-dark { color: var(--paper); background: var(--ink); }
.button-dark:hover { color: var(--ink); background: transparent; }
.form-submit { margin-top: 31px; min-width: 220px; }
.form-submit:disabled { opacity: .6; cursor: wait; }
.form-notice { margin-bottom: 32px; }
.error-notice { padding: 20px 22px; border: 1px solid #bf8178; color: #6e241d; background: #f2e8e3; }
.error-notice h2 { margin-bottom: 13px; font-size: 17px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
.error-notice ul { margin: 0; padding-left: 17px; font-size: 12px; }
.error-notice li { margin-bottom: 5px; }
.error-notice a { text-decoration: underline; text-underline-offset: 3px; }
.success-notice { padding: 15px 0 60px; }
.notice-icon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid var(--ink); border-radius: 50%; font-size: 22px; }
.success-notice h2 { margin-top: 35px; margin-bottom: 22px; font-size: 46px; font-weight: 500; line-height: 1.1; letter-spacing: -.05em; }
.success-notice p { max-width: 440px; color: var(--muted); font-size: 15px; }
.success-notice .text-link { margin-top: 20px; }

/* Section entrances are progressive enhancements in section-motion.js.
   Content stays visible without JavaScript; sticky frames are never transformed. */
@media (min-width: 1760px) {
  .hero-title-row { margin-top: 105px; margin-bottom: 100px; }
  .hero-bottom { padding-bottom: 70px; }
}
@media (max-width: 1100px) {
  :root { --gutter: 38px; }
  .header-inner { height: 88px; }
  .desktop-nav { gap: 26px; margin-right: 25px; }
  .header-contact { gap: 17px; font-size: 12px; }
  .hero h1 { font-size: clamp(75px, 10vw, 112px); }
  .hero-bottom { grid-template-columns: 1.4fr 1fr .65fr; gap: 25px; }
  .hero-description { font-size: 14px; }
  .hero-signature { width: 145px; }
  .hero-signature img { width: 120px; height: 90px; }
  .round-link { gap: 15px; font-size: 11px; }
  .round-arrow { width: 52px; height: 52px; }
  .service-row { grid-template-columns: 6% minmax(0, 1fr) minmax(0, .85fr) 34px; }
  .service-row p { font-size: 12px; }
  .invitation-art > span { width: 260px; height: 260px; }
  .invitation-art > span:nth-child(2) { width: 210px; height: 300px; }
  .invitation-art > span:nth-child(3) { width: 150px; height: 350px; }
  .invitation-content { padding-right: 38px; }
  .process-grid { gap: 20px; }
  .process-item h3 { font-size: 21px; }
  .process-item p { font-size: 12px; }
  .faq-layout { gap: 8%; }
  .footer-top { gap: 6%; }
  .contact-section { grid-template-columns: 1fr 1.65fr; gap: 8%; }
  .form-intro { flex-direction: column; align-items: flex-start; gap: 5px; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 800px) {
  :root { --gutter: 28px; }
  html { scroll-padding-top: 30px; }
  .header-inner { height: 82px; gap: 20px; }
  .wordmark { width: 68px; }
  .wordmark-main { font-size: 33px; }
  .wordmark-sub { font-size: 7px; margin-top: 8px; }
  .wordmark-image { width: 76px; height: 76px; }
  .desktop-nav { display: none; }
  .header-contact { margin-left: auto; font-size: 11px; gap: 18px; }
  .menu-toggle { display: flex; }
  .mobile-nav { display: flex; flex-direction: column; padding: 20px var(--gutter) 35px; border-top: 1px solid var(--line); }
  .js .mobile-nav { display: none; }
  .js .mobile-nav.is-open { display: flex; position: fixed; top: 82px; right: 0; bottom: 0; left: 0; z-index: 31; overflow-y: auto; background: var(--paper); }
  .mobile-nav > a:not(.mobile-email) { display: flex; align-items: center; justify-content: space-between; padding-block: 18px; border-bottom: 1px solid var(--line); font-size: 34px; line-height: 1.2; letter-spacing: -.045em; }
  .mobile-nav > a span { font-size: 29px; }
  .mobile-email { margin-top: 35px; color: var(--muted); font-size: 14px; }
  .hero-inner { padding-top: 27px; }
  .hero-title-row { margin-top: 60px; margin-bottom: 53px; }
  .hero h1 { font-size: clamp(65px, 10.3vw, 86px); }
  .hero-asterisk { margin-top: .15em; font-size: 85px; }
  .hero-bottom { grid-template-columns: minmax(0, 1.35fr) 1fr; gap: 30px; padding-bottom: 39px; }
  .hero-description { max-width: 365px; }
  .round-link { justify-self: end; }
  .hero-signature { display: none; }
  .hero-location { font-size: 7px; }
  .hero-topline .eyebrow { font-size: 8px; }
  .section-heading { grid-template-columns: 1fr 2.3fr; gap: 6%; margin-bottom: 48px; }
  .section-heading h2 { font-size: 39px; }
  .section-heading p { font-size: 13px; }
  .section-index { font-size: 8px; }
  .service-row { grid-template-columns: 32px minmax(0, 1fr) 34px; gap: 19px; min-height: 0; padding-block: 25px; }
  .service-row h2, .service-row h3 { font-size: 29px; }
  .service-row p { grid-column: 2; grid-row: 2; max-width: 420px; padding-right: 0; }
  .service-number { padding-top: 3px; }
  .service-arrow { grid-column: 3; grid-row: 1; font-size: 32px; }
  .archive-services .service-row { min-height: 0; }
  .archive-services .service-row h2 { font-size: 34px; }
  .project-grid { gap: 40px 22px; }
  .project-card:nth-child(even) { margin-top: 45px; }
  .project-caption { flex-direction: column; gap: 5px; }
  .project-caption h2, .project-caption h3 { font-size: 22px; }
  .project-invitation { grid-template-columns: .85fr 1fr; min-height: 385px; }
  .invitation-art { min-height: 385px; }
  .invitation-art > span { width: 200px; height: 200px; }
  .invitation-art > span:nth-child(2) { width: 160px; height: 250px; }
  .invitation-art > span:nth-child(3) { width: 130px; height: 285px; }
  .invitation-art > i { font-size: 155px; }
  .invitation-content { padding: 45px 28px 45px 15px; }
  .invitation-content .eyebrow { font-size: 8px; }
  .invitation-content h2, .invitation-content h3 { font-size: 44px; }
  .invitation-content p { font-size: 12px; }
  .about-band h2 { font-size: 67px; margin-top: 40px; margin-bottom: 45px; }
  .about-band-bottom { grid-template-columns: .6fr 1fr; gap: 35px; }
  .about-band-bottom p { font-size: 14px; }
  .about-band-note { font-size: 8px; }
  .process-grid { grid-template-columns: 1fr 1fr; gap: 45px 30px; }
  .process-number { margin-bottom: 37px; }
  .process-item h3 { font-size: 26px; }
  .process-item p { max-width: none; font-size: 13px; }
  .journal-row { grid-template-columns: .65fr 2fr 28px; gap: 5%; }
  .journal-category { font-size: 8px; }
  .journal-row h3 { font-size: 23px; }
  .journal-arrow { font-size: 28px; }
  .faq-layout { grid-template-columns: 1fr 1.4fr; gap: 8%; }
  .faq-layout h2 { font-size: 41px; }
  .faq-item summary { font-size: 14px; }
  .faq-answer { font-size: 12px; padding-right: 25px; }
  .contact-cta h2 { font-size: 64px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 45px 55px; padding-bottom: 55px; }
  .footer-brand { grid-column: 1 / -1; display: flex; align-items: center; gap: 50px; }
  .footer-brand p { margin: 0; }
  .footer-contact address { max-width: 270px; }
  .footer-bottom { gap: 20px; font-size: 8px; }
  .page-intro-grid { margin-top: 60px; }
  .page-intro h1 { font-size: 61px; }
  .page-intro p { font-size: 15px; }
  .detail-intro h1 { font-size: 52px; }
  .detail-body-grid { grid-template-columns: 1fr 2.25fr; }
  .detail-aside .eyebrow { font-size: 8px; }
  .detail-aside p { font-size: 12px; }
  .detail-aside .text-link { gap: 15px; font-size: 10px; }
  .prose { font-size: 15px; }
  .detail-prose > p:first-child { font-size: 18px; }
  .about-manifesto-grid { gap: 8%; }
  .about-manifesto-copy h2 { font-size: 41px; }
  .about-symbol img { height: 230px; }
  .about-symbol > span { font-size: 6px; letter-spacing: .13em; }
  .about-manifesto { padding-block: 70px; }
  .location-strip .wrap { grid-template-columns: 1fr 2fr; gap: 30px; }
  .location-strip .text-link { grid-column: 2; justify-self: start; }
  .location-strip p { font-size: 27px; }
  .contact-section { gap: 7%; grid-template-columns: 1fr 1.8fr; }
  .contact-direct { font-size: 19px; }
  .contact-direct.phone { font-size: 16px; }
  .contact-address address { font-size: 12px; }
  .contact-area { font-size: 9px; }
  .contact-info > .text-link { gap: 14px; font-size: 11px; }
  .contact-signature { width: 125px; }
  .form-grid { grid-template-columns: 1fr; gap: 25px; }
  .form-intro { margin-bottom: 30px; }
}
@media (max-width: 560px) {
  :root { --gutter: 22px; }
  .header-inner { height: 76px; gap: 18px; }
  .header-contact { padding-bottom: 7px; gap: 12px; font-size: 10px; }
  .header-contact > span { font-size: 19px; }
  .menu-toggle { width: 32px; padding-inline: 0; }
  .js .mobile-nav.is-open { top: 76px; }
  .hero-topline { align-items: flex-start; }
  .hero-location { display: none; }
  .hero-topline .eyebrow { font-size: 7px; letter-spacing: .14em; }
  .hero-title-row { position: relative; margin-top: 67px; margin-bottom: 40px; }
  .hero h1 { position: relative; z-index: 1; font-size: clamp(54px, 12.5vw, 75px); line-height: 1; letter-spacing: -.072em; }
  .hero-asterisk { position: absolute; top: -43px; right: 0; margin: 0; font-size: 47px; }
  .hero-bottom { grid-template-columns: minmax(0, 1fr) 72px; gap: 25px 10px; padding-bottom: 36px; }
  .hero-description { grid-column: 1 / -1; max-width: 330px; font-size: 13px; line-height: 1.8; }
  .round-link { justify-self: start; flex-direction: row-reverse; gap: 15px; font-size: 12px; }
  .round-arrow { width: 48px; height: 48px; font-size: 24px; }
  .hero-signature { display: flex; width: 72px; }
  .hero-signature img { width: 70px; height: 58px; }
  .hero-signature > span { display: none; }
  .hero-baseline { padding-top: 15px; font-size: 6px; letter-spacing: .1em; }
  .hero-baseline a { gap: 8px; }
  .hero-baseline a span { font-size: 15px; }
  .design-ticker { padding-block: 22px; }
  .ticker-track { gap: 30px; }
  .ticker-track span { font-size: 12px; }
  .ticker-track i { font-size: 19px; }
  .section { padding-block: 70px; }
  .section-bottom { padding-bottom: 70px; }
  .section-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 37px; }
  .section-index { margin-top: 0; font-size: 9px; }
  .section-heading h2 { max-width: 440px; margin-bottom: 18px; font-size: 38px; line-height: 1.07; letter-spacing: -.05em; }
  .section-heading p { font-size: 13px; }
  .service-row { grid-template-columns: 23px minmax(0, 1fr) 27px; column-gap: 13px; row-gap: 13px; padding-block: 25px; }
  .service-row h2, .service-row h3 { font-size: 27px; }
  .service-row p { font-size: 12px; line-height: 1.75; }
  .service-number { font-size: 8px; }
  .service-arrow { font-size: 28px; }
  .service-row:hover { padding-left: 5px; }
  .section-action { margin-top: 28px; }
  .text-link { font-size: 12px; gap: 25px; }
  .text-link > span { font-size: 22px; }
  .projects-section { padding-top: 0; }
  .project-grid { grid-template-columns: 1fr; gap: 37px; }
  .project-card:nth-child(even) { margin-top: 0; }
  .project-caption { flex-direction: row; margin-top: 16px; }
  .project-caption h2, .project-caption h3 { font-size: 23px; }
  .project-caption > span { font-size: 10px; }
  .project-open { right: 16px; bottom: 16px; width: 42px; height: 42px; }
  .project-invitation { grid-template-columns: 1fr; }
  .invitation-art { min-height: 240px; margin-top: 10px; }
  .invitation-art > span { width: 185px; height: 185px; }
  .invitation-art > span:nth-child(2) { width: 150px; height: 215px; }
  .invitation-art > span:nth-child(3) { width: 115px; height: 250px; }
  .invitation-art > i { font-size: 130px; }
  .invitation-content { padding: 20px 29px 39px; }
  .invitation-content h2, .invitation-content h3 { margin-top: 20px; margin-bottom: 20px; font-size: 46px; }
  .invitation-content p { margin-bottom: 22px; font-size: 13px; }
  .about-band { padding-block: 60px; }
  .about-band-top .eyebrow { max-width: 220px; font-size: 8px; }
  .asterisk-small { font-size: 48px; }
  .about-band h2 { margin-top: 40px; margin-bottom: 36px; font-size: 54px; line-height: 1.03; letter-spacing: -.058em; }
  .about-band-bottom { grid-template-columns: 1fr; gap: 24px; }
  .about-band-note { display: none; }
  .about-band-bottom p { font-size: 14px; line-height: 1.8; }
  .process-grid { gap: 34px 22px; }
  .process-item { padding-top: 16px; }
  .process-number { margin-bottom: 30px; font-size: 9px; }
  .process-item h3 { margin-bottom: 14px; font-size: 23px; line-height: 1.2; }
  .process-item p { font-size: 11px; line-height: 1.8; }
  .journal-section { padding-top: 0; }
  .journal-row { grid-template-columns: 1fr 25px; column-gap: 15px; row-gap: 12px; padding-block: 25px; }
  .journal-category { grid-column: 1; }
  .journal-row h3 { grid-column: 1; font-size: 25px; }
  .journal-arrow { grid-column: 2; grid-row: 2; font-size: 26px; }
  .journal-row:hover { padding-inline: 8px; }
  .faq-section { padding-top: 0; }
  .faq-layout { grid-template-columns: 1fr; gap: 35px; }
  .faq-layout h2 { margin-top: 20px; margin-bottom: 22px; font-size: 42px; }
  .faq-item summary { padding-block: 23px; font-size: 15px; }
  .faq-answer { font-size: 13px; }
  .contact-cta { padding-block: 58px; }
  .contact-cta .eyebrow { max-width: 280px; font-size: 8px; }
  .contact-cta a { align-items: flex-start; gap: 18px; margin-top: 29px; }
  .contact-cta h2, .contact-cta.compact h2 { max-width: 320px; font-size: 45px; line-height: 1.05; letter-spacing: -.06em; }
  .contact-cta a > span { margin-top: -1px; font-size: 52px; }
  .contact-cta p { margin-top: 22px; font-size: 12px; }
  .site-footer { padding-top: 50px; }
  .footer-top { grid-template-columns: 1fr; gap: 37px; padding-bottom: 45px; }
  .footer-brand { grid-column: auto; gap: 34px; }
  .footer-brand p { max-width: 190px; font-size: 12px; }
  .footer-brand .wordmark { width: 80px; }
  .footer-brand .wordmark-main { font-size: 38px; }
  .footer-brand .wordmark-image { width: 120px; height: 120px; }
  .footer-brand .wordmark-sub { font-size: 8px; }
  .footer-links { display: grid; grid-template-columns: 1fr 1fr; align-items: start; row-gap: 9px; }
  .footer-links .eyebrow { grid-column: 1 / -1; margin-bottom: 7px; }
  .footer-links a { font-size: 13px; }
  .footer-contact .eyebrow { margin-bottom: 16px; }
  .footer-email { font-size: 25px; }
  .footer-contact address { max-width: 270px; margin-top: 19px; font-size: 11px; }
  .footer-bottom { display: grid; grid-template-columns: 1fr auto; gap: 11px 20px; font-size: 8px; }
  .footer-bottom > span { grid-column: 1 / -1; }
  .footer-bottom .back-to-top { margin-left: 0; justify-self: end; }
  .page-intro { padding-top: 25px; padding-bottom: 48px; }
  .breadcrumb { font-size: 10px; }
  .page-intro-grid { grid-template-columns: 1fr; margin-top: 41px; gap: 23px; }
  .page-intro-grid > .eyebrow, .detail-label { padding-top: 0; }
  .page-intro h1 { margin-bottom: 23px; font-size: 54px; line-height: 1.05; letter-spacing: -.06em; }
  .page-intro p { font-size: 14px; line-height: 1.8; }
  .archive-services .service-row h2 { font-size: 30px; }
  .blog-grid { grid-template-columns: 1fr; gap: 43px; }
  .blog-placeholder i { font-size: 145px; }
  .blog-card h2 { font-size: 28px; }
  .blog-card p { font-size: 13px; }
  .blog-meta { font-size: 9px; }
  .detail-intro h1 { font-size: 43px; }
  .detail-label { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
  .detail-label time { margin-top: 0; font-size: 10px; }
  .detail-cover { margin-bottom: 43px; }
  .detail-body-grid { grid-template-columns: 1fr; gap: 45px; }
  .detail-aside { position: static; grid-row: 2; padding-top: 23px; }
  .detail-aside p { max-width: 300px; margin-top: 20px; font-size: 13px; }
  .detail-aside .eyebrow { font-size: 9px; }
  .detail-aside .text-link { font-size: 12px; gap: 25px; }
  .detail-prose { grid-row: 1; font-size: 15px; line-height: 1.85; }
  .detail-prose > p:first-child { font-size: 18px; }
  .related-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px; }
  .related-heading h2 { font-size: 38px; }
  .general-prose { margin-left: 0; padding-top: 26px; font-size: 14px; }
  .about-manifesto { padding-block: 43px 57px; }
  .about-manifesto-grid { grid-template-columns: 1fr; gap: 49px; }
  .about-symbol img { width: 230px; height: 180px; }
  .about-symbol > span { margin-top: 18px; font-size: 6px; }
  .about-manifesto-copy .eyebrow { margin-bottom: 24px; font-size: 8px; }
  .about-manifesto-copy h2 { margin-bottom: 28px; font-size: 44px; }
  .prose-light { font-size: 14px; }
  .location-strip { padding-block: 45px; }
  .location-strip .wrap { grid-template-columns: 1fr; gap: 24px; }
  .location-strip .eyebrow { font-size: 9px; }
  .location-strip p { font-size: 29px; }
  .location-strip .text-link { grid-column: 1; }
  .contact-section { grid-template-columns: 1fr; gap: 45px; }
  .contact-info { grid-row: 2; }
  .contact-form-panel { grid-row: 1; }
  .contact-intro h1 { font-size: 49px; }
  .form-grid { grid-template-columns: 1fr; gap: 29px; }
  .form-intro { margin-bottom: 32px; font-size: 14px; }
  .form-field > label { font-size: 12px; }
  .form-field input, .form-field select, .form-field textarea { font-size: 16px; }
  .consent-field label { font-size: 11px; }
  .form-submit { width: 100%; margin-top: 29px; }
  .contact-direct { font-size: 28px; }
  .contact-direct.phone { font-size: 20px; }
  .contact-address { margin-top: 35px; }
  .contact-address address { max-width: 300px; font-size: 14px; }
  .contact-area { font-size: 11px; }
  .contact-info > .text-link { font-size: 12px; gap: 25px; }
  .contact-signature { width: 140px; height: 100px; margin-top: 40px; }
  .success-notice h2 { font-size: 40px; }
  .error-page { padding-top: 60px; padding-bottom: 75px; }
  .error-page .eyebrow { font-size: 8px; }
  .error-number { margin-top: 32px; font-size: 39vw; }
  .error-number > span { font-size: .4em; }
  .error-content { margin-top: 36px; }
  .error-content h1 { font-size: 29px; }
  .error-content p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .ticker-track, .hero-asterisk { animation: none; }
}
@media print {
  body { color: #000; background: #fff; }
  .site-header, .site-footer, .contact-cta, .design-ticker, .detail-aside, .section-action, .skip-link { display: none !important; }
  .wrap { width: 100%; padding-inline: 0; }
  .section, .section-bottom, .page-intro { padding-block: 25px; }
  .hero, .about-band, .about-manifesto { color: #000; background: #fff; }
  .hero-grain, .hero::before { display: none; }
  .page-intro-grid, .detail-body-grid { display: block; }
  .page-intro h1 { font-size: 40px; }
  .general-prose { margin-left: 0; }
  .prose { font-size: 12px; }
  a { text-decoration: none; }
}

/* Selected mascot identity: prominent in the masthead and opening. */
.header-inner { height: 148px; }
.wordmark { width: 138px; }
.wordmark-image { width: 138px; height: 138px; }
.footer-brand .wordmark { width: 174px; }
.footer-brand .wordmark-image { width: 174px; height: 174px; }
.hero-title-row { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; margin-top: 30px; margin-bottom: 30px; }
.hero h1 { font-size: clamp(66px,8.2vw,140px); }
.hero-brand { width: 100%; max-width: 470px; justify-self: end; display: flex; flex-direction: column; align-items: center; }
.hero-brand img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.hero-brand span { font-size: 8px; letter-spacing: .28em; color: #b7b7b2; margin-top: 0; }
.hero-bottom { grid-template-columns: 1.5fr 1fr; gap: 70px; padding-bottom: 38px; }
.hero-description { max-width: 540px; }
.hero-bottom .round-link { justify-self: end; }
@media (max-width: 1100px) {
 .header-inner { height: 128px; }
 .wordmark { width: 116px; }
 .wordmark-image { width: 116px; height: 116px; }
 .hero-title-row { gap: 24px; }
 .hero h1 { font-size: clamp(62px,8vw,92px); }
}
@media (max-width: 800px) {
 .header-inner { height: 116px; }
 .wordmark { width: 106px; }
 .wordmark-image { width: 106px; height: 106px; }
 .js .mobile-nav.is-open { top: 116px; }
 .hero-title-row { grid-template-columns: 1fr 1fr; margin-top: 28px; margin-bottom: 35px; }
 .hero h1 { font-size: clamp(45px,7.8vw,70px); }
 .hero-bottom { gap: 25px; }
 .hero-brand span { font-size: 6px; }
}
@media (max-width: 560px) {
 .header-inner { height: 112px; gap: 16px; }
 .wordmark { width: 102px; }
 .wordmark-image { width: 102px; height: 102px; }
 .js .mobile-nav.is-open { top: 112px; }
 .hero-title-row { display: flex; flex-direction: column; gap: 27px; margin-top: 16px; margin-bottom: 26px; }
 .hero-brand { order: -1; width: min(78%,280px); align-self: center; }
 .hero h1 { width: 100%; font-size: clamp(48px,12vw,65px); }
 .hero-bottom { grid-template-columns: 1fr; gap: 24px; }
 .hero-bottom .round-link { justify-self: start; }
 .hero-description { max-width: none; }
 .footer-brand .wordmark, .footer-brand .wordmark-image { width: 142px; }
 .footer-brand .wordmark-image { height: 142px; }
}
/* Fluid page containers: full-bleed backgrounds, 5% content gutters. */
@media screen {
  :root { --gutter: 5vw; }
  .wrap { width:100%; max-width:none; margin-inline:0; padding-inline:var(--gutter); }
}
/* Homepage service showcase. */
.page-home .services-section{background:#f5f5ef;padding-block:100px}
.services-section .section-heading{grid-template-columns:1fr 2fr;align-items:start;margin-bottom:50px}
.services-section .section-heading h2{font-weight:700;max-width:800px}
.service-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.service-tile{min-width:0;display:block}.service-tile-art{height:290px;position:relative;overflow:hidden;border-radius:8px;background:#e5e7de;isolation:isolate}
.service-tile-index{position:absolute;top:20px;left:20px;font:600 9px Manrope,Arial,sans-serif;letter-spacing:.16em;color:#596252;z-index:2}
.service-tile-copy{display:flex;gap:14px;justify-content:space-between;padding-top:23px;border-top:1px solid transparent}
.service-tile h3{font-size:clamp(20px,1.65vw,28px);font-weight:700;letter-spacing:-.045em;margin:0 0 12px;line-height:1.2}
.service-tile p{font-size:13px;line-height:1.8;color:#62665e;margin:0;max-width:290px}
.service-tile-arrow{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #cdd1c5;border-radius:50%;transition:background .3s,transform .3s}
.service-tile:hover .service-tile-arrow{background:#d5f46a;transform:rotate(45deg)}
.service-tile-art>div{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.service-tile:hover .service-tile-art>div{transform:translateY(-7px)}
.service-art-web-tasarim{background:#dee2d9}.service-browser{position:absolute;width:115%;left:12%;top:75px;border:5px solid #292e29;border-radius:9px;box-shadow:-15px 25px 40px #26321e26;overflow:hidden;background:#202520}.service-browser-bar{display:flex;gap:4px;padding:8px;background:#292e29}.service-browser-bar i{width:4px;height:4px;background:#828b7d;border-radius:50%}.service-browser img{display:block;width:100%;height:auto}
.service-art-e-ticaret{background:#e8e5df}.service-shop{position:absolute;inset:57px 25px 20px;text-align:center}.shop-object{display:grid;place-items:center;width:100px;height:116px;background:#c9d799;margin:0 auto 14px;border-radius:12px 12px 28px 28px;font:800 76px/1 Manrope,Arial,sans-serif;letter-spacing:-.1em;color:#39452b;box-shadow:12px 14px 24px #39452b22}.service-shop>span{display:block;font-size:7px;letter-spacing:.18em}.service-shop>strong{display:block;font-size:19px;letter-spacing:-.05em;margin-top:5px}.shop-check{position:absolute;right:-12px;top:70px;background:#fff;padding:10px 12px;border-radius:5px;box-shadow:0 8px 20px #0001;color:#4b653a;font-size:14px}.shop-check small{font-size:8px;margin-left:4px}
.service-art-otomasyon-sistemleri{background:#222921}.service-art-otomasyon-sistemleri .service-tile-index{color:#adb8a3}.service-flow{position:absolute;inset:64px 27px 20px;display:flex;flex-direction:column;align-items:center}.service-flow>span{display:flex;align-items:center;gap:17px;border:1px solid #ffffff24;width:100%;padding:12px 15px;border-radius:5px;font-size:9px;color:#9eae91}.service-flow b{font-size:12px;font-weight:500;color:#edf0e7}.service-flow>i{font-style:normal;color:#738366;line-height:23px}.service-flow>span:last-child{background:#d5f46a;border-color:#d5f46a;color:#526831}.service-flow>span:last-child b{color:#263219}.service-flow em{margin-left:auto;font-style:normal;color:#263219}
.service-art-grafik-tasarim{background:#e5e3e9}.service-brand{position:absolute;inset:65px 26px 25px}.brand-sheet{position:absolute;background:#faf9f1;padding:17px 20px 23px;font:700 85px/1 Manrope,Arial,sans-serif;letter-spacing:-.09em;box-shadow:10px 15px 25px #0001;rotate:-8deg}.brand-sheet>span{display:block;font-size:6px;letter-spacing:.18em;margin-top:19px}.brand-swatch{position:absolute;right:0;bottom:0;display:flex;box-shadow:0 6px 20px #0002;rotate:8deg}.brand-swatch i{width:32px;height:66px;background:#b7c793}.brand-swatch i:nth-child(2){background:#333c2f}.brand-swatch i:nth-child(3){background:#e3b1a0}.service-brand>b{position:absolute;right:0;top:-7px;font-size:65px;line-height:1;color:#434e37}
.service-tile:focus-visible{outline:2px solid #536a36;outline-offset:8px;border-radius:8px}
@media(max-width:1100px){.service-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.service-tile-art{height:290px}.service-browser{width:95%}}
@media(max-width:600px){.page-home .services-section{padding-block:65px}.services-section .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.service-showcase{grid-template-columns:1fr;gap:35px}.service-tile-art{height:270px}.service-tile h3{font-size:25px}.service-tile-copy{padding-top:18px}.service-tile p{max-width:100%}.service-browser{top:60px}.service-flow{inset-inline:40px}.service-shop{inset-inline:50px}.service-brand{inset-inline:60px}}
@media(prefers-reduced-motion:reduce){.service-tile-art>div,.service-tile-arrow{transition:none}.service-tile:hover .service-tile-art>div,.service-tile:hover .service-tile-arrow{transform:none}}
/* Services follow the main navigation and share its exact submenu data. */
.home-service-menu{border-top:1px solid #cccec5}
.home-service-group{border-bottom:1px solid #cccec5}
.home-service-group summary{list-style:none;display:grid;grid-template-columns:55px 1fr 1fr 48px;gap:24px;align-items:center;padding:32px 0;cursor:pointer}
.home-service-group summary::-webkit-details-marker{display:none}
.home-service-number{font-size:12px;color:#8c9386}
.home-service-group h3{font-size:clamp(30px,3.3vw,52px);line-height:1.1;font-weight:650;letter-spacing:-.055em;margin:0}
.home-service-group summary p{font-size:14px;line-height:1.7;color:#6c7365;margin:0;max-width:340px}
.home-service-toggle{display:grid;place-items:center;width:45px;height:45px;border:1px solid #bec5b5;border-radius:50%;font-size:27px;font-weight:400;transition:transform .3s,background .3s}
.home-service-group[open] .home-service-toggle{transform:rotate(45deg);background:#d5f46a;border-color:#d5f46a}
.home-service-group summary:hover h3{color:#5d703f}
.home-service-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding:8px 0 38px 79px}
.home-service-column h4{font-size:17px;font-weight:700;margin:0 0 17px;padding-bottom:16px;border-bottom:1px solid #d7dace;letter-spacing:-.025em}
.home-service-column a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;font-size:13px;line-height:1.5;color:#535b4c;transition:color .2s}
.home-service-column a>span:last-child{color:#839074;transition:transform .2s}.home-service-column a:hover{color:#151c10}.home-service-column a:hover>span:last-child{transform:translate(3px,-3px)}
.home-service-group[open] .home-service-column{animation:home-service-reveal .4s ease both}
.home-service-group summary:focus-visible{outline:2px solid #6a7b4a;outline-offset:4px}
@keyframes home-service-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.home-service-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.home-service-group summary{grid-template-columns:30px 1fr 1fr 40px;gap:18px}.home-service-columns{padding-left:48px}.home-service-group summary p{font-size:12px}}
@media(max-width:600px){.home-service-group summary{grid-template-columns:22px 1fr 34px;gap:14px;padding:25px 0}.home-service-group summary p{grid-column:2;grid-row:2}.home-service-toggle{grid-column:3;grid-row:1;width:32px;height:32px;font-size:22px}.home-service-group h3{font-size:30px}.home-service-columns{grid-template-columns:1fr;padding:0 0 28px 36px;gap:24px}.home-service-column h4{font-size:16px}.home-service-column a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.home-service-group[open] .home-service-column{animation:none}.home-service-toggle,.home-service-column a,.home-service-column a>span:last-child{transition:none}}

@media(min-width:901px){.home-service-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.agency-intro{background:#f5f5ef;padding-block:clamp(75px,9vw,145px)}
.agency-intro>.wrap{display:grid;grid-template-columns:1fr 3fr;gap:6%}
.agency-intro-label{font:600 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em;padding-top:13px;color:#737b6a}
.agency-intro-content h2{max-width:1100px;margin:0;font-size:clamp(36px,4.2vw,72px);font-weight:550;line-height:1.15;letter-spacing:-.055em;text-wrap:balance}
.agency-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-top:35px}
.agency-intro-bottom p{max-width:620px;color:#68705f;font-size:clamp(14px,1.15vw,17px);line-height:1.9;margin:0}
.agency-intro-bottom .text-link{white-space:nowrap;flex-shrink:0}
@media(max-width:760px){.agency-intro>.wrap{grid-template-columns:1fr;gap:26px}.agency-intro-label{padding:0}.agency-intro-content h2{font-size:clamp(34px,7vw,48px)}.agency-intro-bottom{align-items:flex-start;flex-direction:column;gap:24px;margin-top:25px}}
/* Oversized editorial introduction following the cinematic opening. */
.studio-statement{background:#111410;color:#f2f3ec;padding:clamp(75px,9vw,145px) 0;overflow:hidden}
.statement-topline{display:flex;justify-content:space-between;color:#92998b;font-size:10px;font-weight:600;letter-spacing:.16em;margin-bottom:55px}
.studio-statement h2{font:650 clamp(38px,6.1vw,104px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:0;max-width:1600px}
.statement-word{display:inline-block;transition:opacity .25s ease}
.statement-animated .statement-word{opacity:.23}.statement-animated .statement-word.is-read{opacity:1}
.statement-details{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:7%;margin-top:65px;padding-top:35px;border-top:1px solid #ffffff20}
.statement-mark{font-size:75px;line-height:1;color:#d5f46a}
.statement-details p{font-size:15px;line-height:1.9;color:#aeb5a6;margin:0}
.statement-link{display:inline-flex;align-items:center;gap:45px;padding:14px 0 10px;margin-top:20px;border-bottom:1px solid #77806d;font-size:13px}.statement-link span{font-size:22px;transition:transform .25s}.statement-link:hover span{transform:translate(3px,-3px)}
@media(max-width:760px){.statement-topline{font-size:8px;letter-spacing:.1em;margin-bottom:35px}.studio-statement h2{font-size:clamp(32px,7.8vw,56px)}.statement-details{grid-template-columns:1fr;gap:25px;margin-top:38px;padding-top:25px}.statement-mark{font-size:40px}.statement-details p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.statement-animated .statement-word{opacity:1}.statement-word,.statement-link span{transition:none}}
/* Refined introduction scale and editorial spacing. */
.studio-statement{padding-block:clamp(70px,7vw,110px)}
.studio-statement h2{max-width:1100px;font-size:clamp(34px,4.25vw,68px);font-weight:550;line-height:1.22;letter-spacing:-.035em}
.statement-topline{margin-bottom:38px}
.statement-details{margin-top:45px;padding-top:28px}
.statement-details p{font-size:14px;line-height:1.85}
.statement-mark{font-size:55px}
@media(max-width:760px){.studio-statement h2{font-size:clamp(25px,6.4vw,40px);line-height:1.3;letter-spacing:-.025em}.statement-topline{margin-bottom:28px}.statement-details{margin-top:30px}.statement-mark{font-size:36px}}
/* Compact statement balanced by the agency identity on the right. */
.statement-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:9%;align-items:center}
.studio-statement h2{font-size:clamp(30px,3vw,49px);line-height:1.28;letter-spacing:-.035em;text-transform:none;font-weight:550;max-width:800px}
.statement-identity{border-left:1px solid #ffffff1c;padding-left:35px;display:flex;flex-direction:column;align-items:center}
.statement-mascot{height:170px;width:170px;margin:0 0 22px}.statement-mascot img{display:block;width:100%;height:100%;object-fit:contain}
.statement-facts{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:25px}
.statement-facts strong{display:block;font-size:43px;font-weight:550;line-height:1.1;letter-spacing:-.055em;color:#e8ecdf}
.statement-facts strong span{font-size:21px;color:#b7c59f;letter-spacing:-.03em}.statement-facts small{display:block;margin-top:12px;color:#909c85;font-size:8px;letter-spacing:.13em}
.statement-details{grid-template-columns:.5fr 1.4fr 1fr;gap:6%;margin-top:40px}
@media(max-width:760px){.statement-main{grid-template-columns:1fr;gap:32px}.studio-statement h2{font-size:clamp(27px,6vw,40px);line-height:1.3}.statement-identity{border-left:0;border-top:1px solid #ffffff1c;padding:25px 0 0;flex-direction:row;gap:24px}.statement-mascot{flex:0 0 105px;width:105px;height:105px;margin:0}.statement-facts{gap:16px}.statement-facts strong{font-size:31px}.statement-facts strong span{font-size:16px}.statement-facts small{font-size:7px;line-height:1.6}.statement-details{grid-template-columns:1fr;gap:22px;margin-top:30px}}
.creative-studio{background:#f1f2ea;color:#172014;padding:65px 0 95px}
.creative-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #cdd3c4;font-size:9px;letter-spacing:.14em;color:#717b65}
.creative-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:55px}
.creative-kicker{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:.13em;color:#758167;margin-bottom:25px}.creative-kicker i{width:6px;height:6px;border-radius:50%;background:#799646}
.creative-studio h2{font-size:clamp(42px,5.4vw,82px);line-height:1.04;font-weight:650;letter-spacing:-.065em;text-transform:none;max-width:650px;margin:0 0 27px}
.creative-copy>p{max-width:410px;font-size:15px;line-height:1.9;color:#727b68;margin:0}
.creative-about{display:inline-flex;align-items:center;gap:35px;margin-top:29px;font-size:13px;font-weight:650}.creative-about>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b9c3ac;border-radius:50%;font-size:22px;transition:background .3s,transform .3s}.creative-about:hover>span{background:#d5f46a;transform:rotate(45deg)}
.creative-disciplines{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:42px;font-size:10px;color:#7a836f}.creative-disciplines i{font-style:normal;color:#a4ae98}
.creative-art{position:relative;min-height:460px;isolation:isolate}
.creative-orbit{position:absolute;width:380px;height:380px;max-width:90%;border:1px solid #ced6c3;border-radius:50%;top:30px;left:8%;transform:rotate(-22deg)}.creative-orbit:before{content:'';position:absolute;inset:30px -40px;border:1px solid #d8dece;border-radius:50%;transform:rotate(60deg)}
.creative-art-note{position:absolute;left:0;top:0;color:#808c73;font-size:9px;line-height:1.7;letter-spacing:.1em}
.creative-brand-card{position:absolute;left:19%;top:48px;width:55%;height:310px;background:#20271d;border-radius:6px;transform:rotate(-7deg);padding:23px;box-shadow:12px 20px 36px #1f291c20;display:flex;flex-direction:column;justify-content:space-between;color:#edf1e4}
.creative-card-label{font-size:7px;letter-spacing:.13em;color:#a7b49a}.creative-brand-card img{width:100%;height:205px;object-fit:contain}.creative-card-bottom{border-top:1px solid #ffffff20;padding-top:13px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em}.creative-card-bottom i{font-style:normal;font-size:17px}
.creative-asterisk{position:absolute;right:2%;top:0;font-size:120px;line-height:1;color:#c0d297;transform:rotate(12deg)}
.creative-stat{position:absolute;padding:23px 26px;border-radius:4px;box-shadow:0 12px 25px #33412712}.creative-stat strong{font-size:52px;line-height:1;letter-spacing:-.065em;font-weight:650;display:block}.creative-stat small{font-size:18px;letter-spacing:-.03em;margin-left:3px}.creative-stat>span{font-size:7px;letter-spacing:.12em;display:block;margin-top:12px}.creative-stat-years{left:0;bottom:46px;background:#e2e7d8;transform:rotate(-4deg);color:#495b38}.creative-stat-projects{right:0;bottom:10px;background:#d5f46a;transform:rotate(5deg);color:#273615}
.creative-art-caption{position:absolute;bottom:0;left:5%;font-size:8px;letter-spacing:.16em;color:#88947b}
@media(max-width:900px){.creative-layout{gap:4%}.creative-brand-card{left:15%;width:65%;padding:18px}.creative-stat{padding:18px}.creative-stat strong{font-size:43px}.creative-asterisk{font-size:90px}.creative-art{min-height:450px}}
@media(max-width:650px){.creative-studio{padding:40px 0 60px}.creative-heading{font-size:7px;line-height:1.7;gap:25px}.creative-heading>span:last-child{text-align:right}.creative-layout{grid-template-columns:1fr;gap:42px;padding-top:35px}.creative-studio h2{font-size:clamp(42px,11vw,65px)}.creative-copy>p{font-size:14px}.creative-disciplines{margin-top:27px}.creative-art{width:100%;max-width:460px;justify-self:center;min-height:420px}.creative-brand-card{top:40px;height:285px;width:59%;left:20%}.creative-brand-card img{height:185px}.creative-orbit{width:290px;height:290px;left:8%}.creative-stat strong{font-size:39px}.creative-stat-years{bottom:43px}.creative-stat-projects{bottom:10px}.creative-art-note{font-size:7px}.creative-card-label{font-size:6px}.creative-asterisk{font-size:90px}}
@media(prefers-reduced-motion:reduce){.creative-about>span{transition:none}}
/* Gentle motion for the agency artwork. */
.creative-brand-card img{animation:creative-logo-float 5s ease-in-out infinite;transform-origin:50% 65%;will-change:transform}
@keyframes creative-logo-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.creative-brand-card img{animation:none;will-change:auto}}
/* High-contrast experience badges. */
.creative-stat{padding:24px 27px;border:2px solid #192313;border-radius:8px;box-shadow:6px 7px 0 #192313;z-index:3}
.creative-stat strong{font-size:66px;font-weight:800;letter-spacing:-.075em;line-height:1}
.creative-stat small{font-size:24px;font-weight:650;margin-left:5px}
.creative-stat>span{font-size:8px;font-weight:750;letter-spacing:.12em;margin-top:13px}
.creative-stat-years{background:#d5f46a;color:#182510;left:-2%;bottom:47px;transform:rotate(-6deg)}
.creative-stat-projects{background:#182510;color:#d5f46a;right:-1%;bottom:5px;border-color:#d5f46a;box-shadow:6px 7px 0 #c1dd60;transform:rotate(5deg)}
.creative-stat-projects>span{color:#eff5e6}
@media(max-width:900px){.creative-stat{padding:20px}.creative-stat strong{font-size:54px}.creative-stat small{font-size:20px}}
@media(max-width:650px){.creative-stat{padding:16px 18px;box-shadow:4px 5px 0 #192313}.creative-stat strong{font-size:47px}.creative-stat small{font-size:18px}.creative-stat>span{font-size:7px;letter-spacing:.08em}.creative-stat-years{left:0;bottom:42px}.creative-stat-projects{right:0;bottom:0;box-shadow:4px 5px 0 #c1dd60}}
/* Editorial statistics with patterned numerals instead of boxed badges. */
.creative-stat{padding:12px 4px;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none}
.creative-stat strong{font-size:91px;font-weight:800;line-height:1.05;letter-spacing:-.075em;background:#526345 url('../img/experience-pattern.svg') center/cover;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #ffffff60)}
.creative-stat small{font-size:26px;font-weight:650;letter-spacing:-.04em;margin-left:6px;color:#34452a;-webkit-text-fill-color:#34452a}
.creative-stat>span{color:#5e6b53;font-size:8px;font-weight:650;letter-spacing:.14em;margin-top:9px;padding-top:11px;border-top:1px solid #aebaa0}
.creative-stat-years{left:-2%;bottom:43px;background:transparent}
.creative-stat-projects{right:-1%;bottom:0;background:transparent;border:0;box-shadow:none}
.creative-stat-projects>span{color:#5e6b53}
@media(max-width:900px){.creative-stat strong{font-size:76px}.creative-stat small{font-size:22px}}
@media(max-width:650px){.creative-stat{padding:10px 2px;box-shadow:none}.creative-stat strong{font-size:66px}.creative-stat small{font-size:20px}.creative-stat>span{font-size:7px;letter-spacing:.09em}.creative-stat-years{left:0;bottom:35px}.creative-stat-projects{right:0;bottom:0;box-shadow:none}}
/* Editorial year suffix, distinct from the patterned numeral. */
.creative-stat-years strong small{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:28px;letter-spacing:-.035em;margin-left:9px}
@media(max-width:650px){.creative-stat-years strong small{font-size:23px;margin-left:7px}}
/* Clear, balanced captions below the experience figures. */
.creative-stat>span{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.025em;color:#4e5d43}
.creative-stat-projects>span{color:#4e5d43}
@media(max-width:650px){.creative-stat>span{font-size:9px;letter-spacing:.015em}}
/* Match the primary slider action. */
.creative-about{display:inline-flex;align-items:center;gap:26px;min-height:58px;padding:8px 9px 8px 24px;border:1px solid #d5f46a;border-radius:999px;background:#d5f46a;color:#17200e;font:700 14px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;box-shadow:0 8px 30px #b6d94718;transition:background .3s,box-shadow .3s,transform .3s}
.creative-about>span{width:40px;height:40px;border:0;border-radius:50%;background:#202916;color:#e5ff9b;font-size:23px;transition:background .3s,transform .3s}
.creative-about:hover{background:#e2ff86;border-color:#e2ff86;box-shadow:0 10px 34px #c4ec5a30;transform:translateY(-2px)}
.creative-about:hover>span{background:#344022;transform:rotate(45deg)}
.creative-about:focus-visible{outline:2px solid #40532c;outline-offset:5px}
@media(max-width:760px){.creative-about{min-height:50px;padding:7px 8px 7px 20px;gap:22px;font-size:12px}.creative-about>span{width:34px;height:34px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.creative-about,.creative-about>span{transition:none}.creative-about:hover,.creative-about:hover>span{transform:none}}
/* A clean, upright brand composition with aligned experience figures. */
.creative-art{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;align-content:center;min-height:450px;padding:22px 28px 12px}
.creative-orbit,.creative-art-note,.creative-asterisk,.creative-art-caption{display:none}
.creative-brand-card{position:relative;inset:auto;grid-column:1/-1;width:100%;height:275px;transform:none;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 35%,#323d2b,#192015 75%);border:1px solid #ffffff15;border-radius:18px;box-shadow:0 18px 35px #26331d15;overflow:hidden}
.creative-brand-card:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #d3e4b81c;border-radius:50%;box-shadow:0 0 0 28px #d3e4b806;pointer-events:none}
.creative-brand-card img{position:relative;width:220px;height:220px;max-width:100%;object-fit:contain;z-index:1}
.creative-card-label,.creative-card-bottom{display:none}
.creative-art .creative-stat{position:relative;inset:auto;transform:none;padding:0;background:none;border:0;box-shadow:none;min-width:0}
.creative-art .creative-stat strong{font-size:76px}
.creative-art .creative-stat>span{padding-top:12px;margin-top:8px}
@media(max-width:900px){.creative-art{padding:14px 10px;gap:24px;min-height:410px}.creative-brand-card{height:250px}.creative-art .creative-stat strong{font-size:65px}}
@media(max-width:650px){.creative-art{padding:0;min-height:0;gap:25px}.creative-brand-card{height:265px}.creative-brand-card img{width:215px;height:215px}.creative-art .creative-stat strong{font-size:67px}}
.creative-brand-card{justify-content:center;align-content:center}
/* Open brand composition: no card or dark backdrop. */
.creative-art{position:relative;padding:0 16px 0 35px;gap:22px 38px;min-height:440px}
.creative-brand-card{height:300px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:isolate}
.creative-brand-card:before{width:270px;height:270px;border:1px solid #aebca078;box-shadow:none;transform:rotate(-25deg) scaleX(1.3);z-index:-1}
.creative-brand-card:after{content:'';position:absolute;width:265px;height:265px;border:1px solid #c1cbaa80;border-radius:50%;transform:rotate(35deg) scaleX(1.3);z-index:-1}
.creative-brand-card img{width:275px;height:275px;filter:drop-shadow(0 12px 8px #52633e0c)}
.creative-art .creative-stat{padding-top:18px;border-top:1px solid #bdc7b1;text-align:center}
.creative-art .creative-stat strong{font-size:70px}
.creative-art .creative-stat>span{border-top:0;padding-top:0;margin-top:10px}
@media(max-width:900px){.creative-art{padding:0 12px;gap:20px}.creative-brand-card{height:270px}.creative-brand-card img{width:245px;height:245px}.creative-brand-card:before,.creative-brand-card:after{width:220px;height:220px}.creative-art .creative-stat strong{font-size:61px}}
@media(max-width:650px){.creative-art{padding:0;min-height:0}.creative-brand-card{height:280px}.creative-brand-card img{width:255px;height:255px}.creative-art .creative-stat strong{font-size:62px}}
/* A studio board with service notes around the brand. */
.creative-art{gap:0 30px;padding:0;min-height:440px}
.creative-brand-card{height:330px;background:#e4e9dc;border:1px solid #d2dac7;border-radius:3px;overflow:hidden;margin-bottom:24px}
.creative-brand-card:before,.creative-brand-card:after{display:none}
.brand-board-grid{position:absolute;inset:0;background-image:linear-gradient(#9bab891c 1px,transparent 1px),linear-gradient(90deg,#9bab891c 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}
.brand-board-label{position:absolute;left:20px;top:18px;font-size:8px;letter-spacing:.15em;color:#7a896a}
.creative-brand-card img{width:205px;height:205px;filter:none}
.brand-chip{position:absolute;z-index:2;padding:12px 16px;border:1px solid #c3ceb5;border-radius:3px;background:#fafbf4;box-shadow:3px 5px 0 #b7c2a540;font-size:12px;font-weight:650;color:#39482e}
.brand-chip-web{left:6%;top:69px;rotate:-10deg;animation:brand-note-drift 6s ease-in-out infinite}
.brand-chip-film{right:4%;top:92px;rotate:8deg;animation:brand-note-drift 7s ease-in-out -2s infinite}
.brand-chip-design{left:8%;bottom:43px;rotate:6deg;background:#d5f46a;animation:brand-note-drift 6s ease-in-out -3s infinite}
.brand-chip-digital{right:8%;bottom:40px;rotate:-8deg;background:#293722;color:#f3f5e9;border-color:#293722;animation:brand-note-drift 7s ease-in-out -1s infinite}
.creative-art .creative-stat{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #c3cdb7;text-align:left}
.creative-art .creative-stat strong{font-size:53px;flex-shrink:0}
.creative-art .creative-stat>span{font-size:9px;line-height:1.6;max-width:95px;margin:0;padding:0}
.creative-art .creative-stat-years strong small{font-size:21px;margin-left:4px}
@keyframes brand-note-drift{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1000px){.creative-art .creative-stat{gap:8px}.creative-art .creative-stat strong{font-size:43px}.creative-art .creative-stat>span{font-size:8px}.brand-chip{font-size:10px;padding:10px}.brand-chip-web{left:3%}.brand-chip-film{right:2%}}
@media(max-width:650px){.creative-brand-card{height:310px}.creative-brand-card img{width:190px;height:190px}.creative-art{gap:0 18px}.brand-chip{font-size:10px;padding:10px 12px}.creative-art .creative-stat strong{font-size:44px}.creative-art .creative-stat>span{font-size:8px}.brand-chip-web{top:65px}.brand-chip-film{top:90px}.brand-chip-design{left:5%;bottom:34px}.brand-chip-digital{right:5%;bottom:32px}}
@media(prefers-reduced-motion:reduce){.brand-chip{animation:none}}
/* Minimal signature: a single line-drawn spark behind the original artwork. */
.creative-art{padding:0 25px;gap:0 36px;min-height:420px}
.creative-brand-card{height:315px;margin-bottom:30px;background:none;border:0;box-shadow:none;overflow:visible}
.brand-spark{position:absolute;width:320px;height:320px;max-width:100%;fill:none;stroke:#bbc8a9;stroke-width:1;animation:brand-spark-turn 80s linear infinite;pointer-events:none}
.creative-brand-card img{width:190px;height:190px;filter:none}
.creative-art .creative-stat{display:block;text-align:center;padding-top:18px;border-top:1px solid #c7cfbd}
.creative-art .creative-stat strong{font-size:65px}
.creative-art .creative-stat>span{max-width:none;font-size:10px;letter-spacing:.02em;margin-top:10px}
@keyframes brand-spark-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){.creative-art{padding:0 8px;gap:0 24px}.creative-art .creative-stat strong{font-size:56px}}
@media(max-width:650px){.creative-art{padding:0;min-height:0}.creative-brand-card{height:285px;margin-bottom:25px}.brand-spark{width:285px;height:285px}.creative-brand-card img{width:175px;height:175px}.creative-art .creative-stat strong{font-size:58px}.creative-art .creative-stat>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-spark{animation:none}}
/* Two expressive mascots arrive after the experience figures. */
.creative-art{min-height:0;gap:0 32px;padding:0 16px}
.mascot-meeting{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:center;width:100%;height:290px;margin-bottom:28px;position:relative}
.mascot-character{width:52%;max-width:255px;aspect-ratio:1;position:relative}
.mascot-calico{margin-left:-9%}
.mascot-sprite{display:block;width:100%;height:100%;background-image:url('../img/mascot-wink-sprite.png');background-size:200% 200%;background-repeat:no-repeat;background-position:0 0}
.mascot-calico .mascot-sprite{background-position:100% 0}
.mascots-ready .mascot-character{opacity:0;transform:translateY(28px)}
.mascots-ready.mascots-arrived .mascot-orange{animation:mascot-enter-left 1.2s cubic-bezier(.2,.75,.2,1) .55s both}
.mascots-ready.mascots-arrived .mascot-calico{animation:mascot-enter-right 1.2s cubic-bezier(.2,.75,.2,1) .85s both}
.mascots-arrived .mascot-orange .mascot-sprite{animation:mascot-orange-wink 6.5s step-end 2s infinite}
.mascots-arrived .mascot-calico .mascot-sprite{animation:mascot-calico-wink 7.5s step-end 3.3s infinite}
@keyframes mascot-enter-left{from{opacity:0;transform:translate(-65px,28px) rotate(-9deg)}to{opacity:1;transform:none}}
@keyframes mascot-enter-right{from{opacity:0;transform:translate(65px,28px) rotate(9deg)}to{opacity:1;transform:none}}
@keyframes mascot-orange-wink{0%,12%,100%{background-position:0 0}5%{background-position:0 100%}}
@keyframes mascot-calico-wink{0%,12%,100%{background-position:100% 0}5%{background-position:100% 100%}}
@media(max-width:900px){.mascot-meeting{height:255px}.creative-art{padding:0;gap:0 22px}}
@media(max-width:650px){.mascot-meeting{height:245px;margin-bottom:20px}.mascot-character{width:55%}}
@media(prefers-reduced-motion:reduce){.mascots-ready .mascot-character,.mascots-ready.mascots-arrived .mascot-character{opacity:1;transform:none;animation:none}.mascots-arrived .mascot-sprite{animation:none!important}}
/* Keep the body still; blend only the wink region instead of swapping frames. */
.mascots-arrived .mascot-orange .mascot-sprite,.mascots-arrived .mascot-calico .mascot-sprite{animation:none;position:relative}
.mascot-orange .mascot-sprite{background-position:0 0}
.mascot-calico .mascot-sprite{background-position:100% 0}
.mascot-sprite:after{content:'';position:absolute;inset:0;background-image:url('../img/mascot-wink-sprite.png');background-size:200% 200%;background-repeat:no-repeat;opacity:0;pointer-events:none}
.mascot-orange .mascot-sprite:after{background-position:0 100%;transform:translateY(5.4%);mask-image:radial-gradient(ellipse 15% 11% at 68% 42%,#000 62%,transparent 100%)}
.mascot-calico .mascot-sprite:after{background-position:100% 100%;transform:translateY(2.2%);mask-image:radial-gradient(ellipse 15% 11% at 64% 49%,#000 62%,transparent 100%)}
.mascots-arrived .mascot-orange .mascot-sprite:after{animation:mascot-soft-wink 6.8s linear 2s infinite}
.mascots-arrived .mascot-calico .mascot-sprite:after{animation:mascot-soft-wink 8s linear 3.5s infinite}
@keyframes mascot-soft-wink{0%,4%,14%,100%{opacity:0}7%,11%{opacity:1}}
@media(prefers-reduced-motion:reduce){.mascots-arrived .mascot-sprite:after{animation:none;opacity:0}}
/* Stronger introduction and clear service tags. */
.creative-layout{grid-template-columns:1.13fr 1fr;gap:5%}
.creative-studio h2{font-size:clamp(46px,5.9vw,90px);font-weight:800;line-height:1.04;letter-spacing:-.06em;max-width:720px}
.creative-copy>p{max-width:560px;font-size:15px;line-height:1.85}
.creative-disciplines{gap:9px;margin-top:29px;max-width:570px}
.creative-disciplines>span{display:inline-block;padding:9px 13px;border:1px solid #cbd3c0;border-radius:999px;background:#e8ecdf;color:#546348;font-size:10px;font-weight:550;line-height:1.2}
@media(max-width:900px){.creative-studio h2{font-size:clamp(43px,5.5vw,65px)}.creative-copy>p{font-size:14px}.creative-disciplines>span{padding:8px 11px;font-size:9px}}
@media(max-width:650px){.creative-layout{grid-template-columns:1fr;gap:38px}.creative-studio h2{font-size:clamp(43px,11.5vw,66px)}.creative-copy>p{font-size:14px;line-height:1.85}.creative-disciplines{gap:8px}.creative-disciplines>span{font-size:10px}}
/* A drawn idea-to-mascot connector in the space between the columns. */
.creative-layout{position:relative;column-gap:3%}
.creative-connector{position:absolute;width:clamp(100px,11vw,175px);height:auto;left:48%;top:4%;z-index:2;pointer-events:none;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.connector-line{stroke:#aab49f;stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400}
.connector-tip{stroke:#b8d94f;stroke-width:3;opacity:0}
.connector-visible .connector-line{animation:connector-draw 1.8s ease .35s forwards}
.connector-visible .connector-tip{animation:connector-tip-in .4s ease 1.8s forwards}
@keyframes connector-draw{to{stroke-dashoffset:0}}
@keyframes connector-tip-in{to{opacity:1}}
@media(max-width:1000px){.creative-connector{left:47%;top:1%;width:100px}}
@media(max-width:650px){.creative-connector{display:none}}
@media(prefers-reduced-motion:reduce){.connector-line{stroke-dashoffset:0}.connector-tip{opacity:1}.connector-visible .connector-line,.connector-visible .connector-tip{animation:none}}
.creative-connector{top:19%;transform:rotate(65deg)}
@media(min-width:651px) and (max-width:1000px){.creative-connector{top:15%}}
/* Original BKG lettering beneath the cats' paws. */
.mascot-meeting{height:355px;padding-bottom:72px}
.mascot-character{z-index:2}
.mascot-wordmark{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:96%;max-width:480px;aspect-ratio:1254/300;overflow:hidden;z-index:1}
.mascot-wordmark img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;transform:translateY(-58%)}
@media(max-width:900px){.mascot-meeting{height:310px;padding-bottom:60px}}
@media(max-width:650px){.mascot-meeting{height:300px;padding-bottom:55px}.mascot-wordmark{width:100%}}
.mascot-wordmark{aspect-ratio:1254/330;bottom:-8px}
/* Lower the original lettering so the paws rest on its top edge. */
.mascot-wordmark{bottom:-23px;aspect-ratio:1254/345}
.mascot-meeting{margin-bottom:43px}
@media(max-width:650px){.mascot-wordmark{bottom:-17px}.mascot-meeting{margin-bottom:35px}}
/* Clear the lettering from the paws while keeping the original mark intact. */
.mascot-wordmark{bottom:-51px}
.mascot-meeting{margin-bottom:71px}
@media(max-width:650px){.mascot-wordmark{bottom:-39px}.mascot-meeting{margin-bottom:57px}}
/* Standalone lettering contains no remnants of the original cats. */
.mascot-wordmark{aspect-ratio:2.6;bottom:-51px;width:100%;max-width:500px}
.mascot-wordmark img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
@media(max-width:650px){.mascot-wordmark{bottom:-39px}}
/* Preserve the exact original relationship between paws and lettering. */
.mascot-meeting.mascot-original{height:auto;aspect-ratio:1;max-width:350px;justify-self:center;padding:0;margin:0 auto 24px;display:block;width:100%}
.mascot-original-art{display:block;width:100%;height:100%;object-fit:contain}
.mascots-ready .mascot-original-art{opacity:0;transform:translateY(22px)}
.mascots-arrived .mascot-original-art{animation:original-mascot-arrive 1s ease .35s both,original-mascot-breathe 6s ease-in-out 1.35s infinite}
@keyframes original-mascot-arrive{to{opacity:1;transform:translateY(0)}}
@keyframes original-mascot-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:650px){.mascot-meeting.mascot-original{max-width:300px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.mascots-ready .mascot-original-art,.mascots-arrived .mascot-original-art{opacity:1;transform:none;animation:none}}
/* Eyelids animate over the original artwork; its geometry stays intact. */
.original-mascot-figure{position:relative;width:100%;height:100%}
.original-mascot-eyes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.original-wink{opacity:0;transform-box:fill-box;transform-origin:center top}
.mascots-ready .mascot-original-art,.mascots-arrived .mascot-original-art{animation:none;opacity:1;transform:none}
.mascots-ready .original-mascot-figure{opacity:0;transform:translateY(22px)}
.mascots-arrived .original-mascot-figure{animation:original-mascot-arrive 1s ease .35s both,original-mascot-breathe 6s ease-in-out 1.35s infinite}
.mascots-arrived .original-wink-orange{animation:original-eye-wink 6.5s linear 2s infinite}
.mascots-arrived .original-wink-calico{animation:original-eye-wink 7.8s linear 3.3s infinite}
@keyframes original-eye-wink{0%,5%,14%,100%{opacity:0;transform:scaleY(.15)}7%,11%{opacity:1;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.mascots-ready .original-mascot-figure,.mascots-arrived .original-mascot-figure{opacity:1;transform:none;animation:none}.mascots-arrived .original-wink{animation:none;opacity:0}}
.stat-count{font-variant-numeric:tabular-nums;display:inline-block;min-width:2ch}
.stat-count[data-count="450"]{min-width:3ch}
/* Brand observatory — an illuminated stage with restrained orbital motion. */
.creative-art.brand-observatory{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0;padding:0 20px;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.brand-stage{grid-column:1/-1;position:relative;display:grid;place-items:center;min-height:365px;padding:30px 25px 35px;isolation:isolate;overflow:hidden;background:none}
.brand-stage:after{content:'';position:absolute;bottom:6px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b6beab,transparent)}
.brand-orbits{position:absolute;width:360px;max-width:100%;height:auto;overflow:visible;pointer-events:none}
.brand-orbit-track{stroke:#929f7d;stroke-opacity:.24;stroke-width:.7}
.brand-orbit-track-inner{stroke-opacity:.15}
.brand-orbit-sweep{transform-origin:200px 200px;animation:brand-stage-revolve 36s linear infinite}
.brand-orbit-sweep-inner{animation-duration:48s;animation-direction:reverse}
.brand-observatory .mascot-meeting.mascot-original{max-width:280px;margin:0;z-index:1;grid-column:auto;pointer-events:none}
.creative-art.brand-observatory .creative-stat{position:relative;inset:auto;padding:25px 12px 24px;border:0;text-align:center;background:none;box-shadow:none}
.creative-art.brand-observatory .creative-stat-projects{border-left:1px solid #cbd3c080}
.creative-art.brand-observatory .creative-stat strong{font-size:58px;line-height:1.1}
.creative-art.brand-observatory .creative-stat>span{margin:10px 0 0;padding:0;border:0;font-size:9px;letter-spacing:.06em;color:#5c6752}
@keyframes brand-stage-revolve{to{transform:rotate(360deg)}}
@keyframes brand-light-breathe{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@media(min-width:651px) and (max-width:1000px){.brand-stage{min-height:305px;padding:20px}.brand-stage-orbit{width:280px;height:280px}.brand-stage-orbit-inner{width:238px;height:238px}.brand-observatory .mascot-meeting.mascot-original{max-width:230px}.creative-art.brand-observatory .creative-stat strong{font-size:46px}.creative-art.brand-observatory .creative-stat>span{font-size:8px}}
@media(max-width:650px){.brand-stage{min-height:310px;padding:20px}.brand-stage-orbit{width:280px;height:280px}.brand-stage-orbit-inner{width:238px;height:238px}.brand-observatory .mascot-meeting.mascot-original{max-width:235px;margin:0}.creative-art.brand-observatory .creative-stat{padding:22px 8px}.creative-art.brand-observatory .creative-stat strong{font-size:48px}.creative-art.brand-observatory .creative-stat>span{font-size:8px}}
@media(max-width:1000px){.brand-orbits{width:290px}}
@media(prefers-reduced-motion:reduce){.brand-orbit-sweep{animation:none}}
.brand-stat-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:18px}
.brand-observatory .brand-stat-grid .creative-stat{padding:6px 8px;border:0}
.brand-observatory .brand-stat-grid .creative-stat+.creative-stat{border-left:1px solid #cbd3c080}
.brand-observatory .brand-stat-grid .creative-stat strong{font-size:clamp(34px,3vw,48px);white-space:nowrap;line-height:1.2}
.brand-observatory .brand-stat-grid .creative-stat strong small{font-size:17px;margin-left:3px}
.brand-observatory .brand-stat-grid .creative-stat>span{font-size:9px;line-height:1.65;letter-spacing:.05em;margin-top:10px}
@media(max-width:1100px){.brand-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.brand-observatory .brand-stat-grid .creative-stat:nth-child(odd){border-left:0}.brand-observatory .brand-stat-grid .creative-stat strong{font-size:46px}.brand-observatory .brand-stat-grid .creative-stat:nth-child(n+3){padding-top:20px;border-top:1px solid #cbd3c080}}

/* Open editorial service rows: each discipline has its own drawn motif. */
.agency-services{background:#171a16;color:#f3f4ed;padding:110px 0 90px;font-family:Manrope,Arial,sans-serif}
.agency-services-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8%;align-items:start}
.agency-services-intro{position:sticky;top:145px}
.agency-services-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:.16em;color:#b8c0b0}
.agency-services-label i{width:6px;height:6px;border-radius:50%;background:#d5f46a}
.agency-services h2{font:650 clamp(40px,4.4vw,72px)/1.07 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:28px 0 24px}
.agency-services-intro>p{max-width:345px;font-size:14px;line-height:1.85;color:#aeb5a6;margin:0 0 28px}
.agency-services-contact{display:inline-flex;align-items:center;gap:22px;padding:10px 0;border-bottom:1px solid #6d7860;font-size:13px;font-weight:600;transition:color .25s,border-color .25s}
.agency-services-contact span{color:#d5f46a;font-size:22px;transition:transform .3s}
.agency-services-contact:hover,.agency-services-contact:focus-visible{color:#d5f46a;border-color:#d5f46a}
.agency-services-contact:hover span{transform:translate(3px,-3px)}
.service-signature{display:flex;align-items:center;gap:23px;margin-top:66px;color:#d5f46a}
.service-signature svg{width:66px;height:66px;animation:service-signature-turn 40s linear infinite}
.service-signature span{font-size:9px;font-weight:550;line-height:1.7;letter-spacing:.17em;color:#929b88}
.agency-services-row{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr) 34px;align-items:center;gap:24px;padding:32px 0;border-top:1px solid #ffffff24;isolation:isolate}
.agency-services-row:last-of-type{border-bottom:1px solid #ffffff24}
.agency-services-row:after{position:absolute;content:'';inset:-1px 0 auto;height:1px;background:#d5f46a;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease)}
.service-row-visual{color:#a5af98;transition:color .5s,transform .6s var(--ease)}
.service-row-visual svg{display:block;width:100%;height:auto;overflow:visible}
.service-art-accent{fill:#d5f46a;fill-opacity:.14;stroke:#c5dc8e}
.service-art-solid{fill:#d5f46a;stroke:#171a16}
.service-row-copy h3{margin:0 0 12px;font-size:clamp(25px,2.5vw,40px);font-weight:550;letter-spacing:-.045em;line-height:1.16;transition:color .3s}
.service-row-copy p{margin:0;max-width:440px;font-size:14px;line-height:1.85;color:#b1b8aa}
.service-row-copy ul{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0;margin:18px 0 0;color:#839075;font-size:9px;font-weight:550}
.service-row-copy li{display:flex;align-items:center;gap:6px}
.service-row-copy li:before{content:'';width:3px;height:3px;border-radius:50%;background:#a4b783}
.service-row-arrow{align-self:start;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;font-size:20px;color:#c1c9b7;transition:background .3s,color .3s,transform .4s}
.agency-services-row:is(:hover,:focus-visible):after{transform:scaleX(1)}
.agency-services-row:is(:hover,:focus-visible) h3{color:#d5f46a}
.agency-services-row:is(:hover,:focus-visible) .service-row-visual{color:#e0eacb;transform:translateY(-5px) rotate(-5deg)}
.agency-services-row:is(:hover,:focus-visible) .service-row-arrow{background:#d5f46a;color:#171a16;transform:rotate(45deg)}
.agency-services-row:focus-visible,.agency-services-contact:focus-visible{outline:2px solid #d5f46a;outline-offset:6px}
.agency-services-note{margin:25px 0 0;font-size:11px;color:#7c8771;text-align:right}
.agency-services-note strong{color:#c9d0c1;font-weight:500}
@keyframes service-signature-turn{to{transform:rotate(360deg)}}
@media(max-width:1100px){.agency-services-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:5%}.agency-services-row{grid-template-columns:64px minmax(0,1fr) 30px;gap:16px}.service-row-copy h3{font-size:28px}.service-row-arrow{width:30px;height:30px}}
@media(max-width:760px){.agency-services{padding:65px 0 55px}.agency-services-layout{grid-template-columns:1fr;gap:45px}.agency-services-intro{position:static}.agency-services h2{font-size:clamp(40px,9vw,64px)}.agency-services-intro>p{max-width:450px}.service-signature{display:none}.agency-services-row{padding:27px 0;grid-template-columns:58px minmax(0,1fr) 28px;gap:12px}.service-row-copy h3{font-size:26px}.service-row-copy p{font-size:13px}.service-row-copy ul{font-size:9px;gap:5px 10px}.agency-services-note{text-align:left}.service-row-arrow{width:28px;height:28px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.service-signature svg{animation:none}.agency-services-row:after,.service-row-visual,.service-row-arrow,.agency-services-contact span{transition:none}.agency-services-row:is(:hover,:focus-visible) .service-row-visual{transform:none}}

/* Seamless, opposing reference lanes. Only supplied client marks are used. */
.reference-ribbon{padding:95px 0 32px;background:#f3f4ef;color:#20261b;font-family:Manrope,Arial,sans-serif;overflow:hidden}
.ribbon-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:55px}
.ribbon-eyebrow{font-size:10px;font-weight:650;letter-spacing:.14em;color:#717c65}
.ribbon-heading h2{font-size:clamp(42px,4.9vw,76px);line-height:1.04;font-weight:650;letter-spacing:-.06em;margin:24px 0 0}
.ribbon-heading-aside{max-width:340px;padding-bottom:5px}
.ribbon-heading-aside p{font-size:14px;line-height:1.9;color:#77806d;margin:0 0 22px}
.ribbon-heading-aside a{display:inline-flex;align-items:center;gap:28px;font-size:12px;font-weight:650;border-bottom:1px solid #9ba58e;padding-bottom:9px}
.ribbon-heading-aside a span{font-size:23px;transition:transform .3s}
.ribbon-heading-aside a:hover span{transform:translate(4px,-4px)}
.ribbon-lanes{--ribbon-cell:clamp(210px,23vw,330px);border-top:1px solid #dfe3d8;border-bottom:1px solid #dfe3d8;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ribbon-lane{overflow:hidden}
.ribbon-lane+.ribbon-lane{border-top:1px solid #dfe3d8}
.ribbon-track{display:flex;width:max-content;animation:ribbon-drift 52s linear infinite}
.ribbon-lane-reverse .ribbon-track{animation-duration:59s;animation-direction:reverse}
.ribbon-set{display:flex;flex:none;min-width:100vw}
.ribbon-logo{flex:1 0 var(--ribbon-cell);width:var(--ribbon-cell);height:145px;display:grid;place-items:center;padding:30px 42px;border-right:1px solid #dfe3d8;position:relative}
.ribbon-logo:after{content:'';position:absolute;bottom:20px;width:20px;height:2px;background:#abc657;transform:scaleX(0);transition:transform .35s}
.ribbon-logo img{width:100%;max-width:210px;height:65px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .45s,opacity .45s,transform .45s}
.ribbon-logo img[src*="ofisostim-transparent"]{transform:scale(1.28)}
.ribbon-logo:hover img[src*="ofisostim-transparent"]{transform:scale(1.28) translateY(-4px)}
.ribbon-logo-new{padding:18px 25px}
.ribbon-logo-new img{max-width:230px;height:90px;opacity:.78}
.ribbon-logo:hover img{filter:none;opacity:1;transform:translateY(-4px)}
.ribbon-logo:hover:after{transform:scaleX(1)}
.reference-ribbon.is-paused .ribbon-track,.reference-ribbon.is-outside .ribbon-track{animation-play-state:paused}
@media(hover:hover){.ribbon-lane:hover .ribbon-track{animation-play-state:paused}}
.ribbon-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:24px}
.ribbon-bottom>span{font-size:11px;color:#7c8671}
.ribbon-toggle{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;color:#657355;padding:8px 0;min-height:44px;font-size:10px;cursor:pointer}
.ribbon-toggle[hidden]{display:none}
.ribbon-toggle-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #b7c2a9;border-radius:50%;font-size:11px}
.ribbon-toggle:hover{color:#27391c}
.ribbon-toggle:focus-visible,.ribbon-heading-aside a:focus-visible{outline:2px solid #829d42;outline-offset:5px}
@keyframes ribbon-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.reference-ribbon{padding:60px 0 24px}.ribbon-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:35px}.ribbon-heading h2{font-size:46px}.ribbon-heading-aside{max-width:400px}.ribbon-heading-aside p{font-size:13px;margin-bottom:16px}.ribbon-eyebrow{font-size:9px}.ribbon-logo{height:115px;padding:22px 30px}.ribbon-logo img{height:54px}.ribbon-logo-new{padding:12px 22px}.ribbon-logo-new img{height:78px;max-width:220px}.ribbon-bottom{gap:12px}.ribbon-bottom>span{max-width:170px;font-size:10px}.ribbon-toggle{font-size:10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;width:100%;display:block}.ribbon-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.ribbon-set[aria-hidden],.ribbon-repeat{display:none}.ribbon-logo{width:auto;padding:20px}.ribbon-logo img{transition:none}.ribbon-lanes{mask-image:none}.ribbon-toggle{display:none}.ribbon-logo:hover img{transform:none}.ribbon-logo:after,.ribbon-heading-aside a span{transition:none}}

/* A layered portfolio, driven by published featured CMS projects. */
.agency-projects{padding:90px 0 65px;background:#f3f4ef;color:#20261b;font-family:Manrope,Arial,sans-serif;overflow:hidden}
.project-deck-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid #d7ddce;padding-top:45px;margin-bottom:70px}
.project-deck-heading>div>span{font-size:10px;font-weight:650;letter-spacing:.14em;color:#77836b}
.project-deck-heading h2{font-size:clamp(44px,5vw,76px);font-weight:650;letter-spacing:-.06em;line-height:1.1;margin:20px 0 0}
.project-deck-heading>a{display:inline-flex;align-items:center;gap:25px;font-size:12px;font-weight:600;border-bottom:1px solid #abb59e;padding-bottom:10px}
.project-deck-heading i{font-style:normal;font-size:23px}
.project-deck{position:relative;width:90%;max-width:1100px;margin:0 auto;isolation:isolate}
.project-deck-sheets{position:absolute;inset:0;z-index:-1;pointer-events:none}
.project-deck-sheets i{position:absolute;inset:0;border-radius:22px;background:#cbd6ba;border:1px solid #b4c39f;transform:translate(19px,4px) rotate(3deg);transition:transform 1.2s var(--ease)}
.project-deck-sheets i+i{background:#e0e6d6;transform:translate(-14px,-9px) rotate(-2deg)}
@media(hover:hover) and (min-width:761px) and (prefers-reduced-motion:no-preference){.project-deck:hover .project-deck-sheets i{transform:translate(24px,5px) rotate(4deg)}.project-deck:hover .project-deck-sheets i+i{transform:translate(-18px,-10px) rotate(-3deg)}}
.project-deck-card{border:1px solid #dae0d0;border-radius:20px;background:#fcfcf8;overflow:hidden;box-shadow:0 20px 40px -30px #28331966;margin-bottom:45px;position:relative}
.project-deck.is-enhanced .project-deck-slides{display:grid}
.project-deck.is-enhanced .project-deck-card{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateX(28px) rotate(2deg) scale(.97);transition:opacity .5s,transform .65s var(--ease),visibility .65s;pointer-events:none}
.project-deck.is-enhanced .project-deck-card.is-current{opacity:1;visibility:visible;transform:none;z-index:1;pointer-events:auto}
.project-deck-link{display:block}
.project-deck-art{position:relative;aspect-ratio:1.95;background:#e4e9db;overflow:hidden;isolation:isolate}
.project-deck-responsive{padding:60px 14% 40px 7%;background:radial-gradient(ellipse at 80% 40%,#d6e4b7,transparent 58%),#e3e8dc}
.project-deck-art-label{position:absolute;left:7%;top:25px;font-size:8px;letter-spacing:.16em;font-weight:600;color:#788466;z-index:2}
.project-deck-browser{position:relative;z-index:1;border:6px solid #202820;border-radius:12px;overflow:hidden;box-shadow:0 18px 36px -15px #20282066;transition:transform .8s var(--ease)}
.project-deck-browserbar{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;background:#202820;color:#adba9e;font-size:7px;line-height:1;letter-spacing:.08em}
.project-deck-browser img{width:100%;height:auto;display:block}
.project-deck-phone{position:absolute;z-index:2;right:6%;bottom:7%;width:16%;border:5px solid #202820;border-radius:18px;box-shadow:0 15px 35px -10px #14201188;overflow:hidden;transition:transform .8s var(--ease)}
.project-deck-phone img{display:block;width:100%;height:auto}
.project-deck-orbit{position:absolute;width:42%;aspect-ratio:1;border:1px solid #99af7066;border-radius:50%;top:0;right:-8%;z-index:0}
.project-deck-orbit:after{position:absolute;content:'';inset:22px;border:1px solid #99af7040;border-radius:50%}
.project-deck-cover{width:100%;height:100%;object-fit:cover;object-position:center top;transform-origin:center top;display:block;transition:transform .8s var(--ease)}
.project-deck-monogram{display:flex;height:100%;align-items:center;justify-content:center;gap:10%;font-size:clamp(80px,15vw,220px);font-weight:650;letter-spacing:-.06em;color:#778667}
.project-deck-monogram i{font-style:normal;font-weight:300;color:#adc873}
.project-deck-open{position:absolute;right:25px;top:20px;display:flex;align-items:center;gap:12px;background:#f9fcf0;border:1px solid #c7d6b0;border-radius:30px;padding:9px 13px;font-size:9px;z-index:3;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .4s}
.project-deck-open i{font-style:normal;font-size:17px}
.project-deck-link:is(:hover,:focus-visible) .project-deck-open{opacity:1;transform:none}
.project-deck-link:is(:hover,:focus-visible) .project-deck-browser{transform:translateY(-4px)}
.project-deck-link:is(:hover,:focus-visible) .project-deck-phone{transform:translateY(-8px)}
.project-deck-link:is(:hover,:focus-visible) .project-deck-cover{transform:scale(1.025)}
.project-deck-caption{display:grid;grid-template-columns:1fr minmax(0,.8fr) 38px;align-items:center;gap:25px;padding:26px 32px}
.project-deck-caption>div>span{color:#7d8871;font-size:9px;letter-spacing:.07em}
.project-deck-caption h3{font-size:clamp(22px,2.2vw,34px);font-weight:650;line-height:1.2;letter-spacing:-.04em;margin:7px 0 0}
.project-deck-caption p{font-size:12px;line-height:1.8;color:#7b8570;margin:0}
.project-deck-caption-arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#d5f46a;font-size:22px}
.project-deck-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:36px}
.project-deck-controls[hidden]{display:none}
.project-deck-controls button{border:1px solid #b7c2a8;border-radius:50%;background:transparent;width:42px;height:42px;font-size:20px;color:#3b4e2c}
.project-deck-controls button:hover{background:#d5f46a}
.project-deck-counter{font-size:11px;color:#657751;min-width:50px;text-align:center}
.project-deck-footnote{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:50px;font-size:11px;color:#859079}
.project-deck-footnote a{display:flex;gap:18px;align-items:center;color:#526441}
.project-deck-footnote a span{font-size:22px}
.project-deck a:focus-visible,.project-deck-controls button:focus-visible,.project-deck-heading a:focus-visible{outline:2px solid #91a852;outline-offset:-3px}
@media(max-width:760px){.agency-projects{padding:40px 0 45px}.project-deck-heading{padding-top:30px;margin-bottom:42px;gap:20px;align-items:flex-start;flex-direction:column}.project-deck-heading h2{font-size:46px;margin-top:14px}.project-deck{width:96%}.project-deck-card{border-radius:13px}.project-deck-sheets i{border-radius:13px;transform:translate(7px,2px) rotate(3deg)}.project-deck-sheets i+i{transform:translate(-6px,-4px) rotate(-2deg)}.project-deck-art{aspect-ratio:1.35}.project-deck-responsive{padding:47px 12% 30px 6%}.project-deck-browser{border-width:3px;border-radius:6px}.project-deck-browserbar{font-size:5px;padding:5px}.project-deck-phone{width:23%;right:4%;bottom:9%;border-width:3px;border-radius:9px}.project-deck-art-label{font-size:6px;top:22px}.project-deck-caption{grid-template-columns:1fr 32px;gap:12px;padding:21px 18px}.project-deck-caption h3{font-size:23px}.project-deck-caption p{grid-column:1/-1;grid-row:2;font-size:11px}.project-deck-caption-arrow{width:32px;height:32px;font-size:20px}.project-deck-open{display:none}.project-deck-footnote{flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-deck.is-enhanced .project-deck-card,.project-deck-sheets i,.project-deck-browser,.project-deck-phone,.project-deck-cover,.project-deck-open{transition:none}.project-deck-link:is(:hover,:focus-visible) .project-deck-browser,.project-deck-link:is(:hover,:focus-visible) .project-deck-phone,.project-deck-link:is(:hover,:focus-visible) .project-deck-cover{transform:none}}

/* Scroll-pinned project tunnel. Real cards form the layers behind the active one. */
.agency-projects.is-scroll-deck{padding:0;overflow:clip;margin-top:45px}
.is-scroll-deck .project-scroll-frame{position:sticky;top:116px;height:calc(100svh - 132px);display:flex;flex-direction:column;padding-top:16px;padding-bottom:12px}
.is-scroll-deck .project-deck-heading{flex:none;align-items:center;padding:0;border:0;margin:0 0 18px}
.is-scroll-deck .project-deck-heading h2{font-size:clamp(34px,3.8vw,54px);margin:8px 0 0}
.is-scroll-deck .project-deck-heading>div>span{font-size:8px}
.is-scroll-deck .project-deck{flex:1;width:100%;max-width:none;min-height:0;margin:0;display:flex;flex-direction:column}
.is-scroll-deck .project-deck-slides{position:relative;flex:1;min-height:0;perspective:1200px;clip-path:inset(-12px -60px -6px)}
.is-scroll-deck .project-deck-card{position:absolute;left:50%;top:50%;width:min(850px,76vw,calc((100svh - 335px)*1.7));margin:0;border-radius:18px;box-shadow:0 22px 36px -26px #1c2b4266;will-change:transform,opacity;transition:none;transform-origin:center}
.is-scroll-deck .project-deck-art{aspect-ratio:2.05}
.is-scroll-deck .project-deck-responsive{padding:42px 14% 24px 7%}
.is-scroll-deck .project-deck-art-label{top:18px;font-size:7px}
.is-scroll-deck .project-deck-caption{padding:18px 25px;min-height:83px;gap:15px}
.is-scroll-deck .project-deck-caption h3{font-size:clamp(18px,1.65vw,25px)}
.is-scroll-deck .project-deck-caption p{font-size:10px}
.is-scroll-deck .project-deck-controls{flex:none;margin:15px 0 0;gap:18px}
.is-scroll-deck .project-deck-controls button{width:36px;height:36px;font-size:18px}
.project-deck-controls button:disabled{opacity:.25;cursor:default;background:transparent}
.is-scroll-deck .project-deck-footnote{display:none}
@media(max-width:760px){.agency-projects.is-scroll-deck{margin-top:25px}.is-scroll-deck .project-scroll-frame{top:102px;height:calc(100svh - 114px);padding-top:14px}.is-scroll-deck .project-deck-heading{flex-direction:row;align-items:flex-end;gap:10px;margin-bottom:16px}.is-scroll-deck .project-deck-heading h2{font-size:33px}.is-scroll-deck .project-deck-heading>a{font-size:9px;gap:8px;white-space:nowrap;padding-bottom:5px}.is-scroll-deck .project-deck-heading i{font-size:18px}.is-scroll-deck .project-deck-card{width:min(82vw,calc((100svh - 340px)*1.45));border-radius:12px}.is-scroll-deck .project-deck-art{aspect-ratio:1.5}.is-scroll-deck .project-deck-responsive{padding:43px 12% 22px 6%}.is-scroll-deck .project-deck-caption{padding:17px 15px;min-height:86px;grid-template-columns:1fr 28px}.is-scroll-deck .project-deck-caption h3{font-size:19px}.is-scroll-deck .project-deck-caption p{display:none}.is-scroll-deck .project-deck-caption-arrow{width:28px;height:28px;font-size:17px}.is-scroll-deck .project-deck-cover{object-fit:contain}.is-scroll-deck .project-deck-controls{margin-top:12px}}

/* Detailed company voices. Demonstration quotes are visibly labelled. */
.company-voices{padding:95px 0 65px;background:#e9ede3;color:#25301e;font-family:Manrope,Arial,sans-serif;position:relative;z-index:1}
.voices-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}
.voices-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;color:#727f63}
.voices-heading h2{font-size:clamp(40px,4.5vw,68px);font-weight:650;letter-spacing:-.055em;line-height:1.06;margin:22px 0 0}
.voices-heading>p{max-width:360px;color:#728066;font-size:14px;line-height:1.85;margin:0 0 5px}
.voices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.voice-card{--voice-ink:#26331f;--voice-muted:#7a876e;--voice-rule:#dbe2d2;display:flex;flex-direction:column;padding:30px;background:#f7f9f2;color:var(--voice-ink);border:1px solid #d7dfcd;border-radius:15px;min-width:0;transition:box-shadow .4s,border-color .4s}
.voice-card-featured{--voice-ink:#eef3e4;--voice-muted:#a1ad94;--voice-rule:#ffffff20;background:#20281c;border-color:#20281c}
.voice-card:hover{border-color:#aab98d;box-shadow:0 16px 28px -24px #26351c55}
.voice-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.voice-service{font-size:10px;font-weight:650;color:var(--voice-muted);letter-spacing:.025em}
.voice-demo{font-size:8px;border:1px solid var(--voice-rule);color:var(--voice-muted);padding:4px 7px;border-radius:5px;white-space:nowrap}
.voice-rating{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}
.voice-stars{display:flex;align-items:center;gap:4px}
.voice-stars svg{width:20px;height:20px;fill:transparent;stroke:#849870;stroke-width:1.2}
.voice-stars svg.is-filled{fill:#7a953f;stroke:#7a953f}
.voice-card-featured .voice-stars svg.is-filled{fill:#d5f46a;stroke:#d5f46a}
.voice-rating>span:last-child{font-size:10px;color:var(--voice-muted)}
.voice-rating strong{font-weight:650;font-size:17px;color:var(--voice-ink);margin-right:3px}
.voice-quote{position:relative;margin:0 0 30px;flex:1;padding:0}
.voice-quote-mark{display:block;font-family:Georgia,serif;font-size:58px;line-height:.8;color:#b5c599;margin:12px 0 9px}
.voice-card-featured .voice-quote-mark{color:#d5f46a}
.voice-quote p{font-size:16px;font-weight:450;line-height:1.85;letter-spacing:-.015em;margin:0;overflow-wrap:anywhere}
.voice-person{border-top:1px solid var(--voice-rule);padding-top:23px}
.voice-person-top{display:flex;align-items:center;gap:13px}
.voice-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#e3ead8;color:#62784b;font-size:17px;font-weight:650;letter-spacing:-.04em;overflow:hidden;padding:3px;border:1px solid #b6c49f;box-shadow:0 3px 10px #26351c12}
.voice-card-featured .voice-avatar{background:#39452c;color:#dbebc5}
.voice-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 40%;border-radius:50%;display:block}
.voice-card-featured .voice-avatar{border-color:#708452;box-shadow:0 0 0 3px #d5f46a08}
.voice-person-top>div{min-width:0}
.voice-person h3{font-size:15px;font-weight:650;letter-spacing:-.02em;margin:0 0 3px;line-height:1.3;overflow-wrap:anywhere}
.voice-role{font-size:10px;color:var(--voice-muted)}
.voice-company{display:flex;flex-direction:column;gap:6px;margin-top:20px}
.voice-company>span{font-size:8px;color:var(--voice-muted);letter-spacing:.12em}
.voice-company strong{font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.voice-person time{display:block;font-size:9px;color:var(--voice-muted);margin-top:12px}
.voices-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px}
.voices-bottom p{max-width:510px;font-size:10px;line-height:1.8;color:#7b886e;margin:0}
.voices-bottom a{display:inline-flex;align-items:center;gap:22px;font-size:11px;color:#51683e;margin-left:auto}
.voices-bottom a span{font-size:22px}
.voices-bottom a:focus-visible{outline:2px solid #839c50;outline-offset:5px}
@media(max-width:1100px){.voices-grid{gap:14px}.voice-card{padding:23px}.voice-quote p{font-size:14px}.voice-card-top{align-items:flex-start}.voice-rating{gap:8px}.voice-stars svg{width:17px;height:17px}}
@media(max-width:850px){.voices-grid{grid-template-columns:1fr}.voice-card{padding:30px}.voice-quote p{font-size:16px}.voice-quote{margin-bottom:25px}.voice-card-top{margin-bottom:22px}.voice-stars svg{width:20px;height:20px}.voice-quote-mark{position:absolute;right:0;top:-65px;font-size:90px;opacity:.1}.voice-company{margin-top:17px}.voices-heading{align-items:flex-start;flex-direction:column;gap:25px}.voices-heading>p{max-width:500px}}
@media(max-width:600px){.company-voices{padding:60px 0 45px}.voices-heading{margin-bottom:32px}.voices-heading h2{font-size:43px}.voices-heading>p{font-size:13px}.voice-card{padding:26px 23px}.voice-quote p{font-size:15px}.voices-grid{gap:18px}.voices-bottom{flex-direction:column;align-items:flex-start;gap:20px}.voices-bottom a{margin-left:0}}
@media(prefers-reduced-motion:reduce){.voice-card{transition:none}}

/* Native swipeable reviews; three cards on desktop, with additional cards off-screen. */
.voices-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:5px}
.voices-grid::-webkit-scrollbar{display:none}
.voices-grid .voice-card{scroll-snap-align:start;scroll-snap-stop:always}
.voices-grid:focus-visible{outline:2px solid #839c50;outline-offset:5px;border-radius:15px}
.voices-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-bottom:22px;border-bottom:1px solid #d1dac6}
.voices-controls[hidden],.voices-toggle[hidden]{display:none}
.voices-navigation{display:flex;align-items:center;gap:10px;margin-left:auto}
.voices-count{font-size:11px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#657458;margin-right:14px}
.voices-navigation button{width:43px;height:43px;border:1px solid #bcc8ae;border-radius:50%;background:transparent;color:#334726;font-size:23px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.voices-navigation button:hover:not(:disabled){background:#d5f46a;border-color:#d5f46a;transform:translateY(-2px)}
.voices-navigation button:disabled{opacity:.3;cursor:default}
.voices-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 0;border:0;background:none;color:#657458;font:500 10px Manrope,Arial,sans-serif;cursor:pointer}
.voices-toggle>span:first-child{display:grid;place-items:center;width:27px;height:27px;border:1px solid #bcc8ae;border-radius:50%;font-size:10px}
.voices-controls button:focus-visible{outline:2px solid #839c50;outline-offset:4px}
@media(max-width:1100px){.voices-grid{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:850px){.voices-grid{grid-auto-columns:calc((100% - 14px)/2)}.voice-card{padding:25px}.voice-quote p{font-size:14px}}
@media(max-width:600px){.voices-grid{grid-auto-columns:92%}.voice-card{padding:26px 23px}.voice-quote p{font-size:15px}.voices-count{margin-right:3px;font-size:10px}.voices-navigation{gap:7px}.voices-navigation button{width:37px;height:37px}.voices-toggle{font-size:9px;gap:6px}}
@media(prefers-reduced-motion:reduce){.voices-grid{scroll-snap-type:none}.voices-navigation button{transition:none}}

/* An editorial, four-column blog carousel, populated from published CMS posts. */
.agency-journal{padding:90px 0 75px;background:#fafbf6;color:#252d20;position:relative;z-index:1;font-family:Manrope,Arial,sans-serif}
.journal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}
.journal-eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;color:#7d896e}
.journal-heading h2{font-size:clamp(34px,3.7vw,57px);font-weight:650;line-height:1.1;letter-spacing:-.055em;margin:19px 0 16px}
.journal-heading p{font-size:13px;color:#79856c;line-height:1.8;margin:0;max-width:520px}
.journal-all{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #b6c3a3;padding-bottom:12px;white-space:nowrap;font-size:11px;font-weight:600}
.journal-all span{font-size:23px}
.journal-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/4);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0 10px}
.journal-track::-webkit-scrollbar{display:none}
.journal-card{min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}
.journal-cover{display:block;position:relative;aspect-ratio:1.24;isolation:isolate;overflow:hidden;border-radius:10px;background:var(--journal-bg);color:var(--journal-ink);text-decoration:none}
.journal-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.journal-card:hover .journal-cover img{transform:scale(1.035)}
.journal-theme-0{--journal-bg:#d6e3b9;--journal-ink:#364528}
.journal-theme-1{--journal-bg:#d7cbe9;--journal-ink:#4b3869}
.journal-theme-2{--journal-bg:#283328;--journal-ink:#d5f46a}
.journal-theme-3{--journal-bg:#efd3be;--journal-ink:#8a5232}
.journal-theme-4{--journal-bg:#cbdde6;--journal-ink:#385767}
.journal-theme-5{--journal-bg:#e2dfcb;--journal-ink:#66613d}
.journal-art-label{position:absolute;top:20px;left:20px;font-size:9px;font-weight:650;letter-spacing:.035em}
.journal-art-shape{position:absolute;width:78%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.2;right:-13%;top:15%;box-shadow:0 0 0 14px var(--journal-bg),0 0 0 15px currentColor,0 0 0 29px var(--journal-bg),0 0 0 30px currentColor;transform:rotate(-20deg)}
.journal-theme-1 .journal-art-shape,.journal-theme-4 .journal-art-shape{border-radius:8%;transform:rotate(30deg);right:-5%;top:29%}
.journal-art-glyph{position:absolute;inset:12% 0 6%;display:grid;place-items:center;font-size:clamp(70px,8vw,130px);font-weight:650;line-height:1;letter-spacing:-.12em;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.journal-theme-1 .journal-art-glyph{font-family:Georgia,serif;font-style:italic;letter-spacing:-.1em}
.journal-card:hover .journal-art-glyph{transform:translateY(-5px) rotate(-5deg)}
.journal-art-edition{position:absolute;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;opacity:.65}
.journal-art-edition i{font-style:normal}
.journal-open{position:absolute;right:14px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fafbf644;font-size:20px;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s}
.journal-card:hover .journal-open,.journal-card:focus-within .journal-open{opacity:1;transform:none}
.journal-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:21px 0 13px;font-size:9px;color:#7d896f}
.journal-meta>span:first-child{font-weight:650;color:#5b6d48}
.journal-card h3{font-size:clamp(17px,1.5vw,23px);font-weight:650;line-height:1.4;letter-spacing:-.025em;margin:0 0 13px;overflow-wrap:anywhere}
.journal-card h3 a{color:inherit;text-decoration:none}
.journal-card h3 a:hover{color:#718c41}
.journal-excerpt{font-size:12px;line-height:1.85;color:#7a856e;margin:0 0 24px}
.journal-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:17px;border-top:1px solid #dce3d1;font-size:9px;color:#7d896f}
.journal-card-bottom a{color:#455b32;font-weight:600}
.journal-track:focus-visible,.agency-journal a:focus-visible{outline:2px solid #839c50;outline-offset:3px}
.agency-journal .voices-controls{margin-top:27px;border-bottom:0;padding-bottom:0}
@media(max-width:1000px){.journal-track{gap:18px;grid-auto-columns:calc((100% - 36px)/3)}}
@media(max-width:760px){.journal-track{grid-auto-columns:calc((100% - 18px)/2)}.journal-heading{align-items:flex-start;flex-direction:column;gap:23px}.journal-art-glyph{font-size:105px}}
@media(max-width:500px){.agency-journal{padding:60px 0 50px}.journal-heading h2{font-size:37px}.journal-track{grid-auto-columns:86%}.journal-card h3{font-size:21px}.journal-art-glyph{font-size:120px}.journal-heading{margin-bottom:28px}.journal-cover{aspect-ratio:1.3}}
@media(prefers-reduced-motion:reduce){.journal-track{scroll-snap-type:none}.journal-cover img,.journal-art-glyph,.journal-open{transition:none}}

/* FAQ: quiet editorial heading beside a single-open accordion. */
.agency-questions{padding:100px 0 110px;background:#f0f3e9;color:#283320;position:relative;z-index:1;font-family:Manrope,Arial,sans-serif}
.questions-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:9%;align-items:start}
.questions-intro{position:sticky;top:140px;padding:16px 0}
.questions-eyebrow{font-size:9px;letter-spacing:.16em;color:#77856b;font-weight:650}
.questions-intro h2{font-size:clamp(40px,4.3vw,65px);font-weight:650;letter-spacing:-.055em;line-height:1.08;margin:24px 0;max-width:430px}
.questions-intro>p{font-size:13px;line-height:1.9;color:#78856d;max-width:305px;margin:0 0 29px}
.questions-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:180px;padding:9px 10px 9px 23px;border-radius:100px;background:#d5f46a;color:#24321b;font-size:13px;font-weight:650;transition:background .25s}
.questions-cta>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#26351e;color:#d5f46a;font-size:24px;transition:transform .3s}
.questions-cta:hover{background:#cbea59}.questions-cta:hover>span{transform:rotate(45deg)}
.questions-note{display:flex;gap:14px;align-items:flex-start;margin-top:35px;color:#879578}
.questions-note>span{font-size:29px;line-height:1.2}.questions-note p{font-size:11px;line-height:1.9;margin:0}.questions-note a{color:#425932;border-bottom:1px solid #b9c5a8}
.questions-list{display:flex;flex-direction:column;gap:12px;min-width:0}
.question-item{position:relative;border:1px solid #dce3d3;border-radius:15px;background:#f9fbf5;box-sizing:border-box;transition:background .3s,border-color .3s;scroll-margin-top:125px}
.question-item:before{content:'';position:absolute;left:-1px;top:24px;width:3px;height:24px;background:#9bb460;border-radius:3px;transition:height .3s,background .3s}
.question-item[open]{background:#e4ebd6;border-color:#c7d5b2}
.question-item[open]:before{background:#627f36;height:34px}
.question-item summary{display:flex;align-items:center;gap:17px;min-height:77px;padding:20px 23px;list-style:none;cursor:pointer}
.question-item summary::-webkit-details-marker{display:none}
.question-number{font-size:10px;color:#95a185;font-variant-numeric:tabular-nums;flex:0 0 20px}
.question-item h3{font-size:16px;line-height:1.55;font-weight:600;letter-spacing:-.02em;margin:0;flex:1;min-width:0}
.question-toggle{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #bfcdac;border-radius:50%;color:#627d44;transition:background .3s,border-color .3s}
.question-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
.question-expanded .question-toggle{background:#d5f46a;border-color:#d5f46a;color:#24321b}
.question-expanded .question-toggle svg{transform:rotate(180deg)}
.question-item summary:hover h3{color:#6c843c}
.question-item summary:focus-visible{outline:2px solid #839c50;outline-offset:3px;border-radius:13px}
.question-answer{padding:0 73px 26px 60px;font-size:13px;line-height:1.95;color:#69785b;overflow-wrap:anywhere}
.question-answer p{margin:0 0 13px}.question-answer p:last-child{margin:0}
.agency-questions a:focus-visible{outline:2px solid #839c50;outline-offset:5px}
@media(max-width:1000px){.questions-layout{gap:6%;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}.question-item h3{font-size:14px}.question-item summary{padding:18px;gap:12px}.question-answer{padding:0 55px 24px 50px}}
@media(max-width:760px){.agency-questions{padding:60px 0 65px}.questions-layout{grid-template-columns:1fr;gap:35px}.questions-intro{position:static;padding:0}.questions-intro h2{font-size:43px;max-width:340px;margin:20px 0}.questions-intro>p{max-width:400px}.questions-note{margin-top:23px}.question-item summary{min-height:76px;padding:18px 15px;gap:10px}.question-number{flex-basis:17px;font-size:9px}.question-toggle{flex-basis:30px;width:30px;height:30px}.question-item h3{font-size:14px}.question-answer{padding:0 24px 24px 42px;font-size:12px}.questions-list{gap:10px}}
@media(prefers-reduced-motion:reduce){.question-item,.question-item:before,.question-toggle,.question-toggle svg,.questions-cta,.questions-cta>span{transition:none}}

/* Footer: readable five-column directory and compact transparent platform marks. */
.site-footer.refined-footer{padding:0;background:#172016;color:#eef2e7;position:relative;font-family:Manrope,Arial,sans-serif}
.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:54px 0 43px;border-bottom:1px solid #f0f5df1c}
.footer-overline{font-size:12px;letter-spacing:.13em;color:#b7c89e;font-weight:600}
.footer-invitation h2{font-size:clamp(30px,3vw,45px);font-weight:550;letter-spacing:-.045em;line-height:1.15;margin:15px 0 12px}
.footer-invitation p{font-size:16px;color:#c0cab7;line-height:1.8;margin:0}
.footer-start{display:inline-flex;align-items:center;gap:25px;white-space:nowrap;padding:10px 10px 10px 24px;border:1px solid #657853;border-radius:100px;font-size:16px;font-weight:600;transition:border-color .3s,background .3s}
.footer-start span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d5f46a;color:#24311b;font-size:25px;transition:transform .3s}
.footer-start:hover{background:#ffffff08;border-color:#d5f46a}.footer-start:hover span{transform:rotate(45deg)}
.footer-directory{display:grid;grid-template-columns:1.35fr .95fr .65fr 1.15fr 1.2fr;gap:3%;padding:48px 0 40px}
.footer-directory>*{min-width:0}
.footer-logo{display:block;width:150px;max-width:100%;margin-top:-13px}
.footer-logo img{display:block;width:150px;height:150px;object-fit:contain}
.footer-identity>p{font-size:15px;line-height:1.85;color:#c0cab7;margin:6px 0 21px;max-width:270px}
.footer-socials{display:grid;grid-template-columns:repeat(5,44px);gap:6px}
.footer-socials>a,.footer-socials>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #71845d88;border-radius:50%;color:#d1dec0;transition:background .28s,border-color .28s,color .28s,box-shadow .28s,transform .28s}
.footer-socials svg{width:22px;height:22px;transition:transform .28s}
.footer-socials>.social-pending{color:#b4c2a7;border-color:#71845d66}
.footer-socials>:hover,.footer-socials>a:focus-visible{background:#d5f46a;color:#1c2b11;border-color:#d5f46a;box-shadow:0 8px 24px #d5f46a45;transform:translateY(-4px) scale(1.08)}
.footer-socials>:hover svg,.footer-socials>a:focus-visible svg{transform:scale(1.12)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0}
.footer-column h3,.footer-reach h3{color:#eef2e7;font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.5;margin:8px 0 12px}
.footer-column a{font-size:16px;line-height:1.65;color:#c4cebc;transition:color .2s,translate .2s;overflow-wrap:break-word;max-width:100%}
.footer-column a:hover{color:#d5f46a;translate:3px 0}
.footer-blog{gap:17px}.footer-blog>a:not(.footer-blog-all){padding-bottom:14px;border-bottom:1px solid #ffffff12}
.footer-column .footer-blog-all{display:inline-flex;align-items:center;gap:16px;color:#d5f46a;font-size:15px;font-weight:600}
.footer-reach{display:flex;flex-direction:column;align-items:flex-start}
.footer-reach-email{font-size:clamp(18px,1.4vw,23px);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere;margin:4px 0 13px;max-width:100%}
.footer-reach-phone{font-size:17px;letter-spacing:.01em;color:#d8e1d1}
.footer-address-label{display:block;margin:27px 0 10px;font-size:11px;letter-spacing:.1em;color:#b0c09f}
.footer-reach address{font-size:15px;font-style:normal;line-height:1.85;color:#c4cebc;max-width:270px}
.footer-map{font-size:14px;color:#d3e4bf;margin-top:15px;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #80966977;padding-bottom:5px}.footer-map span{font-size:19px}
.footer-platforms{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #f0f5df1c;padding:20px 0}
.footer-platform-caption{display:flex;align-items:center;gap:20px;font-size:13px;letter-spacing:.025em;color:#b0c09f}
.footer-platform-caption i{font-style:normal;font-size:23px;color:#b7c99c}
.footer-platform-grid{display:flex;justify-content:flex-end;align-items:center;gap:30px;margin-left:auto}
.footer-platform{width:112px;height:48px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:0;border-radius:0;background:transparent;color:#e0e5db;min-width:0;filter:grayscale(1);opacity:.75;transition:filter .35s,opacity .35s,transform .35s}
.footer-platform:hover,.footer-platform:focus-visible{filter:none;opacity:1;transform:translateY(-2px)}
.footer-platform img{max-width:100%;object-fit:contain;display:block;filter:brightness(0) invert(.85);transition:filter .35s}
.footer-platform:hover img,.footer-platform:focus-visible img{filter:none}
.footer-official-badge{width:112px;height:40px}.footer-google{width:80px;height:28px}.footer-microsoft{width:112px;height:28px}
.footer-meta{display:flex;align-items:center;gap:5px}.footer-meta img{width:28px;height:25px}.footer-meta strong{font-size:24px;line-height:1;font-weight:550;letter-spacing:-.04em}.footer-platform small{font-size:10px;letter-spacing:.02em;color:#c0cab7;margin:1px 0 0 31px}
.footer-yandex{font-size:27px;font-weight:550;letter-spacing:-.055em;line-height:1}.footer-yandex>span{color:inherit;transition:color .35s}.footer-platform:hover .footer-yandex>span{color:#ff4248}
.footer-finish{display:flex;gap:32px;align-items:center;border-top:1px solid #f0f5df1c;padding:20px 0;color:#b0c09f;font-size:13px;line-height:1.8}
.footer-finish a:hover{color:#d5f46a}.footer-up{margin-left:auto;display:inline-flex;align-items:center;gap:12px}.footer-up span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #71845d88;border-radius:50%;font-size:18px;color:#c7d9b3}
.refined-footer a:focus-visible{outline:2px solid #d5f46a;outline-offset:5px;border-radius:3px}
@media(max-width:1099px){.footer-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 6%}.footer-identity{grid-row:span 2}.footer-reach{grid-column:3;grid-row:2}.footer-logo{margin-top:0}.footer-column h3,.footer-reach h3{margin-top:0}.footer-invitation h2{font-size:34px}.footer-platform-grid{gap:18px}.footer-platform{width:100px}}
@media(max-width:700px){.footer-invitation{align-items:flex-start;flex-direction:column;gap:23px;padding:39px 0 31px}.footer-invitation h2{font-size:33px;max-width:350px}.footer-start{font-size:15px;padding-left:20px}.footer-start span{width:36px;height:36px}.footer-directory{grid-template-columns:1fr 1fr;gap:32px 24px;padding:35px 0}.footer-identity{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:112px 1fr;gap:0 20px;align-items:center}.footer-logo,.footer-logo img{width:112px;height:112px}.footer-identity>p{font-size:15px;margin:0;max-width:none}.footer-socials{display:flex;flex-wrap:nowrap;grid-column:1/-1;margin-top:20px;gap:8px}.footer-socials>a,.footer-socials>span{width:42px;height:42px;flex:0 0 42px}.footer-column{gap:13px}.footer-column h3,.footer-reach h3{font-size:18px;margin-bottom:8px}.footer-column a{font-size:16px}.footer-blog,.footer-reach{grid-column:1/-1;grid-row:auto;border-top:1px solid #f0f5df1c;padding-top:27px}.footer-reach-email{font-size:23px}.footer-reach address{max-width:340px}.footer-address-label{margin-top:21px}.footer-platforms{align-items:flex-start;flex-direction:column;gap:15px;padding:23px 0}.footer-platform-grid{width:100%;gap:14px;justify-content:flex-end;flex-wrap:wrap}.footer-platform{width:calc((100% - 14px)/2);max-width:112px;height:45px}.footer-finish{flex-wrap:wrap;gap:12px;font-size:12px}.footer-finish>span{flex:0 0 100%}.footer-up{margin-left:auto}}
@media(max-width:700px){.footer-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;justify-content:stretch;margin-left:0}.footer-platform{width:100%;max-width:none;height:46px}.footer-official-badge{width:100%;height:34px}.footer-google,.footer-microsoft{width:100%;height:24px}.footer-yandex{font-size:clamp(15px,4.2vw,20px)}.footer-meta{gap:2px}.footer-meta img{width:18px;height:18px}.footer-meta strong{font-size:clamp(14px,3.8vw,19px)}.footer-platform small{font-size:7px;margin:1px 0 0 15px}}
@media(prefers-reduced-motion:reduce){.footer-start,.footer-start span,.footer-socials>a,.footer-socials>span,.footer-socials svg,.footer-column a,.footer-platform,.footer-platform img,.footer-yandex>span{transition:none}.footer-socials>:hover,.footer-socials>a:focus-visible,.footer-socials>:hover svg,.footer-socials>a:focus-visible svg{transform:none}}