/* TrustModo: existing studio composition, a warmer plum light from the approved avatar. */
:root{--bg:#f6f2f1;--dark:#1b131e;--accent:#b43d73;--project-paper:#f6f2f1;--project-pink:#edc9dd;--project-shade:#35172c;--tm-berry:#963456;--tm-light:#fff4ed;--tm-ease:cubic-bezier(.2,.8,.2,1)}
.hero .studio-scene,.cta .studio-scene{background:#1b131e}
.hero .studio-material{opacity:.65;filter:saturate(.8)}
.hero .studio-light{background:radial-gradient(ellipse at 85% 15%,rgba(161,54,108,.19),transparent 62%),radial-gradient(ellipse at 15% 90%,rgba(99,55,127,.1),transparent 60%),linear-gradient(90deg,#1b131ee0,#21132235)}
.cta .studio-light{background:radial-gradient(ellipse at 85% 20%,#a1366c30,transparent 70%),linear-gradient(90deg,#1b131ece,#1b131e55)}
.studio-scene{background:#f0e7eb}.studio-light{background:radial-gradient(ellipse at 10% 10%,#fffaf4,transparent 64%),radial-gradient(ellipse at 100% 90%,#e5c7d7a0,transparent 60%)}
.project-section>.studio-scene{background:#eae0e6}
.hero-contact-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:26px}
.hero-contact-row .business-contacts{justify-self:start;gap:8px}
.hero-contact-row .project-motion-toggle{justify-self:end;margin:0}
.trustmodo-brand{display:inline-flex;align-items:center;gap:10px;min-height:52px;color:var(--tm-light);text-decoration:none;border-radius:14px;isolation:isolate;position:relative;outline-offset:6px;flex:none}
.trustmodo-brand::before{content:"";position:absolute;inset:-8px -12px;z-index:-1;border-radius:18px;background:radial-gradient(ellipse at 20% 50%,#d663aa30,transparent 72%);opacity:0;transition:opacity .4s var(--tm-ease)}
.trustmodo-brand:hover::before,.trustmodo-brand:focus-visible::before{opacity:1}
.trustmodo-mark{display:block;width:54px;height:42px;position:relative;overflow:hidden;flex:none;mask-image:radial-gradient(ellipse 74% 80% at 50% 50%,#000 55%,transparent 96%);transition:transform .45s var(--tm-ease)}
.trustmodo-mark img{position:absolute;width:98px;max-width:none;height:98px;left:-22px;top:-15px}
.trustmodo-brand:hover .trustmodo-mark,.trustmodo-brand:focus-visible .trustmodo-mark{transform:translateY(-1px) rotate(-4deg) scale(1.04)}
.trustmodo-brand:active{transform:scale(.98)}
.trustmodo-brand:focus-visible{outline:2px solid #f2b5d9}
.trustmodo-wordmark{display:grid;gap:2px}.trustmodo-wordmark strong{font:800 23px/1.1 Manrope,sans-serif;letter-spacing:-.035em}.trustmodo-wordmark>span{font-size:11px;line-height:1.5;white-space:nowrap;color:#e8cddc}
.hero .kick{color:#e8c4d9}.hero .hero-title h1{max-width:20ch}
.project-kicker,.capability-link,.project-next{color:var(--tm-berry)}
.capability-card{background:linear-gradient(135deg,#fffcf9ed,#f4eaf0db);box-shadow:inset 0 1px 0 #fff,0 3px 7px #5c30460c,0 20px 36px -28px #74335466}
.project-card{background:linear-gradient(145deg,#271b2bf5,#1b131ef5)}
.project-card--light{background:linear-gradient(135deg,#fffcf9f7,#f5e8f0f0)}
.project-card .project-halo{background:radial-gradient(ellipse at 90% 20%,#ad62ba30,transparent 65%),linear-gradient(90deg,#211327ee,#21132795)}
.project-card--light .project-halo{background:radial-gradient(ellipse at 90% 20%,#e7c6dd44,transparent 65%)}
.trustmodo-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px}.trustmodo-footer>a{font-size:20px;font-weight:800;letter-spacing:-.035em;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.trustmodo-footer>span{font-size:12px;color:#66545f}.trustmodo-footer>a:hover,.trustmodo-footer>a:focus-visible{color:var(--tm-berry);text-shadow:0 0 18px #b43d7333}
@media(max-width:1100px){.hero-contact-row{grid-template-columns:1fr auto;gap:10px 16px}.hero-contact-row .business-contacts{grid-column:1/-1;grid-row:2}.hero-contact-row .project-motion-toggle{grid-column:2;grid-row:1}}
@media(max-width:760px){.hero-contact-row{gap:10px 8px;margin-bottom:22px}.trustmodo-brand{gap:7px;min-height:44px}.trustmodo-mark{width:44px;height:34px}.trustmodo-mark img{width:80px;height:80px;left:-18px;top:-12px}.trustmodo-wordmark strong{font-size:20px}.trustmodo-wordmark>span{font-size:11px;letter-spacing:-.01em;max-width:195px;white-space:normal}.hero-contact-row .project-motion-toggle{font-size:10px;padding:8px;min-height:44px}.hero-contact-row .business-contacts{gap:8px}.hero-contact-row .business-contact{min-height:44px}.hero .hero-title h1{font-size:28px;max-width:20ch}.trustmodo-footer{gap:6px 14px}}
@media(max-width:359px){.trustmodo-wordmark>span{max-width:141px;white-space:normal;font-size:9px}.trustmodo-brand{gap:4px}.trustmodo-wordmark strong{font-size:19px}.hero-contact-row .project-motion-toggle{max-width:89px}.hero .hero-title h1{font-size:26px}}
html.studio-motion-off .trustmodo-brand,html.studio-motion-off .trustmodo-brand::before,html.studio-motion-off .trustmodo-mark{transition:none}
html.studio-motion-off .trustmodo-brand:hover .trustmodo-mark,html.studio-motion-off .trustmodo-brand:focus-visible .trustmodo-mark{transform:none}
@media(prefers-reduced-motion:reduce){.trustmodo-brand,.trustmodo-brand::before,.trustmodo-mark{transition:none}.trustmodo-brand:hover .trustmodo-mark,.trustmodo-brand:focus-visible .trustmodo-mark{transform:none}}
/* Round 2: legibility and independent capability links. */
.capability-card>div{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px}.foot .trustmodo-footer>a{color:#fff4ed}.foot .trustmodo-footer>span{color:#ead7e3}.foot> .wrap>p:not(.trustmodo-footer){color:#d2c0cf}

/* Keep the collage caption readable across actual light project screenshots. */
.project-hero-caption{z-index:5;max-width:calc(100% - 12px);padding:6px 10px;border:1px solid #ffffff24;border-radius:999px;background:#211426ed;color:#f5e1ec;line-height:1.5}