/* Tarkiba public website. Footer and independent QR profile retain their own design. */
.site-main { margin-top:0; --site-ink:#212120; --site-muted:#5E5B57; --site-yellow:#FFD00D; --site-light:#FFF8D6; --site-line:#21212017; --site-paper:#fff; --site-canvas:#F7F8F9; --site-radius:24px; --site-gap:24px; --site-section:clamp(52px,6vw,80px); font-family:'Thmanyah Sans',sans-serif; font-size:18px; background:var(--site-canvas); animation:none; font-feature-settings:'calt' 1,'liga' 1,'rlig' 1,'swsh' 0; }
.site-main .container { width:min(100% - 64px,1240px); max-width:1240px; padding-inline:0; }
.site-main .site-page { overflow:clip; }
.site-main :is(h1,h2,h3,h4,h5,h6) { color:var(--site-ink); font-family:inherit; font-weight:700!important; letter-spacing:normal!important; line-height:1.4!important; text-wrap:balance; font-feature-settings:'calt' 1,'liga' 1,'rlig' 1,'swsh' 1; margin:0; overflow-wrap:break-word; }
.site-main h1 { font-size:clamp(36px,4.3vw,58px)!important; }
.site-main h2 { font-size:clamp(28px,2.8vw,38px)!important; }
.site-main h3 { font-size:24px!important; }
.site-main :is(p,.site-prose) { font-size:19px!important; color:var(--site-muted); line-height:1.85!important; margin:0; }
.site-main :is(p,a,label,button,input,select,textarea) { font-feature-settings:'calt' 1,'liga' 1,'rlig' 1,'swsh' 0; }
.site-main :is(h1,h2,h3) span { font-feature-settings:inherit; }
.site-main a { text-decoration:none; }
.site-main :focus-visible { outline:3px solid var(--site-ink); outline-offset:5px; }
.site-main [hidden] { display:none!important; }
.site-main .site-section { padding-block:var(--site-section); }
.site-main .site-section-first { padding-top:16px; }
.site-main .site-section-soft { background:var(--site-light); }
.site-main .site-eyebrow { display:block; color:var(--site-muted); font-size:14px!important; font-weight:500; line-height:1.6; margin-bottom:18px; }
.site-main .site-eyebrow::before { content:''; display:inline-block; width:7px; height:7px; border-radius:2px; background:var(--site-yellow); margin-inline-end:10px; vertical-align:middle; }
.site-main .site-meta,.site-main .site-number { color:var(--site-muted); font-size:14px!important; line-height:1.6; }
.site-main .site-number { font-variant-numeric:tabular-nums; }
.site-main .site-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; max-width:100%; padding:14px 24px; background:var(--site-ink); border:1px solid var(--site-ink); border-radius:32px; color:#fff; font-size:16px!important; font-weight:500; line-height:1.5; cursor:pointer; transition:transform .2s,background .2s; }
.site-main .site-button i { color:var(--site-yellow); font-size:14px; }
.site-main .site-button:hover { background:#343232; color:#fff; transform:translateY(-2px); }
.site-main .site-button:disabled { opacity:.6; cursor:wait; }
.site-main .site-text-link { display:inline-flex; align-items:center; gap:16px; color:var(--site-ink); font-size:16px; font-weight:500; line-height:1.6; }
.site-main .site-text-link:hover { text-decoration:underline; text-decoration-color:var(--site-yellow); text-underline-offset:6px; }
html[dir=rtl] .site-main .site-arrow { transform:scaleX(-1); }
.site-main .site-round-button { width:44px; height:44px; min-height:44px; display:grid; place-items:center; border:1px solid var(--site-line); border-radius:50%; background:#fff; color:var(--site-ink); font-size:13px; cursor:pointer; }
.site-main .site-round-button:hover { background:var(--site-yellow); border-color:var(--site-yellow); }
.site-main .site-section-heading { margin-bottom:36px; max-width:920px; }
.site-main .site-section-heading-split { display:flex; align-items:end; justify-content:space-between; gap:36px; max-width:none; }
.site-main .site-section-heading-split>div { max-width:660px; }
.site-main .site-section-heading-split>p { max-width:400px; }
.site-main .site-page-heading { padding:138px 0 40px; text-align:center; }
.site-main .site-page-heading .container { max-width:960px; }
.site-main .site-page-heading p { max-width:740px; margin:20px auto 0; }
.site-main .site-home-hero { padding:132px 0 32px; }
.site-main .site-home-stage { position:relative; min-height:calc(100svh - 164px); display:flex; flex-direction:column; justify-content:center; padding:24px 0 88px; overflow:clip; }
.site-main .site-home-intro { text-align:start; width:50%; margin:0; padding-bottom:0; }
.site-main .site-home-intro h1 { font-size:clamp(28px,2.8vw,40px)!important; line-height:1.55!important; }
html[lang=en] .site-main .site-home-intro h1 { font-size:clamp(25px,2.2vw,32px)!important; }
.site-main .site-home-lede { max-width:650px; margin:24px auto 0; }
.site-main .site-writing-line { position:relative; display:inline-block; width:max-content; max-width:100%; margin-inline:0 8px; white-space:nowrap; }
.site-main .site-writing-reserve { visibility:hidden; }
.site-main .site-writing-text { position:absolute; inset:0; text-align:start; }
.site-main .site-writing-line:last-child { text-decoration:underline; text-decoration-color:var(--site-yellow); text-decoration-thickness:5px; text-underline-offset:9px; text-decoration-skip-ink:none; }
.site-main .site-writing-current::after { content:''; display:inline-block; height:.7em; border-inline-start:2px solid currentColor; margin-inline-start:3px; margin-inline-end:-3px; opacity:.6; vertical-align:-.03em; }
.site-main .site-hero-slider { padding:0; }
.site-main .site-hero-slide { display:grid; grid-template-columns:minmax(0,1fr); gap:0; width:50%; align-items:center; }
.site-main .site-slide-copy { padding:20px 0 0; }
.site-main .site-slide-copy h2 { font-size:clamp(36px,3.6vw,52px)!important; margin:18px 0 24px; }
.site-main .site-slide-copy p { margin-bottom:28px; }
.site-main .site-slide-art { position:absolute; inset-block:12px 100px; inset-inline-end:0; width:46%; display:grid; place-items:center; background:transparent; padding:12px; }
.site-main .site-slide-art img { width:100%; height:100%; max-height:440px; object-fit:contain; }
.site-main .site-slider-bar { position:absolute; inset-inline:0; bottom:0; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 0 0; border-top:1px solid var(--site-line); }
.site-main .site-slider-dots { display:flex; align-items:center; gap:8px; }
.site-main .site-slider-dots button { min-height:32px; width:18px; border:0; padding:0; background:none; position:relative; }
.site-main .site-slider-dots button::after { content:''; display:block; height:5px; width:100%; border-radius:5px; background:#21212024; }
.site-main .site-slider-dots button[aria-pressed=true] { width:32px; }
.site-main .site-slider-dots button[aria-pressed=true]::after { background:var(--site-yellow); }
.site-main .site-slider-buttons { display:flex; gap:8px; }
.site-main .site-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.site-main .site-service-card { display:flex; flex-direction:column; gap:20px; padding:24px; background:#fff; color:var(--site-ink); border:1px solid var(--site-line); border-radius:var(--site-radius); transition:border-color .2s,transform .2s; }
.site-main .site-service-card:hover { transform:translateY(-4px); border-color:#c9a30080; color:var(--site-ink); }
.site-main .site-card-top { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.site-main .site-icon { width:56px; height:56px; flex:none; display:grid; place-items:center; background:var(--site-light); border-radius:15px; font-size:25px; color:var(--site-ink); }
.site-main .site-service-copy { flex:1; }
.site-main .site-service-copy h3 { margin-bottom:12px; }
.site-main .site-service-copy p { font-size:18px!important; line-height:1.85!important; }
.site-main .site-card-action { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--site-line); padding-top:18px; color:var(--site-ink); font-size:15px; font-weight:500; margin-top:auto; }
.site-main .site-card-action i { font-size:13px; }






.site-main .site-philosophy { background:var(--site-ink); }
.site-main .site-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; }
.site-main .site-story h2 { color:#fff!important; }
.site-main .site-story .site-eyebrow { color:#ffffffb3; }
.site-main .site-story p { color:#ffffffbf!important; }
.site-main .site-story p+p { margin-top:24px; }
.site-main .site-story .site-text-link { color:var(--site-yellow); margin-top:28px; }
.site-main .site-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 24px; }
.site-main .site-work-card { display:block; color:var(--site-ink); min-width:0; }
.site-main .site-work-image { position:relative; overflow:hidden; border-radius:22px; aspect-ratio:4/3; background:var(--site-light); border:1px solid var(--site-line); }
.site-main .site-work-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.site-main .site-work-card:hover img { transform:scale(1.035); }
.site-main .site-work-open { position:absolute; bottom:16px; inset-inline-end:16px; width:40px; height:40px; display:grid; place-items:center; background:#fff; border-radius:50%; font-size:14px; }
.site-main .site-work-card>.site-meta { display:block; margin-top:18px; }
.site-main .site-work-card h3 { margin-top:7px; font-size:23px!important; }
.site-main .site-clients { background:#fff; border-block:1px solid var(--site-line); }
.site-main .site-clients .site-section-heading { text-align:center; margin-inline:auto; }
.site-main .site-client-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.site-main .site-client-logo { display:grid; place-items:center; min-height:120px; padding:20px; border:1px solid var(--site-line); border-radius:16px; background:#fff; }
.site-main .site-client-logo img { max-width:100%; width:auto; height:auto; max-height:75px; object-fit:contain; }
.site-main .site-about-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:60px; }
.site-main .site-about-art { overflow:visible; border-radius:var(--site-radius); padding:12px; }
.site-main .site-about-art img { width:100%; height:auto; display:block; }
.site-main .site-about-grid p { margin-top:24px; }
.site-main .site-facts { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.site-main .site-facts span { padding:9px 14px; font-size:14px; border:1px solid var(--site-line); border-radius:25px; }
.site-main .site-goals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.site-main .site-goal { padding:32px; border:1px solid var(--site-line); border-radius:var(--site-radius); background:#fff; }
.site-main .site-goal h3 { margin:18px 0 14px; }
.site-main .site-quote { padding:32px; border:1px solid var(--site-line); border-radius:var(--site-radius); background:#fff; margin:0; }
.site-main .site-quote footer { display:flex; flex-direction:column; gap:5px; margin-top:24px; font-size:15px; }
.site-main .site-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; margin-bottom:36px; }
.site-main .site-breadcrumb a { color:var(--site-muted); }
.site-main .site-service-hero { padding:132px 0 32px; }
.site-main .site-service-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:60px; }
.site-main .site-service-hero-grid h1 { font-size:clamp(32px,3.1vw,46px)!important; }
.site-main .site-service-hero-grid p { margin:24px 0 30px; }
.site-main .site-service-art { border-radius:var(--site-radius); overflow:visible; background:transparent; padding:12px; }
.site-main .site-service-art img { width:100%; height:auto; display:block; }
.site-main .site-deliverables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.site-main .site-deliverables article { display:flex; align-items:baseline; gap:20px; padding:26px; background:#fff; border:1px solid var(--site-line); border-radius:18px; }
.site-main .site-deliverables h3 { flex:1; font-size:22px!important; }
.site-main .site-deliverables i { font-size:12px; }
.site-main .site-service-why { max-width:850px; }
.site-main .site-service-why p { margin:20px 0 26px; }
.site-main .site-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.site-main .site-gallery img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:20px; }
.site-main .site-filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:38px; }
.site-main .site-filters a { padding:10px 18px; font-size:15px; color:var(--site-ink); background:#fff; border:1px solid var(--site-line); border-radius:30px; }
.site-main .site-filters a[aria-current],.site-main .site-filters a:hover { background:var(--site-yellow); border-color:var(--site-yellow); }
.site-main .site-empty { grid-column:1 / -1; padding:45px; text-align:center; background:#fff; border:1px solid var(--site-line); border-radius:var(--site-radius); color:var(--site-muted); }
.site-main .site-back { margin-bottom:28px; }
.site-main .site-project-media { background:var(--site-light); border:1px solid var(--site-line); border-radius:var(--site-radius); overflow:hidden; }
.site-main .site-project-media img { display:block; width:100%; height:auto; max-height:850px; object-fit:contain; }
.site-main .site-project-document { margin-top:35px; }
.site-main .site-project-document iframe { width:100%; height:750px; border:1px solid var(--site-line); border-radius:var(--site-radius); margin-bottom:20px; }
.site-main .site-project-link { margin-top:28px; }
.site-main .site-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.site-main .site-blog-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--site-line); border-radius:var(--site-radius); overflow:hidden; color:var(--site-ink); }
.site-main .site-blog-image { aspect-ratio:4/2.8; overflow:hidden; background:var(--site-light); }
.site-main .site-blog-image img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.site-main .site-blog-card:hover img { transform:scale(1.03); }
.site-main .site-blog-copy { display:flex; flex:1; flex-direction:column; padding:26px; }
.site-main .site-blog-copy h2,.site-main .site-blog-copy h3 { font-size:24px!important; margin:14px 0; }
.site-main .site-blog-copy p { font-size:17px!important; margin-bottom:24px; }
.site-main .site-pagination { display:flex; justify-content:center; margin-top:40px; }
.site-main .site-article { width:min(100% - 64px,850px); margin:0 auto; }
.site-main .site-article-meta { display:flex; justify-content:space-between; gap:20px; margin-bottom:28px; font-size:14px; color:var(--site-muted); }
.site-main .site-article-image { width:100%; height:auto; border-radius:var(--site-radius); margin-bottom:38px; }
.site-main .site-prose { line-height:2.1!important; overflow-wrap:anywhere; }
.site-main .site-contact-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); gap:26px; align-items:start; }
.site-main .site-contact-info { order:-1; padding:38px; border-radius:var(--site-radius); background:var(--site-ink); color:#fff; position:sticky; top:120px; }
.site-main .site-contact-info h2 { color:#fff!important; font-size:32px!important; }
.site-main .site-contact-info .site-eyebrow,.site-main .site-contact-info .site-meta { color:#ffffffa8; }
.site-main .site-contact-whatsapp { display:flex; align-items:center; gap:15px; color:var(--site-yellow); margin:30px 0; font-size:clamp(18px,2vw,24px); }
.site-main .site-contact-whatsapp i { font-size:30px; }
.site-main .site-contact-lines { display:grid; gap:24px; border-top:1px solid #ffffff24; padding-top:26px; }
.site-main .site-contact-lines>div { display:flex; flex-direction:column; gap:7px; font-size:16px; }
.site-main .site-contact-lines a { color:#fff; overflow-wrap:anywhere; }
.site-main .site-contact-socials { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.site-main .site-contact-socials a { display:grid; place-items:center; width:40px; height:40px; background:#ffffff0f; border:1px solid #ffffff1f; border-radius:11px; }
.site-main .site-contact-socials img { filter:brightness(0) invert(1); object-fit:contain; }
.site-main .site-form { padding:38px; background:#fff; border:1px solid var(--site-line); border-radius:var(--site-radius); }
.site-main .site-form h2 { font-size:30px!important; margin-bottom:30px; }
.site-main .site-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
.site-main .site-field { display:flex; flex-direction:column; gap:9px; min-width:0; }
.site-main .site-field-full { grid-column:1 / -1; }
.site-main .site-field label { font-size:16px; color:var(--site-ink); font-weight:500; }
.site-main .site-field :is(input,select,textarea) { width:100%; min-height:52px; padding:12px 14px; border:1px solid #21212026; border-radius:12px; background:#fff; font-family:inherit; font-size:17px!important; line-height:1.65; color:var(--site-ink); }
.site-main .site-field textarea { resize:vertical; }
.site-main .site-field [aria-invalid=true] { border-color:#a62626; }
.site-main .site-field :is(input,select,textarea):focus { outline:2px solid var(--site-yellow); border-color:var(--site-ink); outline-offset:2px; }
.site-main .site-checkbox { display:flex; align-items:baseline; gap:12px; font-size:14px; color:var(--site-muted); line-height:1.9; }
.site-main .site-checkbox input { width:18px; height:18px; flex:none; accent-color:var(--site-ink); }
.site-main .site-checkbox a { color:var(--site-ink); text-decoration:underline; }
.site-main .site-error { color:#a62626; font-size:14px; line-height:1.7; }
.site-main .site-alert { padding:16px 20px; border:1px solid #c9a30066; background:var(--site-light); border-radius:12px; margin-bottom:26px; font-size:16px; }
.site-main .site-file-field { background:var(--site-canvas); border:1px dashed #21212030; border-radius:16px; padding:22px; }
.site-main .site-file-field input { border:0; padding:0; border-radius:0; background:transparent; }
.site-main .site-legal-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:50px; align-items:start; }
.site-main .site-legal-nav { position:sticky; top:120px; }
.site-main .site-legal-nav nav { display:flex; flex-direction:column; gap:2px; margin-bottom:28px; }
.site-main .site-legal-nav nav a { display:flex; gap:12px; padding:9px 0; border-bottom:1px solid var(--site-line); color:var(--site-muted); font-size:16px; line-height:1.75; }
.site-main .site-legal-nav nav a:hover { color:var(--site-ink); }
.site-main .site-legal-nav nav span { color:var(--site-muted); min-width:22px; font-size:12px; padding-top:2px; }
.site-main .site-legal-content { background:#fff; border:1px solid var(--site-line); border-radius:var(--site-radius); padding:12px 40px; }
.site-main .site-legal-content section { padding:30px 0; border-bottom:1px solid var(--site-line); scroll-margin-top:120px; }
.site-main .site-legal-content section:last-child { border:0; }
.site-main .site-legal-content h2 { font-size:26px!important; margin:10px 0 16px; }
.site-main .site-legal-content p { white-space:pre-line; }
/* Navigation shares the site's ink, paper, and restrained yellow accents. */
.site-shell .tk-glass-nav-wrap { position:fixed; top:0; inset-inline:0; z-index:1030; padding:18px 32px 0; pointer-events:none; }
.site-shell .navbar.tk-glass-nav { position:static; width:100%; max-width:1360px; height:auto; margin:0 auto; padding:12px 22px; background:#ffffffed; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid #21212012; border-radius:20px; box-shadow:0 6px 24px #21212004; pointer-events:auto; transition:box-shadow .25s,background .25s; }
.site-shell .navbar.tk-glass-nav.scrolled { background:#fff; box-shadow:0 8px 30px #2121200c; }
.site-shell .navbar.tk-glass-nav.hide { transform:none; opacity:1; }
.site-shell .tk-glass-nav .navbar-brand { width:auto!important; display:flex; flex:none; align-items:center; margin:0; padding:0; }
.site-shell .tk-glass-nav .navbar-brand::before { content:none; }
.site-shell .tk-glass-nav .navbar-brand img { width:auto; height:48px; margin:0; filter:none; transform:none!important; }
.site-shell .tk-glass-nav .navbar-nav { gap:3px; }
.site-shell .tk-glass-nav .nav-link { display:flex; align-items:center; gap:6px; padding:11px 16px!important; border-radius:10px; font-size:16px!important; font-weight:600; color:#212120!important; background:transparent!important; box-shadow:none!important; transform:none!important; white-space:nowrap; transition:background .2s; }
.site-shell .tk-glass-nav .nav-link::before { content:none!important; }
.site-shell .tk-glass-nav .nav-link:hover { background:#21212006!important; }
.site-shell .tk-glass-nav .nav-link.active { background:#FFF8D6!important; }
.site-shell .tk-glass-nav .dropdown-toggle::after { margin-inline-start:3px; border-top:4px solid; border-inline:4px solid transparent; opacity:.55; }
.site-shell .tk-nav-actions { display:flex; align-items:center; gap:12px; margin-inline-start:20px; padding-inline-start:20px; border-inline-start:1px solid #21212012; }
.site-shell .tk-lang-pill { display:flex; flex:none; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 10px; color:#212120; border:1px solid #21212018; border-radius:10px; background:transparent; box-shadow:none; font-size:14px; font-weight:600; text-decoration:none; }
.site-shell .tk-lang-pill:hover { background:#FFF8D6; border-color:#FFD00D; }
.site-shell .tk-glass-nav .btn_contact { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 24px; background:#FFD00D; color:#212120; border:1px solid #FFD00D; border-radius:10px; font-size:16px; font-weight:600; box-shadow:none; white-space:nowrap; }
.site-shell .tk-glass-nav .btn_contact:hover { background:#212120; color:#fff; border-color:#212120; }
.site-shell .tk-glass-nav .dropdown-menu { min-width:270px; padding:8px; margin-top:16px!important; border:1px solid #21212012; border-radius:16px; background:#fff; box-shadow:0 14px 36px #21212012; }
.site-shell .dropdown-menu .dropdown-item { padding:12px 14px; border-radius:8px; font-size:16px; color:#212120; white-space:normal; line-height:1.6; }
.site-shell .dropdown-menu .dropdown-item:hover,.site-shell .dropdown-menu .dropdown-item.active { background:#FFF8D6; color:#212120; }
.site-shell .tk-glass-nav .navbar-toggler { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:#212120; color:#fff; box-shadow:none; font-size:19px; }
.site-shell .tk-offcanvas { width:min(420px,100vw); border:0!important; border-radius:0; background:#F7F8F9; }
.site-shell .tk-offcanvas .offcanvas-header { padding:24px; border-bottom:1px solid #21212012; }
.site-shell .tk-offcanvas .offcanvas-header img { width:auto; height:44px; }
.site-shell .tk-offcanvas .btn-close { width:24px; height:24px; padding:10px; box-shadow:none; }
.site-shell .tk-offcanvas .offcanvas-body { display:flex; flex-direction:column; padding:16px 24px 24px; }
.site-shell .tk-offcanvas .nav-link { display:flex; align-items:center; justify-content:space-between; min-height:58px; padding:14px 12px!important; border-radius:10px; margin-bottom:4px; color:#212120!important; font-size:20px; font-weight:600; background:transparent; border:0; }
.site-shell .tk-offcanvas .nav-link::before { content:none!important; }
.site-shell .tk-offcanvas .nav-link.active { background:#FFF8D6!important; }
.site-shell .tk-offcanvas .dropdown-menu { position:static!important; padding:8px; margin:0 0 12px; border:1px solid #21212010; border-radius:12px; box-shadow:none; background:#fff; }
.site-shell .tk-offcanvas .btn_contact_container { margin-top:auto; padding-top:28px; }
.site-shell .tk-offcanvas .btn_contact { display:flex; justify-content:center; width:100%; padding:14px 20px; border:0; border-radius:12px; background:#212120; color:#fff; font-size:18px; box-shadow:none; }
.site-shell .tk-mobile-language { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:20px; margin-top:20px; border-top:1px solid #21212012; font-size:16px; color:#5E5B57; }
.site-shell .tk-offcanvas :focus-visible,.site-shell .navbar :focus-visible { outline:3px solid #C9A300; outline-offset:3px; }
@media(min-width:1200px) { .site-shell .tk-glass-nav .navbar-toggler { display:none; } }
@media(max-width:1199px) { .site-shell .tk-glass-nav-wrap { padding:12px 20px 0; } .site-shell .navbar.tk-glass-nav { padding:12px 16px; border-radius:16px; } .site-shell .tk-glass-nav .navbar-brand img { height:42px; } .site-shell .tk-nav-actions { border:0; padding:0; margin:0; gap:8px; } }
@media(max-width:767px) { .site-shell .tk-glass-nav-wrap { padding:12px 16px 0; } .site-shell .navbar.tk-glass-nav { padding:10px 12px; } .site-shell .tk-glass-nav .navbar-brand img { height:38px; } }
@media(max-width:1199px) {
 .site-main .site-home-stage { padding:24px 0 0; }.site-main .site-slide-copy { padding:22px 0 0; }.site-main .site-story { gap:40px; }
 .site-main .site-legal-layout { grid-template-columns:240px minmax(0,1fr); gap:30px; }
}
@media(max-width:991px) {
 .site-main .site-home-intro,.site-main .site-hero-slide { width:100%; }
 .site-main .site-slide-art { position:static; width:100%; height:320px; margin-top:24px; }
 .site-main .site-services-grid,.site-main .site-work-grid,.site-main .site-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

 .site-main .site-client-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.site-main .site-about-grid,.site-main .site-service-hero-grid { gap:32px; }
 .site-main .site-contact-grid { grid-template-columns:1fr; }.site-main .site-contact-info { position:static; }.site-main .site-contact-info h2 { max-width:600px; }
 .site-main .site-legal-layout { grid-template-columns:1fr; gap:32px; }.site-main .site-legal-nav { position:static; }
 .site-main .site-legal-nav nav { flex-direction:row; flex-wrap:wrap; gap:8px; }.site-main .site-legal-nav nav a { padding:9px 12px; border:1px solid var(--site-line); border-radius:24px; background:#fff; }
 .site-main .site-legal-nav nav span { display:none; }
}
@media(max-width:767px) {
 .site-main { font-size:17px; --site-radius:20px; }.site-main .container { width:calc(100% - 40px); }
 .site-main h1 { font-size:clamp(30px,7.8vw,40px)!important; }.site-main h2 { font-size:30px!important; }.site-main h3 { font-size:23px!important; }
 .site-main :is(p,.site-prose) { font-size:17px!important; }.site-main .site-page-heading { padding:108px 0 32px; }.site-main .site-page-heading p { margin-top:20px; }
 .site-main .site-home-hero { padding-top:108px; }.site-main .site-home-stage { padding:12px 0 0; }.site-main .site-home-intro { width:100%; padding-bottom:0; }.site-main .site-home-intro h1 { font-size:24px!important; }
 html[lang=en] .site-main .site-home-intro h1 { font-size:clamp(19px,5.5vw,24px)!important; }
 .site-main .site-home-lede { margin-top:20px; }.site-main .site-writing-line:last-child { text-decoration-thickness:4px; text-underline-offset:7px; }
 .site-main .site-hero-slider { padding:0; }.site-main .site-hero-slide { width:100%; grid-template-columns:1fr; gap:24px; }
 .site-main .site-slide-copy { padding:20px 0 0; }.site-main .site-slide-copy h2 { font-size:34px!important; margin:12px 0 20px; }
 .site-main .site-slide-art { position:static; width:100%; height:220px; border-radius:18px; padding:12px; }.site-main .site-slide-art img { max-height:220px; }.site-main .site-slide-copy .site-button { font-size:15px!important; }
 .site-main .site-slider-bar { padding:18px 0 0; margin-top:22px; gap:12px; }.site-main .site-round-button { width:44px; height:44px; min-height:44px; }
 .site-main .site-section-heading { margin-bottom:28px; }.site-main .site-section-heading-split { flex-direction:column; align-items:start; gap:20px; }
 .site-main .site-services-grid,.site-main .site-work-grid,.site-main .site-blog-grid,.site-main .site-story,.site-main .site-goals,.site-main .site-about-grid,.site-main .site-service-hero-grid,.site-main .site-deliverables { grid-template-columns:1fr; }
 .site-main .site-service-card { padding:22px; gap:20px; }
 .site-main .site-story { gap:28px; }.site-main .site-work-grid { gap:30px; }.site-main .site-work-image { aspect-ratio:4/3; border-radius:20px; }
 .site-main .site-work-card h3 { font-size:22px!important; }.site-main .site-work-card>.site-meta { margin-top:14px; }
 .site-main .site-client-grid { gap:10px; }.site-main .site-client-logo { min-height:90px; padding:12px; border-radius:14px; }.site-main .site-client-logo img { max-height:60px; }
 .site-main .site-goal,.site-main .site-quote { padding:26px; }.site-main .site-facts { gap:8px; }.site-main .site-facts span { font-size:13px; }
 .site-main .site-service-hero { padding-top:108px; }.site-main .site-breadcrumb { margin-bottom:28px; }.site-main .site-service-hero-grid h1 { font-size:32px!important; }
 .site-main .site-deliverables article { padding:24px; gap:16px; }.site-main .site-deliverables h3 { font-size:21px!important; }.site-main .site-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .site-main .site-filters { gap:8px; margin-bottom:28px; }.site-main .site-filters a { font-size:14px; padding:8px 14px; }.site-main .site-empty { padding:30px 24px; }
 .site-main .site-blog-copy { padding:24px; }.site-main .site-blog-copy h2,.site-main .site-blog-copy h3 { font-size:23px!important; }
 .site-main .site-article { width:calc(100% - 40px); }.site-main .site-article-meta { font-size:13px; flex-wrap:wrap; }.site-main .site-project-document iframe { height:60vh; min-height:400px; }
 .site-main .site-contact-info,.site-main .site-form { padding:28px 24px; }.site-main .site-form h2 { font-size:27px!important; }.site-main .site-form-grid { grid-template-columns:1fr; gap:22px; }
 .site-main .site-field-full { grid-column:auto; }.site-main .site-contact-info h2 { font-size:29px!important; }.site-main .site-contact-whatsapp { font-size:22px; }
 .site-main .site-legal-content { padding:4px 24px; }.site-main .site-legal-content h2 { font-size:23px!important; }.site-main .site-legal-content section { padding-block:25px; }

}
@media(max-width:360px) {
 .site-main .container,.site-main .site-article { width:calc(100% - 28px); }.site-main .site-home-stage { padding:12px 0 0; }
 .site-main .site-service-hero-grid h1 { font-size:31px!important; }.site-main .site-client-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-main .site-contact-info,.site-main .site-form { padding:24px 20px; }.site-main .site-slider-buttons { gap:5px; }
}
@media(prefers-reduced-motion:reduce) {
 .site-main *, .site-main *::before, .site-main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .site-main .site-writing-current::after { display:none; }
}
/* Stack slides in one grid cell so changing copy never shifts the sections below. */
.site-main .site-hero-slider { display:grid; }
.site-main .site-hero-slide { grid-area:1 / 1; }
.site-main .site-hero-slide[hidden] { display:grid!important; visibility:hidden; pointer-events:none; }
.site-main .site-slider-bar { grid-area:2 / 1; }
.site-main .site-intro-strip { padding:38px 0 0; }
.site-main .site-intro-strip>.container { display:grid; grid-template-columns:120px minmax(0,760px) auto; gap:34px; padding-bottom:38px; border-bottom:1px solid var(--site-line); align-items:baseline; }
.site-main .site-intro-strip p { font-size:18px!important; }
.site-main .site-intro-strip .site-eyebrow { margin:0; }
@media(max-width:991px) { .site-main .site-intro-strip>.container { grid-template-columns:1fr; gap:18px; } }
/* Illustration-led layouts: transparent 3D artwork is contained, never cropped. */
.site-main .site-slide-art img { object-fit:contain; object-position:center; }
.site-main .site-service-illustration { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:15/11; padding:14px 8px 0; }
.site-main .site-service-illustration>img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; object-position:center; }
.site-main .site-service-illustration>.site-number { position:absolute; inset-inline-start:0; top:0; z-index:1; padding:4px 8px; border-radius:8px; background:#ffffffdc; color:var(--site-muted); }



.site-main .site-service-art img { aspect-ratio:4/3; object-fit:contain; max-height:560px; }
.site-main .site-about-art img { width:100%; aspect-ratio:5/4; max-height:560px; object-fit:contain; }
.site-main .site-contact-illustration { width:100%; aspect-ratio:3/2; max-height:250px; margin-bottom:26px; }
.site-main .site-contact-illustration img { width:100%; height:100%; object-fit:contain; }
@media(max-width:991px) {

}
@media(max-width:767px) {

    .site-main .site-service-art,.site-main .site-about-art { padding:6px; }
    .site-main .site-service-art img,.site-main .site-about-art img { max-height:350px; }
}


/* Editorial details shared by all public pages. */
.site-main .site-service-card h3 { font-size:25px!important; }
.site-main .site-service-promise { font-size:25px!important; margin-top:18px; line-height:1.6!important; }

.site-main .site-slide-count { display:inline-block; font-variant-numeric:tabular-nums; }
.site-main .site-service-illustration { background:var(--site-canvas); border-radius:16px; }
.site-main .site-media-frame { position:relative; overflow:hidden; }
.site-main .site-media-fallback { position:absolute; inset:0; display:grid; place-items:center; background:var(--site-light); }
.site-main .site-media-fallback>img { width:128px; height:auto; max-height:64px; object-fit:contain; opacity:.6; }
.site-main .site-media-pending { aspect-ratio:4/3; }
.site-main .site-article-image.site-media-frame { aspect-ratio:3/2; }
.site-main .site-article-image.site-media-pending { aspect-ratio:3/1; }
.site-main .site-article-image>[data-content-image] { width:100%; height:100%; object-fit:cover; }
.site-main .site-project-media.site-media-pending { aspect-ratio:16/5; }
.site-main .site-prose :is(h2,h3) { margin:32px 0 16px; }
.site-main .site-prose p+p { margin-top:20px; }
.site-main .site-prose ul,.site-main .site-prose ol { padding-inline-start:24px; }
.site-main .site-service-card:last-child:nth-child(3n + 1) { grid-column:2; }
.site-main .site-slider-dots button { width:28px; min-height:44px; }
.site-main .site-slider-dots button::after { width:18px; margin-inline:auto; }
.site-main .site-slider-dots button[aria-pressed=true]::after { width:28px; }
.site-main .site-contact-socials a { width:44px; height:44px; }
.site-skip-link { position:fixed; inset-inline-start:20px; top:-100px; z-index:1100; padding:12px 20px; background:#FFD00D; color:#212120; border-radius:12px; }
.site-skip-link:focus { top:12px; }
.site-shell .tk-fab-container { transition:opacity .2s; }
.site-shell .tk-fab-container.is-obscured { opacity:0; visibility:hidden; pointer-events:none; }
.site-shell .tk-fab--pulse { animation:none; }
@media(max-width:991px) {
 .site-main .site-service-card:last-child:nth-child(3n + 1) { grid-column:auto; }
 .site-main .site-service-card:last-child:nth-child(2n + 1) { grid-column:1 / -1; max-width:calc(50% - 11px); width:100%; justify-self:center; }
}
@media(max-width:767px) {

 .site-main .site-service-card:last-child:nth-child(2n + 1) { grid-column:auto; max-width:none; }
 .site-main .site-service-promise { font-size:22px!important; }
 .site-main .site-project-media.site-media-pending { aspect-ratio:16/9; }
 .site-main .site-article-image.site-media-pending { aspect-ratio:2/1; }
 .site-shell .tk-fab-container { display:none; }
 .site-shell .tk-fab { width:44px; height:44px; box-shadow:0 3px 12px #21212024; }
}

.site-main .site-contents { margin-bottom:24px; }
.site-main .site-contents summary { cursor:pointer; font-size:17px; font-weight:500; color:var(--site-ink); margin-bottom:18px; min-height:44px; padding-block:10px; }
@media(max-width:991px) {
 .site-main .site-contact-grid>.site-contact-info { order:2; }
 .site-main .site-contents { padding:12px 20px; border:1px solid var(--site-line); border-radius:16px; background:white; }
 .site-main .site-contents summary { margin-bottom:0; }
 .site-main .site-contents[open] summary { margin-bottom:16px; }
}

/* A quiet editorial slide navigation instead of a row of circular media controls. */
.site-main .site-slider-control { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:0; background:transparent; min-height:44px; padding:8px 12px; color:var(--site-ink); font-family:inherit; font-size:15px; cursor:pointer; }
.site-main .site-slider-control:hover { color:var(--site-ink); background:var(--site-light); border-radius:8px; }
.site-main .site-slider-control[data-slide-pause] { color:var(--site-muted); font-size:12px; }
.site-main .site-slider-buttons { gap:12px; }
.site-main .site-slider-dots { gap:18px; }
.site-main .site-slider-dots button,.site-main .site-slider-dots button[aria-pressed=true] { width:48px; min-height:44px; font-size:14px; font-weight:500; color:var(--site-muted); font-variant-numeric:tabular-nums; }
.site-main .site-slider-dots button::after,.site-main .site-slider-dots button[aria-pressed=true]::after { width:100%; height:2px; margin-top:8px; border-radius:0; }
.site-main .site-slider-dots button[aria-pressed=true] { color:var(--site-ink); }
.site-main .site-home-intro h1 { font-weight:700!important; }
@media(min-width:992px) { .site-main .site-home-hero>.container { width:min(100% - 96px,1360px); max-width:1360px; } .site-main .site-slide-art img { max-height:560px; } }
@media(max-width:991px) { .site-main .site-home-stage { min-height:calc(100svh - 164px); padding-bottom:90px; } }
@media(max-width:767px) {
 .site-main .site-home-stage { min-height:calc(100svh - 136px); padding-bottom:80px; }
 .site-main .site-home-intro h1 { font-size:28px!important; }
 html[lang=en] .site-main .site-home-intro h1 { font-size:clamp(22px,5.7vw,26px)!important; }
 .site-main .site-slider-bar { padding-top:14px; margin-top:0; }
 .site-main .site-slider-dots { gap:10px; }
 .site-main .site-slider-dots button,.site-main .site-slider-dots button[aria-pressed=true] { width:32px; }
 .site-main .site-slider-buttons { gap:0; }
 .site-main .site-slider-control { padding-inline:9px; }
 .site-main .site-slider-control span { display:none; }
}

/* Home page rhythm: one aligned grid from the opening through the client section. */
.site-main .site-home { --home-section:clamp(56px,6vw,88px); }
.site-main .site-home>.site-section { padding-block:var(--home-section); }
.site-main .site-home .site-intro-strip { padding:var(--home-section) 0; }
.site-main .site-home .site-intro-strip>.container { grid-template-columns:minmax(200px,.65fr) minmax(0,1.7fr); gap:64px; align-items:start; padding-bottom:0; border-bottom:0; }
.site-main .site-home-about-heading h2 { font-size:clamp(28px,2.5vw,36px)!important; margin-bottom:24px; }
.site-main .site-home-about-heading .site-text-link { font-size:15px; padding-block:8px; }
.site-main .site-home .site-intro-strip p { font-size:clamp(18px,1.55vw,22px)!important; line-height:1.95!important; color:var(--site-ink); }
.site-main .site-home-services { background:var(--site-paper); border-block:1px solid var(--site-line); }
.site-main .site-home .site-section-heading { margin-bottom:40px; }
.site-main .site-home .site-section-heading-split { gap:48px; align-items:center; }
.site-main .site-home .site-section-heading-split>div { max-width:560px; }
.site-main .site-home .site-section-heading-split>p { max-width:440px; }
.site-main .site-home .site-section-heading h2 { font-size:clamp(30px,3vw,42px)!important; }
.site-main .site-home .site-service-card { padding:20px; border-radius:20px; background:var(--site-canvas); gap:20px; }
.site-main .site-home .site-service-illustration { aspect-ratio:4/3; background:#fff; padding:12px; border-radius:14px; }
.site-main .site-home .site-service-illustration>.site-number { top:8px; inset-inline-start:8px; background:#ffffffed; }
.site-main .site-home .site-service-copy h3 { font-size:23px!important; line-height:1.6!important; }
.site-main .site-home .site-service-copy p { font-size:17px!important; line-height:1.9!important; }
.site-main .site-home .site-card-action { padding-block:16px 2px; font-size:16px; }
.site-main .site-home>.site-philosophy { background:var(--site-canvas); padding-bottom:0; }
.site-main .site-home .site-story { background:var(--site-ink); border-radius:24px; padding:clamp(28px,4.5vw,64px); gap:64px; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); }
.site-main .site-home .site-story h2 { font-size:clamp(29px,2.9vw,40px)!important; }
.site-main .site-home .site-story p { font-size:18px!important; }
.site-main .site-home-work .site-work-grid { gap:40px 26px; }
.site-main .site-home-work .site-work-image { aspect-ratio:4/3; border-radius:18px; }
.site-main .site-home-work .site-work-card>.site-meta { font-size:13px!important; margin-top:16px; }
.site-main .site-home-work .site-work-card h3 { font-size:22px!important; line-height:1.6!important; margin-top:6px; }
.site-main .site-home .site-clients { padding-top:56px; border-top:1px solid var(--site-line); border-bottom:0; background:#fff; }
.site-main .site-home .site-clients .site-section-heading { max-width:700px; }
.site-main .site-home .site-clients h2 { font-size:clamp(27px,2.4vw,34px)!important; }
.site-main .site-home .site-client-logo { min-height:116px; border-radius:14px; background:var(--site-canvas); border-color:transparent; }
@media(min-width:992px) { .site-main .site-home>.site-section>.container,.site-main .site-home .site-intro-strip>.container { width:min(100% - 96px,1360px); max-width:1360px; } }
@media(max-width:991px) {
 .site-main .site-home .site-intro-strip>.container { grid-template-columns:1fr; gap:28px; }
 .site-main .site-home-about-heading { display:flex; justify-content:space-between; gap:24px; align-items:center; }
 .site-main .site-home-about-heading h2 { margin:0; }
 .site-main .site-home .site-story { gap:36px; }
 .site-main .site-home .site-section-heading-split { gap:28px; }
}
@media(max-width:767px) {
 .site-main .site-home { --home-section:52px; }
 .site-main .site-home .site-section-heading { margin-bottom:28px; }
 .site-main .site-home .site-section-heading-split { gap:18px; align-items:start; }
 .site-main .site-home .site-section-heading h2 { font-size:31px!important; }
 .site-main .site-home .site-intro-strip p { font-size:18px!important; }
 .site-main .site-home .site-services-grid { gap:18px; }
 .site-main .site-home .site-service-card { padding:20px; }
 .site-main .site-home .site-story { grid-template-columns:1fr; border-radius:20px; padding:30px 24px; gap:26px; }
 .site-main .site-home .site-story h2 { font-size:30px!important; }
 .site-main .site-home .site-story p { font-size:17px!important; }
 .site-main .site-home-work .site-work-grid { gap:32px; }
 .site-main .site-home .site-client-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .site-main .site-home .site-client-logo { min-height:88px; padding:12px; }
 .site-main .site-home .site-clients { padding-block:48px; }
}
@media(max-width:360px) { .site-main .site-home .site-client-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

.site-main .site-filter-count { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; margin-inline-start:6px; padding:0 5px; border-radius:6px; background:#21212008; font-size:12px; font-variant-numeric:tabular-nums; }
.site-main .site-work-service-context { margin-bottom:28px; }
.site-main .site-work-service-context .site-text-link { flex-wrap:wrap; line-height:1.9; }

.site-main .site-work-slider-actions { display:flex; gap:10px; }
.site-main .site-work-slider-actions button:disabled { opacity:.35; cursor:default; }
.site-main .site-work-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 24px)/2); gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:1px; padding:4px 1px 20px; scrollbar-width:thin; scrollbar-color:#C9A300 #2121200a; }
.site-main .site-work-track>.site-work-card { scroll-snap-align:start; }
.site-main .site-work-slider-all { margin-top:24px; }
@media(max-width:767px) { .site-main .site-work-track { grid-auto-columns:88%; gap:16px; } }