/* Bordo: wine and pale rose, Instrument Sans, circular hero motion. */
body[data-design="bordo"]{--paper:#f0e2e8;--paper-light:#f8f0f3;--ink:#3b1025;--muted:#70505f;--line:#c9aeba;--quiet-border:#b28f9f;--field-border:#9e778a;--subtle-text:#70505f;--panel:#e4cbd6;--dark:#3b1025;--dark-rule:#77485d;--on-dark:#f5e8ee;--on-dark-muted:#d6b8c6;--accent:#8a214d;--accent-hover:#651638;--on-accent:#f8f0f3;--selection:#dfb3c5;--body-font:'Instrument Sans',sans-serif;--display-font:'Instrument Sans',sans-serif;--shadow:#3b102514}
body,button,input,textarea{font-family:var(--body-font)}
h1,h2,h3{font-family:var(--display-font)}
.wordmark,.footer-wordmark{font-family:'Instrument Sans',sans-serif}
.container{max-width:1680px}
.header-inner{height:98px;border-bottom-color:var(--line)}
.wordmark{font-size:35px;font-weight:600;letter-spacing:-.05em}
.desktop-nav{font-size:14px;font-weight:500;gap:40px}
.languages{font-size:12px}
.section-heading h2{font-size:clamp(38px,4.3vw,68px);line-height:1.04;letter-spacing:-.04em}
.section-heading .eyebrow,.eyebrow{font-size:11px;letter-spacing:.055em;font-weight:500}
.button{border-radius:0;min-height:52px;font-size:13px;padding:16px 24px;font-weight:500}
.text-link{font-size:13px}
.services-section{color:var(--on-dark)}
.service-row h3{font-size:32px}
.service-row p,.services-heading>p:not(.eyebrow){font-size:15px}
.project-description{font-size:16px}
.steps h3{font-size:23px}
.steps p{font-size:15px}
.circle-link{border:0;border-radius:0;width:40px;height:40px}
.circle-link svg{width:25px;height:25px}
.team-mark{display:none}
.team-grid{grid-template-columns:1fr 2fr}
.team-grid h2{font-size:46px}
.team-grid p:not(.eyebrow){font-size:16px;max-width:720px}
.contact-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:440px}
.contact-copy h2{font-size:clamp(40px,5.6vw,80px);max-width:570px}
.contact-copy>.eyebrow{font-size:11px}
.contact-arrow{display:none}
.contact-form>label,.field-pair>label,.contact-form legend{font-size:13px}
.contact-form input:not([type=radio],[type=hidden]),.contact-form textarea{font-size:16px}
.contact-form textarea::placeholder{font-size:14px}
.topic-options>label{font-size:12px}
.topic-options>label>span{border-radius:0;padding:11px 13px}
.privacy-note{font-size:12px}
.form-preview{font-size:12px}
.footer-top p{font-size:14px;max-width:450px}
.footer-top>a{font-size:12px}
.footer-bottom{font-size:11px;padding-bottom:32px}
.footer-wordmark{font-weight:500;letter-spacing:-.07em;line-height:1.15;padding-block:45px}
.work-count{font-family:var(--display-font);font-style:normal}
.case-hero h1,.page-hero h1{font-size:clamp(48px,6.7vw,104px);font-weight:500;letter-spacing:-.045em}
.case-intro>p,.page-hero-bottom>p{font-size:18px}
.case-features h2{font-size:26px}
.case-features p,.faqs details>p{font-size:15px}
.status{font-size:11px}
.project-card-body>.eyebrow{font-size:11px}
.service-detail .body-large{font-size:26px}
.deliverables li{font-size:15px}
.service-explanation p:not(.eyebrow){font-size:14px}
.service-explanation .eyebrow{font-size:10px}
.team-section{border-bottom:1px solid var(--line)}
.coffee-pack>span{font-family:var(--display-font);font-style:normal}
.portal-window{box-shadow:none}
.mock-heading,.extract-heading{font-family:var(--body-font)}
.motion-hero{position:relative;isolation:isolate;min-height:900px;height:66.667vw;max-height:1120px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper)}
.motion-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.motion-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.motion-svg-mobile{display:none}
.motion-track{stroke:var(--quiet-border);stroke-width:1.3;vector-effect:non-scaling-stroke}
.track-out{stroke:var(--accent);stroke-width:1.6}
.source-plate{fill:var(--paper);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}
.source-symbol{stroke:var(--ink);stroke-width:1.6;fill:var(--paper)}
.source-label{fill:var(--ink);font-family:var(--body-font);font-size:16px;letter-spacing:-.02em}
.source-index{fill:var(--muted);font-size:12px;font-family:var(--body-font)}
.port{fill:var(--accent)}
.hub-back{fill:var(--accent)}
.hub-inner{stroke:var(--on-accent);stroke-width:1.4;fill:none;transform-box:fill-box;transform-origin:center}
.motion-hub>.source-label{font-weight:600}
.output-plate{fill:var(--paper-light);stroke:var(--ink);stroke-width:1}
.output-rows{fill:var(--ink);opacity:.7}
.output-check>circle{fill:var(--paper-light);stroke:var(--ink)}
.output-check>path{stroke:var(--ink);stroke-width:2}
.motion-packet{opacity:0;fill:var(--accent);stroke:var(--on-accent);stroke-width:1.2;transform-origin:0 0;transform-box:view-box}
.motion-packet>rect{stroke:var(--accent)}
.architecture-ring{stroke:var(--line);stroke-width:.8;fill:none}
.inner-ring{stroke-dasharray:2 8}
.hero-copy{position:relative;z-index:2;pointer-events:none;padding-top:45px}
.hero-copy a{pointer-events:auto}
.hero-kicker{font-size:12px;letter-spacing:.04em;font-weight:500;margin-bottom:32px;text-transform:uppercase}
.hero-copy h1{font-size:clamp(70px,8.4vw,135px);font-weight:500;line-height:.96;letter-spacing:-.06em;max-width:1150px}
.hero-copy h1>span{display:block}
.hero-description{margin-top:30px;max-width:580px}
.hero-description>p{font-size:18px;line-height:1.55;max-width:550px;color:var(--muted)}
.hero-actions{gap:27px;margin-top:26px;flex-wrap:wrap}
.motion-controls{position:absolute;z-index:5;bottom:22px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}
.motion-progress{display:flex;gap:30px;align-items:center}
.motion-step{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px;transition:color .25s}
.motion-step b{font-size:10px;font-weight:500;display:grid;place-items:center;border:1px solid var(--line);width:22px;height:22px;transition:background .25s,color .25s,border-color .25s}
.motion-step.is-active{color:var(--ink)}
.motion-step.is-active b{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.motion-stage[data-motion-state=running] .output-check{opacity:.4}
.motion-stage[data-motion-phase="3"] .output-check{opacity:1}
.motion-stage[data-motion-phase="1"] .hub-back{fill:var(--ink)}
.motion-stage[data-motion-phase="1"] .hub-inner{stroke:var(--paper)}
[data-design="bordo"] .header-inner{border-bottom:0}
[data-design="bordo"] .wordmark{font-family:'Instrument Sans',sans-serif;font-weight:600}
[data-design="bordo"] .hero-copy{text-align:center;padding-top:50px}
[data-design="bordo"] .hero-kicker{font-size:11px;margin-bottom:30px}
[data-design="bordo"] .hero-copy h1{font-size:clamp(68px,7.3vw,120px);line-height:1;letter-spacing:-.065em;max-width:1010px;margin-inline:auto;font-weight:500}
[data-design="bordo"] .hero-description{margin:30px auto 0;max-width:500px}
[data-design="bordo"] .hero-description>p{font-size:17px}
[data-design="bordo"] .hero-actions{justify-content:center;margin-top:27px}
[data-design="bordo"] .motion-source .source-plate{rx:53px;fill:var(--paper);stroke:var(--accent)}
[data-design="bordo"] .motion-source .source-symbol{stroke:var(--accent)}
[data-design="bordo"] .hub-back{rx:64px}
[data-design="bordo"] .output-plate{rx:14px}
[data-design="bordo"] .source-label{font-size:17px}
[data-design="bordo"] .button{border-radius:50px;padding-inline:27px}
[data-design="bordo"] .project-grid{grid-template-columns:1.2fr 1fr;gap:65px}
[data-design="bordo"] .project-card:nth-child(2n){margin-top:190px}
[data-design="bordo"] .project-card:nth-child(2n+1){margin-top:0}
[data-design="bordo"] .project-visual{min-height:430px;border-radius:100px 0 0 0;padding:30px}
[data-design="bordo"] .project-card:nth-child(2n) .project-visual{border-radius:0 0 100px 0}
[data-design="bordo"] .project-title-row h3{font-size:40px;letter-spacing:-.045em;line-height:1.07}
[data-design="bordo"] .selected-work{background:var(--paper-light)}
[data-design="bordo"] .section-heading h2{font-size:60px;max-width:650px}
[data-design="bordo"] .services-heading h2{font-size:57px;line-height:1.07}
[data-design="bordo"] .team-section{border-block:1px solid var(--line)}
[data-design="bordo"] .contact-section{background:var(--panel)}
[data-design="bordo"] .team-grid h2{max-width:620px}
@media(min-width:1700px){.hero-copy{padding-top:60px}
.hero-description>p{font-size:20px}
.hero-description{max-width:600px}
[data-design="bordo"] .hero-copy{padding-top:65px}
}
@media(max-width:1150px){.motion-hero{min-height:850px;height:77vw}
.hero-copy h1{font-size:8.8vw;max-width:85%}
.hero-description{max-width:510px}
.hero-description>p{font-size:16px}
.motion-progress{gap:16px}
.motion-step{font-size:10px;gap:6px}
.motion-step b{width:20px;height:20px}
.source-label{font-size:19px}
.source-index{font-size:14px}
[data-design="bordo"] .hero-copy{padding-top:65px}
[data-design="bordo"] .hero-copy h1{font-size:8vw;max-width:800px}
[data-design="bordo"] .hero-description{max-width:430px}
[data-design="bordo"] .hero-description>p{font-size:16px}
[data-design="bordo"] .project-grid{gap:35px}
[data-design="bordo"] .project-visual{min-height:350px;padding:25px;border-radius:70px 0 0 0}
[data-design="bordo"] .project-title-row h3{font-size:34px}
.section-pad{padding-block:90px}
.team-grid h2{font-size:40px}
}
@media(max-width:900px) and (min-width:761px){.motion-hero{min-height:850px}
.hero-copy h1{font-size:8.8vw}
.hero-description>p{max-width:420px}
.motion-controls{gap:12px}
.motion-step>span{display:none}
.motion-step.is-active>span{display:inline}
.motion-progress{gap:12px}
[data-design="bordo"] .hero-copy h1{font-size:8.5vw}
[data-design="bordo"] .hero-description{max-width:350px}
.hero-actions{gap:18px}
.hero-actions .button{font-size:12px;padding-inline:18px}
}
@media(max-width:760px){.header-inner{height:82px}
.wordmark{font-size:30px}
.languages{font-size:11px}
.motion-hero{height:auto;min-height:1000px;max-height:none}
.motion-svg-desktop{display:none}
.motion-svg-mobile{display:block}
.motion-svg{preserve-aspect-ratio:none}
.motion-art{inset:0}
.motion-svg-mobile{width:100%;height:100%}
.hero-copy{padding-top:40px}
.hero-kicker{font-size:10px;margin-bottom:25px;max-width:270px}
.hero-copy h1{font-size:clamp(39px,9.7vw,70px);line-height:1.01;letter-spacing:-.055em;max-width:none}
.hero-description{margin-top:25px;max-width:500px}
.hero-description>p{font-size:16px;line-height:1.65;max-width:500px}
.hero-actions{gap:16px;margin-top:24px}
.hero-actions .button{font-size:12px;min-height:48px;padding:14px 17px;gap:13px}
.hero-actions .text-link{font-size:12px;gap:8px}
.source-label{font-size:22px}
.source-index{font-size:18px}
.motion-track{stroke-width:1}
.source-plate,.output-plate{stroke-width:1.5}
.source-symbol{stroke-width:2}
.motion-controls{bottom:20px;gap:12px}
.motion-step>span{display:none}
.motion-step.is-active>span{display:inline;font-size:10px;max-width:105px;line-height:1.3}
.motion-progress{gap:7px}
.motion-step{gap:6px}
.motion-step b{font-size:9px;width:18px;height:18px}
.architecture-ring{display:none}
.section-pad{padding-block:62px}
.section-heading h2,[data-design="bordo"] .section-heading h2{font-size:38px;line-height:1.06}
.section-heading{gap:20px}
.section-heading>.text-link{font-size:11px}
.project-grid,[data-design="bordo"] .project-grid{grid-template-columns:1fr;gap:43px}
.project-card{display:flex;flex-direction:column;gap:22px;padding:25px 0 0;align-items:stretch}
.project-card:nth-child(2n),[data-design="bordo"] .project-card:nth-child(2n){margin-top:0}
.project-image-link{order:0}
.project-card-body{order:1;padding:0}
.project-title-row h3,[data-design="bordo"] .project-title-row h3{font-size:34px;line-height:1.1;max-width:500px}
.project-description{font-size:15px;margin-top:15px}
.project-visual,[data-design="bordo"] .project-visual{min-height:350px;padding:22px}
.project-card-body>.eyebrow{font-size:10px}
.status{font-size:10px}
.services-heading h2,[data-design="bordo"] .services-heading h2{font-size:42px;max-width:540px}
.service-row h3{font-size:27px}
.service-row p,.services-heading>p:not(.eyebrow){font-size:14px}
.steps{gap:30px 24px}
.steps h3{font-size:21px}
.steps p{font-size:14px}
.team-grid{grid-template-columns:1fr;gap:25px}
.team-grid h2{font-size:36px}
.team-grid p:not(.eyebrow){font-size:15px}
.contact-copy h2{font-size:49px}
.contact-copy>p:not(.eyebrow){font-size:15px}
.contact-copy>.eyebrow{font-size:10px}
.footer-bottom{font-size:10px;padding-bottom:24px}
.footer-wordmark{padding-block:35px;font-size:19.5vw}
.footer-top p{font-size:12px}
.footer-top>a{font-size:11px}
.page-hero h1,.case-hero h1{font-size:clamp(39px,8.9vw,65px)}
.case-intro>p,.page-hero-bottom>p{font-size:16px}
.service-detail .body-large{font-size:21px}
.deliverables li{font-size:14px}
.service-explanation p:not(.eyebrow){font-size:14px}
.case-features h2{font-size:24px}
.case-features p{font-size:14px}
.case-meta .status{font-size:11px}
[data-design="bordo"] .hero-copy{padding-top:44px;text-align:center}
[data-design="bordo"] .hero-kicker{max-width:none;font-size:9px;margin-bottom:30px}
[data-design="bordo"] .hero-copy h1{font-size:clamp(39px,9.5vw,68px);line-height:1.04;max-width:none}
[data-design="bordo"] .hero-description{margin-top:25px;max-width:480px}
[data-design="bordo"] .hero-description>p{font-size:16px}
[data-design="bordo"] .hero-actions{gap:16px;margin-top:23px}
[data-design="bordo"] .source-label{font-size:22px}
[data-design="bordo"] .project-visual{border-radius:65px 0 0 0}
[data-design="bordo"] .project-card:nth-child(2n) .project-visual{border-radius:0 0 65px 0}
}
@media(max-width:420px){.motion-hero{min-height:990px}
.hero-copy h1{font-size:10vw}
.hero-description>p{font-size:15px}
.hero-actions{gap:14px}
.hero-actions .button{font-size:11px;padding-inline:15px;gap:10px}
.hero-actions .text-link{font-size:11px;gap:6px}
.motion-step:not(.is-active)>b{display:none}
.motion-step.is-active>span{font-size:11px;max-width:none}
.motion-controls{bottom:22px}
.project-title-row h3,[data-design="bordo"] .project-title-row h3{font-size:31px}
.project-visual,[data-design="bordo"] .project-visual{min-height:315px;padding:20px 16px}
.section-heading h2,[data-design="bordo"] .section-heading h2{font-size:34px}
.section-heading>.text-link{font-size:10px}
.services-heading h2,[data-design="bordo"] .services-heading h2{font-size:37px}
.contact-copy h2{font-size:44px}
.footer-top p{font-size:11px}
.steps h3{font-size:20px}
.steps p{font-size:13px}
[data-design="bordo"] .hero-copy h1{font-size:10vw}
[data-design="bordo"] .hero-description>p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.motion-step,.motion-step b{transition:none}
.motion-packet{opacity:0}
.output-check{opacity:1}
}
@media print{.motion-art,.motion-controls{display:none}
.motion-hero{height:auto;min-height:0}
.hero-copy{padding-top:0}
.hero-description{margin-bottom:25px}
}
@media(max-width:760px){.motion-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:22px}
.hero-copy{order:1;width:100%}
.motion-art{position:relative;inset:auto;order:2;width:100%;max-width:620px;aspect-ratio:720/780;margin:40px auto 0}
.motion-controls{position:relative;inset:auto;order:3;margin:24px var(--gutter) 0;flex-wrap:wrap}
.source-label,[data-design="bordo"] .source-label{font-size:23px}
.motion-svg-mobile{overflow:visible}
}
.product-link{margin-top:22px}
@media(min-width:761px) and (max-width:1150px){.motion-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:24px}
.hero-copy,[data-design="bordo"] .hero-copy{order:1;width:100%;padding-top:45px}
.motion-art{position:relative;inset:auto;order:2;width:100%;max-width:580px;aspect-ratio:720/780;margin:35px auto 0}
.motion-svg-desktop{display:none}
.motion-svg-mobile{display:block}
.motion-controls{position:relative;inset:auto;order:3;margin:24px var(--gutter) 0}
}
.service-detail>*{min-width:0}
@media(max-width:760px){.service-detail-title{padding-right:0}
.service-art{display:none}
}
[data-design="bordo"] .hero-copy h1{font-size:clamp(70px,8.4vw,135px);font-weight:600;line-height:.96;letter-spacing:-.06em;max-width:1120px}
[data-design="bordo"] .hero-description>p{font-size:18px}
[data-design="bordo"] .project-title-row h3{font-size:clamp(36px,3.5vw,54px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
[data-design="bordo"] .section-heading h2{font-size:clamp(38px,4.3vw,68px);line-height:1.04;letter-spacing:-.04em}
[data-design="bordo"] .services-heading h2{font-size:53px}
@media(max-width:1150px){[data-design="bordo"] .hero-copy h1{font-size:8.8vw}
[data-design="bordo"] .hero-description>p{font-size:16px}
}
@media(max-width:760px){[data-design="bordo"] .hero-copy h1{font-size:clamp(39px,9.7vw,70px);line-height:1.01;letter-spacing:-.055em}
[data-design="bordo"] .project-title-row h3{font-size:34px;line-height:1.1}
[data-design="bordo"] .section-heading h2{font-size:38px;line-height:1.06}
[data-design="bordo"] .services-heading h2{font-size:42px}
}
@media(max-width:420px){[data-design="bordo"] .hero-copy h1{font-size:10vw}
[data-design="bordo"] .hero-description>p{font-size:15px}
[data-design="bordo"] .project-title-row h3{font-size:31px}
[data-design="bordo"] .section-heading h2{font-size:34px}
[data-design="bordo"] .services-heading h2{font-size:37px}
}
.work-context{font-size:18px;color:var(--muted);max-width:800px;margin:-16px 0 50px;line-height:1.7}
html[lang="hr"] .hero-copy h1{font-size:clamp(64px,6.1vw,98px);line-height:1.02;letter-spacing:-.055em}
@media(max-width:760px){html[lang="hr"] .hero-copy h1{font-size:clamp(36px,7.5vw,57px)}}
@media(max-width:420px){html[lang="hr"] .hero-copy h1{font-size:9.2vw}}
.editorial-process{display:grid;grid-template-columns:1fr 1.45fr;gap:80px}
.editorial-process .eyebrow{margin-bottom:22px}
.editorial-process h2{font-size:clamp(38px,4.3vw,68px);line-height:1.04;letter-spacing:-.04em}
.editorial-process>div>p:not(.eyebrow){font-size:21px;line-height:1.65}
.editorial-process>div>p+p{margin-top:24px}
.editorial-story .story-row>h2{font-size:29px;line-height:1.2;letter-spacing:-.025em;max-width:310px}
.editorial-story .story-row>.body-large{font-size:24px;line-height:1.65}
@media(max-width:760px){.work-context{font-size:16px;margin:-10px 0 34px}
.editorial-process{grid-template-columns:1fr;gap:28px}
.editorial-process>div>p:not(.eyebrow){font-size:17px}
.editorial-story .story-row>h2{font-size:25px;max-width:none}
.editorial-story .story-row>.body-large{font-size:18px}
}

/* Keep the two English headline phrases together at each viewport size. */
html[lang="en"] [data-design="bordo"] .hero-copy h1 {
  font-size: clamp(48px, 6.1vw, 90px);
}
/* Leave room for the two labelled nodes beside the desktop headline. */
@media (min-width: 1151px) {
  html[lang="en"] [data-design="bordo"] .hero-copy h1 {
    font-size: min(5.15vw, 82px);
  }
}
@media (max-width: 760px) {
  html[lang="en"] [data-design="bordo"] .hero-copy h1 {
    font-size: clamp(22px, 7vw, 49px);
  }
}