:root {
  --graphite: #212832;
  --accent: #a61f3d;
  --divider-accent: #c6687a;
  --accent-light: #cf526b;
  --ink: var(--graphite);
  --muted: #59616b;
  --rule: #dde1e5;
  --pale: #f5f6f8;
}
.wrap {width:min(89%,1392px)}
.brand img {width:184px;height:auto;display:block}
header {border-color:var(--rule)}
.bar {height:76px}
.bar nav {gap:clamp(14px,2.5vw,40px)}
.top-cta {border-radius:4px;background:var(--accent)}
.hero {position:relative;isolation:isolate;overflow:hidden;background:#f0f1f3;border:0}
.hero-art {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.hero::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f7f880,transparent 55%)}
.hero-inner {display:flex;width:min(89%,1392px);min-height:clamp(450px,37vw,670px);padding:42px 0}
.hero-copy {max-width:48%;padding:0}

.hero h1 {color:var(--ink);font-size:clamp(51px,4.9vw,86px);line-height:1.16;letter-spacing:-.055em;margin:20px 0 19px}
.hero-copy p {font-size:clamp(14px,1.08vw,18px);line-height:1.8;color:#464b53}
.hero .actions {margin-top:22px}
.hero .button {padding:13px 21px}
.hero .outline {background:#ffffff9c;border:1px solid #9499a3}

.textlink:hover {text-decoration:underline;text-underline-offset:4px}
.credentials-bar {display:grid;align-items:center;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0;border-bottom:1px solid var(--rule)}


.credentials-bar>div {display:flex;align-items:center;justify-content:center;gap:11px;border-left:1px solid var(--rule)}
.credentials-bar b {font:550 clamp(28px,2.75vw,48px)/1 Arial;color:var(--graphite);letter-spacing:-2px}
.credentials-bar b span {font-size:.6em;vertical-align:top;line-height:1.45}
.credentials-bar div>span {font-size:12px;color:var(--muted)}
.section-pad {padding-block:clamp(44px,4.6vw,76px)}
.section-heading {display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.section-heading h2 {margin-bottom:0}
.section-heading>p,.faq-grid>div>p {color:var(--muted);font-size:14px;line-height:1.8}
.service-grid {display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--divider-accent);border-bottom:1px solid var(--rule)}
.service-grid article {padding:25px 7% 24px 0;display:flex;align-items:flex-start;flex-direction:column}
.service-grid article+article {border-left:1px solid var(--rule);padding-left:8%}
.service-icon {width:42px;height:42px;color:var(--accent);display:grid;place-items:center;background:#edeeef;border-radius:9px}
.service-icon svg {width:24px;height:24px}
.service-grid h3,.industry-card h3,.process h3 {font-size:22px;line-height:1.35;margin:15px 0 10px}
.service-grid p,.industry-card p,.process p,.about-facts dd,.faq-list p {font-size:14px;line-height:1.85;color:var(--muted)}
.service-tags {font-size:12px;line-height:1.6;color:#676e79;margin:13px 0 auto}
button.textlink {border:none;padding:0;background:transparent}
.textlink {color:#3c4047;font-weight:650}
.focus {padding-top:clamp(44px,4.6vw,76px);border-bottom:1px solid var(--rule)}
.feature {min-height:300px}
.feature-content {padding:28px}
.feature-points {font-size:13px;line-height:1.8;padding-left:16px;margin:12px 0 0}
.dark .feature-points {color:#f3f4f5}
.feature.dark {background:#303339}
.dark:after {background:linear-gradient(90deg,#303339 5%,#303339 46%,#30333900 86%)}

.dark p {color:#ecedef}
.industry-section,.quality-section,.faq-section {background:var(--pale)}
.industry-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.industry-card {border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:white;display:flex;flex-direction:column}
.industry-card img {height:clamp(140px,13vw,206px);width:100%;object-fit:cover}
.industry-card>div {padding:21px 23px 23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.industry-card small,.demo-intro small,.sample-pair small {color:#4d525b;font-size:12px}
.industry-card h3 {margin:5px 0}
.industry-card .textlink {margin-top:auto;padding-top:15px;font-size:13px}
.digital {background:#fff}
.digital-grid {padding-bottom:30px}
.localization-demo {border:1px solid var(--rule);background:#f9f9f9;display:grid;grid-template-columns:.8fr 1.2fr;margin:0 0 60px;border-radius:4px;overflow:hidden}
.demo-intro {position:relative;isolation:isolate;padding:27px;color:white;background:#32353a}
.demo-intro:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#2c2f34f5,#2c2f34ba),url(senior-studio.jpg) center/cover}
.demo-intro small {color:#e2e3e6}
.demo-intro h3 {font-size:26px;margin:8px 0}
.demo-intro p,.sample-note {font-size:13px;line-height:1.8}
.demo-main {padding:24px}
.demo-tabs {display:flex;gap:6px;flex-wrap:wrap}
.demo-tabs button {font-size:13px;border:1px solid #cbced3;background:white;color:var(--muted);border-radius:3px;padding:7px 12px}
.demo-tabs button[aria-selected=true] {background:var(--accent);border-color:var(--accent);color:white}
.sample-pair {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 13px}
.sample-pair p {font-size:18px;margin-top:6px}
.sample-note {color:var(--muted)}
.process {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0;list-style:none}
.process li {padding:19px 0;border-top:1px solid #c4c7cd}
.process li span {font:550 23px Arial;color:var(--accent)}
.quality-note {display:flex;align-items:center;gap:20px;border-top:1px solid var(--rule);padding-top:20px}
.quality-note p {font-size:14px;line-height:1.75;color:var(--muted)}
.quality-note a {margin-left:auto;font-size:13px;white-space:nowrap;color:var(--accent)}
.about-second {margin-top:12px}
.about-facts {padding:28px 32px;background:#f5f5f6;border-left:3px solid var(--accent-light)}
.about-facts h3 {font-size:20px;margin:0}
.about-facts dl {margin:12px 0 0}
.about-facts dl>div {padding:13px 0;border-top:1px solid var(--rule)}
.about-facts dt {font-weight:600;font-size:14px}
.about-facts dd {margin:3px 0 0}
.faq-grid {display:grid;grid-template-columns:.78fr 1.22fr;gap:7%}
.faq-grid h2 {margin-bottom:14px}
.faq-list details {border-bottom:1px solid var(--rule);padding:16px 0}
.faq-list details:first-child {border-top:1px solid var(--rule)}
.faq-list summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:16px;font-weight:600}
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary::after {content:"+";font:24px Arial;color:var(--accent)}
.faq-list details[open] summary::after {content:"−"}
.faq-list p {padding-top:9px}


footer {display:block;padding:36px 0 0;color:var(--muted)}
.footer-main {display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:24px;font-size:13px;line-height:1.85}
.footer-main img {width:158px;height:auto}
.footer-main a {display:block;margin-bottom:5px}
.footer-main h4 {font-size:15px;color:var(--ink);margin:0 0 11px}
.footer-main p {margin-top:10px}
.footer-bottom {display:flex;justify-content:space-between;margin-top:24px;padding:15px 0;border-top:1px solid var(--rule)}
@media(max-width:1000px) {
  .bar {gap:18px}
  .brand img {width:155px}
  .credentials-bar>div {flex-direction:column;gap:3px}
  .section-heading {align-items:start;flex-direction:column;gap:10px}
  .section-heading>p br {display:none}
  .service-grid {grid-template-columns:repeat(2,1fr)}
  .service-grid article {padding:22px}
  .service-grid article+article {padding-left:22px}
  .service-grid article:nth-child(3) {border-left:0}
  .service-grid article:nth-child(n+3) {border-top:1px solid var(--rule)}
  .industry-grid {grid-template-columns:repeat(2,1fr)}
  .hero-copy {max-width:51%}
  .hero h1 {font-size:49px}

  .quality-note {flex-wrap:wrap}
}
@media(max-width:680px) {
  .wrap,.hero-inner {width:90%}
  .brand img {width:137px}
  .bar {height:62px}
  .hero-inner {display:block;min-height:0;padding:30px 0 246px}
  .hero-copy {max-width:100%}
  .hero-art {top:auto;bottom:0;height:270px;object-position:74% 48%}
  .hero::after {background:linear-gradient(180deg,#f4f4f5 0%,#f4f4f5 calc(100% - 260px),transparent calc(100% - 185px))}
  .hero h1 {font-size:clamp(44px,9.5vw,61px);margin:14px 0}
  .hero .actions {margin-top:15px}
  .hero .button {padding:10px 14px}

  .credentials-bar {grid-template-columns:repeat(2,1fr);padding:17px 0}

  .credentials-bar>div:nth-child(odd) {border-left:0}
  .credentials-bar div>span {font-size:11px}
  .section-heading {margin-bottom:18px}
  .section-heading>p {font-size:13px}
  .service-grid article,.service-grid article+article {padding:16px 12px}
  .service-grid h3 {font-size:17px}
  .service-grid p,.service-tags {font-size:12px}
  .service-grid .textlink {font-size:12px;margin-top:15px}
  .feature-content {padding:24px}
  .feature {min-height:260px}
  .feature-points {font-size:12px}
  .industry-grid {gap:14px}
  .industry-card>div {padding:12px}
  .industry-card img {height:115px}
  .industry-card h3 {font-size:18px}
  .industry-card p {font-size:12px}
  .localization-demo,.faq-grid {grid-template-columns:1fr}
  .localization-demo {margin-bottom:38px}
  .demo-intro,.demo-main {padding:18px}
  .demo-intro h3 {font-size:21px}
  .demo-intro h3 br {display:none}
  .sample-pair {gap:9px}
  .sample-pair p {font-size:15px}
  .process {grid-template-columns:1fr 1fr;gap:4px 16px}
  .process h3 {font-size:18px;margin-top:8px}
  .quality-note {display:block}
  .quality-note p,.quality-note a {display:block;margin:7px 0}
  .about-facts {padding:21px}
  .faq-grid {gap:22px}
  .footer-main {grid-template-columns:1fr 1fr;font-size:12px}
  footer {padding-top:25px}
}
@media(min-width:681px) and (max-width:820px) {
  .bar nav {gap:11px}
  .bar nav a,.top-cta {font-size:12px}
  .brand img {width:132px}
  .hero-art {object-position:56% center}
}


.hero::after {background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.75) 29%,transparent 55%)}
.hero h1 {color:var(--graphite)}
.hero h1 em {color:var(--accent)}
.hero .mint,.top-cta {background:var(--accent)}

.feature.dark:after {background:linear-gradient(90deg,#2b2e33 5%,#2b2e33 42%,#2b2e3300 89%)}
@media(max-width:680px) {
  .hero::after {background:linear-gradient(180deg,#f3f3f4 0%,#f3f3f4 calc(100% - 260px),transparent calc(100% - 190px))}
  .hero-art {object-position:80% 50%}
}

.brand-stop {color:var(--accent-light)}
.bar nav .active {color:var(--accent)}
.bar nav .active:after {background:var(--accent-light)}
.hero .outline {color:var(--graphite)}
.hero .mint:hover,.top-cta:hover,dialog .mint:hover {background:#3b3f46}
dialog .mint {background:var(--accent)}
.digital-list summary:after {color:var(--accent)}
#contact {background:var(--graphite)}
.email-label {display:block;font-size:13px;line-height:1.5}
.contact-links .email-label {color:#cbcdd2}
.footer-main .email-label {margin-top:9px;color:var(--muted)}
.contact-links a[href^="mailto:"] {overflow-wrap:anywhere;padding-top:4px}

body, .digital {background:#fbfbfc;color:var(--ink)}

.hero .outline {background:#f7f8f9d9;border-color:#959aa4}
.top-cta {background:var(--graphite)}
.credentials-bar>div:first-child {border-left:0}
.credentials-bar b {font-variant-numeric:tabular-nums}
.credentials-bar b span {color:var(--accent)}
.service-icon {color:var(--accent);background:#e6e7e9}
.textlink, .industry-card small, .sample-pair small {color:#595f69}
.hero .mint:hover, .top-cta:hover, dialog .mint:hover {background:#4c5159}
#contact {background:#26292d}
.contact-links .email-label, .contact p {color:#dfe0e3}
.footer-main, .footer-bottom {color:var(--muted)}
@media(max-width:680px) {
  .credentials-bar {row-gap:18px}
}

body,.digital {background:white;color:var(--ink)}
.hero h1 {font-weight:750;letter-spacing:-.035em;margin:0 0 23px;font-size:clamp(48px,4.8vw,78px)}
.hero-inner {min-height:clamp(445px,36vw,610px);padding-bottom:66px}
.hero-copy p {line-height:1.85;font-size:clamp(15px,1.2vw,18px)}
.top-cta,.hero .mint,dialog .mint {background:var(--accent);border-radius:3px}
.top-cta:hover,.hero .mint:hover,dialog .mint:hover {background:#85192e}
.hero .outline {color:var(--graphite);background:#ffffffc9;border:1px solid #969ca4}
.credentials-bar {position:relative;margin-top:-30px;padding:25px 10px;background:white;border:1px solid #e1e3e6;box-shadow:0 6px 20px #1826320b;border-top:3px solid var(--accent)}
.credentials-bar>div {flex-direction:column;gap:6px}
.credentials-bar b {color:var(--graphite);font-weight:650}
.credentials-bar b span {color:var(--accent)}
.textlink,.industry-card small,.sample-pair small {color:var(--accent)}
.section-heading h2 {margin:0}
.bar {width:min(94%,1470px);gap:clamp(16px,2vw,32px)}
.bar nav {gap:clamp(13px,1.35vw,25px)}
.bar nav a {white-space:nowrap;font-size:14px}
.bar .brand img {width:clamp(143px,12vw,184px)}
.bar .top-cta {white-space:nowrap}
.hero h1 {font-size:clamp(46px,4.32vw,74px)}
.language-section,.client-section {background:var(--pale)}
.section-intro {max-width:860px;line-height:1.9;color:var(--muted);font-size:15px}
.language-list,.client-list,.case-list {display:grid;gap:24px;margin:24px 0 0}
.language-list {grid-template-columns:repeat(2,minmax(0,1fr))}
.client-list,.case-list {grid-template-columns:repeat(3,minmax(0,1fr))}
.language-list>div,.client-list>div,.case-list article {border-top:2px solid #bec4ca;padding:18px 0 4px}
.language-list dt,.client-list dt {color:var(--accent);font-size:15px;font-weight:650;margin-bottom:8px}
.language-list dd,.client-list dd {margin:0;line-height:1.85}
.case-list article {display:flex;flex-direction:column;align-items:start}
.case-list h3 {font-size:21px;line-height:1.4;margin:8px 0}
.case-list small {color:var(--accent)}
.case-list p {color:var(--muted);font-size:14px;line-height:1.9}
.case-list .textlink {margin-top:auto;padding-top:12px}
.creation-section {padding-top:clamp(38px,4vw,64px)}
.creation-offers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 24px}
.creation-offers h3 {font-size:19px;margin:0 0 7px}
.creation-offers p {font-size:14px;line-height:1.85;color:var(--muted)}
@media(max-width:1099px) {
  .bar {height:66px}
  .bar .menu {display:block;margin-left:auto;border:0;background:transparent;font-size:23px}
  .bar nav {display:none;position:absolute;top:66px;left:0;width:100%;height:auto;margin:0;padding:10px 5%;background:white;box-shadow:0 8px 18px #18263219;max-height:calc(100dvh - 66px);overflow:auto}
  .bar nav.open {display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .bar nav a {display:block;padding:13px 6px}
  .bar nav .active:after {display:none}
}
@media(max-width:680px) {
  .hero h1 {font-size:clamp(35px,9.4vw,54px)}
  .language-list,.case-list,.creation-offers {grid-template-columns:1fr;gap:13px}
  .client-list {grid-template-columns:1fr}
  .client-list>div {padding-top:13px}
  .language-list dd,.client-list dd {font-size:14px}
  .bar nav.open {grid-template-columns:repeat(2,1fr)}
}
.about-facts {background:#f5f6f7}
.feature.cream {background:#f1ece3;color:#302d2a}
.cream:after {background:linear-gradient(90deg,#f1ece3 0%,#f1ece3 46%,#f1ece300 83%)}
#contact {background:#222a36}
@media(max-width:680px) {
  .hero-inner {min-height:0;padding:30px 0 237px}
  .hero-art {object-position:83% center}
  .hero::after {background:linear-gradient(180deg,#f7f8f9 0%,#f7f8f9 calc(100% - 258px),transparent calc(100% - 192px))}
  .hero h1 {font-size:clamp(39px,10vw,57px);margin:0 0 13px}
  .hero-copy p {font-size:14px}
  .credentials-bar {margin-top:-15px;padding:18px 6px}
}

.service-grid article {min-width:0}
.service-grid h3 {margin:0 0 10px}
.service-grid .textlink {margin-top:auto;padding-top:16px;text-align:left}
.case-list {grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:0 clamp(24px,4vw,64px)}
.case-list .lead-case {grid-row:span 2;padding:0;border:1px solid var(--rule);background:var(--pale)}
.lead-case img {width:100%;height:clamp(145px,13vw,205px);display:block;object-fit:cover}
.lead-case-copy {padding:18px 24px 22px}
.case-list .lead-case h3 {font-size:clamp(21px,2vw,30px)}
.case-list article:not(.lead-case) {padding:16px 0 20px}
.case-list .textlink {display:inline-block}
.creation-section {padding-bottom:clamp(32px,4vw,56px)}
.creation-section .localization-demo {margin-bottom:24px}
.creation-offers {margin-bottom:0}
.language-section .section-pad {padding-block:32px}
.language-section .section-heading {margin-bottom:16px}
.language-directory summary {display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;border-top:1px solid var(--rule);padding:14px 0;line-height:1.65}
.language-directory summary::-webkit-details-marker {display:none}
.language-directory strong {color:var(--accent);font-size:14px;white-space:nowrap}
.language-directory strong::after {content:' ＋'}
.language-directory[open] strong::after {content:' −'}
.language-directory .language-list {margin-top:0}
.language-directory .section-intro {margin-top:12px}
@media(max-width:680px) {
  .case-list {grid-template-columns:1fr;gap:14px}
  .case-list .lead-case {grid-row:auto}
  .lead-case-copy {padding:16px}
  .case-list article:not(.lead-case) {padding:14px 0 5px}
  .language-directory summary {align-items:flex-start;flex-direction:column}
}

.language-highlights {display:grid;gap:3px;min-width:0;line-height:1.8}

@media(min-width:1100px) {
  .bar {justify-content:flex-start}
  .bar nav {margin:0}
  .bar .top-cta {margin-left:auto}
}
@media(max-width:1099px) {
  .bar .menu {margin-left:0}
  .bar .top-cta {margin-left:auto}
}

.masthead {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#faf9f7;
}
.masthead-photo {
  position:absolute;inset:0 0 0 auto;z-index:-1;
  width:68%;height:100%;object-fit:cover;object-position:85% center;
  mask-image:linear-gradient(to right,transparent,#000 28%);
}
.masthead-inner {padding:clamp(66px,6vw,106px) 0}
.masthead h1 {
  margin:0;color:var(--ink);font-size:clamp(43px,4.35vw,72px);
  line-height:1.2;letter-spacing:-.035em;font-weight:700;
}
.masthead p {margin:18px 0 24px;color:#484e54;font-size:clamp(14px,1.15vw,18px);line-height:1.75}
.masthead-action {display:inline-block;padding:11px 21px;background:var(--accent);border-radius:4px;color:#fff;font-size:15px;font-weight:650}
.masthead-action:hover {background:#85192e}
.masthead + .credentials-bar {margin-top:0;border:0;border-bottom:1px solid var(--rule);box-shadow:none}
@media(max-width:760px) {
  .masthead {display:flex;flex-direction:column}
  .masthead-inner {order:-1;padding:30px 0 22px}
  .masthead h1 {font-size:clamp(36px,8.5vw,49px)}
  .masthead p {font-size:14px;margin:12px 0 16px}
  .masthead-photo {position:static;width:100%;height:clamp(140px,39vw,210px);object-position:70% 38%;mask-image:none}
}