/* Garraje Creative UI v1.2 — editorial WordPress content system */
:root{--g-ink:#151320;--g-accent:#F9954B;--g-paper:#F7F6F3;--g-rule:rgba(21,19,32,.1);--g-muted:#6b6870}
body.garraje-theme{background:#fff} .garraje-page-content{min-height:25vh}
.garraje-page-content img{max-width:100%;height:auto}
.g-dynamic-work,.g-blog-grid,.g-team-grid{min-width:0}
.g-work-card[hidden],.g-work-empty[hidden]{display:none!important}
.g-industry-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 42px}
.g-industry-filters button{cursor:pointer;appearance:none;border:1px solid #dedbd7;background:#fff;padding:11px 17px;border-radius:99px;font:600 12px/1.2 'DM Sans',sans-serif;transition:all .35s cubic-bezier(.2,.8,.2,1);color:#4f4b4d}
.g-industry-filters button span{opacity:.5;margin-left:5px}
.g-industry-filters button:hover,.g-industry-filters button.is-active{background:#151320;color:#fff;border-color:#151320;transform:translateY(-2px)}
.g-filter-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.g-filter-head p{font-size:14px;color:var(--g-muted)}
.g-work-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:19px}
.g-work-card{min-width:0;grid-column:span 6;display:block;text-decoration:none;color:inherit;overflow:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.g-work-card:nth-child(7n + 1){grid-column:span 7}.g-work-card:nth-child(7n + 2){grid-column:span 5}
.g-work-media{display:block;height:clamp(250px,31vw,490px);background:color-mix(in srgb,var(--project-accent) 22%,#eee);position:relative;overflow:hidden;border-radius:12px}
.g-work-card:nth-child(7n + 2) .g-work-media{height:clamp(250px,31vw,490px)}
.g-work-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(9,8,8,.12));pointer-events:none}
.g-work-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1);filter:saturate(.91)}
.g-work-card:hover .g-work-media img{transform:scale(1.055);filter:saturate(1)}
.g-work-arrow{position:absolute;right:17px;bottom:17px;width:46px;height:46px;background:var(--g-accent);color:#151320;display:grid;place-items:center;z-index:2;border-radius:50%;font-size:22px;transition:transform .4s}
.g-work-card:hover .g-work-arrow{transform:rotate(45deg)}
.g-work-details{display:block;padding:20px 3px 26px}
.g-work-meta{display:flex;justify-content:space-between;gap:16px;color:#817d79;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}
.g-work-meta span{max-width:55%;text-align:right}
.g-work-details>strong{display:block;font:600 clamp(24px,2.6vw,39px)/1.16 'Outfit','DM Sans',sans-serif;letter-spacing:-.045em;margin:8px 0 13px;color:var(--g-ink)}
.g-work-tags{display:flex;gap:5px;flex-wrap:wrap}.g-work-tags span{font-size:10px;color:#605b5a;border:1px solid #ddd9d5;padding:6px 10px;border-radius:99px}
.g-work-viewall{border-top:1px solid #e3dfdc;margin:30px 0 0;padding:30px 0 0;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#6e696a}
.g-work-placeholder{display:grid;place-items:center;height:100%;font-size:9rem;font-weight:750;color:#fff}
.g-works-index{padding-top:108px;padding-bottom:115px}.g-work-empty{font-size:17px;padding:26px;background:#f3f2ee}
.g-partners-teaser{background:#f5f3ef;padding:104px 0}.g-partners-teaser .container{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.g-partners-teaser h2{font:600 clamp(34px,5.5vw,72px)/1.02 'Outfit',sans-serif;letter-spacing:-.05em}
.g-partners-teaser em{font-style:normal;color:#b5aba4}
/* Two-sided partner logo wall: airy white gallery and peach accent. */
.g-partners-showcase{background:#faf9f7;color:#171519;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,1.38fr) minmax(0,1fr);align-items:center;gap:clamp(22px,3vw,54px);overflow:hidden;min-height:625px;padding:75px max(20px,calc((100vw - 1470px)/2))}
.g-partners-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;transform:translateY(-24px)}
.g-partners-side-right{transform:translateY(16px)}
.g-partner-tile{border:1px solid #e6e3df;border-radius:18px;min-width:0;aspect-ratio:1.64;box-shadow:0 5px 18px rgba(39,31,24,.025);display:grid;place-items:center;background:#fff;overflow:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.g-partner-tile a{width:100%;height:100%;display:grid;place-items:center}
.g-partner-tile img{width:80%;height:69%;object-fit:contain;filter:grayscale(.16);opacity:.85;transition:filter .4s,opacity .4s}
.g-partner-tile:hover{transform:translateY(-7px);box-shadow:0 16px 32px rgba(39,31,24,.08)}
.g-partner-tile:hover img{filter:none;opacity:1}
.g-partners-center{max-width:470px;text-align:center;margin:0 auto;padding:0 2px}
.g-partners-center .tiny-eyebrow,.g-partners-intro .tiny-eyebrow{color:#8d6d5a;letter-spacing:.16em;font-weight:800}
.g-partners-center h2{font:650 clamp(35px,3.65vw,64px)/1.02 'Outfit',sans-serif;letter-spacing:-.058em;margin:22px 0}
.g-partners-center h2 em{color:#f9954b;font-style:normal}
.g-partners-center p{font-size:15px;line-height:1.75;color:#79736e;max-width:410px;margin:auto}
.g-partner-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin:30px 0 30px}
.g-partner-text-link{font-size:13px;font-weight:700;border-bottom:1px solid #e6b891;padding:7px 0;text-decoration:none;color:#171519}
.g-partners-center small{font-size:10px;letter-spacing:.17em;color:#9c948f;font-weight:700}
.g-partners-hero .inner-hero-bottom p{max-width:480px}
.g-all-partners-section{padding:115px 0;background:#faf9f7}
.g-partners-intro{text-align:center;max-width:750px;margin:0 auto 56px}
.g-partners-intro h2{font:650 clamp(37px,5.5vw,76px)/1.04 'Outfit',sans-serif;letter-spacing:-.057em;margin:20px 0}
.g-partners-intro em{font-style:normal;color:#f9954b}.g-partners-intro p{color:#77706c;line-height:1.8}
.g-all-partners{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.g-partner-count{display:block;text-align:center;font-size:11px;color:#8d8783;letter-spacing:.1em;margin-top:35px}
/* Blog archive cards use real WordPress post thumbnails. */
.g-blog-hero{background:#151320;color:#fff;padding:160px 0 108px;position:relative;overflow:hidden}
.g-blog-hero:after{content:'';position:absolute;right:-6%;bottom:-80%;height:120%;width:54%;background:radial-gradient(ellipse,#f9954b37,transparent 65%);pointer-events:none}
.g-blog-top,.g-article-crumb{display:flex;justify-content:space-between;gap:20px;color:#aaa4b3;text-transform:uppercase;letter-spacing:.16em;font-size:11px}
.g-blog-hero h1{font:650 clamp(60px,8.4vw,135px)/.98 'Outfit',sans-serif;letter-spacing:-.07em;margin:78px 0 25px}
.g-blog-hero em{font-style:normal;color:#f9954b}.g-blog-hero p{max-width:560px;color:#c3bfc8;line-height:1.8;font-size:17px}
.g-blog-archive,.g-journal-index{padding:110px 0 120px;background:#fbfaf8}
.g-blog-archive-title{display:flex;justify-content:space-between;align-items:end;gap:25px;flex-wrap:wrap;margin-bottom:48px}
.g-blog-archive-title h2{font:600 clamp(38px,4.5vw,66px)/1 'Outfit',sans-serif;letter-spacing:-.055em}
.g-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 23px}
.g-blog-card{min-width:0;text-decoration:none;color:inherit;display:block}.g-blog-image{display:block;overflow:hidden;aspect-ratio:1.35;border-radius:10px;background:#ddd4c9}
.g-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.g-blog-card:hover .g-blog-image img{transform:scale(1.06)}
.g-blog-image-fallback{display:grid;place-items:center;width:100%;height:100%;font:700 24px 'Outfit',sans-serif;letter-spacing:-.05em;color:#151320;background:linear-gradient(130deg,#f9954b,#e6ccb6)}
.g-blog-meta{display:block;margin-top:21px;color:#918982;font-size:10px;letter-spacing:.12em;font-weight:700}
.g-blog-meta span{color:#f9954b;margin:0 9px}
.g-blog-card h3{font:600 clamp(23px,2.3vw,33px)/1.2 'Outfit',sans-serif;letter-spacing:-.038em;margin:12px 0 10px}
.g-blog-card p{font-size:14px;line-height:1.7;color:#746e6e;margin-bottom:18px}
.g-blog-read{font-size:12px;font-weight:750;border-bottom:1px solid #d7d1c9;padding-bottom:7px}
.g-blog-read span{display:inline-block;transition:transform .3s}.g-blog-card:hover .g-blog-read span{transform:translate(3px,-3px)}
.g-pagination{display:flex;gap:9px;justify-content:center;margin-top:60px}
.g-pagination .page-numbers{display:inline-flex;min-width:44px;height:44px;padding:0 12px;align-items:center;justify-content:center;border:1px solid #ddd8d2;border-radius:10px;text-decoration:none;color:#151320}
.g-pagination .current{background:#151320;color:#fff}
/* Single WordPress article, rich Gutenberg/editor body. */
.g-article{background:#fff}.g-article-header{background:#f7f5f1;padding:130px 0 65px}
.g-article-crumb{justify-content:start;color:#6b6666}.g-article-crumb a{text-decoration:none;color:#393435}
.g-article-eyebrow{display:block;margin:67px 0 17px;font-size:11px;letter-spacing:.14em;color:#ae7960;font-weight:800}
.g-article h1{max-width:1120px;font:650 clamp(44px,6.9vw,106px)/1.035 'Outfit',sans-serif;letter-spacing:-.065em;color:#17141c}
.g-article-deck{margin-top:45px;display:flex;justify-content:space-between;gap:30px;align-items:end}
.g-article-deck p{max-width:620px;font:400 20px/1.6 'DM Sans',sans-serif;color:#706a66}
.g-article-byline{font-size:11px;letter-spacing:.11em;font-weight:750;color:#665f5b;display:flex;gap:12px;align-items:center;flex-shrink:0}
.g-article-byline i{background:#f9954b;width:5px;height:5px;border-radius:50%}
.g-article-featured{margin-top:-1px}.g-article-featured img{display:block;width:100%;max-height:740px;object-fit:cover;border-radius:0 0 13px 13px}
.g-article-grid{display:grid;grid-template-columns:210px minmax(0,800px);gap:clamp(35px,7vw,115px);padding-top:92px;padding-bottom:120px}
.g-article-aside{align-self:start;position:sticky;top:108px}
.g-article-aside .tiny-eyebrow{color:#aa897a}.g-article-side-category{margin:20px 0 45px;line-height:1.8}
.g-article-side-category a{color:#151320;text-decoration:none;font-weight:650}
.g-article-share{display:flex;flex-direction:column;gap:14px}.g-article-share span{font-size:10px;letter-spacing:.15em;color:#a39e98}
.g-article-share a{font-size:12px;color:#534d4c;text-decoration:none}
.g-article-body{min-width:0;color:#272428;font:400 17px/1.95 'DM Sans',sans-serif;overflow-wrap:anywhere}
.g-article-body>*+*{margin-top:1.25em}.g-article-body p{margin-bottom:1.35em}
.g-article-body h2,.g-article-body h3,.g-article-body h4{font-family:'Outfit',sans-serif;letter-spacing:-.045em;line-height:1.2;margin:1.7em 0 .5em;color:#17141a}
.g-article-body h2{font-size:clamp(33px,4vw,49px)}.g-article-body h3{font-size:29px}.g-article-body h4{font-size:23px}
.g-article-body a{color:#b54d17;text-decoration-thickness:1px;text-underline-offset:4px}
.g-article-body img{height:auto;max-width:100%;border-radius:10px}
.g-article-body figure{margin:28px 0 36px;max-width:100%}.g-article-body figcaption{text-align:center;color:#a09891;font-size:12px;margin-top:10px}
.g-article-body ul,.g-article-body ol{margin:22px 0 30px;padding-left:28px}.g-article-body li{margin-bottom:9px}
.g-article-body blockquote{background:#f8f3ec;border-left:4px solid #f9954b;padding:27px 34px;margin:36px 0;font:500 clamp(21px,3vw,29px)/1.5 'Outfit',sans-serif;color:#27212a}
.g-article-body hr{border:0;border-top:1px solid #d9d4cc;margin:45px 0}
.g-article-body pre,.g-article-body .wp-block-code{background:#151320;color:#f5f2ea;border-radius:12px;padding:23px;overflow:auto;font:13px/1.8 monospace}
.g-article-body table{border-collapse:collapse;width:100%;font-size:14px}.g-article-body th,.g-article-body td{padding:13px;text-align:left;border-bottom:1px solid #dfdad3}
.g-article-body .wp-block-image,.g-article-body .wp-block-gallery{max-width:100%}.g-article-body .alignwide{max-width:min(1000px,85vw)}
.g-article-tags{border-top:1px solid #e1ddd7;margin-top:68px;padding-top:22px;font-size:12px;color:#8a817a}.g-article-tags a{display:inline-block;border:1px solid #ddd8d2;padding:8px 12px;border-radius:40px;text-decoration:none;margin:0 5px 8px}
.g-article-navigation{display:flex;justify-content:space-between;gap:32px;border-top:1px solid #ece7e1;padding:36px 0 100px}
.g-article-navigation>a{max-width:45%;text-decoration:none;color:#1a171b}.g-article-navigation a>span{display:block;color:#a09790;font-size:10px;letter-spacing:.12em}.g-article-navigation strong{font:600 24px 'Outfit',sans-serif}
.g-related-journal{background:#f6f4f0;padding:110px 0}
/* Case study pages, coloured per project; gallery and evidence without fabricated numbers. */
.g-case-study{color:#18161c}.g-case-hero{background:#151320;color:#fff;padding:145px 0 80px;position:relative;overflow:hidden}
.g-case-hero:after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-220px;background:var(--project-accent);opacity:.11;filter:blur(90px);pointer-events:none}
.g-case-kicker{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.13em;color:#c9c1ba}
.g-case-kicker a{color:#fff;text-decoration:none}.g-case-hero h1{font:600 clamp(50px,8vw,118px)/1.02 'Outfit',sans-serif;letter-spacing:-.065em;margin:63px 0 30px;max-width:1160px}
.g-case-period{color:var(--project-accent);font-size:clamp(15px,2vw,24px);letter-spacing:0;vertical-align:middle;white-space:nowrap}
.g-case-summary{display:flex;justify-content:space-between;align-items:end;gap:25px}.g-case-summary p{max-width:670px;color:#c3bdc4;font-size:18px;line-height:1.7}.g-case-summary span{font-size:11px;color:#b1abb1;letter-spacing:.12em}
.g-case-cover{max-height:760px;background:#dfdbd6;overflow:hidden}.g-case-cover img{display:block;width:100%;height:clamp(320px,52vw,760px);object-fit:cover}
.g-case-columns{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,760px);gap:clamp(30px,6vw,100px);padding:115px 0}
.g-case-sidebar{border-top:1px solid #ddd6d0;padding-top:15px}.g-case-fact{padding:19px 0;border-bottom:1px solid #eae5df}.g-case-fact small{display:block;color:#978b85;letter-spacing:.1em;font-size:10px;margin-bottom:8px}.g-case-fact strong{font:500 16px 'DM Sans',sans-serif}
.g-case-main h2,.g-case-gallery-section h2,.g-case-evidence h2,.g-case-next h2{font:600 clamp(36px,5vw,67px)/1.04 'Outfit',sans-serif;letter-spacing:-.06em;margin:21px 0 26px}.g-case-main h2 em{font-style:normal;color:var(--project-accent)}
.g-case-editor{font:400 17px/1.9 'DM Sans',sans-serif;color:#68616a}.g-case-editor p{margin-bottom:18px}.g-case-main h3{font:600 24px 'Outfit',sans-serif;margin:40px 0 18px}
.g-case-badges{display:flex;gap:8px;flex-wrap:wrap}.g-case-badges span{font-size:12px;border:1px solid #ddd5cf;padding:10px 15px;border-radius:99px}
.g-case-gallery-section{background:#f5f2ee;padding:115px 0}.g-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}
.g-case-gallery a{position:relative;display:block;overflow:hidden;background:#dcd8d3;border-radius:9px;min-height:280px}.g-case-gallery img{display:block;width:100%;height:100%;max-height:610px;object-fit:cover;transition:transform .8s}.g-case-gallery a:hover img{transform:scale(1.035)}
.g-case-gallery a span{position:absolute;right:18px;bottom:18px;color:#fff;background:#151320;padding:9px 13px;font-size:10px;letter-spacing:.11em}
.g-case-evidence{padding:105px 0}.g-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0}.g-evidence-grid>div{border-top:2px solid var(--project-accent);padding:21px 0}.g-evidence-grid small{color:#a09791}.g-evidence-grid p{font:500 18px/1.5 'Outfit',sans-serif;margin-top:17px}
.g-case-next{padding:110px 0;background:#f6f2ed}.g-case-next h2{margin-bottom:30px}
/* Team directory with real media, not invented people. */
.g-team-section{padding:115px 0}.g-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 20px}
.g-person-photo{background:#e9e5df;aspect-ratio:3/3.65;border-radius:12px;overflow:hidden}.g-person-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.83);transition:transform .6s}.g-person-card:hover img{transform:scale(1.04)}
.g-photo-placeholder{height:100%;display:grid;place-items:center;font:700 90px 'Outfit',sans-serif;color:#aaa29b}
.g-person-info{display:grid;grid-template-columns:1fr auto;column-gap:15px;padding-top:18px}
.g-person-info>span{grid-column:1/-1;letter-spacing:.14em;font-size:10px;color:#9d8b7b;text-transform:uppercase}.g-person-info h3{font:600 29px 'Outfit',sans-serif;letter-spacing:-.04em;margin:7px 0 11px}
.g-person-socials{display:flex;gap:7px}.g-person-socials a{display:grid;place-items:center;width:31px;height:31px;border-radius:100%;border:1px solid #ded7d0;text-decoration:none;font-size:11px;font-weight:700;color:#161320}
.g-person-card>p{color:#77706d;line-height:1.6;font-size:13px}.g-empty{padding:32px 42px;background:#f6f4f0;border-radius:10px;color:#595459}.g-empty strong{font:600 23px 'Outfit',sans-serif}
/* Rich 32-service pages, five category-specific interactive/conceptual visual systems. */
.g-service-editorial{background:#f8f7f4}.g-service-thesis{padding:105px 0 115px;display:grid;grid-template-columns:1.35fr .65fr;gap:8vw}
.g-service-thesis h2{font:600 clamp(35px,4.85vw,72px)/1.09 'Outfit',sans-serif;letter-spacing:-.055em;margin:24px 0 20px}
.g-service-thesis p{color:#6f6967;line-height:1.8;max-width:670px;font-size:16px;margin-bottom:29px}
.g-service-thesis aside{align-self:end;border-top:2px solid #f9954b;padding-top:20px}.g-service-focus span{display:block;font-size:11px;color:#9b8576;margin:20px 0 8px;letter-spacing:.1em}
.g-service-focus strong{font:600 30px/1.17 'Outfit',sans-serif;letter-spacing:-.035em}.g-service-focus p{font-size:13px;margin-top:18px}
.g-service-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:560px;background:#151320;color:#fff;border-radius:13px;overflow:hidden}
.g-service-showcase-copy{padding:clamp(35px,5vw,73px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.g-service-showcase-copy h2{font:600 clamp(37px,4.7vw,66px)/1.08 'Outfit',sans-serif;letter-spacing:-.056em;margin:30px 0}.g-service-showcase-copy em{font-style:normal;color:#f9954b}
.g-service-showcase-copy p{color:#b8b1b8;line-height:1.7;font-size:15px}
.g-service-mini-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.g-service-mini-tags span{font-size:9px;letter-spacing:.15em;border:1px solid #ffffff29;padding:8px 11px;border-radius:99px}
.g-service-showcase-demo{padding:30px;display:grid;place-items:center;min-width:0;background:radial-gradient(circle at 85% 10%,#f9954b25,transparent 60%),#211e2b}
.g-service-showcase-demo>div{width:100%;max-width:650px}
.g-visual-search{background:#fdfdfa;color:#242126;padding:31px;border-radius:19px;box-shadow:0 25px 60px #0005}
.g-serp-top{display:flex;gap:15px;align-items:center}.g-serp-g{color:#f9954b;font-weight:800;font-size:33px}.g-serp-query{border:1px solid #ded9d2;border-radius:99px;padding:12px 15px;flex:1;font-size:13px;color:#77716c}.g-serp-tabs{display:flex;gap:15px;border-bottom:1px solid #e8e2df;padding:21px 0 12px;font-size:11px;font-weight:700}.g-serp-tabs span{color:#938c87}
.g-serp-result{padding:21px 0;border-bottom:1px solid #eee8e2}.g-serp-result small{font-size:9px;color:#8d7660;letter-spacing:.08em}.g-serp-result strong{display:block;color:#2c396a;font:600 19px 'Outfit',sans-serif;margin-top:8px}.g-serp-result p{font-size:12px;color:#79736f;margin-top:7px}.g-serp-result.muted{opacity:.58}.g-serp-label{font-size:8px;color:#aaa19a;letter-spacing:.14em;padding-top:20px}
.g-visual-growth{background:#faf6f0;color:#1f1923;padding:42px;border-radius:16px}.g-chart-caption{font-size:11px;font-weight:800;letter-spacing:.12em;display:flex;justify-content:space-between}.g-chart-caption span{color:#af9684}.g-chart-line{display:flex;gap:9px;justify-content:space-between;margin:36px 0 30px;font-size:11px}.g-chart-line strong{color:#f9954b}
.g-chart-bars{display:flex;align-items:end;gap:11px;height:200px;border-bottom:1px solid #d0c6bd;padding:0 10px}.g-chart-bars i{background:linear-gradient(180deg,#f9954b,#9d6042);height:0;flex:1;max-width:65px;border-radius:6px 6px 0 0;transition:height 1.6s cubic-bezier(.22,1,.36,1)}.g-chart-bars i.g-is-visible{height:var(--size)}
.g-chart-legends{display:flex;justify-content:space-between;gap:15px;margin:24px 0 18px;font-size:9px;letter-spacing:.05em}.g-visual-growth p{font-size:9px;color:#a4978b}
.g-visual-social{display:flex;align-items:center;justify-content:center;gap:0;min-height:400px}.g-social-frame{min-height:320px;flex:1;background:#f9954b;border-radius:13px;transform:rotate(-5deg) translateX(20px);padding:24px;color:#1b1820;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 30px #0003}
.g-social-frame span,.g-social-frame small{font-size:10px;letter-spacing:.12em}.g-social-frame strong{font:650 24px/1.1 'Outfit',sans-serif;letter-spacing:-.04em}.g-social-frame.second{background:#eae4dc;transform:translateY(-17px);z-index:2}.g-social-frame.third{background:#9dbbb6;transform:rotate(5deg) translateX(-20px)}
.g-visual-web{position:relative;padding:28px 40px 48px}.g-browser{background:#f9f8f5;color:#16141a;border-radius:15px;box-shadow:0 28px 35px #0004;overflow:hidden}.g-browser-toolbar{height:39px;background:#e8e6e5;padding:12px;display:flex;gap:5px;align-items:center}
.g-browser-toolbar i{width:8px;height:8px;border-radius:50%;background:#bdb9b8}.g-browser-toolbar span{margin:auto;font-size:9px;color:#8c8687}.g-browser-page{padding:24px}.g-web-menu{display:flex;justify-content:space-between;font:700 15px 'Outfit',sans-serif}.g-web-menu span{font:400 9px 'DM Sans',sans-serif}.g-web-hero{background:#f9954b;padding:30px;margin:23px 0 14px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.g-web-hero small,.g-web-hero>span{font-size:8px;letter-spacing:.1em}.g-web-hero strong{font:700 clamp(28px,3.2vw,49px)/1 'Outfit',sans-serif;letter-spacing:-.06em}.g-web-hero em{font-style:normal;color:#fff}
.g-web-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.g-web-tiles i{height:44px;background:#ece5dd;border-radius:3px}.g-web-tiles i:nth-child(2){background:#c0d6cb}.g-web-tiles i:nth-child(3){background:#e6c5b2}
.g-browser-phone{position:absolute;right:9px;bottom:4px;max-width:36%;height:238px;aspect-ratio:.57;border:6px solid #27262a;border-radius:27px;background:#efeae1;color:#1b191c;padding:22px 10px;box-shadow:0 19px 40px #0006;display:flex;flex-direction:column;gap:12px}.g-phone-island{position:absolute;top:6px;left:32%;width:36%;height:7px;border-radius:99px;background:#242226}
.g-browser-phone span{font-size:10px;font-weight:800}.g-browser-phone strong{font:600 17px/1.15 'Outfit',sans-serif}.g-phone-art{flex:1;background:linear-gradient(130deg,#f9954b,#e5ae8a);border-radius:3px}.g-visual-web>small{display:block;text-align:center;font-size:8px;color:#9b959a;margin-top:30px;letter-spacing:.14em}
.g-visual-identity{padding:37px;background:#faf4e8;color:#1d1a1b;border-radius:8px;box-shadow:15px 15px 0 #f9954b55;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.g-id-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.1em}
.g-id-wordmark{font:700 clamp(31px,4.1vw,64px)/1 'Outfit',sans-serif;letter-spacing:-.065em}.g-id-wordmark em{font-style:normal;color:#db7850}.g-id-colours{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;height:62px}.g-id-colours span{background:#f9954b}.g-id-colours span:nth-child(2){background:#151320}.g-id-colours span:nth-child(3){background:#b4c0b3}.g-id-colours span:nth-child(4){background:#dfd2bc}
.g-id-labels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em}.g-visual-identity>small{font-size:9px;color:#93877e}
.g-outputs{padding:115px 0}.g-outputs-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:35px}.g-outputs-heading h2{font:600 clamp(35px,4.5vw,65px)/1.07 'Outfit',sans-serif;letter-spacing:-.05em}.g-outputs-heading em{font-style:normal;color:#c0b3aa}.g-outputs-heading p{max-width:340px;color:#7a7470;font-size:15px;line-height:1.6}
.g-output-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.g-output-card{background:#fff;padding:28px 22px 35px;min-height:280px;border:1px solid #ebe7e2;transition:transform .6s,background .4s}.g-output-card:hover{background:#fff7f0;transform:translateY(-6px)}
.g-output-card>span{display:inline-block;padding:8px 9px;border:1px solid #ded9d5;border-radius:100%;font-size:10px;margin-bottom:60px}.g-output-card h3{font:600 clamp(20px,2vw,26px)/1.2 'Outfit',sans-serif;letter-spacing:-.035em}.g-output-card p{font-size:13px;line-height:1.65;color:#77716e;margin-top:13px}
.g-service-method{display:grid;grid-template-columns:1fr 1fr;gap:6vw;border-top:1px solid #dedad3;padding:90px 0 115px}.g-service-method h2{font:600 clamp(35px,4.2vw,59px)/1.07 'Outfit',sans-serif;letter-spacing:-.05em;margin-top:22px}.g-service-method em{font-style:normal;color:#b5aaa3}
.g-method-step{display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid #dedad3;padding:22px 0;align-items:center;gap:10px}.g-method-step span{color:#da8155;font-size:12px}.g-method-step strong{font:500 clamp(18px,2vw,26px) 'Outfit',sans-serif}
.g-service-end{background:#151320;color:#fff;padding:64px;position:relative;overflow:hidden;border-radius:11px;margin-bottom:100px}.g-service-end:after{content:'';position:absolute;width:390px;height:390px;right:-140px;top:-180px;background:#f9954b30;border-radius:50%;filter:blur(60px);pointer-events:none}
.g-service-end>div{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 0}.g-service-end h2{font:600 clamp(33px,4.2vw,59px)/1.07 'Outfit',sans-serif;letter-spacing:-.05em}.g-service-end em{font-style:normal;color:#f9954b}.g-service-end small{color:#a7a0a8;font-size:10px}
/* Hero scenes coordinate with original cinematic video and slider. */
.hero[data-scene="network"] .g-hero-scenes{display:none}
.hero[data-scene]:not([data-scene="network"]) .hero-orb{opacity:0!important;pointer-events:none}
.g-hero-scenes{position:absolute;right:4%;top:21%;width:min(38%,575px);height:55%;pointer-events:none;z-index:1}
.g-hero-scene{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .65s,transform 1s cubic-bezier(.22,1,.36,1);border:1px solid #ffffff28;border-radius:19px;background:#14131be6;box-shadow:0 30px 100px #05040a80;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff}
.hero[data-scene="search"] .g-hero-scene-search,.hero[data-scene="product"] .g-hero-scene-product,.hero[data-scene="performance"] .g-hero-scene-performance{opacity:1;transform:translateY(0) scale(1)}
.g-hero-scene>span,.g-hero-scene>small{font-size:10px;letter-spacing:.18em;color:#c1b7b7}.g-hero-search-input{border:1px solid #ffffff50;border-radius:60px;padding:15px 15px 15px 24px;display:flex;justify-content:space-between;font:500 13px 'DM Sans',sans-serif;background:#faf8f0;color:#332f37;gap:12px}
.g-hero-search-input b{color:#d17a4c}.g-hero-search-result{background:#fff;color:#18141b;border-radius:13px;padding:25px}.g-hero-search-result small{color:#827b7a;letter-spacing:.11em;font-size:9px}.g-hero-search-result strong{display:block;font:600 clamp(22px,2.7vw,39px) 'Outfit',sans-serif;margin:18px 0}.g-hero-search-result div{background:#e9e7e3;height:7px;margin:9px 0;max-width:80%;border-radius:5px}.g-hero-search-result div:last-child{max-width:55%}
.g-hero-mini-browser{background:#f9f7ed;border-radius:11px;padding:18px 24px;color:#151320;flex:1;margin:23px 0;display:flex;flex-direction:column;justify-content:space-between}
.g-hero-mini-browser>small{color:#aba7a8;font-size:10px}.g-hero-mini-browser b{margin-left:20px;color:#777}.g-hero-mini-browser strong{font:700 clamp(28px,3.5vw,55px)/1.03 'Outfit',sans-serif;letter-spacing:-.065em}.g-hero-mini-browser i{font-style:normal;font-size:11px;color:#c5754b}
.g-hero-analytics{background:#f4eee7;color:#16131a;padding:25px;border-radius:12px;flex:1;margin:25px 0;display:flex;flex-direction:column}.g-hero-analytics small{font-size:10px;letter-spacing:.14em}.g-hero-analytics div{display:flex;align-items:end;gap:13px;border-bottom:1px solid #cbc5be;flex:1;min-height:100px;padding-top:15px}.g-hero-analytics i{height:var(--height);flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#F9954B,#91533b)}
.hero .g-hero-changing{animation:gHeroEnter .68s cubic-bezier(.2,.7,.2,1) both}@keyframes gHeroEnter{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* Admin slider */.garraje-admin .g-slide-row{margin:18px 0;padding:22px;border:1px solid #e3ded8;border-radius:13px}.garraje-admin .g-slide-row legend{padding:0 10px;font-weight:750;letter-spacing:.1em}
/* Entry animations always respect reduced motion. */
@media (prefers-reduced-motion:no-preference){.g-service-showcase,.g-output-card,.g-method-step,.g-partner-tile,.g-blog-card,.g-work-card{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.g-service-showcase:not(.g-is-visible),.g-output-card:not(.g-is-visible),.g-method-step:not(.g-is-visible){opacity:.2;transform:translateY(19px)}}
@media(max-width:1180px){.g-partners-showcase{grid-template-columns:minmax(0,1fr) minmax(300px,1.5fr) minmax(0,1fr);gap:20px;padding:60px 18px}.g-partners-side{grid-template-columns:repeat(2,1fr)}.g-partners-side .g-partner-tile:nth-child(n+11){display:none}.g-hero-scenes{right:1%;width:40%}.g-all-partners{grid-template-columns:repeat(5,1fr)}}
@media(max-width:850px){.g-work-layout{grid-template-columns:1fr 1fr}.g-work-card,.g-work-card:nth-child(7n + 1),.g-work-card:nth-child(7n + 2){grid-column:span 1}.g-work-media{height:320px}.g-work-meta{display:block}.g-work-meta span{display:none}.g-blog-grid,.g-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g-partners-showcase{grid-template-columns:1fr 1.5fr 1fr}.g-partners-side{grid-template-columns:1fr}.g-partners-side .g-partner-tile:nth-child(n+6){display:none}.g-all-partners{grid-template-columns:repeat(4,1fr)}.g-article-grid{grid-template-columns:1fr}.g-article-aside{display:none}.g-case-columns{grid-template-columns:1fr}.g-service-thesis{grid-template-columns:1fr}.g-service-showcase{grid-template-columns:1fr}.g-service-showcase-demo{min-height:460px}.g-output-grid{grid-template-columns:repeat(2,1fr)}.g-service-method{grid-template-columns:1fr}.g-hero-scenes{opacity:.34;width:48%;top:28%}}
@media(max-width:600px){.g-work-layout,.g-blog-grid,.g-team-grid,.g-case-gallery,.g-evidence-grid,.g-output-grid{grid-template-columns:1fr}.g-work-media{height:clamp(250px,80vw,420px)}.g-work-viewall,.g-outputs-heading,.g-case-summary,.g-article-deck,.g-article-navigation{flex-direction:column;align-items:start}.g-partners-showcase{display:flex;flex-direction:column;padding:65px 16px;gap:30px}.g-partners-center{order:-1;max-width:460px}.g-partners-side{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:6px;transform:none}.g-partners-side .g-partner-tile:nth-child(n+6){display:none}.g-partner-tile{border-radius:8px}.g-partner-tile img{width:92%;height:80%}.g-all-partners{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.g-blog-hero{padding:125px 0 75px}.g-blog-hero h1{margin:40px 0 23px}.g-article-header{padding:120px 0 45px}.g-article-eyebrow{margin-top:50px}.g-article-grid{padding:55px 0 75px}.g-article-body{font-size:16px}.g-article-navigation>a{max-width:100%}.g-case-hero{padding:130px 0 55px}.g-case-columns{padding:65px 0}.g-case-gallery-section,.g-case-evidence{padding:75px 0}.g-service-thesis,.g-outputs{padding:75px 0}.g-service-showcase-copy{padding:36px 25px}.g-service-showcase-demo{padding:19px;min-height:400px}.g-visual-search,.g-visual-growth,.g-visual-identity{padding:23px}.g-browser-phone{height:160px}.g-visual-social{min-height:280px}.g-social-frame{min-height:220px;padding:12px}.g-social-frame strong{font-size:15px}.g-social-frame small{font-size:8px}.g-output-card{min-height:220px}.g-output-card>span{margin-bottom:40px}.g-service-end{padding:35px 25px}.g-service-end>div{align-items:start;flex-direction:column}.g-hero-scenes{display:none}.g-filter-head{flex-direction:column;align-items:start}.g-works-index,.g-blog-archive{padding:70px 0}.g-partners-intro h2{font-size:39px}}